npm - @orbe-agro/client-core - Versions diffs - 5.3.147 → 5.3.157 - Mend

@orbe-agro/client-core 5.3.147 → 5.3.157

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1726) hide show

package/dist/@ecme/components/ui/Tabs/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsContextProvider } from './context'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsVariant, TabsValue } from './context'\nimport type { Ref } from 'react'\n\nexport interface TabsProps extends CommonProps {\n defaultValue?: TabsValue\n onChange?: (tabValue: TabsValue) => void\n ref?: Ref<HTMLDivElement>\n value?: TabsValue\n variant?: TabsVariant\n}\n\nconst Tabs = (props: TabsProps) => {\n const {\n className,\n defaultValue,\n onChange,\n ref,\n value: valueProp,\n variant = 'underline',\n ...rest\n } = props\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onChange,\n defaultProp: defaultValue,\n })\n\n const tabsClass = classNames('tabs', className)\n\n return (\n <TabsContextProvider\n value={{\n value: value,\n onValueChange: setValue,\n variant,\n }}\n >\n <div className={tabsClass} {...rest} ref={ref} />\n </TabsContextProvider>\n )\n}\n\nexport default Tabs\n"],"names":["Tabs","props","className","defaultValue","onChange","ref","valueProp","variant","rest","value","setValue","useControllableState","tabsClass","classNames","jsx","TabsContextProvider"],"mappings":";;;;~~AAeA~~,~~MAAMA~~,IAAO,CAACC,MAAqB;~~AAC/B~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,IACHP,GAEE,CAACQ,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAML;AAAA,IACN,UAAAF;AAAA,IACA,aAAaD;AAAA,EAAA,CAChB,GAEKS,IAAYC,EAAW,QAAQX,CAAS;~~AAE9C~~,~~SACI~~,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAAN;AAAA,QACA,eAAeC;AAAA,QACf,SAAAH;AAAA,~~MAAA~~;AAAA,~~MAGJ~~,4BAAC,~~OAAA~~,~~EAAI~~,WAAWK,GAAY,GAAGJ,GAAM,KAAAH,~~EAAA~~,~~CAAU~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAG3D~~;"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsContextProvider } from './context'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsVariant, TabsValue } from './context'\nimport type { Ref } from 'react'\n\nexport interface TabsProps extends CommonProps {\n defaultValue?: TabsValue\n onChange?: (tabValue: TabsValue) => void\n ref?: Ref<HTMLDivElement>\n value?: TabsValue\n variant?: TabsVariant\n}\n\nconst Tabs = (props: TabsProps) => {\n const {\n className,\n defaultValue,\n onChange,\n ref,\n value: valueProp,\n variant = 'underline',\n ...rest\n } = props\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onChange,\n defaultProp: defaultValue,\n })\n\n const tabsClass = classNames('tabs', className)\n\n return (\n <TabsContextProvider\n value={{\n value: value,\n onValueChange: setValue,\n variant,\n }}\n >\n <div className={tabsClass} {...rest} ref={ref} />\n </TabsContextProvider>\n )\n}\n\nexport default Tabs\n"],"names":["Tabs","props","className","defaultValue","onChange","ref","valueProp","variant","rest","value","setValue","useControllableState","tabsClass","classNames","jsx","TabsContextProvider"],"mappings":";;;;AAeM,MAAAA,IAAO,CAACC,MAAqB;AACzB,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,IACHP,GAEE,CAACQ,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAML;AAAA,IACN,UAAAF;AAAA,IACA,aAAaD;AAAA,EAAA,CAChB,GAEKS,IAAYC,EAAW,QAAQX,CAAS;AAG1C,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAAN;AAAA,QACA,eAAeC;AAAA,QACf,SAAAH;AAAA,MACJ;AAAA,MAEA,4BAAC,OAAI,EAAA,WAAWK,GAAY,GAAGJ,GAAM,KAAAH,EAAU,CAAA;AAAA,IAAA;AAAA,EACnD;AAER;"}

package/dist/@ecme/components/ui/Tabs/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport type TabsVariant = 'underline' \| 'pill'\n\nexport type TabsValue = string\n\ntype TabsContextProps = {\n onValueChange?: (tabValue: string) => void\n value?: TabsValue\n variant?: TabsVariant\n}\n\nconst TabsContext = createContext<TabsContextProps>({})\n\nexport const TabsContextProvider = TabsContext.Provider\n\nexport const TabsContextConsumer = TabsContext.Consumer\n\nexport function useTabs() {\n return useContext(TabsContext)\n}\n\nexport default TabsContext\n"],"names":["TabsContext","createContext","TabsContextProvider","TabsContextConsumer","useTabs","useContext"],"mappings":";~~AAYA~~,~~MAAMA~~,IAAcC,EAAgC,CAAA,~~CAAE,~~GAEzCC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Tabs/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport type TabsVariant = 'underline' \| 'pill'\n\nexport type TabsValue = string\n\ntype TabsContextProps = {\n onValueChange?: (tabValue: string) => void\n value?: TabsValue\n variant?: TabsVariant\n}\n\nconst TabsContext = createContext<TabsContextProps>({})\n\nexport const TabsContextProvider = TabsContext.Provider\n\nexport const TabsContextConsumer = TabsContext.Consumer\n\nexport function useTabs() {\n return useContext(TabsContext)\n}\n\nexport default TabsContext\n"],"names":["TabsContext","createContext","TabsContextProvider","TabsContextConsumer","useTabs","useContext"],"mappings":";AAYM,MAAAA,IAAcC,EAAgC,CAAE,CAAA,GAEzCC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;"}

package/dist/@ecme/components/ui/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../../lib/@ecme/components/ui/Tag/Tag.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TagProps extends CommonProps {\n children: ReactNode\n prefix?: boolean \| ReactNode\n prefixClass?: string\n ref?: Ref<HTMLDivElement>\n suffix?: boolean \| ReactNode\n suffixClass?: string\n}\n\nconst Tag = (props: TagProps) => {\n const {\n className,\n children,\n prefix,\n ref,\n suffix,\n prefixClass,\n suffixClass,\n ...rest\n } = props\n\n const tagDefaultColor =\n 'bg-gray-100 dark:bg-gray-700 border-gray-100 dark:border-gray-700 text-gray-900 dark:text-gray-50'\n\n return (\n <div\n ref={ref}\n className={classNames('tag', tagDefaultColor, className)}\n {...rest}\n >\n {prefix && typeof prefix === 'boolean' && (\n <span\n className={classNames('tag-affix tag-prefix', prefixClass)}\n />\n )}\n {typeof prefix === 'object' && prefix}\n {children}\n {suffix && typeof suffix === 'boolean' && (\n <span\n className={classNames('tag-affix tag-suffix', suffixClass)}\n />\n )}\n {typeof suffix === 'object' && suffix}\n </div>\n )\n}\n\nexport default Tag\n"],"names":["Tag","props","className","children","prefix","ref","suffix","prefixClass","suffixClass","rest","jsxs","classNames","jsx"],"mappings":";;~~AAaA~~,~~MAAMA~~,IAAM,CAACC,MAAoB;~~AAC7B~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR;~~AAKJ~~,~~SACI~~,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWM,EAAW,OAL1B,qGAKkDT,CAAS;AAAA,MACtD,GAAGO;AAAA,MAEH,UAAA;AAAA,~~QAAAL~~,~~KAAU~~,OAAOA,KAAW,aACzB,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBJ,CAAW;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGhE~~,OAAOH,KAAW,YAAYA;AAAA,QAC9BD;AAAA,QACAG,KAAU,OAAOA,KAAW,aACzB,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBH,CAAW;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGhE~~,OAAOF,KAAW,YAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAAA~~;~~AAG3C~~;"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../../lib/@ecme/components/ui/Tag/Tag.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TagProps extends CommonProps {\n children: ReactNode\n prefix?: boolean \| ReactNode\n prefixClass?: string\n ref?: Ref<HTMLDivElement>\n suffix?: boolean \| ReactNode\n suffixClass?: string\n}\n\nconst Tag = (props: TagProps) => {\n const {\n className,\n children,\n prefix,\n ref,\n suffix,\n prefixClass,\n suffixClass,\n ...rest\n } = props\n\n const tagDefaultColor =\n 'bg-gray-100 dark:bg-gray-700 border-gray-100 dark:border-gray-700 text-gray-900 dark:text-gray-50'\n\n return (\n <div\n ref={ref}\n className={classNames('tag', tagDefaultColor, className)}\n {...rest}\n >\n {prefix && typeof prefix === 'boolean' && (\n <span\n className={classNames('tag-affix tag-prefix', prefixClass)}\n />\n )}\n {typeof prefix === 'object' && prefix}\n {children}\n {suffix && typeof suffix === 'boolean' && (\n <span\n className={classNames('tag-affix tag-suffix', suffixClass)}\n />\n )}\n {typeof suffix === 'object' && suffix}\n </div>\n )\n}\n\nexport default Tag\n"],"names":["Tag","props","className","children","prefix","ref","suffix","prefixClass","suffixClass","rest","jsxs","classNames","jsx"],"mappings":";;AAaM,MAAAA,IAAM,CAACC,MAAoB;AACvB,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR;AAMA,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWM,EAAW,OAL1B,qGAKkDT,CAAS;AAAA,MACtD,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAUL,KAAA,OAAOA,KAAW,aACzB,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBJ,CAAW;AAAA,UAAA;AAAA,QAC7D;AAAA,QAEH,OAAOH,KAAW,YAAYA;AAAA,QAC9BD;AAAA,QACAG,KAAU,OAAOA,KAAW,aACzB,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBH,CAAW;AAAA,UAAA;AAAA,QAC7D;AAAA,QAEH,OAAOF,KAAW,YAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC;AAER;"}

package/dist/@ecme/components/ui/TimeInput/AmPmInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmPmInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/AmPmInput.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport type { CommonProps } from '../@types/common'\nimport type {\n FocusEvent,\n MouseEvent,\n KeyboardEvent,\n ChangeEvent,\n Ref,\n} from 'react'\n\ninterface AmPmInputProps extends CommonProps {\n disabled?: boolean\n amLabel?: string\n onChange: (value: string, triggerShift: boolean) => void\n onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n ref?: Ref<HTMLInputElement>\n placeholder?: string\n pmLabel?: string\n value: string \| number \| readonly string[]\n}\n\nconst AmPmInput = (props: AmPmInputProps) => {\n const {\n className,\n onChange,\n onFocus,\n value,\n amLabel,\n pmLabel,\n ref = null,\n ...rest\n } = props\n\n const inputRef = useRef<HTMLInputElement>(undefined)\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n event.stopPropagation()\n inputRef?.current?.select()\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault()\n onChange(\n value === amLabel ? (pmLabel as string) : (amLabel as string),\n true,\n )\n }\n }\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event)\n inputRef?.current?.select()\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const lastInputVal = event.target.value.slice(-1).toLowerCase()\n\n if (lastInputVal === 'p') {\n event.preventDefault()\n onChange(pmLabel as string, true)\n return\n }\n\n if (lastInputVal === 'a') {\n event.preventDefault()\n onChange(amLabel as string, true)\n return\n }\n\n onChange(value.toString(), true)\n }\n\n return (\n <input\n ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n type=\"text\"\n value={value}\n className={classNames('time-input-field', 'am-pm-input', className)}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onChange={handleChange}\n {...rest}\n />\n )\n}\n\nexport default AmPmInput\n"],"names":["AmPmInput","props","className","onChange","onFocus","value","amLabel","pmLabel","ref","rest","inputRef","useRef","handleClick","event","handleKeyDown","handleFocus","handleChange","lastInputVal","jsx","useMergedRef","classNames"],"mappings":";;;;~~AAuBA~~,~~MAAMA~~,IAAY,CAACC,MAA0B;~~AACzC~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;AACzD,IAAAA,EAAM,~~gBAAA~~,~~GACNH~~,GAAU,SAAS,~~OAAA~~;AAAA,~~EACvB~~,GAEMI,IAAgB,CAACD,MAA2C;AAC9D,KAAIA,EAAM,QAAQ,aAAaA,EAAM,QAAQ,iBACzCA,EAAM,~~eAAA~~,~~GACNV~~;AAAA,MACIE,MAAUC,IAAWC,IAAsBD;AAAA,MAC3C;AAAA,~~IAAA~~;AAAA,~~EAGZ~~,GAEMS,IAAc,CAACF,MAAwC;~~AACzD~~,~~WAAOT~~,KAAY,cAAcA,EAAQS,CAAK,GAC9CH,GAAU,SAAS,~~OAAA~~;AAAA,~~EACvB~~,GAEMM,IAAe,CAACH,MAAyC;AAC3D,UAAMI,IAAeJ,EAAM,OAAO,MAAM,MAAM,EAAE,EAAE,~~YAAA~~;~~AAElD~~,QAAII,MAAiB,KAAK;AACtB,MAAAJ,EAAM,~~eAAA~~,~~GACNV~~,EAASI,GAAmB,EAAI;AAChC;AAAA,~~IACJ~~;~~AAEA~~,QAAIU,MAAiB,KAAK;AACtB,MAAAJ,EAAM,~~eAAA~~,~~GACNV~~,EAASG,GAAmB,EAAI;AAChC;AAAA,~~IACJ~~;~~AAEA~~,IAAAH,~~EAASE~~,EAAM,~~SAAA~~,~~GAAY~~,EAAI;AAAA,EACnC;~~AAEA~~,~~SACI~~,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKC,EAAaT,GAAmCF,CAAG;AAAA,MACxD,MAAK;AAAA,MACL,OAAAH;AAAA,MACA,WAAWe,EAAW,oBAAoB,eAAelB,CAAS;AAAA,MAClE,SAASU;AAAA,MACT,SAASG;AAAA,MACT,WAAWD;AAAA,MACX,UAAUE;AAAA,MACT,GAAGP;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGhB~~;"}
1	+ {"version":3,"file":"AmPmInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/AmPmInput.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport type { CommonProps } from '../@types/common'\nimport type {\n FocusEvent,\n MouseEvent,\n KeyboardEvent,\n ChangeEvent,\n Ref,\n} from 'react'\n\ninterface AmPmInputProps extends CommonProps {\n disabled?: boolean\n amLabel?: string\n onChange: (value: string, triggerShift: boolean) => void\n onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n ref?: Ref<HTMLInputElement>\n placeholder?: string\n pmLabel?: string\n value: string \| number \| readonly string[]\n}\n\nconst AmPmInput = (props: AmPmInputProps) => {\n const {\n className,\n onChange,\n onFocus,\n value,\n amLabel,\n pmLabel,\n ref = null,\n ...rest\n } = props\n\n const inputRef = useRef<HTMLInputElement>(undefined)\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n event.stopPropagation()\n inputRef?.current?.select()\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'ArrowUp' \|\| event.key === 'ArrowDown') {\n event.preventDefault()\n onChange(\n value === amLabel ? (pmLabel as string) : (amLabel as string),\n true,\n )\n }\n }\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event)\n inputRef?.current?.select()\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const lastInputVal = event.target.value.slice(-1).toLowerCase()\n\n if (lastInputVal === 'p') {\n event.preventDefault()\n onChange(pmLabel as string, true)\n return\n }\n\n if (lastInputVal === 'a') {\n event.preventDefault()\n onChange(amLabel as string, true)\n return\n }\n\n onChange(value.toString(), true)\n }\n\n return (\n <input\n ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n type=\"text\"\n value={value}\n className={classNames('time-input-field', 'am-pm-input', className)}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onChange={handleChange}\n {...rest}\n />\n )\n}\n\nexport default AmPmInput\n"],"names":["AmPmInput","props","className","onChange","onFocus","value","amLabel","pmLabel","ref","rest","inputRef","useRef","handleClick","event","handleKeyDown","handleFocus","handleChange","lastInputVal","jsx","useMergedRef","classNames"],"mappings":";;;;AAuBM,MAAAA,IAAY,CAACC,MAA0B;AACnC,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;AACzD,IAAAA,EAAM,gBAAgB,GACtBH,GAAU,SAAS,OAAO;AAAA,EAC9B,GAEMI,IAAgB,CAACD,MAA2C;AAC9D,KAAIA,EAAM,QAAQ,aAAaA,EAAM,QAAQ,iBACzCA,EAAM,eAAe,GACrBV;AAAA,MACIE,MAAUC,IAAWC,IAAsBD;AAAA,MAC3C;AAAA,IACJ;AAAA,EAER,GAEMS,IAAc,CAACF,MAAwC;AAClD,WAAAT,KAAY,cAAcA,EAAQS,CAAK,GAC9CH,GAAU,SAAS,OAAO;AAAA,EAC9B,GAEMM,IAAe,CAACH,MAAyC;AAC3D,UAAMI,IAAeJ,EAAM,OAAO,MAAM,MAAM,EAAE,EAAE,YAAY;AAE9D,QAAII,MAAiB,KAAK;AACtB,MAAAJ,EAAM,eAAe,GACrBV,EAASI,GAAmB,EAAI;AAChC;AAAA,IAAA;AAGJ,QAAIU,MAAiB,KAAK;AACtB,MAAAJ,EAAM,eAAe,GACrBV,EAASG,GAAmB,EAAI;AAChC;AAAA,IAAA;AAGK,IAAAH,EAAAE,EAAM,SAAS,GAAG,EAAI;AAAA,EACnC;AAGI,SAAA,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKC,EAAaT,GAAmCF,CAAG;AAAA,MACxD,MAAK;AAAA,MACL,OAAAH;AAAA,MACA,WAAWe,EAAW,oBAAoB,eAAelB,CAAS;AAAA,MAClE,SAASU;AAAA,MACT,SAASG;AAAA,MACT,WAAWD;AAAA,MACX,UAAUE;AAAA,MACT,GAAGP;AAAA,IAAA;AAAA,EACR;AAER;"}

