siam-ui-utils 3.0.26 → 3.0.28

package/dist/_virtual/browser.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireBrowser } from "../node_modules/invariant/browser.js";
+var browserExports = requireBrowser();
+const invariant = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
+export {
+  invariant as default
+};
+//# sourceMappingURL=browser.js.map

package/dist/_virtual/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/warning.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireWarning } from "../node_modules/warning/warning.js";
+var warningExports = requireWarning();
+const warning = /* @__PURE__ */ getDefaultExportFromCjs(warningExports);
+export {
+  warning as default
+};
+//# sourceMappingURL=warning.js.map

package/dist/_virtual/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/custom-input/customInputMask/children-wrapper.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from "react";
+const ChildrenWrapper = forwardRef((props, ref) => {
+  const child = React.Children.only(props.children);
+  return React.cloneElement(child, {
+    ...props,
+    ref
+  });
+});
+export {
+  ChildrenWrapper as default
+};
+//# sourceMappingURL=children-wrapper.js.map

package/dist/custom-input/customInputMask/children-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"children-wrapper.js","sources":["../../../src/custom-input/customInputMask/children-wrapper.js"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\n\r\nconst ChildrenWrapper = forwardRef((props, ref) => {\r\n  const child = React.Children.only(props.children);\r\n\r\n  return React.cloneElement(child, {\r\n    ...props,\r\n    ref\r\n  });\r\n});\r\n\r\nexport default ChildrenWrapper;\r\n"],"names":[],"mappings":";AAEK,MAAC,kBAAkB,WAAW,CAAC,OAAO,QAAQ;AACjD,QAAM,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ;AAEhD,SAAO,MAAM,aAAa,OAAO;AAAA,IAC/B,GAAG;AAAA,IACH;AAAA,EACJ,CAAG;AACH,CAAC;"}

package/dist/custom-input/customInputMask/constants.js

@@ -0,0 +1,19 @@
+const CONTROLLED_PROPS = [
+  "disabled",
+  "onBlur",
+  "onChange",
+  "onFocus",
+  "onMouseDown",
+  "readOnly",
+  "value"
+];
+const defaultFormatChars = {
+  "9": /[0-9]/,
+  a: /[A-Za-z]/,
+  "*": /[A-Za-z0-9]/
+};
+export {
+  CONTROLLED_PROPS,
+  defaultFormatChars
+};
+//# sourceMappingURL=constants.js.map

package/dist/custom-input/customInputMask/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/custom-input/customInputMask/constants.js"],"sourcesContent":["export const CONTROLLED_PROPS = [\r\n  \"disabled\",\r\n  \"onBlur\",\r\n  \"onChange\",\r\n  \"onFocus\",\r\n  \"onMouseDown\",\r\n  \"readOnly\",\r\n  \"value\"\r\n];\r\n\r\nexport const defaultFormatChars = {\r\n  \"9\": /[0-9]/,\r\n  a: /[A-Za-z]/,\r\n  \"*\": /[A-Za-z0-9]/\r\n};\r\n"],"names":[],"mappings":"AAAY,MAAC,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEY,MAAC,qBAAqB;AAAA,EAChC,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AACP;"}

package/dist/custom-input/customInputMask/hooks.js

@@ -0,0 +1,159 @@
+import { useRef, useEffect, useCallback, useLayoutEffect } from "react";
+import { cancelDefer, defer } from "./utils/defer.js";
+import { getInputSelection, isInputFocused, setInputSelection } from "./utils/input.js";
+import { isDOMElement } from "./utils/helpers.js";
+function useInputElement(inputRef) {
+  return useCallback(() => {
+    let input = inputRef.current;
+    const isDOMNode = typeof window !== "undefined" && isDOMElement(input);
+    if (!input || !isDOMNode) {
+      return null;
+    }
+    if (input.nodeName !== "INPUT") {
+      input = input.querySelector("input");
+    }
+    if (!input) {
+      throw new Error(
+        "react-input-mask: inputComponent doesn't contain input node"
+      );
+    }
+    return input;
+  }, [inputRef]);
+}
+function useDeferLoop(callback) {
+  const deferIdRef = useRef(null);
+  const runLoop = useCallback(() => {
+    if (deferIdRef.current !== null) {
+      return;
+    }
+    function loop() {
+      callback();
+      deferIdRef.current = defer(loop);
+    }
+    loop();
+  }, [callback]);
+  const stopLoop = useCallback(() => {
+    cancelDefer(deferIdRef.current);
+    deferIdRef.current = null;
+  }, []);
+  useEffect(() => {
+    if (deferIdRef.current) {
+      stopLoop();
+      runLoop();
+    }
+  }, [runLoop, stopLoop]);
+  useEffect(cancelDefer, []);
+  return [runLoop, stopLoop];
+}
+function useSelection(inputRef, isMasked) {
+  const selectionRef = useRef({ start: null, end: null });
+  const getInputElement = useInputElement(inputRef);
+  const getSelection = useCallback(() => {
+    const input = getInputElement();
+    return getInputSelection(input);
+  }, [getInputElement]);
+  const getLastSelection = useCallback(() => {
+    return selectionRef.current;
+  }, []);
+  const setSelection = useCallback(
+    (selection) => {
+      const input = getInputElement();
+      if (!input || !isInputFocused(input)) {
+        return;
+      }
+      setInputSelection(input, selection.start, selection.end);
+      selectionRef.current = getSelection();
+    },
+    [getInputElement, getSelection]
+  );
+  const selectionLoop = useCallback(() => {
+    selectionRef.current = getSelection();
+  }, [getSelection]);
+  const [runSelectionLoop, stopSelectionLoop] = useDeferLoop(selectionLoop);
+  useLayoutEffect(() => {
+    if (!isMasked) {
+      return;
+    }
+    const input = getInputElement();
+    input.addEventListener("focus", runSelectionLoop);
+    input.addEventListener("blur", stopSelectionLoop);
+    if (isInputFocused(input)) {
+      runSelectionLoop();
+    }
+    return () => {
+      input.removeEventListener("focus", runSelectionLoop);
+      input.removeEventListener("blur", stopSelectionLoop);
+      stopSelectionLoop();
+    };
+  });
+  return { getSelection, getLastSelection, setSelection };
+}
+function useValue(inputRef, initialValue) {
+  const getInputElement = useInputElement(inputRef);
+  const valueRef = useRef(initialValue);
+  const getValue = useCallback(() => {
+    const input = getInputElement();
+    return input.value;
+  }, [getInputElement]);
+  const getLastValue = useCallback(() => {
+    return valueRef.current;
+  }, []);
+  const setValue = useCallback(
+    (newValue) => {
+      valueRef.current = newValue;
+      const input = getInputElement();
+      if (input) {
+        input.value = newValue;
+      }
+    },
+    [getInputElement]
+  );
+  return {
+    getValue,
+    getLastValue,
+    setValue
+  };
+}
+function useInputState(initialValue, isMasked) {
+  const inputRef = useRef();
+  const { getSelection, getLastSelection, setSelection } = useSelection(
+    inputRef,
+    isMasked
+  );
+  const { getValue, getLastValue, setValue } = useValue(inputRef, initialValue);
+  function getLastInputState() {
+    return {
+      value: getLastValue(),
+      selection: getLastSelection()
+    };
+  }
+  function getInputState() {
+    return {
+      value: getValue(),
+      selection: getSelection()
+    };
+  }
+  function setInputState({ value, selection }) {
+    setValue(value);
+    setSelection(selection);
+  }
+  return {
+    inputRef,
+    getInputState,
+    getLastInputState,
+    setInputState
+  };
+}
+function usePrevious(value) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+}
+export {
+  useInputElement,
+  useInputState,
+  usePrevious
+};
+//# sourceMappingURL=hooks.js.map

