,\r\n suffix: '',\r\n includeThousandsSeparator: true,\r\n thousandsSeparatorSymbol: ',',\r\n allowDecimal: true,\r\n decimalSymbol: '.',\r\n decimalLimit: 2, \u002F\u002F how many digits allowed after the decimal\r\n integerLimit: 7, \u002F\u002F limit length of integer numbers\r\n allowNegative: false,\r\n allowLeadingZeroes: false,\r\n}\r\n\r\nconst CurrencyInput = ({ maskOptions, ...inputProps }) =\u003E {\r\n const currencyMask = createNumberMask({\r\n ...defaultMaskOptions,\r\n ...maskOptions,\r\n })\r\n\r\n return \u003CMaskedInput mask={currencyMask} {...inputProps} \u002F\u003E\r\n}\r\n\r\nCurrencyInput.defaultProps = {\r\n inputMode: 'numeric',\r\n maskOptions: {},\r\n}\r\n\r\nCurrencyInput.propTypes = {\r\n inputmode: PropTypes.string,\r\n maskOptions: PropTypes.shape({\r\n prefix: PropTypes.string,\r\n suffix: PropTypes.string,\r\n includeThousandsSeparator: PropTypes.boolean,\r\n thousandsSeparatorSymbol: PropTypes.string,\r\n allowDecimal: PropTypes.boolean,\r\n decimalSymbol: PropTypes.string,\r\n decimalLimit: PropTypes.string,\r\n requireDecimal: PropTypes.boolean,\r\n allowNegative: PropTypes.boolean,\r\n allowLeadingZeroes: PropTypes.boolean,\r\n integerLimit: PropTypes.number,\r\n }),\r\n}\r\n\r\nexport default CurrencyInput\r\n","id":"mod_KTxLjo9HKiK8dSBiUhudsc","is_binary":false,"title":"CurrencyInput.js","sha":null,"inserted_at":"2019-09-02T22:27:54","updated_at":"2019-09-02T23:25:08","upload_id":null,"shortid":"Z6W98","source_id":"src_Y7nVGdR5QVfXfDULyCHDnH","directory_shortid":"GXOoy"},{"code":"\u002F* This is unnecessary to functionality, just for fun! *\u002F\n\n@import url('https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=IBM+Plex+Mono&display=swap');\n\nhtml,\nbody,\n#root {\n margin: 0;\n height: 100%;\n}\n\n.App {\n font-family: 'IBM Plex Mono', monospace;\n height: 100%;\n background: #3f6c51;\n color: white;\n padding: 60px 0;\n text-align: center;\n}\n\nh3 {\n margin-bottom: 30px;\n}\n\ninput {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 28px;\n padding: 8px 15px;\n border: 0;\n border-radius: 4px;\n color: #333;\n}\n","id":"mod_Br7F1awMtE8kQc511ZR3RM","is_binary":false,"title":"styles.css","sha":null,"inserted_at":"2019-09-02T22:27:54","updated_at":"2019-09-07T21:06:29","upload_id":null,"shortid":"qZyB7","source_id":"src_Y7nVGdR5QVfXfDULyCHDnH","directory_shortid":"GXOoy"}],"base_git":null,"forked_template":null,"external_resources":[],"preview_secret":null,"feature_flags":{"comments":false,"container_lsp":false},"version":50,"picks":[],"draft":false,"restricted":false,"git":null,"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false},"id":"4es23","team":{"id":"ws_BLtCynBPKgGooepy1tj55D","name":"nicknish","settings":{"ai_consent":{"public_sandboxes":false,"private_sandboxes":false}},"subscription_type":null,"avatar_url":"https:\u002F\u002Favatars2.githubusercontent.com\u002Fu\u002F5567838?v=4"},"sdk":false,"updated_at":"2020-01-29T16:14:12","forked_template_sandbox":null,"template":"create-react-app","settings":{"ai_consent":null,"use_pint":false},"npm_dependencies":{"react":"16.0.0","react-dom":"16.0.0"},"original_git":null,"inserted_at":"2019-09-02T22:27:54","tags":[],"is_sse":false};