package/dist/@ecme/components/ui/TimeInput/TimeInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport { useFormItem } from '../Form/context'\nimport TimeInputField from './TimeInputField'\nimport AmPmInput from './AmPmInput'\nimport CloseButton from '../CloseButton'\nimport { Input } from '../Input'\nimport {\n getTimeValues,\n getDate,\n createAmPmHandler,\n createTimeHandler,\n} from './utils'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, RefObject, Ref } from 'react'\n\ntype Value = Date \| null\n\nexport interface TimeInputProps extends CommonProps {\n amLabel?: string\n amPmPlaceholder?: string\n clearable?: boolean\n defaultValue?: Value\n disabled?: boolean\n format?: '12' \| '24'\n id?: string\n invalid?: boolean\n name?: string\n nextRef?: RefObject<HTMLInputElement \| null>\n onChange?: (value: Value) => void\n pmLabel?: string\n prefix?: string \| ReactNode\n ref?: Ref<HTMLInputElement>\n showSeconds?: boolean\n size?: TypeAttributes.ControlSize\n suffix?: string \| ReactNode\n timeFieldPlaceholder?: string\n timeFieldClass?: string\n unstyle?: boolean\n value?: Value\n}\n\nconst TimeInput = (props: TimeInputProps) => {\n const {\n amLabel = 'am',\n amPmPlaceholder = 'am',\n className,\n clearable = true,\n defaultValue,\n disabled = false,\n format = '24',\n id,\n invalid,\n name,\n nextRef,\n onChange,\n pmLabel = 'pm',\n prefix,\n ref = null,\n showSeconds = false,\n size = 'md',\n style,\n suffix = <HiOutlineClock className=\"text-lg\" />,\n timeFieldPlaceholder = '--',\n timeFieldClass,\n value,\n ...rest\n } = props\n\n const uuid = useUniqueId(id)\n\n const hoursRef = useRef<HTMLInputElement>(undefined)\n const minutesRef = useRef<HTMLInputElement>(undefined)\n const secondsRef = useRef<HTMLInputElement>(undefined)\n const amPmRef = useRef<HTMLInputElement>(undefined)\n const [time, setTime] = useState(\n getTimeValues(\n value \|\| (defaultValue as Date),\n format,\n amLabel,\n pmLabel,\n ),\n )\n const [_value, setValue] = useState<Value>(\n (value as Date) \|\| (defaultValue as Date),\n )\n\n const formItemInvalid = useFormItem()?.invalid\n const isTimeInputInvalid = invalid \|\| formItemInvalid\n\n useDidUpdate(() => {\n setTime(getTimeValues(_value as Date, format, amLabel, pmLabel))\n }, [_value, format, amLabel, pmLabel])\n\n useDidUpdate(() => {\n if (value?.getTime() !== _value?.getTime()) {\n setValue(value as Date \| null)\n }\n }, [value])\n\n const setDate = (change: Partial<typeof time>) => {\n const timeWithChange = { ...time, ...change }\n const newDate = getDate(\n timeWithChange.hours,\n timeWithChange.minutes,\n timeWithChange.seconds,\n format,\n pmLabel,\n timeWithChange.amPm,\n )\n setValue(newDate)\n typeof onChange === 'function' && onChange(newDate)\n }\n\n const handleHoursChange = createTimeHandler({\n onChange: (val, carryOver) => {\n setDate({\n hours: val,\n minutes: carryOver ?? time.minutes,\n })\n },\n min: format === '12' ? 1 : 0,\n max: format === '12' ? 12 : 23,\n nextRef: minutesRef as RefObject<HTMLInputElement \| null>,\n nextMax: 59,\n })\n\n const handleMinutesChange = createTimeHandler({\n onChange: (val, carryOver) => {\n setDate({\n minutes: val,\n seconds: carryOver ?? time.seconds,\n })\n },\n min: 0,\n max: 59,\n nextRef: showSeconds\n ? (secondsRef as RefObject<HTMLInputElement \| null>)\n : format === '12'\n ? (amPmRef as RefObject<HTMLInputElement \| null>)\n : (nextRef as RefObject<HTMLInputElement \| null>),\n nextMax: showSeconds ? 59 : undefined,\n })\n\n const handleSecondsChange = createTimeHandler({\n onChange: (val) => {\n setDate({ seconds: val })\n },\n min: 0,\n max: 59,\n nextRef:\n format === '12'\n ? (amPmRef as RefObject<HTMLInputElement \| null>)\n : (nextRef as RefObject<HTMLInputElement \| null>),\n })\n\n const handleAmPmChange = createAmPmHandler({\n amLabel,\n pmLabel,\n onChange: (val) => {\n setDate({ amPm: val })\n },\n nextRef,\n })\n\n const handleClear = () => {\n setTime({ hours: '', minutes: '', seconds: '', amPm: '' })\n setValue(null)\n onChange?.(null)\n hoursRef?.current?.focus()\n }\n\n const suffixSlot =\n clearable && _value ? <CloseButton onClick={handleClear} /> : suffix\n\n return (\n <Input\n asElement=\"div\"\n invalid={isTimeInputInvalid}\n disabled={disabled}\n style={style}\n className={className}\n size={size}\n prefix={prefix}\n suffix={suffixSlot}\n onClick={() => hoursRef?.current?.focus()}\n {...rest}\n >\n <div className=\"time-input-wrapper\">\n <TimeInputField\n ref={useMergedRef(hoursRef as Ref<HTMLInputElement>, ref)}\n withSeparator\n value={time.hours}\n setValue={(val) =>\n setTime((current) => ({ ...current, hours: val }))\n }\n id={uuid}\n className={timeFieldClass}\n max={format === '12' ? 12 : 23}\n placeholder={timeFieldPlaceholder}\n aria-label=\"hours\"\n disabled={disabled}\n name={name}\n onChange={handleHoursChange}\n />\n <TimeInputField\n ref={minutesRef as Ref<HTMLInputElement>}\n value={time.minutes}\n setValue={(val) =>\n setTime((current) => ({ ...current, minutes: val }))\n }\n className={timeFieldClass}\n withSeparator={showSeconds}\n max={59}\n placeholder={timeFieldPlaceholder}\n aria-label=\"minutes\"\n disabled={disabled}\n onChange={handleMinutesChange}\n />\n {showSeconds && (\n <TimeInputField\n ref={secondsRef as Ref<HTMLInputElement>}\n value={time.seconds}\n setValue={(val) =>\n setTime((current) => ({ ...current, seconds: val }))\n }\n className={timeFieldClass}\n max={59}\n placeholder={timeFieldPlaceholder}\n aria-label=\"seconds\"\n disabled={disabled}\n onChange={handleSecondsChange}\n />\n )}\n {format === '12' && (\n <AmPmInput\n ref={amPmRef as Ref<HTMLInputElement>}\n value={time.amPm}\n placeholder={amPmPlaceholder}\n amLabel={amLabel}\n pmLabel={pmLabel}\n aria-label=\"am pm\"\n disabled={disabled}\n onChange={handleAmPmChange}\n />\n )}\n </div>\n </Input>\n )\n}\n\nexport default TimeInput\n"],"names":["TimeInput","props","amLabel","amPmPlaceholder","className","clearable","defaultValue","disabled","format","id","invalid","name","nextRef","onChange","pmLabel","prefix","ref","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","timeFieldClass","value","rest","uuid","useUniqueId","hoursRef","useRef","minutesRef","secondsRef","amPmRef","time","setTime","useState","getTimeValues","_value","setValue","formItemInvalid","useFormItem","isTimeInputInvalid","useDidUpdate","setDate","change","timeWithChange","newDate","getDate","handleHoursChange","createTimeHandler","val","carryOver","handleMinutesChange","handleSecondsChange","handleAmPmChange","createAmPmHandler","Input","CloseButton","jsxs","TimeInputField","useMergedRef","current","AmPmInput"],"mappings":"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"}
1	+ {"version":3,"file":"TimeInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport { useFormItem } from '../Form/context'\nimport TimeInputField from './TimeInputField'\nimport AmPmInput from './AmPmInput'\nimport CloseButton from '../CloseButton'\nimport { Input } from '../Input'\nimport {\n getTimeValues,\n getDate,\n createAmPmHandler,\n createTimeHandler,\n} from './utils'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, RefObject, Ref } from 'react'\n\ntype Value = Date \| null\n\nexport interface TimeInputProps extends CommonProps {\n amLabel?: string\n amPmPlaceholder?: string\n clearable?: boolean\n defaultValue?: Value\n disabled?: boolean\n format?: '12' \| '24'\n id?: string\n invalid?: boolean\n name?: string\n nextRef?: RefObject<HTMLInputElement \| null>\n onChange?: (value: Value) => void\n pmLabel?: string\n prefix?: string \| ReactNode\n ref?: Ref<HTMLInputElement>\n showSeconds?: boolean\n size?: TypeAttributes.ControlSize\n suffix?: string \| ReactNode\n timeFieldPlaceholder?: string\n timeFieldClass?: string\n unstyle?: boolean\n value?: Value\n}\n\nconst TimeInput = (props: TimeInputProps) => {\n const {\n amLabel = 'am',\n amPmPlaceholder = 'am',\n className,\n clearable = true,\n defaultValue,\n disabled = false,\n format = '24',\n id,\n invalid,\n name,\n nextRef,\n onChange,\n pmLabel = 'pm',\n prefix,\n ref = null,\n showSeconds = false,\n size = 'md',\n style,\n suffix = <HiOutlineClock className=\"text-lg\" />,\n timeFieldPlaceholder = '--',\n timeFieldClass,\n value,\n ...rest\n } = props\n\n const uuid = useUniqueId(id)\n\n const hoursRef = useRef<HTMLInputElement>(undefined)\n const minutesRef = useRef<HTMLInputElement>(undefined)\n const secondsRef = useRef<HTMLInputElement>(undefined)\n const amPmRef = useRef<HTMLInputElement>(undefined)\n const [time, setTime] = useState(\n getTimeValues(\n value \|\| (defaultValue as Date),\n format,\n amLabel,\n pmLabel,\n ),\n )\n const [_value, setValue] = useState<Value>(\n (value as Date) \|\| (defaultValue as Date),\n )\n\n const formItemInvalid = useFormItem()?.invalid\n const isTimeInputInvalid = invalid \|\| formItemInvalid\n\n useDidUpdate(() => {\n setTime(getTimeValues(_value as Date, format, amLabel, pmLabel))\n }, [_value, format, amLabel, pmLabel])\n\n useDidUpdate(() => {\n if (value?.getTime() !== _value?.getTime()) {\n setValue(value as Date \| null)\n }\n }, [value])\n\n const setDate = (change: Partial<typeof time>) => {\n const timeWithChange = { ...time, ...change }\n const newDate = getDate(\n timeWithChange.hours,\n timeWithChange.minutes,\n timeWithChange.seconds,\n format,\n pmLabel,\n timeWithChange.amPm,\n )\n setValue(newDate)\n typeof onChange === 'function' && onChange(newDate)\n }\n\n const handleHoursChange = createTimeHandler({\n onChange: (val, carryOver) => {\n setDate({\n hours: val,\n minutes: carryOver ?? time.minutes,\n })\n },\n min: format === '12' ? 1 : 0,\n max: format === '12' ? 12 : 23,\n nextRef: minutesRef as RefObject<HTMLInputElement \| null>,\n nextMax: 59,\n })\n\n const handleMinutesChange = createTimeHandler({\n onChange: (val, carryOver) => {\n setDate({\n minutes: val,\n seconds: carryOver ?? time.seconds,\n })\n },\n min: 0,\n max: 59,\n nextRef: showSeconds\n ? (secondsRef as RefObject<HTMLInputElement \| null>)\n : format === '12'\n ? (amPmRef as RefObject<HTMLInputElement \| null>)\n : (nextRef as RefObject<HTMLInputElement \| null>),\n nextMax: showSeconds ? 59 : undefined,\n })\n\n const handleSecondsChange = createTimeHandler({\n onChange: (val) => {\n setDate({ seconds: val })\n },\n min: 0,\n max: 59,\n nextRef:\n format === '12'\n ? (amPmRef as RefObject<HTMLInputElement \| null>)\n : (nextRef as RefObject<HTMLInputElement \| null>),\n })\n\n const handleAmPmChange = createAmPmHandler({\n amLabel,\n pmLabel,\n onChange: (val) => {\n setDate({ amPm: val })\n },\n nextRef,\n })\n\n const handleClear = () => {\n setTime({ hours: '', minutes: '', seconds: '', amPm: '' })\n setValue(null)\n onChange?.(null)\n hoursRef?.current?.focus()\n }\n\n const suffixSlot =\n clearable && _value ? <CloseButton onClick={handleClear} /> : suffix\n\n return (\n <Input\n asElement=\"div\"\n invalid={isTimeInputInvalid}\n disabled={disabled}\n style={style}\n className={className}\n size={size}\n prefix={prefix}\n suffix={suffixSlot}\n onClick={() => hoursRef?.current?.focus()}\n {...rest}\n >\n <div className=\"time-input-wrapper\">\n <TimeInputField\n ref={useMergedRef(hoursRef as Ref<HTMLInputElement>, ref)}\n withSeparator\n value={time.hours}\n setValue={(val) =>\n setTime((current) => ({ ...current, hours: val }))\n }\n id={uuid}\n className={timeFieldClass}\n max={format === '12' ? 12 : 23}\n placeholder={timeFieldPlaceholder}\n aria-label=\"hours\"\n disabled={disabled}\n name={name}\n onChange={handleHoursChange}\n />\n <TimeInputField\n ref={minutesRef as Ref<HTMLInputElement>}\n value={time.minutes}\n setValue={(val) =>\n setTime((current) => ({ ...current, minutes: val }))\n }\n className={timeFieldClass}\n withSeparator={showSeconds}\n max={59}\n placeholder={timeFieldPlaceholder}\n aria-label=\"minutes\"\n disabled={disabled}\n onChange={handleMinutesChange}\n />\n {showSeconds && (\n <TimeInputField\n ref={secondsRef as Ref<HTMLInputElement>}\n value={time.seconds}\n setValue={(val) =>\n setTime((current) => ({ ...current, seconds: val }))\n }\n className={timeFieldClass}\n max={59}\n placeholder={timeFieldPlaceholder}\n aria-label=\"seconds\"\n disabled={disabled}\n onChange={handleSecondsChange}\n />\n )}\n {format === '12' && (\n <AmPmInput\n ref={amPmRef as Ref<HTMLInputElement>}\n value={time.amPm}\n placeholder={amPmPlaceholder}\n amLabel={amLabel}\n pmLabel={pmLabel}\n aria-label=\"am pm\"\n disabled={disabled}\n onChange={handleAmPmChange}\n />\n )}\n </div>\n </Input>\n )\n}\n\nexport default TimeInput\n"],"names":["TimeInput","props","amLabel","amPmPlaceholder","className","clearable","defaultValue","disabled","format","id","invalid","name","nextRef","onChange","pmLabel","prefix","ref","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","timeFieldClass","value","rest","uuid","useUniqueId","hoursRef","useRef","minutesRef","secondsRef","amPmRef","time","setTime","useState","getTimeValues","_value","setValue","formItemInvalid","useFormItem","isTimeInputInvalid","useDidUpdate","setDate","change","timeWithChange","newDate","getDate","handleHoursChange","createTimeHandler","val","carryOver","handleMinutesChange","handleSecondsChange","handleAmPmChange","createAmPmHandler","Input","CloseButton","jsxs","TimeInputField","useMergedRef","current","AmPmInput"],"mappings":";;;;;;;;;;;;;;;;;;AA6CM,MAAAA,KAAY,CAACC,MAA0B;AACnC,QAAA;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,iBAAAC,IAAkB;AAAA,IAClB,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,aAAAC,IAAc;AAAA,IACd,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,QAAAC,IAAS,gBAAAC,EAACC,IAAe,EAAA,WAAU,UAAU,CAAA;AAAA,IAC7C,sBAAAC,IAAuB;AAAA,IACvB,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHzB,GAEE0B,IAAOC,EAAYnB,CAAE,GAErBoB,IAAWC,EAAyB,MAAS,GAC7CC,IAAaD,EAAyB,MAAS,GAC/CE,IAAaF,EAAyB,MAAS,GAC/CG,IAAUH,EAAyB,MAAS,GAC5C,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACpBC;AAAA,MACIZ,KAAUnB;AAAA,MACVE;AAAA,MACAN;AAAA,MACAY;AAAA,IAAA;AAAA,EAER,GACM,CAACwB,GAAQC,CAAQ,IAAIH;AAAA,IACtBX,KAAmBnB;AAAA,EACxB,GAEMkC,IAAkBC,KAAe,SACjCC,IAAqBhC,KAAW8B;AAEtC,EAAAG,EAAa,MAAM;AACf,IAAAR,EAAQE,EAAcC,GAAgB9B,GAAQN,GAASY,CAAO,CAAC;AAAA,KAChE,CAACwB,GAAQ9B,GAAQN,GAASY,CAAO,CAAC,GAErC6B,EAAa,MAAM;AACf,IAAIlB,GAAO,QAAA,MAAca,GAAQ,aAC7BC,EAASd,CAAoB;AAAA,EACjC,GACD,CAACA,CAAK,CAAC;AAEJ,QAAAmB,IAAU,CAACC,MAAiC;AAC9C,UAAMC,IAAiB,EAAE,GAAGZ,GAAM,GAAGW,EAAO,GACtCE,IAAUC;AAAA,MACZF,EAAe;AAAA,MACfA,EAAe;AAAA,MACfA,EAAe;AAAA,MACftC;AAAA,MACAM;AAAA,MACAgC,EAAe;AAAA,IACnB;AACA,IAAAP,EAASQ,CAAO,GACT,OAAAlC,KAAa,cAAcA,EAASkC,CAAO;AAAA,EACtD,GAEME,IAAoBC,EAAkB;AAAA,IACxC,UAAU,CAACC,GAAKC,MAAc;AAClB,MAAAR,EAAA;AAAA,QACJ,OAAOO;AAAA,QACP,SAASC,KAAalB,EAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK1B,MAAW,OAAO,IAAI;AAAA,IAC3B,KAAKA,MAAW,OAAO,KAAK;AAAA,IAC5B,SAASuB;AAAA,IACT,SAAS;AAAA,EAAA,CACZ,GAEKsB,IAAsBH,EAAkB;AAAA,IAC1C,UAAU,CAACC,GAAKC,MAAc;AAClB,MAAAR,EAAA;AAAA,QACJ,SAASO;AAAA,QACT,SAASC,KAAalB,EAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAASjB,IACFe,IACDxB,MAAW,OACRyB,IACArB;AAAA,IACT,SAASK,IAAc,KAAK;AAAA,EAAA,CAC/B,GAEKqC,IAAsBJ,EAAkB;AAAA,IAC1C,UAAU,CAACC,MAAQ;AACP,MAAAP,EAAA,EAAE,SAASO,GAAK;AAAA,IAC5B;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SACI3C,MAAW,OACJyB,IACArB;AAAA,EAAA,CACd,GAEK2C,IAAmBC,GAAkB;AAAA,IACvC,SAAAtD;AAAA,IACA,SAAAY;AAAA,IACA,UAAU,CAACqC,MAAQ;AACP,MAAAP,EAAA,EAAE,MAAMO,GAAK;AAAA,IACzB;AAAA,IACA,SAAAvC;AAAA,EAAA,CACH;AAaG,SAAA,gBAAAS;AAAA,IAACoC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAAnC;AAAA,MACA,OAAAY;AAAA,MACA,WAAAf;AAAA,MACA,MAAAc;AAAA,MACA,QAAAH;AAAA,MACA,QAXJV,KAAaiC,sBAAUoB,IAAY,EAAA,SARnB,MAAM;AACd,QAAAvB,EAAA,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,IAAI,GACzDI,EAAS,IAAI,GACb1B,IAAW,IAAI,GACfgB,GAAU,SAAS,MAAM;AAAA,MAC7B,EAG6D,CAAA,IAAKT;AAAA,MAY1D,SAAS,MAAMS,GAAU,SAAS,MAAM;AAAA,MACvC,GAAGH;AAAA,MAEJ,UAAA,gBAAAiC,EAAC,OAAI,EAAA,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAtC;AAAA,UAACuC;AAAA,UAAA;AAAA,YACG,KAAKC,EAAahC,GAAmCb,CAAG;AAAA,YACxD,eAAa;AAAA,YACb,OAAOkB,EAAK;AAAA,YACZ,UAAU,CAACiB,MACPhB,EAAQ,CAAC2B,OAAa,EAAE,GAAGA,GAAS,OAAOX,EAAA,EAAM;AAAA,YAErD,IAAIxB;AAAA,YACJ,WAAWH;AAAA,YACX,KAAKhB,MAAW,OAAO,KAAK;AAAA,YAC5B,aAAae;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,MAAAI;AAAA,YACA,UAAUsC;AAAA,UAAA;AAAA,QACd;AAAA,QACA,gBAAA5B;AAAA,UAACuC;AAAA,UAAA;AAAA,YACG,KAAK7B;AAAA,YACL,OAAOG,EAAK;AAAA,YACZ,UAAU,CAACiB,MACPhB,EAAQ,CAAC2B,OAAa,EAAE,GAAGA,GAAS,SAASX,EAAA,EAAM;AAAA,YAEvD,WAAW3B;AAAA,YACX,eAAeP;AAAA,YACf,KAAK;AAAA,YACL,aAAaM;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,UAAU8C;AAAA,UAAA;AAAA,QACd;AAAA,QACCpC,KACG,gBAAAI;AAAA,UAACuC;AAAA,UAAA;AAAA,YACG,KAAK5B;AAAA,YACL,OAAOE,EAAK;AAAA,YACZ,UAAU,CAACiB,MACPhB,EAAQ,CAAC2B,OAAa,EAAE,GAAGA,GAAS,SAASX,EAAA,EAAM;AAAA,YAEvD,WAAW3B;AAAA,YACX,KAAK;AAAA,YACL,aAAaD;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,UAAU+C;AAAA,UAAA;AAAA,QACd;AAAA,QAEH9C,MAAW,QACR,gBAAAa;AAAA,UAAC0C;AAAA,UAAA;AAAA,YACG,KAAK9B;AAAA,YACL,OAAOC,EAAK;AAAA,YACZ,aAAa/B;AAAA,YACb,SAAAD;AAAA,YACA,SAAAY;AAAA,YACA,cAAW;AAAA,YACX,UAAAP;AAAA,YACA,UAAUgD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd,EAER,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/ui/TimeInput/TimeInputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeInputField.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputField.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { clamp, padTime, createTimeHandler } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type {\n FocusEvent,\n Ref,\n KeyboardEvent,\n MouseEvent,\n ChangeEvent,\n} from 'react'\n\ninterface TimeInputFieldProps extends CommonProps {\n disabled?: boolean\n id?: string\n name?: string\n max?: number\n min?: number\n onChange: ReturnType<typeof createTimeHandler>\n onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n placeholder?: string\n ref?: Ref<HTMLInputElement>\n setValue: (value: string) => void\n withSeparator?: boolean\n value: string \| number \| readonly string[]\n}\n\nconst TimeInputField = (props: TimeInputFieldProps) => {\n const {\n className,\n onFocus,\n onBlur,\n onChange,\n ref = null,\n setValue,\n withSeparator = false,\n max,\n min = 0,\n value,\n ...rest\n } = props\n\n const [digitsEntered, setDigitsEntered] = useState(0)\n\n const inputRef = useRef<HTMLInputElement>(undefined)\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event)\n inputRef?.current?.select()\n setDigitsEntered(0)\n }\n\n const handleBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n typeof onBlur === 'function' && onBlur(event)\n if (digitsEntered === 1) {\n typeof onChange === 'function' &&\n onChange(event.currentTarget.value, false)\n }\n }\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n event.stopPropagation()\n inputRef?.current?.select()\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'ArrowUp') {\n event.preventDefault()\n const padded = padTime(\n clamp(\n parseInt(event.currentTarget.value, 10) + 1,\n min,\n max as number,\n ).toString(),\n )\n\n if (value !== padded) {\n onChange(padded, false)\n }\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n const padded = padTime(\n clamp(\n parseInt(event.currentTarget.value, 10) - 1,\n min,\n max as number,\n ).toString(),\n )\n\n if (value !== padded) {\n onChange(padded, false)\n }\n }\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n setDigitsEntered(digitsEntered + 1)\n\n const _val = parseInt(event.currentTarget.value, 10).toString()\n\n if (_val === '0' && digitsEntered === 0) {\n setValue('00')\n return\n }\n onChange(_val, true, digitsEntered > 0)\n }\n\n return (\n <>\n <input\n ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n type=\"text\"\n inputMode=\"numeric\"\n value={value}\n className={classNames('time-input-field', className)}\n onChange={handleChange}\n onClick={handleClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n {...rest}\n />\n {withSeparator && <span> : </span>}\n </>\n )\n}\n\nexport default TimeInputField\n"],"names":["TimeInputField","props","className","onFocus","onBlur","onChange","ref","setValue","withSeparator","max","min","value","rest","digitsEntered","setDigitsEntered","useState","inputRef","useRef","handleFocus","event","handleBlur","handleClick","handleKeyDown","padded","padTime","clamp","handleChange","_val","jsxs","Fragment","jsx","useMergedRef","classNames"],"mappings":";;;;;;;~~AA6BA~~,~~MAAMA~~,IAAiB,CAACC,MAA+B;~~AACnD~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,KAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,CAACY,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;~~AACzD~~,~~WAAOhB~~,KAAY,cAAcA,EAAQgB,CAAK,GAC9CH,GAAU,SAAS,~~OAAA~~,~~GACnBF~~,EAAiB,CAAC;AAAA,EACtB,GAEMM,IAAa,CAACD,MAAiD;~~AACjE~~,~~WAAOf~~,KAAW,cAAcA,EAAOe,CAAK,GACxCN,MAAkB,KAClB,OAAOR,KAAa,cAChBA,EAASc,EAAM,cAAc,OAAO,EAAK;AAAA,EAErD,GAEME,IAAc,CAACF,MAAwC;AACzD,IAAAA,EAAM,~~gBAAA~~,~~GACNH~~,GAAU,SAAS,~~OAAA~~;AAAA,~~EACvB~~,GAEMM,IAAgB,CAACH,MAA2C;~~AAC9D~~,~~QAAIA~~,EAAM,QAAQ,WAAW;AACzB,MAAAA,EAAM,~~eAAA~~;~~AACN~~,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,~~SAAA~~;AAAA,~~MAAS~~;~~AAGf~~,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,~~IAE9B~~;~~AAEA~~,~~QAAIJ~~,EAAM,QAAQ,aAAa;AAC3B,MAAAA,EAAM,~~eAAA~~;~~AACN~~,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,~~SAAA~~;AAAA,~~MAAS~~;~~AAGf~~,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,~~IAE9B~~;AAAA,~~EACJ~~,GAEMG,IAAe,CAACP,MAAyC;AAC3D,IAAAL,EAAiBD,IAAgB,CAAC;AAElC,UAAMc,IAAO,SAASR,EAAM,cAAc,OAAO,EAAE,EAAE,~~SAAA~~;~~AAErD~~,~~QAAIQ~~,MAAS,OAAOd,MAAkB,GAAG;AACrC,MAAAN,EAAS,IAAI;AACb;AAAA,~~IACJ~~;~~AACA~~,IAAAF,~~EAASsB~~,GAAM,IAAMd,IAAgB,CAAC;AAAA,EAC1C;AAEA,~~SACI~~,gBAAAe,EAAAC,GAAA,~~EACI~~,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKC,EAAaf,GAAmCV,CAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAAK;AAAA,QACA,WAAWqB,EAAW,oBAAoB9B,CAAS;AAAA,QACnD,UAAUwB;AAAA,QACV,SAASL;AAAA,QACT,SAASH;AAAA,QACT,QAAQE;AAAA,QACR,WAAWE;AAAA,QACV,GAAGV;AAAA,MAAA;AAAA,~~IAAA~~;AAAA,~~IAEPJ~~,~~KAAiB~~,gBAAAsB,~~EAAC~~,QAAA,EAAK,~~UAAA~~,MAAA,~~CAAG~~;AAAA,EAAA,GAC/B;AAER;"}
1	+ {"version":3,"file":"TimeInputField.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputField.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { clamp, padTime, createTimeHandler } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type {\n FocusEvent,\n Ref,\n KeyboardEvent,\n MouseEvent,\n ChangeEvent,\n} from 'react'\n\ninterface TimeInputFieldProps extends CommonProps {\n disabled?: boolean\n id?: string\n name?: string\n max?: number\n min?: number\n onChange: ReturnType<typeof createTimeHandler>\n onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n placeholder?: string\n ref?: Ref<HTMLInputElement>\n setValue: (value: string) => void\n withSeparator?: boolean\n value: string \| number \| readonly string[]\n}\n\nconst TimeInputField = (props: TimeInputFieldProps) => {\n const {\n className,\n onFocus,\n onBlur,\n onChange,\n ref = null,\n setValue,\n withSeparator = false,\n max,\n min = 0,\n value,\n ...rest\n } = props\n\n const [digitsEntered, setDigitsEntered] = useState(0)\n\n const inputRef = useRef<HTMLInputElement>(undefined)\n\n const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event)\n inputRef?.current?.select()\n setDigitsEntered(0)\n }\n\n const handleBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n typeof onBlur === 'function' && onBlur(event)\n if (digitsEntered === 1) {\n typeof onChange === 'function' &&\n onChange(event.currentTarget.value, false)\n }\n }\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n event.stopPropagation()\n inputRef?.current?.select()\n }\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'ArrowUp') {\n event.preventDefault()\n const padded = padTime(\n clamp(\n parseInt(event.currentTarget.value, 10) + 1,\n min,\n max as number,\n ).toString(),\n )\n\n if (value !== padded) {\n onChange(padded, false)\n }\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n const padded = padTime(\n clamp(\n parseInt(event.currentTarget.value, 10) - 1,\n min,\n max as number,\n ).toString(),\n )\n\n if (value !== padded) {\n onChange(padded, false)\n }\n }\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n setDigitsEntered(digitsEntered + 1)\n\n const _val = parseInt(event.currentTarget.value, 10).toString()\n\n if (_val === '0' && digitsEntered === 0) {\n setValue('00')\n return\n }\n onChange(_val, true, digitsEntered > 0)\n }\n\n return (\n <>\n <input\n ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n type=\"text\"\n inputMode=\"numeric\"\n value={value}\n className={classNames('time-input-field', className)}\n onChange={handleChange}\n onClick={handleClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n {...rest}\n />\n {withSeparator && <span> : </span>}\n </>\n )\n}\n\nexport default TimeInputField\n"],"names":["TimeInputField","props","className","onFocus","onBlur","onChange","ref","setValue","withSeparator","max","min","value","rest","digitsEntered","setDigitsEntered","useState","inputRef","useRef","handleFocus","event","handleBlur","handleClick","handleKeyDown","padded","padTime","clamp","handleChange","_val","jsxs","Fragment","jsx","useMergedRef","classNames"],"mappings":";;;;;;;AA6BM,MAAAA,IAAiB,CAACC,MAA+B;AAC7C,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,KAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,CAACY,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;AAClD,WAAAhB,KAAY,cAAcA,EAAQgB,CAAK,GAC9CH,GAAU,SAAS,OAAO,GAC1BF,EAAiB,CAAC;AAAA,EACtB,GAEMM,IAAa,CAACD,MAAiD;AAC1D,WAAAf,KAAW,cAAcA,EAAOe,CAAK,GACxCN,MAAkB,KAClB,OAAOR,KAAa,cAChBA,EAASc,EAAM,cAAc,OAAO,EAAK;AAAA,EAErD,GAEME,IAAc,CAACF,MAAwC;AACzD,IAAAA,EAAM,gBAAgB,GACtBH,GAAU,SAAS,OAAO;AAAA,EAC9B,GAEMM,IAAgB,CAACH,MAA2C;AAC1D,QAAAA,EAAM,QAAQ,WAAW;AACzB,MAAAA,EAAM,eAAe;AACrB,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAS;AAAA,MACf;AAEA,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,IAC1B;AAGA,QAAAJ,EAAM,QAAQ,aAAa;AAC3B,MAAAA,EAAM,eAAe;AACrB,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAS;AAAA,MACf;AAEA,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,IAC1B;AAAA,EAER,GAEMG,IAAe,CAACP,MAAyC;AAC3D,IAAAL,EAAiBD,IAAgB,CAAC;AAElC,UAAMc,IAAO,SAASR,EAAM,cAAc,OAAO,EAAE,EAAE,SAAS;AAE1D,QAAAQ,MAAS,OAAOd,MAAkB,GAAG;AACrC,MAAAN,EAAS,IAAI;AACb;AAAA,IAAA;AAEK,IAAAF,EAAAsB,GAAM,IAAMd,IAAgB,CAAC;AAAA,EAC1C;AAEA,SAEQ,gBAAAe,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKC,EAAaf,GAAmCV,CAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAAK;AAAA,QACA,WAAWqB,EAAW,oBAAoB9B,CAAS;AAAA,QACnD,UAAUwB;AAAA,QACV,SAASL;AAAA,QACT,SAASH;AAAA,QACT,QAAQE;AAAA,QACR,WAAWE;AAAA,QACV,GAAGV;AAAA,MAAA;AAAA,IACR;AAAA,IACCJ,KAAkB,gBAAAsB,EAAA,QAAA,EAAK,UAAG,MAAA,CAAA;AAAA,EAAA,GAC/B;AAER;"}

