@jenesei-software/jenesei-kit-react 1.0.0 → 1.2.0

package/build/use-C1l0O0Qo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-C1l0O0Qo.cjs","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false\n\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n\n  if (keysA.length !== keysB.length) return false\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false\n    }\n  }\n\n  return true\n}\n\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean>(value: T): T => {\n  const ref = useRef<T>(value)\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value\n  }\n\n  return ref.current\n}\n"],"names":["isDeepEqual","a","b","keysA","Object","keys","keysB","length","key","prototype","hasOwnProperty","call","value","ref","useRef","current"],"mappings":"sCAGMA,EAAc,CAACC,EAAQC,KAC3B,GAAID,IAAMC,EAAG,OAAO,EACpB,GAAiB,iBAAND,GAA+B,iBAANC,GAAwB,OAAND,GAAoB,OAANC,EAAY,OAAO,EAEvF,MAAMC,EAAQC,OAAOC,KAAKJ,GACpBK,EAAQF,OAAOC,KAAKH,GAE1B,GAAIC,EAAMI,SAAWD,EAAMC,OAAQ,OAAO,EAE1C,IAAA,MAAWC,KAAOL,EAChB,IAAKC,OAAOK,UAAUC,eAAeC,KAAKT,EAAGM,KAASR,EAAYC,EAAEO,GAAMN,EAAEM,IAC1E,OAAO,EAIX,OAAO,iCAGqEI,IAC5E,MAAMC,EAAMC,EAAAA,OAAUF,GAMtB,OAJKZ,EAAYY,EAAOC,EAAIE,WAC1BF,EAAIE,QAAUH,GAGTC,EAAIE"}
+{"version":3,"file":"use-C1l0O0Qo.cjs","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false\n\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n\n  if (keysA.length !== keysB.length) return false\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false\n    }\n  }\n\n  return true\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean | any[]>(value: T): T => {\n  const ref = useRef<T>(value)\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value\n  }\n\n  return ref.current\n}\n"],"names":["isDeepEqual","a","b","keysA","Object","keys","keysB","length","key","prototype","hasOwnProperty","call","value","ref","useRef","current"],"mappings":"sCAGMA,EAAc,CAACC,EAAQC,KAC3B,GAAID,IAAMC,EAAG,OAAO,EACpB,GAAiB,iBAAND,GAA+B,iBAANC,GAAwB,OAAND,GAAoB,OAANC,EAAY,OAAO,EAEvF,MAAMC,EAAQC,OAAOC,KAAKJ,GACpBK,EAAQF,OAAOC,KAAKH,GAE1B,GAAIC,EAAMI,SAAWD,EAAMC,OAAQ,OAAO,EAE1C,IAAA,MAAWC,KAAOL,EAChB,IAAKC,OAAOK,UAAUC,eAAeC,KAAKT,EAAGM,KAASR,EAAYC,EAAEO,GAAMN,EAAEM,IAC1E,OAAO,EAIX,OAAO,iCAI6EI,IACpF,MAAMC,EAAMC,EAAAA,OAAUF,GAMtB,OAJKZ,EAAYY,EAAOC,EAAIE,WAC1BF,EAAIE,QAAUH,GAGTC,EAAIE"}

