@orbe-agro/client-core 5.6.187 → 5.6.188-prod.0

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

@@ -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":";;;;;;;;;;;;;;;;;;AA6CA,MAAM,YAAY,CAAC,UAA0B;AACzC,QAAM;AAAA,IACF,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP;AAAA,IACA,SAAS,oBAAC,gBAAA,EAAe,WAAU,UAAA,CAAU;AAAA,IAC7C,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,OAAO,YAAY,EAAE;AAE3B,QAAM,WAAW,OAAyB,MAAS;AACnD,QAAM,aAAa,OAAyB,MAAS;AACrD,QAAM,aAAa,OAAyB,MAAS;AACrD,QAAM,UAAU,OAAyB,MAAS;AAClD,QAAM,CAAC,MAAM,OAAO,IAAI;AAAA,IACpB;AAAA,MACI,SAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAEJ,QAAM,CAAC,QAAQ,QAAQ,IAAI;AAAA,IACtB,SAAmB;AAAA,EAAA;AAGxB,QAAM,kBAAkB,eAAe;AACvC,QAAM,qBAAqB,WAAW;AAEtC,eAAa,MAAM;AACf,YAAQ,cAAc,QAAgB,QAAQ,SAAS,OAAO,CAAC;AAAA,EACnE,GAAG,CAAC,QAAQ,QAAQ,SAAS,OAAO,CAAC;AAErC,eAAa,MAAM;AACf,QAAI,OAAO,QAAA,MAAc,QAAQ,WAAW;AACxC,eAAS,KAAoB;AAAA,IACjC;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,UAAU,CAAC,WAAiC;AAC9C,UAAM,iBAAiB,EAAE,GAAG,MAAM,GAAG,OAAA;AACrC,UAAM,UAAU;AAAA,MACZ,eAAe;AAAA,MACf,eAAe;AAAA,MACf,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,eAAe;AAAA,IAAA;AAEnB,aAAS,OAAO;AAChB,WAAO,aAAa,cAAc,SAAS,OAAO;AAAA,EACtD;AAEA,QAAM,oBAAoB,kBAAkB;AAAA,IACxC,UAAU,CAAC,KAAK,cAAc;AAC1B,cAAQ;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,aAAa,KAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK,WAAW,OAAO,IAAI;AAAA,IAC3B,KAAK,WAAW,OAAO,KAAK;AAAA,IAC5B,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACZ;AAED,QAAM,sBAAsB,kBAAkB;AAAA,IAC1C,UAAU,CAAC,KAAK,cAAc;AAC1B,cAAQ;AAAA,QACJ,SAAS;AAAA,QACT,SAAS,aAAa,KAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAAS,cACF,aACD,WAAW,OACR,UACA;AAAA,IACT,SAAS,cAAc,KAAK;AAAA,EAAA,CAC/B;AAED,QAAM,sBAAsB,kBAAkB;AAAA,IAC1C,UAAU,CAAC,QAAQ;AACf,cAAQ,EAAE,SAAS,KAAK;AAAA,IAC5B;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SACI,WAAW,OACJ,UACA;AAAA,EAAA,CACd;AAED,QAAM,mBAAmB,kBAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA,UAAU,CAAC,QAAQ;AACf,cAAQ,EAAE,MAAM,KAAK;AAAA,IACzB;AAAA,IACA;AAAA,EAAA,CACH;AAED,QAAM,cAAc,MAAM;AACtB,YAAQ,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,IAAI;AACzD,aAAS,IAAI;AACb,eAAW,IAAI;AACf,cAAU,SAAS,MAAA;AAAA,EACvB;AAEA,QAAM,aACF,aAAa,6BAAU,aAAA,EAAY,SAAS,aAAa,IAAK;AAElE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,SAAS,MAAM,UAAU,SAAS,MAAA;AAAA,MACjC,GAAG;AAAA,MAEJ,UAAA,qBAAC,OAAA,EAAI,WAAU,sBACX,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKA,YAAa,UAAmC,GAAG;AAAA,YACxD,eAAa;AAAA,YACb,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,QACP,QAAQ,CAAC,aAAa,EAAE,GAAG,SAAS,OAAO,IAAA,EAAM;AAAA,YAErD,IAAI;AAAA,YACJ,WAAW;AAAA,YACX,KAAK,WAAW,OAAO,KAAK;AAAA,YAC5B,aAAa;AAAA,YACb,cAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,QACP,QAAQ,CAAC,aAAa,EAAE,GAAG,SAAS,SAAS,IAAA,EAAM;AAAA,YAEvD,WAAW;AAAA,YACX,eAAe;AAAA,YACf,KAAK;AAAA,YACL,aAAa;AAAA,YACb,cAAW;AAAA,YACX;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,eACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,QACP,QAAQ,CAAC,aAAa,EAAE,GAAG,SAAS,SAAS,IAAA,EAAM;AAAA,YAEvD,WAAW;AAAA,YACX,KAAK;AAAA,YACL,aAAa;AAAA,YACb,cAAW;AAAA,YACX;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGjB,WAAW,QACR;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAK;AAAA,YACL,OAAO,KAAK;AAAA,YACZ,aAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA,cAAW;AAAA,YACX;AAAA,YACA,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACd,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TimeInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport useDidUpdate from '../hooks/useDidUpdate'\r\nimport { useFormItem } from '../Form/context'\r\nimport TimeInputField from './TimeInputField'\r\nimport AmPmInput from './AmPmInput'\r\nimport CloseButton from '../CloseButton'\r\nimport { Input } from '../Input'\r\nimport {\r\n    getTimeValues,\r\n    getDate,\r\n    createAmPmHandler,\r\n    createTimeHandler,\r\n} from './utils'\r\nimport { HiOutlineClock } from 'react-icons/hi'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { ReactNode, RefObject, Ref } from 'react'\r\n\r\ntype Value = Date | null\r\n\r\nexport interface TimeInputProps extends CommonProps {\r\n    amLabel?: string\r\n    amPmPlaceholder?: string\r\n    clearable?: boolean\r\n    defaultValue?: Value\r\n    disabled?: boolean\r\n    format?: '12' | '24'\r\n    id?: string\r\n    invalid?: boolean\r\n    name?: string\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n    onChange?: (value: Value) => void\r\n    pmLabel?: string\r\n    prefix?: string | ReactNode\r\n    ref?: Ref<HTMLInputElement>\r\n    showSeconds?: boolean\r\n    size?: TypeAttributes.ControlSize\r\n    suffix?: string | ReactNode\r\n    timeFieldPlaceholder?: string\r\n    timeFieldClass?: string\r\n    unstyle?: boolean\r\n    value?: Value\r\n}\r\n\r\nconst TimeInput = (props: TimeInputProps) => {\r\n    const {\r\n        amLabel = 'am',\r\n        amPmPlaceholder = 'am',\r\n        className,\r\n        clearable = true,\r\n        defaultValue,\r\n        disabled = false,\r\n        format = '24',\r\n        id,\r\n        invalid,\r\n        name,\r\n        nextRef,\r\n        onChange,\r\n        pmLabel = 'pm',\r\n        prefix,\r\n        ref = null,\r\n        showSeconds = false,\r\n        size = 'md',\r\n        style,\r\n        suffix = <HiOutlineClock className=\"text-lg\" />,\r\n        timeFieldPlaceholder = '--',\r\n        timeFieldClass,\r\n        value,\r\n        ...rest\r\n    } = props\r\n\r\n    const uuid = useUniqueId(id)\r\n\r\n    const hoursRef = useRef<HTMLInputElement>(undefined)\r\n    const minutesRef = useRef<HTMLInputElement>(undefined)\r\n    const secondsRef = useRef<HTMLInputElement>(undefined)\r\n    const amPmRef = useRef<HTMLInputElement>(undefined)\r\n    const [time, setTime] = useState(\r\n        getTimeValues(\r\n            value || (defaultValue as Date),\r\n            format,\r\n            amLabel,\r\n            pmLabel,\r\n        ),\r\n    )\r\n    const [_value, setValue] = useState<Value>(\r\n        (value as Date) || (defaultValue as Date),\r\n    )\r\n\r\n    const formItemInvalid = useFormItem()?.invalid\r\n    const isTimeInputInvalid = invalid || formItemInvalid\r\n\r\n    useDidUpdate(() => {\r\n        setTime(getTimeValues(_value as Date, format, amLabel, pmLabel))\r\n    }, [_value, format, amLabel, pmLabel])\r\n\r\n    useDidUpdate(() => {\r\n        if (value?.getTime() !== _value?.getTime()) {\r\n            setValue(value as Date | null)\r\n        }\r\n    }, [value])\r\n\r\n    const setDate = (change: Partial<typeof time>) => {\r\n        const timeWithChange = { ...time, ...change }\r\n        const newDate = getDate(\r\n            timeWithChange.hours,\r\n            timeWithChange.minutes,\r\n            timeWithChange.seconds,\r\n            format,\r\n            pmLabel,\r\n            timeWithChange.amPm,\r\n        )\r\n        setValue(newDate)\r\n        typeof onChange === 'function' && onChange(newDate)\r\n    }\r\n\r\n    const handleHoursChange = createTimeHandler({\r\n        onChange: (val, carryOver) => {\r\n            setDate({\r\n                hours: val,\r\n                minutes: carryOver ?? time.minutes,\r\n            })\r\n        },\r\n        min: format === '12' ? 1 : 0,\r\n        max: format === '12' ? 12 : 23,\r\n        nextRef: minutesRef as RefObject<HTMLInputElement | null>,\r\n        nextMax: 59,\r\n    })\r\n\r\n    const handleMinutesChange = createTimeHandler({\r\n        onChange: (val, carryOver) => {\r\n            setDate({\r\n                minutes: val,\r\n                seconds: carryOver ?? time.seconds,\r\n            })\r\n        },\r\n        min: 0,\r\n        max: 59,\r\n        nextRef: showSeconds\r\n            ? (secondsRef as RefObject<HTMLInputElement | null>)\r\n            : format === '12'\r\n              ? (amPmRef as RefObject<HTMLInputElement | null>)\r\n              : (nextRef as RefObject<HTMLInputElement | null>),\r\n        nextMax: showSeconds ? 59 : undefined,\r\n    })\r\n\r\n    const handleSecondsChange = createTimeHandler({\r\n        onChange: (val) => {\r\n            setDate({ seconds: val })\r\n        },\r\n        min: 0,\r\n        max: 59,\r\n        nextRef:\r\n            format === '12'\r\n                ? (amPmRef as RefObject<HTMLInputElement | null>)\r\n                : (nextRef as RefObject<HTMLInputElement | null>),\r\n    })\r\n\r\n    const handleAmPmChange = createAmPmHandler({\r\n        amLabel,\r\n        pmLabel,\r\n        onChange: (val) => {\r\n            setDate({ amPm: val })\r\n        },\r\n        nextRef,\r\n    })\r\n\r\n    const handleClear = () => {\r\n        setTime({ hours: '', minutes: '', seconds: '', amPm: '' })\r\n        setValue(null)\r\n        onChange?.(null)\r\n        hoursRef?.current?.focus()\r\n    }\r\n\r\n    const suffixSlot =\r\n        clearable && _value ? <CloseButton onClick={handleClear} /> : suffix\r\n\r\n    return (\r\n        <Input\r\n            asElement=\"div\"\r\n            invalid={isTimeInputInvalid}\r\n            disabled={disabled}\r\n            style={style}\r\n            className={className}\r\n            size={size}\r\n            prefix={prefix}\r\n            suffix={suffixSlot}\r\n            onClick={() => hoursRef?.current?.focus()}\r\n            {...rest}\r\n        >\r\n            <div className=\"time-input-wrapper\">\r\n                <TimeInputField\r\n                    ref={useMergedRef(hoursRef as Ref<HTMLInputElement>, ref)}\r\n                    withSeparator\r\n                    value={time.hours}\r\n                    setValue={(val) =>\r\n                        setTime((current) => ({ ...current, hours: val }))\r\n                    }\r\n                    id={uuid}\r\n                    className={timeFieldClass}\r\n                    max={format === '12' ? 12 : 23}\r\n                    placeholder={timeFieldPlaceholder}\r\n                    aria-label=\"hours\"\r\n                    disabled={disabled}\r\n                    name={name}\r\n                    onChange={handleHoursChange}\r\n                />\r\n                <TimeInputField\r\n                    ref={minutesRef as Ref<HTMLInputElement>}\r\n                    value={time.minutes}\r\n                    setValue={(val) =>\r\n                        setTime((current) => ({ ...current, minutes: val }))\r\n                    }\r\n                    className={timeFieldClass}\r\n                    withSeparator={showSeconds}\r\n                    max={59}\r\n                    placeholder={timeFieldPlaceholder}\r\n                    aria-label=\"minutes\"\r\n                    disabled={disabled}\r\n                    onChange={handleMinutesChange}\r\n                />\r\n                {showSeconds && (\r\n                    <TimeInputField\r\n                        ref={secondsRef as Ref<HTMLInputElement>}\r\n                        value={time.seconds}\r\n                        setValue={(val) =>\r\n                            setTime((current) => ({ ...current, seconds: val }))\r\n                        }\r\n                        className={timeFieldClass}\r\n                        max={59}\r\n                        placeholder={timeFieldPlaceholder}\r\n                        aria-label=\"seconds\"\r\n                        disabled={disabled}\r\n                        onChange={handleSecondsChange}\r\n                    />\r\n                )}\r\n                {format === '12' && (\r\n                    <AmPmInput\r\n                        ref={amPmRef as Ref<HTMLInputElement>}\r\n                        value={time.amPm}\r\n                        placeholder={amPmPlaceholder}\r\n                        amLabel={amLabel}\r\n                        pmLabel={pmLabel}\r\n                        aria-label=\"am pm\"\r\n                        disabled={disabled}\r\n                        onChange={handleAmPmChange}\r\n                    />\r\n                )}\r\n            </div>\r\n        </Input>\r\n    )\r\n}\r\n\r\nexport default TimeInput\r\n"],"names":["useMergedRef"],"mappings":"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"}

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