package/dist/custom-input/customInputMask/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../../src/custom-input/customInputMask/hooks.js"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef } from \"react\";\r\n\r\nimport { defer, cancelDefer } from \"./utils/defer\";\r\nimport {\r\n    setInputSelection,\r\n    getInputSelection,\r\n    isInputFocused\r\n} from \"./utils/input\";\r\nimport { isDOMElement } from \"./utils/helpers\";\r\n\r\nexport function useInputElement(inputRef) {\r\n    return useCallback(() => {\r\n        let input = inputRef.current;\r\n        const isDOMNode = typeof window !== \"undefined\" && isDOMElement(input);\r\n\r\n        // workaround for react-test-renderer\r\n        // https://github.com/sanniassin/react-input-mask/issues/147\r\n        if (!input || !isDOMNode) {\r\n            return null;\r\n        }\r\n\r\n        if (input.nodeName !== \"INPUT\") {\r\n            input = input.querySelector(\"input\");\r\n        }\r\n\r\n        if (!input) {\r\n            throw new Error(\r\n                \"react-input-mask: inputComponent doesn't contain input node\"\r\n            );\r\n        }\r\n\r\n        return input;\r\n    }, [inputRef]);\r\n}\r\n\r\nfunction useDeferLoop(callback) {\r\n    const deferIdRef = useRef(null);\r\n\r\n    const runLoop = useCallback(() => {\r\n        // If there are simulated focus events, runLoop could be\r\n        // called multiple times without blur or re-render\r\n        if (deferIdRef.current !== null) {\r\n            return;\r\n        }\r\n\r\n        function loop() {\r\n            callback();\r\n            deferIdRef.current = defer(loop);\r\n        }\r\n\r\n        loop();\r\n    }, [callback]);\r\n\r\n    const stopLoop = useCallback(() => {\r\n        cancelDefer(deferIdRef.current);\r\n        deferIdRef.current = null;\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (deferIdRef.current) {\r\n            stopLoop();\r\n            runLoop();\r\n        }\r\n    }, [runLoop, stopLoop]);\r\n\r\n    useEffect(cancelDefer, []);\r\n\r\n    return [runLoop, stopLoop];\r\n}\r\n\r\nfunction useSelection(inputRef, isMasked) {\r\n    const selectionRef = useRef({ start: null, end: null });\r\n    const getInputElement = useInputElement(inputRef);\r\n\r\n    const getSelection = useCallback(() => {\r\n        const input = getInputElement();\r\n        return getInputSelection(input);\r\n    }, [getInputElement]);\r\n\r\n    const getLastSelection = useCallback(() => {\r\n        return selectionRef.current;\r\n    }, []);\r\n\r\n    const setSelection = useCallback(\r\n        selection => {\r\n            const input = getInputElement();\r\n\r\n            // Don't change selection on unfocused input\r\n            // because Safari sets focus on selection change (#154)\r\n            if (!input || !isInputFocused(input)) {\r\n                return;\r\n            }\r\n\r\n            setInputSelection(input, selection.start, selection.end);\r\n\r\n            // Use actual selection in case the requested one was out of range\r\n            selectionRef.current = getSelection();\r\n        },\r\n        [getInputElement, getSelection]\r\n    );\r\n\r\n    const selectionLoop = useCallback(() => {\r\n        selectionRef.current = getSelection();\r\n    }, [getSelection]);\r\n    const [runSelectionLoop, stopSelectionLoop] = useDeferLoop(selectionLoop);\r\n\r\n    useLayoutEffect(() => {\r\n        if (!isMasked) {\r\n            return;\r\n        }\r\n\r\n        const input = getInputElement();\r\n        input.addEventListener(\"focus\", runSelectionLoop);\r\n        input.addEventListener(\"blur\", stopSelectionLoop);\r\n\r\n        if (isInputFocused(input)) {\r\n            runSelectionLoop();\r\n        }\r\n\r\n        return () => {\r\n            input.removeEventListener(\"focus\", runSelectionLoop);\r\n            input.removeEventListener(\"blur\", stopSelectionLoop);\r\n\r\n            stopSelectionLoop();\r\n        };\r\n    });\r\n\r\n    return { getSelection, getLastSelection, setSelection };\r\n}\r\n\r\nfunction useValue(inputRef, initialValue) {\r\n    const getInputElement = useInputElement(inputRef);\r\n    const valueRef = useRef(initialValue);\r\n\r\n    const getValue = useCallback(() => {\r\n        const input = getInputElement();\r\n        return input.value;\r\n    }, [getInputElement]);\r\n\r\n    const getLastValue = useCallback(() => {\r\n        return valueRef.current;\r\n    }, []);\r\n\r\n    const setValue = useCallback(\r\n        newValue => {\r\n            valueRef.current = newValue;\r\n\r\n            const input = getInputElement();\r\n            if (input) {\r\n                input.value = newValue;\r\n            }\r\n        },\r\n        [getInputElement]\r\n    );\r\n\r\n    return {\r\n        getValue,\r\n        getLastValue,\r\n        setValue\r\n    };\r\n}\r\n\r\nexport function useInputState(initialValue, isMasked) {\r\n    const inputRef = useRef();\r\n    const { getSelection, getLastSelection, setSelection } = useSelection(\r\n        inputRef,\r\n        isMasked\r\n    );\r\n    const { getValue, getLastValue, setValue } = useValue(inputRef, initialValue);\r\n\r\n    function getLastInputState() {\r\n        return {\r\n            value: getLastValue(),\r\n            selection: getLastSelection()\r\n        };\r\n    }\r\n\r\n    function getInputState() {\r\n        return {\r\n            value: getValue(),\r\n            selection: getSelection()\r\n        };\r\n    }\r\n\r\n    function setInputState({ value, selection }) {\r\n        setValue(value);\r\n        setSelection(selection);\r\n    }\r\n\r\n    return {\r\n        inputRef,\r\n        getInputState,\r\n        getLastInputState,\r\n        setInputState\r\n    };\r\n}\r\n\r\nexport function usePrevious(value) {\r\n    const ref = useRef();\r\n    useEffect(() => {\r\n        ref.current = value;\r\n    });\r\n    return ref.current;\r\n}"],"names":[],"mappings":";;;;AAUO,SAAS,gBAAgB,UAAU;AACtC,SAAO,YAAY,MAAM;AACrB,QAAI,QAAQ,SAAS;AACrB,UAAM,YAAY,OAAO,WAAW,eAAe,aAAa,KAAK;AAIrE,QAAI,CAAC,SAAS,CAAC,WAAW;AACtB,aAAO;AAAA,IACX;AAEA,QAAI,MAAM,aAAa,SAAS;AAC5B,cAAQ,MAAM,cAAc,OAAO;AAAA,IACvC;AAEA,QAAI,CAAC,OAAO;AACR,YAAM,IAAI;AAAA,QACN;AAAA,MAChB;AAAA,IACQ;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,QAAQ,CAAC;AACjB;AAEA,SAAS,aAAa,UAAU;AAC5B,QAAM,aAAa,OAAO,IAAI;AAE9B,QAAM,UAAU,YAAY,MAAM;AAG9B,QAAI,WAAW,YAAY,MAAM;AAC7B;AAAA,IACJ;AAEA,aAAS,OAAO;AACZ;AACA,iBAAW,UAAU,MAAM,IAAI;AAAA,IACnC;AAEA;EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,WAAW,YAAY,MAAM;AAC/B,gBAAY,WAAW,OAAO;AAC9B,eAAW,UAAU;AAAA,EACzB,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACZ,QAAI,WAAW,SAAS;AACpB;AACA;IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEtB,YAAU,aAAa,CAAA,CAAE;AAEzB,SAAO,CAAC,SAAS,QAAQ;AAC7B;AAEA,SAAS,aAAa,UAAU,UAAU;AACtC,QAAM,eAAe,OAAO,EAAE,OAAO,MAAM,KAAK,KAAI,CAAE;AACtD,QAAM,kBAAkB,gBAAgB,QAAQ;AAEhD,QAAM,eAAe,YAAY,MAAM;AACnC,UAAM,QAAQ;AACd,WAAO,kBAAkB,KAAK;AAAA,EAClC,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,mBAAmB,YAAY,MAAM;AACvC,WAAO,aAAa;AAAA,EACxB,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe;AAAA,IACjB,eAAa;AACT,YAAM,QAAQ;AAId,UAAI,CAAC,SAAS,CAAC,eAAe,KAAK,GAAG;AAClC;AAAA,MACJ;AAEA,wBAAkB,OAAO,UAAU,OAAO,UAAU,GAAG;AAGvD,mBAAa,UAAU;IAC3B;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EACtC;AAEI,QAAM,gBAAgB,YAAY,MAAM;AACpC,iBAAa,UAAU;EAC3B,GAAG,CAAC,YAAY,CAAC;AACjB,QAAM,CAAC,kBAAkB,iBAAiB,IAAI,aAAa,aAAa;AAExE,kBAAgB,MAAM;AAClB,QAAI,CAAC,UAAU;AACX;AAAA,IACJ;AAEA,UAAM,QAAQ;AACd,UAAM,iBAAiB,SAAS,gBAAgB;AAChD,UAAM,iBAAiB,QAAQ,iBAAiB;AAEhD,QAAI,eAAe,KAAK,GAAG;AACvB;IACJ;AAEA,WAAO,MAAM;AACT,YAAM,oBAAoB,SAAS,gBAAgB;AACnD,YAAM,oBAAoB,QAAQ,iBAAiB;AAEnD;IACJ;AAAA,EACJ,CAAC;AAED,SAAO,EAAE,cAAc,kBAAkB;AAC7C;AAEA,SAAS,SAAS,UAAU,cAAc;AACtC,QAAM,kBAAkB,gBAAgB,QAAQ;AAChD,QAAM,WAAW,OAAO,YAAY;AAEpC,QAAM,WAAW,YAAY,MAAM;AAC/B,UAAM,QAAQ;AACd,WAAO,MAAM;AAAA,EACjB,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,eAAe,YAAY,MAAM;AACnC,WAAO,SAAS;AAAA,EACpB,GAAG,CAAA,CAAE;AAEL,QAAM,WAAW;AAAA,IACb,cAAY;AACR,eAAS,UAAU;AAEnB,YAAM,QAAQ;AACd,UAAI,OAAO;AACP,cAAM,QAAQ;AAAA,MAClB;AAAA,IACJ;AAAA,IACA,CAAC,eAAe;AAAA,EACxB;AAEI,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACR;AACA;AAEO,SAAS,cAAc,cAAc,UAAU;AAClD,QAAM,WAAW;AACjB,QAAM,EAAE,cAAc,kBAAkB,aAAY,IAAK;AAAA,IACrD;AAAA,IACA;AAAA,EACR;AACI,QAAM,EAAE,UAAU,cAAc,SAAQ,IAAK,SAAS,UAAU,YAAY;AAE5E,WAAS,oBAAoB;AACzB,WAAO;AAAA,MACH,OAAO,aAAY;AAAA,MACnB,WAAW,iBAAgB;AAAA,IACvC;AAAA,EACI;AAEA,WAAS,gBAAgB;AACrB,WAAO;AAAA,MACH,OAAO,SAAQ;AAAA,MACf,WAAW,aAAY;AAAA,IACnC;AAAA,EACI;AAEA,WAAS,cAAc,EAAE,OAAO,aAAa;AACzC,aAAS,KAAK;AACd,iBAAa,SAAS;AAAA,EAC1B;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR;AACA;AAEO,SAAS,YAAY,OAAO;AAC/B,QAAM,MAAM;AACZ,YAAU,MAAM;AACZ,QAAI,UAAU;AAAA,EAClB,CAAC;AACD,SAAO,IAAI;AACf;"}

package/dist/custom-input/customInputMask/index.js

@@ -0,0 +1,184 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useLayoutEffect } from "react";
+import { usePrevious, useInputState, useInputElement } from "./hooks.js";
+import { validateMaxLength, validateMaskPlaceholder, validateChildren } from "./validate-props.js";
+import { defer } from "./utils/defer.js";
+import { isInputFocused } from "./utils/input.js";
+import { toString, getElementDocument, isFunction } from "./utils/helpers.js";
+import MaskUtils from "./utils/mask.js";
+import ChildrenWrapper from "./children-wrapper.js";
+const CustomInputMask = forwardRef(function CustomInputMask2(props, forwardedRef) {
+  const {
+    alwaysShowMask,
+    children,
+    mask,
+    maskPlaceholder,
+    beforeMaskedStateChange,
+    ...restProps
+  } = props;
+  validateMaxLength(props);
+  validateMaskPlaceholder(props);
+  const maskUtils = new MaskUtils({ mask, maskPlaceholder });
+  const isMasked = !!mask;
+  const isEditable = !restProps.disabled && !restProps.readOnly;
+  const isControlled = props.value !== null && props.value !== void 0;
+  const previousIsMasked = usePrevious(isMasked);
+  const initialValue = toString(
+    (isControlled ? props.value : props.defaultValue) || ""
+  );
+  const {
+    inputRef,
+    getInputState,
+    setInputState,
+    getLastInputState
+  } = useInputState(initialValue, isMasked);
+  const getInputElement = useInputElement(inputRef);
+  function onChange(event) {
+    const currentState = getInputState();
+    const previousState = getLastInputState();
+    let newInputState = maskUtils.processChange(currentState, previousState);
+    if (beforeMaskedStateChange) {
+      newInputState = beforeMaskedStateChange({
+        currentState,
+        previousState,
+        nextState: newInputState
+      });
+    }
+    setInputState(newInputState);
+    props.onChange?.(event);
+  }
+  function onFocus(event) {
+    inputRef.current = event.target;
+    const currentValue = getInputState().value;
+    if (isMasked && !maskUtils.isValueFilled(currentValue)) {
+      let newValue = maskUtils.formatValue(currentValue);
+      let newSelection = maskUtils.getDefaultSelectionForValue(newValue);
+      let newInputState = { value: newValue, selection: newSelection };
+      if (beforeMaskedStateChange) {
+        newInputState = beforeMaskedStateChange({
+          currentState: getInputState(),
+          nextState: newInputState
+        });
+      }
+      setInputState(newInputState);
+      if (newValue !== currentValue) {
+        props.onChange?.(event);
+      }
+      defer(() => {
+        setInputState(getLastInputState());
+      });
+    }
+    props.onFocus?.(event);
+  }
+  function onBlur(event) {
+    const currentValue = getInputState().value;
+    const lastValue = getLastInputState().value;
+    if (isMasked && !alwaysShowMask && maskUtils.isValueEmpty(lastValue)) {
+      let newInputState = {
+        value: "",
+        selection: { start: null, end: null }
+      };
+      if (beforeMaskedStateChange) {
+        newInputState = beforeMaskedStateChange({
+          currentState: getInputState(),
+          nextState: newInputState
+        });
+      }
+      setInputState(newInputState);
+      if (newInputState.value !== currentValue) {
+        props.onChange?.(event);
+      }
+    }
+    props.onBlur?.(event);
+  }
+  function onMouseDown(event) {
+    const input = getInputElement();
+    const { value } = getInputState();
+    const inputDocument = getElementDocument(input);
+    if (!isInputFocused(input) && !maskUtils.isValueFilled(value)) {
+      const startX = event.clientX;
+      const startY = event.clientY;
+      const startTime = Date.now();
+      const onMouseUp = (e) => {
+        inputDocument.removeEventListener("mouseup", onMouseUp);
+        if (!isInputFocused(input)) return;
+        const deltaX = Math.abs(e.clientX - startX);
+        const deltaY = Math.abs(e.clientY - startY);
+        const timeDelta = Date.now() - startTime;
+        if (Math.max(deltaX, deltaY) <= 10 && timeDelta <= 200 || Math.max(deltaX, deltaY) <= 5 && timeDelta <= 300) {
+          const lastState2 = getLastInputState();
+          setInputState({
+            ...lastState2,
+            selection: maskUtils.getDefaultSelectionForValue(lastState2.value)
+          });
+        }
+      };
+      inputDocument.addEventListener("mouseup", onMouseUp);
+    }
+    props.onMouseDown?.(event);
+  }
+  if (isMasked && isControlled) {
+    const input = getInputElement();
+    const isFocused = input && isInputFocused(input);
+    let newValue = isFocused || alwaysShowMask || props.value ? maskUtils.formatValue(props.value) : props.value;
+    if (beforeMaskedStateChange) {
+      newValue = beforeMaskedStateChange({
+        nextState: { value: newValue, selection: { start: null, end: null } }
+      }).value;
+    }
+    setInputState({
+      ...getLastInputState(),
+      value: newValue
+    });
+  }
+  const lastState = getLastInputState();
+  useLayoutEffect(() => {
+    if (!isMasked) return;
+    const input = getInputElement();
+    const isFocused = isInputFocused(input);
+    const currentState = getInputState();
+    let newState = { ...currentState };
+    if (!isControlled) {
+      const formatted = maskUtils.formatValue(currentState.value);
+      const shouldShow = !maskUtils.isValueEmpty(formatted) || isFocused || alwaysShowMask;
+      newState.value = shouldShow ? formatted : "";
+    }
+    if (isFocused && !previousIsMasked) {
+      newState.selection = maskUtils.getDefaultSelectionForValue(newState.value);
+    }
+    if (beforeMaskedStateChange) {
+      newState = beforeMaskedStateChange({
+        currentState,
+        nextState: newState
+      });
+    }
+    setInputState(newState);
+  });
+  const inputProps = {
+    ...restProps,
+    onFocus,
+    onBlur,
+    onChange: isMasked && isEditable ? onChange : props.onChange,
+    onMouseDown: isMasked && isEditable ? onMouseDown : props.onMouseDown,
+    value: isMasked && isControlled ? lastState.value : props.value,
+    ref: (node) => {
+      inputRef.current = node;
+      if (isFunction(forwardedRef)) {
+        forwardedRef(node);
+      } else if (forwardedRef && typeof forwardedRef === "object") {
+        forwardedRef.current = node;
+      }
+    }
+  };
+  if (children) {
+    validateChildren(props, children);
+    return /* @__PURE__ */ jsx(ChildrenWrapper, { ...inputProps, children });
+  }
+  return /* @__PURE__ */ jsx("input", { ...inputProps });
+});
+CustomInputMask.displayName = "CustomInputMask";
+export {
+  CustomInputMask,
+  CustomInputMask as default
+};
+//# sourceMappingURL=index.js.map

