,\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"}],"always_on":false,"original_git":null,"preview_secret":null,"tags":[],"template":"create-react-app","view_count":416281,"restricted":false,"is_frozen":false,"description":null,"title":"React Currency Input with react-text-mask","fork_count":3761,"like_count":16,"user_liked":false,"alias":"react-currency-input-with-react-text-mask-4es23","pr_number":null,"authorization":"read","inserted_at":"2019-09-02T22:27:54","custom_template":null,"v2":false,"free_plan_editing_restricted":false,"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false},"author":{"id":"user_UoRcp4MPLonczStvjxoj2v","name":"Nick Nish","username":"nicknish","avatar_url":"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F5567838?v=4","personal_workspace_id":"ws_BLtCynBPKgGooepy1tj55D","subscription_plan":null,"subscription_since":null},"version":50,"forked_from_sandbox":null,"sdk":false,"id":"4es23","picks":[],"external_resources":[],"draft":false,"settings":{"ai_consent":null,"use_pint":false},"restrictions":{"free_plan_editing_restricted":false,"live_sessions_restricted":true},"git":null,"privacy":0,"npm_dependencies":{"react":"16.0.0","react-dom":"16.0.0"},"owned":false,"base_git":null,"feature_flags":{"comments":false,"container_lsp":false}};