package/dist/@ecme/components/ui/TimeInput/TimeInputRange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeInputRange.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport TimeInput from './TimeInput'\nimport CloseButton from '../CloseButton'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport Input from '../Input/Input'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { RefObject, Ref, ReactNode } from 'react'\n\ntype Value = [Date \| null, Date \| null]\n\nexport interface TimeInputRangeProps extends CommonProps {\n amLabel?: string\n amPmPlaceholder?: string\n clearable?: boolean\n defaultValue?: Value\n disabled?: boolean\n format?: '12' \| '24'\n id?: string\n invalid?: boolean\n name?: string\n nextRef?: RefObject<HTMLInputElement \| null>\n onChange?: (value: Value) => void\n pmLabel?: string\n prefix?: string \| ReactNode\n ref?: Ref<HTMLInputElement>\n showSeconds?: boolean\n seperator?: string\n size?: TypeAttributes.ControlSize\n suffix?: string \| ReactNode\n timeFieldPlaceholder?: string\n timeFieldClass?: string\n value?: Value\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n field?: any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n form?: any\n}\n\nconst TimeInputRange = (props: TimeInputRangeProps) => {\n const {\n amPmPlaceholder = 'am',\n clearable = false,\n className,\n defaultValue = [null, null],\n disabled = false,\n format = '24',\n id,\n invalid,\n name,\n onChange,\n prefix,\n ref = null,\n seperator = '~',\n showSeconds = false,\n size,\n style,\n suffix = <HiOutlineClock className=\"text-lg\" />,\n timeFieldPlaceholder = '--',\n value,\n ...rest\n } = props\n\n const uuid = useUniqueId(id)\n\n const fromTimeRef = useRef<HTMLInputElement>(undefined)\n const toTimeRef = useRef<HTMLInputElement>(undefined)\n const [_value, setValue] = useState(value ?? defaultValue)\n\n useDidUpdate(() => {\n typeof onChange === 'function' && onChange(_value)\n }, [_value])\n\n useDidUpdate(() => {\n if (\n value &&\n (value[0]?.getTime() !== _value[0]?.getTime() \|\|\n value[1]?.getTime() !== _value[1]?.getTime())\n ) {\n setValue(value)\n }\n }, [value])\n\n const handleClear = () => {\n setValue([null, null])\n fromTimeRef.current?.focus()\n }\n\n const suffixSlot =\n clearable && _value ? (\n <CloseButton onClick={handleClear} />\n ) : (\n <>{suffix}</>\n )\n\n const forwardProps = {\n amPmPlaceholder,\n disabled,\n format,\n size,\n timeFieldPlaceholder,\n showSeconds,\n }\n\n return (\n <Input\n asElement=\"div\"\n invalid={invalid}\n size={size}\n className={className}\n style={style}\n disabled={disabled}\n suffix={suffixSlot}\n prefix={prefix}\n onClick={() => {\n fromTimeRef.current?.focus()\n }}\n {...rest}\n >\n <div className=\"time-input-wrapper\">\n <TimeInput\n ref={useMergedRef(\n fromTimeRef as Ref<HTMLInputElement>,\n ref,\n )}\n unstyle\n value={_value[0]}\n name={name}\n nextRef={toTimeRef as RefObject<HTMLInputElement \| null>}\n id={uuid}\n clearable={false}\n suffix={null}\n onChange={(date) => setValue([date, _value[1]])}\n {...forwardProps}\n />\n\n <span className=\"time-input-separator\">{seperator}</span>\n\n <TimeInput\n ref={toTimeRef as Ref<HTMLInputElement>}\n unstyle\n value={_value[1]}\n clearable={false}\n suffix={null}\n onChange={(date) => setValue([_value[0], date])}\n {...forwardProps}\n />\n </div>\n </Input>\n )\n}\n\nexport default TimeInputRange\n"],"names":["TimeInputRange","props","amPmPlaceholder","clearable","className","defaultValue","disabled","format","id","invalid","name","onChange","prefix","ref","seperator","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","value","rest","uuid","useUniqueId","fromTimeRef","useRef","toTimeRef","_value","setValue","useState","useDidUpdate","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":";;;;;;;;;;~~AAyCA~~,~~MAAMA~~,IAAiB,CAACC,MAA+B;~~AACnD~~,~~QAAM~~;AAAA,IACF,iBAAAC,IAAkB;AAAA,IAClB,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,cAAAC,IAAe,CAAC,MAAM,IAAI;AAAA,IAC1B,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC,IAAS,gBAAAC,EAACC,~~GAAA~~,~~EAAe~~,WAAU,~~UAAA~~,~~CAAU~~;AAAA,IAC7C,sBAAAC,IAAuB;AAAA,IACvB,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHtB,GAEEuB,IAAOC,EAAYjB,CAAE,GAErBkB,IAAcC,EAAyB,MAAS,GAChDC,IAAYD,EAAyB,MAAS,GAC9C,CAACE,GAAQC,CAAQ,IAAIC,EAAST,KAASjB,CAAY;AAEzD,EAAA2B,EAAa,MAAM;~~AACf~~,~~WAAOrB~~,KAAa,cAAcA,EAASkB,CAAM;AAAA,~~EACrD~~,~~GAAG~~,CAACA,CAAM,CAAC,GAEXG,EAAa,MAAM;~~AACf~~,~~IACIV~~,MACCA,EAAM,CAAC,GAAG,cAAcO,EAAO,CAAC,GAAG,~~QAAA~~,~~KAChCP,~~EAAM,CAAC,GAAG,~~QAAA~~,~~MAAcO~~,EAAO,CAAC,GAAG,cAEvCC,EAASR,CAAK;AAAA,~~EAEtB~~,~~GAAG~~,CAACA,CAAK,CAAC;~~AAOV~~,~~QAAMW~~,IACF9B,KAAa0B,IACT,gBAAAV,EAACe,KAAY,SAPD,MAAM;~~AACtB~~,IAAAJ,~~EAAS~~,CAAC,MAAM,IAAI,CAAC,GACrBJ,EAAY,SAAS,~~MAAA~~;AAAA,~~EACzB~~,~~EAI8B~~,~~CAAa~~,IAEnC,gBAAAP,EAAAgB,GAAA,EAAG,~~UAAAjB~~,EAAA,~~CAAO~~,GAGZkB,IAAe;AAAA,IACjB,iBAAAlC;AAAA,IACA,UAAAI;AAAA,IACA,QAAAC;AAAA,IACA,MAAAS;AAAA,IACA,sBAAAK;AAAA,IACA,aAAAN;AAAA,~~EAAA~~;~~AAGJ~~,~~SACI~~,gBAAAI;AAAA,IAACkB;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAA5B;AAAA,MACA,MAAAO;AAAA,MACA,WAAAZ;AAAA,MACA,OAAAa;AAAA,MACA,UAAAX;AAAA,MACA,QAAQ2B;AAAA,MACR,QAAArB;AAAA,MACA,SAAS,MAAM;AACX,QAAAc,EAAY,SAAS,~~MAAA~~;AAAA,~~MACzB~~;AAAA,MACC,GAAGH;AAAA,MAEJ,UAAA,gBAAAe,EAAC,~~OAAA~~,~~EAAI~~,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAnB;AAAA,UAACoB;AAAA,UAAA;AAAA,YACG,KAAKC;AAAAA,cACDd;AAAA,cACAb;AAAA,~~YAAA~~;AAAA,~~YAEJ~~,SAAO;AAAA,YACP,OAAOgB,EAAO,CAAC;AAAA,YACf,MAAAnB;AAAA,YACA,SAASkB;AAAA,YACT,IAAIJ;AAAA,YACJ,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAACiB,MAASX,EAAS,CAACW,GAAMZ,EAAO,CAAC,CAAC,CAAC;AAAA,YAC7C,GAAGO;AAAA,UAAA;AAAA,~~QAAA~~;AAAA,~~QAGR~~,gBAAAjB,~~EAAC~~,QAAA,EAAK,WAAU,wBAAwB,~~UAAAL~~,~~GAAU~~;AAAA,QAElD,gBAAAK;AAAA,UAACoB;AAAA,UAAA;AAAA,YACG,KAAKX;AAAA,YACL,SAAO;AAAA,YACP,OAAOC,EAAO,CAAC;AAAA,YACf,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAACY,MAASX,EAAS,CAACD,EAAO,CAAC,GAAGY,CAAI,CAAC;AAAA,YAC7C,GAAGL;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,~~EAAA~~,~~CACJ~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"TimeInputRange.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport TimeInput from './TimeInput'\nimport CloseButton from '../CloseButton'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport Input from '../Input/Input'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { RefObject, Ref, ReactNode } from 'react'\n\ntype Value = [Date \| null, Date \| null]\n\nexport interface TimeInputRangeProps extends CommonProps {\n amLabel?: string\n amPmPlaceholder?: string\n clearable?: boolean\n defaultValue?: Value\n disabled?: boolean\n format?: '12' \| '24'\n id?: string\n invalid?: boolean\n name?: string\n nextRef?: RefObject<HTMLInputElement \| null>\n onChange?: (value: Value) => void\n pmLabel?: string\n prefix?: string \| ReactNode\n ref?: Ref<HTMLInputElement>\n showSeconds?: boolean\n seperator?: string\n size?: TypeAttributes.ControlSize\n suffix?: string \| ReactNode\n timeFieldPlaceholder?: string\n timeFieldClass?: string\n value?: Value\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n field?: any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n form?: any\n}\n\nconst TimeInputRange = (props: TimeInputRangeProps) => {\n const {\n amPmPlaceholder = 'am',\n clearable = false,\n className,\n defaultValue = [null, null],\n disabled = false,\n format = '24',\n id,\n invalid,\n name,\n onChange,\n prefix,\n ref = null,\n seperator = '~',\n showSeconds = false,\n size,\n style,\n suffix = <HiOutlineClock className=\"text-lg\" />,\n timeFieldPlaceholder = '--',\n value,\n ...rest\n } = props\n\n const uuid = useUniqueId(id)\n\n const fromTimeRef = useRef<HTMLInputElement>(undefined)\n const toTimeRef = useRef<HTMLInputElement>(undefined)\n const [_value, setValue] = useState(value ?? defaultValue)\n\n useDidUpdate(() => {\n typeof onChange === 'function' && onChange(_value)\n }, [_value])\n\n useDidUpdate(() => {\n if (\n value &&\n (value[0]?.getTime() !== _value[0]?.getTime() \|\|\n value[1]?.getTime() !== _value[1]?.getTime())\n ) {\n setValue(value)\n }\n }, [value])\n\n const handleClear = () => {\n setValue([null, null])\n fromTimeRef.current?.focus()\n }\n\n const suffixSlot =\n clearable && _value ? (\n <CloseButton onClick={handleClear} />\n ) : (\n <>{suffix}</>\n )\n\n const forwardProps = {\n amPmPlaceholder,\n disabled,\n format,\n size,\n timeFieldPlaceholder,\n showSeconds,\n }\n\n return (\n <Input\n asElement=\"div\"\n invalid={invalid}\n size={size}\n className={className}\n style={style}\n disabled={disabled}\n suffix={suffixSlot}\n prefix={prefix}\n onClick={() => {\n fromTimeRef.current?.focus()\n }}\n {...rest}\n >\n <div className=\"time-input-wrapper\">\n <TimeInput\n ref={useMergedRef(\n fromTimeRef as Ref<HTMLInputElement>,\n ref,\n )}\n unstyle\n value={_value[0]}\n name={name}\n nextRef={toTimeRef as RefObject<HTMLInputElement \| null>}\n id={uuid}\n clearable={false}\n suffix={null}\n onChange={(date) => setValue([date, _value[1]])}\n {...forwardProps}\n />\n\n <span className=\"time-input-separator\">{seperator}</span>\n\n <TimeInput\n ref={toTimeRef as Ref<HTMLInputElement>}\n unstyle\n value={_value[1]}\n clearable={false}\n suffix={null}\n onChange={(date) => setValue([_value[0], date])}\n {...forwardProps}\n />\n </div>\n </Input>\n )\n}\n\nexport default TimeInputRange\n"],"names":["TimeInputRange","props","amPmPlaceholder","clearable","className","defaultValue","disabled","format","id","invalid","name","onChange","prefix","ref","seperator","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","value","rest","uuid","useUniqueId","fromTimeRef","useRef","toTimeRef","_value","setValue","useState","useDidUpdate","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":";;;;;;;;;;AAyCM,MAAAA,IAAiB,CAACC,MAA+B;AAC7C,QAAA;AAAA,IACF,iBAAAC,IAAkB;AAAA,IAClB,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,cAAAC,IAAe,CAAC,MAAM,IAAI;AAAA,IAC1B,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC,IAAS,gBAAAC,EAACC,GAAe,EAAA,WAAU,UAAU,CAAA;AAAA,IAC7C,sBAAAC,IAAuB;AAAA,IACvB,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHtB,GAEEuB,IAAOC,EAAYjB,CAAE,GAErBkB,IAAcC,EAAyB,MAAS,GAChDC,IAAYD,EAAyB,MAAS,GAC9C,CAACE,GAAQC,CAAQ,IAAIC,EAAST,KAASjB,CAAY;AAEzD,EAAA2B,EAAa,MAAM;AACR,WAAArB,KAAa,cAAcA,EAASkB,CAAM;AAAA,EAAA,GAClD,CAACA,CAAM,CAAC,GAEXG,EAAa,MAAM;AAEX,IAAAV,MACCA,EAAM,CAAC,GAAG,cAAcO,EAAO,CAAC,GAAG,aAChCP,EAAM,CAAC,GAAG,QAAQ,MAAMO,EAAO,CAAC,GAAG,cAEvCC,EAASR,CAAK;AAAA,EAClB,GACD,CAACA,CAAK,CAAC;AAOJ,QAAAW,IACF9B,KAAa0B,IACT,gBAAAV,EAACe,KAAY,SAPD,MAAM;AACb,IAAAJ,EAAA,CAAC,MAAM,IAAI,CAAC,GACrBJ,EAAY,SAAS,MAAM;AAAA,EAC/B,EAI2C,CAAA,IAEnC,gBAAAP,EAAAgB,GAAA,EAAG,UAAOjB,EAAA,CAAA,GAGZkB,IAAe;AAAA,IACjB,iBAAAlC;AAAA,IACA,UAAAI;AAAA,IACA,QAAAC;AAAA,IACA,MAAAS;AAAA,IACA,sBAAAK;AAAA,IACA,aAAAN;AAAA,EACJ;AAGI,SAAA,gBAAAI;AAAA,IAACkB;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAA5B;AAAA,MACA,MAAAO;AAAA,MACA,WAAAZ;AAAA,MACA,OAAAa;AAAA,MACA,UAAAX;AAAA,MACA,QAAQ2B;AAAA,MACR,QAAArB;AAAA,MACA,SAAS,MAAM;AACX,QAAAc,EAAY,SAAS,MAAM;AAAA,MAC/B;AAAA,MACC,GAAGH;AAAA,MAEJ,UAAA,gBAAAe,EAAC,OAAI,EAAA,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAnB;AAAA,UAACoB;AAAA,UAAA;AAAA,YACG,KAAKC;AAAAA,cACDd;AAAA,cACAb;AAAA,YACJ;AAAA,YACA,SAAO;AAAA,YACP,OAAOgB,EAAO,CAAC;AAAA,YACf,MAAAnB;AAAA,YACA,SAASkB;AAAA,YACT,IAAIJ;AAAA,YACJ,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAACiB,MAASX,EAAS,CAACW,GAAMZ,EAAO,CAAC,CAAC,CAAC;AAAA,YAC7C,GAAGO;AAAA,UAAA;AAAA,QACR;AAAA,QAEC,gBAAAjB,EAAA,QAAA,EAAK,WAAU,wBAAwB,UAAUL,GAAA;AAAA,QAElD,gBAAAK;AAAA,UAACoB;AAAA,UAAA;AAAA,YACG,KAAKX;AAAA,YACL,SAAO;AAAA,YACP,OAAOC,EAAO,CAAC;AAAA,YACf,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAACY,MAASX,EAAS,CAACD,EAAO,CAAC,GAAGY,CAAI,CAAC;AAAA,YAC7C,GAAGL;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/ui/TimeInput/utils/clamp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clamp.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max)\n}\n"],"names":["clamp","value","min","max"],"mappings":"~~AAAO~~,~~SAASA~~,EAAMC,GAAeC,GAAaC,GAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAC7C;"}
1	+ {"version":3,"file":"clamp.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max)\n}\n"],"names":["clamp","value","min","max"],"mappings":"AAAgB,SAAAA,EAAMC,GAAeC,GAAaC,GAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAC7C;"}

package/dist/@ecme/components/ui/TimeInput/utils/createAmPmHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\ntype CreateAmPmHandlerParams = {\n amLabel: string\n pmLabel: string\n onChange(value: string): void\n nextRef?: RefObject<HTMLInputElement \| null>\n}\n\nexport function createAmPmHandler({\n amLabel,\n pmLabel,\n onChange,\n nextRef,\n}: CreateAmPmHandlerParams) {\n return (value: string, triggerShift: boolean) => {\n const testRegex = new RegExp(`(^(${amLabel}\|${pmLabel})?$)`)\n const valLower = value.toLowerCase()\n\n if (valLower === amLabel \|\| valLower === pmLabel) {\n onChange(valLower)\n triggerShift && nextRef?.current?.focus()\n triggerShift && nextRef?.current?.select()\n return\n }\n\n if (!testRegex.test(valLower)) {\n return\n }\n\n onChange(valLower)\n }\n}\n"],"names":["createAmPmHandler","amLabel","pmLabel","onChange","nextRef","value","triggerShift","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;~~AACxB~~,~~SAAO~~,CAACC,GAAeC,MAA0B;AAC7C,UAAMC,IAAY,IAAI,OAAO,MAAMN,CAAO,IAAIC,CAAO,MAAM,GACrDM,IAAWH,EAAM,~~YAAA~~;~~AAEvB~~,~~QAAIG~~,MAAaP,KAAWO,MAAaN,GAAS;AAC9C,MAAAC,EAASK,CAAQ,~~GACjBF~~,~~KAAgBF~~,GAAS,SAAS,~~MAAA~~,~~GAClCE~~,~~KAAgBF~~,GAAS,SAAS,~~OAAA~~;~~AAClC~~;AAAA,~~IACJ~~;~~AAEA~~,IAAKG,EAAU,KAAKC,CAAQ,KAI5BL,EAASK,CAAQ;AAAA,EACrB;AACJ;"}
1	+ {"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\ntype CreateAmPmHandlerParams = {\n amLabel: string\n pmLabel: string\n onChange(value: string): void\n nextRef?: RefObject<HTMLInputElement \| null>\n}\n\nexport function createAmPmHandler({\n amLabel,\n pmLabel,\n onChange,\n nextRef,\n}: CreateAmPmHandlerParams) {\n return (value: string, triggerShift: boolean) => {\n const testRegex = new RegExp(`(^(${amLabel}\|${pmLabel})?$)`)\n const valLower = value.toLowerCase()\n\n if (valLower === amLabel \|\| valLower === pmLabel) {\n onChange(valLower)\n triggerShift && nextRef?.current?.focus()\n triggerShift && nextRef?.current?.select()\n return\n }\n\n if (!testRegex.test(valLower)) {\n return\n }\n\n onChange(valLower)\n }\n}\n"],"names":["createAmPmHandler","amLabel","pmLabel","onChange","nextRef","value","triggerShift","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACjB,SAAA,CAACC,GAAeC,MAA0B;AAC7C,UAAMC,IAAY,IAAI,OAAO,MAAMN,CAAO,IAAIC,CAAO,MAAM,GACrDM,IAAWH,EAAM,YAAY;AAE/B,QAAAG,MAAaP,KAAWO,MAAaN,GAAS;AAC9C,MAAAC,EAASK,CAAQ,GACDF,KAAAF,GAAS,SAAS,MAAM,GACxBE,KAAAF,GAAS,SAAS,OAAO;AACzC;AAAA,IAAA;AAGJ,IAAKG,EAAU,KAAKC,CAAQ,KAI5BL,EAASK,CAAQ;AAAA,EACrB;AACJ;"}

package/dist/@ecme/components/ui/TimeInput/utils/createTimeHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\nimport { clamp } from './clamp'\nimport type { RefObject } from 'react'\n\nfunction allButLastDigit(value: number) {\n return Math.floor(value / 10)\n}\n\ntype CreateTimeHandlerParams = {\n onChange(value: string, carryOver?: string): void\n nextRef?: RefObject<HTMLInputElement \| null>\n min: number\n max: number\n nextMax?: number\n}\n\nexport function createTimeHandler({\n onChange,\n nextRef,\n min,\n max,\n nextMax,\n}: CreateTimeHandlerParams) {\n return (\n value: string,\n triggerShift: boolean,\n forceTriggerShift = false,\n ) => {\n const parsed = parseInt(value, 10)\n\n if (Number.isNaN(parsed)) {\n return\n }\n\n if (parsed > allButLastDigit(max) \|\| forceTriggerShift) {\n const lastDigit = parsed % 10\n\n let updatedValue\n let carryOver\n\n if (\n parsed > max &&\n nextMax &&\n lastDigit <= allButLastDigit(nextMax)\n ) {\n updatedValue = padTime(allButLastDigit(parsed).toString())\n carryOver = padTime(lastDigit.toString())\n } else {\n updatedValue = padTime(clamp(parsed, min, max).toString())\n }\n\n onChange(updatedValue, carryOver)\n triggerShift && nextRef?.current?.focus()\n triggerShift && nextRef?.current?.select()\n return\n }\n\n onChange(parsed.toString())\n }\n}\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;~~AACpC~~,~~SAAO~~,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;~~AACD~~,~~UAAMC~~,IAAS,SAAST,GAAO,EAAE;~~AAEjC~~,~~QAAI~~,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;~~AAE3B~~,~~YAAIE~~,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,~~GACzDG~~,~~IAAYC~~,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,~~GAChCL~~,~~KAAgBJ~~,GAAS,SAAS,~~MAAA~~,~~GAClCI~~,~~KAAgBJ~~,GAAS,SAAS,~~OAAA~~;~~AAClC~~;AAAA,~~MACJ~~;~~AAEA~~,MAAAD,~~EAASO~~,EAAO,UAAU;AAAA;AAAA,EAC9B;AACJ;"}
1	+ {"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\nimport { clamp } from './clamp'\nimport type { RefObject } from 'react'\n\nfunction allButLastDigit(value: number) {\n return Math.floor(value / 10)\n}\n\ntype CreateTimeHandlerParams = {\n onChange(value: string, carryOver?: string): void\n nextRef?: RefObject<HTMLInputElement \| null>\n min: number\n max: number\n nextMax?: number\n}\n\nexport function createTimeHandler({\n onChange,\n nextRef,\n min,\n max,\n nextMax,\n}: CreateTimeHandlerParams) {\n return (\n value: string,\n triggerShift: boolean,\n forceTriggerShift = false,\n ) => {\n const parsed = parseInt(value, 10)\n\n if (Number.isNaN(parsed)) {\n return\n }\n\n if (parsed > allButLastDigit(max) \|\| forceTriggerShift) {\n const lastDigit = parsed % 10\n\n let updatedValue\n let carryOver\n\n if (\n parsed > max &&\n nextMax &&\n lastDigit <= allButLastDigit(nextMax)\n ) {\n updatedValue = padTime(allButLastDigit(parsed).toString())\n carryOver = padTime(lastDigit.toString())\n } else {\n updatedValue = padTime(clamp(parsed, min, max).toString())\n }\n\n onChange(updatedValue, carryOver)\n triggerShift && nextRef?.current?.focus()\n triggerShift && nextRef?.current?.select()\n return\n }\n\n onChange(parsed.toString())\n }\n}\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;AAC7B,SAAA,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;AACK,UAAAC,IAAS,SAAST,GAAO,EAAE;AAE7B,QAAA,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;AAEvB,YAAAE,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,GAC7CG,IAAAC,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,GAChBL,KAAAJ,GAAS,SAAS,MAAM,GACxBI,KAAAJ,GAAS,SAAS,OAAO;AACzC;AAAA,MAAA;AAGK,MAAAD,EAAAO,EAAO,UAAU;AAAA;AAAA,EAC9B;AACJ;"}

package/dist/@ecme/components/ui/TimeInput/utils/getDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getDate.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getDate.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\nexport function getDate(\n hours: string,\n minutes: string,\n seconds: string,\n format: '12' \| '24',\n pmLabel: string,\n amPm?: string,\n) {\n const date = dayjs()\n let _hours = parseInt(hours, 10)\n const _minutes = parseInt(minutes, 10)\n const _seconds = parseInt(seconds, 10)\n\n if (Number.isNaN(_hours)) {\n _hours = 0\n }\n\n if (format === '12') {\n _hours %= 12\n if (amPm === pmLabel) {\n _hours += 12\n }\n }\n\n return date\n .hour(_hours)\n .minute(Number.isNaN(_minutes) ? 0 : _minutes)\n .second(Number.isNaN(_seconds) ? 0 : _seconds)\n .millisecond(0)\n .toDate()\n}\n"],"names":["getDate","hours","minutes","seconds","format","pmLabel","amPm","date","dayjs","_hours","_minutes","_seconds"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAOC,~~EAAA~~;~~AACb~~,~~MAAIC~~,IAAS,SAASR,GAAO,EAAE;~~AAC/B~~,~~QAAMS~~,IAAW,SAASR,GAAS,EAAE,GAC/BS,IAAW,SAASR,GAAS,EAAE;~~AAErC~~,~~SAAI~~,OAAO,MAAMM,CAAM,~~MACnBA~~,~~IAAS~~,IAGTL,MAAW,~~SACXK~~,~~KAAU~~,IACNH,MAASD,~~MACTI~~,~~KAAU~~,MAIXF,EACF,KAAKE,CAAM,EACX,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,YAAY,CAAC,EACb,~~OAAA~~;~~AACT~~;"}
1	+ {"version":3,"file":"getDate.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getDate.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\nexport function getDate(\n hours: string,\n minutes: string,\n seconds: string,\n format: '12' \| '24',\n pmLabel: string,\n amPm?: string,\n) {\n const date = dayjs()\n let _hours = parseInt(hours, 10)\n const _minutes = parseInt(minutes, 10)\n const _seconds = parseInt(seconds, 10)\n\n if (Number.isNaN(_hours)) {\n _hours = 0\n }\n\n if (format === '12') {\n _hours %= 12\n if (amPm === pmLabel) {\n _hours += 12\n }\n }\n\n return date\n .hour(_hours)\n .minute(Number.isNaN(_minutes) ? 0 : _minutes)\n .second(Number.isNaN(_seconds) ? 0 : _seconds)\n .millisecond(0)\n .toDate()\n}\n"],"names":["getDate","hours","minutes","seconds","format","pmLabel","amPm","date","dayjs","_hours","_minutes","_seconds"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAOC,EAAM;AACf,MAAAC,IAAS,SAASR,GAAO,EAAE;AACzB,QAAAS,IAAW,SAASR,GAAS,EAAE,GAC/BS,IAAW,SAASR,GAAS,EAAE;AAEjC,SAAA,OAAO,MAAMM,CAAM,MACVA,IAAA,IAGTL,MAAW,SACDK,KAAA,IACNH,MAASD,MACCI,KAAA,MAIXF,EACF,KAAKE,CAAM,EACX,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,OAAO,OAAO,MAAMC,CAAQ,IAAI,IAAIA,CAAQ,EAC5C,YAAY,CAAC,EACb,OAAO;AAChB;"}

package/dist/@ecme/components/ui/TimeInput/utils/getTimeValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getTimeValues.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getTimeValues.ts"],"sourcesContent":["import { padTime } from './padTime'\n\nexport function getTimeValues(\n value: Date,\n format: '12' \| '24',\n amLabel: string,\n pmLabel: string,\n) {\n if (!(value instanceof Date)) {\n return { hours: '', minutes: '', seconds: '', amPm: '' }\n }\n\n let _hours = value.getHours()\n\n const isPm = _hours >= 12\n if (format === '12') {\n _hours %= 12\n if (_hours === 0) {\n _hours += 12\n }\n }\n\n return {\n hours: padTime(_hours.toString()),\n minutes: padTime(value.getMinutes().toString()),\n seconds: padTime(value.getSeconds().toString()),\n amPm: isPm ? pmLabel : amLabel,\n }\n}\n"],"names":["getTimeValues","value","format","amLabel","pmLabel","_hours","isPm","padTime"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;~~AACE~~,~~MAAI~~,EAAEH,aAAiB;~~AACnB~~,~~WAAO~~,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,~~GAAA~~;~~AAGxD~~,~~MAAII~~,IAASJ,EAAM,~~SAAA~~;~~AAEnB~~,QAAMK,IAAOD,KAAU;AACvB,SAAIH,MAAW,~~SACXG~~,~~KAAU~~,IACNA,MAAW,~~MACXA~~,~~KAAU~~,MAIX;AAAA,IACH,OAAOE,EAAQF,EAAO,UAAU;AAAA,IAChC,SAASE,EAAQN,EAAM,~~WAAA~~,~~EAAa~~,UAAU;AAAA,IAC9C,SAASM,EAAQN,EAAM,~~WAAA~~,~~EAAa~~,UAAU;AAAA,IAC9C,MAAMK,IAAOF,IAAUD;AAAA,~~EAAA~~;~~AAE/B~~;"}
1	+ {"version":3,"file":"getTimeValues.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getTimeValues.ts"],"sourcesContent":["import { padTime } from './padTime'\n\nexport function getTimeValues(\n value: Date,\n format: '12' \| '24',\n amLabel: string,\n pmLabel: string,\n) {\n if (!(value instanceof Date)) {\n return { hours: '', minutes: '', seconds: '', amPm: '' }\n }\n\n let _hours = value.getHours()\n\n const isPm = _hours >= 12\n if (format === '12') {\n _hours %= 12\n if (_hours === 0) {\n _hours += 12\n }\n }\n\n return {\n hours: padTime(_hours.toString()),\n minutes: padTime(value.getMinutes().toString()),\n seconds: padTime(value.getSeconds().toString()),\n amPm: isPm ? pmLabel : amLabel,\n }\n}\n"],"names":["getTimeValues","value","format","amLabel","pmLabel","_hours","isPm","padTime"],"mappings":";AAEO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AACM,MAAA,EAAEH,aAAiB;AACZ,WAAA,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,GAAG;AAGvD,MAAAI,IAASJ,EAAM,SAAS;AAE5B,QAAMK,IAAOD,KAAU;AACvB,SAAIH,MAAW,SACDG,KAAA,IACNA,MAAW,MACDA,KAAA,MAIX;AAAA,IACH,OAAOE,EAAQF,EAAO,UAAU;AAAA,IAChC,SAASE,EAAQN,EAAM,WAAW,EAAE,UAAU;AAAA,IAC9C,SAASM,EAAQN,EAAM,WAAW,EAAE,UAAU;AAAA,IAC9C,MAAMK,IAAOF,IAAUD;AAAA,EAC3B;AACJ;"}