package/dist/custom-input/customInputMask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/custom-input/customInputMask/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, forwardRef } from \"react\";\r\n\r\nimport { useInputState, useInputElement, usePrevious } from \"./hooks\";\r\nimport {\r\n    validateMaxLength,\r\n    validateChildren,\r\n    validateMaskPlaceholder\r\n} from \"./validate-props\";\r\n\r\nimport { defer } from \"./utils/defer\";\r\nimport { isInputFocused } from \"./utils/input\";\r\nimport { isFunction, toString, getElementDocument } from \"./utils/helpers\";\r\nimport MaskUtils from \"./utils/mask\";\r\nimport ChildrenWrapper from \"./children-wrapper\";\r\n\r\nexport const CustomInputMask = forwardRef(function CustomInputMask(props, forwardedRef) {\r\n    const {\r\n        alwaysShowMask,\r\n        children,\r\n        mask,\r\n        maskPlaceholder,\r\n        beforeMaskedStateChange,\r\n        ...restProps\r\n    } = props;\r\n\r\n    validateMaxLength(props);\r\n    validateMaskPlaceholder(props);\r\n\r\n    const maskUtils = new MaskUtils({ mask, maskPlaceholder });\r\n\r\n    const isMasked = !!mask;\r\n    const isEditable = !restProps.disabled && !restProps.readOnly;\r\n    const isControlled = props.value !== null && props.value !== undefined;\r\n    const previousIsMasked = usePrevious(isMasked);\r\n    const initialValue = toString(\r\n        (isControlled ? props.value : props.defaultValue) || \"\"\r\n    );\r\n\r\n    const {\r\n        inputRef,\r\n        getInputState,\r\n        setInputState,\r\n        getLastInputState\r\n    } = useInputState(initialValue, isMasked);\r\n\r\n    const getInputElement = useInputElement(inputRef);\r\n\r\n    function onChange(event) {\r\n        const currentState = getInputState();\r\n        const previousState = getLastInputState();\r\n        let newInputState = maskUtils.processChange(currentState, previousState);\r\n\r\n        if (beforeMaskedStateChange) {\r\n            newInputState = beforeMaskedStateChange({\r\n                currentState,\r\n                previousState,\r\n                nextState: newInputState\r\n            });\r\n        }\r\n\r\n        setInputState(newInputState);\r\n        props.onChange?.(event);\r\n    }\r\n\r\n    function onFocus(event) {\r\n        inputRef.current = event.target;\r\n\r\n        const currentValue = getInputState().value;\r\n\r\n        if (isMasked && !maskUtils.isValueFilled(currentValue)) {\r\n            let newValue = maskUtils.formatValue(currentValue);\r\n            let newSelection = maskUtils.getDefaultSelectionForValue(newValue);\r\n            let newInputState = { value: newValue, selection: newSelection };\r\n\r\n            if (beforeMaskedStateChange) {\r\n                newInputState = beforeMaskedStateChange({\r\n                    currentState: getInputState(),\r\n                    nextState: newInputState\r\n                });\r\n            }\r\n\r\n            setInputState(newInputState);\r\n\r\n            if (newValue !== currentValue) {\r\n                props.onChange?.(event);\r\n            }\r\n\r\n            defer(() => {\r\n                setInputState(getLastInputState());\r\n            });\r\n        }\r\n\r\n        props.onFocus?.(event);\r\n    }\r\n\r\n    function onBlur(event) {\r\n        const currentValue = getInputState().value;\r\n        const lastValue = getLastInputState().value;\r\n\r\n        if (isMasked && !alwaysShowMask && maskUtils.isValueEmpty(lastValue)) {\r\n            let newInputState = {\r\n                value: \"\",\r\n                selection: { start: null, end: null }\r\n            };\r\n\r\n            if (beforeMaskedStateChange) {\r\n                newInputState = beforeMaskedStateChange({\r\n                    currentState: getInputState(),\r\n                    nextState: newInputState\r\n                });\r\n            }\r\n\r\n            setInputState(newInputState);\r\n\r\n            if (newInputState.value !== currentValue) {\r\n                props.onChange?.(event);\r\n            }\r\n        }\r\n\r\n        props.onBlur?.(event);\r\n    }\r\n\r\n    function onMouseDown(event) {\r\n        const input = getInputElement();\r\n        const { value } = getInputState();\r\n        const inputDocument = getElementDocument(input);\r\n\r\n        if (!isInputFocused(input) && !maskUtils.isValueFilled(value)) {\r\n            const startX = event.clientX;\r\n            const startY = event.clientY;\r\n            const startTime = Date.now();\r\n\r\n            const onMouseUp = e => {\r\n                inputDocument.removeEventListener(\"mouseup\", onMouseUp);\r\n\r\n                if (!isInputFocused(input)) return;\r\n\r\n                const deltaX = Math.abs(e.clientX - startX);\r\n                const deltaY = Math.abs(e.clientY - startY);\r\n                const timeDelta = Date.now() - startTime;\r\n\r\n                if (\r\n                    (Math.max(deltaX, deltaY) <= 10 && timeDelta <= 200) ||\r\n                    (Math.max(deltaX, deltaY) <= 5 && timeDelta <= 300)\r\n                ) {\r\n                    const lastState = getLastInputState();\r\n                    setInputState({\r\n                        ...lastState,\r\n                        selection: maskUtils.getDefaultSelectionForValue(lastState.value)\r\n                    });\r\n                }\r\n            };\r\n\r\n            inputDocument.addEventListener(\"mouseup\", onMouseUp);\r\n        }\r\n\r\n        props.onMouseDown?.(event);\r\n    }\r\n\r\n    if (isMasked && isControlled) {\r\n        const input = getInputElement();\r\n        const isFocused = input && isInputFocused(input);\r\n\r\n        let newValue =\r\n            isFocused || alwaysShowMask || props.value\r\n                ? maskUtils.formatValue(props.value)\r\n                : props.value;\r\n\r\n        if (beforeMaskedStateChange) {\r\n            newValue = beforeMaskedStateChange({\r\n                nextState: { value: newValue, selection: { start: null, end: null } }\r\n            }).value;\r\n        }\r\n\r\n        setInputState({\r\n            ...getLastInputState(),\r\n            value: newValue\r\n        });\r\n    }\r\n\r\n    const lastState = getLastInputState();\r\n\r\n    useLayoutEffect(() => {\r\n        if (!isMasked) return;\r\n\r\n        const input = getInputElement();\r\n        const isFocused = isInputFocused(input);\r\n        const currentState = getInputState();\r\n        let newState = { ...currentState };\r\n\r\n        if (!isControlled) {\r\n            const formatted = maskUtils.formatValue(currentState.value);\r\n            const shouldShow =\r\n                !maskUtils.isValueEmpty(formatted) || isFocused || alwaysShowMask;\r\n\r\n            newState.value = shouldShow ? formatted : \"\";\r\n        }\r\n\r\n        if (isFocused && !previousIsMasked) {\r\n            newState.selection = maskUtils.getDefaultSelectionForValue(newState.value);\r\n        }\r\n\r\n        if (beforeMaskedStateChange) {\r\n            newState = beforeMaskedStateChange({\r\n                currentState,\r\n                nextState: newState\r\n            });\r\n        }\r\n\r\n        setInputState(newState);\r\n    });\r\n\r\n    const inputProps = {\r\n        ...restProps,\r\n        onFocus,\r\n        onBlur,\r\n        onChange: isMasked && isEditable ? onChange : props.onChange,\r\n        onMouseDown: isMasked && isEditable ? onMouseDown : props.onMouseDown,\r\n        value: isMasked && isControlled ? lastState.value : props.value,\r\n        ref: node => {\r\n            inputRef.current = node;\r\n\r\n            if (isFunction(forwardedRef)) {\r\n                forwardedRef(node);\r\n            } else if (forwardedRef && typeof forwardedRef === \"object\") {\r\n                forwardedRef.current = node;\r\n            }\r\n        }\r\n    };\r\n\r\n    if (children) {\r\n        validateChildren(props, children);\r\n        return <ChildrenWrapper {...inputProps}>{children}</ChildrenWrapper>;\r\n    }\r\n\r\n    return <input {...inputProps} />;\r\n});\r\n\r\nCustomInputMask.displayName = \"CustomInputMask\";\r\nexport default CustomInputMask;\r\n"],"names":["CustomInputMask","lastState"],"mappings":"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"}

package/dist/custom-input/customInputMask/utils/defer.js

@@ -0,0 +1,11 @@
+function defer(fn) {
+  return requestAnimationFrame(fn);
+}
+function cancelDefer(deferId) {
+  cancelAnimationFrame(deferId);
+}
+export {
+  cancelDefer,
+  defer
+};
+//# sourceMappingURL=defer.js.map