package/build/use-DT0XgvJT.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-DT0XgvJT.js","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false\n\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n\n  if (keysA.length !== keysB.length) return false\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false\n    }\n  }\n\n  return true\n}\n\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean>(value: T): T => {\n  const ref = useRef<T>(value)\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value\n  }\n\n  return ref.current\n}\n"],"names":[],"mappings":";AAGA,MAAM,cAAc,CAAC,GAAQ,MAAoB;AAC/C,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAM,QAAO;AAEvF,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAM,QAAQ,OAAO,KAAK,CAAC;AAE3B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAE1C,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,GAAG,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG;AACjF,aAAO;AAAA,IAAA;AAAA,EACT;AAGF,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAyC,UAAgB;AAC5F,QAAM,MAAM,OAAU,KAAK;AAE3B,MAAI,CAAC,YAAY,OAAO,IAAI,OAAO,GAAG;AACpC,QAAI,UAAU;AAAA,EAAA;AAGhB,SAAO,IAAI;AACb;"}
+{"version":3,"file":"use-DT0XgvJT.js","sources":["../src/hooks/use-deep-compare-memoize/use.ts"],"sourcesContent":["import { useRef } from 'react'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isDeepEqual = (a: any, b: any): boolean => {\n  if (a === b) return true\n  if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false\n\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n\n  if (keysA.length !== keysB.length) return false\n\n  for (const key of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(b, key) || !isDeepEqual(a[key], b[key])) {\n      return false\n    }\n  }\n\n  return true\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useDeepCompareMemoize = <T extends object | undefined | boolean | any[]>(value: T): T => {\n  const ref = useRef<T>(value)\n\n  if (!isDeepEqual(value, ref.current)) {\n    ref.current = value\n  }\n\n  return ref.current\n}\n"],"names":[],"mappings":";AAGA,MAAM,cAAc,CAAC,GAAQ,MAAoB;AAC/C,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAM,QAAO;AAEvF,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAM,QAAQ,OAAO,KAAK,CAAC;AAE3B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAE1C,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,GAAG,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG;AACjF,aAAO;AAAA,IAAA;AAAA,EACT;AAGF,SAAO;AACT;AAGO,MAAM,wBAAwB,CAAiD,UAAgB;AACpG,QAAM,MAAM,OAAU,KAAK;AAE3B,MAAI,CAAC,YAAY,OAAO,IAAI,OAAO,GAAG;AACpC,QAAI,UAAU;AAAA,EAAA;AAGhB,SAAO,IAAI;AACb;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Cyril Strone",
   "name": "@jenesei-software/jenesei-kit-react",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jenesei-software/jenesei-kit-react.git"
@@ -274,7 +274,6 @@
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@eslint/js": "^9.13.0",
     "@fontsource/inter": "^5.1.0",
     "@fontsource/roboto": "^5.1.0",
     "@fontsource/roboto-mono": "^5.2.6",
@@ -283,7 +282,6 @@
     "@storybook/addon-docs": "^9.0.13",
     "@storybook/addon-links": "^9.0.13",
     "@storybook/react-vite": "^9.0.13",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/js-cookie": "^3.0.6",
     "@types/leaflet": "^1.9.17",
     "@types/leaflet.markercluster": "^1.5.5",
@@ -294,23 +292,15 @@
     "@types/styled-components": "^5.1.34",
     "@vitejs/plugin-react": "^4.3.3",
     "cross-env": "^7.0.3",
-    "eslint": "^9.13.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^9.0.13",
     "fs": "^0.0.1-security",
     "globals": "^15.11.0",
     "path": "^0.12.7",
-    "prettier": "^3.3.3",
     "react-docgen-typescript": "^2.2.2",
     "rollup-plugin-visualizer": "^5.14.0",
     "sharp": "^0.33.5",
     "storybook": "^9.0.13",
     "terser": "^5.38.1",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.12.0",
     "vite": "^5.4.10",
     "vite-plugin-bundle-analyzer": "^0.0.1",
     "vite-plugin-dts": "^4.3.0",
@@ -330,12 +320,12 @@
     "react-image-webp": "^0.8.0",
     "react-leaflet": "^5.0.0",
     "react-leaflet-markercluster": "^5.0.0-rc.0",
-    "react-number-format": "^5.4.2",
     "styled-components": ">=6.0",
     "styled-reset": "^4.5.2",
     "uuid": "^11.0.3"
   },
   "dependencies": {
+    "@biomejs/biome": "^2.1.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.13.0",
     "@floating-ui/react": "^0.27.12",

package/build/area-ClrrGVJG.cjs

@@ -1,40 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("react"),t=require("styled-components"),i=require("./component-BV_7tGiu.cjs"),s=require("./style-Dm74EPGE.cjs"),n=t.keyframes`
-  0% {
-    background-position: -468px 0;
-  }
-  100% {
-    background-position: 468px 0;
-  }
-`,a=t(i.Stack)`
-  background: transparent;
-
-  ${e=>t.css`
-    ${!e.$visible&&t.css`
-      ${"secondary"===e.$type?t.css`
-            background: rgba(130, 130, 130, 0.4);
-            background: linear-gradient(
-              to right,
-              rgba(130, 130, 130, 0.4) 8%,
-              rgba(130, 130, 130, 0.5) 18%,
-              rgba(130, 130, 130, 0.4) 33%
-            );
-          `:t.css`
-            background: rgba(130, 130, 130, 0.2);
-            background: linear-gradient(
-              to right,
-              rgba(130, 130, 130, 0.2) 8%,
-              rgba(130, 130, 130, 0.3) 18%,
-              rgba(130, 130, 130, 0.2) 33%
-            );
-          `}
-      background-size: 800px 100px;
-      animation: ${n} 2s infinite ease-out;
-    `}
-  `}
-  ${s.addTransition};
-  & > * {
-    opacity: ${e=>e.$visible?1:0};
-    ${s.addTransition};
-  }
-`;exports.Skeleton=t=>{const[i,s]=r.useState(t.defaultVisible??!1);return r.useEffect(()=>{if("time"in t){const e=setTimeout(()=>{s(!0)},t.time);return()=>{clearTimeout(e)}}},[t]),r.useEffect(()=>{"visible"in t&&s(!t.visible)},[t]),e.jsxRuntimeExports.jsx(a,{...t,$visible:i,$type:t.type,children:t.children})},exports.StyledSkeleton=a;
-//# sourceMappingURL=area-ClrrGVJG.cjs.map

package/build/area-ClrrGVJG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-ClrrGVJG.cjs","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\n\nimport { Stack } from '@local/components/stack'\nimport { addTransition } from '@local/styles/add'\n\nimport { StyledSkeletonProps } from '.'\n\nconst shimmer = keyframes`\n  0% {\n    background-position: -468px 0;\n  }\n  100% {\n    background-position: 468px 0;\n  }\n`\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${props => css`\n    ${!props.$visible &&\n    css`\n      ${props.$type === 'secondary'\n        ? css`\n            background: rgba(130, 130, 130, 0.4);\n            background: linear-gradient(\n              to right,\n              rgba(130, 130, 130, 0.4) 8%,\n              rgba(130, 130, 130, 0.5) 18%,\n              rgba(130, 130, 130, 0.4) 33%\n            );\n          `\n        : css`\n            background: rgba(130, 130, 130, 0.2);\n            background: linear-gradient(\n              to right,\n              rgba(130, 130, 130, 0.2) 8%,\n              rgba(130, 130, 130, 0.3) 18%,\n              rgba(130, 130, 130, 0.2) 33%\n            );\n          `}\n      background-size: 800px 100px;\n      animation: ${shimmer} 2s infinite ease-out;\n    `}\n  `}\n  ${addTransition};\n  & > * {\n    opacity: ${props => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`\n","import { FC, useEffect, useState } from 'react'\n\nimport { SkeletonProps, StyledSkeleton } from '.'\n\nexport const Skeleton: FC<SkeletonProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false)\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, props.time)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [props])\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible)\n    }\n  }, [props])\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  )\n}\n"],"names":["shimmer","keyframes","StyledSkeleton","styled","Stack","props","css","$visible","$type","addTransition","visible","setVisible","useState","defaultVisible","useEffect","timer","setTimeout","time","clearTimeout","jsx","type","children"],"mappings":"qLAOMA,EAAUC,EAAAA,SAAAA;;;;;;;EASHC,EAAiBC,EAAOC,QAAK;;;IAGtCC,GAASC,EAAAA,GAAAA;OACND,EAAME,UACTD,EAAAA,GAAAA;QACoB,cAAhBD,EAAMG,MACJF,EAAAA,GAAAA;;;;;;;;YASAA,EAAAA,GAAAA;;;;;;;;;;mBAUSN;;;IAGfS;;eAEWJ,GAAWA,EAAME,SAAe,EAAJ;MACrCE;;mBC5CqCJ,IACzC,MAAOK,EAASC,GAAcC,EAAAA,SAASP,EAAMQ,iBAAkB,GAoB/D,OAlBAC,EAAAA,UAAU,KACR,GAAI,SAAUT,EAAO,CACnB,MAAMU,EAAQC,WAAW,KACvBL,GAAW,IACVN,EAAMY,MAET,MAAO,KACLC,aAAaH,GACf,GAED,CAACV,IAEJS,EAAAA,UAAU,KACJ,YAAaT,GACfM,GAAYN,EAAMK,UAEnB,CAACL,IAGFc,EAAAA,kBAAAA,IAACjB,EAAA,IAAmBG,EAAOE,SAAUG,EAASF,MAAOH,EAAMe,KACxDC,SAAAhB,EAAMgB"}

package/build/area-DfCAwCiZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area-DfCAwCiZ.js","sources":["../src/areas/skeleton/area.styles.tsx","../src/areas/skeleton/area.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\n\nimport { Stack } from '@local/components/stack'\nimport { addTransition } from '@local/styles/add'\n\nimport { StyledSkeletonProps } from '.'\n\nconst shimmer = keyframes`\n  0% {\n    background-position: -468px 0;\n  }\n  100% {\n    background-position: 468px 0;\n  }\n`\n\nexport const StyledSkeleton = styled(Stack)<StyledSkeletonProps>`\n  background: transparent;\n\n  ${props => css`\n    ${!props.$visible &&\n    css`\n      ${props.$type === 'secondary'\n        ? css`\n            background: rgba(130, 130, 130, 0.4);\n            background: linear-gradient(\n              to right,\n              rgba(130, 130, 130, 0.4) 8%,\n              rgba(130, 130, 130, 0.5) 18%,\n              rgba(130, 130, 130, 0.4) 33%\n            );\n          `\n        : css`\n            background: rgba(130, 130, 130, 0.2);\n            background: linear-gradient(\n              to right,\n              rgba(130, 130, 130, 0.2) 8%,\n              rgba(130, 130, 130, 0.3) 18%,\n              rgba(130, 130, 130, 0.2) 33%\n            );\n          `}\n      background-size: 800px 100px;\n      animation: ${shimmer} 2s infinite ease-out;\n    `}\n  `}\n  ${addTransition};\n  & > * {\n    opacity: ${props => (!props.$visible ? 0 : 1)};\n    ${addTransition};\n  }\n`\n","import { FC, useEffect, useState } from 'react'\n\nimport { SkeletonProps, StyledSkeleton } from '.'\n\nexport const Skeleton: FC<SkeletonProps> = props => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false)\n\n  useEffect(() => {\n    if ('time' in props) {\n      const timer = setTimeout(() => {\n        setVisible(true)\n      }, props.time)\n\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [props])\n\n  useEffect(() => {\n    if ('visible' in props) {\n      setVisible(!props.visible)\n    }\n  }, [props])\n\n  return (\n    <StyledSkeleton {...props} $visible={visible} $type={props.type}>\n      {props.children}\n    </StyledSkeleton>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;AAOA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAST,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA,IAGtC,CAAA,UAAS;AAAA,MACP,CAAC,MAAM,YACT;AAAA,QACI,MAAM,UAAU,cACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQC;AAAA;AAAA,mBAEQ,OAAO;AAAA,KACrB;AAAA,GACF;AAAA,IACC,aAAa;AAAA;AAAA,eAEF,CAAA,UAAU,CAAC,MAAM,WAAW,IAAI,CAAE;AAAA,MAC3C,aAAa;AAAA;AAAA;AC5CZ,MAAM,WAA8B,CAAA,UAAS;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,kBAAkB,KAAK;AAEpE,YAAU,MAAM;AACd,QAAI,UAAU,OAAO;AACnB,YAAM,QAAQ,WAAW,MAAM;AAC7B,mBAAW,IAAI;AAAA,MAAA,GACd,MAAM,IAAI;AAEb,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,GACC,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa,OAAO;AACtB,iBAAW,CAAC,MAAM,OAAO;AAAA,IAAA;AAAA,EAC3B,GACC,CAAC,KAAK,CAAC;AAEV,SACEA,kCAAAA,IAAC,gBAAA,EAAgB,GAAG,OAAO,UAAU,SAAS,OAAO,MAAM,MACxD,UAAA,MAAM,SAAA,CACT;AAEJ;"}

package/build/component-BnI7BIp-.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),n=require("./style-CtGd1JVB.cjs"),r=require("./component.styles-BsZIuwWJ.cjs");exports.Input=t=>{const s=i.useCallback(e=>{var i,n;if("standard"===t.variety){const n="string"==typeof e?e:e.value,r=t.isNoSpaces?n.replace(/\s+/g,""):n;null==(i=t.onChange)||i.call(t,r)}"pattern"!==t.variety&&"numeric"!==t.variety||"string"!=typeof e&&(null==(n=t.onChange)||n.call(t,e))},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(r.StyledInputWrapper,{$isInputEffect:t.isInputEffect,className:t.className,$isDisabled:t.isDisabled,$sx:t.sx,$size:t.size,$isWidthAsHeight:t.isWidthAsHeight,children:[t.prefixChildren&&e.jsxRuntimeExports.jsx(r.InputPrefixChildren,{$left:t.prefixChildren.left,$right:t.prefixChildren.right,$isDisabled:t.isDisabled,$width:t.prefixChildren.width,children:t.prefixChildren.children}),"pattern"===t.variety?e.jsxRuntimeExports.jsx(r.StyledInputPattern,{$isNiceNumber:t.isNiceNumber,$isInputEffect:t.isInputEffect,$error:null==t?void 0:t.error,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:t.defaultValue,value:t.value,placeholder:t.placeholder,onValueChange:e=>s(e),onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,onKeyDown:t.onKeyDown,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,tabIndex:t.tabIndex,...t.propsPattern}):"numeric"===t.variety?e.jsxRuntimeExports.jsx(r.StyledInputNumeric,{$isNiceNumber:t.isNiceNumber,$isInputEffect:t.isInputEffect,$error:null==t?void 0:t.error,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:t.defaultValue,value:t.value,placeholder:t.placeholder,onValueChange:e=>s(e),onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,onKeyDown:t.onKeyDown,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,tabIndex:t.tabIndex,...t.propsNumeric}):e.jsxRuntimeExports.jsx(r.StyledInput,{$isNiceNumber:t.isNiceNumber,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,ref:t.ref,$error:t.error,$isInputEffect:t.isInputEffect,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:t.defaultValue,value:t.value??"",placeholder:t.placeholder,type:t.type,autoComplete:t.autocomplete,onInput:e=>{const i=e.target;s(i.value)},onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,tabIndex:t.tabIndex,onKeyDown:t.onKeyDown,min:t.min,max:t.max,step:t.step}),t.postfixChildren&&e.jsxRuntimeExports.jsx(r.InputPostfixChildren,{$left:t.postfixChildren.left,$right:t.postfixChildren.right,$isDisabled:t.isDisabled,$width:t.postfixChildren.width,children:t.postfixChildren.children})]}),(null==t?void 0:t.error)?e.jsxRuntimeExports.jsx(n.ErrorMessage,{...t.error,size:(null==t?void 0:t.error.size)??t.size}):null]})},exports.formatPhoneNumber=function(e,i){function n(e){return/\d/.test(e)}let r="",t="",s=0;if(0===e.length)return{format:"",placeholder:""};for(let l=0;l<i.length;l++){const o=i.charAt(l);o===e.charAt(s)?(r+=o,t+=n(o)?"#":o,s++):n(o)?(r+="#",t+="-"):(r+=o,t+=o)}for(;s<e.length;)r+=e.charAt(s),t+=e.charAt(s),s++;return{format:r,placeholder:t}};
-//# sourceMappingURL=component-BnI7BIp-.cjs.map

package/build/component-BnI7BIp-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-BnI7BIp-.cjs","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { NumberFormatValues } from 'react-number-format'\n\nimport { ErrorMessage } from '@local/styles/error'\n\nimport {\n  InputPostfixChildren,\n  InputPrefixChildren,\n  InputProps,\n  StyledInput,\n  StyledInputNumeric,\n  StyledInputPattern,\n  StyledInputWrapper\n} from '.'\n\nexport const Input = (props: InputProps) => {\n  const handleOnChange = useCallback(\n    (input: string | NumberFormatValues) => {\n      if (props.variety === 'standard') {\n        const value = typeof input === 'string' ? input : input.value\n        const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value\n        props.onChange?.(cleaned)\n      }\n\n      if (props.variety === 'pattern' || props.variety === 'numeric') {\n        if (typeof input !== 'string') {\n          props.onChange?.(input)\n        }\n      }\n    },\n    [props]\n  )\n\n  return (\n    <>\n      <StyledInputWrapper\n        $isInputEffect={props.isInputEffect}\n        className={props.className}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $size={props.size}\n        $isWidthAsHeight={props.isWidthAsHeight}\n      >\n        {props.prefixChildren && (\n          <InputPrefixChildren\n            $left={props.prefixChildren.left}\n            $right={props.prefixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.prefixChildren.width}\n          >\n            {props.prefixChildren.children}\n          </InputPrefixChildren>\n        )}\n        {props.variety === 'pattern' ? (\n          <StyledInputPattern\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue}\n            value={props.value}\n            placeholder={props.placeholder}\n            onValueChange={props => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsPattern}\n          />\n        ) : props.variety === 'numeric' ? (\n          <StyledInputNumeric\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue}\n            value={props.value}\n            placeholder={props.placeholder}\n            onValueChange={props => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsNumeric}\n          />\n        ) : (\n          <StyledInput\n            $isNiceNumber={props.isNiceNumber}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            ref={props.ref}\n            $error={props.error}\n            $isInputEffect={props.isInputEffect}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue}\n            value={props.value ?? ''}\n            placeholder={props.placeholder}\n            type={props.type}\n            autoComplete={props.autocomplete}\n            onInput={event => {\n              const input = event.target as HTMLInputElement\n              handleOnChange(input.value)\n            }}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            tabIndex={props.tabIndex}\n            onKeyDown={props.onKeyDown}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n          />\n        )}\n\n        {props.postfixChildren && (\n          <InputPostfixChildren\n            $left={props.postfixChildren.left}\n            $right={props.postfixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.postfixChildren.width}\n          >\n            {props.postfixChildren.children}\n          </InputPostfixChildren>\n        )}\n      </StyledInputWrapper>\n      {props?.error ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : null}\n    </>\n  )\n}\n\nexport function formatPhoneNumber(dialCode: string, international: string) {\n  function isDigit(char: string): boolean {\n    return /\\d/.test(char)\n  }\n\n  let formattedNumber = ''\n  let placeholderNumber = ''\n  let dialCodeIndex = 0\n\n  if (dialCode.length === 0) {\n    return { format: '', placeholder: '' }\n  }\n\n  for (let i = 0; i < international.length; i++) {\n    const char = international.charAt(i)\n\n    if (char === dialCode.charAt(dialCodeIndex)) {\n      formattedNumber += char\n      placeholderNumber += isDigit(char) ? '#' : char\n      dialCodeIndex++\n    } else {\n      if (isDigit(char)) {\n        formattedNumber += '#'\n        placeholderNumber += '-'\n      } else {\n        formattedNumber += char\n        placeholderNumber += char\n      }\n    }\n  }\n\n  while (dialCodeIndex < dialCode.length) {\n    formattedNumber += dialCode.charAt(dialCodeIndex)\n    placeholderNumber += dialCode.charAt(dialCodeIndex)\n    dialCodeIndex++\n  }\n\n  return {\n    format: formattedNumber,\n    placeholder: placeholderNumber\n  }\n}\n"],"names":["props","handleOnChange","useCallback","input","variety","value","cleaned","isNoSpaces","replace","_a","onChange","call","_b","jsxs","Fragment","children","StyledInputWrapper","$isInputEffect","isInputEffect","className","$isDisabled","isDisabled","$sx","sx","$size","size","$isWidthAsHeight","isWidthAsHeight","prefixChildren","jsx","InputPrefixChildren","$left","left","$right","right","$width","width","StyledInputPattern","$isNiceNumber","isNiceNumber","$error","error","$isLoading","isLoading","$postfixChildren","postfixChildren","$prefixChildren","$genre","genre","$isBold","isBold","$isCenter","isCenter","disabled","readOnly","isReadOnly","required","isRequired","defaultValue","placeholder","onValueChange","onBlur","onFocus","onPaste","name","id","onKeyDown","inputMode","maxLength","minLength","tabIndex","propsPattern","StyledInputNumeric","propsNumeric","StyledInput","ref","type","autoComplete","autocomplete","onInput","event","target","min","max","step","InputPostfixChildren","ErrorMessage","dialCode","international","isDigit","char","test","formattedNumber","placeholderNumber","dialCodeIndex","length","format","i","charAt"],"mappings":"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"}