package/dist/@ecme/components/ui/TimeInput/utils/padTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"padTime.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/padTime.ts"],"sourcesContent":["export function padTime(value: string) {\n const _val = parseInt(value, 10)\n return _val >= 10 ? _val.toString() : `0${_val}`\n}\n"],"names":["padTime","value","_val"],"mappings":"AAAO,SAASA,EAAQC,GAAe;~~AACnC~~,~~QAAMC~~,IAAO,SAASD,GAAO,EAAE;AAC/B,SAAOC,KAAQ,KAAKA,EAAK,~~SAAA~~,~~IAAa~~,IAAIA,CAAI;AAClD;"}
1	+ {"version":3,"file":"padTime.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/padTime.ts"],"sourcesContent":["export function padTime(value: string) {\n const _val = parseInt(value, 10)\n return _val >= 10 ? _val.toString() : `0${_val}`\n}\n"],"names":["padTime","value","_val"],"mappings":"AAAO,SAASA,EAAQC,GAAe;AAC7B,QAAAC,IAAO,SAASD,GAAO,EAAE;AAC/B,SAAOC,KAAQ,KAAKA,EAAK,SAAS,IAAI,IAAIA,CAAI;AAClD;"}

package/dist/@ecme/components/ui/Timeline/TimeLineItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeLineItem.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/TimeLineItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TimeLineItemProps extends CommonProps {\n isLast?: boolean\n media?: string \| ReactNode\n ref?: Ref<HTMLLIElement>\n}\n\nconst TimeLineItem = (props: TimeLineItemProps) => {\n const { children, className, isLast, media, ref } = props\n\n return (\n <li\n ref={ref}\n className={classNames(\n 'timeline-item',\n isLast ? 'timeline-item-last' : '',\n className,\n )}\n >\n <div className=\"timeline-item-wrapper\">\n <div className=\"timeline-item-media\">\n <div className=\"timeline-item-media-content\">\n {media \|\| (\n <div className=\"timeline-item-media-default\" />\n )}\n </div>\n {!isLast && <div className=\"timeline-connect\" />}\n </div>\n <div\n className={classNames(\n 'timeline-item-content',\n isLast && 'timeline-item-content-last',\n )}\n >\n {children}\n </div>\n </div>\n </li>\n )\n}\n\nexport default TimeLineItem\n"],"names":["TimeLineItem","props","children","className","isLast","media","ref","jsx","classNames","jsxs"],"mappings":";;~~AAUA~~,~~MAAMA~~,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,KAAAC,MAAQL;~~AAEpD~~,~~SACI~~,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAJ,IAAS,uBAAuB;AAAA,QAChCD;AAAA,~~MAAA~~;AAAA,~~MAGJ~~,UAAA,gBAAAM,EAAC,~~OAAA~~,~~EAAI~~,WAAU,yBACX,UAAA;AAAA,~~QAAA~~,gBAAAA,~~EAAC~~,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,~~UAAA~~,gBAAAF,~~EAAC~~,OAAA,EAAI,WAAU,+BACV,UAAAF,uBACI,~~OAAA~~,~~EAAI~~,WAAU,+BAA8B,~~EAAA~~,~~CAErD~~;AAAA,UACC,CAACD,~~KAAU~~,gBAAAG,~~EAAC~~,OAAA,EAAI,WAAU,~~mBAAA~~,~~CAAmB~~;AAAA,QAAA,GAClD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACAJ,KAAU;AAAA,~~YAAA~~;AAAA,~~YAGb~~,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,~~EAAA~~,~~CACJ~~;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGZ~~;"}
1	+ {"version":3,"file":"TimeLineItem.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/TimeLineItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TimeLineItemProps extends CommonProps {\n isLast?: boolean\n media?: string \| ReactNode\n ref?: Ref<HTMLLIElement>\n}\n\nconst TimeLineItem = (props: TimeLineItemProps) => {\n const { children, className, isLast, media, ref } = props\n\n return (\n <li\n ref={ref}\n className={classNames(\n 'timeline-item',\n isLast ? 'timeline-item-last' : '',\n className,\n )}\n >\n <div className=\"timeline-item-wrapper\">\n <div className=\"timeline-item-media\">\n <div className=\"timeline-item-media-content\">\n {media \|\| (\n <div className=\"timeline-item-media-default\" />\n )}\n </div>\n {!isLast && <div className=\"timeline-connect\" />}\n </div>\n <div\n className={classNames(\n 'timeline-item-content',\n isLast && 'timeline-item-content-last',\n )}\n >\n {children}\n </div>\n </div>\n </li>\n )\n}\n\nexport default TimeLineItem\n"],"names":["TimeLineItem","props","children","className","isLast","media","ref","jsx","classNames","jsxs"],"mappings":";;AAUM,MAAAA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,KAAAC,MAAQL;AAGhD,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,WAAWE;AAAA,QACP;AAAA,QACAJ,IAAS,uBAAuB;AAAA,QAChCD;AAAA,MACJ;AAAA,MAEA,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,yBACX,UAAA;AAAA,QAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,UAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,+BACV,UAAAF,uBACI,OAAI,EAAA,WAAU,+BAA8B,EAErD,CAAA;AAAA,UACC,CAACD,KAAW,gBAAAG,EAAA,OAAA,EAAI,WAAU,mBAAmB,CAAA;AAAA,QAAA,GAClD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACAJ,KAAU;AAAA,YACd;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/ui/Timeline/Timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timeline.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/Timeline.tsx"],"sourcesContent":["import { Children } from 'react'\nimport classNames from 'classnames'\nimport mapCloneElement from '../utils/mapCloneElement'\nimport type { DetailedReactHTMLElement, Ref } from 'react'\nimport type { CommonProps } from '../@types/common'\n\nexport type TimelineProps = CommonProps & {\n ref?: Ref<HTMLUListElement>\n}\n\nconst Timeline = (props: TimelineProps) => {\n const { children, className, ref } = props\n\n const count = Children.count(children)\n\n const items = mapCloneElement(\n children,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (item: DetailedReactHTMLElement<any, HTMLElement>, index: number) => ({\n isLast: index === count - 1,\n ...item.props,\n }),\n )\n\n return (\n <ul ref={ref} className={classNames('timeline', className)}>\n {items}\n </ul>\n )\n}\n\nexport default Timeline\n"],"names":["Timeline","props","children","className","ref","count","Children","items","mapCloneElement","item","index","jsx","classNames"],"mappings":";;;;~~AAUA~~,~~MAAMA~~,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,~~EAAA~~,~~IAAQH~~,GAE/BI,IAAQC,EAAS,MAAMJ,CAAQ,GAE/BK,IAAQC;AAAA,IACVN;AAAA;AAAA,IAEA,CAACO,GAAkDC,OAAmB;AAAA,MAClE,QAAQA,MAAUL,IAAQ;AAAA,MAC1B,GAAGI,EAAK;AAAA,~~IAAA~~;AAAA,~~EACZ~~;~~AAGJ~~,~~SACI~~,gBAAAE,EAAC,QAAG,KAAAP,GAAU,WAAWQ,EAAW,YAAYT,CAAS,GACpD,~~UAAAI~~,EAAA,~~CACL~~;AAER;"}
1	+ {"version":3,"file":"Timeline.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/Timeline.tsx"],"sourcesContent":["import { Children } from 'react'\nimport classNames from 'classnames'\nimport mapCloneElement from '../utils/mapCloneElement'\nimport type { DetailedReactHTMLElement, Ref } from 'react'\nimport type { CommonProps } from '../@types/common'\n\nexport type TimelineProps = CommonProps & {\n ref?: Ref<HTMLUListElement>\n}\n\nconst Timeline = (props: TimelineProps) => {\n const { children, className, ref } = props\n\n const count = Children.count(children)\n\n const items = mapCloneElement(\n children,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (item: DetailedReactHTMLElement<any, HTMLElement>, index: number) => ({\n isLast: index === count - 1,\n ...item.props,\n }),\n )\n\n return (\n <ul ref={ref} className={classNames('timeline', className)}>\n {items}\n </ul>\n )\n}\n\nexport default Timeline\n"],"names":["Timeline","props","children","className","ref","count","Children","items","mapCloneElement","item","index","jsx","classNames"],"mappings":";;;;AAUM,MAAAA,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,EAAQ,IAAAH,GAE/BI,IAAQC,EAAS,MAAMJ,CAAQ,GAE/BK,IAAQC;AAAA,IACVN;AAAA;AAAA,IAEA,CAACO,GAAkDC,OAAmB;AAAA,MAClE,QAAQA,MAAUL,IAAQ;AAAA,MAC1B,GAAGI,EAAK;AAAA,IACZ;AAAA,EACJ;AAGI,SAAA,gBAAAE,EAAC,QAAG,KAAAP,GAAU,WAAWQ,EAAW,YAAYT,CAAS,GACpD,UACLI,EAAA,CAAA;AAER;"}

