infinity-forge 6.0.0 → 6.0.2

package/dist/ui/components/form/input-control/loader-input/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderInput = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.LoaderInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: absolute;\n    z-index: 2;\n    top: 1px;\n    right: 11px;\n    height: calc(100% - 2px);\n    border-radius: inherit;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding-right: 0;\n    background: #fff;\n"], ["\n    position: absolute;\n    z-index: 2;\n    top: 1px;\n    right: 11px;\n    height: calc(100% - 2px);\n    border-radius: inherit;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding-right: 0;\n    background: #fff;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-control/loader-input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-control/loader-input/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0UAAA,uQAYvC,KAAA"}

package/dist/ui/components/form/input-control/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputControl = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  .input-icon {\n    position: absolute;\n    z-index: 2;\n    left: ", ";\n    right: ", ";\n    top: 50%;\n    transform: translateY(-50%);\n\n    svg {\n      width: 100%;\n      height: auto;\n      max-width: ", ";\n    }\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: -webkit-fill-available;\n    position: relative;\n    display: flex;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  input,select {\n    height: 42px;\n  }\n\n  .input-icon + .input-wrapper {\n    input,\n    select,\n    textarea {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  textarea {\n    /* height: 120px; */\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only,\n  textarea:read-only {\n    opacity: 0.90;\n    cursor: not-allowed;\n    background-color: #f2f2f2;\n  }\n"], ["\n  width: 100%;\n  margin-bottom: 10px;\n  position: relative;\n\n  .input-content {\n    position: relative;\n  }\n\n  .eye .icon svg {\n    fill: ", ";\n  }\n\n  .input-icon {\n    position: absolute;\n    z-index: 2;\n    left: ", ";\n    right: ", ";\n    top: 50%;\n    transform: translateY(-50%);\n\n    svg {\n      width: 100%;\n      height: auto;\n      max-width: ", ";\n    }\n  }\n\n  input,\n  select,\n  textarea {\n    border: 0;\n    background-color: #fff;\n    color: ", ";\n    padding: 0 10px;\n    width: -webkit-fill-available;\n    position: relative;\n    display: flex;\n    font-weight: 400;\n    border: 1px solid ", ";\n    border-radius: 4px;\n    font-size: 14px;\n    outline: transparent;\n\n    &::placeholder {\n      font-weight: 400;\n      color: ", ";\n    }\n  }\n\n  input,select {\n    height: 42px;\n  }\n\n  .input-icon + .input-wrapper {\n    input,\n    select,\n    textarea {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n  }\n\n  textarea {\n    /* height: 120px; */\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n\n  input::placeholder {\n    color: ", ";\n  }\n\n  textarea::placeholder {\n    color: ", ";\n  }\n\n  input:not([type='color']):read-only,\n  textarea:read-only {\n    opacity: 0.90;\n    cursor: not-allowed;\n    background-color: #f2f2f2;\n  }\n"])), function (props) { return (props.$error ? 'red !important' : '#526484'); }, function (props) { return (props.$inputIconDirection === 'left' ? '10px' : 'unset'); }, function (props) { return (props.$inputIconDirection === 'right' ? '10px' : 'unset'); }, function (props) { return props.$inputIconSize + 'px'; }, function (props) { return (props.$error ? 'red' : '#111'); }, function (props) { return (props.$error ? 'red' : '#ccc'); }, function (props) { return (props.$error ? 'red' : '#828282'); }, function (props) { return (props.$inputIconDirection === 'left' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return (props.$inputIconDirection === 'right' ? props.$inputIconSize + 20 + 'px' : '16px'); }, function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-control/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AASzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,m4CAAkB,uJAU/C,EAAwD,iFAMxD,EAAoE,gBACnE,EAAqE,6HAO/D,EAAsC,8GAS5C,EAA0C,yJAM/B,EAA0C,6IAOnD,EAA6C,8JAYtC,EAA6F,0BAC5F,EAA8F,wJAWxG,EAAmC,kDAInC,EAAmC,+JAS/C,KAzEW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,EAMxD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACnE,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAA1D,CAA0D,EAO/D,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,GAAG,IAAI,EAA3B,CAA2B,EAS5C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAM/B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/B,CAA+B,EAOnD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAYtC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlF,CAAkF,EAC5F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnF,CAAmF,EAWxG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAS/C"}

package/dist/ui/components/form/input-cpf-cnpj/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from '../interfaces';
+import { InputProps } from '../interfaces.js';
 export declare function InputCpfCnpj(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-cpf-cnpj/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputCpfCnpj = InputCpfCnpj;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var input_mask_1 = require("../input-mask/index.js");
+var formik_1 = require("formik");
+function InputCpfCnpj(props) {
+    var values = (0, formik_1.useFormikContext)().values;
+    function handleMask(value) {
+        var masks = {
+            cpf: '___.___.___-__',
+            cnpj: '__.___.___/____-__',
+        };
+        return value.replace(/\D/g, '').length > 11 ? masks['cnpj'] : masks['cpf'];
+    }
+    return ((0, jsx_runtime_1.jsx)(input_mask_1.InputMask, __assign({}, props, { mask: handleMask((values === null || values === void 0 ? void 0 : values[props.name]) || ''), onChangeInput: function (value, callback, _, applyMask) {
+            var currentMask = handleMask(value);
+            return applyMask(value, currentMask);
+        } })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-cpf-cnpj/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-cpf-cnpj/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,oCAwBC;;AA3BD,4CAAyC;AACzC,iCAAyC;AAEzC,SAAgB,YAAY,CAAC,KAAiB;IAErC,IAAA,MAAM,GAAI,IAAA,yBAAgB,GAAE,OAAtB,CAAsB;IAEnC,SAAS,UAAU,CAAC,KAAa;QAC/B,IAAM,KAAK,GAAG;YACZ,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE,oBAAoB;SAC3B,CAAA;QAED,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAE,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC7E,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,eACJ,KAAK,IACT,IAAI,EAAE,UAAU,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,IAAI,CAAW,KAAI,EAAE,CAAC,EACtD,aAAa,EAAE,UAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS;YAC3C,IAAM,WAAW,GAAG,UAAU,CAAC,KAAe,CAAC,CAAA;YAE/C,OAAO,SAAS,CAAC,KAAe,EAAE,WAAW,CAAC,CAAA;QAChD,CAAC,IACD,CACH,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-currency/components/CurrencyInput.js

@@ -0,0 +1,247 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyInput = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("./utils/index.js");
+exports.CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.allowDecimals, allowDecimals = _b === void 0 ? true : _b, _c = _a.allowNegativeValue, allowNegativeValue = _c === void 0 ? true : _c, id = _a.id, name = _a.name, className = _a.className, customInput = _a.customInput, decimalsLimit = _a.decimalsLimit, defaultValue = _a.defaultValue, _d = _a.disabled, disabled = _d === void 0 ? false : _d, userMaxLength = _a.maxLength, userValue = _a.value, onValueChange = _a.onValueChange, fixedDecimalLength = _a.fixedDecimalLength, placeholder = _a.placeholder, decimalScale = _a.decimalScale, prefix = _a.prefix, suffix = _a.suffix, intlConfig = _a.intlConfig, step = _a.step, min = _a.min, max = _a.max, _e = _a.disableGroupSeparators, disableGroupSeparators = _e === void 0 ? false : _e, _f = _a.disableAbbreviations, disableAbbreviations = _f === void 0 ? false : _f, _decimalSeparator = _a.decimalSeparator, _groupSeparator = _a.groupSeparator, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, transformRawValue = _a.transformRawValue, _g = _a.formatValueOnBlur, formatValueOnBlur = _g === void 0 ? true : _g, props = __rest(_a, ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur"]);
+    if (_decimalSeparator && (0, utils_1.isNumber)(_decimalSeparator)) {
+        throw new Error('decimalSeparator cannot be a number');
+    }
+    if (_groupSeparator && (0, utils_1.isNumber)(_groupSeparator)) {
+        throw new Error('groupSeparator cannot be a number');
+    }
+    var localeConfig = (0, react_1.useMemo)(function () { return (0, utils_1.getLocaleConfig)(intlConfig); }, [intlConfig]);
+    var decimalSeparator = _decimalSeparator || localeConfig.decimalSeparator || '';
+    var groupSeparator = _groupSeparator || localeConfig.groupSeparator || '';
+    if (decimalSeparator &&
+        groupSeparator &&
+        decimalSeparator === groupSeparator &&
+        disableGroupSeparators === false) {
+        throw new Error('decimalSeparator cannot be the same as groupSeparator');
+    }
+    var formatValueOptions = {
+        decimalSeparator: decimalSeparator,
+        groupSeparator: groupSeparator,
+        disableGroupSeparators: disableGroupSeparators,
+        intlConfig: intlConfig,
+        prefix: prefix || localeConfig.prefix,
+        suffix: suffix,
+    };
+    var cleanValueOptions = {
+        decimalSeparator: decimalSeparator,
+        groupSeparator: groupSeparator,
+        allowDecimals: allowDecimals,
+        decimalsLimit: decimalsLimit || fixedDecimalLength || 2,
+        allowNegativeValue: allowNegativeValue,
+        disableAbbreviations: disableAbbreviations,
+        prefix: prefix || localeConfig.prefix,
+        transformRawValue: transformRawValue,
+    };
+    var _h = (0, react_1.useState)(function () {
+        return defaultValue != null
+            ? (0, utils_1.formatValue)(__assign(__assign({}, formatValueOptions), { decimalScale: decimalScale, value: String(defaultValue) }))
+            : userValue != null
+                ? (0, utils_1.formatValue)(__assign(__assign({}, formatValueOptions), { decimalScale: decimalScale, value: String(userValue) }))
+                : '';
+    }), stateValue = _h[0], setStateValue = _h[1];
+    var _j = (0, react_1.useState)(false), dirty = _j[0], setDirty = _j[1];
+    var _k = (0, react_1.useState)(0), cursor = _k[0], setCursor = _k[1];
+    var _l = (0, react_1.useState)(0), changeCount = _l[0], setChangeCount = _l[1];
+    var _m = (0, react_1.useState)(null), lastKeyStroke = _m[0], setLastKeyStroke = _m[1];
+    var inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, function () { return inputRef.current; });
+    /**
+     * Process change in value
+     */
+    var processChange = function (value, selectionStart) {
+        setDirty(true);
+        var _a = (0, utils_1.repositionCursor)({
+            selectionStart: selectionStart,
+            value: value,
+            lastKeyStroke: lastKeyStroke,
+            stateValue: stateValue,
+            groupSeparator: groupSeparator,
+        }), modifiedValue = _a.modifiedValue, cursorPosition = _a.cursorPosition;
+        var stringValue = (0, utils_1.cleanValue)(__assign({ value: modifiedValue }, cleanValueOptions));
+        if (userMaxLength && stringValue.replace(/-/g, '').length > userMaxLength) {
+            return;
+        }
+        if (stringValue === '' || stringValue === '-' || stringValue === decimalSeparator) {
+            onValueChange && onValueChange(undefined, name, { float: null, formatted: '', value: '' });
+            setStateValue(stringValue);
+            // Always sets cursor after '-' or decimalSeparator input
+            setCursor(1);
+            return;
+        }
+        var stringValueWithoutSeparator = decimalSeparator
+            ? stringValue.replace(decimalSeparator, '.')
+            : stringValue;
+        var numberValue = parseFloat(stringValueWithoutSeparator);
+        var formattedValue = (0, utils_1.formatValue)(__assign({ value: stringValue }, formatValueOptions));
+        if (cursorPosition != null) {
+            // Prevent cursor jumping
+            var newCursor = cursorPosition + (formattedValue.length - value.length);
+            newCursor = newCursor <= 0 ? (prefix ? prefix.length : 0) : newCursor;
+            setCursor(newCursor);
+            setChangeCount(changeCount + 1);
+        }
+        setStateValue(formattedValue);
+        if (onValueChange) {
+            var values = {
+                float: numberValue,
+                formatted: formattedValue,
+                value: stringValue,
+            };
+            onValueChange(stringValue, name, values);
+        }
+    };
+    /**
+     * Handle change event
+     */
+    var handleOnChange = function (event) {
+        var _a = event.target, value = _a.value, selectionStart = _a.selectionStart;
+        processChange(value, selectionStart);
+        onChange && onChange(event);
+    };
+    /**
+     * Handle focus event
+     */
+    var handleOnFocus = function (event) {
+        onFocus && onFocus(event);
+        return stateValue ? stateValue.length : 0;
+    };
+    /**
+     * Handle blur event
+     *
+     * Format value by padding/trimming decimals if required by
+     */
+    var handleOnBlur = function (event) {
+        var value = event.target.value;
+        var valueOnly = (0, utils_1.cleanValue)(__assign({ value: value }, cleanValueOptions));
+        if (valueOnly === '-' || valueOnly === decimalSeparator || !valueOnly) {
+            setStateValue('');
+            onBlur && onBlur(event);
+            return;
+        }
+        var fixedDecimals = (0, utils_1.fixedDecimalValue)(valueOnly, decimalSeparator, fixedDecimalLength);
+        var newValue = (0, utils_1.padTrimValue)(fixedDecimals, decimalSeparator, decimalScale !== undefined ? decimalScale : fixedDecimalLength);
+        var numberValue = parseFloat(newValue.replace(decimalSeparator, '.'));
+        var formattedValue = (0, utils_1.formatValue)(__assign(__assign({}, formatValueOptions), { value: newValue }));
+        if (onValueChange && formatValueOnBlur) {
+            onValueChange(newValue, name, {
+                float: numberValue,
+                formatted: formattedValue,
+                value: newValue,
+            });
+        }
+        setStateValue(formattedValue);
+        onBlur && onBlur(event);
+    };
+    /**
+     * Handle key down event
+     *
+     * Increase or decrease value by step
+     */
+    var handleOnKeyDown = function (event) {
+        var key = event.key;
+        setLastKeyStroke(key);
+        if (step && (key === 'ArrowUp' || key === 'ArrowDown')) {
+            event.preventDefault();
+            setCursor(stateValue.length);
+            var currentValue = parseFloat(userValue != null
+                ? String(userValue).replace(decimalSeparator, '.')
+                : (0, utils_1.cleanValue)(__assign({ value: stateValue }, cleanValueOptions))) || 0;
+            var newValue = key === 'ArrowUp' ? currentValue + step : currentValue - step;
+            if (min !== undefined && newValue < Number(min)) {
+                return;
+            }
+            if (max !== undefined && newValue > Number(max)) {
+                return;
+            }
+            var fixedLength = String(step).includes('.')
+                ? Number(String(step).split('.')[1].length)
+                : undefined;
+            processChange(String(fixedLength ? newValue.toFixed(fixedLength) : newValue).replace('.', decimalSeparator));
+        }
+        onKeyDown && onKeyDown(event);
+    };
+    /**
+     * Handle key up event
+     *
+     * Move cursor if there is a suffix to prevent user typing past suffix
+     */
+    var handleOnKeyUp = function (event) {
+        var key = event.key, selectionStart = event.currentTarget.selectionStart;
+        if (key !== 'ArrowUp' && key !== 'ArrowDown' && stateValue !== '-') {
+            var suffix_1 = (0, utils_1.getSuffix)(stateValue, { groupSeparator: groupSeparator, decimalSeparator: decimalSeparator });
+            if (suffix_1 && selectionStart && selectionStart > stateValue.length - suffix_1.length) {
+                /* istanbul ignore else */
+                if (inputRef.current) {
+                    var newCursor = stateValue.length - suffix_1.length;
+                    inputRef.current.setSelectionRange(newCursor, newCursor);
+                }
+            }
+        }
+        onKeyUp && onKeyUp(event);
+    };
+    // Update state if userValue changes to undefined
+    (0, react_1.useEffect)(function () {
+        if (userValue == null && defaultValue == null) {
+            setStateValue('');
+        }
+    }, [defaultValue, userValue]);
+    (0, react_1.useEffect)(function () {
+        // prevent cursor jumping if editing value
+        if (dirty &&
+            stateValue !== '-' &&
+            inputRef.current &&
+            document.activeElement === inputRef.current) {
+            inputRef.current.setSelectionRange(cursor, cursor);
+        }
+    }, [stateValue, cursor, inputRef, dirty, changeCount]);
+    /**
+     * If user has only entered "-" or decimal separator,
+     * keep the char to allow them to enter next value
+     */
+    var getRenderValue = function () {
+        if (userValue != null &&
+            stateValue !== '-' &&
+            (!decimalSeparator || stateValue !== decimalSeparator)) {
+            return (0, utils_1.formatValue)(__assign(__assign({}, formatValueOptions), { decimalScale: dirty ? undefined : decimalScale, value: String(userValue) }));
+        }
+        return stateValue;
+    };
+    var inputProps = __assign({ type: 'text', inputMode: 'decimal', id: id, name: name, className: className, onChange: handleOnChange, onBlur: handleOnBlur, onFocus: handleOnFocus, onKeyDown: handleOnKeyDown, onKeyUp: handleOnKeyUp, placeholder: placeholder, disabled: disabled, value: getRenderValue(), ref: inputRef }, props);
+    if (customInput) {
+        var CustomInput = customInput;
+        return (0, jsx_runtime_1.jsx)(CustomInput, __assign({}, inputProps));
+    }
+    return (0, jsx_runtime_1.jsx)("input", __assign({}, inputProps));
+});
+exports.CurrencyInput.displayName = 'CurrencyInput';
+exports.default = exports.CurrencyInput;
+//# sourceMappingURL=CurrencyInput.js.map

package/dist/ui/components/form/input-currency/components/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-currency/components/CurrencyInput.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-currency/components/CurrencyInputProps.d.ts

@@ -1,8 +1,28 @@
 import React, { ElementType } from 'react';
 type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
+/**
+ * Value in different formats
+ *
+ * @experimental
+ */
 export type CurrencyInputOnChangeValues = {
+    /**
+     * Value as float or null if empty
+     *
+     * Example:
+     *   "1.99" > 1.99
+     *   "" > null
+     */
     float: number | null;
+    /**
+     * Value after applying formatting
+     *
+     * Example: "1000000" > "1,000,0000"
+     */
     formatted: string;
+    /**
+     * Non formatted value as string
+     */
     value: string;
 };
 export type IntlConfig = {
@@ -10,28 +30,131 @@ export type IntlConfig = {
     currency?: string;
 };
 export type CurrencyInputProps = Overwrite<React.ComponentPropsWithRef<'input'>, {
+    /**
+     * Allow decimals
+     *
+     * Default = true
+     */
     allowDecimals?: boolean;
+    /**
+     * Allow user to enter negative value
+     *
+     * Default = true
+     */
     allowNegativeValue?: boolean;
+    /**
+     * Component id
+     */
     id?: string;
+    /**
+     *  Maximum characters the user can enter
+     */
     maxLength?: number;
+    /**
+     * Class names
+     */
     className?: string;
+    /**
+     * Custom component
+     *
+     * Default = <input/>
+     */
     customInput?: ElementType;
+    /**
+     * Limit length of decimals allowed
+     *
+     * Default = 2
+     */
     decimalsLimit?: number;
+    /**
+     * Specify decimal scale for padding/trimming
+     *
+     * Example:
+     *   1.5 -> 1.50
+     *   1.234 -> 1.23
+     */
     decimalScale?: number;
+    /**
+     * Default value if not passing in value via props
+     */
     defaultValue?: number | string;
+    /**
+     * Disabled
+     *
+     * Default = false
+     */
     disabled?: boolean;
+    /**
+     * Value will always have the specified length of decimals
+     *
+     * Example:
+     *   123 -> 1.23
+     *
+     * Note: This formatting only happens onBlur
+     */
     fixedDecimalLength?: number;
+    /**
+     * Handle change in value
+     */
     onValueChange?: (value: string | undefined, name?: string, values?: CurrencyInputOnChangeValues) => void;
+    /**
+     * Placeholder if there is no value
+     */
     placeholder?: string;
+    /**
+     * Include a prefix eg. £
+     */
     prefix?: string;
+    /**
+     * Include a suffix eg. €
+     */
     suffix?: string;
+    /**
+     * Incremental value change on arrow down and arrow up key press
+     */
     step?: number;
+    /**
+     * Separator between integer part and fractional part of value.
+     *
+     * This cannot be a number
+     */
     decimalSeparator?: string;
+    /**
+     * Separator between thousand, million and billion
+     *
+     * This cannot be a number
+     */
     groupSeparator?: string;
+    /**
+     * Disable auto adding separator between values eg. 1000 -> 1,000
+     *
+     * Default = false
+     */
     disableGroupSeparators?: boolean;
+    /**
+     * Disable abbreviations (m, k, b)
+     *
+     * Default = false
+     */
     disableAbbreviations?: boolean;
+    /**
+     * International locale config, examples:
+     *   { locale: 'ja-JP', currency: 'JPY' }
+     *   { locale: 'en-IN', currency: 'INR' }
+     *
+     * Any prefix, groupSeparator or decimalSeparator options passed in
+     * will override Intl Locale config
+     */
     intlConfig?: IntlConfig;
+    /**
+     * Transform the raw value form the input before parsing
+     */
     transformRawValue?: (rawValue: string) => string;
+    /**
+     * When set to false, the formatValueOnBlur flag disables the application of the __onValueChange__ function
+     * specifically on blur events. If disabled or set to false, the onValueChange will not trigger on blur.
+     * Default = true
+     */
     formatValueOnBlur?: boolean;
 }>;
 export {};

package/dist/ui/components/form/input-currency/components/CurrencyInputProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=CurrencyInputProps.js.map

package/dist/ui/components/form/input-currency/components/CurrencyInputProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInputProps.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-currency/components/CurrencyInputProps.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-currency/components/index.d.ts

@@ -1 +1 @@
-export * from "./CurrencyInput";
+export * from "./CurrencyInput.js";

package/dist/ui/components/form/input-currency/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CurrencyInput.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-currency/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-currency/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}

package/dist/ui/components/form/input-currency/components/utils/addSeparators.d.ts

@@ -1 +1,4 @@
+/**
+ * Add group separator to value eg. 1000 > 1,000
+ */
 export declare const addSeparators: (value: string, separator?: string) => string;

package/dist/ui/components/form/input-currency/components/utils/addSeparators.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addSeparators = void 0;
+/**
+ * Add group separator to value eg. 1000 > 1,000
+ */
+var addSeparators = function (value, separator) {
+    if (separator === void 0) { separator = ','; }
+    return value.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
+};
+exports.addSeparators = addSeparators;
+//# sourceMappingURL=addSeparators.js.map

package/dist/ui/components/form/input-currency/components/utils/addSeparators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addSeparators.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-currency/components/utils/addSeparators.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACI,IAAM,aAAa,GAAG,UAAC,KAAa,EAAE,SAAe;IAAf,0BAAA,EAAA,eAAe;IAC1D,OAAO,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;AAC3D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/ui/components/form/input-currency/components/utils/cleanValue.d.ts

@@ -1,5 +1,8 @@
-import { CurrencyInputProps } from '../CurrencyInputProps';
+import { CurrencyInputProps } from '../CurrencyInputProps.js';
 export type CleanValueOptions = Pick<CurrencyInputProps, 'decimalSeparator' | 'groupSeparator' | 'allowDecimals' | 'decimalsLimit' | 'allowNegativeValue' | 'disableAbbreviations' | 'prefix' | 'transformRawValue'> & {
     value: string;
 };
+/**
+ * Remove prefix, separators and extra decimals from value
+ */
 export declare const cleanValue: ({ value, groupSeparator, decimalSeparator, allowDecimals, decimalsLimit, allowNegativeValue, disableAbbreviations, prefix, transformRawValue, }: CleanValueOptions) => string;

package/dist/ui/components/form/input-currency/components/utils/cleanValue.js

@@ -0,0 +1,62 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanValue = void 0;
+var parseAbbrValue_1 = require("./parseAbbrValue.js");
+var removeSeparators_1 = require("./removeSeparators.js");
+var removeInvalidChars_1 = require("./removeInvalidChars.js");
+var escapeRegExp_1 = require("./escapeRegExp.js");
+/**
+ * Remove prefix, separators and extra decimals from value
+ */
+var cleanValue = function (_a) {
+    var value = _a.value, _b = _a.groupSeparator, groupSeparator = _b === void 0 ? ',' : _b, _c = _a.decimalSeparator, decimalSeparator = _c === void 0 ? '.' : _c, _d = _a.allowDecimals, allowDecimals = _d === void 0 ? true : _d, _e = _a.decimalsLimit, decimalsLimit = _e === void 0 ? 2 : _e, _f = _a.allowNegativeValue, allowNegativeValue = _f === void 0 ? true : _f, _g = _a.disableAbbreviations, disableAbbreviations = _g === void 0 ? false : _g, _h = _a.prefix, prefix = _h === void 0 ? '' : _h, _j = _a.transformRawValue, transformRawValue = _j === void 0 ? function (rawValue) { return rawValue; } : _j;
+    var transformedValue = transformRawValue(value);
+    if (transformedValue === '-') {
+        return transformedValue;
+    }
+    var abbreviations = disableAbbreviations ? [] : ['k', 'm', 'b'];
+    var reg = new RegExp("((^|\\D)-\\d)|(-".concat((0, escapeRegExp_1.escapeRegExp)(prefix), ")"));
+    var isNegative = reg.test(transformedValue);
+    // Is there a digit before the prefix? eg. 1$
+    var _k = RegExp("(\\d+)-?".concat((0, escapeRegExp_1.escapeRegExp)(prefix))).exec(value) || [], prefixWithValue = _k[0], preValue = _k[1];
+    var withoutPrefix = prefix
+        ? prefixWithValue
+            ? transformedValue.replace(prefixWithValue, '').concat(preValue)
+            : transformedValue.replace(prefix, '')
+        : transformedValue;
+    var withoutSeparators = (0, removeSeparators_1.removeSeparators)(withoutPrefix, groupSeparator);
+    var withoutInvalidChars = (0, removeInvalidChars_1.removeInvalidChars)(withoutSeparators, __spreadArray([
+        groupSeparator,
+        decimalSeparator
+    ], abbreviations, true));
+    var valueOnly = withoutInvalidChars;
+    if (!disableAbbreviations) {
+        // disallow letter without number
+        if (abbreviations.some(function (letter) { return letter === withoutInvalidChars.toLowerCase().replace(decimalSeparator, ''); })) {
+            return '';
+        }
+        var parsed = (0, parseAbbrValue_1.parseAbbrValue)(withoutInvalidChars, decimalSeparator);
+        if (parsed) {
+            valueOnly = String(parsed);
+        }
+    }
+    var includeNegative = isNegative && allowNegativeValue ? '-' : '';
+    if (decimalSeparator && valueOnly.includes(decimalSeparator)) {
+        var _l = withoutInvalidChars.split(decimalSeparator), int = _l[0], decimals = _l[1];
+        var trimmedDecimals = decimalsLimit && decimals ? decimals.slice(0, decimalsLimit) : decimals;
+        var includeDecimals = allowDecimals ? "".concat(decimalSeparator).concat(trimmedDecimals) : '';
+        return "".concat(includeNegative).concat(int).concat(includeDecimals);
+    }
+    return "".concat(includeNegative).concat(valueOnly);
+};
+exports.cleanValue = cleanValue;
+//# sourceMappingURL=cleanValue.js.map