@@ -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":";;;;;;;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;"}
+{"version":3,"file":"TimeInputField.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputField.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\r\nimport classNames from 'classnames'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport { clamp, padTime, createTimeHandler } from './utils'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type {\r\n    FocusEvent,\r\n    Ref,\r\n    KeyboardEvent,\r\n    MouseEvent,\r\n    ChangeEvent,\r\n} from 'react'\r\n\r\ninterface TimeInputFieldProps extends CommonProps {\r\n    disabled?: boolean\r\n    id?: string\r\n    name?: string\r\n    max?: number\r\n    min?: number\r\n    onChange: ReturnType<typeof createTimeHandler>\r\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\r\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\r\n    placeholder?: string\r\n    ref?: Ref<HTMLInputElement>\r\n    setValue: (value: string) => void\r\n    withSeparator?: boolean\r\n    value: string | number | readonly string[]\r\n}\r\n\r\nconst TimeInputField = (props: TimeInputFieldProps) => {\r\n    const {\r\n        className,\r\n        onFocus,\r\n        onBlur,\r\n        onChange,\r\n        ref = null,\r\n        setValue,\r\n        withSeparator = false,\r\n        max,\r\n        min = 0,\r\n        value,\r\n        ...rest\r\n    } = props\r\n\r\n    const [digitsEntered, setDigitsEntered] = useState(0)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(undefined)\r\n\r\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\r\n        typeof onFocus === 'function' && onFocus(event)\r\n        inputRef?.current?.select()\r\n        setDigitsEntered(0)\r\n    }\r\n\r\n    const handleBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onBlur === 'function' && onBlur(event)\r\n        if (digitsEntered === 1) {\r\n            typeof onChange === 'function' &&\r\n                onChange(event.currentTarget.value, false)\r\n        }\r\n    }\r\n\r\n    const handleClick = (event: MouseEvent<HTMLInputElement>) => {\r\n        event.stopPropagation()\r\n        inputRef?.current?.select()\r\n    }\r\n\r\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n        if (event.key === 'ArrowUp') {\r\n            event.preventDefault()\r\n            const padded = padTime(\r\n                clamp(\r\n                    parseInt(event.currentTarget.value, 10) + 1,\r\n                    min,\r\n                    max as number,\r\n                ).toString(),\r\n            )\r\n\r\n            if (value !== padded) {\r\n                onChange(padded, false)\r\n            }\r\n        }\r\n\r\n        if (event.key === 'ArrowDown') {\r\n            event.preventDefault()\r\n            const padded = padTime(\r\n                clamp(\r\n                    parseInt(event.currentTarget.value, 10) - 1,\r\n                    min,\r\n                    max as number,\r\n                ).toString(),\r\n            )\r\n\r\n            if (value !== padded) {\r\n                onChange(padded, false)\r\n            }\r\n        }\r\n    }\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n        setDigitsEntered(digitsEntered + 1)\r\n\r\n        const _val = parseInt(event.currentTarget.value, 10).toString()\r\n\r\n        if (_val === '0' && digitsEntered === 0) {\r\n            setValue('00')\r\n            return\r\n        }\r\n        onChange(_val, true, digitsEntered > 0)\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <input\r\n                ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\r\n                type=\"text\"\r\n                inputMode=\"numeric\"\r\n                value={value}\r\n                className={classNames('time-input-field', className)}\r\n                onChange={handleChange}\r\n                onClick={handleClick}\r\n                onFocus={handleFocus}\r\n                onBlur={handleBlur}\r\n                onKeyDown={handleKeyDown}\r\n                {...rest}\r\n            />\r\n            {withSeparator && <span> : </span>}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default TimeInputField\r\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;"}

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