package/dist/@ecme/components/ui/Tooltip/Arrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Arrow.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Arrow.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n BsFillCaretDownFill,\n BsFillCaretLeftFill,\n BsFillCaretUpFill,\n BsFillCaretRightFill,\n} from 'react-icons/bs'\n\nexport type ArrowPlacement =\n \| 'top'\n \| 'top-start'\n \| 'top-end'\n \| 'bottom'\n \| 'bottom-start'\n \| 'bottom-end'\n \| 'right'\n \| 'right-start'\n \| 'right-end'\n \| 'left'\n \| 'left-start'\n \| 'left-end'\n\ninterface ArrowProps {\n placement: ArrowPlacement\n color: string\n}\n\nconst Arrow = ({ placement, color }: ArrowProps) => {\n const arrowDefaultClass = `absolute ${color}`\n\n const getArrow = () => {\n switch (placement) {\n case 'top':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 w-full left-0',\n )}\n />\n )\n case 'top-start':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 left-0 ml-3',\n )}\n />\n )\n case 'top-end':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 right-0 mr-3',\n )}\n />\n )\n case 'right':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 top-1/2 transform -translate-y-1/2',\n )}\n />\n )\n case 'right-start':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 top-2',\n )}\n />\n )\n case 'right-end':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 bottom-2',\n )}\n />\n )\n case 'bottom':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 w-full left-0',\n )}\n />\n )\n case 'bottom-start':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 left-0 ml-3',\n )}\n />\n )\n case 'bottom-end':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 right-0 mr-3',\n )}\n />\n )\n case 'left':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 top-1/2 transform -translate-y-1/2',\n )}\n />\n )\n case 'left-start':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 top-2',\n )}\n />\n )\n case 'left-end':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 bottom-2',\n )}\n />\n )\n default:\n break\n }\n }\n\n return <div>{getArrow()}</div>\n}\n\nexport default Arrow\n"],"names":["Arrow","placement","color","arrowDefaultClass","jsx","BsFillCaretDownFill","classNames","BsFillCaretLeftFill","BsFillCaretUpFill","BsFillCaretRightFill"],"mappings":";;;AA2BA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAwB;~~AAChD~~,~~QAAMC~~,IAAoB,YAAYD,CAAK;~~AAqH3C~~,~~SAAO~~,gBAAAE,EAAC,~~OAAA~~,~~EAAK~~,WAnHI,MAAM;AACnB,YAAQH,~~GAAA~~;AAAA,~~MACJ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~,KAAK;~~AACD~~,~~eACI~~,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QAAA~~;AAAA,~~MAGZ~~;AACI;AAAA,IAAA;AAAA,EAEZ,~~GAEa~~,~~EAAS~~,~~CAAE~~;AAC5B;"}
1	+ {"version":3,"file":"Arrow.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Arrow.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n BsFillCaretDownFill,\n BsFillCaretLeftFill,\n BsFillCaretUpFill,\n BsFillCaretRightFill,\n} from 'react-icons/bs'\n\nexport type ArrowPlacement =\n \| 'top'\n \| 'top-start'\n \| 'top-end'\n \| 'bottom'\n \| 'bottom-start'\n \| 'bottom-end'\n \| 'right'\n \| 'right-start'\n \| 'right-end'\n \| 'left'\n \| 'left-start'\n \| 'left-end'\n\ninterface ArrowProps {\n placement: ArrowPlacement\n color: string\n}\n\nconst Arrow = ({ placement, color }: ArrowProps) => {\n const arrowDefaultClass = `absolute ${color}`\n\n const getArrow = () => {\n switch (placement) {\n case 'top':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 w-full left-0',\n )}\n />\n )\n case 'top-start':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 left-0 ml-3',\n )}\n />\n )\n case 'top-end':\n return (\n <BsFillCaretDownFill\n className={classNames(\n arrowDefaultClass,\n '-bottom-2 right-0 mr-3',\n )}\n />\n )\n case 'right':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 top-1/2 transform -translate-y-1/2',\n )}\n />\n )\n case 'right-start':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 top-2',\n )}\n />\n )\n case 'right-end':\n return (\n <BsFillCaretLeftFill\n className={classNames(\n arrowDefaultClass,\n '-left-2 bottom-2',\n )}\n />\n )\n case 'bottom':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 w-full left-0',\n )}\n />\n )\n case 'bottom-start':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 left-0 ml-3',\n )}\n />\n )\n case 'bottom-end':\n return (\n <BsFillCaretUpFill\n className={classNames(\n arrowDefaultClass,\n '-top-2 right-0 mr-3',\n )}\n />\n )\n case 'left':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 top-1/2 transform -translate-y-1/2',\n )}\n />\n )\n case 'left-start':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 top-2',\n )}\n />\n )\n case 'left-end':\n return (\n <BsFillCaretRightFill\n className={classNames(\n arrowDefaultClass,\n '-right-2 bottom-2',\n )}\n />\n )\n default:\n break\n }\n }\n\n return <div>{getArrow()}</div>\n}\n\nexport default Arrow\n"],"names":["Arrow","placement","color","arrowDefaultClass","jsx","BsFillCaretDownFill","classNames","BsFillCaretLeftFill","BsFillCaretUpFill","BsFillCaretRightFill"],"mappings":";;;AA2BA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAwB;AAC1C,QAAAC,IAAoB,YAAYD,CAAK;AAqHpC,SAAA,gBAAAE,EAAC,OAAK,EAAA,WAnHI,MAAM;AACnB,YAAQH,GAAW;AAAA,MACf,KAAK;AAEG,eAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER,KAAK;AAEG,eAAA,gBAAAC;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,WAAWH;AAAA,cACPH;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,MAER;AACI;AAAA,IAAA;AAAA,EAEZ,GAEwB,EAAA,CAAA;AAC5B;"}