package/dist/custom-input/customInputMask/utils/defer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defer.js","sources":["../../../../src/custom-input/customInputMask/utils/defer.js"],"sourcesContent":["export function defer(fn) {\r\n  return requestAnimationFrame(fn);\r\n}\r\n\r\nexport function cancelDefer(deferId) {\r\n  cancelAnimationFrame(deferId);\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,MAAM,IAAI;AACxB,SAAO,sBAAsB,EAAE;AACjC;AAEO,SAAS,YAAY,SAAS;AACnC,uBAAqB,OAAO;AAC9B;"}

package/dist/custom-input/customInputMask/utils/helpers.js

@@ -0,0 +1,42 @@
+function getElementDocument(element) {
+  return element?.ownerDocument;
+}
+function getElementWindow(element) {
+  return getElementDocument(element)?.defaultView;
+}
+function isDOMElement(element) {
+  const elementWindow = getElementWindow(element);
+  return !!elementWindow && element instanceof elementWindow.HTMLElement;
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function findLastIndex(array, predicate) {
+  for (let i = array.length - 1; i >= 0; i--) {
+    const x = array[i];
+    if (predicate(x, i)) {
+      return i;
+    }
+  }
+  return -1;
+}
+function repeat(string, n = 1) {
+  let result = "";
+  for (let i = 0; i < n; i++) {
+    result += string;
+  }
+  return result;
+}
+function toString(value) {
+  return `${value}`;
+}
+export {
+  findLastIndex,
+  getElementDocument,
+  getElementWindow,
+  isDOMElement,
+  isFunction,
+  repeat,
+  toString
+};
+//# sourceMappingURL=helpers.js.map

package/dist/custom-input/customInputMask/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/custom-input/customInputMask/utils/helpers.js"],"sourcesContent":["// Element's window may differ from the one within React instance\r\n// if element rendered within iframe.\r\n// See https://github.com/sanniassin/react-input-mask/issues/182\r\nexport function getElementDocument(element) {\r\n  return element?.ownerDocument;\r\n}\r\n\r\nexport function getElementWindow(element) {\r\n  return getElementDocument(element)?.defaultView;\r\n}\r\n\r\nexport function isDOMElement(element) {\r\n  const elementWindow = getElementWindow(element);\r\n  return !!elementWindow && element instanceof elementWindow.HTMLElement;\r\n}\r\n\r\nexport function isFunction(value) {\r\n  return typeof value === \"function\";\r\n}\r\n\r\nexport function findLastIndex(array, predicate) {\r\n  for (let i = array.length - 1; i >= 0; i--) {\r\n    const x = array[i];\r\n    if (predicate(x, i)) {\r\n      return i;\r\n    }\r\n  }\r\n  return -1;\r\n}\r\n\r\nexport function repeat(string, n = 1) {\r\n  let result = \"\";\r\n  for (let i = 0; i < n; i++) {\r\n    result += string;\r\n  }\r\n  return result;\r\n}\r\n\r\nexport function toString(value) {\r\n  return `${value}`;\r\n}\r\n"],"names":[],"mappings":"AAGO,SAAS,mBAAmB,SAAS;AAC1C,SAAO,SAAS;AAClB;AAEO,SAAS,iBAAiB,SAAS;AACxC,SAAO,mBAAmB,OAAO,GAAG;AACtC;AAEO,SAAS,aAAa,SAAS;AACpC,QAAM,gBAAgB,iBAAiB,OAAO;AAC9C,SAAO,CAAC,CAAC,iBAAiB,mBAAmB,cAAc;AAC7D;AAEO,SAAS,WAAW,OAAO;AAChC,SAAO,OAAO,UAAU;AAC1B;AAEO,SAAS,cAAc,OAAO,WAAW;AAC9C,WAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC1C,UAAM,IAAI,MAAM,CAAC;AACjB,QAAI,UAAU,GAAG,CAAC,GAAG;AACnB,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,OAAO,QAAQ,IAAI,GAAG;AACpC,MAAI,SAAS;AACb,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,cAAU;AAAA,EACZ;AACA,SAAO;AACT;AAEO,SAAS,SAAS,OAAO;AAC9B,SAAO,GAAG,KAAK;AACjB;"}

package/dist/custom-input/customInputMask/utils/input.js

@@ -0,0 +1,25 @@
+function setInputSelection(input, start, end) {
+  if (end === void 0) {
+    end = start;
+  }
+  input.setSelectionRange(start, end);
+}
+function getInputSelection(input) {
+  const start = input.selectionStart;
+  const end = input.selectionEnd;
+  return {
+    start,
+    end,
+    length: end - start
+  };
+}
+function isInputFocused(input) {
+  const inputDocument = input.ownerDocument;
+  return inputDocument.hasFocus() && inputDocument.activeElement === input;
+}
+export {
+  getInputSelection,
+  isInputFocused,
+  setInputSelection
+};
+//# sourceMappingURL=input.js.map

package/dist/custom-input/customInputMask/utils/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../src/custom-input/customInputMask/utils/input.js"],"sourcesContent":["export function setInputSelection(input, start, end) {\r\n  if (end === undefined) {\r\n    end = start;\r\n  }\r\n  input.setSelectionRange(start, end);\r\n}\r\n\r\nexport function getInputSelection(input) {\r\n  const start = input.selectionStart;\r\n  const end = input.selectionEnd;\r\n\r\n  return {\r\n    start,\r\n    end,\r\n    length: end - start\r\n  };\r\n}\r\n\r\nexport function isInputFocused(input) {\r\n  const inputDocument = input.ownerDocument;\r\n  return inputDocument.hasFocus() && inputDocument.activeElement === input;\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,kBAAkB,OAAO,OAAO,KAAK;AACnD,MAAI,QAAQ,QAAW;AACrB,UAAM;AAAA,EACR;AACA,QAAM,kBAAkB,OAAO,GAAG;AACpC;AAEO,SAAS,kBAAkB,OAAO;AACvC,QAAM,QAAQ,MAAM;AACpB,QAAM,MAAM,MAAM;AAElB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AAAA,EAClB;AACA;AAEO,SAAS,eAAe,OAAO;AACpC,QAAM,gBAAgB,MAAM;AAC5B,SAAO,cAAc,SAAQ,KAAM,cAAc,kBAAkB;AACrE;"}

package/dist/custom-input/customInputMask/utils/mask.js

@@ -0,0 +1,220 @@
+import { findLastIndex, repeat } from "./helpers.js";
+import parseMask from "./parse-mask.js";
+class MaskUtils {
+  constructor(options) {
+    this.maskOptions = parseMask(options);
+  }
+  isCharacterAllowedAtPosition = (character, position) => {
+    const { maskPlaceholder } = this.maskOptions;
+    if (this.isCharacterFillingPosition(character, position)) {
+      return true;
+    }
+    if (!maskPlaceholder) {
+      return false;
+    }
+    return maskPlaceholder[position] === character;
+  };
+  isCharacterFillingPosition = (character, position) => {
+    const { mask } = this.maskOptions;
+    if (!character || position >= mask.length) {
+      return false;
+    }
+    if (!this.isPositionEditable(position)) {
+      return mask[position] === character;
+    }
+    const charRule = mask[position];
+    return new RegExp(charRule).test(character);
+  };
+  isPositionEditable = (position) => {
+    const { mask, permanents } = this.maskOptions;
+    return position < mask.length && permanents.indexOf(position) === -1;
+  };
+  isValueEmpty = (value) => {
+    return value.split("").every((character, position) => {
+      return !this.isPositionEditable(position) || !this.isCharacterFillingPosition(character, position);
+    });
+  };
+  isValueFilled = (value) => {
+    return this.getFilledLength(value) === this.maskOptions.lastEditablePosition + 1;
+  };
+  getDefaultSelectionForValue = (value) => {
+    const filledLength = this.getFilledLength(value);
+    const cursorPosition = this.getRightEditablePosition(filledLength);
+    return { start: cursorPosition, end: cursorPosition };
+  };
+  getFilledLength = (value) => {
+    const characters = value.split("");
+    const lastFilledIndex = findLastIndex(characters, (character, position) => {
+      return this.isPositionEditable(position) && this.isCharacterFillingPosition(character, position);
+    });
+    return lastFilledIndex + 1;
+  };
+  getStringFillingLengthAtPosition = (string, position) => {
+    const characters = string.split("");
+    const insertedValue = characters.reduce((value, character) => {
+      return this.insertCharacterAtPosition(value, character, value.length);
+    }, repeat(" ", position));
+    return insertedValue.length - position;
+  };
+  getLeftEditablePosition = (position) => {
+    for (let i = position; i >= 0; i--) {
+      if (this.isPositionEditable(i)) {
+        return i;
+      }
+    }
+    return null;
+  };
+  getRightEditablePosition = (position) => {
+    const { mask } = this.maskOptions;
+    for (let i = position; i < mask.length; i++) {
+      if (this.isPositionEditable(i)) {
+        return i;
+      }
+    }
+    return null;
+  };
+  formatValue = (value) => {
+    const { maskPlaceholder, mask } = this.maskOptions;
+    if (!maskPlaceholder) {
+      value = this.insertStringAtPosition("", value, 0);
+      while (value.length < mask.length && !this.isPositionEditable(value.length)) {
+        value += mask[value.length];
+      }
+      return value;
+    }
+    return this.insertStringAtPosition(maskPlaceholder, value, 0);
+  };
+  clearRange = (value, start, len) => {
+    if (!len) {
+      return value;
+    }
+    const end = start + len;
+    const { maskPlaceholder, mask } = this.maskOptions;
+    const clearedValue = value.split("").map((character, i) => {
+      const isEditable = this.isPositionEditable(i);
+      if (!maskPlaceholder && i >= end && !isEditable) {
+        return "";
+      }
+      if (i < start || i >= end) {
+        return character;
+      }
+      if (!isEditable) {
+        return mask[i];
+      }
+      if (maskPlaceholder) {
+        return maskPlaceholder[i];
+      }
+      return "";
+    }).join("");
+    return this.formatValue(clearedValue);
+  };
+  insertCharacterAtPosition = (value, character, position) => {
+    const { mask, maskPlaceholder } = this.maskOptions;
+    if (position >= mask.length) {
+      return value;
+    }
+    const isAllowed = this.isCharacterAllowedAtPosition(character, position);
+    const isEditable = this.isPositionEditable(position);
+    const nextEditablePosition = this.getRightEditablePosition(position);
+    const isNextPlaceholder = maskPlaceholder && nextEditablePosition ? character === maskPlaceholder[nextEditablePosition] : null;
+    const valueBefore = value.slice(0, position);
+    if (isAllowed || !isEditable) {
+      const insertedCharacter = isAllowed ? character : mask[position];
+      value = valueBefore + insertedCharacter;
+    }
+    if (!isAllowed && !isEditable && !isNextPlaceholder) {
+      value = this.insertCharacterAtPosition(value, character, position + 1);
+    }
+    return value;
+  };
+  insertStringAtPosition = (value, string, position) => {
+    const { mask, maskPlaceholder } = this.maskOptions;
+    if (!string || position >= mask.length) {
+      return value;
+    }
+    const characters = string.split("");
+    const isFixedLength = this.isValueFilled(value) || !!maskPlaceholder;
+    const valueAfter = value.slice(position);
+    value = characters.reduce((value2, character) => {
+      return this.insertCharacterAtPosition(value2, character, value2.length);
+    }, value.slice(0, position));
+    if (isFixedLength) {
+      value += valueAfter.slice(value.length - position);
+    } else if (this.isValueFilled(value)) {
+      value += mask.slice(value.length).join("");
+    } else {
+      const editableCharactersAfter = valueAfter.split("").filter((character, i) => {
+        return this.isPositionEditable(position + i);
+      });
+      value = editableCharactersAfter.reduce((value2, character) => {
+        const nextEditablePosition = this.getRightEditablePosition(
+          value2.length
+        );
+        if (nextEditablePosition === null) {
+          return value2;
+        }
+        if (!this.isPositionEditable(value2.length)) {
+          value2 += mask.slice(value2.length, nextEditablePosition).join("");
+        }
+        return this.insertCharacterAtPosition(value2, character, value2.length);
+      }, value);
+    }
+    return value;
+  };
+  processChange = (currentState, previousState) => {
+    const { mask, prefix, lastEditablePosition } = this.maskOptions;
+    const { value, selection } = currentState;
+    const previousValue = previousState.value;
+    const previousSelection = previousState.selection;
+    let newValue = value;
+    let enteredString = "";
+    let formattedEnteredStringLength = 0;
+    let removedLength = 0;
+    let cursorPosition = Math.min(previousSelection.start, selection.start);
+    if (selection.end > previousSelection.start) {
+      enteredString = newValue.slice(previousSelection.start, selection.end);
+      formattedEnteredStringLength = this.getStringFillingLengthAtPosition(
+        enteredString,
+        cursorPosition
+      );
+      if (!formattedEnteredStringLength) {
+        removedLength = 0;
+      } else {
+        removedLength = previousSelection.length;
+      }
+    } else if (newValue.length < previousValue.length) {
+      removedLength = previousValue.length - newValue.length;
+    }
+    newValue = previousValue;
+    if (removedLength) {
+      if (removedLength === 1 && !previousSelection.length) {
+        const deleteFromRight = previousSelection.start === selection.start;
+        cursorPosition = deleteFromRight ? this.getRightEditablePosition(selection.start) : this.getLeftEditablePosition(selection.start);
+      }
+      newValue = this.clearRange(newValue, cursorPosition, removedLength);
+    }
+    newValue = this.insertStringAtPosition(
+      newValue,
+      enteredString,
+      cursorPosition
+    );
+    cursorPosition += formattedEnteredStringLength;
+    if (cursorPosition >= mask.length) {
+      cursorPosition = mask.length;
+    } else if (cursorPosition < prefix.length && !formattedEnteredStringLength) {
+      cursorPosition = prefix.length;
+    } else if (cursorPosition >= prefix.length && cursorPosition < lastEditablePosition && formattedEnteredStringLength) {
+      cursorPosition = this.getRightEditablePosition(cursorPosition);
+    }
+    newValue = this.formatValue(newValue);
+    return {
+      value: newValue,
+      enteredString,
+      selection: { start: cursorPosition, end: cursorPosition }
+    };
+  };
+}
+export {
+  MaskUtils as default
+};
+//# sourceMappingURL=mask.js.map

package/dist/custom-input/customInputMask/utils/mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask.js","sources":["../../../../src/custom-input/customInputMask/utils/mask.js"],"sourcesContent":["/* eslint no-use-before-define: [\"error\", { functions: false }] */\r\nimport { findLastIndex, repeat } from \"./helpers\";\r\nimport parseMask from \"./parse-mask\";\r\n\r\nexport default class MaskUtils {\r\n  constructor(options) {\r\n    this.maskOptions = parseMask(options);\r\n  }\r\n\r\n  isCharacterAllowedAtPosition = (character, position) => {\r\n    const { maskPlaceholder } = this.maskOptions;\r\n\r\n    if (this.isCharacterFillingPosition(character, position)) {\r\n      return true;\r\n    }\r\n\r\n    if (!maskPlaceholder) {\r\n      return false;\r\n    }\r\n\r\n    return maskPlaceholder[position] === character;\r\n  };\r\n\r\n  isCharacterFillingPosition = (character, position) => {\r\n    const { mask } = this.maskOptions;\r\n\r\n    if (!character || position >= mask.length) {\r\n      return false;\r\n    }\r\n\r\n    if (!this.isPositionEditable(position)) {\r\n      return mask[position] === character;\r\n    }\r\n\r\n    const charRule = mask[position];\r\n    return new RegExp(charRule).test(character);\r\n  };\r\n\r\n  isPositionEditable = position => {\r\n    const { mask, permanents } = this.maskOptions;\r\n    return position < mask.length && permanents.indexOf(position) === -1;\r\n  };\r\n\r\n  isValueEmpty = value => {\r\n    return value.split(\"\").every((character, position) => {\r\n      return (\r\n        !this.isPositionEditable(position) ||\r\n        !this.isCharacterFillingPosition(character, position)\r\n      );\r\n    });\r\n  };\r\n\r\n  isValueFilled = value => {\r\n    return (\r\n      this.getFilledLength(value) === this.maskOptions.lastEditablePosition + 1\r\n    );\r\n  };\r\n\r\n  getDefaultSelectionForValue = value => {\r\n    const filledLength = this.getFilledLength(value);\r\n    const cursorPosition = this.getRightEditablePosition(filledLength);\r\n    return { start: cursorPosition, end: cursorPosition };\r\n  };\r\n\r\n  getFilledLength = value => {\r\n    const characters = value.split(\"\");\r\n    const lastFilledIndex = findLastIndex(characters, (character, position) => {\r\n      return (\r\n        this.isPositionEditable(position) &&\r\n        this.isCharacterFillingPosition(character, position)\r\n      );\r\n    });\r\n    return lastFilledIndex + 1;\r\n  };\r\n\r\n  getStringFillingLengthAtPosition = (string, position) => {\r\n    const characters = string.split(\"\");\r\n    const insertedValue = characters.reduce((value, character) => {\r\n      return this.insertCharacterAtPosition(value, character, value.length);\r\n    }, repeat(\" \", position));\r\n\r\n    return insertedValue.length - position;\r\n  };\r\n\r\n  getLeftEditablePosition = position => {\r\n    for (let i = position; i >= 0; i--) {\r\n      if (this.isPositionEditable(i)) {\r\n        return i;\r\n      }\r\n    }\r\n    return null;\r\n  };\r\n\r\n  getRightEditablePosition = position => {\r\n    const { mask } = this.maskOptions;\r\n    for (let i = position; i < mask.length; i++) {\r\n      if (this.isPositionEditable(i)) {\r\n        return i;\r\n      }\r\n    }\r\n    return null;\r\n  };\r\n\r\n  formatValue = value => {\r\n    const { maskPlaceholder, mask } = this.maskOptions;\r\n\r\n    if (!maskPlaceholder) {\r\n      value = this.insertStringAtPosition(\"\", value, 0);\r\n\r\n      while (\r\n        value.length < mask.length &&\r\n        !this.isPositionEditable(value.length)\r\n      ) {\r\n        value += mask[value.length];\r\n      }\r\n\r\n      return value;\r\n    }\r\n\r\n    return this.insertStringAtPosition(maskPlaceholder, value, 0);\r\n  };\r\n\r\n  clearRange = (value, start, len) => {\r\n    if (!len) {\r\n      return value;\r\n    }\r\n\r\n    const end = start + len;\r\n    const { maskPlaceholder, mask } = this.maskOptions;\r\n\r\n    const clearedValue = value\r\n      .split(\"\")\r\n      .map((character, i) => {\r\n        const isEditable = this.isPositionEditable(i);\r\n\r\n        if (!maskPlaceholder && i >= end && !isEditable) {\r\n          return \"\";\r\n        }\r\n        if (i < start || i >= end) {\r\n          return character;\r\n        }\r\n        if (!isEditable) {\r\n          return mask[i];\r\n        }\r\n        if (maskPlaceholder) {\r\n          return maskPlaceholder[i];\r\n        }\r\n        return \"\";\r\n      })\r\n      .join(\"\");\r\n\r\n    return this.formatValue(clearedValue);\r\n  };\r\n\r\n  insertCharacterAtPosition = (value, character, position) => {\r\n    const { mask, maskPlaceholder } = this.maskOptions;\r\n    if (position >= mask.length) {\r\n      return value;\r\n    }\r\n\r\n    const isAllowed = this.isCharacterAllowedAtPosition(character, position);\r\n    const isEditable = this.isPositionEditable(position);\r\n    const nextEditablePosition = this.getRightEditablePosition(position);\r\n    const isNextPlaceholder =\r\n      maskPlaceholder && nextEditablePosition\r\n        ? character === maskPlaceholder[nextEditablePosition]\r\n        : null;\r\n    const valueBefore = value.slice(0, position);\r\n\r\n    if (isAllowed || !isEditable) {\r\n      const insertedCharacter = isAllowed ? character : mask[position];\r\n      value = valueBefore + insertedCharacter;\r\n    }\r\n\r\n    if (!isAllowed && !isEditable && !isNextPlaceholder) {\r\n      value = this.insertCharacterAtPosition(value, character, position + 1);\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  insertStringAtPosition = (value, string, position) => {\r\n    const { mask, maskPlaceholder } = this.maskOptions;\r\n    if (!string || position >= mask.length) {\r\n      return value;\r\n    }\r\n\r\n    const characters = string.split(\"\");\r\n    const isFixedLength = this.isValueFilled(value) || !!maskPlaceholder;\r\n    const valueAfter = value.slice(position);\r\n\r\n    value = characters.reduce((value, character) => {\r\n      return this.insertCharacterAtPosition(value, character, value.length);\r\n    }, value.slice(0, position));\r\n\r\n    if (isFixedLength) {\r\n      value += valueAfter.slice(value.length - position);\r\n    } else if (this.isValueFilled(value)) {\r\n      value += mask.slice(value.length).join(\"\");\r\n    } else {\r\n      const editableCharactersAfter = valueAfter\r\n        .split(\"\")\r\n        .filter((character, i) => {\r\n          return this.isPositionEditable(position + i);\r\n        });\r\n      value = editableCharactersAfter.reduce((value, character) => {\r\n        const nextEditablePosition = this.getRightEditablePosition(\r\n          value.length\r\n        );\r\n        if (nextEditablePosition === null) {\r\n          return value;\r\n        }\r\n\r\n        if (!this.isPositionEditable(value.length)) {\r\n          value += mask.slice(value.length, nextEditablePosition).join(\"\");\r\n        }\r\n\r\n        return this.insertCharacterAtPosition(value, character, value.length);\r\n      }, value);\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  processChange = (currentState, previousState) => {\r\n    const { mask, prefix, lastEditablePosition } = this.maskOptions;\r\n    const { value, selection } = currentState;\r\n    const previousValue = previousState.value;\r\n    const previousSelection = previousState.selection;\r\n    let newValue = value;\r\n    let enteredString = \"\";\r\n    let formattedEnteredStringLength = 0;\r\n    let removedLength = 0;\r\n    let cursorPosition = Math.min(previousSelection.start, selection.start);\r\n\r\n    if (selection.end > previousSelection.start) {\r\n      enteredString = newValue.slice(previousSelection.start, selection.end);\r\n      formattedEnteredStringLength = this.getStringFillingLengthAtPosition(\r\n        enteredString,\r\n        cursorPosition\r\n      );\r\n      if (!formattedEnteredStringLength) {\r\n        removedLength = 0;\r\n      } else {\r\n        removedLength = previousSelection.length;\r\n      }\r\n    } else if (newValue.length < previousValue.length) {\r\n      removedLength = previousValue.length - newValue.length;\r\n    }\r\n\r\n    newValue = previousValue;\r\n\r\n    if (removedLength) {\r\n      if (removedLength === 1 && !previousSelection.length) {\r\n        const deleteFromRight = previousSelection.start === selection.start;\r\n        cursorPosition = deleteFromRight\r\n          ? this.getRightEditablePosition(selection.start)\r\n          : this.getLeftEditablePosition(selection.start);\r\n      }\r\n      newValue = this.clearRange(newValue, cursorPosition, removedLength);\r\n    }\r\n\r\n    newValue = this.insertStringAtPosition(\r\n      newValue,\r\n      enteredString,\r\n      cursorPosition\r\n    );\r\n\r\n    cursorPosition += formattedEnteredStringLength;\r\n    if (cursorPosition >= mask.length) {\r\n      cursorPosition = mask.length;\r\n    } else if (\r\n      cursorPosition < prefix.length &&\r\n      !formattedEnteredStringLength\r\n    ) {\r\n      cursorPosition = prefix.length;\r\n    } else if (\r\n      cursorPosition >= prefix.length &&\r\n      cursorPosition < lastEditablePosition &&\r\n      formattedEnteredStringLength\r\n    ) {\r\n      cursorPosition = this.getRightEditablePosition(cursorPosition);\r\n    }\r\n\r\n    newValue = this.formatValue(newValue);\r\n\r\n    return {\r\n      value: newValue,\r\n      enteredString,\r\n      selection: { start: cursorPosition, end: cursorPosition }\r\n    };\r\n  };\r\n}\r\n"],"names":["value"],"mappings":"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"}

package/dist/custom-input/customInputMask/utils/parse-mask.js

@@ -0,0 +1,72 @@
+import { defaultFormatChars } from "../constants.js";
+function parseMask({ mask, maskPlaceholder }) {
+  const permanents = [];
+  if (!mask) {
+    return {
+      maskPlaceholder: null,
+      mask: null,
+      prefix: null,
+      lastEditablePosition: null,
+      permanents: []
+    };
+  }
+  if (typeof mask === "string") {
+    let isPermanent = false;
+    let parsedMaskString = "";
+    mask.split("").forEach((character) => {
+      if (!isPermanent && character === "\\") {
+        isPermanent = true;
+      } else {
+        if (isPermanent || !defaultFormatChars[character]) {
+          permanents.push(parsedMaskString.length);
+        }
+        parsedMaskString += character;
+        isPermanent = false;
+      }
+    });
+    mask = parsedMaskString.split("").map((character, index) => {
+      if (permanents.indexOf(index) === -1) {
+        return defaultFormatChars[character];
+      }
+      return character;
+    });
+  } else {
+    mask.forEach((character, index) => {
+      if (typeof character === "string") {
+        permanents.push(index);
+      }
+    });
+  }
+  if (maskPlaceholder) {
+    if (maskPlaceholder.length === 1) {
+      maskPlaceholder = mask.map((character, index) => {
+        if (permanents.indexOf(index) !== -1) {
+          return character;
+        }
+        return maskPlaceholder;
+      });
+    } else {
+      maskPlaceholder = maskPlaceholder.split("");
+    }
+    permanents.forEach((position) => {
+      maskPlaceholder[position] = mask[position];
+    });
+    maskPlaceholder = maskPlaceholder.join("");
+  }
+  const prefix = permanents.filter((position, index) => position === index).map((position) => mask[position]).join("");
+  let lastEditablePosition = mask.length - 1;
+  while (permanents.indexOf(lastEditablePosition) !== -1) {
+    lastEditablePosition--;
+  }
+  return {
+    maskPlaceholder,
+    prefix,
+    mask,
+    lastEditablePosition,
+    permanents
+  };
+}
+export {
+  parseMask as default
+};
+//# sourceMappingURL=parse-mask.js.map

package/dist/custom-input/customInputMask/utils/parse-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-mask.js","sources":["../../../../src/custom-input/customInputMask/utils/parse-mask.js"],"sourcesContent":["import { defaultFormatChars } from \"../constants\";\r\n\r\nexport default function({ mask, maskPlaceholder }) {\r\n  const permanents = [];\r\n\r\n  if (!mask) {\r\n    return {\r\n      maskPlaceholder: null,\r\n      mask: null,\r\n      prefix: null,\r\n      lastEditablePosition: null,\r\n      permanents: []\r\n    };\r\n  }\r\n\r\n  if (typeof mask === \"string\") {\r\n    let isPermanent = false;\r\n    let parsedMaskString = \"\";\r\n    mask.split(\"\").forEach(character => {\r\n      if (!isPermanent && character === \"\\\\\") {\r\n        isPermanent = true;\r\n      } else {\r\n        if (isPermanent || !defaultFormatChars[character]) {\r\n          permanents.push(parsedMaskString.length);\r\n        }\r\n        parsedMaskString += character;\r\n        isPermanent = false;\r\n      }\r\n    });\r\n\r\n    mask = parsedMaskString.split(\"\").map((character, index) => {\r\n      if (permanents.indexOf(index) === -1) {\r\n        return defaultFormatChars[character];\r\n      }\r\n      return character;\r\n    });\r\n  } else {\r\n    mask.forEach((character, index) => {\r\n      if (typeof character === \"string\") {\r\n        permanents.push(index);\r\n      }\r\n    });\r\n  }\r\n\r\n  if (maskPlaceholder) {\r\n    if (maskPlaceholder.length === 1) {\r\n      maskPlaceholder = mask.map((character, index) => {\r\n        if (permanents.indexOf(index) !== -1) {\r\n          return character;\r\n        }\r\n        return maskPlaceholder;\r\n      });\r\n    } else {\r\n      maskPlaceholder = maskPlaceholder.split(\"\");\r\n    }\r\n\r\n    permanents.forEach(position => {\r\n      maskPlaceholder[position] = mask[position];\r\n    });\r\n\r\n    maskPlaceholder = maskPlaceholder.join(\"\");\r\n  }\r\n\r\n  const prefix = permanents\r\n    .filter((position, index) => position === index)\r\n    .map(position => mask[position])\r\n    .join(\"\");\r\n\r\n  let lastEditablePosition = mask.length - 1;\r\n  while (permanents.indexOf(lastEditablePosition) !== -1) {\r\n    lastEditablePosition--;\r\n  }\r\n\r\n  return {\r\n    maskPlaceholder,\r\n    prefix,\r\n    mask,\r\n    lastEditablePosition,\r\n    permanents\r\n  };\r\n}\r\n"],"names":[],"mappings":";AAEe,SAAA,UAAS,EAAE,MAAM,mBAAmB;AACjD,QAAM,aAAa,CAAA;AAEnB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,sBAAsB;AAAA,MACtB,YAAY,CAAA;AAAA,IAClB;AAAA,EACE;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,QAAI,cAAc;AAClB,QAAI,mBAAmB;AACvB,SAAK,MAAM,EAAE,EAAE,QAAQ,eAAa;AAClC,UAAI,CAAC,eAAe,cAAc,MAAM;AACtC,sBAAc;AAAA,MAChB,OAAO;AACL,YAAI,eAAe,CAAC,mBAAmB,SAAS,GAAG;AACjD,qBAAW,KAAK,iBAAiB,MAAM;AAAA,QACzC;AACA,4BAAoB;AACpB,sBAAc;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,iBAAiB,MAAM,EAAE,EAAE,IAAI,CAAC,WAAW,UAAU;AAC1D,UAAI,WAAW,QAAQ,KAAK,MAAM,IAAI;AACpC,eAAO,mBAAmB,SAAS;AAAA,MACrC;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,OAAO;AACL,SAAK,QAAQ,CAAC,WAAW,UAAU;AACjC,UAAI,OAAO,cAAc,UAAU;AACjC,mBAAW,KAAK,KAAK;AAAA,MACvB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,iBAAiB;AACnB,QAAI,gBAAgB,WAAW,GAAG;AAChC,wBAAkB,KAAK,IAAI,CAAC,WAAW,UAAU;AAC/C,YAAI,WAAW,QAAQ,KAAK,MAAM,IAAI;AACpC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,OAAO;AACL,wBAAkB,gBAAgB,MAAM,EAAE;AAAA,IAC5C;AAEA,eAAW,QAAQ,cAAY;AAC7B,sBAAgB,QAAQ,IAAI,KAAK,QAAQ;AAAA,IAC3C,CAAC;AAED,sBAAkB,gBAAgB,KAAK,EAAE;AAAA,EAC3C;AAEA,QAAM,SAAS,WACZ,OAAO,CAAC,UAAU,UAAU,aAAa,KAAK,EAC9C,IAAI,cAAY,KAAK,QAAQ,CAAC,EAC9B,KAAK,EAAE;AAEV,MAAI,uBAAuB,KAAK,SAAS;AACzC,SAAO,WAAW,QAAQ,oBAAoB,MAAM,IAAI;AACtD;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACA;"}