@@ -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":";;;;;;;;;;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;"}
+{"version":3,"file":"TimeInputRange.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport useDidUpdate from '../hooks/useDidUpdate'\r\nimport TimeInput from './TimeInput'\r\nimport CloseButton from '../CloseButton'\r\nimport { HiOutlineClock } from 'react-icons/hi'\r\nimport Input from '../Input/Input'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { RefObject, Ref, ReactNode } from 'react'\r\n\r\ntype Value = [Date | null, Date | null]\r\n\r\nexport interface TimeInputRangeProps extends CommonProps {\r\n    amLabel?: string\r\n    amPmPlaceholder?: string\r\n    clearable?: boolean\r\n    defaultValue?: Value\r\n    disabled?: boolean\r\n    format?: '12' | '24'\r\n    id?: string\r\n    invalid?: boolean\r\n    name?: string\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n    onChange?: (value: Value) => void\r\n    pmLabel?: string\r\n    prefix?: string | ReactNode\r\n    ref?: Ref<HTMLInputElement>\r\n    showSeconds?: boolean\r\n    seperator?: string\r\n    size?: TypeAttributes.ControlSize\r\n    suffix?: string | ReactNode\r\n    timeFieldPlaceholder?: string\r\n    timeFieldClass?: string\r\n    value?: Value\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    field?: any\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    form?: any\r\n}\r\n\r\nconst TimeInputRange = (props: TimeInputRangeProps) => {\r\n    const {\r\n        amPmPlaceholder = 'am',\r\n        clearable = false,\r\n        className,\r\n        defaultValue = [null, null],\r\n        disabled = false,\r\n        format = '24',\r\n        id,\r\n        invalid,\r\n        name,\r\n        onChange,\r\n        prefix,\r\n        ref = null,\r\n        seperator = '~',\r\n        showSeconds = false,\r\n        size,\r\n        style,\r\n        suffix = <HiOutlineClock className=\"text-lg\" />,\r\n        timeFieldPlaceholder = '--',\r\n        value,\r\n        ...rest\r\n    } = props\r\n\r\n    const uuid = useUniqueId(id)\r\n\r\n    const fromTimeRef = useRef<HTMLInputElement>(undefined)\r\n    const toTimeRef = useRef<HTMLInputElement>(undefined)\r\n    const [_value, setValue] = useState(value ?? defaultValue)\r\n\r\n    useDidUpdate(() => {\r\n        typeof onChange === 'function' && onChange(_value)\r\n    }, [_value])\r\n\r\n    useDidUpdate(() => {\r\n        if (\r\n            value &&\r\n            (value[0]?.getTime() !== _value[0]?.getTime() ||\r\n                value[1]?.getTime() !== _value[1]?.getTime())\r\n        ) {\r\n            setValue(value)\r\n        }\r\n    }, [value])\r\n\r\n    const handleClear = () => {\r\n        setValue([null, null])\r\n        fromTimeRef.current?.focus()\r\n    }\r\n\r\n    const suffixSlot =\r\n        clearable && _value ? (\r\n            <CloseButton onClick={handleClear} />\r\n        ) : (\r\n            <>{suffix}</>\r\n        )\r\n\r\n    const forwardProps = {\r\n        amPmPlaceholder,\r\n        disabled,\r\n        format,\r\n        size,\r\n        timeFieldPlaceholder,\r\n        showSeconds,\r\n    }\r\n\r\n    return (\r\n        <Input\r\n            asElement=\"div\"\r\n            invalid={invalid}\r\n            size={size}\r\n            className={className}\r\n            style={style}\r\n            disabled={disabled}\r\n            suffix={suffixSlot}\r\n            prefix={prefix}\r\n            onClick={() => {\r\n                fromTimeRef.current?.focus()\r\n            }}\r\n            {...rest}\r\n        >\r\n            <div className=\"time-input-wrapper\">\r\n                <TimeInput\r\n                    ref={useMergedRef(\r\n                        fromTimeRef as Ref<HTMLInputElement>,\r\n                        ref,\r\n                    )}\r\n                    unstyle\r\n                    value={_value[0]}\r\n                    name={name}\r\n                    nextRef={toTimeRef as RefObject<HTMLInputElement | null>}\r\n                    id={uuid}\r\n                    clearable={false}\r\n                    suffix={null}\r\n                    onChange={(date) => setValue([date, _value[1]])}\r\n                    {...forwardProps}\r\n                />\r\n\r\n                <span className=\"time-input-separator\">{seperator}</span>\r\n\r\n                <TimeInput\r\n                    ref={toTimeRef as Ref<HTMLInputElement>}\r\n                    unstyle\r\n                    value={_value[1]}\r\n                    clearable={false}\r\n                    suffix={null}\r\n                    onChange={(date) => setValue([_value[0], date])}\r\n                    {...forwardProps}\r\n                />\r\n            </div>\r\n        </Input>\r\n    )\r\n}\r\n\r\nexport default TimeInputRange\r\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;"}