package/dist/@ecme/components/ui/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport Arrow from './Arrow'\nimport type { CommonProps } from '../@types/common'\nimport type { ArrowPlacement } from './Arrow'\nimport type { ReactNode } from 'react'\nimport {\n useFloating,\n autoUpdate,\n offset,\n flip,\n shift,\n useHover,\n useFocus,\n useDismiss,\n useRole,\n useInteractions,\n FloatingPortal,\n safePolygon, // Adicione esta importação\n} from '@floating-ui/react'\n\nexport interface TooltipProps extends CommonProps {\n isOpen?: boolean\n placement?: ArrowPlacement\n title: string \| ReactNode\n wrapperClass?: string\n disabled?: boolean\n interactive?: boolean // Nova prop para controlar se o tooltip é interativo\n}\n\nconst Tooltip = (props: TooltipProps) => {\n const {\n className,\n children,\n isOpen = false,\n placement = 'top',\n title,\n wrapperClass,\n disabled,\n interactive = false, // Por padrão false para manter compatibilidade\n } = props\n\n const [tooltipOpen, setTooltipOpen] = useState<boolean>(isOpen)\n\n const tooltipColor = {\n background: 'bg-gray-800 dark:bg-black',\n arrow: 'text-gray-800 dark:text-black',\n }\n\n const defaultTooltipClass = `tooltip ${tooltipColor.background}`\n\n const { refs, floatingStyles, context } = useFloating({\n open: tooltipOpen,\n onOpenChange: (open) => {\n if (!disabled) {\n setTooltipOpen(open)\n }\n },\n placement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(7),\n flip({\n fallbackAxisSideDirection: 'start',\n }),\n shift(),\n ],\n })\n\n // Configure o hover baseado se o tooltip é interativo ou não\n const hover = useHover(context, {\n move: false,\n ...(interactive && {\n handleClose: safePolygon({\n blockPointerEvents: true,\n }),\n }),\n })\n\n const focus = useFocus(context)\n const dismiss = useDismiss(context)\n const role = useRole(context, { role: 'tooltip' })\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n hover,\n focus,\n dismiss,\n role,\n ])\n\n return (\n <>\n <span\n ref={refs.setReference}\n {...getReferenceProps()}\n className={classNames('tooltip-wrapper', wrapperClass)}\n >\n {children}\n </span>\n <FloatingPortal>\n {tooltipOpen && (\n <AnimatePresence>\n <motion.div\n ref={refs.setFloating}\n className={classNames(\n defaultTooltipClass,\n className,\n interactive && 'cursor-auto' // Adiciona cursor normal para tooltips interativos\n )}\n initial={{\n opacity: 0,\n visibility: 'hidden',\n }}\n animate={\n tooltipOpen\n ? {\n opacity: 1,\n visibility: 'visible',\n }\n : {\n opacity: 0,\n visibility: 'hidden',\n }\n }\n transition={{\n duration: 0.15,\n type: 'tween',\n }}\n style={floatingStyles}\n {...getFloatingProps()}\n >\n <span>{title}</span>\n <Arrow\n placement={context.placement}\n color={tooltipColor.arrow}\n />\n </motion.div>\n </AnimatePresence>\n )}\n </FloatingPortal>\n </>\n )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip"],"names":["Tooltip","props","className","children","isOpen","placement","title","wrapperClass","disabled","interactive","tooltipOpen","setTooltipOpen","useState","tooltipColor","defaultTooltipClass","refs","floatingStyles","context","useFloating","open","autoUpdate","offset","flip","shift","hover","useHover","safePolygon","focus","useFocus","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","jsxs","Fragment","jsx","classNames","FloatingPortal","AnimatePresence","motion","Arrow"],"mappings":";;;;;;AA+BA,~~MAAMA~~,IAAU,CAACC,MAAwB;~~AACrC~~,~~QAAM~~;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA;AAAA,EAAA,IACdR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAkBR,CAAM,GAExDS,IAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,~~EAAA~~,~~GAGLC~~,IAAsB,WAAWD,EAAa,UAAU,IAExD,EAAE,MAAAE,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMR;AAAA,IACN,cAAc,CAACS,MAAS;AACpB,MAAKX,KACDG,EAAeQ,CAAI;AAAA,IAE3B;AAAA,IACA,WAAAd;AAAA,IACA,sBAAsBe;AAAA,IACtB,YAAY;AAAA,MACRC,EAAO,CAAC;AAAA,MACRC,EAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,~~EAAA~~;AAAA,~~IAAM~~;AAAA,EACV,CACH,GAGKC,IAAQC,EAASR,GAAS;AAAA,IAC5B,MAAM;AAAA,IACN,GAAIR,KAAe;AAAA,MACf,aAAaiB,EAAY;AAAA,QACrB,oBAAoB;AAAA,~~MAAA~~,~~CACvB~~;AAAA,IAAA;AAAA,EACL,CACH,GAEKC,IAAQC,EAASX,CAAO,GACxBY,IAAUC,EAAWb,CAAO,GAC5Bc,IAAOC,EAAQf,GAAS,EAAE,MAAM,WAAW,GAE3C,EAAE,mBAAAgB,GAAmB,kBAAAC,~~EAAA~~,~~IAAqBC~~,EAAgB;AAAA,IAC5DX;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACH;AAED,~~SACI~~,gBAAAK,EAAAC,GAAA,~~EACI~~,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKvB,EAAK;AAAA,QACT,GAAGkB,~~EAAA~~;AAAA,~~QACJ~~,WAAWM,EAAW,mBAAmBhC,CAAY;AAAA,QAEpD,UAAAJ;AAAA,MAAA;AAAA,~~IAAA~~;AAAA,~~IAEL~~,gBAAAmC,~~EAACE~~,GAAA,EACI,~~UAAA9B~~,~~KACG~~,gBAAA4B,EAACG,~~GAAA~~,~~EACG~~,UAAA,gBAAAL;AAAA,MAACM,EAAO;AAAA,MAAP;AAAA,QACG,KAAK3B,EAAK;AAAA,QACV,WAAWwB;AAAA,UACPzB;AAAA,UACAZ;AAAA,UACAO,KAAe;AAAA;AAAA,~~QAAA~~;AAAA,~~QAEnB~~,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,~~QAAA~~;AAAA,~~QAEhB~~,SACIC,IACM;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,QAAA,IAEd;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,~~QAAA~~;AAAA,~~QAGxB~~,YAAY;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,~~QAAA~~;AAAA,~~QAEV~~,OAAOM;AAAA,QACN,GAAGkB,~~EAAA~~;AAAA,~~QAEJ~~,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAM,~~UAAAhC~~,EAAA,~~CAAM~~;AAAA,UACb,gBAAAgC;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,WAAW1B,EAAQ;AAAA,cACnB,OAAOJ,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,~~IAAA~~,~~GAER~~,~~EAAA,CAER~~;AAAA,EAAA,GACJ;AAER;AAEAb,EAAQ,cAAc;"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport Arrow from './Arrow'\nimport type { CommonProps } from '../@types/common'\nimport type { ArrowPlacement } from './Arrow'\nimport type { ReactNode } from 'react'\nimport {\n useFloating,\n autoUpdate,\n offset,\n flip,\n shift,\n useHover,\n useFocus,\n useDismiss,\n useRole,\n useInteractions,\n FloatingPortal,\n safePolygon, // Adicione esta importação\n} from '@floating-ui/react'\n\nexport interface TooltipProps extends CommonProps {\n isOpen?: boolean\n placement?: ArrowPlacement\n title: string \| ReactNode\n wrapperClass?: string\n disabled?: boolean\n interactive?: boolean // Nova prop para controlar se o tooltip é interativo\n}\n\nconst Tooltip = (props: TooltipProps) => {\n const {\n className,\n children,\n isOpen = false,\n placement = 'top',\n title,\n wrapperClass,\n disabled,\n interactive = false, // Por padrão false para manter compatibilidade\n } = props\n\n const [tooltipOpen, setTooltipOpen] = useState<boolean>(isOpen)\n\n const tooltipColor = {\n background: 'bg-gray-800 dark:bg-black',\n arrow: 'text-gray-800 dark:text-black',\n }\n\n const defaultTooltipClass = `tooltip ${tooltipColor.background}`\n\n const { refs, floatingStyles, context } = useFloating({\n open: tooltipOpen,\n onOpenChange: (open) => {\n if (!disabled) {\n setTooltipOpen(open)\n }\n },\n placement,\n whileElementsMounted: autoUpdate,\n middleware: [\n offset(7),\n flip({\n fallbackAxisSideDirection: 'start',\n }),\n shift(),\n ],\n })\n\n // Configure o hover baseado se o tooltip é interativo ou não\n const hover = useHover(context, {\n move: false,\n ...(interactive && {\n handleClose: safePolygon({\n blockPointerEvents: true,\n }),\n }),\n })\n\n const focus = useFocus(context)\n const dismiss = useDismiss(context)\n const role = useRole(context, { role: 'tooltip' })\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n hover,\n focus,\n dismiss,\n role,\n ])\n\n return (\n <>\n <span\n ref={refs.setReference}\n {...getReferenceProps()}\n className={classNames('tooltip-wrapper', wrapperClass)}\n >\n {children}\n </span>\n <FloatingPortal>\n {tooltipOpen && (\n <AnimatePresence>\n <motion.div\n ref={refs.setFloating}\n className={classNames(\n defaultTooltipClass,\n className,\n interactive && 'cursor-auto' // Adiciona cursor normal para tooltips interativos\n )}\n initial={{\n opacity: 0,\n visibility: 'hidden',\n }}\n animate={\n tooltipOpen\n ? {\n opacity: 1,\n visibility: 'visible',\n }\n : {\n opacity: 0,\n visibility: 'hidden',\n }\n }\n transition={{\n duration: 0.15,\n type: 'tween',\n }}\n style={floatingStyles}\n {...getFloatingProps()}\n >\n <span>{title}</span>\n <Arrow\n placement={context.placement}\n color={tooltipColor.arrow}\n />\n </motion.div>\n </AnimatePresence>\n )}\n </FloatingPortal>\n </>\n )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip"],"names":["Tooltip","props","className","children","isOpen","placement","title","wrapperClass","disabled","interactive","tooltipOpen","setTooltipOpen","useState","tooltipColor","defaultTooltipClass","refs","floatingStyles","context","useFloating","open","autoUpdate","offset","flip","shift","hover","useHover","safePolygon","focus","useFocus","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","jsxs","Fragment","jsx","classNames","FloatingPortal","AnimatePresence","motion","Arrow"],"mappings":";;;;;;AA+BM,MAAAA,IAAU,CAACC,MAAwB;AAC/B,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA;AAAA,EAAA,IACdR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAkBR,CAAM,GAExDS,IAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,EACX,GAEMC,IAAsB,WAAWD,EAAa,UAAU,IAExD,EAAE,MAAAE,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMR;AAAA,IACN,cAAc,CAACS,MAAS;AACpB,MAAKX,KACDG,EAAeQ,CAAI;AAAA,IAE3B;AAAA,IACA,WAAAd;AAAA,IACA,sBAAsBe;AAAA,IACtB,YAAY;AAAA,MACRC,EAAO,CAAC;AAAA,MACRC,EAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,EAAM;AAAA,IAAA;AAAA,EACV,CACH,GAGKC,IAAQC,EAASR,GAAS;AAAA,IAC5B,MAAM;AAAA,IACN,GAAIR,KAAe;AAAA,MACf,aAAaiB,EAAY;AAAA,QACrB,oBAAoB;AAAA,MACvB,CAAA;AAAA,IAAA;AAAA,EACL,CACH,GAEKC,IAAQC,EAASX,CAAO,GACxBY,IAAUC,EAAWb,CAAO,GAC5Bc,IAAOC,EAAQf,GAAS,EAAE,MAAM,WAAW,GAE3C,EAAE,mBAAAgB,GAAmB,kBAAAC,EAAiB,IAAIC,EAAgB;AAAA,IAC5DX;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACH;AAED,SAEQ,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKvB,EAAK;AAAA,QACT,GAAGkB,EAAkB;AAAA,QACtB,WAAWM,EAAW,mBAAmBhC,CAAY;AAAA,QAEpD,UAAAJ;AAAA,MAAA;AAAA,IACL;AAAA,IACC,gBAAAmC,EAAAE,GAAA,EACI,UACG9B,KAAA,gBAAA4B,EAACG,GACG,EAAA,UAAA,gBAAAL;AAAA,MAACM,EAAO;AAAA,MAAP;AAAA,QACG,KAAK3B,EAAK;AAAA,QACV,WAAWwB;AAAA,UACPzB;AAAA,UACAZ;AAAA,UACAO,KAAe;AAAA;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAChB;AAAA,QACA,SACIC,IACM;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,QAAA,IAEd;AAAA,UACE,SAAS;AAAA,UACT,YAAY;AAAA,QAChB;AAAA,QAER,YAAY;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,QACV;AAAA,QACA,OAAOM;AAAA,QACN,GAAGkB,EAAiB;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAM,UAAMhC,EAAA,CAAA;AAAA,UACb,gBAAAgC;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,WAAW1B,EAAQ;AAAA,cACnB,OAAOJ,EAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,OAER,EAER,CAAA;AAAA,EAAA,GACJ;AAER;AAEAb,EAAQ,cAAc;"}

package/dist/@ecme/components/ui/Upload/FileItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileItem.js","sources":["../../../../../lib/@ecme/components/ui/Upload/FileItem.tsx"],"sourcesContent":["import { VscFilePdf, VscFileZip, VscFile } from 'react-icons/vsc'\nimport classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\n\nconst BYTE = 1000\nconst getKB = (bytes: number) => Math.round(bytes / BYTE)\n\nconst FileIcon = ({ children }: CommonProps) => {\n return <span className=\"text-3xl heading-text\">{children}</span>\n}\n\nexport interface FileItemProps extends CommonProps {\n file: File\n}\n\nconst FileItem = (props: FileItemProps) => {\n const { file, children, className } = props\n const { type, name, size } = file\n\n const renderThumbnail = () => {\n const isImageFile = type.split('/')[0] === 'image'\n\n if (isImageFile) {\n return (\n <img\n className=\"upload-file-image\"\n src={URL.createObjectURL(file)}\n alt={`file preview ${name}`}\n />\n )\n }\n\n if (type === 'application/zip') {\n return (\n <FileIcon>\n <VscFileZip />\n </FileIcon>\n )\n }\n\n if (type === 'pdf') {\n return (\n <FileIcon>\n <VscFilePdf />\n </FileIcon>\n )\n }\n\n return (\n <FileIcon>\n <VscFile />\n </FileIcon>\n )\n }\n\n return (\n <div className={classNames('upload-file', className)}>\n <div className=\"flex items-center\">\n <div className=\"upload-file-thumbnail\">{renderThumbnail()}</div>\n <div className=\"upload-file-info\">\n <h6 className=\"upload-file-name text-sm font-bold\">\n {name}\n </h6>\n <span className=\"upload-file-size\">{getKB(size)} kb</span>\n </div>\n </div>\n {children}\n </div>\n )\n}\n\nFileItem.displayName = 'UploadFileItem'\n\nexport default FileItem\n"],"names":["BYTE","getKB","bytes","FileIcon","children","jsx","FileItem","props","file","className","type","name","size","renderThumbnail","VscFileZip","VscFilePdf","VscFile","classNames","jsxs"],"mappings":";;;AAIA,MAAMA,IAAO,KACPC,IAAQ,CAACC,MAAkB,KAAK,MAAMA,IAAQF,CAAI,GAElDG,IAAW,CAAC,EAAE,UAAAC,~~QACT~~,gBAAAC,~~EAAC~~,QAAA,EAAK,WAAU,yBAAyB,UAAAD,~~EAAA~~,~~CAAS~~,GAOvDE,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,MAAAC,GAAM,UAAAJ,GAAU,WAAAK,~~EAAA~~,~~IAAcF~~,GAChC,EAAE,MAAAG,GAAM,MAAAC,GAAM,MAAAC,~~EAAA~~,~~IAASJ~~,GAEvBK,IAAkB,MACAH,EAAK,MAAM,GAAG,EAAE,CAAC,MAAM,UAInC,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAK,IAAI,gBAAgBG,CAAI;AAAA,MAC7B,KAAK,gBAAgBG,CAAI;AAAA,IAAA;AAAA,~~EAAA~~,~~IAKjCD~~,MAAS,~~oBAEL~~,gBAAAL,~~EAACF~~,GAAA,EACG,~~UAAA~~,gBAAAE,~~EAACS~~,GAAA,CAAA,~~CAAW,~~GAChB,IAIJJ,MAAS,~~QAEL~~,gBAAAL,~~EAACF~~,GAAA,EACG,~~UAAA~~,gBAAAE,~~EAACU~~,GAAA,CAAA,~~CAAW,~~GAChB,~~IAKJ~~,gBAAAV,~~EAACF~~,GAAA,EACG,~~UAAA~~,gBAAAE,~~EAACW~~,GAAA,CAAA,~~CAAQ,~~GACb;AAIR,2BACK,~~OAAA~~,~~EAAI~~,WAAWC,EAAW,eAAeR,CAAS,GAC/C,UAAA;AAAA,~~IAAA~~,gBAAAS,~~EAAC~~,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAb,EAAC,~~OAAA~~,~~EAAI~~,WAAU,yBAAyB,UAAAQ,EAAA,GAAkB;AAAA,MAC1D,gBAAAK,EAAC,~~OAAA~~,~~EAAI~~,WAAU,oBACX,UAAA;AAAA,~~QAAA~~,gBAAAb,~~EAAC~~,MAAA,EAAG,WAAU,sCACT,~~UAAAM~~,~~GACL~~;AAAA,QACA,gBAAAO,EAAC,~~QAAA~~,~~EAAK~~,WAAU,oBAAoB,UAAA;AAAA,UAAAjB,EAAMW,CAAI;AAAA,UAAE;AAAA,QAAA,~~EAAA~~,~~CAAG~~;AAAA,MAAA,~~EAAA~~,~~CACvD~~;AAAA,IAAA,GACJ;AAAA,IACCR;AAAA,EAAA,GACL;AAER;AAEAE,EAAS,cAAc;"}
1	+ {"version":3,"file":"FileItem.js","sources":["../../../../../lib/@ecme/components/ui/Upload/FileItem.tsx"],"sourcesContent":["import { VscFilePdf, VscFileZip, VscFile } from 'react-icons/vsc'\nimport classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\n\nconst BYTE = 1000\nconst getKB = (bytes: number) => Math.round(bytes / BYTE)\n\nconst FileIcon = ({ children }: CommonProps) => {\n return <span className=\"text-3xl heading-text\">{children}</span>\n}\n\nexport interface FileItemProps extends CommonProps {\n file: File\n}\n\nconst FileItem = (props: FileItemProps) => {\n const { file, children, className } = props\n const { type, name, size } = file\n\n const renderThumbnail = () => {\n const isImageFile = type.split('/')[0] === 'image'\n\n if (isImageFile) {\n return (\n <img\n className=\"upload-file-image\"\n src={URL.createObjectURL(file)}\n alt={`file preview ${name}`}\n />\n )\n }\n\n if (type === 'application/zip') {\n return (\n <FileIcon>\n <VscFileZip />\n </FileIcon>\n )\n }\n\n if (type === 'pdf') {\n return (\n <FileIcon>\n <VscFilePdf />\n </FileIcon>\n )\n }\n\n return (\n <FileIcon>\n <VscFile />\n </FileIcon>\n )\n }\n\n return (\n <div className={classNames('upload-file', className)}>\n <div className=\"flex items-center\">\n <div className=\"upload-file-thumbnail\">{renderThumbnail()}</div>\n <div className=\"upload-file-info\">\n <h6 className=\"upload-file-name text-sm font-bold\">\n {name}\n </h6>\n <span className=\"upload-file-size\">{getKB(size)} kb</span>\n </div>\n </div>\n {children}\n </div>\n )\n}\n\nFileItem.displayName = 'UploadFileItem'\n\nexport default FileItem\n"],"names":["BYTE","getKB","bytes","FileIcon","children","jsx","FileItem","props","file","className","type","name","size","renderThumbnail","VscFileZip","VscFilePdf","VscFile","classNames","jsxs"],"mappings":";;;AAIA,MAAMA,IAAO,KACPC,IAAQ,CAACC,MAAkB,KAAK,MAAMA,IAAQF,CAAI,GAElDG,IAAW,CAAC,EAAE,UAAAC,QACR,gBAAAC,EAAA,QAAA,EAAK,WAAU,yBAAyB,UAAAD,EAAS,CAAA,GAOvDE,IAAW,CAACC,MAAyB;AACvC,QAAM,EAAE,MAAAC,GAAM,UAAAJ,GAAU,WAAAK,EAAc,IAAAF,GAChC,EAAE,MAAAG,GAAM,MAAAC,GAAM,MAAAC,EAAS,IAAAJ,GAEvBK,IAAkB,MACAH,EAAK,MAAM,GAAG,EAAE,CAAC,MAAM,UAInC,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,KAAK,IAAI,gBAAgBG,CAAI;AAAA,MAC7B,KAAK,gBAAgBG,CAAI;AAAA,IAAA;AAAA,EAC7B,IAIJD,MAAS,oBAEJ,gBAAAL,EAAAF,GAAA,EACG,UAAC,gBAAAE,EAAAS,GAAA,CAAW,CAAA,GAChB,IAIJJ,MAAS,QAEJ,gBAAAL,EAAAF,GAAA,EACG,UAAC,gBAAAE,EAAAU,GAAA,CAAW,CAAA,GAChB,IAKH,gBAAAV,EAAAF,GAAA,EACG,UAAC,gBAAAE,EAAAW,GAAA,CAAQ,CAAA,GACb;AAIR,2BACK,OAAI,EAAA,WAAWC,EAAW,eAAeR,CAAS,GAC/C,UAAA;AAAA,IAAC,gBAAAS,EAAA,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,gBAAAb,EAAC,OAAI,EAAA,WAAU,yBAAyB,UAAAQ,EAAA,GAAkB;AAAA,MAC1D,gBAAAK,EAAC,OAAI,EAAA,WAAU,oBACX,UAAA;AAAA,QAAC,gBAAAb,EAAA,MAAA,EAAG,WAAU,sCACT,UACLM,GAAA;AAAA,QACA,gBAAAO,EAAC,QAAK,EAAA,WAAU,oBAAoB,UAAA;AAAA,UAAAjB,EAAMW,CAAI;AAAA,UAAE;AAAA,QAAA,EAAG,CAAA;AAAA,MAAA,EACvD,CAAA;AAAA,IAAA,GACJ;AAAA,IACCR;AAAA,EAAA,GACL;AAER;AAEAE,EAAS,cAAc;"}

