npm - @orbe-agro/client-core - Versions diffs - 5.5.2 → 5.5.8 - Mend

@orbe-agro/client-core 5.5.2 → 5.5.8

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 (2060) hide show

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":["useMergedRef"],"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":["useMergedRef"],"mappings":"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"}

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":["useMergedRef"],"mappings":";;;;;;;~~AA6BM~~,~~MAAA~~,iBAAiB,CAAC,UAA+B;~~AAC7C~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;~~AAE9C~~,~~QAAA~~,WAAW,OAAyB,MAAS;~~AAE7C~~,~~QAAA~~,cAAc,CAAC,UAAwC;~~AAClD~~,~~WAAA~~,YAAY,cAAc,QAAQ,KAAK;AAC9C,cAAU,SAAS,~~OAAO~~;~~AAC1B~~,qBAAiB,CAAC;AAAA,EACtB;~~AAEM~~,~~QAAA~~,aAAa,CAAC,UAAiD;~~AAC1D~~,~~WAAA~~,WAAW,cAAc,OAAO,KAAK;AAC5C,QAAI,kBAAkB,GAAG;AACrB,aAAO,aAAa,cAChB,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErD~~;~~AAEM~~,~~QAAA~~,cAAc,CAAC,UAAwC;AACzD,UAAM,~~gBAAgB~~;~~AACtB~~,cAAU,SAAS,~~OAAO~~;AAAA,~~EAC9B~~;~~AAEM~~,~~QAAA~~,gBAAgB,CAAC,UAA2C;~~AAC1D~~,~~QAAA~~,MAAM,QAAQ,WAAW;AACzB,YAAM,~~eAAe~~;~~AACrB~~,YAAM,SAAS;AAAA,QACX;AAAA,UACI,SAAS,MAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1C;AAAA,UACA;AAAA,QAAA,EACF,~~SAAS~~;AAAA,~~MACf~~;~~AAEA~~,UAAI,UAAU,QAAQ;AAClB,iBAAS,QAAQ,KAAK;AAAA,~~MAAA~~;AAAA,~~IAC1B~~;~~AAGA~~,~~QAAA~~,MAAM,QAAQ,aAAa;AAC3B,YAAM,~~eAAe~~;~~AACrB~~,YAAM,SAAS;AAAA,QACX;AAAA,UACI,SAAS,MAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1C;AAAA,UACA;AAAA,QAAA,EACF,~~SAAS~~;AAAA,~~MACf~~;~~AAEA~~,UAAI,UAAU,QAAQ;AAClB,iBAAS,QAAQ,KAAK;AAAA,~~MAAA~~;AAAA,~~IAC1B~~;AAAA,~~EAER~~;~~AAEM~~,~~QAAA~~,eAAe,CAAC,UAAyC;AAC3D,qBAAiB,gBAAgB,CAAC;AAElC,UAAM,OAAO,SAAS,MAAM,cAAc,OAAO,EAAE,EAAE,~~SAAS~~;~~AAE1D~~,~~QAAA~~,SAAS,OAAO,kBAAkB,GAAG;AACrC,eAAS,IAAI;AACb;AAAA,~~IAAA~~;~~AAEK~~,~~aAAA~~,MAAM,MAAM,gBAAgB,CAAC;AAAA,EAC1C;AAEA,~~SAEQ~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKA,YAAa,UAAmC,GAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV;AAAA,QACA,WAAW,WAAW,oBAAoB,SAAS;AAAA,QACnD,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,~~IACR~~;AAAA,~~IACC~~,~~iBAAkB~~,~~oBAAA~~,QAAA,EAAK,~~UAAG~~,MAAA,~~CAAA~~;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":["useMergedRef"],"mappings":";;;;;;;AA6BA,MAAM,iBAAiB,CAAC,UAA+B;AACnD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AAEpD,QAAM,WAAW,OAAyB,MAAS;AAEnD,QAAM,cAAc,CAAC,UAAwC;AACzD,WAAO,YAAY,cAAc,QAAQ,KAAK;AAC9C,cAAU,SAAS,OAAA;AACnB,qBAAiB,CAAC;AAAA,EACtB;AAEA,QAAM,aAAa,CAAC,UAAiD;AACjE,WAAO,WAAW,cAAc,OAAO,KAAK;AAC5C,QAAI,kBAAkB,GAAG;AACrB,aAAO,aAAa,cAChB,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,IACjD;AAAA,EACJ;AAEA,QAAM,cAAc,CAAC,UAAwC;AACzD,UAAM,gBAAA;AACN,cAAU,SAAS,OAAA;AAAA,EACvB;AAEA,QAAM,gBAAgB,CAAC,UAA2C;AAC9D,QAAI,MAAM,QAAQ,WAAW;AACzB,YAAM,eAAA;AACN,YAAM,SAAS;AAAA,QACX;AAAA,UACI,SAAS,MAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1C;AAAA,UACA;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,UAAI,UAAU,QAAQ;AAClB,iBAAS,QAAQ,KAAK;AAAA,MAC1B;AAAA,IACJ;AAEA,QAAI,MAAM,QAAQ,aAAa;AAC3B,YAAM,eAAA;AACN,YAAM,SAAS;AAAA,QACX;AAAA,UACI,SAAS,MAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1C;AAAA,UACA;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,UAAI,UAAU,QAAQ;AAClB,iBAAS,QAAQ,KAAK;AAAA,MAC1B;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,UAAyC;AAC3D,qBAAiB,gBAAgB,CAAC;AAElC,UAAM,OAAO,SAAS,MAAM,cAAc,OAAO,EAAE,EAAE,SAAA;AAErD,QAAI,SAAS,OAAO,kBAAkB,GAAG;AACrC,eAAS,IAAI;AACb;AAAA,IACJ;AACA,aAAS,MAAM,MAAM,gBAAgB,CAAC;AAAA,EAC1C;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKA,YAAa,UAAmC,GAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV;AAAA,QACA,WAAW,WAAW,oBAAoB,SAAS;AAAA,QACnD,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,iBAAiB,oBAAC,QAAA,EAAK,UAAA,MAAA,CAAG;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":["useMergedRef"],"mappings":";;;;;;;;;;~~AAyCM~~,~~MAAA~~,iBAAiB,CAAC,UAA+B;~~AAC7C~~,~~QAAA~~;AAAA,IACF,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,CAAC,MAAM,IAAI;AAAA,IAC1B,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS,oBAAC,~~gBAAe~~,~~EAAA~~,WAAU,~~UAAU~~,~~CAAA~~;AAAA,IAC7C,uBAAuB;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;~~AAEE~~,~~QAAA~~,OAAO,YAAY,EAAE;~~AAErB~~,~~QAAA~~,cAAc,OAAyB,MAAS;~~AAChD~~,~~QAAA~~,YAAY,OAAyB,MAAS;AACpD,QAAM,CAAC,QAAQ,QAAQ,IAAI,SAAS,SAAS,YAAY;AAEzD,eAAa,MAAM;~~AACR~~,~~WAAA~~,aAAa,cAAc,SAAS,MAAM;AAAA,~~EAAA~~,~~GAClD~~,CAAC,MAAM,CAAC;AAEX,eAAa,MAAM;~~AAEX~~,~~QAAA~~,UACC,MAAM,CAAC,GAAG,cAAc,OAAO,CAAC,GAAG,~~aAChC~~,MAAM,CAAC,GAAG,~~QAAQ~~,~~MAAM~~,OAAO,CAAC,GAAG,YACzC;AACE,eAAS,KAAK;AAAA,~~IAAA~~;AAAA,~~EAClB~~,~~GACD~~,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc,MAAM;~~AACb~~,~~aAAA~~,CAAC,MAAM,IAAI,CAAC;AACrB,gBAAY,SAAS,~~MAAM~~;AAAA,~~EAC/B~~;~~AAEM~~,~~QAAA~~,aACF,aAAa,SACT,oBAAC,eAAY,SAAS,~~YAAa~~,~~CAAA~~,IAEnC,oBAAA,UAAA,EAAG,~~UAAO~~,OAAA,~~CAAA~~;AAGlB,QAAM,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,~~EACJ~~;~~AAGI~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,MAAM;AACX,oBAAY,SAAS,~~MAAM~~;AAAA,~~MAC/B~~;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,sBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKA;AAAAA,cACD;AAAA,cACA;AAAA,~~YACJ~~;AAAA,~~YACA~~,SAAO;AAAA,YACP,OAAO,OAAO,CAAC;AAAA,YACf;AAAA,YACA,SAAS;AAAA,YACT,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAAC,SAAS,SAAS,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;AAAA,YAC7C,GAAG;AAAA,UAAA;AAAA,~~QACR~~;AAAA,~~QAEC~~,~~oBAAA~~,QAAA,EAAK,WAAU,wBAAwB,~~UAAU~~,~~WAAA~~;AAAA,QAElD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,SAAO;AAAA,YACP,OAAO,OAAO,CAAC;AAAA,YACf,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAAC,SAAS,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAAA,YAC7C,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
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":["useMergedRef"],"mappings":";;;;;;;;;;AAyCA,MAAM,iBAAiB,CAAC,UAA+B;AACnD,QAAM;AAAA,IACF,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,CAAC,MAAM,IAAI;AAAA,IAC1B,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,IAC7C,uBAAuB;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,OAAO,YAAY,EAAE;AAE3B,QAAM,cAAc,OAAyB,MAAS;AACtD,QAAM,YAAY,OAAyB,MAAS;AACpD,QAAM,CAAC,QAAQ,QAAQ,IAAI,SAAS,SAAS,YAAY;AAEzD,eAAa,MAAM;AACf,WAAO,aAAa,cAAc,SAAS,MAAM;AAAA,EACrD,GAAG,CAAC,MAAM,CAAC;AAEX,eAAa,MAAM;AACf,QACI,UACC,MAAM,CAAC,GAAG,cAAc,OAAO,CAAC,GAAG,QAAA,KAChC,MAAM,CAAC,GAAG,QAAA,MAAc,OAAO,CAAC,GAAG,YACzC;AACE,eAAS,KAAK;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc,MAAM;AACtB,aAAS,CAAC,MAAM,IAAI,CAAC;AACrB,gBAAY,SAAS,MAAA;AAAA,EACzB;AAEA,QAAM,aACF,aAAa,SACT,oBAAC,eAAY,SAAS,YAAA,CAAa,IAEnC,oBAAA,UAAA,EAAG,UAAA,OAAA,CAAO;AAGlB,QAAM,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,MAAM;AACX,oBAAY,SAAS,MAAA;AAAA,MACzB;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA,qBAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKA;AAAAA,cACD;AAAA,cACA;AAAA,YAAA;AAAA,YAEJ,SAAO;AAAA,YACP,OAAO,OAAO,CAAC;AAAA,YACf;AAAA,YACA,SAAS;AAAA,YACT,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAAC,SAAS,SAAS,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;AAAA,YAC7C,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGR,oBAAC,QAAA,EAAK,WAAU,wBAAwB,UAAA,WAAU;AAAA,QAElD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,SAAO;AAAA,YACP,OAAO,OAAO,CAAC;AAAA,YACf,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,UAAU,CAAC,SAAS,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAAA,YAC7C,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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":[],"mappings":"~~AAAgB~~,~~SAAA~~,MAAM,OAAe,KAAa,KAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;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":[],"mappings":"AAAO,SAAS,MAAM,OAAe,KAAa,KAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;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":[],"mappings":"AASO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA4B;~~AACjB~~,~~SAAA~~,CAAC,OAAe,iBAA0B;AAC7C,UAAM,YAAY,IAAI,OAAO,MAAM,OAAO,IAAI,OAAO,MAAM;~~AACrD~~,~~UAAA~~,WAAW,MAAM,~~YAAY~~;~~AAE/B~~,~~QAAA~~,aAAa,WAAW,aAAa,SAAS;AAC9C,eAAS,QAAQ;~~AACD~~,~~sBAAA~~,SAAS,SAAS,~~MAAM~~;~~AACxB~~,~~sBAAA~~,SAAS,SAAS,~~OAAO~~;~~AACzC~~;AAAA,~~IAAA~~;~~AAGJ~~,QAAI,CAAC,UAAU,KAAK,QAAQ,GAAG;AAC3B;AAAA,~~IAAA~~;~~AAGJ~~,aAAS,QAAQ;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":[],"mappings":"AASO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA4B;AACxB,SAAO,CAAC,OAAe,iBAA0B;AAC7C,UAAM,YAAY,IAAI,OAAO,MAAM,OAAO,IAAI,OAAO,MAAM;AAC3D,UAAM,WAAW,MAAM,YAAA;AAEvB,QAAI,aAAa,WAAW,aAAa,SAAS;AAC9C,eAAS,QAAQ;AACjB,sBAAgB,SAAS,SAAS,MAAA;AAClC,sBAAgB,SAAS,SAAS,OAAA;AAClC;AAAA,IACJ;AAEA,QAAI,CAAC,UAAU,KAAK,QAAQ,GAAG;AAC3B;AAAA,IACJ;AAEA,aAAS,QAAQ;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":[],"mappings":";;AAIA,SAAS,gBAAgB,OAAe;~~AAC7B~~,~~SAAA~~,KAAK,MAAM,QAAQ,EAAE;AAChC;AAUO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA4B;AACxB,SAAO,CACH,OACA,cACA,oBAAoB,UACnB;~~AACK~~,~~UAAA~~,SAAS,SAAS,OAAO,EAAE;~~AAE7B~~,~~QAAA~~,OAAO,MAAM,MAAM,GAAG;AACtB;AAAA,~~IAAA~~;~~AAGJ~~,QAAI,SAAS,gBAAgB,GAAG,KAAK,mBAAmB;AACpD,YAAM,YAAY,SAAS;~~AAEvB~~,~~UAAA~~;~~AACA~~,~~UAAA~~;AAEJ,UACI,SAAS,OACT,WACA,aAAa,gBAAgB,OAAO,GACtC;AACE,uBAAe,QAAQ,gBAAgB,MAAM,EAAE,UAAU;~~AAC7C~~,~~oBAAA~~,QAAQ,UAAU,UAAU;AAAA,~~MAAA~~,~~OACrC~~;AACH,uBAAe,QAAQ,MAAM,QAAQ,KAAK,GAAG,EAAE,UAAU;AAAA,~~MAAA~~;~~AAG7D~~,eAAS,cAAc,SAAS;~~AAChB~~,~~sBAAA~~,SAAS,SAAS,~~MAAM~~;~~AACxB~~,~~sBAAA~~,SAAS,SAAS,~~OAAO~~;~~AACzC~~;AAAA,~~IAAA~~;~~AAGK~~,~~aAAA~~,OAAO,UAAU;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":[],"mappings":";;AAIA,SAAS,gBAAgB,OAAe;AACpC,SAAO,KAAK,MAAM,QAAQ,EAAE;AAChC;AAUO,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA4B;AACxB,SAAO,CACH,OACA,cACA,oBAAoB,UACnB;AACD,UAAM,SAAS,SAAS,OAAO,EAAE;AAEjC,QAAI,OAAO,MAAM,MAAM,GAAG;AACtB;AAAA,IACJ;AAEA,QAAI,SAAS,gBAAgB,GAAG,KAAK,mBAAmB;AACpD,YAAM,YAAY,SAAS;AAE3B,UAAI;AACJ,UAAI;AAEJ,UACI,SAAS,OACT,WACA,aAAa,gBAAgB,OAAO,GACtC;AACE,uBAAe,QAAQ,gBAAgB,MAAM,EAAE,UAAU;AACzD,oBAAY,QAAQ,UAAU,UAAU;AAAA,MAC5C,OAAO;AACH,uBAAe,QAAQ,MAAM,QAAQ,KAAK,GAAG,EAAE,UAAU;AAAA,MAC7D;AAEA,eAAS,cAAc,SAAS;AAChC,sBAAgB,SAAS,SAAS,MAAA;AAClC,sBAAgB,SAAS,SAAS,OAAA;AAClC;AAAA,IACJ;AAEA,aAAS,OAAO,UAAU;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":[],"mappings":";AAEO,SAAS,QACZ,OACA,SACA,SACA,QACA,SACA,MACF;AACE,QAAM,OAAO,~~MAAM~~;~~AACf~~,~~MAAA~~,SAAS,SAAS,OAAO,EAAE;~~AACzB~~,~~QAAA~~,WAAW,SAAS,SAAS,EAAE;~~AAC/B~~,~~QAAA~~,WAAW,SAAS,SAAS,EAAE;~~AAEjC~~,~~MAAA~~,OAAO,MAAM,MAAM,GAAG;~~AACb~~,~~aAAA~~;AAAA,~~EAAA~~;~~AAGb~~,MAAI,WAAW,MAAM;~~AACP~~,~~cAAA~~;AACV,QAAI,SAAS,SAAS;~~AACR~~,~~gBAAA~~;AAAA,~~IAAA~~;AAAA,~~EACd~~;~~AAGG~~,~~SAAA~~,KACF,KAAK,MAAM,EACX,OAAO,OAAO,MAAM,QAAQ,IAAI,IAAI,QAAQ,EAC5C,OAAO,OAAO,MAAM,QAAQ,IAAI,IAAI,QAAQ,EAC5C,YAAY,CAAC,EACb,~~OAAO~~;~~AAChB~~;"}
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":[],"mappings":";AAEO,SAAS,QACZ,OACA,SACA,SACA,QACA,SACA,MACF;AACE,QAAM,OAAO,MAAA;AACb,MAAI,SAAS,SAAS,OAAO,EAAE;AAC/B,QAAM,WAAW,SAAS,SAAS,EAAE;AACrC,QAAM,WAAW,SAAS,SAAS,EAAE;AAErC,MAAI,OAAO,MAAM,MAAM,GAAG;AACtB,aAAS;AAAA,EACb;AAEA,MAAI,WAAW,MAAM;AACjB,cAAU;AACV,QAAI,SAAS,SAAS;AAClB,gBAAU;AAAA,IACd;AAAA,EACJ;AAEA,SAAO,KACF,KAAK,MAAM,EACX,OAAO,OAAO,MAAM,QAAQ,IAAI,IAAI,QAAQ,EAC5C,OAAO,OAAO,MAAM,QAAQ,IAAI,IAAI,QAAQ,EAC5C,YAAY,CAAC,EACb,OAAA;AACT;"}

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":[],"mappings":";AAEO,SAAS,cACZ,OACA,QACA,SACA,SACF;~~AACM~~,~~MAAA~~,EAAE,iBAAiB,OAAO;~~AACnB~~,~~WAAA~~,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,~~GAAG~~;AAAA,~~EAAA~~;~~AAGvD~~,~~MAAA~~,SAAS,MAAM,~~SAAS~~;~~AAE5B~~,QAAM,OAAO,UAAU;AACvB,MAAI,WAAW,MAAM;~~AACP~~,~~cAAA~~;AACV,QAAI,WAAW,GAAG;~~AACJ~~,~~gBAAA~~;AAAA,~~IAAA~~;AAAA,~~EACd~~;~~AAGG~~,~~SAAA~~;AAAA,IACH,OAAO,QAAQ,OAAO,UAAU;AAAA,IAChC,SAAS,QAAQ,MAAM,~~WAAW~~,~~EAAE~~,UAAU;AAAA,IAC9C,SAAS,QAAQ,MAAM,~~WAAW~~,~~EAAE~~,UAAU;AAAA,IAC9C,MAAM,OAAO,UAAU;AAAA,~~EAC3B~~;~~AACJ~~;"}
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":[],"mappings":";AAEO,SAAS,cACZ,OACA,QACA,SACA,SACF;AACE,MAAI,EAAE,iBAAiB,OAAO;AAC1B,WAAO,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,GAAA;AAAA,EACxD;AAEA,MAAI,SAAS,MAAM,SAAA;AAEnB,QAAM,OAAO,UAAU;AACvB,MAAI,WAAW,MAAM;AACjB,cAAU;AACV,QAAI,WAAW,GAAG;AACd,gBAAU;AAAA,IACd;AAAA,EACJ;AAEA,SAAO;AAAA,IACH,OAAO,QAAQ,OAAO,UAAU;AAAA,IAChC,SAAS,QAAQ,MAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,SAAS,QAAQ,MAAM,WAAA,EAAa,UAAU;AAAA,IAC9C,MAAM,OAAO,UAAU;AAAA,EAAA;AAE/B;"}

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":[],"mappings":"AAAO,SAAS,QAAQ,OAAe;~~AAC7B~~,~~QAAA~~,OAAO,SAAS,OAAO,EAAE;AAC/B,SAAO,QAAQ,KAAK,KAAK,~~SAAS~~,~~IAAI~~,IAAI,IAAI;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":[],"mappings":"AAAO,SAAS,QAAQ,OAAe;AACnC,QAAM,OAAO,SAAS,OAAO,EAAE;AAC/B,SAAO,QAAQ,KAAK,KAAK,SAAA,IAAa,IAAI,IAAI;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":[],"mappings":";;~~AAUM~~,~~MAAA~~,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,UAAU,WAAW,QAAQ,OAAO,QAAQ;~~AAGhD~~,~~SAAA~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,SAAS,uBAAuB;AAAA,QAChC;AAAA,~~MACJ~~;AAAA,~~MAEA~~,UAAA,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,yBACX,UAAA;AAAA,~~QAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,~~UAAC~~,~~oBAAA~~,OAAA,EAAI,WAAU,+BACV,UAAA,6BACI,~~OAAI~~,~~EAAA~~,WAAU,+BAA8B,~~EAErD~~,~~CAAA~~;AAAA,UACC,CAAC,~~UAAW~~,~~oBAAA~~,OAAA,EAAI,WAAU,~~mBAAmB~~,~~CAAA~~;AAAA,QAAA,GAClD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,UAAU;AAAA,~~YACd~~;AAAA,~~YAEC~~;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,~~EACJ~~,~~CAAA~~;AAAA,IAAA;AAAA,~~EACJ~~;~~AAER~~;"}
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":[],"mappings":";;AAUA,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,UAAU,WAAW,QAAQ,OAAO,QAAQ;AAEpD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,SAAS,uBAAuB;AAAA,QAChC;AAAA,MAAA;AAAA,MAGJ,UAAA,qBAAC,OAAA,EAAI,WAAU,yBACX,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,+BACV,UAAA,6BACI,OAAA,EAAI,WAAU,+BAA8B,EAAA,CAErD;AAAA,UACC,CAAC,UAAU,oBAAC,OAAA,EAAI,WAAU,mBAAA,CAAmB;AAAA,QAAA,GAClD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,UAAU;AAAA,YAAA;AAAA,YAGb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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":[],"mappings":";;;;~~AAUM~~,~~MAAA~~,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,UAAU,WAAW,IAAQ~~,IAAA~~;~~AAE/B~~,~~QAAA~~,QAAQ,SAAS,MAAM,QAAQ;AAErC,QAAM,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,CAAC,MAAkD,WAAmB;AAAA,MAClE,QAAQ,UAAU,QAAQ;AAAA,MAC1B,GAAG,KAAK;AAAA,~~IACZ~~;AAAA,~~EACJ~~;~~AAGI~~,~~SAAA~~,oBAAC,QAAG,KAAU,WAAW,WAAW,YAAY,SAAS,GACpD,~~UACL~~,MAAA,~~CAAA~~;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":[],"mappings":";;;;AAUA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,UAAU,WAAW,IAAA,IAAQ;AAErC,QAAM,QAAQ,SAAS,MAAM,QAAQ;AAErC,QAAM,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,CAAC,MAAkD,WAAmB;AAAA,MAClE,QAAQ,UAAU,QAAQ;AAAA,MAC1B,GAAG,KAAK;AAAA,IAAA;AAAA,EACZ;AAGJ,SACI,oBAAC,QAAG,KAAU,WAAW,WAAW,YAAY,SAAS,GACpD,UAAA,MAAA,CACL;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":[],"mappings":";;;AA2BA,MAAM,QAAQ,CAAC,EAAE,WAAW,YAAwB;~~AAC1C~~,~~QAAA~~,oBAAoB,YAAY,KAAK;AAE3C,QAAM,WAAW,MAAM;AACnB,YAAQ,~~WAAW~~;AAAA,~~MACf~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~,KAAK;~~AAEG~~,~~eAAA~~;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,~~QACJ~~;AAAA,~~MAER~~;AACI;AAAA,IAAA;AAAA,EAEZ;~~AAEO~~,~~SAAA~~,oBAAC,~~OAAK~~,~~EAAA~~,UAAA,~~SAAW~~,~~EAAA~~,~~CAAA~~;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":[],"mappings":";;;AA2BA,MAAM,QAAQ,CAAC,EAAE,WAAW,YAAwB;AAChD,QAAM,oBAAoB,YAAY,KAAK;AAE3C,QAAM,WAAW,MAAM;AACnB,YAAQ,WAAA;AAAA,MACJ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ,KAAK;AACD,eACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAGZ;AACI;AAAA,IAAA;AAAA,EAEZ;AAEA,SAAO,oBAAC,OAAA,EAAK,UAAA,SAAA,EAAS,CAAE;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":[],"mappings":";;;;;;AA+BM,~~MAAA~~,UAAU,CAAC,UAAwB;~~AAC/B~~,~~QAAA~~;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA;AAAA,EAAA,IACd;AAEJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,MAAM;AAE9D,QAAM,eAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,~~EACX~~;~~AAEM~~,~~QAAA~~,sBAAsB,WAAW,aAAa,UAAU;AAE9D,QAAM,EAAE,MAAM,gBAAgB,QAAA,IAAY,YAAY;AAAA,IAClD,MAAM;AAAA,IACN,cAAc,CAAC,SAAS;AACpB,UAAI,CAAC,UAAU;AACX,uBAAe,IAAI;AAAA,~~MAAA~~;AAAA,~~IAE3B~~;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,YAAY;AAAA,MACR,OAAO,CAAC;AAAA,MACR,KAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACD,~~MAAM~~;AAAA,~~IAAA~~;AAAA,EACV,CACH;~~AAGK~~,~~QAAA~~,QAAQ,SAAS,SAAS;AAAA,IAC5B,MAAM;AAAA,IACN,GAAI,eAAe;AAAA,MACf,aAAa,YAAY;AAAA,QACrB,oBAAoB;AAAA,~~MACvB~~,~~CAAA~~;AAAA,IAAA;AAAA,EACL,CACH;~~AAEK~~,~~QAAA~~,QAAQ,SAAS,OAAO;~~AACxB~~,~~QAAA~~,UAAU,WAAW,OAAO;AAClC,QAAM,OAAO,QAAQ,SAAS,EAAE,MAAM,WAAW;AAEjD,QAAM,EAAE,mBAAmB,~~iBAAiB~~,~~IAAI~~,gBAAgB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAED,~~SAEQ~~,qBAAA,UAAA,~~EAAA~~,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK,KAAK;AAAA,QACT,GAAG,~~kBAAkB~~;AAAA,~~QACtB~~,WAAW,WAAW,mBAAmB,YAAY;AAAA,QAEpD;AAAA,MAAA;AAAA,~~IACL~~;AAAA,~~IACC~~,~~oBAAA~~,gBAAA,EACI,~~UACG~~,~~eAAA~~,oBAAC,~~iBACG~~,~~EAAA~~,UAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACG,KAAK,KAAK;AAAA,QACV,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA,eAAe;AAAA;AAAA,~~QACnB~~;AAAA,~~QACA~~,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,~~QAChB~~;AAAA,~~QACA~~,SACI,cACM;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~~,OAAO;AAAA,QACN,GAAG,~~iBAAiB~~;AAAA,~~QAErB~~,UAAA;AAAA,UAAA,oBAAC,UAAM,~~UAAM~~,MAAA,~~CAAA~~;AAAA,UACb;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,QAAQ;AAAA,cACnB,OAAO,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,~~OAER~~,~~EAER~~,~~CAAA~~;AAAA,EAAA,GACJ;AAER;AAEA,QAAQ,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":[],"mappings":";;;;;;AA+BA,MAAM,UAAU,CAAC,UAAwB;AACrC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA;AAAA,EAAA,IACd;AAEJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,MAAM;AAE9D,QAAM,eAAe;AAAA,IACjB,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAGX,QAAM,sBAAsB,WAAW,aAAa,UAAU;AAE9D,QAAM,EAAE,MAAM,gBAAgB,QAAA,IAAY,YAAY;AAAA,IAClD,MAAM;AAAA,IACN,cAAc,CAAC,SAAS;AACpB,UAAI,CAAC,UAAU;AACX,uBAAe,IAAI;AAAA,MACvB;AAAA,IACJ;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,YAAY;AAAA,MACR,OAAO,CAAC;AAAA,MACR,KAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACD,MAAA;AAAA,IAAM;AAAA,EACV,CACH;AAGD,QAAM,QAAQ,SAAS,SAAS;AAAA,IAC5B,MAAM;AAAA,IACN,GAAI,eAAe;AAAA,MACf,aAAa,YAAY;AAAA,QACrB,oBAAoB;AAAA,MAAA,CACvB;AAAA,IAAA;AAAA,EACL,CACH;AAED,QAAM,QAAQ,SAAS,OAAO;AAC9B,QAAM,UAAU,WAAW,OAAO;AAClC,QAAM,OAAO,QAAQ,SAAS,EAAE,MAAM,WAAW;AAEjD,QAAM,EAAE,mBAAmB,iBAAA,IAAqB,gBAAgB;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAED,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK,KAAK;AAAA,QACT,GAAG,kBAAA;AAAA,QACJ,WAAW,WAAW,mBAAmB,YAAY;AAAA,QAEpD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,oBAAC,gBAAA,EACI,UAAA,eACG,oBAAC,iBAAA,EACG,UAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACG,KAAK,KAAK;AAAA,QACV,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA,eAAe;AAAA;AAAA,QAAA;AAAA,QAEnB,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEhB,SACI,cACM;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,OAAO;AAAA,QACN,GAAG,iBAAA;AAAA,QAEJ,UAAA;AAAA,UAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,UACb;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,QAAQ;AAAA,cACnB,OAAO,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAAA,GAER,EAAA,CAER;AAAA,EAAA,GACJ;AAER;AAEA,QAAQ,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":[],"mappings":";;;AAIA,MAAM,OAAO;AACb,MAAM,QAAQ,CAAC,UAAkB,KAAK,MAAM,QAAQ,IAAI;AAExD,MAAM,WAAW,CAAC,EAAE,eAA4B;AAC5C,~~SAAQ~~,~~oBAAA~~,QAAA,EAAK,WAAU,yBAAyB,~~SAAS~~,~~CAAA~~;AAC7D;~~AAMM~~,~~MAAA~~,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,MAAM,UAAU,~~UAAc~~,~~IAAA~~;AACtC,QAAM,EAAE,MAAM,MAAM,~~KAAS~~,~~IAAA~~;AAE7B,QAAM,kBAAkB,MAAM;AAC1B,UAAM,cAAc,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM;AAE3C,QAAI,aAAa;~~AAET~~,~~aAAA~~;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,IAAI,gBAAgB,IAAI;AAAA,UAC7B,KAAK,gBAAgB,IAAI;AAAA,QAAA;AAAA,~~MAC7B~~;AAAA,~~IAAA~~;~~AAIR~~,QAAI,SAAS,mBAAmB;AAC5B,~~aACK~~,~~oBAAA~~,UAAA,EACG,~~UAAC~~,~~oBAAA~~,YAAA,CAAW,~~CAAA,~~GAChB;AAAA,~~IAAA~~;~~AAIR~~,QAAI,SAAS,OAAO;AAChB,~~aACK~~,~~oBAAA~~,UAAA,EACG,~~UAAC~~,~~oBAAA~~,YAAA,CAAW,~~CAAA,~~GAChB;AAAA,~~IAAA~~;~~AAIR~~,~~WACK~~,~~oBAAA~~,UAAA,EACG,~~UAAC~~,~~oBAAA~~,SAAA,CAAQ,~~CAAA,~~GACb;AAAA,EAER;AAEA,8BACK,~~OAAI~~,~~EAAA~~,WAAW,WAAW,eAAe,SAAS,GAC/C,UAAA;AAAA,~~IAAC~~,~~qBAAA~~,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,~~OAAI~~,~~EAAA~~,WAAU,yBAAyB,UAAA,gBAAA,GAAkB;AAAA,MAC1D,qBAAC,~~OAAI~~,~~EAAA~~,WAAU,oBACX,UAAA;AAAA,~~QAAC~~,~~oBAAA~~,MAAA,EAAG,WAAU,sCACT,~~UACL~~,~~MAAA~~;AAAA,QACA,qBAAC,~~QAAK~~,~~EAAA~~,WAAU,oBAAoB,UAAA;AAAA,UAAA,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA,~~EAAG~~,~~CAAA~~;AAAA,MAAA,~~EACvD~~,~~CAAA~~;AAAA,IAAA,GACJ;AAAA,IACC;AAAA,EAAA,GACL;AAER;AAEA,SAAS,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":[],"mappings":";;;AAIA,MAAM,OAAO;AACb,MAAM,QAAQ,CAAC,UAAkB,KAAK,MAAM,QAAQ,IAAI;AAExD,MAAM,WAAW,CAAC,EAAE,eAA4B;AAC5C,SAAO,oBAAC,QAAA,EAAK,WAAU,yBAAyB,SAAA,CAAS;AAC7D;AAMA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM,EAAE,MAAM,UAAU,UAAA,IAAc;AACtC,QAAM,EAAE,MAAM,MAAM,KAAA,IAAS;AAE7B,QAAM,kBAAkB,MAAM;AAC1B,UAAM,cAAc,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM;AAE3C,QAAI,aAAa;AACb,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,IAAI,gBAAgB,IAAI;AAAA,UAC7B,KAAK,gBAAgB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC;AAEA,QAAI,SAAS,mBAAmB;AAC5B,aACI,oBAAC,UAAA,EACG,UAAA,oBAAC,YAAA,CAAA,CAAW,GAChB;AAAA,IAER;AAEA,QAAI,SAAS,OAAO;AAChB,aACI,oBAAC,UAAA,EACG,UAAA,oBAAC,YAAA,CAAA,CAAW,GAChB;AAAA,IAER;AAEA,WACI,oBAAC,UAAA,EACG,UAAA,oBAAC,SAAA,CAAA,CAAQ,GACb;AAAA,EAER;AAEA,8BACK,OAAA,EAAI,WAAW,WAAW,eAAe,SAAS,GAC/C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,yBAAyB,UAAA,gBAAA,GAAkB;AAAA,MAC1D,qBAAC,OAAA,EAAI,WAAU,oBACX,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,sCACT,UAAA,MACL;AAAA,QACA,qBAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA;AAAA,UAAA,MAAM,IAAI;AAAA,UAAE;AAAA,QAAA,EAAA,CAAG;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,GACJ;AAAA,IACC;AAAA,EAAA,GACL;AAER;AAEA,SAAS,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":[],"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":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ function useCallbackRef(cb) {
   useEffect(() => {
     cbRef.current = cb;
   });
