@consta/uikit 4.14.1 → 4.14.2

package/__internal__/src/components/TextField/useIMask.js

@@ -1,2 +1,2 @@
-import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../hooks/useMutableRef";export function useIMask(a){var b=a.value,c=a.maskOptions,d=a.onChange,e=useRef(null),f=useRef(null),g=useMutableRef(d),h=useCallback(function(a){var b,c,d=(null===(b=f.current)||void 0===b?void 0:b.value)||null;null===(c=g.current)||void 0===c?void 0:c.call(g,d,{e:a,value:d})},[]);return useEffect(function(){if(console.log(e.current,c),e.current){var a="string"==typeof c?{mask:c}:c;f.current?(console.log("updateOptions"),f.current.updateOptions(a)):(console.log("IMask init"),f.current=IMask(e.current,a),console.log(f.current))}},[e.current,c]),useEffect(function(){var a;f.current||console.log("notAvalible imaskRef.current"),e.current||console.log("notAvalible inputRef.current"),null!==f&&void 0!==f&&null!==(a=f.current)&&void 0!==a&&a.el||console.log("notAvalible imaskRef.current.el"),f.current&&e.current&&f.current.el&&f.current.updateValue()},[b]),useEffect(function(){var a;return console.log("onAcept"),null===(a=f.current)||void 0===a?void 0:a.on("accept",h),function(){var a;null===(a=f.current)||void 0===a?void 0:a.off("accept",h)}},[]),useEffect(function(){return function(){var a;null===(a=f.current)||void 0===a?void 0:a.destroy()}},[]),{inputRef:e,imaskRef:f}}
+import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../hooks/useMutableRef";export function useIMask(a){var b=a.value,c=a.maskOptions,d=a.onChange,e=useRef(null),f=useRef(null),g=useMutableRef(d),h=useCallback(function(a){var b,c,d=(null===(b=f.current)||void 0===b?void 0:b.value)||null;null===(c=g.current)||void 0===c?void 0:c.call(g,d,{e:a,value:d})},[]);return useEffect(function(){if(e.current){var a="string"==typeof c?{mask:c}:c;f.current?f.current.updateOptions(a):f.current=IMask(e.current,a)}},[e.current,c]),useEffect(function(){f.current&&e.current&&f.current.el&&f.current.updateValue()},[b]),useEffect(function(){var a;return null===(a=f.current)||void 0===a?void 0:a.on("accept",h),function(){var a;null===(a=f.current)||void 0===a?void 0:a.off("accept",h)}},[]),useEffect(function(){return function(){var a;null===(a=f.current)||void 0===a?void 0:a.destroy()}},[]),{inputRef:e,imaskRef:f}}
 //# sourceMappingURL=useIMask.js.map