package/dist/custom-input/customInputMask/validate-props.js

@@ -0,0 +1,35 @@
+import invariant from "../../_virtual/browser.js";
+import warning from "../../_virtual/warning.js";
+import { CONTROLLED_PROPS } from "./constants.js";
+function validateMaxLength(props) {
+  warning(
+    !props.maxLength || !props.mask,
+    "react-input-mask: maxLength property shouldn't be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length."
+  );
+}
+function validateMaskPlaceholder(props) {
+  const { mask, maskPlaceholder } = props;
+  invariant(
+    !mask || !maskPlaceholder || maskPlaceholder.length === 1 || maskPlaceholder.length === mask.length,
+    `react-input-mask: maskPlaceholder should either be a single character or have the same length as the mask:
+mask: ${mask}
+maskPlaceholder: ${maskPlaceholder}`
+  );
+}
+function validateChildren(props, inputElement) {
+  const conflictProps = CONTROLLED_PROPS.filter(
+    (propId) => inputElement.props[propId] ? inputElement.props[propId] !== props[propId] : null
+  );
+  invariant(
+    !conflictProps.length,
+    `react-input-mask: the following props should be passed to the InputMask component, not to children: ${conflictProps.join(
+      ","
+    )}`
+  );
+}
+export {
+  validateChildren,
+  validateMaskPlaceholder,
+  validateMaxLength
+};
+//# sourceMappingURL=validate-props.js.map