package/dist/@ecme/components/ui/TimeInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _TimeInput, { TimeInputProps } from './TimeInput'\nimport TimeInputRange from './TimeInputRange'\n\nexport type { TimeInputProps } from './TimeInput'\nexport type { TimeInputRangeProps } from './TimeInputRange'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TimeInputProps & RefAttributes<HTMLSpanElement>\n> & {\n    TimeInputRange: typeof TimeInputRange\n}\n\nconst TimeInput = _TimeInput as CompoundedComponent\n\nTimeInput.TimeInputRange = TimeInputRange\n\nexport { TimeInput }\n\nexport default TimeInput\n"],"names":["_TimeInput"],"mappings":";;AAaA,MAAM,YAAYA;AAElB,UAAU,iBAAiB;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _TimeInput, { TimeInputProps } from './TimeInput'\r\nimport TimeInputRange from './TimeInputRange'\r\n\r\nexport type { TimeInputProps } from './TimeInput'\r\nexport type { TimeInputRangeProps } from './TimeInputRange'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    TimeInputProps & RefAttributes<HTMLSpanElement>\r\n> & {\r\n    TimeInputRange: typeof TimeInputRange\r\n}\r\n\r\nconst TimeInput = _TimeInput as CompoundedComponent\r\n\r\nTimeInput.TimeInputRange = TimeInputRange\r\n\r\nexport { TimeInput }\r\n\r\nexport default TimeInput\r\n"],"names":["_TimeInput"],"mappings":";;AAaA,MAAM,YAAYA;AAElB,UAAU,iBAAiB;"}

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

@@ -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":"AAAO,SAAS,MAAM,OAAe,KAAa,KAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC7C;"}
+{"version":3,"file":"clamp.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\r\n    return Math.min(Math.max(value, min), max)\r\n}\r\n"],"names":[],"mappings":"AAAgB,SAAA,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

@@ -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;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;"}
+{"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\r\n\r\ntype CreateAmPmHandlerParams = {\r\n    amLabel: string\r\n    pmLabel: string\r\n    onChange(value: string): void\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n}\r\n\r\nexport function createAmPmHandler({\r\n    amLabel,\r\n    pmLabel,\r\n    onChange,\r\n    nextRef,\r\n}: CreateAmPmHandlerParams) {\r\n    return (value: string, triggerShift: boolean) => {\r\n        const testRegex = new RegExp(`(^(${amLabel}|${pmLabel})?$)`)\r\n        const valLower = value.toLowerCase()\r\n\r\n        if (valLower === amLabel || valLower === pmLabel) {\r\n            onChange(valLower)\r\n            triggerShift && nextRef?.current?.focus()\r\n            triggerShift && nextRef?.current?.select()\r\n            return\r\n        }\r\n\r\n        if (!testRegex.test(valLower)) {\r\n            return\r\n        }\r\n\r\n        onChange(valLower)\r\n    }\r\n}\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\r\nimport { clamp } from './clamp'\r\nimport type { RefObject } from 'react'\r\n\r\nfunction allButLastDigit(value: number) {\r\n    return Math.floor(value / 10)\r\n}\r\n\r\ntype CreateTimeHandlerParams = {\r\n    onChange(value: string, carryOver?: string): void\r\n    nextRef?: RefObject<HTMLInputElement | null>\r\n    min: number\r\n    max: number\r\n    nextMax?: number\r\n}\r\n\r\nexport function createTimeHandler({\r\n    onChange,\r\n    nextRef,\r\n    min,\r\n    max,\r\n    nextMax,\r\n}: CreateTimeHandlerParams) {\r\n    return (\r\n        value: string,\r\n        triggerShift: boolean,\r\n        forceTriggerShift = false,\r\n    ) => {\r\n        const parsed = parseInt(value, 10)\r\n\r\n        if (Number.isNaN(parsed)) {\r\n            return\r\n        }\r\n\r\n        if (parsed > allButLastDigit(max) || forceTriggerShift) {\r\n            const lastDigit = parsed % 10\r\n\r\n            let updatedValue\r\n            let carryOver\r\n\r\n            if (\r\n                parsed > max &&\r\n                nextMax &&\r\n                lastDigit <= allButLastDigit(nextMax)\r\n            ) {\r\n                updatedValue = padTime(allButLastDigit(parsed).toString())\r\n                carryOver = padTime(lastDigit.toString())\r\n            } else {\r\n                updatedValue = padTime(clamp(parsed, min, max).toString())\r\n            }\r\n\r\n            onChange(updatedValue, carryOver)\r\n            triggerShift && nextRef?.current?.focus()\r\n            triggerShift && nextRef?.current?.select()\r\n            return\r\n        }\r\n\r\n        onChange(parsed.toString())\r\n    }\r\n}\r\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;"}

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