package/__internal__/src/components/TextField/useIMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIMask.js","names":["IMask","useCallback","useEffect","useRef","useMutableRef","useIMask","props","value","maskOptions","onChange","inputRef","imaskRef","handleChanheRef","onAcept","e","current","console","log","options","mask","updateOptions","el","updateValue","on","off","destroy"],"sources":["../../../../../src/components/TextField/useIMask.ts"],"sourcesContent":["import IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\ntype Props<MASK extends IMask.AnyMaskedOptions> = {\n  value: string | null;\n  onChange?: (\n    value: string | null,\n    params: { e: Event; value: string | null },\n  ) => void;\n  maskOptions: string | MASK;\n};\nexport function useIMask<MASK extends IMask.AnyMaskedOptions>(\n  props: Props<MASK>,\n) {\n  const { value, maskOptions, onChange } = props;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const imaskRef = useRef<IMask.InputMask<MASK> | null>(null);\n  const handleChanheRef = useMutableRef(onChange);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    const value = imaskRef.current?.value || null;\n    handleChanheRef.current?.(value, { e, value });\n  }, []);\n\n  useEffect(() => {\n    console.log(inputRef.current, maskOptions);\n\n    if (inputRef.current) {\n      const options = (\n        typeof maskOptions === 'string' ? { mask: maskOptions } : maskOptions\n      ) as MASK;\n      if (imaskRef.current) {\n        console.log('updateOptions');\n        imaskRef.current.updateOptions(options);\n      } else {\n        console.log('IMask init');\n        imaskRef.current = IMask(inputRef.current, options);\n\n        console.log(imaskRef.current);\n      }\n    }\n  }, [inputRef.current, maskOptions]);\n\n  useEffect(() => {\n    if (!imaskRef.current) {\n      console.log('notAvalible imaskRef.current');\n    }\n    if (!inputRef.current) {\n      console.log('notAvalible inputRef.current');\n    }\n    if (!imaskRef?.current?.el) {\n      console.log('notAvalible imaskRef.current.el');\n    }\n    if (imaskRef.current && inputRef.current && imaskRef.current.el) {\n      imaskRef.current.updateValue();\n    }\n  }, [value]);\n\n  useEffect(() => {\n    console.log('onAcept');\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      imaskRef.current?.destroy();\n    };\n  }, []);\n\n  return {\n    inputRef,\n    imaskRef,\n  };\n}\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CACA,OAASC,WAAT,CAAsBC,SAAtB,CAAiCC,MAAjC,KAA+C,OAA/C,CAEA,OAASC,aAAT,iCAUA,MAAO,SAASC,SAAT,CACLC,CADK,CAEL,IACQC,EADR,CACyCD,CADzC,CACQC,KADR,CACeC,CADf,CACyCF,CADzC,CACeE,WADf,CAC4BC,CAD5B,CACyCH,CADzC,CAC4BG,QAD5B,CAEMC,CAAQ,CAAGP,MAAM,CAAmB,IAAnB,CAFvB,CAGMQ,CAAQ,CAAGR,MAAM,CAA+B,IAA/B,CAHvB,CAIMS,CAAe,CAAGR,aAAa,CAACK,CAAD,CAJrC,CASMI,CAAO,CAAGZ,WAAW,CAAC,SAACa,CAAD,CAAc,SAClCP,CAAK,CAAG,WAAAI,CAAQ,CAACI,OAAT,uBAAkBR,KAAlB,GAA2B,IADD,WAExCK,CAAe,CAACG,OAFwB,qBAExC,OAAAH,CAAe,CAAWL,CAAX,CAAkB,CAAEO,CAAC,CAADA,CAAF,CAAKP,KAAK,CAALA,CAAL,CAAlB,CAChB,CAH0B,CAGxB,EAHwB,CAT3B,CA8DA,MAhDAL,UAAS,CAAC,UAAM,CAGd,GAFAc,OAAO,CAACC,GAAR,CAAYP,CAAQ,CAACK,OAArB,CAA8BP,CAA9B,CAEA,CAAIE,CAAQ,CAACK,OAAb,CAAsB,CACpB,GAAMG,EAAO,CACY,QAAvB,QAAOV,EAAP,CAAkC,CAAEW,IAAI,CAAEX,CAAR,CAAlC,CAA0DA,CAD5D,CAGIG,CAAQ,CAACI,OAJO,EAKlBC,OAAO,CAACC,GAAR,CAAY,eAAZ,CALkB,CAMlBN,CAAQ,CAACI,OAAT,CAAiBK,aAAjB,CAA+BF,CAA/B,CANkB,GAQlBF,OAAO,CAACC,GAAR,CAAY,YAAZ,CARkB,CASlBN,CAAQ,CAACI,OAAT,CAAmBf,KAAK,CAACU,CAAQ,CAACK,OAAV,CAAmBG,CAAnB,CATN,CAWlBF,OAAO,CAACC,GAAR,CAAYN,CAAQ,CAACI,OAArB,CAXkB,CAarB,CACF,CAjBQ,CAiBN,CAACL,CAAQ,CAACK,OAAV,CAAmBP,CAAnB,CAjBM,CAgDT,CA7BAN,SAAS,CAAC,UAAM,OACTS,CAAQ,CAACI,OADA,EAEZC,OAAO,CAACC,GAAR,CAAY,8BAAZ,CAFY,CAITP,CAAQ,CAACK,OAJA,EAKZC,OAAO,CAACC,GAAR,CAAY,8BAAZ,CALY,QAOTN,CAPS,WAOTA,CAPS,YAOTA,CAAQ,CAAEI,OAPD,eAOT,EAAmBM,EAPV,EAQZL,OAAO,CAACC,GAAR,CAAY,iCAAZ,CARY,CAUVN,CAAQ,CAACI,OAAT,EAAoBL,CAAQ,CAACK,OAA7B,EAAwCJ,CAAQ,CAACI,OAAT,CAAiBM,EAV/C,EAWZV,CAAQ,CAACI,OAAT,CAAiBO,WAAjB,EAEH,CAbQ,CAaN,CAACf,CAAD,CAbM,CA6BT,CAdAL,SAAS,CAAC,UAAM,OAGd,MAFAc,QAAO,CAACC,GAAR,CAAY,SAAZ,CAEA,WADAN,CAAQ,CAACI,OACT,qBADA,EAAkBQ,EAAlB,CAAqB,QAArB,CAA+BV,CAA/B,CACA,CAAO,UAAM,iBACXF,CAAQ,CAACI,OADE,qBACX,EAAkBS,GAAlB,CAAsB,QAAtB,CAAgCX,CAAhC,CACD,CACF,CANQ,CAMN,EANM,CAcT,CANAX,SAAS,CAAC,UAAM,CACd,MAAO,WAAM,iBACXS,CAAQ,CAACI,OADE,qBACX,EAAkBU,OAAlB,EACD,CACF,CAJQ,CAIN,EAJM,CAMT,CAAO,CACLf,QAAQ,CAARA,CADK,CAELC,QAAQ,CAARA,CAFK,CAIR"}
+{"version":3,"file":"useIMask.js","names":["IMask","useCallback","useEffect","useRef","useMutableRef","useIMask","props","value","maskOptions","onChange","inputRef","imaskRef","handleChanheRef","onAcept","e","current","options","mask","updateOptions","el","updateValue","on","off","destroy"],"sources":["../../../../../src/components/TextField/useIMask.ts"],"sourcesContent":["import IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\ntype Props<MASK extends IMask.AnyMaskedOptions> = {\n  value: string | null;\n  onChange?: (\n    value: string | null,\n    params: { e: Event; value: string | null },\n  ) => void;\n  maskOptions: string | MASK;\n};\nexport function useIMask<MASK extends IMask.AnyMaskedOptions>(\n  props: Props<MASK>,\n) {\n  const { value, maskOptions, onChange } = props;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const imaskRef = useRef<IMask.InputMask<MASK> | null>(null);\n  const handleChanheRef = useMutableRef(onChange);\n\n  // Нужно для синхранизации value c Imask,\n  // так как value мы можем задать через пропс без самого ввода,\n  // и Imask требует ручной синхронихации в этом случае\n  const onAcept = useCallback((e: Event) => {\n    const value = imaskRef.current?.value || null;\n    handleChanheRef.current?.(value, { e, value });\n  }, []);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      const options = (\n        typeof maskOptions === 'string' ? { mask: maskOptions } : maskOptions\n      ) as MASK;\n      if (imaskRef.current) {\n        imaskRef.current.updateOptions(options);\n      } else {\n        imaskRef.current = IMask(inputRef.current, options);\n      }\n    }\n  }, [inputRef.current, maskOptions]);\n\n  useEffect(() => {\n    if (imaskRef.current && inputRef.current && imaskRef.current.el) {\n      imaskRef.current.updateValue();\n    }\n  }, [value]);\n\n  useEffect(() => {\n    imaskRef.current?.on('accept', onAcept);\n    return () => {\n      imaskRef.current?.off('accept', onAcept);\n    };\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      imaskRef.current?.destroy();\n    };\n  }, []);\n\n  return {\n    inputRef,\n    imaskRef,\n  };\n}\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CACA,OAASC,WAAT,CAAsBC,SAAtB,CAAiCC,MAAjC,KAA+C,OAA/C,CAEA,OAASC,aAAT,iCAUA,MAAO,SAASC,SAAT,CACLC,CADK,CAEL,IACQC,EADR,CACyCD,CADzC,CACQC,KADR,CACeC,CADf,CACyCF,CADzC,CACeE,WADf,CAC4BC,CAD5B,CACyCH,CADzC,CAC4BG,QAD5B,CAEMC,CAAQ,CAAGP,MAAM,CAAmB,IAAnB,CAFvB,CAGMQ,CAAQ,CAAGR,MAAM,CAA+B,IAA/B,CAHvB,CAIMS,CAAe,CAAGR,aAAa,CAACK,CAAD,CAJrC,CASMI,CAAO,CAAGZ,WAAW,CAAC,SAACa,CAAD,CAAc,SAClCP,CAAK,CAAG,WAAAI,CAAQ,CAACI,OAAT,uBAAkBR,KAAlB,GAA2B,IADD,WAExCK,CAAe,CAACG,OAFwB,qBAExC,OAAAH,CAAe,CAAWL,CAAX,CAAkB,CAAEO,CAAC,CAADA,CAAF,CAAKP,KAAK,CAALA,CAAL,CAAlB,CAChB,CAH0B,CAGxB,EAHwB,CAT3B,CA8CA,MAhCAL,UAAS,CAAC,UAAM,CACd,GAAIQ,CAAQ,CAACK,OAAb,CAAsB,CACpB,GAAMC,EAAO,CACY,QAAvB,QAAOR,EAAP,CAAkC,CAAES,IAAI,CAAET,CAAR,CAAlC,CAA0DA,CAD5D,CAGIG,CAAQ,CAACI,OAJO,CAKlBJ,CAAQ,CAACI,OAAT,CAAiBG,aAAjB,CAA+BF,CAA/B,CALkB,CAOlBL,CAAQ,CAACI,OAAT,CAAmBf,KAAK,CAACU,CAAQ,CAACK,OAAV,CAAmBC,CAAnB,CAE3B,CACF,CAXQ,CAWN,CAACN,CAAQ,CAACK,OAAV,CAAmBP,CAAnB,CAXM,CAgCT,CAnBAN,SAAS,CAAC,UAAM,CACVS,CAAQ,CAACI,OAAT,EAAoBL,CAAQ,CAACK,OAA7B,EAAwCJ,CAAQ,CAACI,OAAT,CAAiBI,EAD/C,EAEZR,CAAQ,CAACI,OAAT,CAAiBK,WAAjB,EAEH,CAJQ,CAIN,CAACb,CAAD,CAJM,CAmBT,CAbAL,SAAS,CAAC,UAAM,OAEd,iBADAS,CAAQ,CAACI,OACT,qBADA,EAAkBM,EAAlB,CAAqB,QAArB,CAA+BR,CAA/B,CACA,CAAO,UAAM,iBACXF,CAAQ,CAACI,OADE,qBACX,EAAkBO,GAAlB,CAAsB,QAAtB,CAAgCT,CAAhC,CACD,CACF,CALQ,CAKN,EALM,CAaT,CANAX,SAAS,CAAC,UAAM,CACd,MAAO,WAAM,iBACXS,CAAQ,CAACI,OADE,qBACX,EAAkBQ,OAAlB,EACD,CACF,CAJQ,CAIN,EAJM,CAMT,CAAO,CACLb,QAAQ,CAARA,CADK,CAELC,QAAQ,CAARA,CAFK,CAIR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "4.14.1",
+  "version": "4.14.2",
   "keywords": [
     "ui-kit",
     "design-system",