-  return useMemo(() => (...args) => cbRef.current?.(...args), []);
+  return useMemo(() => ((...args) => cbRef.current?.(...args)), []);
 }
 export {
   useCallbackRef 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":[],"mappings":";AAGA,SAAS,eACL,IACC;~~AACK~~,~~QAAA~~,QAAQ,OAAO,EAAE;AAEvB,YAAU,MAAM;AACZ,UAAM,UAAU;AAAA,~~EAAA~~,~~CACnB~~;~~AAEM~~,~~SAAA~~,QAAQ,~~MAAO~~,IAAI,SAAS,MAAM,UAAU,GAAG,IAAI,~~GAAS~~,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":[],"mappings":";AAGA,SAAS,eACL,IACC;AACD,QAAM,QAAQ,OAAO,EAAE;AAEvB,YAAU,MAAM;AACZ,UAAM,UAAU;AAAA,EACpB,CAAC;AAED,SAAO,QAAQ,OAAO,IAAI,SAAS,MAAM,UAAU,GAAG,IAAI,IAAS,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":["value"],"mappings":";;AASA,SAAS,qBAAwB;AAAA,EAC7B;AAAA,EACA;AACJ,GAAgD;~~AACtC~~,~~QAAA~~,oBAAoB,SAAS,WAAW;~~AACxC~~,~~QAAA~~,CAAC,KAAK,IAAI;~~AACV~~,~~QAAA~~,eAAe,OAAO,KAAK;~~AAC3B~~,~~QAAA~~,eAAe,eAAe,QAAQ;AAE5C,YAAU,MAAM;~~AACR~~,~~QAAA~~,aAAa,YAAY,OAAO;AAChC,mBAAa,KAAU;AACvB,mBAAa,UAAU;AAAA,~~IAAA~~;AAAA,~~EAE5B~~,~~GAAA~~,CAAC,OAAO,cAAc,YAAY,CAAC;~~AAE/B~~,~~SAAA~~;AACX;AAEA,SAAS,qBAAwB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,~~EAAA~~;~~AAGrB~~,GAAkC;AAC9B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,qBAAqB;AAAA,IACjE;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,eAAe,SAAS;~~AACxB~~,~~QAAA~~,QAAQ,eAAe,OAAO;~~AAC9B~~,~~QAAA~~,eAAe,eAAe,QAAQ;AAE5C,QAAM,WACF;AAAA,IACI,CAAC,cAAc;AACX,YAAM,SAAS;AACf,UAAI,cAAc;AACd,cAAMA,SACF,OAAO,cAAc,aACf,OAAO,IAAI,IACX;AACV,YAAIA,WAAU,MAAM;AAChB,uBAAaA,MAAU;AAAA,~~QAAA~~;AAAA,~~MAC3B~~,~~OACG~~;AACH,4BAAoB,SAAS;AAAA,~~MAAA~~;AAAA,~~IAErC~~;AAAA,IACA,CAAC,cAAc,MAAM,qBAAqB,YAAY;AAAA,~~EAC1D~~;~~AAEG~~,~~SAAA~~,CAAC,OAAO,QAAQ;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":["value"],"mappings":";;AASA,SAAS,qBAAwB;AAAA,EAC7B;AAAA,EACA;AACJ,GAAgD;AAC5C,QAAM,oBAAoB,SAAS,WAAW;AAC9C,QAAM,CAAC,KAAK,IAAI;AAChB,QAAM,eAAe,OAAO,KAAK;AACjC,QAAM,eAAe,eAAe,QAAQ;AAE5C,YAAU,MAAM;AACZ,QAAI,aAAa,YAAY,OAAO;AAChC,mBAAa,KAAU;AACvB,mBAAa,UAAU;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,OAAO,cAAc,YAAY,CAAC;AAEtC,SAAO;AACX;AAEA,SAAS,qBAAwB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EAEjB;AACJ,GAAkC;AAC9B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,qBAAqB;AAAA,IACjE;AAAA,IACA;AAAA,EAAA,CACH;AACD,QAAM,eAAe,SAAS;AAC9B,QAAM,QAAQ,eAAe,OAAO;AACpC,QAAM,eAAe,eAAe,QAAQ;AAE5C,QAAM,WACF;AAAA,IACI,CAAC,cAAc;AACX,YAAM,SAAS;AACf,UAAI,cAAc;AACd,cAAMA,SACF,OAAO,cAAc,aACf,OAAO,IAAI,IACX;AACV,YAAIA,WAAU,MAAM;AAChB,uBAAaA,MAAU;AAAA,QAC3B;AAAA,MACJ,OAAO;AACH,4BAAoB,SAAS;AAAA,MACjC;AAAA,IACJ;AAAA,IACA,CAAC,cAAc,MAAM,qBAAqB,YAAY;AAAA,EAAA;AAG9D,SAAO,CAAC,OAAO,QAAQ;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":[],"mappings":";~~AAEwB~~,~~SAAA~~,aACpB,UAEA,cACF;~~AACQ~~,~~QAAA~~,UAAU,OAAO,KAAK;AAE5B;AAAA,IACI,MAAM,MAAM;AACR,cAAQ,UAAU;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,~~EACJ~~;~~AAEA~~,YAAU,MAAM;AACZ,QAAI,QAAQ,SAAS;AACjB,aAAO,~~SAAS~~;AAAA,~~IAAA~~;~~AAGpB~~,YAAQ,UAAU;~~AACX~~,~~WAAA~~;AAAA,~~KAER~~,YAAY;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":[],"mappings":";AAEA,SAAwB,aACpB,UAEA,cACF;AACE,QAAM,UAAU,OAAO,KAAK;AAE5B;AAAA,IACI,MAAM,MAAM;AACR,cAAQ,UAAU;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,EAAC;AAGL,YAAU,MAAM;AACZ,QAAI,QAAQ,SAAS;AACjB,aAAO,SAAA;AAAA,IACX;AAEA,YAAQ,UAAU;AAClB,WAAO;AAAA,EAEX,GAAG,YAAY;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":[],"mappings":"AAKA,MAAM,cACF,IAAa,SACb,CAAC,YAAsB;~~AACd~~,~~OAAA~~,QAAQ,CAAC,QAAQ;~~AACd~~,~~QAAA~~,OAAO,QAAQ,YAAY;AAC3B,UAAI,OAAyC;AAAA,~~IACtC~~,~~WAAA~~,OAAO,OAAO,QAAQ,UAAU;AACvC,UAAI,UAAU;AAAA,~~IAAA~~;AAAA,~~EAClB~~,~~CACH~~;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":[],"mappings":"AAKA,MAAM,cACF,IAAa,SACb,CAAC,YAAsB;AACnB,OAAK,QAAQ,CAAC,QAAQ;AAClB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,OAAyC;AAAA,IACjD,WAAW,OAAO,OAAO,QAAQ,UAAU;AACvC,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ,CAAC;AACL;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n disabled: boolean\n triggerTarget: RefObject<HTMLElement \| null>\n overlayTarget: RefObject<HTMLElement \| null>\n listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) \| null) => {\n if (context.contains) {\n return context.contains(node)\n } else if (context.compareDocumentPosition) {\n return (\n context === node \|\|\n !!(context.compareDocumentPosition(node as Node) & 16)\n )\n }\n if (node) {\n do {\n if (node === context) {\n return true\n }\n } while ((node = node.parentNode))\n }\n return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n return !!(e.metaKey \|\| e.altKey \|\| e.ctrlKey \|\| e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n target: Element \| Window \| Document \| EventTarget,\n eventType: K,\n listener: EventListenerOrEventListenerObject \| CustomEventListener,\n options: boolean \| AddEventListenerOptions = false,\n): { off: () => void } {\n target.addEventListener(eventType, listener, options)\n\n return {\n off() {\n target.removeEventListener(eventType, listener, options)\n },\n }\n}\n\nfunction useRootClose(\n onRootClose: ReactEventHandler \| undefined,\n { disabled, triggerTarget, overlayTarget }: Options,\n) {\n const handleDocumentMouseDown = useCallback(\n (event: any) => {\n const triggerElement = triggerTarget?.current\n const overlayElement = overlayTarget?.current\n\n if (triggerElement && domContains(triggerElement, event.target)) {\n return\n }\n\n if (overlayElement && domContains(overlayElement, event.target)) {\n return\n }\n\n if (isModifiedEvent(event) \|\| !isLeftClickEvent(event)) {\n return\n }\n\n onRootClose?.(event)\n },\n [onRootClose, triggerTarget, overlayTarget],\n )\n\n const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n useEffect(() => {\n handleDocumentMouseDownRef.current = handleDocumentMouseDown\n }, [handleDocumentMouseDown])\n\n useEffect(() => {\n const currentTarget = triggerTarget?.current\n\n if (disabled \|\| !currentTarget) return\n\n const doc = () =>\n (currentTarget && currentTarget.ownerDocument) \|\| document\n const onDocumentMouseDownListener = onEventListener(\n doc(),\n 'mousedown',\n (event: any) => handleDocumentMouseDownRef.current(event),\n true,\n )\n\n return () => {\n onDocumentMouseDownListener?.off()\n }\n }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":[],"mappings":";AAeA,MAAM,cAAc,CAAC,SAAkB,SAAqC;AACxE,MAAI,QAAQ,UAAU;~~AACX~~,~~WAAA~~,QAAQ,SAAS,IAAI;AAAA,~~EAAA~~,~~WACrB~~,QAAQ,yBAAyB;AACxC,WACI,YAAY,QACZ,CAAC,EAAE,QAAQ,wBAAwB,IAAY,IAAI;AAAA,~~EAAA~~;~~AAG3D~~,MAAI,MAAM;~~AACH~~,~~OAAA~~;AACC,UAAI,SAAS,SAAS;~~AACX~~,~~eAAA~~;AAAA,~~MAAA~~;AAAA,~~IACX~~,~~SACM~~,OAAO,KAAK;AAAA,~~EAAA~~;~~AAEnB~~,~~SAAA~~;AACX;AAEA,SAAS,iBAAiB,GAAe;AACrC,SAAO,GAAG,WAAW;AACzB;AAEA,SAAS,gBAAgB,GAAe;~~AAC7B~~,~~SAAA~~,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG;AACvD;AAEA,SAAS,gBACL,QACA,WACA,UACA,UAA6C,OAC1B;~~AACZ~~,~~SAAA~~,iBAAiB,WAAW,UAAU,OAAO;~~AAE7C~~,~~SAAA~~;AAAA,IACH,MAAM;~~AACK~~,~~aAAA~~,oBAAoB,WAAW,UAAU,OAAO;AAAA,~~IAAA~~;AAAA,~~EAE/D~~;~~AACJ~~;AAEA,SAAS,aACL,aACA,EAAE,UAAU,eAAe,iBAC7B;AACE,QAAM,0BAA0B;AAAA,IAC5B,CAAC,UAAe;AACZ,YAAM,iBAAiB,eAAe;AACtC,YAAM,iBAAiB,eAAe;AAEtC,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,~~MAAA~~;~~AAGJ~~,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,~~MAAA~~;~~AAGJ~~,UAAI,gBAAgB,KAAK,KAAK,CAAC,iBAAiB,KAAK,GAAG;AACpD;AAAA,~~MAAA~~;~~AAGJ~~,oBAAc,KAAK;AAAA,IACvB;AAAA,IACA,CAAC,aAAa,eAAe,aAAa;AAAA,~~EAC9C~~;~~AAEM~~,~~QAAA~~,6BAA6B,OAAO,uBAAuB;AAEjE,YAAU,MAAM;AACZ,+BAA2B,UAAU;AAAA,~~EAAA~~,~~GACtC~~,CAAC,uBAAuB,CAAC;AAE5B,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe;~~AAEjC~~,~~QAAA~~,YAAY,CAAC,cAAe;AAEhC,UAAM,MAAM,MACP,iBAAiB,cAAc,iBAAkB;AACtD,UAAM,8BAA8B;AAAA,MAChC,~~IAAI~~;AAAA,~~MACJ~~;AAAA,MACA,CAAC,UAAe,2BAA2B,QAAQ,KAAK;AAAA,MACxD;AAAA,~~IACJ~~;~~AAEA~~,WAAO,MAAM;AACT,mCAA6B,~~IAAI~~;AAAA,~~IACrC~~;AAAA,~~EAAA~~,~~GACD~~,CAAC,eAAe,QAAQ,CAAC;AAChC;"}
1	+ {"version":3,"file":"useRootClose.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useRootClose.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useCallback, useRef } from 'react'\nimport type { RefObject, ReactEventHandler } from 'react'\n\ntype Options = {\n disabled: boolean\n triggerTarget: RefObject<HTMLElement \| null>\n overlayTarget: RefObject<HTMLElement \| null>\n listenEscape?: boolean\n}\n\ninterface CustomEventListener<T = any> {\n (evt: T): void\n}\n\nconst domContains = (context: Element, node: (Node & ParentNode) \| null) => {\n if (context.contains) {\n return context.contains(node)\n } else if (context.compareDocumentPosition) {\n return (\n context === node \|\|\n !!(context.compareDocumentPosition(node as Node) & 16)\n )\n }\n if (node) {\n do {\n if (node === context) {\n return true\n }\n } while ((node = node.parentNode))\n }\n return false\n}\n\nfunction isLeftClickEvent(e: MouseEvent) {\n return e?.button === 0\n}\n\nfunction isModifiedEvent(e: MouseEvent) {\n return !!(e.metaKey \|\| e.altKey \|\| e.ctrlKey \|\| e?.shiftKey)\n}\n\nfunction onEventListener<K extends keyof DocumentEventMap>(\n target: Element \| Window \| Document \| EventTarget,\n eventType: K,\n listener: EventListenerOrEventListenerObject \| CustomEventListener,\n options: boolean \| AddEventListenerOptions = false,\n): { off: () => void } {\n target.addEventListener(eventType, listener, options)\n\n return {\n off() {\n target.removeEventListener(eventType, listener, options)\n },\n }\n}\n\nfunction useRootClose(\n onRootClose: ReactEventHandler \| undefined,\n { disabled, triggerTarget, overlayTarget }: Options,\n) {\n const handleDocumentMouseDown = useCallback(\n (event: any) => {\n const triggerElement = triggerTarget?.current\n const overlayElement = overlayTarget?.current\n\n if (triggerElement && domContains(triggerElement, event.target)) {\n return\n }\n\n if (overlayElement && domContains(overlayElement, event.target)) {\n return\n }\n\n if (isModifiedEvent(event) \|\| !isLeftClickEvent(event)) {\n return\n }\n\n onRootClose?.(event)\n },\n [onRootClose, triggerTarget, overlayTarget],\n )\n\n const handleDocumentMouseDownRef = useRef(handleDocumentMouseDown)\n\n useEffect(() => {\n handleDocumentMouseDownRef.current = handleDocumentMouseDown\n }, [handleDocumentMouseDown])\n\n useEffect(() => {\n const currentTarget = triggerTarget?.current\n\n if (disabled \|\| !currentTarget) return\n\n const doc = () =>\n (currentTarget && currentTarget.ownerDocument) \|\| document\n const onDocumentMouseDownListener = onEventListener(\n doc(),\n 'mousedown',\n (event: any) => handleDocumentMouseDownRef.current(event),\n true,\n )\n\n return () => {\n onDocumentMouseDownListener?.off()\n }\n }, [triggerTarget, disabled])\n}\n\nexport default useRootClose\n"],"names":[],"mappings":";AAeA,MAAM,cAAc,CAAC,SAAkB,SAAqC;AACxE,MAAI,QAAQ,UAAU;AAClB,WAAO,QAAQ,SAAS,IAAI;AAAA,EAChC,WAAW,QAAQ,yBAAyB;AACxC,WACI,YAAY,QACZ,CAAC,EAAE,QAAQ,wBAAwB,IAAY,IAAI;AAAA,EAE3D;AACA,MAAI,MAAM;AACN,OAAG;AACC,UAAI,SAAS,SAAS;AAClB,eAAO;AAAA,MACX;AAAA,IACJ,SAAU,OAAO,KAAK;AAAA,EAC1B;AACA,SAAO;AACX;AAEA,SAAS,iBAAiB,GAAe;AACrC,SAAO,GAAG,WAAW;AACzB;AAEA,SAAS,gBAAgB,GAAe;AACpC,SAAO,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG;AACvD;AAEA,SAAS,gBACL,QACA,WACA,UACA,UAA6C,OAC1B;AACnB,SAAO,iBAAiB,WAAW,UAAU,OAAO;AAEpD,SAAO;AAAA,IACH,MAAM;AACF,aAAO,oBAAoB,WAAW,UAAU,OAAO;AAAA,IAC3D;AAAA,EAAA;AAER;AAEA,SAAS,aACL,aACA,EAAE,UAAU,eAAe,iBAC7B;AACE,QAAM,0BAA0B;AAAA,IAC5B,CAAC,UAAe;AACZ,YAAM,iBAAiB,eAAe;AACtC,YAAM,iBAAiB,eAAe;AAEtC,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MACJ;AAEA,UAAI,kBAAkB,YAAY,gBAAgB,MAAM,MAAM,GAAG;AAC7D;AAAA,MACJ;AAEA,UAAI,gBAAgB,KAAK,KAAK,CAAC,iBAAiB,KAAK,GAAG;AACpD;AAAA,MACJ;AAEA,oBAAc,KAAK;AAAA,IACvB;AAAA,IACA,CAAC,aAAa,eAAe,aAAa;AAAA,EAAA;AAG9C,QAAM,6BAA6B,OAAO,uBAAuB;AAEjE,YAAU,MAAM;AACZ,+BAA2B,UAAU;AAAA,EACzC,GAAG,CAAC,uBAAuB,CAAC;AAE5B,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe;AAErC,QAAI,YAAY,CAAC,cAAe;AAEhC,UAAM,MAAM,MACP,iBAAiB,cAAc,iBAAkB;AACtD,UAAM,8BAA8B;AAAA,MAChC,IAAA;AAAA,MACA;AAAA,MACA,CAAC,UAAe,2BAA2B,QAAQ,KAAK;AAAA,MACxD;AAAA,IAAA;AAGJ,WAAO,MAAM;AACT,mCAA6B,IAAA;AAAA,IACjC;AAAA,EACJ,GAAG,CAAC,eAAe,QAAQ,CAAC;AAChC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n clear: () => void\n reset: () => void\n}\n\nfunction useTimeout(\n fn: (() => void) \| undefined,\n ms = 0,\n enabled = true,\n): UseTimeoutReturn {\n const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n const callback = useRef(fn)\n\n const clear = useCallback(() => {\n timeout.current && clearTimeout(timeout.current)\n }, [])\n\n const set = useCallback(() => {\n timeout.current && clearTimeout(timeout.current)\n if (enabled) {\n timeout.current = setTimeout(() => {\n callback.current?.()\n }, ms)\n }\n }, [ms, enabled])\n\n useEffect(() => {\n callback.current = fn\n }, [fn])\n\n useEffect(() => {\n set()\n return clear\n }, [ms, enabled, set, clear])\n\n return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":[],"mappings":";AAOA,SAAS,WACL,IACA,KAAK,GACL,UAAU,MACM;~~AACV~~,~~QAAA~~,UAAU,OAAsC,MAAS;~~AACzD~~,~~QAAA~~,WAAW,OAAO,EAAE;~~AAEpB~~,~~QAAA~~,QAAQ,YAAY,MAAM;~~AACpB~~,~~YAAA~~,WAAW,aAAa,QAAQ,OAAO;AAAA,EACnD,GAAG,~~EAAE~~;~~AAEC~~,~~QAAA~~,MAAM,YAAY,MAAM;~~AAClB~~,~~YAAA~~,WAAW,aAAa,QAAQ,OAAO;AAC/C,QAAI,SAAS;~~AACD~~,~~cAAA~~,UAAU,WAAW,MAAM;AAC/B,iBAAS,~~UAAU~~;AAAA,~~SACpB~~,EAAE;AAAA,~~IAAA~~;AAAA,~~EACT~~,~~GACD~~,CAAC,IAAI,OAAO,CAAC;AAEhB,YAAU,MAAM;AACZ,aAAS,UAAU;AAAA,~~EAAA~~,~~GACpB~~,CAAC,EAAE,CAAC;AAEP,YAAU,MAAM;~~AACR~~,QAAA;~~AACG~~,~~WAAA~~;AAAA,~~KACR~~,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC;~~AAErB~~,~~SAAA~~,EAAE,OAAO,OAAO,~~IAAI~~;~~AAC/B~~;"}
1	+ {"version":3,"file":"useTimeout.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react'\n\nexport type UseTimeoutReturn = {\n clear: () => void\n reset: () => void\n}\n\nfunction useTimeout(\n fn: (() => void) \| undefined,\n ms = 0,\n enabled = true,\n): UseTimeoutReturn {\n const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n const callback = useRef(fn)\n\n const clear = useCallback(() => {\n timeout.current && clearTimeout(timeout.current)\n }, [])\n\n const set = useCallback(() => {\n timeout.current && clearTimeout(timeout.current)\n if (enabled) {\n timeout.current = setTimeout(() => {\n callback.current?.()\n }, ms)\n }\n }, [ms, enabled])\n\n useEffect(() => {\n callback.current = fn\n }, [fn])\n\n useEffect(() => {\n set()\n return clear\n }, [ms, enabled, set, clear])\n\n return { clear, reset: set }\n}\n\nexport default useTimeout\n"],"names":[],"mappings":";AAOA,SAAS,WACL,IACA,KAAK,GACL,UAAU,MACM;AAChB,QAAM,UAAU,OAAsC,MAAS;AAC/D,QAAM,WAAW,OAAO,EAAE;AAE1B,QAAM,QAAQ,YAAY,MAAM;AAC5B,YAAQ,WAAW,aAAa,QAAQ,OAAO;AAAA,EACnD,GAAG,CAAA,CAAE;AAEL,QAAM,MAAM,YAAY,MAAM;AAC1B,YAAQ,WAAW,aAAa,QAAQ,OAAO;AAC/C,QAAI,SAAS;AACT,cAAQ,UAAU,WAAW,MAAM;AAC/B,iBAAS,UAAA;AAAA,MACb,GAAG,EAAE;AAAA,IACT;AAAA,EACJ,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,YAAU,MAAM;AACZ,aAAS,UAAU;AAAA,EACvB,GAAG,CAAC,EAAE,CAAC;AAEP,YAAU,MAAM;AACZ,QAAA;AACA,WAAO;AAAA,EACX,GAAG,CAAC,IAAI,SAAS,KAAK,KAAK,CAAC;AAE5B,SAAO,EAAE,OAAO,OAAO,IAAA;AAC3B;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\nimport type { ForwardedRef } from 'react'\n\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\n const newRef = useRef<T>(null)\n\n if (ref) {\n return ref\n }\n\n return newRef\n}\n"],"names":[],"mappings":";AAGA,SAAwB,gBAA6B,KAAsB;~~AACjE~~,~~QAAA~~,SAAS,OAAU,IAAI;AAE7B,MAAI,KAAK;~~AACE~~,~~WAAA~~;AAAA,~~EAAA~~;~~AAGJ~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"useUncertainRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUncertainRef.ts"],"sourcesContent":["import { useRef } from 'react'\nimport type { ForwardedRef } from 'react'\n\nexport default function useUncertainRef<T = unknown>(ref: ForwardedRef<T>) {\n const newRef = useRef<T>(null)\n\n if (ref) {\n return ref\n }\n\n return newRef\n}\n"],"names":[],"mappings":";AAGA,SAAwB,gBAA6B,KAAsB;AACvE,QAAM,SAAS,OAAU,IAAI;AAE7B,MAAI,KAAK;AACL,WAAO;AAAA,EACX;AAEA,SAAO;AACX;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport createUID from '../utils/createUid'\n\nexport default function useUniqueId(prefix = '', len = 10) {\n const idRef = useRef<string>(undefined)\n\n if (!idRef.current) {\n idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\n }\n\n return idRef.current\n}\n"],"names":[],"mappings":";;;AAIA,SAAwB,YAAY,SAAS,IAAI,MAAM,IAAI;~~AACjD~~,~~QAAA~~,QAAQ,OAAe,MAAS;~~AAElC~~,~~MAAA~~,CAAC,MAAM,SAAS;~~AACV~~,~~UAAA~~,UAAU,GAAG,SAAS,MAAM,CAAC,IAAI,UAAU,GAAG,CAAC;AAAA,~~EAAA~~;~~AAGzD~~,SAAO,MAAM;AACjB;"}
1	+ {"version":3,"file":"useUniqueId.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useUniqueId.ts"],"sourcesContent":["import { useRef } from 'react'\nimport uniqueId from 'lodash/uniqueId'\nimport createUID from '../utils/createUid'\n\nexport default function useUniqueId(prefix = '', len = 10) {\n const idRef = useRef<string>(undefined)\n\n if (!idRef.current) {\n idRef.current = `${uniqueId(prefix)}-${createUID(len)}`\n }\n\n return idRef.current\n}\n"],"names":[],"mappings":";;;AAIA,SAAwB,YAAY,SAAS,IAAI,MAAM,IAAI;AACvD,QAAM,QAAQ,OAAe,MAAS;AAEtC,MAAI,CAAC,MAAM,SAAS;AAChB,UAAM,UAAU,GAAG,SAAS,MAAM,CAAC,IAAI,UAAU,GAAG,CAAC;AAAA,EACzD;AAEA,SAAO,MAAM;AACjB;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n const [windowSize, setWindowSize] = useState<{\n width?: number\n height?: number\n }>({\n width: undefined,\n height: undefined,\n })\n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n }\n window.addEventListener('resize', handleResize)\n handleResize()\n return () => window.removeEventListener('resize', handleResize)\n }, [])\n\n return windowSize\n}\n"],"names":[],"mappings":";AAEA,SAAwB,gBAAgB;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,YAAU,MAAM;AACZ,aAAS,eAAe;~~AACN~~,~~oBAAA~~;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,~~IAAA~~;~~AAEE~~,~~WAAA~~,iBAAiB,UAAU,YAAY;~~AACjC~~,iBAAA;~~AACb~~,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAClE,GAAG,~~EAAE~~;~~AAEE~~,~~SAAA~~;AACX;"}
1	+ {"version":3,"file":"useWindowSize.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n const [windowSize, setWindowSize] = useState<{\n width?: number\n height?: number\n }>({\n width: undefined,\n height: undefined,\n })\n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n })\n }\n window.addEventListener('resize', handleResize)\n handleResize()\n return () => window.removeEventListener('resize', handleResize)\n }, [])\n\n return windowSize\n}\n"],"names":[],"mappings":";AAEA,SAAwB,gBAAgB;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACX;AACD,YAAU,MAAM;AACZ,aAAS,eAAe;AACpB,oBAAc;AAAA,QACV,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAClB;AAAA,IACL;AACA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,iBAAA;AACA,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAClE,GAAG,CAAA,CAAE;AAEL,SAAO;AACX;"}

package/dist/@ecme/components/ui/index.js CHANGED Viewed

@@ -57,9 +57,9 @@ import { default as default21 } from "./Skeleton/Skeleton.js";
 import { default as default22 } from "./Spinner/Spinner.js";
 import { default as default23 } from "./Switcher/Switcher.js";
 import { default as default24 } from "./Tag/Tag.js";
-import { default as default25 } from "./toast/toast.js";
-import { default as default26 } from "./Tooltip/Tooltip.js";
-import { default as default27 } from "./Upload/Upload.js";
+import { default as default25 } from "./Tooltip/Tooltip.js";
+import { default as default26 } from "./Upload/Upload.js";
+import { default as default27 } from "./toast/toast.js";
 export {
   default6 as Alert,
   Avatar,
@@ -97,9 +97,9 @@ export {
   default24 as Tag,
   TimeInput,
   Timeline,
-  default26 as Tooltip,
-  default27 as Upload,
+  default25 as Tooltip,
+  default26 as Upload,
   default4 as hooks,
-  default25 as toast
+  default27 as toast
 };
 //# sourceMappingURL=index.js.map