@@ -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,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;"}
+{"version":3,"file":"getDate.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getDate.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\n\r\nexport function getDate(\r\n    hours: string,\r\n    minutes: string,\r\n    seconds: string,\r\n    format: '12' | '24',\r\n    pmLabel: string,\r\n    amPm?: string,\r\n) {\r\n    const date = dayjs()\r\n    let _hours = parseInt(hours, 10)\r\n    const _minutes = parseInt(minutes, 10)\r\n    const _seconds = parseInt(seconds, 10)\r\n\r\n    if (Number.isNaN(_hours)) {\r\n        _hours = 0\r\n    }\r\n\r\n    if (format === '12') {\r\n        _hours %= 12\r\n        if (amPm === pmLabel) {\r\n            _hours += 12\r\n        }\r\n    }\r\n\r\n    return date\r\n        .hour(_hours)\r\n        .minute(Number.isNaN(_minutes) ? 0 : _minutes)\r\n        .second(Number.isNaN(_seconds) ? 0 : _seconds)\r\n        .millisecond(0)\r\n        .toDate()\r\n}\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"getTimeValues.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/getTimeValues.ts"],"sourcesContent":["import { padTime } from './padTime'\r\n\r\nexport function getTimeValues(\r\n    value: Date,\r\n    format: '12' | '24',\r\n    amLabel: string,\r\n    pmLabel: string,\r\n) {\r\n    if (!(value instanceof Date)) {\r\n        return { hours: '', minutes: '', seconds: '', amPm: '' }\r\n    }\r\n\r\n    let _hours = value.getHours()\r\n\r\n    const isPm = _hours >= 12\r\n    if (format === '12') {\r\n        _hours %= 12\r\n        if (_hours === 0) {\r\n            _hours += 12\r\n        }\r\n    }\r\n\r\n    return {\r\n        hours: padTime(_hours.toString()),\r\n        minutes: padTime(value.getMinutes().toString()),\r\n        seconds: padTime(value.getSeconds().toString()),\r\n        amPm: isPm ? pmLabel : amLabel,\r\n    }\r\n}\r\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;"}

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

@@ -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;AACnC,QAAM,OAAO,SAAS,OAAO,EAAE;AAC/B,SAAO,QAAQ,KAAK,KAAK,SAAA,IAAa,IAAI,IAAI;AAClD;"}
+{"version":3,"file":"padTime.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/padTime.ts"],"sourcesContent":["export function padTime(value: string) {\r\n    const _val = parseInt(value, 10)\r\n    return _val >= 10 ? _val.toString() : `0${_val}`\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,QAAQ,OAAe;AAC7B,QAAA,OAAO,SAAS,OAAO,EAAE;AAC/B,SAAO,QAAQ,KAAK,KAAK,SAAS,IAAI,IAAI,IAAI;AAClD;"}

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

@@ -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":";;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;"}
+{"version":3,"file":"TimeLineItem.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/TimeLineItem.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\nexport interface TimeLineItemProps extends CommonProps {\r\n    isLast?: boolean\r\n    media?: string | ReactNode\r\n    ref?: Ref<HTMLLIElement>\r\n}\r\n\r\nconst TimeLineItem = (props: TimeLineItemProps) => {\r\n    const { children, className, isLast, media, ref } = props\r\n\r\n    return (\r\n        <li\r\n            ref={ref}\r\n            className={classNames(\r\n                'timeline-item',\r\n                isLast ? 'timeline-item-last' : '',\r\n                className,\r\n            )}\r\n        >\r\n            <div className=\"timeline-item-wrapper\">\r\n                <div className=\"timeline-item-media\">\r\n                    <div className=\"timeline-item-media-content\">\r\n                        {media || (\r\n                            <div className=\"timeline-item-media-default\" />\r\n                        )}\r\n                    </div>\r\n                    {!isLast && <div className=\"timeline-connect\" />}\r\n                </div>\r\n                <div\r\n                    className={classNames(\r\n                        'timeline-item-content',\r\n                        isLast && 'timeline-item-content-last',\r\n                    )}\r\n                >\r\n                    {children}\r\n                </div>\r\n            </div>\r\n        </li>\r\n    )\r\n}\r\n\r\nexport default TimeLineItem\r\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;"}

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

@@ -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":";;;;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;"}
+{"version":3,"file":"Timeline.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/Timeline.tsx"],"sourcesContent":["import { Children } from 'react'\r\nimport classNames from 'classnames'\r\nimport mapCloneElement from '../utils/mapCloneElement'\r\nimport type { DetailedReactHTMLElement, Ref } from 'react'\r\nimport type { CommonProps } from '../@types/common'\r\n\r\nexport type TimelineProps = CommonProps & {\r\n    ref?: Ref<HTMLUListElement>\r\n}\r\n\r\nconst Timeline = (props: TimelineProps) => {\r\n    const { children, className, ref } = props\r\n\r\n    const count = Children.count(children)\r\n\r\n    const items = mapCloneElement(\r\n        children,\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        (item: DetailedReactHTMLElement<any, HTMLElement>, index: number) => ({\r\n            isLast: index === count - 1,\r\n            ...item.props,\r\n        }),\r\n    )\r\n\r\n    return (\r\n        <ul ref={ref} className={classNames('timeline', className)}>\r\n            {items}\r\n        </ul>\r\n    )\r\n}\r\n\r\nexport default Timeline\r\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;"}

package/dist/@ecme/components/ui/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Timeline, { TimelineProps } from './Timeline'\nimport TimeLineItem from './TimeLineItem'\n\nexport type { TimelineProps } from './Timeline'\nexport type { TimeLineItemProps } from './TimeLineItem'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TimelineProps & RefAttributes<HTMLUListElement>\n> & {\n    Item: typeof TimeLineItem\n}\n\nconst Timeline = _Timeline as CompoundedComponent\n\nTimeline.Item = TimeLineItem\n\nexport { Timeline }\n\nexport default Timeline\n"],"names":["_Timeline"],"mappings":";;AAaA,MAAM,WAAWA;AAEjB,SAAS,OAAO;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Timeline/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Timeline, { TimelineProps } from './Timeline'\r\nimport TimeLineItem from './TimeLineItem'\r\n\r\nexport type { TimelineProps } from './Timeline'\r\nexport type { TimeLineItemProps } from './TimeLineItem'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    TimelineProps & RefAttributes<HTMLUListElement>\r\n> & {\r\n    Item: typeof TimeLineItem\r\n}\r\n\r\nconst Timeline = _Timeline as CompoundedComponent\r\n\r\nTimeline.Item = TimeLineItem\r\n\r\nexport { Timeline }\r\n\r\nexport default Timeline\r\n"],"names":["_Timeline"],"mappings":";;AAaA,MAAM,WAAWA;AAEjB,SAAS,OAAO;"}

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

@@ -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;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;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Arrow.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport {\r\n    BsFillCaretDownFill,\r\n    BsFillCaretLeftFill,\r\n    BsFillCaretUpFill,\r\n    BsFillCaretRightFill,\r\n} from 'react-icons/bs'\r\n\r\nexport type ArrowPlacement =\r\n    | 'top'\r\n    | 'top-start'\r\n    | 'top-end'\r\n    | 'bottom'\r\n    | 'bottom-start'\r\n    | 'bottom-end'\r\n    | 'right'\r\n    | 'right-start'\r\n    | 'right-end'\r\n    | 'left'\r\n    | 'left-start'\r\n    | 'left-end'\r\n\r\ninterface ArrowProps {\r\n    placement: ArrowPlacement\r\n    color: string\r\n}\r\n\r\nconst Arrow = ({ placement, color }: ArrowProps) => {\r\n    const arrowDefaultClass = `absolute ${color}`\r\n\r\n    const getArrow = () => {\r\n        switch (placement) {\r\n            case 'top':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 w-full left-0',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'top-start':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 left-0 ml-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'top-end':\r\n                return (\r\n                    <BsFillCaretDownFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-bottom-2 right-0 mr-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 top-1/2 transform -translate-y-1/2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right-start':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 top-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'right-end':\r\n                return (\r\n                    <BsFillCaretLeftFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-left-2 bottom-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 w-full left-0',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom-start':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 left-0 ml-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'bottom-end':\r\n                return (\r\n                    <BsFillCaretUpFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-top-2 right-0 mr-3',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 top-1/2 transform -translate-y-1/2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left-start':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 top-2',\r\n                        )}\r\n                    />\r\n                )\r\n            case 'left-end':\r\n                return (\r\n                    <BsFillCaretRightFill\r\n                        className={classNames(\r\n                            arrowDefaultClass,\r\n                            '-right-2 bottom-2',\r\n                        )}\r\n                    />\r\n                )\r\n            default:\r\n                break\r\n        }\r\n    }\r\n\r\n    return <div>{getArrow()}</div>\r\n}\r\n\r\nexport default Arrow\r\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;"}

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

@@ -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+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;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../lib/@ecme/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport classNames from 'classnames'\r\nimport { motion, AnimatePresence } from 'framer-motion'\r\nimport Arrow from './Arrow'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ArrowPlacement } from './Arrow'\r\nimport type { ReactNode } from 'react'\r\nimport {\r\n    useFloating,\r\n    autoUpdate,\r\n    offset,\r\n    flip,\r\n    shift,\r\n    useHover,\r\n    useFocus,\r\n    useDismiss,\r\n    useRole,\r\n    useInteractions,\r\n    FloatingPortal,\r\n    safePolygon, // Adicione esta importação\r\n} from '@floating-ui/react'\r\n\r\nexport interface TooltipProps extends CommonProps {\r\n    isOpen?: boolean\r\n    placement?: ArrowPlacement\r\n    title: string | ReactNode\r\n    wrapperClass?: string\r\n    disabled?: boolean\r\n    interactive?: boolean // Nova prop para controlar se o tooltip é interativo\r\n}\r\n\r\nconst Tooltip = (props: TooltipProps) => {\r\n    const {\r\n        className,\r\n        children,\r\n        isOpen = false,\r\n        placement = 'top',\r\n        title,\r\n        wrapperClass,\r\n        disabled,\r\n        interactive = false, // Por padrão false para manter compatibilidade\r\n    } = props\r\n\r\n    const [tooltipOpen, setTooltipOpen] = useState<boolean>(isOpen)\r\n\r\n    const tooltipColor = {\r\n        background: 'bg-gray-800 dark:bg-black',\r\n        arrow: 'text-gray-800 dark:text-black',\r\n    }\r\n\r\n    const defaultTooltipClass = `tooltip ${tooltipColor.background}`\r\n\r\n    const { refs, floatingStyles, context } = useFloating({\r\n        open: tooltipOpen,\r\n        onOpenChange: (open) => {\r\n            if (!disabled) {\r\n                setTooltipOpen(open)\r\n            }\r\n        },\r\n        placement,\r\n        whileElementsMounted: autoUpdate,\r\n        middleware: [\r\n            offset(7),\r\n            flip({\r\n                fallbackAxisSideDirection: 'start',\r\n            }),\r\n            shift(),\r\n        ],\r\n    })\r\n\r\n    // Configure o hover baseado se o tooltip é interativo ou não\r\n    const hover = useHover(context, {\r\n        move: false,\r\n        ...(interactive && {\r\n            handleClose: safePolygon({\r\n                blockPointerEvents: true,\r\n            }),\r\n        }),\r\n    })\r\n\r\n    const focus = useFocus(context)\r\n    const dismiss = useDismiss(context)\r\n    const role = useRole(context, { role: 'tooltip' })\r\n\r\n    const { getReferenceProps, getFloatingProps } = useInteractions([\r\n        hover,\r\n        focus,\r\n        dismiss,\r\n        role,\r\n    ])\r\n\r\n    return (\r\n        <>\r\n            <span\r\n                ref={refs.setReference}\r\n                {...getReferenceProps()}\r\n                className={classNames('tooltip-wrapper', wrapperClass)}\r\n            >\r\n                {children}\r\n            </span>\r\n            <FloatingPortal>\r\n                {tooltipOpen && (\r\n                    <AnimatePresence>\r\n                        <motion.div\r\n                            ref={refs.setFloating}\r\n                            className={classNames(\r\n                                defaultTooltipClass,\r\n                                className,\r\n                                interactive && 'cursor-auto' // Adiciona cursor normal para tooltips interativos\r\n                            )}\r\n                            initial={{\r\n                                opacity: 0,\r\n                                visibility: 'hidden',\r\n                            }}\r\n                            animate={\r\n                                tooltipOpen\r\n                                    ? {\r\n                                        opacity: 1,\r\n                                        visibility: 'visible',\r\n                                    }\r\n                                    : {\r\n                                        opacity: 0,\r\n                                        visibility: 'hidden',\r\n                                    }\r\n                            }\r\n                            transition={{\r\n                                duration: 0.15,\r\n                                type: 'tween',\r\n                            }}\r\n                            style={floatingStyles}\r\n                            {...getFloatingProps()}\r\n                        >\r\n                            <span>{title}</span>\r\n                            <Arrow\r\n                                placement={context.placement}\r\n                                color={tooltipColor.arrow}\r\n                            />\r\n                        </motion.div>\r\n                    </AnimatePresence>\r\n                )}\r\n            </FloatingPortal>\r\n        </>\r\n    )\r\n}\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\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;"}

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

@@ -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,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;"}
+{"version":3,"file":"FileItem.js","sources":["../../../../../lib/@ecme/components/ui/Upload/FileItem.tsx"],"sourcesContent":["import { VscFilePdf, VscFileZip, VscFile } from 'react-icons/vsc'\r\nimport classNames from '../utils/classNames'\r\nimport type { CommonProps } from '../@types/common'\r\n\r\nconst BYTE = 1000\r\nconst getKB = (bytes: number) => Math.round(bytes / BYTE)\r\n\r\nconst FileIcon = ({ children }: CommonProps) => {\r\n    return <span className=\"text-3xl heading-text\">{children}</span>\r\n}\r\n\r\nexport interface FileItemProps extends CommonProps {\r\n    file: File\r\n}\r\n\r\nconst FileItem = (props: FileItemProps) => {\r\n    const { file, children, className } = props\r\n    const { type, name, size } = file\r\n\r\n    const renderThumbnail = () => {\r\n        const isImageFile = type.split('/')[0] === 'image'\r\n\r\n        if (isImageFile) {\r\n            return (\r\n                <img\r\n                    className=\"upload-file-image\"\r\n                    src={URL.createObjectURL(file)}\r\n                    alt={`file preview ${name}`}\r\n                />\r\n            )\r\n        }\r\n\r\n        if (type === 'application/zip') {\r\n            return (\r\n                <FileIcon>\r\n                    <VscFileZip />\r\n                </FileIcon>\r\n            )\r\n        }\r\n\r\n        if (type === 'pdf') {\r\n            return (\r\n                <FileIcon>\r\n                    <VscFilePdf />\r\n                </FileIcon>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <FileIcon>\r\n                <VscFile />\r\n            </FileIcon>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div className={classNames('upload-file', className)}>\r\n            <div className=\"flex items-center\">\r\n                <div className=\"upload-file-thumbnail\">{renderThumbnail()}</div>\r\n                <div className=\"upload-file-info\">\r\n                    <h6 className=\"upload-file-name text-sm font-bold\">\r\n                        {name}\r\n                    </h6>\r\n                    <span className=\"upload-file-size\">{getKB(size)} kb</span>\r\n                </div>\r\n            </div>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nFileItem.displayName = 'UploadFileItem'\r\n\r\nexport default FileItem\r\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;"}

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

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

package/dist/@ecme/components/ui/UploadCustom/UploadCustom.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCustom.js","sources":["../../../../../lib/@ecme/components/ui/UploadCustom/UploadCustom.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useRef, useState, useCallback } from 'react'\nimport classNames from '../utils/classNames'\nimport Button from '../Button/Button'\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 UploadCustomProps extends CommonProps {\n    accept?: string\n    beforeUpload?: (file: FileList | null) => boolean | string\n    disabled?: boolean\n    draggable?: boolean\n    multiple?: boolean\n    onChange?: (files: File[]) => void\n    ref?: Ref<HTMLDivElement>\n    tip?: string | ReactNode\n}\n\nconst UploadCustom = (props: UploadCustomProps) => {\n    const {\n        accept,\n        beforeUpload,\n        disabled = false,\n        draggable = false,\n        multiple,\n        onChange,\n        ref,\n        tip,\n        children,\n        className,\n        ...rest\n    } = props\n\n    const fileInputField = useRef<HTMLInputElement>(null)\n    const [dragOver, setDragOver] = useState(false)\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 onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n        const { files: newFiles } = e.target\n        let result: boolean | string = true\n\n        if (beforeUpload) {\n            result = beforeUpload(newFiles)\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 && newFiles) {\n            // Converte FileList para Array e passa apenas os novos arquivos\n            const filesArray = Array.from(newFiles)\n            onChange?.(filesArray)\n        }\n\n        // Limpa o input para permitir selecionar o mesmo arquivo novamente\n        if (fileInputField.current) {\n            fileInputField.current.value = ''\n        }\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 as any)}\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                ></input>\n                {renderChildren()}\n            </div>\n            {tip}\n        </>\n    )\n}\n\nexport default UploadCustom\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UploadCustom.js","sources":["../../../../../lib/@ecme/components/ui/UploadCustom/UploadCustom.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useRef, useState, useCallback } from 'react'\r\nimport classNames from '../utils/classNames'\r\nimport Button from '../Button/Button'\r\nimport Notification from '../Notification/Notification'\r\nimport toast from '../toast/toast'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\r\n\r\nexport interface UploadCustomProps extends CommonProps {\r\n    accept?: string\r\n    beforeUpload?: (file: FileList | null) => boolean | string\r\n    disabled?: boolean\r\n    draggable?: boolean\r\n    multiple?: boolean\r\n    onChange?: (files: File[]) => void\r\n    ref?: Ref<HTMLDivElement>\r\n    tip?: string | ReactNode\r\n}\r\n\r\nconst UploadCustom = (props: UploadCustomProps) => {\r\n    const {\r\n        accept,\r\n        beforeUpload,\r\n        disabled = false,\r\n        draggable = false,\r\n        multiple,\r\n        onChange,\r\n        ref,\r\n        tip,\r\n        children,\r\n        className,\r\n        ...rest\r\n    } = props\r\n\r\n    const fileInputField = useRef<HTMLInputElement>(null)\r\n    const [dragOver, setDragOver] = useState(false)\r\n\r\n    const triggerMessage = (msg: string | ReactNode = '') => {\r\n        toast.push(\r\n            <Notification type=\"danger\" duration={2000}>\r\n                {msg || 'Upload Failed!'}\r\n            </Notification>,\r\n            {\r\n                placement: 'top-center',\r\n            },\r\n        )\r\n    }\r\n\r\n    const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\r\n        const { files: newFiles } = e.target\r\n        let result: boolean | string = true\r\n\r\n        if (beforeUpload) {\r\n            result = beforeUpload(newFiles)\r\n\r\n            if (result === false) {\r\n                triggerMessage()\r\n                return\r\n            }\r\n\r\n            if (typeof result === 'string' && result.length > 0) {\r\n                triggerMessage(result)\r\n                return\r\n            }\r\n        }\r\n\r\n        if (result && newFiles) {\r\n            // Converte FileList para Array e passa apenas os novos arquivos\r\n            const filesArray = Array.from(newFiles)\r\n            onChange?.(filesArray)\r\n        }\r\n\r\n        // Limpa o input para permitir selecionar o mesmo arquivo novamente\r\n        if (fileInputField.current) {\r\n            fileInputField.current.value = ''\r\n        }\r\n    }\r\n\r\n    const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\r\n        if (!disabled) {\r\n            fileInputField.current?.click()\r\n        }\r\n        e.stopPropagation()\r\n    }\r\n\r\n    const renderChildren = () => {\r\n        if (!draggable && !children) {\r\n            return (\r\n                <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\r\n                    Upload\r\n                </Button>\r\n            )\r\n        }\r\n\r\n        if (draggable && !children) {\r\n            return <span>Choose a file or drag and drop here</span>\r\n        }\r\n\r\n        return children\r\n    }\r\n\r\n    const handleDragLeave = useCallback(() => {\r\n        if (draggable) {\r\n            setDragOver(false)\r\n        }\r\n    }, [draggable])\r\n\r\n    const handleDragOver = useCallback(() => {\r\n        if (draggable && !disabled) {\r\n            setDragOver(true)\r\n        }\r\n    }, [draggable, disabled])\r\n\r\n    const handleDrop = useCallback(() => {\r\n        if (draggable) {\r\n            setDragOver(false)\r\n        }\r\n    }, [draggable])\r\n\r\n    const draggableProp = {\r\n        onDragLeave: handleDragLeave,\r\n        onDragOver: handleDragOver,\r\n        onDrop: handleDrop,\r\n    }\r\n\r\n    const draggableEventFeedbackClass = `border-primary`\r\n\r\n    const uploadClass = classNames(\r\n        'upload',\r\n        draggable && `upload-draggable`,\r\n        draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\r\n        draggable && disabled && 'disabled',\r\n        dragOver && draggableEventFeedbackClass,\r\n        className,\r\n    )\r\n\r\n    const uploadInputClass = classNames(\r\n        'upload-input',\r\n        draggable && `draggable`,\r\n    )\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                ref={ref}\r\n                className={uploadClass}\r\n                {...(draggable ? draggableProp : { onClick: triggerUpload })}\r\n                {...(rest as any)}\r\n            >\r\n                <input\r\n                    ref={fileInputField}\r\n                    className={uploadInputClass}\r\n                    type=\"file\"\r\n                    disabled={disabled}\r\n                    multiple={multiple}\r\n                    accept={accept}\r\n                    title=\"\"\r\n                    value=\"\"\r\n                    onChange={onNewFileUpload}\r\n                ></input>\r\n                {renderChildren()}\r\n            </div>\r\n            {tip}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default UploadCustom\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/ui/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/hooks/index.ts"],"sourcesContent":["import useCallbackRef from './useCallbackRef'\nimport useControllableState from './useControllableState'\nimport useDidUpdate from './useDidUpdate'\nimport useMergeRef from './useMergeRef'\nimport useRootClose from './useRootClose'\nimport useTimeout from './useTimeout'\nimport useUncertainRef from './useUncertainRef'\nimport useUniqueId from './useUniqueId'\nimport useWindowSize from './useWindowSize'\n\nconst hooks = {\n    useCallbackRef,\n    useControllableState,\n    useDidUpdate,\n    useMergeRef,\n    useRootClose,\n    useTimeout,\n    useUncertainRef,\n    useUniqueId,\n    useWindowSize,\n}\n\nexport default hooks\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/hooks/index.ts"],"sourcesContent":["import useCallbackRef from './useCallbackRef'\r\nimport useControllableState from './useControllableState'\r\nimport useDidUpdate from './useDidUpdate'\r\nimport useMergeRef from './useMergeRef'\r\nimport useRootClose from './useRootClose'\r\nimport useTimeout from './useTimeout'\r\nimport useUncertainRef from './useUncertainRef'\r\nimport useUniqueId from './useUniqueId'\r\nimport useWindowSize from './useWindowSize'\r\n\r\nconst hooks = {\r\n    useCallbackRef,\r\n    useControllableState,\r\n    useDidUpdate,\r\n    useMergeRef,\r\n    useRootClose,\r\n    useTimeout,\r\n    useUncertainRef,\r\n    useUniqueId,\r\n    useWindowSize,\r\n}\r\n\r\nexport default hooks\r\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;"}

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

@@ -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

@@ -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;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;"}
+{"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\r\n\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nfunction useCallbackRef<T extends (...args: any[]) => any>(\r\n    cb: T | undefined,\r\n): T {\r\n    const cbRef = useRef(cb)\r\n\r\n    useEffect(() => {\r\n        cbRef.current = cb\r\n    })\r\n\r\n    return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\r\n}\r\n\r\nexport default useCallbackRef\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"useControllableState.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useControllableState.ts"],"sourcesContent":["import { useState, useCallback, useRef, useEffect } from 'react'\r\nimport useCallbackRef from './useCallbackRef'\r\n\r\ntype UseControllableStateParams<T> = {\r\n    prop?: T\r\n    defaultProp?: T\r\n    onChange?: (state: T) => void\r\n}\r\n\r\nfunction useUncontrolledState<T>({\r\n    defaultProp,\r\n    onChange,\r\n}: Omit<UseControllableStateParams<T>, 'prop'>) {\r\n    const uncontrolledState = useState(defaultProp)\r\n    const [value] = uncontrolledState\r\n    const prevValueRef = useRef(value)\r\n    const handleChange = useCallbackRef(onChange)\r\n\r\n    useEffect(() => {\r\n        if (prevValueRef.current !== value) {\r\n            handleChange(value as T)\r\n            prevValueRef.current = value\r\n        }\r\n    }, [value, prevValueRef, handleChange])\r\n\r\n    return uncontrolledState\r\n}\r\n\r\nfunction useControllableState<T>({\r\n    prop,\r\n    defaultProp,\r\n    onChange = () => {\r\n        // empty callback\r\n    },\r\n}: UseControllableStateParams<T>) {\r\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({\r\n        defaultProp,\r\n        onChange,\r\n    })\r\n    const isControlled = prop !== undefined\r\n    const value = isControlled ? prop : uncontrolledProp\r\n    const handleChange = useCallbackRef(onChange)\r\n\r\n    const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =\r\n        useCallback(\r\n            (nextValue) => {\r\n                const setter = nextValue as (prevState?: T) => T\r\n                if (isControlled) {\r\n                    const value =\r\n                        typeof nextValue === 'function'\r\n                            ? setter(prop)\r\n                            : nextValue\r\n                    if (value !== prop) {\r\n                        handleChange(value as T)\r\n                    }\r\n                } else {\r\n                    setUncontrolledProp(nextValue)\r\n                }\r\n            },\r\n            [isControlled, prop, setUncontrolledProp, handleChange],\r\n        )\r\n\r\n    return [value, setValue] as const\r\n}\r\n\r\nexport default useControllableState\r\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;"}

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

@@ -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":";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;"}
+{"version":3,"file":"useDidUpdate.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useDidUpdate.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\r\n\r\nexport default function useDidUpdate(\r\n    callback: () => void,\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    dependencies?: any[],\r\n) {\r\n    const mounted = useRef(false)\r\n\r\n    useEffect(\r\n        () => () => {\r\n            mounted.current = false\r\n        },\r\n        [],\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (mounted.current) {\r\n            return callback()\r\n        }\r\n\r\n        mounted.current = true\r\n        return undefined\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, dependencies)\r\n}\r\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;"}

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

@@ -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;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;"}
+{"version":3,"file":"useMergeRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useMergeRef.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport type { Dispatch, SetStateAction, ForwardedRef } from 'react'\r\n\r\ntype Ref<T> = Dispatch<SetStateAction<T>> | ForwardedRef<T>\r\n\r\nconst useMergeRef =\r\n    <T = any>(...refs: Ref<T>[]) =>\r\n    (element: T | null) => {\r\n        refs.forEach((ref) => {\r\n            if (typeof ref === 'function') {\r\n                ref(element as SetStateAction<T> & (T | null))\r\n            } else if (ref && typeof ref === 'object') {\r\n                ref.current = element\r\n            }\r\n        })\r\n    }\r\n\r\nexport default useMergeRef\r\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;"}