package/dist/@ecme/components/ui/Upload/Upload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport FileItem from './FileItem'\nimport Button from '../Button/Button'\nimport CloseButton from '../CloseButton'\nimport Notification from '../Notification/Notification'\nimport toast from '../toast/toast'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\n\nexport interface UploadProps extends CommonProps {\n accept?: string\n beforeUpload?: (file: FileList \| null, fileList: File[]) => boolean \| string\n disabled?: boolean\n draggable?: boolean\n fileList?: File[]\n fileListClass?: string\n fileItemClass?: string\n multiple?: boolean\n onChange?: (file: File[], fileList: File[]) => void\n onFileRemove?: (file: File[]) => void\n ref?: Ref<HTMLDivElement>\n showList?: boolean\n tip?: string \| ReactNode\n uploadLimit?: number\n}\n\nconst filesToArray = (files: File[]) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Object.keys(files).map((key) => files[key as any])\n\nconst Upload = (props: UploadProps) => {\n const {\n accept,\n beforeUpload,\n disabled = false,\n draggable = false,\n fileList = [],\n fileListClass,\n fileItemClass,\n multiple,\n onChange,\n onFileRemove,\n ref,\n showList = true,\n tip,\n uploadLimit,\n children,\n className,\n ...rest\n } = props\n\n const fileInputField = useRef<HTMLInputElement>(null)\n const [files, setFiles] = useState(fileList)\n const [dragOver, setDragOver] = useState(false)\n\n useEffect(() => {\n if (JSON.stringify(files) !== JSON.stringify(fileList)) {\n setFiles(fileList)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(fileList)])\n\n const triggerMessage = (msg: string \| ReactNode = '') => {\n toast.push(\n <Notification type=\"danger\" duration={2000}>\n {msg \|\| 'Upload Failed!'}\n </Notification>,\n {\n placement: 'top-center',\n },\n )\n }\n\n const pushFile = (newFiles: FileList \| null, file: File[]) => {\n if (newFiles) {\n for (const f of newFiles) {\n file.push(f)\n }\n }\n\n return file\n }\n\n const addNewFiles = (newFiles: FileList \| null) => {\n let file = cloneDeep(files)\n if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\n if (Object.keys(file).length >= uploadLimit) {\n if (uploadLimit === 1) {\n file.shift()\n file = pushFile(newFiles, file)\n }\n\n return filesToArray({ ...file })\n }\n }\n file = pushFile(newFiles, file)\n return filesToArray({ ...file })\n }\n\n const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n const { files: newFiles } = e.target\n let result: boolean \| string = true\n\n if (beforeUpload) {\n result = beforeUpload(newFiles, files)\n\n if (result === false) {\n triggerMessage()\n return\n }\n\n if (typeof result === 'string' && result.length > 0) {\n triggerMessage(result)\n return\n }\n }\n\n if (result) {\n const updatedFiles = addNewFiles(newFiles)\n setFiles(updatedFiles)\n onChange?.(updatedFiles, files)\n }\n }\n\n const removeFile = (fileIndex: number) => {\n const deletedFileList = files.filter((_, index) => index !== fileIndex)\n setFiles(deletedFileList)\n onFileRemove?.(deletedFileList)\n }\n\n const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\n if (!disabled) {\n fileInputField.current?.click()\n }\n e.stopPropagation()\n }\n\n const renderChildren = () => {\n if (!draggable && !children) {\n return (\n <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\n Upload\n </Button>\n )\n }\n\n if (draggable && !children) {\n return <span>Choose a file or drag and drop here</span>\n }\n\n return children\n }\n\n const handleDragLeave = useCallback(() => {\n if (draggable) {\n setDragOver(false)\n }\n }, [draggable])\n\n const handleDragOver = useCallback(() => {\n if (draggable && !disabled) {\n setDragOver(true)\n }\n }, [draggable, disabled])\n\n const handleDrop = useCallback(() => {\n if (draggable) {\n setDragOver(false)\n }\n }, [draggable])\n\n const draggableProp = {\n onDragLeave: handleDragLeave,\n onDragOver: handleDragOver,\n onDrop: handleDrop,\n }\n\n const draggableEventFeedbackClass = `border-primary`\n\n const uploadClass = classNames(\n 'upload',\n draggable && `upload-draggable`,\n draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\n draggable && disabled && 'disabled',\n dragOver && draggableEventFeedbackClass,\n className,\n )\n\n const uploadInputClass = classNames(\n 'upload-input',\n draggable && `draggable`,\n )\n\n return (\n <>\n <div\n ref={ref}\n className={uploadClass}\n {...(draggable ? draggableProp : { onClick: triggerUpload })}\n {...rest}\n >\n <input\n ref={fileInputField}\n className={uploadInputClass}\n type=\"file\"\n disabled={disabled}\n multiple={multiple}\n accept={accept}\n title=\"\"\n value=\"\"\n onChange={onNewFileUpload}\n {...rest}\n ></input>\n {renderChildren()}\n </div>\n {tip}\n {showList && (\n <div className={classNames('upload-file-list', fileListClass)}>\n {files.map((file, index) => (\n <FileItem\n key={file.name + index}\n file={file}\n className={fileItemClass}\n >\n <CloseButton\n className=\"upload-file-remove\"\n onClick={() => removeFile(index)}\n />\n </FileItem>\n ))}\n </div>\n )}\n </>\n )\n}\n\nexport default Upload\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":"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"}
1	+ {"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport FileItem from './FileItem'\nimport Button from '../Button/Button'\nimport CloseButton from '../CloseButton'\nimport Notification from '../Notification/Notification'\nimport toast from '../toast/toast'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\n\nexport interface UploadProps extends CommonProps {\n accept?: string\n beforeUpload?: (file: FileList \| null, fileList: File[]) => boolean \| string\n disabled?: boolean\n draggable?: boolean\n fileList?: File[]\n fileListClass?: string\n fileItemClass?: string\n multiple?: boolean\n onChange?: (file: File[], fileList: File[]) => void\n onFileRemove?: (file: File[]) => void\n ref?: Ref<HTMLDivElement>\n showList?: boolean\n tip?: string \| ReactNode\n uploadLimit?: number\n}\n\nconst filesToArray = (files: File[]) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Object.keys(files).map((key) => files[key as any])\n\nconst Upload = (props: UploadProps) => {\n const {\n accept,\n beforeUpload,\n disabled = false,\n draggable = false,\n fileList = [],\n fileListClass,\n fileItemClass,\n multiple,\n onChange,\n onFileRemove,\n ref,\n showList = true,\n tip,\n uploadLimit,\n children,\n className,\n ...rest\n } = props\n\n const fileInputField = useRef<HTMLInputElement>(null)\n const [files, setFiles] = useState(fileList)\n const [dragOver, setDragOver] = useState(false)\n\n useEffect(() => {\n if (JSON.stringify(files) !== JSON.stringify(fileList)) {\n setFiles(fileList)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(fileList)])\n\n const triggerMessage = (msg: string \| ReactNode = '') => {\n toast.push(\n <Notification type=\"danger\" duration={2000}>\n {msg \|\| 'Upload Failed!'}\n </Notification>,\n {\n placement: 'top-center',\n },\n )\n }\n\n const pushFile = (newFiles: FileList \| null, file: File[]) => {\n if (newFiles) {\n for (const f of newFiles) {\n file.push(f)\n }\n }\n\n return file\n }\n\n const addNewFiles = (newFiles: FileList \| null) => {\n let file = cloneDeep(files)\n if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\n if (Object.keys(file).length >= uploadLimit) {\n if (uploadLimit === 1) {\n file.shift()\n file = pushFile(newFiles, file)\n }\n\n return filesToArray({ ...file })\n }\n }\n file = pushFile(newFiles, file)\n return filesToArray({ ...file })\n }\n\n const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n const { files: newFiles } = e.target\n let result: boolean \| string = true\n\n if (beforeUpload) {\n result = beforeUpload(newFiles, files)\n\n if (result === false) {\n triggerMessage()\n return\n }\n\n if (typeof result === 'string' && result.length > 0) {\n triggerMessage(result)\n return\n }\n }\n\n if (result) {\n const updatedFiles = addNewFiles(newFiles)\n setFiles(updatedFiles)\n onChange?.(updatedFiles, files)\n }\n }\n\n const removeFile = (fileIndex: number) => {\n const deletedFileList = files.filter((_, index) => index !== fileIndex)\n setFiles(deletedFileList)\n onFileRemove?.(deletedFileList)\n }\n\n const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\n if (!disabled) {\n fileInputField.current?.click()\n }\n e.stopPropagation()\n }\n\n const renderChildren = () => {\n if (!draggable && !children) {\n return (\n <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\n Upload\n </Button>\n )\n }\n\n if (draggable && !children) {\n return <span>Choose a file or drag and drop here</span>\n }\n\n return children\n }\n\n const handleDragLeave = useCallback(() => {\n if (draggable) {\n setDragOver(false)\n }\n }, [draggable])\n\n const handleDragOver = useCallback(() => {\n if (draggable && !disabled) {\n setDragOver(true)\n }\n }, [draggable, disabled])\n\n const handleDrop = useCallback(() => {\n if (draggable) {\n setDragOver(false)\n }\n }, [draggable])\n\n const draggableProp = {\n onDragLeave: handleDragLeave,\n onDragOver: handleDragOver,\n onDrop: handleDrop,\n }\n\n const draggableEventFeedbackClass = `border-primary`\n\n const uploadClass = classNames(\n 'upload',\n draggable && `upload-draggable`,\n draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\n draggable && disabled && 'disabled',\n dragOver && draggableEventFeedbackClass,\n className,\n )\n\n const uploadInputClass = classNames(\n 'upload-input',\n draggable && `draggable`,\n )\n\n return (\n <>\n <div\n ref={ref}\n className={uploadClass}\n {...(draggable ? draggableProp : { onClick: triggerUpload })}\n {...rest}\n >\n <input\n ref={fileInputField}\n className={uploadInputClass}\n type=\"file\"\n disabled={disabled}\n multiple={multiple}\n accept={accept}\n title=\"\"\n value=\"\"\n onChange={onNewFileUpload}\n {...rest}\n ></input>\n {renderChildren()}\n </div>\n {tip}\n {showList && (\n <div className={classNames('upload-file-list', fileListClass)}>\n {files.map((file, index) => (\n <FileItem\n key={file.name + index}\n file={file}\n className={fileItemClass}\n >\n <CloseButton\n className=\"upload-file-remove\"\n onClick={() => removeFile(index)}\n />\n </FileItem>\n ))}\n </div>\n )}\n </>\n )\n}\n\nexport default Upload\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":"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"}

package/dist/@ecme/components/ui/hooks/useCallbackRef.js CHANGED Viewed

@@ -3,7 +3,7 @@ function o(e) {
   const r = u(e);
   return f(() => {
     r.current = e;
-  }), c(() => ((...t) => r.current?.(...t)), []);
+  }), c(() => (...t) => r.current?.(...t), []);
 }
 export {
   o as default

package/dist/@ecme/components/ui/hooks/useCallbackRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction useCallbackRef<T extends (...args: any[]) => any>(\n cb: T \| undefined,\n): T {\n const cbRef = useRef(cb)\n\n useEffect(() => {\n cbRef.current = cb\n })\n\n return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\n}\n\nexport default useCallbackRef\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args"],"mappings":";AAGA,SAASA,EACLC,GACC;~~AACD~~,~~QAAMC~~,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,~~EACpB~~,~~CAAC~~,GAEMI,EAAQ,~~OAAO~~,IAAIC,MAASJ,EAAM,UAAU,GAAGI,CAAI,~~IAAS~~,EAAE;AACzE;"}
1	+ {"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction useCallbackRef<T extends (...args: any[]) => any>(\n cb: T \| undefined,\n): T {\n const cbRef = useRef(cb)\n\n useEffect(() => {\n cbRef.current = cb\n })\n\n return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\n}\n\nexport default useCallbackRef\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args"],"mappings":";AAGA,SAASA,EACLC,GACC;AACK,QAAAC,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,EAAA,CACnB,GAEMI,EAAQ,MAAO,IAAIC,MAASJ,EAAM,UAAU,GAAGI,CAAI,GAAS,EAAE;AACzE;"}

package/dist/@ecme/components/ui/hooks/useControllableState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useControllableState.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useControllableState.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react'\nimport useCallbackRef from './useCallbackRef'\n\ntype UseControllableStateParams<T> = {\n prop?: T\n defaultProp?: T\n onChange?: (state: T) => void\n}\n\nfunction useUncontrolledState<T>({\n defaultProp,\n onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n const uncontrolledState = useState(defaultProp)\n const [value] = uncontrolledState\n const prevValueRef = useRef(value)\n const handleChange = useCallbackRef(onChange)\n\n useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value as T)\n prevValueRef.current = value\n }\n }, [value, prevValueRef, handleChange])\n\n return uncontrolledState\n}\n\nfunction useControllableState<T>({\n prop,\n defaultProp,\n onChange = () => {\n // empty callback\n },\n}: UseControllableStateParams<T>) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\n defaultProp,\n onChange,\n })\n const isControlled = prop !== undefined\n const value = isControlled ? prop : uncontrolledProp\n const handleChange = useCallbackRef(onChange)\n\n const setValue: React.Dispatch<React.SetStateAction<T \| undefined>> =\n useCallback(\n (nextValue) => {\n const setter = nextValue as (prevState?: T) => T\n if (isControlled) {\n const value =\n typeof nextValue === 'function'\n ? setter(prop)\n : nextValue\n if (value !== prop) {\n handleChange(value as T)\n }\n } else {\n setUncontrolledProp(nextValue)\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange],\n )\n\n return [value, setValue] as const\n}\n\nexport default useControllableState\n"],"names":["useUncontrolledState","defaultProp","onChange","uncontrolledState","useState","value","prevValueRef","useRef","handleChange","useCallbackRef","useEffect","useControllableState","prop","uncontrolledProp","setUncontrolledProp","isControlled","setValue","useCallback","nextValue","setter"],"mappings":";;AASA,SAASA,EAAwB;AAAA,EAC7B,aAAAC;AAAA,EACA,UAAAC;AACJ,GAAgD;~~AAC5C~~,~~QAAMC~~,IAAoBC,EAASH,CAAW,GACxC,CAACI,CAAK,IAAIF,GACVG,IAAeC,EAAOF,CAAK,GAC3BG,IAAeC,EAAeP,CAAQ;AAE5C,SAAAQ,EAAU,MAAM;~~AACZ~~,~~IAAIJ~~,EAAa,YAAYD,MACzBG,EAAaH,CAAU,GACvBC,EAAa,UAAUD;AAAA,~~EAE/B~~,~~GAAG~~,CAACA,GAAOC,GAAcE,CAAY,CAAC,GAE/BL;AACX;AAEA,SAASQ,EAAwB;AAAA,EAC7B,MAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,~~EAEjB~~;~~AACJ~~,GAAkC;AAC9B,QAAM,CAACW,GAAkBC,CAAmB,IAAId,EAAqB;AAAA,IACjE,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACH,GACKa,IAAeH,MAAS,QACxBP,IAAQU,IAAeH,IAAOC,GAC9BL,IAAeC,EAAeP,CAAQ,GAEtCc,IACFC;AAAA,IACI,CAACC,MAAc;AACX,YAAMC,IAASD;AACf,UAAIH,GAAc;AACd,cAAMV,IACF,OAAOa,KAAc,aACfC,EAAOP,CAAI,IACXM;AACV,QAAIb,MAAUO,KACVJ,EAAaH,CAAU;AAAA,~~MAE/B~~;~~AACI~~,QAAAS,EAAoBI,CAAS;AAAA,IAErC;AAAA,IACA,CAACH,GAAcH,GAAME,GAAqBN,CAAY;AAAA,~~EAAA~~;~~AAG9D~~,~~SAAO~~,CAACH,GAAOW,CAAQ;AAC3B;"}
1	+ {"version":3,"file":"useControllableState.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useControllableState.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react'\nimport useCallbackRef from './useCallbackRef'\n\ntype UseControllableStateParams<T> = {\n prop?: T\n defaultProp?: T\n onChange?: (state: T) => void\n}\n\nfunction useUncontrolledState<T>({\n defaultProp,\n onChange,\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\n const uncontrolledState = useState(defaultProp)\n const [value] = uncontrolledState\n const prevValueRef = useRef(value)\n const handleChange = useCallbackRef(onChange)\n\n useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value as T)\n prevValueRef.current = value\n }\n }, [value, prevValueRef, handleChange])\n\n return uncontrolledState\n}\n\nfunction useControllableState<T>({\n prop,\n defaultProp,\n onChange = () => {\n // empty callback\n },\n}: UseControllableStateParams<T>) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\n defaultProp,\n onChange,\n })\n const isControlled = prop !== undefined\n const value = isControlled ? prop : uncontrolledProp\n const handleChange = useCallbackRef(onChange)\n\n const setValue: React.Dispatch<React.SetStateAction<T \| undefined>> =\n useCallback(\n (nextValue) => {\n const setter = nextValue as (prevState?: T) => T\n if (isControlled) {\n const value =\n typeof nextValue === 'function'\n ? setter(prop)\n : nextValue\n if (value !== prop) {\n handleChange(value as T)\n }\n } else {\n setUncontrolledProp(nextValue)\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange],\n )\n\n return [value, setValue] as const\n}\n\nexport default useControllableState\n"],"names":["useUncontrolledState","defaultProp","onChange","uncontrolledState","useState","value","prevValueRef","useRef","handleChange","useCallbackRef","useEffect","useControllableState","prop","uncontrolledProp","setUncontrolledProp","isControlled","setValue","useCallback","nextValue","setter"],"mappings":";;AASA,SAASA,EAAwB;AAAA,EAC7B,aAAAC;AAAA,EACA,UAAAC;AACJ,GAAgD;AACtC,QAAAC,IAAoBC,EAASH,CAAW,GACxC,CAACI,CAAK,IAAIF,GACVG,IAAeC,EAAOF,CAAK,GAC3BG,IAAeC,EAAeP,CAAQ;AAE5C,SAAAQ,EAAU,MAAM;AACR,IAAAJ,EAAa,YAAYD,MACzBG,EAAaH,CAAU,GACvBC,EAAa,UAAUD;AAAA,EAE5B,GAAA,CAACA,GAAOC,GAAcE,CAAY,CAAC,GAE/BL;AACX;AAEA,SAASQ,EAAwB;AAAA,EAC7B,MAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAA;AAGrB,GAAkC;AAC9B,QAAM,CAACW,GAAkBC,CAAmB,IAAId,EAAqB;AAAA,IACjE,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACH,GACKa,IAAeH,MAAS,QACxBP,IAAQU,IAAeH,IAAOC,GAC9BL,IAAeC,EAAeP,CAAQ,GAEtCc,IACFC;AAAA,IACI,CAACC,MAAc;AACX,YAAMC,IAASD;AACf,UAAIH,GAAc;AACd,cAAMV,IACF,OAAOa,KAAc,aACfC,EAAOP,CAAI,IACXM;AACV,QAAIb,MAAUO,KACVJ,EAAaH,CAAU;AAAA,MAC3B;AAEA,QAAAS,EAAoBI,CAAS;AAAA,IAErC;AAAA,IACA,CAACH,GAAcH,GAAME,GAAqBN,CAAY;AAAA,EAC1D;AAEG,SAAA,CAACH,GAAOW,CAAQ;AAC3B;"}