package/dist/custom-input/customInputMask/validate-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-props.js","sources":["../../../src/custom-input/customInputMask/validate-props.js"],"sourcesContent":["import invariant from \"invariant\";\r\nimport warning from \"warning\";\r\n\r\nimport { CONTROLLED_PROPS } from \"./constants\";\r\n\r\nexport function validateMaxLength(props) {\r\n  warning(\r\n    !props.maxLength || !props.mask,\r\n    \"react-input-mask: maxLength property shouldn't be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.\"\r\n  );\r\n}\r\n\r\nexport function validateMaskPlaceholder(props) {\r\n  const { mask, maskPlaceholder } = props;\r\n\r\n  invariant(\r\n    !mask ||\r\n    !maskPlaceholder ||\r\n    maskPlaceholder.length === 1 ||\r\n    maskPlaceholder.length === mask.length,\r\n    \"react-input-mask: maskPlaceholder should either be a single character or have the same length as the mask:\\n\" +\r\n    `mask: ${mask}\\n` +\r\n    `maskPlaceholder: ${maskPlaceholder}`\r\n  );\r\n}\r\n\r\nexport function validateChildren(props, inputElement) {\r\n  const conflictProps = CONTROLLED_PROPS.filter(\r\n    propId =>\r\n      inputElement.props[propId] ?\r\n        inputElement.props[propId] !== props[propId] : null\r\n  );\r\n\r\n  invariant(\r\n    !conflictProps.length,\r\n    `react-input-mask: the following props should be passed to the InputMask component, not to children: ${conflictProps.join(\r\n      \",\"\r\n    )}`\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;AAKO,SAAS,kBAAkB,OAAO;AACvC;AAAA,IACE,CAAC,MAAM,aAAa,CAAC,MAAM;AAAA,IAC3B;AAAA,EACJ;AACA;AAEO,SAAS,wBAAwB,OAAO;AAC7C,QAAM,EAAE,MAAM,gBAAe,IAAK;AAElC;AAAA,IACE,CAAC,QACD,CAAC,mBACD,gBAAgB,WAAW,KAC3B,gBAAgB,WAAW,KAAK;AAAA,IAChC;AAAA,QACS,IAAI;AAAA,mBACO,eAAe;AAAA,EACvC;AACA;AAEO,SAAS,iBAAiB,OAAO,cAAc;AACpD,QAAM,gBAAgB,iBAAiB;AAAA,IACrC,YACE,aAAa,MAAM,MAAM,IACvB,aAAa,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACvD;AAEE;AAAA,IACE,CAAC,cAAc;AAAA,IACf,uGAAuG,cAAc;AAAA,MACnH;AAAA,IACN,CAAK;AAAA,EACL;AACA;"}

package/dist/custom-input/index.js

@@ -3,10 +3,12 @@ import { CustomInputCheckbox } from "./CustomInputCheckbox.js";
 import { CustomInputRadio } from "./CustomInputRadio.js";
 import { CustomInputFile } from "./CustomInputFile.js";
 import { CustomInputCurrency } from "./CustomInputCurrency.js";
+import { CustomInputMask } from "./customInputMask/index.js";
 export {
   CustomInputCheckbox,
   CustomInputCurrency,
   CustomInputFile,
+  CustomInputMask,
   CustomInputRadio
 };
 //# sourceMappingURL=index.js.map

package/dist/custom-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/dropzone-uploader/styled/index.js