package/dist/@ecme/components/ui/hooks/useDidUpdate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDidUpdate.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useDidUpdate.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport default function useDidUpdate(\n callback: () => void,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n dependencies?: any[],\n) {\n const mounted = useRef(false)\n\n useEffect(\n () => () => {\n mounted.current = false\n },\n [],\n )\n\n useEffect(() => {\n if (mounted.current) {\n return callback()\n }\n\n mounted.current = true\n return undefined\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies)\n}\n"],"names":["useDidUpdate","callback","dependencies","mounted","useRef","useEffect"],"mappings":";~~AAEA~~,~~SAAwBA~~,EACpBC,GAEAC,GACF;~~AACE~~,~~QAAMC~~,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACI,MAAM,MAAM;AACR,MAAAF,EAAQ,UAAU;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,~~EAAC~~,~~GAGLE~~,EAAU,MAAM;AACZ,QAAIF,EAAQ;AACR,aAAOF,~~EAAA~~;~~AAGX~~,IAAAE,EAAQ,UAAU;AAAA,~~EAGtB~~,~~GAAGD,~~CAAY;AACnB;"}
1	+ {"version":3,"file":"useDidUpdate.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useDidUpdate.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport default function useDidUpdate(\n callback: () => void,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n dependencies?: any[],\n) {\n const mounted = useRef(false)\n\n useEffect(\n () => () => {\n mounted.current = false\n },\n [],\n )\n\n useEffect(() => {\n if (mounted.current) {\n return callback()\n }\n\n mounted.current = true\n return undefined\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies)\n}\n"],"names":["useDidUpdate","callback","dependencies","mounted","useRef","useEffect"],"mappings":";AAEwB,SAAAA,EACpBC,GAEAC,GACF;AACQ,QAAAC,IAAUC,EAAO,EAAK;AAE5B,EAAAC;AAAA,IACI,MAAM,MAAM;AACR,MAAAF,EAAQ,UAAU;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,EACJ,GAEAE,EAAU,MAAM;AACZ,QAAIF,EAAQ;AACR,aAAOF,EAAS;AAGpB,IAAAE,EAAQ,UAAU;AAAA,KAGnBD,CAAY;AACnB;"}

package/dist/@ecme/components/ui/hooks/useMergeRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMergeRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useMergeRef.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Dispatch, SetStateAction, ForwardedRef } from 'react'\n\ntype Ref<T> = Dispatch<SetStateAction<T>> \| ForwardedRef<T>\n\nconst useMergeRef =\n <T = any>(...refs: Ref<T>[]) =>\n (element: T \| null) => {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(element as SetStateAction<T> & (T \| null))\n } else if (ref && typeof ref === 'object') {\n ref.current = element\n }\n })\n }\n\nexport default useMergeRef\n"],"names":["useMergeRef","refs","element","ref"],"mappings":"AAKA,MAAMA,IACF,IAAaC,MACb,CAACC,MAAsB;~~AACnB~~,EAAAD,~~EAAK~~,QAAQ,CAACE,MAAQ;~~AAClB~~,~~IAAI~~,OAAOA,KAAQ,aACfA,EAAID,CAAyC,IACtCC,KAAO,OAAOA,KAAQ,aAC7BA,EAAI,UAAUD;AAAA,~~EAEtB~~,~~CAAC~~;AACL;"}
1	+ {"version":3,"file":"useMergeRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useMergeRef.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Dispatch, SetStateAction, ForwardedRef } from 'react'\n\ntype Ref<T> = Dispatch<SetStateAction<T>> \| ForwardedRef<T>\n\nconst useMergeRef =\n <T = any>(...refs: Ref<T>[]) =>\n (element: T \| null) => {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(element as SetStateAction<T> & (T \| null))\n } else if (ref && typeof ref === 'object') {\n ref.current = element\n }\n })\n }\n\nexport default useMergeRef\n"],"names":["useMergeRef","refs","element","ref"],"mappings":"AAKA,MAAMA,IACF,IAAaC,MACb,CAACC,MAAsB;AACd,EAAAD,EAAA,QAAQ,CAACE,MAAQ;AACd,IAAA,OAAOA,KAAQ,aACfA,EAAID,CAAyC,IACtCC,KAAO,OAAOA,KAAQ,aAC7BA,EAAI,UAAUD;AAAA,EAClB,CACH;AACL;"}