@@ -21,12 +21,12 @@ const DropzoneUploaderStyled = ({
   const [files, setFiles] = useState([]);
   const handleChangeStatus = ({ file }, status) => {
     if (status === "done") {
-      const filesTemp = [...files];
+      const filesTemp = files;
       filesTemp.push(file);
       setFiles(filesTemp);
       onChangeFiles(filesTemp);
     } else if (status === "removed") {
-      const filesTemp = [...files];
+      const filesTemp = files;
       const index = filesTemp.indexOf(file);
       if (index > -1) {
         filesTemp.splice(index, 1);

package/dist/dropzone-uploader/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/styled/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\r\nimport { useState } from 'react';\r\nimport { Button } from 'reactstrap';\r\nimport Dropzone from '../../dropzone';\r\nimport { IconButtonSvg, pdfImage } from '../../iconos';\r\nimport './index.css';\r\n\r\nexport const DropzoneUploaderStyled = ({\r\n  accept = 'image/*, application/pdf',\r\n  classNames = '',\r\n  onChangeFiles,\r\n  totalFiles,\r\n  label = 'Cargar Dni',\r\n  maxFiles = 2,\r\n  maxSize = 2,\r\n  onMaxFileSizeError = () => {\r\n    alert('El archivo supera el tamaño máximo');\r\n  },\r\n}) => {\r\n  const [files, setFiles] = useState([]);\r\n\r\n  const handleChangeStatus = ({ file }, status) => {\r\n    if (status === 'done') {\r\n      const filesTemp = [...files];\r\n      filesTemp.push(file);\r\n      setFiles(filesTemp);\r\n      onChangeFiles(filesTemp);\r\n    } else if (status === 'removed') {\r\n      const filesTemp = [...files];\r\n      const index = filesTemp.indexOf(file);\r\n      if (index > -1) {\r\n        filesTemp.splice(index, 1);\r\n      }\r\n      setFiles(filesTemp);\r\n      onChangeFiles(filesTemp);\r\n    }\r\n  };\r\n\r\n  const getFilesFromEvent = (e) => {\r\n    return new Promise((resolve) => {\r\n      getDroppedOrSelectedFiles(e).then((chosenFiles) => {\r\n        resolve(chosenFiles.map((f) => f.fileObject));\r\n      });\r\n    });\r\n  };\r\n\r\n  const CustomPreview = ({ fileWithMeta }) => {\r\n    const { meta, remove } = fileWithMeta;\r\n    if (meta.size / (1024 * 1024) > maxSize) {\r\n      onMaxFileSizeError();\r\n      remove();\r\n    }\r\n    return (\r\n      <div\r\n        className=\"dropzone-upload-previewContainer\"\r\n        style={{ width: '100%', display: 'flex', alignItems: 'center' }}\r\n      >\r\n        {meta.type === 'application/pdf' ? (\r\n          <>\r\n            <IconButtonSvg\r\n              className=\"form-control flex\"\r\n              svg={pdfImage}\r\n              svgOver={pdfImage}\r\n              height=\"1.6rem\"\r\n              width=\"1.6rem\"\r\n              title={meta.name}\r\n            />\r\n            <p style={{ paddingRight: '1rem' }}>\r\n              {meta.name.length > 17\r\n                ? meta.name.substring(0, 17) + '...'\r\n                : meta.name}\r\n            </p>\r\n          </>\r\n        ) : (\r\n          <>\r\n            <img\r\n              className=\"dropzone-upload-previewImage mt-1\"\r\n              src={meta.previewUrl}\r\n              alt={meta.name}\r\n              style={{\r\n                width: '110px',\r\n                height: '110px',\r\n                objectFit: 'cover',\r\n                marginRight: '0.5rem',\r\n              }}\r\n            />\r\n            <div className=\"dropzone-upload-file-name-container\">\r\n              <p className=\"dropzone-upload-file-name\" title={meta.name}>\r\n                {meta.name}\r\n              </p>\r\n            </div>\r\n          </>\r\n        )}\r\n        <button\r\n          style={{ marginTop: '0rem' }}\r\n          onClick={remove}\r\n          className=\"dropzone-upload-delete-btn simple-icon-trash\"\r\n        ></button>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const Input = ({ accept, onFiles, getFilesFromEvent }) => {\r\n    const text =\r\n      totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;\r\n    return (\r\n      <>\r\n        <Button\r\n          outline\r\n          block\r\n          size=\"xs\"\r\n          className=\"mt-5 ml-5\"\r\n          onClick={() => document.getElementById('fileInput').click()}\r\n        >\r\n          {text}\r\n          <input\r\n            id=\"fileInput\"\r\n            style={{ display: 'none' }}\r\n            type=\"file\"\r\n            accept={accept}\r\n            multiple\r\n            onChange={(e) => {\r\n              getFilesFromEvent(e).then((chosenFiles) => {\r\n                onFiles(chosenFiles);\r\n              });\r\n            }}\r\n          />\r\n        </Button>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={classNames}>\r\n      <Dropzone\r\n        disableUpload={false}\r\n        maxFiles={totalFiles < maxFiles ? maxFiles : 0}\r\n        maxSize={maxSize} // en megas\r\n        InputComponent={Input}\r\n        PreviewComponent={CustomPreview}\r\n        classNames={{ dropzone: 'dropzone-upload-frame' }}\r\n        onChangeStatus={handleChangeStatus}\r\n        getFilesFromEvent={getFilesFromEvent}\r\n        accept={accept}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DropzoneUploaderStyled;\r\n"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/styled/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\r\nimport { useState } from 'react';\r\nimport { Button } from 'reactstrap';\r\nimport Dropzone from '../../dropzone';\r\nimport { IconButtonSvg, pdfImage } from '../../iconos';\r\nimport './index.css';\r\n\r\nexport const DropzoneUploaderStyled = ({\r\n  accept = 'image/*, application/pdf',\r\n  classNames = '',\r\n  onChangeFiles,\r\n  totalFiles,\r\n  label = 'Cargar Dni',\r\n  maxFiles = 2,\r\n  maxSize = 2,\r\n  onMaxFileSizeError = () => {\r\n    alert('El archivo supera el tamaño máximo');\r\n  },\r\n}) => {\r\n  const [files, setFiles] = useState([]);\r\n\r\n  const handleChangeStatus = ({ file }, status) => {\r\n    if (status === 'done') {\r\n      const filesTemp = files;\r\n      filesTemp.push(file);\r\n      setFiles(filesTemp);\r\n      onChangeFiles(filesTemp);\r\n    } else if (status === 'removed') {\r\n      const filesTemp = files;\r\n      const index = filesTemp.indexOf(file);\r\n      if (index > -1) {\r\n        filesTemp.splice(index, 1);\r\n      }\r\n      setFiles(filesTemp);\r\n      onChangeFiles(filesTemp);\r\n    }\r\n  };\r\n\r\n  const getFilesFromEvent = (e) => {\r\n    return new Promise((resolve) => {\r\n      getDroppedOrSelectedFiles(e).then((chosenFiles) => {\r\n        resolve(chosenFiles.map((f) => f.fileObject));\r\n      });\r\n    });\r\n  };\r\n\r\n  const CustomPreview = ({ fileWithMeta }) => {\r\n    const { meta, remove } = fileWithMeta;\r\n    if (meta.size / (1024 * 1024) > maxSize) {\r\n      onMaxFileSizeError();\r\n      remove();\r\n    }\r\n    return (\r\n      <div\r\n        className=\"dropzone-upload-previewContainer\"\r\n        style={{ width: '100%', display: 'flex', alignItems: 'center' }}\r\n      >\r\n        {meta.type === 'application/pdf' ? (\r\n          <>\r\n            <IconButtonSvg\r\n              className=\"form-control flex\"\r\n              svg={pdfImage}\r\n              svgOver={pdfImage}\r\n              height=\"1.6rem\"\r\n              width=\"1.6rem\"\r\n              title={meta.name}\r\n            />\r\n            <p style={{ paddingRight: '1rem' }}>\r\n              {meta.name.length > 17\r\n                ? meta.name.substring(0, 17) + '...'\r\n                : meta.name}\r\n            </p>\r\n          </>\r\n        ) : (\r\n          <>\r\n            <img\r\n              className=\"dropzone-upload-previewImage mt-1\"\r\n              src={meta.previewUrl}\r\n              alt={meta.name}\r\n              style={{\r\n                width: '110px',\r\n                height: '110px',\r\n                objectFit: 'cover',\r\n                marginRight: '0.5rem',\r\n              }}\r\n            />\r\n            <div className=\"dropzone-upload-file-name-container\">\r\n              <p className=\"dropzone-upload-file-name\" title={meta.name}>\r\n                {meta.name}\r\n              </p>\r\n            </div>\r\n          </>\r\n        )}\r\n        <button\r\n          style={{ marginTop: '0rem' }}\r\n          onClick={remove}\r\n          className=\"dropzone-upload-delete-btn simple-icon-trash\"\r\n        ></button>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const Input = ({ accept, onFiles, getFilesFromEvent }) => {\r\n    const text =\r\n      totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;\r\n    return (\r\n      <>\r\n        <Button\r\n          outline\r\n          block\r\n          size=\"xs\"\r\n          className=\"mt-5 ml-5\"\r\n          onClick={() => document.getElementById('fileInput').click()}\r\n        >\r\n          {text}\r\n          <input\r\n            id=\"fileInput\"\r\n            style={{ display: 'none' }}\r\n            type=\"file\"\r\n            accept={accept}\r\n            multiple\r\n            onChange={(e) => {\r\n              getFilesFromEvent(e).then((chosenFiles) => {\r\n                onFiles(chosenFiles);\r\n              });\r\n            }}\r\n          />\r\n        </Button>\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={classNames}>\r\n      <Dropzone\r\n        disableUpload={false}\r\n        maxFiles={totalFiles < maxFiles ? maxFiles : 0}\r\n        maxSize={maxSize} // en megas\r\n        InputComponent={Input}\r\n        PreviewComponent={CustomPreview}\r\n        classNames={{ dropzone: 'dropzone-upload-frame' }}\r\n        onChangeStatus={handleChangeStatus}\r\n        getFilesFromEvent={getFilesFromEvent}\r\n        accept={accept}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DropzoneUploaderStyled;\r\n"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":"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"}

package/dist/node_modules/invariant/browser.js

@@ -0,0 +1,39 @@
+var browser;
+var hasRequiredBrowser;
+function requireBrowser() {
+  if (hasRequiredBrowser) return browser;
+  hasRequiredBrowser = 1;
+  var define_process_env_default = {};
+  var invariant = function(condition, format, a, b, c, d, e, f) {
+    if (define_process_env_default.NODE_ENV !== "production") {
+      if (format === void 0) {
+        throw new Error("invariant requires an error message argument");
+      }
+    }
+    if (!condition) {
+      var error;
+      if (format === void 0) {
+        error = new Error(
+          "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
+        );
+      } else {
+        var args = [a, b, c, d, e, f];
+        var argIndex = 0;
+        error = new Error(
+          format.replace(/%s/g, function() {
+            return args[argIndex++];
+          })
+        );
+        error.name = "Invariant Violation";
+      }
+      error.framesToPop = 1;
+      throw error;
+    }
+  };
+  browser = invariant;
+  return browser;
+}
+export {
+  requireBrowser as __require
+};
+//# sourceMappingURL=browser.js.map

package/dist/node_modules/invariant/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sources":["../../../node_modules/invariant/browser.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar invariant = function(condition, format, a, b, c, d, e, f) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (format === undefined) {\n      throw new Error('invariant requires an error message argument');\n    }\n  }\n\n  if (!condition) {\n    var error;\n    if (format === undefined) {\n      error = new Error(\n        'Minified exception occurred; use the non-minified dev environment ' +\n        'for the full error message and additional helpful warnings.'\n      );\n    } else {\n      var args = [a, b, c, d, e, f];\n      var argIndex = 0;\n      error = new Error(\n        format.replace(/%s/g, function() { return args[argIndex++]; })\n      );\n      error.name = 'Invariant Violation';\n    }\n\n    error.framesToPop = 1; // we don't care about invariant's own frame\n    throw error;\n  }\n};\n\nmodule.exports = invariant;\n"],"names":[],"mappings":";;;;;;AAoBA,MAAI,YAAY,SAAS,WAAW,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;AAC5D,QAAI,2BAAY,aAAa,cAAc;AACzC,UAAI,WAAW,QAAW;AACxB,cAAM,IAAI,MAAM,8CAA8C;AAAA,MAAA;AAAA,IAChE;AAGF,QAAI,CAAC,WAAW;AACd,UAAI;AACJ,UAAI,WAAW,QAAW;AACxB,gBAAQ,IAAI;AAAA,UACV;AAAA;MAEF,OACK;AACL,YAAI,OAAO,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC5B,YAAI,WAAW;AACf,gBAAQ,IAAI;AAAA,UACV,OAAO,QAAQ,OAAO,WAAW;AAAE,mBAAO,KAAK,UAAU;AAAA,UAAA,CAAI;AAAA;AAE/D,cAAM,OAAO;AAAA,MAAA;AAGf,YAAM,cAAc;AACpB,YAAM;AAAA,IAAA;AAAA,EAEV;AAEA,YAAiB;;;","x_google_ignoreList":[0]}

package/dist/node_modules/warning/warning.js

@@ -0,0 +1,51 @@
+var warning_1;
+var hasRequiredWarning;
+function requireWarning() {
+  if (hasRequiredWarning) return warning_1;
+  hasRequiredWarning = 1;
+  var define_process_env_default = {};
+  var __DEV__ = define_process_env_default.NODE_ENV !== "production";
+  var warning = function() {
+  };
+  if (__DEV__) {
+    var printWarning = function printWarning2(format, args) {
+      var len = arguments.length;
+      args = new Array(len > 1 ? len - 1 : 0);
+      for (var key = 1; key < len; key++) {
+        args[key - 1] = arguments[key];
+      }
+      var argIndex = 0;
+      var message = "Warning: " + format.replace(/%s/g, function() {
+        return args[argIndex++];
+      });
+      if (typeof console !== "undefined") {
+        console.error(message);
+      }
+      try {
+        throw new Error(message);
+      } catch (x) {
+      }
+    };
+    warning = function(condition, format, args) {
+      var len = arguments.length;
+      args = new Array(len > 2 ? len - 2 : 0);
+      for (var key = 2; key < len; key++) {
+        args[key - 2] = arguments[key];
+      }
+      if (format === void 0) {
+        throw new Error(
+          "`warning(condition, format, ...args)` requires a warning message argument"
+        );
+      }
+      if (!condition) {
+        printWarning.apply(null, [format].concat(args));
+      }
+    };
+  }
+  warning_1 = warning;
+  return warning_1;
+}
+export {
+  requireWarning as __require
+};
+//# sourceMappingURL=warning.js.map

package/dist/node_modules/warning/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","sources":["../../../node_modules/warning/warning.js"],"sourcesContent":["/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nvar warning = function() {};\n\nif (__DEV__) {\n  var printWarning = function printWarning(format, args) {\n    var len = arguments.length;\n    args = new Array(len > 1 ? len - 1 : 0);\n    for (var key = 1; key < len; key++) {\n      args[key - 1] = arguments[key];\n    }\n    var argIndex = 0;\n    var message = 'Warning: ' +\n      format.replace(/%s/g, function() {\n        return args[argIndex++];\n      });\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) {}\n  }\n\n  warning = function(condition, format, args) {\n    var len = arguments.length;\n    args = new Array(len > 2 ? len - 2 : 0);\n    for (var key = 2; key < len; key++) {\n      args[key - 2] = arguments[key];\n    }\n    if (format === undefined) {\n      throw new Error(\n          '`warning(condition, format, ...args)` requires a warning ' +\n          'message argument'\n      );\n    }\n    if (!condition) {\n      printWarning.apply(null, [format].concat(args));\n    }\n  };\n}\n\nmodule.exports = warning;\n"],"names":["printWarning"],"mappings":";;;;;;AAgBA,MAAI,UAAU,2BAAY,aAAa;AAEvC,MAAI,UAAU,WAAW;AAAA,EAAC;AAE1B,MAAI,SAAS;AACX,QAAI,eAAe,SAASA,cAAa,QAAQ,MAAM;AACrD,UAAI,MAAM,UAAU;AACpB,aAAO,IAAI,MAAM,MAAM,IAAI,MAAM,IAAI,CAAC;AACtC,eAAS,MAAM,GAAG,MAAM,KAAK,OAAO;AAClC,aAAK,MAAM,CAAC,IAAI,UAAU,GAAG;AAAA,MAAA;AAE/B,UAAI,WAAW;AACf,UAAI,UAAU,cACZ,OAAO,QAAQ,OAAO,WAAW;AAC/B,eAAO,KAAK,UAAU;AAAA,MAAA,CACvB;AACH,UAAI,OAAO,YAAY,aAAa;AAClC,gBAAQ,MAAM,OAAO;AAAA,MAAA;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAM,OAAO;AAAA,MAAA,SAChB,GAAG;AAAA,MAAA;AAAA,IAAC;AAGf,cAAU,SAAS,WAAW,QAAQ,MAAM;AAC1C,UAAI,MAAM,UAAU;AACpB,aAAO,IAAI,MAAM,MAAM,IAAI,MAAM,IAAI,CAAC;AACtC,eAAS,MAAM,GAAG,MAAM,KAAK,OAAO;AAClC,aAAK,MAAM,CAAC,IAAI,UAAU,GAAG;AAAA,MAAA;AAE/B,UAAI,WAAW,QAAW;AACxB,cAAM,IAAI;AAAA,UACN;AAAA;MAEJ;AAEF,UAAI,CAAC,WAAW;AACd,qBAAa,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,CAAC;AAAA,MAAA;AAAA,IAChD;AAAA,EAEJ;AAEA,cAAiB;;;","x_google_ignoreList":[0]}

package/dist/select/multi-select/index.js

@@ -9,7 +9,8 @@ const CustomMultiSelect = ({
   lista = [],
   onListaUpdate = () => {
   },
-  value = []
+  value = [],
+  styles = {}
 }) => {
   const [selected, setSelected] = useState([]);
   const overrideStringsCustom = {
@@ -35,7 +36,7 @@ const CustomMultiSelect = ({
     onListaUpdate(updated);
   };
   return /* @__PURE__ */ jsxs(Row, { className: "align-items-center", children: [
-    /* @__PURE__ */ jsx(Col, { xs: 6, style: { marginTop: "3.5rem" }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Col, { xs: 6, style: { ...styles }, children: /* @__PURE__ */ jsx(
       je,
       {
         options: lista,

package/dist/select/multi-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/select/multi-select/index.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { MultiSelect } from 'react-multi-select-component';\r\nimport { Col, Row } from 'reactstrap';\r\nimport BadgeLabelMultiSelect from './badge-label-multi-select';\r\nimport { BadgeWrapper, ClickableBadge } from './styled-component';\r\nimport './index.scss';\r\n\r\nexport const CustomMultiSelect = ({\r\n  lista = [],\r\n  onListaUpdate = () => {},\r\n  value = [],\r\n}) => {\r\n  const [selected, setSelected] = useState([]);\r\n  const overrideStringsCustom = {\r\n    selectSomeItems: 'Seleccionar Estado/s',\r\n    allItemsAreSelected: 'Todos Seleccionados',\r\n    search: 'Buscar...',\r\n    selectAll: 'SELECCIONAR TODOS',\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (value.length) {\r\n      setSelected(value);\r\n    }\r\n  }, [value]);\r\n\r\n  const handleCheckChange = (selectedOptions) => {\r\n    if (selectedOptions) {\r\n      setSelected(selectedOptions);\r\n      onListaUpdate(selectedOptions);\r\n    }\r\n  };\r\n\r\n  const handleRemoveBadge = (valueToRemove) => {\r\n    const updated = selected.filter((item) => item.value !== valueToRemove);\r\n    setSelected(updated);\r\n    onListaUpdate(updated);\r\n  };\r\n\r\n  return (\r\n    <Row className=\"align-items-center\">\r\n      <Col xs={6} style={{ marginTop: '3.5rem' }}>\r\n        <MultiSelect\r\n          options={lista}\r\n          value={selected}\r\n          onChange={handleCheckChange}\r\n          labelledBy=\"Seleccionar\"\r\n          className=\"custom-multiselect\"\r\n          overrideStrings={overrideStringsCustom}\r\n        />\r\n      </Col>\r\n      <Col xs={6} style={{ marginTop: '0.5rem' }}>\r\n        {selected.length > 0 && (\r\n          <BadgeWrapper>\r\n            {selected.length === lista.length ? (\r\n              <ClickableBadge color=\"info\" pill>\r\n                Todos\r\n              </ClickableBadge>\r\n            ) : (\r\n              <BadgeLabelMultiSelect\r\n                descripcionLabel={selected}\r\n                onRemove={handleRemoveBadge}\r\n              />\r\n            )}\r\n          </BadgeWrapper>\r\n        )}\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default CustomMultiSelect;\r\n"],"names":["MultiSelect"],"mappings":";;;;;;;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAQ,CAAA;AAAA,EACR,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,QAAQ,CAAA;AACV,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAA,CAAE;AAC3C,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,WAAW;AAAA,EAAA;AAGb,YAAU,MAAM;AACd,QAAI,MAAM,QAAQ;AAChB,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAoB,CAAC,oBAAoB;AAC7C,QAAI,iBAAiB;AACnB,kBAAY,eAAe;AAC3B,oBAAc,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,kBAAkB;AAC3C,UAAM,UAAU,SAAS,OAAO,CAAC,SAAS,KAAK,UAAU,aAAa;AACtE,gBAAY,OAAO;AACnB,kBAAc,OAAO;AAAA,EACvB;AAEA,SACE,qBAAC,KAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,OAAI,IAAI,GAAG,OAAO,EAAE,WAAW,YAC9B,UAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAW;AAAA,QACX,WAAU;AAAA,QACV,iBAAiB;AAAA,MAAA;AAAA,IAAA,GAErB;AAAA,IACA,oBAAC,KAAA,EAAI,IAAI,GAAG,OAAO,EAAE,WAAW,SAAA,GAC7B,UAAA,SAAS,SAAS,yBAChB,cAAA,EACE,UAAA,SAAS,WAAW,MAAM,SACzB,oBAAC,gBAAA,EAAe,OAAM,QAAO,MAAI,MAAC,UAAA,QAAA,CAElC,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAkB;AAAA,QAClB,UAAU;AAAA,MAAA;AAAA,IAAA,GAGhB,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/select/multi-select/index.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { MultiSelect } from 'react-multi-select-component';\r\nimport { Col, Row } from 'reactstrap';\r\nimport BadgeLabelMultiSelect from './badge-label-multi-select';\r\nimport { BadgeWrapper, ClickableBadge } from './styled-component';\r\nimport './index.scss';\r\n\r\nexport const CustomMultiSelect = ({\r\n  lista = [],\r\n  onListaUpdate = () => { },\r\n  value = [],\r\n  styles = {},\r\n}) => {\r\n  const [selected, setSelected] = useState([]);\r\n  const overrideStringsCustom = {\r\n    selectSomeItems: 'Seleccionar Estado/s',\r\n    allItemsAreSelected: 'Todos Seleccionados',\r\n    search: 'Buscar...',\r\n    selectAll: 'SELECCIONAR TODOS',\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (value.length) {\r\n      setSelected(value);\r\n    }\r\n  }, [value]);\r\n\r\n  const handleCheckChange = (selectedOptions) => {\r\n    if (selectedOptions) {\r\n      setSelected(selectedOptions);\r\n      onListaUpdate(selectedOptions);\r\n    }\r\n  };\r\n\r\n  const handleRemoveBadge = (valueToRemove) => {\r\n    const updated = selected.filter((item) => item.value !== valueToRemove);\r\n    setSelected(updated);\r\n    onListaUpdate(updated);\r\n  };\r\n\r\n  return (\r\n    <Row className=\"align-items-center\" >\r\n      <Col xs={6} style={{ ...styles }}>\r\n        <MultiSelect\r\n          options={lista}\r\n          value={selected}\r\n          onChange={handleCheckChange}\r\n          labelledBy=\"Seleccionar\"\r\n          className=\"custom-multiselect\"\r\n          overrideStrings={overrideStringsCustom}\r\n        />\r\n      </Col>\r\n      <Col xs={6} style={{ marginTop: '0.5rem' }}>\r\n        {selected.length > 0 && (\r\n          <BadgeWrapper>\r\n            {selected.length === lista.length ? (\r\n              <ClickableBadge color=\"info\" pill>\r\n                Todos\r\n              </ClickableBadge>\r\n            ) : (\r\n              <BadgeLabelMultiSelect\r\n                descripcionLabel={selected}\r\n                onRemove={handleRemoveBadge}\r\n              />\r\n            )}\r\n          </BadgeWrapper>\r\n        )}\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default CustomMultiSelect;\r\n"],"names":["MultiSelect"],"mappings":";;;;;;;AAOO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAQ,CAAA;AAAA,EACR,gBAAgB,MAAM;AAAA,EAAE;AAAA,EACxB,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AACX,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAA,CAAE;AAC3C,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,WAAW;AAAA,EAAA;AAGb,YAAU,MAAM;AACd,QAAI,MAAM,QAAQ;AAChB,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAoB,CAAC,oBAAoB;AAC7C,QAAI,iBAAiB;AACnB,kBAAY,eAAe;AAC3B,oBAAc,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,kBAAkB;AAC3C,UAAM,UAAU,SAAS,OAAO,CAAC,SAAS,KAAK,UAAU,aAAa;AACtE,gBAAY,OAAO;AACnB,kBAAc,OAAO;AAAA,EACvB;AAEA,SACE,qBAAC,KAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,OAAI,IAAI,GAAG,OAAO,EAAE,GAAG,UACtB,UAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAW;AAAA,QACX,WAAU;AAAA,QACV,iBAAiB;AAAA,MAAA;AAAA,IAAA,GAErB;AAAA,IACA,oBAAC,KAAA,EAAI,IAAI,GAAG,OAAO,EAAE,WAAW,SAAA,GAC7B,UAAA,SAAS,SAAS,yBAChB,cAAA,EACE,UAAA,SAAS,WAAW,MAAM,SACzB,oBAAC,gBAAA,EAAe,OAAM,QAAO,MAAI,MAAC,UAAA,QAAA,CAElC,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAkB;AAAA,QAClB,UAAU;AAAA,MAAA;AAAA,IAAA,GAGhB,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "3.0.26",
+  "version": "3.0.28",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -94,6 +94,7 @@
     "@whereby.com/browser-sdk": "^3.13.1",
     "events": "^3.3.0",
     "html5-file-selector": "^2.1.0",
+    "invariant": "^2.2.4",
     "prop-types": "^15.8.1",
     "react-dropzone-component": "^3.2.0",
     "react-intl": "^6.4.2",