@orbe-agro/client-core 5.3.8 → 5.3.10

package/dist/@ecme/components/ui/DatePicker/BasePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\nimport { Input } from '../Input'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport CloseButton from '../CloseButton'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    FocusEvent,\n    HTMLInputTypeAttribute,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\nimport {\n    useFloating,\n    useInteractions,\n    useDismiss,\n    useRole,\n    useFocus,\n    useClick,\n    useId,\n    autoUpdate,\n    offset,\n    flip,\n    shift,\n} from '@floating-ui/react'\n\ndayjs.extend(localizedFormat)\n\nexport interface BasePickerSharedProps {\n    clearable?: boolean\n    clearButton?: string | ReactNode\n    disabled?: boolean\n    inputtable?: boolean\n    inputPrefix?: string | ReactNode\n    inputSuffix?: string | ReactNode\n    name?: string\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onDropdownOpen?: () => void\n    onDropdownClose?: () => void\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    size?: TypeAttributes.ControlSize\n    type?: HTMLInputTypeAttribute\n}\n\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\n    dropdownOpened: boolean\n    inputtableBlurClose?: boolean\n    inputLabel?: string\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n    onClear?: (event: MouseEvent<HTMLElement>) => void\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void\n    setDropdownOpened: (opened: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst BasePicker = (props: BasePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        children,\n        disabled,\n        dropdownOpened,\n        inputtable,\n        inputtableBlurClose = false,\n        inputLabel,\n        inputPrefix,\n        inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\n        name,\n        onDropdownOpen,\n        onDropdownClose,\n        onBlur,\n        onFocus,\n        onChange,\n        onKeyDown,\n        onClear,\n        placeholder,\n        ref = null,\n        setDropdownOpened,\n        size,\n        type,\n    } = props\n\n    const handleInputClick = () => {\n        inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\n    }\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const suffixIconSlot = clearable ? (\n        clearButton ? (\n            <div role=\"presentation\" onClick={onClear}>\n                {clearButton}\n            </div>\n        ) : (\n            <CloseButton className=\"text-base\" onClick={onClear} />\n        )\n    ) : inputSuffix ? (\n        <>{inputSuffix}</>\n    ) : null\n\n    const toggleDropdown = (open: boolean) => {\n        setDropdownOpened(open)\n        open ? onDropdownOpen?.() : onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        typeof onKeyDown === 'function' && onKeyDown(event)\n        if ((event.key === 'Space' || event.key === 'Enter') && !inputtable) {\n            event.preventDefault()\n            openDropdown()\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onBlur?.(event)\n        if (inputtable && inputtableBlurClose) {\n            closeDropdown()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onFocus?.(event)\n    }\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: dropdownOpened,\n        onOpenChange: toggleDropdown,\n        placement: 'bottom-start',\n        middleware: [\n            offset(10),\n            flip({\n                fallbackAxisSideDirection: 'start',\n            }),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const focus = useFocus(context)\n    const click = useClick(context)\n    const dismiss = useDismiss(context)\n    const role = useRole(context)\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        inputtable ? focus : click,\n        dismiss,\n        role,\n    ])\n\n    const headingId = useId()\n\n    return (\n        <>\n            <Input\n                ref={useMergedRef(ref, refs.setReference)}\n                className={className}\n                placeholder={placeholder}\n                size={size}\n                name={name}\n                value={inputLabel}\n                readOnly={!inputtable}\n                suffix={suffixIconSlot}\n                prefix={inputPrefix}\n                autoComplete=\"off\"\n                type={type}\n                disabled={disabled}\n                asElement={'input'}\n                onKeyDown={handleKeyDown}\n                onClick={handleInputClick}\n                onChange={onChange}\n                {...getReferenceProps({\n                    onBlur: handleInputBlur,\n                    onFocus: handleInputFocus,\n                })}\n            />\n            {dropdownOpened && (\n                <div\n                    ref={refs.setFloating}\n                    className=\"picker\"\n                    style={floatingStyles}\n                    aria-labelledby={headingId}\n                    {...getFloatingProps()}\n                >\n                    <div className=\"picker-panel\">{children}</div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default BasePicker\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":"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"}
+{"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\nimport { Input } from '../Input'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport CloseButton from '../CloseButton'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    FocusEvent,\n    HTMLInputTypeAttribute,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\nimport {\n    useFloating,\n    useInteractions,\n    useDismiss,\n    useRole,\n    useFocus,\n    useClick,\n    useId,\n    autoUpdate,\n    offset,\n    flip,\n    shift,\n} from '@floating-ui/react'\n\ndayjs.extend(localizedFormat)\n\nexport interface BasePickerSharedProps {\n    clearable?: boolean\n    clearButton?: string | ReactNode\n    disabled?: boolean\n    inputtable?: boolean\n    inputPrefix?: string | ReactNode\n    inputSuffix?: string | ReactNode\n    name?: string\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onDropdownOpen?: () => void\n    onDropdownClose?: () => void\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    size?: TypeAttributes.ControlSize\n    type?: HTMLInputTypeAttribute\n}\n\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\n    dropdownOpened: boolean\n    inputtableBlurClose?: boolean\n    inputLabel?: string\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n    onClear?: (event: MouseEvent<HTMLElement>) => void\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void\n    setDropdownOpened: (opened: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst BasePicker = (props: BasePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        children,\n        disabled,\n        dropdownOpened,\n        inputtable,\n        inputtableBlurClose = false,\n        inputLabel,\n        inputPrefix,\n        inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\n        name,\n        onDropdownOpen,\n        onDropdownClose,\n        onBlur,\n        onFocus,\n        onChange,\n        onKeyDown,\n        onClear,\n        placeholder,\n        ref = null,\n        setDropdownOpened,\n        size,\n        type,\n    } = props\n\n    const handleInputClick = () => {\n        inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\n    }\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const suffixIconSlot = clearable ? (\n        clearButton ? (\n            <div role=\"presentation\" onClick={onClear}>\n                {clearButton}\n            </div>\n        ) : (\n            <CloseButton className=\"text-base\" onClick={onClear} />\n        )\n    ) : inputSuffix ? (\n        <>{inputSuffix}</>\n    ) : null\n\n    const toggleDropdown = (open: boolean) => {\n        setDropdownOpened(open)\n        open ? onDropdownOpen?.() : onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        typeof onKeyDown === 'function' && onKeyDown(event)\n        if ((event.key === 'Space' || event.key === 'Enter') && !inputtable) {\n            event.preventDefault()\n            openDropdown()\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onBlur?.(event)\n        if (inputtable && inputtableBlurClose) {\n            closeDropdown()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onFocus?.(event)\n    }\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: dropdownOpened,\n        onOpenChange: toggleDropdown,\n        placement: 'bottom-start',\n        middleware: [\n            offset(10),\n            flip({\n                fallbackAxisSideDirection: 'start',\n            }),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const focus = useFocus(context)\n    const click = useClick(context)\n    const dismiss = useDismiss(context)\n    const role = useRole(context)\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        inputtable ? focus : click,\n        dismiss,\n        role,\n    ])\n\n    const headingId = useId()\n\n    return (\n        <>\n            <Input\n                ref={useMergedRef(ref, refs.setReference)}\n                className={className}\n                placeholder={placeholder}\n                size={size}\n                name={name}\n                value={inputLabel}\n                readOnly={!inputtable}\n                suffix={suffixIconSlot}\n                prefix={inputPrefix}\n                autoComplete=\"off\"\n                type={type}\n                disabled={disabled}\n                asElement={'input'}\n                onKeyDown={handleKeyDown}\n                onClick={handleInputClick}\n                onChange={onChange}\n                {...getReferenceProps({\n                    onBlur: handleInputBlur,\n                    onFocus: handleInputFocus,\n                })}\n            />\n            {dropdownOpened && (\n                <div\n                    ref={refs.setFloating}\n                    className=\"picker\"\n                    style={floatingStyles}\n                    aria-labelledby={headingId}\n                    {...getFloatingProps()}\n                >\n                    <div className=\"picker-panel\">{children}</div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default BasePicker\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":";;;;;;;;;;AA8BAA,EAAM,OAAOC,CAAe;AA8B5B,MAAMC,KAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc,gBAAAC,EAACC,GAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,IACrD,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,mBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACA1B,GAEE2B,IAAmB,MAAM;AAC3B,IAAApB,IAAaqB,EAAA,IAAiBC,EAAe,CAACvB,CAAc;AAAA,EAChE,GAEMwB,IAAgB,MAAM;AACxB,IAAAN,EAAkB,EAAK,GACvBR,KAAA,QAAAA;AAAA,EACJ,GAEMe,IAAiB7B,IACnBC,IACI,gBAAAS,EAAC,SAAI,MAAK,gBAAe,SAASS,GAC7B,UAAAlB,EAAA,CACL,IAEA,gBAAAS,EAACoB,IAAA,EAAY,WAAU,aAAY,SAASX,GAAS,IAEzDV,IACA,gBAAAC,EAAAqB,GAAA,EAAG,UAAAtB,EAAA,CAAY,IACf,MAEEkB,IAAiB,CAACK,MAAkB;AACtC,IAAAV,EAAkBU,CAAI,GACtBA,IAAOnB,KAAA,QAAAA,MAAqBC,KAAA,QAAAA;AAAA,EAChC,GAEMY,IAAe,MAAM;AACvB,IAAAJ,EAAkB,EAAI,GACtBT,KAAA,QAAAA;AAAA,EACJ,GAEMoB,IAAgB,CAACC,MAA2C;AAC9D,WAAOhB,KAAc,cAAcA,EAAUgB,CAAK,IAC7CA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,YAAY,CAAC7B,MACrD6B,EAAM,eAAA,GACNR,EAAA;AAAA,EAER,GAEMS,IAAkB,CAACD,MAAiD;AACtE,IAAAnB,KAAA,QAAAA,EAASmB,IACL7B,KAAcC,KACdsB,EAAA;AAAA,EAER,GAEMQ,IAAmB,CAACF,MAAiD;AACvE,IAAAlB,KAAA,QAAAA,EAAUkB;AAAA,EACd,GAEM,EAAE,MAAAG,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMpC;AAAA,IACN,cAAcuB;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,MACRc,EAAO,EAAE;AAAA,MACTC,GAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,GAAA;AAAA,IAAM;AAAA,IAEV,sBAAsBC;AAAA,EAAA,CACzB,GAEKC,IAAQC,GAASP,CAAO,GACxBQ,IAAQC,GAAST,CAAO,GACxBU,IAAUC,GAAWX,CAAO,GAC5BY,IAAOC,GAAQb,CAAO,GAEtB,EAAE,mBAAAc,GAAmB,kBAAAC,EAAA,IAAqBC,GAAgB;AAAA,IAC5DlD,IAAawC,IAAQE;AAAA,IACrBE;AAAA,IACAE;AAAA,EAAA,CACH,GAEKK,IAAYC,GAAA;AAElB,SACI,gBAAAC,EAAA3B,GAAA,EACI,UAAA;AAAA,IAAA,gBAAArB;AAAA,MAACiD;AAAA,MAAA;AAAA,QACG,KAAKC,EAAavC,GAAKgB,EAAK,YAAY;AAAA,QACxC,WAAAtC;AAAA,QACA,aAAAqB;AAAA,QACA,MAAAG;AAAA,QACA,MAAAX;AAAA,QACA,OAAOL;AAAA,QACP,UAAU,CAACF;AAAA,QACX,QAAQwB;AAAA,QACR,QAAQrB;AAAA,QACR,cAAa;AAAA,QACb,MAAAgB;AAAA,QACA,UAAArB;AAAA,QACA,WAAW;AAAA,QACX,WAAW8B;AAAA,QACX,SAASR;AAAA,QACT,UAAAR;AAAA,QACC,GAAGoC,EAAkB;AAAA,UAClB,QAAQlB;AAAA,UACR,SAASC;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJhC,KACG,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK2B,EAAK;AAAA,QACV,WAAU;AAAA,QACV,OAAOC;AAAA,QACP,mBAAiBkB;AAAA,QAChB,GAAGF,EAAA;AAAA,QAEJ,UAAA,gBAAA5C,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAR,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,GAER;AAER;"}

package/dist/@ecme/components/ui/DatePicker/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\nimport { isSameDate } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\n\nexport interface CalenderProps<MultipleSelection extends boolean = false>\n    extends CommonProps,\n        CalendarSharedProps {\n    multipleSelection?: MultipleSelection\n    value?: MultipleSelection extends true ? Date[] : Date | null\n    onChange?(\n        value: MultipleSelection extends true ? Date[] : Date | null,\n    ): void\n}\n\nconst Calendar = <MultipleSelection extends boolean = false>(\n    props: CalenderProps<MultipleSelection>,\n) => {\n    const { multipleSelection, value, onChange, ...rest } = props\n\n    const handleChange = (date: Date | Date[]) => {\n        if (!multipleSelection) {\n            return onChange?.(\n                date as MultipleSelection extends true ? Date[] : Date,\n            )\n        }\n\n        const isSelected = (value as Date[])?.some((val) =>\n            isSameDate(val, date as Date),\n        )\n\n        return onChange?.(\n            (isSelected\n                ? (value as Date[])?.filter(\n                      (val: Date) => !isSameDate(val, date as Date),\n                  )\n                : [\n                      ...(value as Date[]),\n                      date,\n                  ]) as MultipleSelection extends true ? Date[] : Date,\n        )\n    }\n\n    return <CalendarBase value={value} onChange={handleChange} {...rest} />\n}\n\nexport default Calendar\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE,KAAA,gBAAAA;AAAA,QACHG;AAAA;AAIR,UAAMC,IAAcL,KAAA,gBAAAA,EAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA;AAGhC,WAAOH,KAAA,gBAAAA;AAAA,MACFI,IACML,KAAA,gBAAAA,EAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,UAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA;AAAA,EAEd,GAGwD,GAAGF,GAAM;AACzE;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\nimport { isSameDate } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\n\nexport interface CalenderProps<MultipleSelection extends boolean = false>\n    extends CommonProps,\n        CalendarSharedProps {\n    multipleSelection?: MultipleSelection\n    value?: MultipleSelection extends true ? Date[] : Date | null\n    onChange?(\n        value: MultipleSelection extends true ? Date[] : Date | null,\n    ): void\n}\n\nconst Calendar = <MultipleSelection extends boolean = false>(\n    props: CalenderProps<MultipleSelection>,\n) => {\n    const { multipleSelection, value, onChange, ...rest } = props\n\n    const handleChange = (date: Date | Date[]) => {\n        if (!multipleSelection) {\n            return onChange?.(\n                date as MultipleSelection extends true ? Date[] : Date,\n            )\n        }\n\n        const isSelected = (value as Date[])?.some((val) =>\n            isSameDate(val, date as Date),\n        )\n\n        return onChange?.(\n            (isSelected\n                ? (value as Date[])?.filter(\n                      (val: Date) => !isSameDate(val, date as Date),\n                  )\n                : [\n                      ...(value as Date[]),\n                      date,\n                  ]) as MultipleSelection extends true ? Date[] : Date,\n        )\n    }\n\n    return <CalendarBase value={value} onChange={handleChange} {...rest} />\n}\n\nexport default Calendar\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE,KAAA,gBAAAA;AAAA,QACHG;AAAA;AAIR,UAAMC,IAAcL,KAAA,gBAAAA,EAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA;AAGhC,WAAOH,KAAA,gBAAAA;AAAA,MACFI,IACML,KAAA,gBAAAA,EAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,UAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA;AAAA,EAGlB,GAE4D,GAAGF,GAAM;AACzE;"}

package/dist/@ecme/components/ui/DatePicker/CalendarBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useControllableState from '../hooks/useControllableState'\nimport { useConfig } from '../ConfigProvider'\nimport DateTable from './tables/DateTable'\nimport MonthTable from './tables/MonthTable'\nimport YearTable from './tables/YearTable'\nimport type { CommonProps } from '../@types/common'\nimport type { MonthBaseProps } from './tables/components/Month'\nimport type { DayKeydownPayload } from './tables/components/types'\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\n\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\n    dateViewCount?: number\n    defaultView?: 'date' | 'month' | 'year'\n    defaultMonth?: Date\n    enableHeaderLabel?: boolean\n    locale?: string\n    labelFormat?: { month: string; year: string }\n    monthLabelFormat?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent) => void\n    onMonthChange?: (month: Date) => void\n    paginateBy?: number\n    range?: [Date, Date]\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n    yearLabelFormat?: string\n}\n\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\n    ref?: Ref<HTMLDivElement>\n    onChange?: (value: Date | Date[]) => void\n    value?: Date | Date[] | null\n}\n\nconst CalendarBase = (props: CalendarBaseProps) => {\n    const {\n        className,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultView = 'date',\n        disableDate,\n        disableOutOfMonth,\n        enableHeaderLabel = true,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        isDateFirstInRange,\n        isDateInRange,\n        isDateLastInRange,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        month,\n        monthLabelFormat = 'MMM',\n        onChange,\n        onDayMouseEnter,\n        onMonthChange,\n        paginateBy = dateViewCount,\n        preventFocus,\n        range,\n        ref,\n        renderDay,\n        style,\n        value,\n        weekdayLabelFormat = 'dd',\n        weekendDays,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const [selectionState, setSelectionState] = useState(defaultView)\n\n    const finalLocale = locale || themeLocale\n\n    const daysRefs = useRef<HTMLButtonElement[][][]>(\n        Array(dateViewCount)\n            .fill(0)\n            .map(() => []),\n    )\n\n    const [_month, setMonth] = useControllableState({\n        prop: month,\n        defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\n        onChange: onMonthChange,\n    })\n\n    const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\n    const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\n\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\n\n    const daysPerRow = 6\n\n    const focusOnNextFocusableDay = (\n        direction: 'down' | 'up' | 'left' | 'right',\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        n = 1,\n    ) => {\n        const changeRow = ['down', 'up'].includes(direction)\n\n        const rowIndex = changeRow\n            ? payload.rowIndex + (direction === 'down' ? n : -n)\n            : payload.rowIndex\n\n        const cellIndex = changeRow\n            ? payload.cellIndex\n            : payload.cellIndex + (direction === 'right' ? n : -n)\n\n        const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\n\n        if (!dayToFocus) {\n            return\n        }\n\n        if (dayToFocus.disabled) {\n            focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\n        } else {\n            dayToFocus.focus()\n        }\n    }\n\n    const handleDayKeyDown = (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                event.preventDefault()\n\n                const hasRowBelow =\n                    payload.rowIndex + 1 < daysRefs.current[monthIndex].length\n                if (hasRowBelow) {\n                    focusOnNextFocusableDay('down', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowUp': {\n                event.preventDefault()\n\n                const hasRowAbove = payload.rowIndex > 0\n                if (hasRowAbove) {\n                    focusOnNextFocusableDay('up', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowRight': {\n                event.preventDefault()\n\n                const isNotLastCell = payload.cellIndex !== daysPerRow\n                if (isNotLastCell) {\n                    focusOnNextFocusableDay('right', monthIndex, payload)\n                } else if (monthIndex + 1 < dateViewCount) {\n                    if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex + 1][\n                            payload.rowIndex\n                        ][0]?.focus()\n                    }\n                }\n                break\n            }\n            case 'ArrowLeft': {\n                event.preventDefault()\n\n                if (payload.cellIndex !== 0) {\n                    focusOnNextFocusableDay('left', monthIndex, payload)\n                } else if (monthIndex > 0) {\n                    if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex - 1][payload.rowIndex][\n                            daysPerRow\n                        ].focus()\n                    }\n                }\n                break\n            }\n            default:\n                break\n        }\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={classNames('picker-view', className)}\n            {...rest}\n        >\n            {selectionState === 'year' && (\n                <YearTable\n                    value={yearSelection as number}\n                    minYear={minYear}\n                    maxYear={maxYear}\n                    className={className}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    onChange={(year) => {\n                        setMonth(new Date(year, monthSelection as number, 1))\n                        setYearSelection(year)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'month' && (\n                <MonthTable\n                    value={{\n                        month: (_month as Date).getMonth(),\n                        year: (_month as Date).getFullYear(),\n                    }}\n                    year={yearSelection as number}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    className={className}\n                    style={style}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    monthLabelFormat={monthLabelFormat}\n                    onYearChange={setYearSelection}\n                    onNextLevel={() => setSelectionState('year')}\n                    onChange={(monthValue) => {\n                        setMonth(\n                            new Date(yearSelection as number, monthValue, 1),\n                        )\n                        setMonthSelection(monthValue)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'date' && (\n                <DateTable\n                    dateViewCount={dateViewCount}\n                    paginateBy={paginateBy}\n                    month={_month as Date}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    enableHeaderLabel={enableHeaderLabel}\n                    daysRefs={daysRefs}\n                    style={style}\n                    dayClassName={dayClassName}\n                    dayStyle={dayStyle}\n                    disableOutOfMonth={disableOutOfMonth}\n                    disableDate={disableDate}\n                    hideWeekdays={hideWeekdays}\n                    preventFocus={preventFocus}\n                    firstDayOfWeek={firstDayOfWeek}\n                    value={value as Date | Date[]}\n                    range={range}\n                    labelFormat={labelFormat}\n                    weekdayLabelFormat={weekdayLabelFormat}\n                    renderDay={renderDay}\n                    hideOutOfMonthDates={hideOutOfMonthDates}\n                    isDateInRange={isDateInRange}\n                    isDateFirstInRange={isDateFirstInRange}\n                    isDateLastInRange={isDateLastInRange}\n                    weekendDays={weekendDays}\n                    onMonthChange={setMonth}\n                    onNextLevel={(view) => setSelectionState(view)}\n                    onDayKeyDown={handleDayKeyDown}\n                    onChange={onChange}\n                    onDayMouseEnter={onDayMouseEnter}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default CalendarBase\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","_a","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":"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"}
+{"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useControllableState from '../hooks/useControllableState'\nimport { useConfig } from '../ConfigProvider'\nimport DateTable from './tables/DateTable'\nimport MonthTable from './tables/MonthTable'\nimport YearTable from './tables/YearTable'\nimport type { CommonProps } from '../@types/common'\nimport type { MonthBaseProps } from './tables/components/Month'\nimport type { DayKeydownPayload } from './tables/components/types'\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\n\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\n    dateViewCount?: number\n    defaultView?: 'date' | 'month' | 'year'\n    defaultMonth?: Date\n    enableHeaderLabel?: boolean\n    locale?: string\n    labelFormat?: { month: string; year: string }\n    monthLabelFormat?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent) => void\n    onMonthChange?: (month: Date) => void\n    paginateBy?: number\n    range?: [Date, Date]\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n    yearLabelFormat?: string\n}\n\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\n    ref?: Ref<HTMLDivElement>\n    onChange?: (value: Date | Date[]) => void\n    value?: Date | Date[] | null\n}\n\nconst CalendarBase = (props: CalendarBaseProps) => {\n    const {\n        className,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultView = 'date',\n        disableDate,\n        disableOutOfMonth,\n        enableHeaderLabel = true,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        isDateFirstInRange,\n        isDateInRange,\n        isDateLastInRange,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        month,\n        monthLabelFormat = 'MMM',\n        onChange,\n        onDayMouseEnter,\n        onMonthChange,\n        paginateBy = dateViewCount,\n        preventFocus,\n        range,\n        ref,\n        renderDay,\n        style,\n        value,\n        weekdayLabelFormat = 'dd',\n        weekendDays,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const [selectionState, setSelectionState] = useState(defaultView)\n\n    const finalLocale = locale || themeLocale\n\n    const daysRefs = useRef<HTMLButtonElement[][][]>(\n        Array(dateViewCount)\n            .fill(0)\n            .map(() => []),\n    )\n\n    const [_month, setMonth] = useControllableState({\n        prop: month,\n        defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\n        onChange: onMonthChange,\n    })\n\n    const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\n    const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\n\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\n\n    const daysPerRow = 6\n\n    const focusOnNextFocusableDay = (\n        direction: 'down' | 'up' | 'left' | 'right',\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        n = 1,\n    ) => {\n        const changeRow = ['down', 'up'].includes(direction)\n\n        const rowIndex = changeRow\n            ? payload.rowIndex + (direction === 'down' ? n : -n)\n            : payload.rowIndex\n\n        const cellIndex = changeRow\n            ? payload.cellIndex\n            : payload.cellIndex + (direction === 'right' ? n : -n)\n\n        const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\n\n        if (!dayToFocus) {\n            return\n        }\n\n        if (dayToFocus.disabled) {\n            focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\n        } else {\n            dayToFocus.focus()\n        }\n    }\n\n    const handleDayKeyDown = (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                event.preventDefault()\n\n                const hasRowBelow =\n                    payload.rowIndex + 1 < daysRefs.current[monthIndex].length\n                if (hasRowBelow) {\n                    focusOnNextFocusableDay('down', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowUp': {\n                event.preventDefault()\n\n                const hasRowAbove = payload.rowIndex > 0\n                if (hasRowAbove) {\n                    focusOnNextFocusableDay('up', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowRight': {\n                event.preventDefault()\n\n                const isNotLastCell = payload.cellIndex !== daysPerRow\n                if (isNotLastCell) {\n                    focusOnNextFocusableDay('right', monthIndex, payload)\n                } else if (monthIndex + 1 < dateViewCount) {\n                    if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex + 1][\n                            payload.rowIndex\n                        ][0]?.focus()\n                    }\n                }\n                break\n            }\n            case 'ArrowLeft': {\n                event.preventDefault()\n\n                if (payload.cellIndex !== 0) {\n                    focusOnNextFocusableDay('left', monthIndex, payload)\n                } else if (monthIndex > 0) {\n                    if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex - 1][payload.rowIndex][\n                            daysPerRow\n                        ].focus()\n                    }\n                }\n                break\n            }\n            default:\n                break\n        }\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={classNames('picker-view', className)}\n            {...rest}\n        >\n            {selectionState === 'year' && (\n                <YearTable\n                    value={yearSelection as number}\n                    minYear={minYear}\n                    maxYear={maxYear}\n                    className={className}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    onChange={(year) => {\n                        setMonth(new Date(year, monthSelection as number, 1))\n                        setYearSelection(year)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'month' && (\n                <MonthTable\n                    value={{\n                        month: (_month as Date).getMonth(),\n                        year: (_month as Date).getFullYear(),\n                    }}\n                    year={yearSelection as number}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    className={className}\n                    style={style}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    monthLabelFormat={monthLabelFormat}\n                    onYearChange={setYearSelection}\n                    onNextLevel={() => setSelectionState('year')}\n                    onChange={(monthValue) => {\n                        setMonth(\n                            new Date(yearSelection as number, monthValue, 1),\n                        )\n                        setMonthSelection(monthValue)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'date' && (\n                <DateTable\n                    dateViewCount={dateViewCount}\n                    paginateBy={paginateBy}\n                    month={_month as Date}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    enableHeaderLabel={enableHeaderLabel}\n                    daysRefs={daysRefs}\n                    style={style}\n                    dayClassName={dayClassName}\n                    dayStyle={dayStyle}\n                    disableOutOfMonth={disableOutOfMonth}\n                    disableDate={disableDate}\n                    hideWeekdays={hideWeekdays}\n                    preventFocus={preventFocus}\n                    firstDayOfWeek={firstDayOfWeek}\n                    value={value as Date | Date[]}\n                    range={range}\n                    labelFormat={labelFormat}\n                    weekdayLabelFormat={weekdayLabelFormat}\n                    renderDay={renderDay}\n                    hideOutOfMonthDates={hideOutOfMonthDates}\n                    isDateInRange={isDateInRange}\n                    isDateFirstInRange={isDateFirstInRange}\n                    isDateLastInRange={isDateLastInRange}\n                    weekendDays={weekendDays}\n                    onMonthChange={setMonth}\n                    onNextLevel={(view) => setSelectionState(view)}\n                    onDayKeyDown={handleDayKeyDown}\n                    onChange={onChange}\n                    onDayMouseEnter={onDayMouseEnter}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default CalendarBase\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","_a","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport Calendar from './Calendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport capitalize from '../utils/capitalize'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\n\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\n\nexport interface DatePickerProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: Date | null\n    value?: Date | null\n    inputFormat?: string\n    inputtableBlurClose?: boolean\n    openPickerOnClear?: boolean\n    onChange?: (value: Date | null) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled = false,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        inputtable,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        name = 'date',\n        onBlur,\n        onChange,\n        onFocus,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        renderDay,\n        ref = null,\n        size,\n        style,\n        type,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n    const finalLocale = locale || themeLocale\n\n    const dateFormat =\n        type === 'date'\n            ? DEFAULT_INPUT_FORMAT\n            : inputFormat || DEFAULT_INPUT_FORMAT\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\n\n    const [_value, setValue] = useControllableState({\n        prop: value,\n        defaultProp: defaultValue,\n        onChange,\n    })\n\n    const [calendarMonth, setCalendarMonth] = useState(\n        _value || defaultMonth || new Date(),\n    )\n\n    const [focused, setFocused] = useState(false)\n\n    const [inputState, setInputState] = useState(\n        _value instanceof Date\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\n            : '',\n    )\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    useEffect(() => {\n        if (!_value) {\n            if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\n                setCalendarMonth(maxDate)\n            }\n\n            if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\n                setCalendarMonth(minDate)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [minDate, maxDate])\n\n    useEffect(() => {\n        if (value === null && !focused) {\n            setInputState('')\n        }\n\n        if (value instanceof Date && !focused) {\n            setInputState(\n                capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, focused, themeLocale])\n\n    useEffect(() => {\n        if (defaultValue instanceof Date && inputState && !focused) {\n            setInputState(\n                capitalize(\n                    dayjs(_value).locale(finalLocale).format(dateFormat),\n                ),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [themeLocale])\n\n    const handleValueChange = (date: Date | null) => {\n        setValue(date)\n        setInputState(\n            capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n        )\n        if (closePickerOnChange) {\n            openDropdown()\n        }\n        window.setTimeout(() => inputRef.current?.focus(), 0)\n    }\n\n    const handleClear = () => {\n        setValue(null)\n        setLastValidValue(null)\n        setInputState('')\n        if (openPickerOnClear) {\n            openDropdown()\n        }\n        inputRef.current?.focus()\n    }\n\n    const parseDate = (date: string) =>\n        dayjs(date, dateFormat, finalLocale).toDate()\n\n    const setDateFromInput = () => {\n        let date = typeof _value === 'string' ? parseDate(_value) : _value\n\n        if (maxDate && dayjs(date).isAfter(maxDate)) {\n            date = maxDate\n        }\n\n        if (minDate && dayjs(date).isBefore(minDate)) {\n            date = minDate\n        }\n\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date as Date)\n            setInputState(\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n            )\n            setCalendarMonth(date as Date)\n        } else {\n            setValue(lastValidValue)\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onBlur === 'function') {\n            onBlur(event)\n        }\n        setFocused(false)\n\n        if (inputtable) {\n            setDateFromInput()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter' && inputtable) {\n            closeDropdown()\n            setDateFromInput()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onFocus === 'function') {\n            onFocus(event)\n        }\n        setFocused(true)\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        openDropdown()\n\n        const date = parseDate(event.target.value)\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date)\n            setInputState(event.target.value)\n            setCalendarMonth(date)\n        } else {\n            setInputState(event.target.value)\n        }\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            inputtable={inputtable}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={setDropdownOpened}\n            size={size}\n            style={style}\n            className={className}\n            name={name}\n            inputLabel={inputState}\n            clearable={\n                type === 'date' ? false : clearable && !!_value && !disabled\n            }\n            clearButton={clearButton}\n            disabled={disabled}\n            type={type}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onChange={handleChange}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <Calendar\n                locale={finalLocale}\n                month={inputtable ? calendarMonth : undefined}\n                defaultMonth={\n                    defaultMonth ||\n                    (_value instanceof Date ? _value : new Date())\n                }\n                value={\n                    _value instanceof Date\n                        ? _value\n                        : _value && dayjs(_value).toDate()\n                }\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                preventFocus={inputtable}\n                dateViewCount={dateViewCount}\n                enableHeaderLabel={enableHeaderLabel}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onMonthChange={setCalendarMonth}\n                onChange={handleValueChange}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePicker\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","_a","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport Calendar from './Calendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport capitalize from '../utils/capitalize'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\n\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\n\nexport interface DatePickerProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: Date | null\n    value?: Date | null\n    inputFormat?: string\n    inputtableBlurClose?: boolean\n    openPickerOnClear?: boolean\n    onChange?: (value: Date | null) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled = false,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        inputtable,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        name = 'date',\n        onBlur,\n        onChange,\n        onFocus,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        renderDay,\n        ref = null,\n        size,\n        style,\n        type,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n    const finalLocale = locale || themeLocale\n\n    const dateFormat =\n        type === 'date'\n            ? DEFAULT_INPUT_FORMAT\n            : inputFormat || DEFAULT_INPUT_FORMAT\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\n\n    const [_value, setValue] = useControllableState({\n        prop: value,\n        defaultProp: defaultValue,\n        onChange,\n    })\n\n    const [calendarMonth, setCalendarMonth] = useState(\n        _value || defaultMonth || new Date(),\n    )\n\n    const [focused, setFocused] = useState(false)\n\n    const [inputState, setInputState] = useState(\n        _value instanceof Date\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\n            : '',\n    )\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    useEffect(() => {\n        if (!_value) {\n            if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\n                setCalendarMonth(maxDate)\n            }\n\n            if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\n                setCalendarMonth(minDate)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [minDate, maxDate])\n\n    useEffect(() => {\n        if (value === null && !focused) {\n            setInputState('')\n        }\n\n        if (value instanceof Date && !focused) {\n            setInputState(\n                capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, focused, themeLocale])\n\n    useEffect(() => {\n        if (defaultValue instanceof Date && inputState && !focused) {\n            setInputState(\n                capitalize(\n                    dayjs(_value).locale(finalLocale).format(dateFormat),\n                ),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [themeLocale])\n\n    const handleValueChange = (date: Date | null) => {\n        setValue(date)\n        setInputState(\n            capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n        )\n        if (closePickerOnChange) {\n            openDropdown()\n        }\n        window.setTimeout(() => inputRef.current?.focus(), 0)\n    }\n\n    const handleClear = () => {\n        setValue(null)\n        setLastValidValue(null)\n        setInputState('')\n        if (openPickerOnClear) {\n            openDropdown()\n        }\n        inputRef.current?.focus()\n    }\n\n    const parseDate = (date: string) =>\n        dayjs(date, dateFormat, finalLocale).toDate()\n\n    const setDateFromInput = () => {\n        let date = typeof _value === 'string' ? parseDate(_value) : _value\n\n        if (maxDate && dayjs(date).isAfter(maxDate)) {\n            date = maxDate\n        }\n\n        if (minDate && dayjs(date).isBefore(minDate)) {\n            date = minDate\n        }\n\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date as Date)\n            setInputState(\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n            )\n            setCalendarMonth(date as Date)\n        } else {\n            setValue(lastValidValue)\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onBlur === 'function') {\n            onBlur(event)\n        }\n        setFocused(false)\n\n        if (inputtable) {\n            setDateFromInput()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter' && inputtable) {\n            closeDropdown()\n            setDateFromInput()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onFocus === 'function') {\n            onFocus(event)\n        }\n        setFocused(true)\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        openDropdown()\n\n        const date = parseDate(event.target.value)\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date)\n            setInputState(event.target.value)\n            setCalendarMonth(date)\n        } else {\n            setInputState(event.target.value)\n        }\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            inputtable={inputtable}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={setDropdownOpened}\n            size={size}\n            style={style}\n            className={className}\n            name={name}\n            inputLabel={inputState}\n            clearable={\n                type === 'date' ? false : clearable && !!_value && !disabled\n            }\n            clearButton={clearButton}\n            disabled={disabled}\n            type={type}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onChange={handleChange}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <Calendar\n                locale={finalLocale}\n                month={inputtable ? calendarMonth : undefined}\n                defaultMonth={\n                    defaultMonth ||\n                    (_value instanceof Date ? _value : new Date())\n                }\n                value={\n                    _value instanceof Date\n                        ? _value\n                        : _value && dayjs(_value).toDate()\n                }\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                preventFocus={inputtable}\n                dateViewCount={dateViewCount}\n                enableHeaderLabel={enableHeaderLabel}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onMonthChange={setCalendarMonth}\n                onChange={handleValueChange}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePicker\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","_a","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/DatePickerRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useRef } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport capitalize from '../utils/capitalize'\nimport RangeCalendar from './RangeCalendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { Ref } from 'react'\n\nexport type DatePickerRangeValue = [Date | null, Date | null]\n\nexport interface DatePickerRangeProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: DatePickerRangeValue\n    inputFormat?: string\n    separator?: string\n    onChange?: (value: DatePickerRangeValue) => void\n    openPickerOnClear?: boolean\n    ref?: Ref<HTMLInputElement>\n    singleDate?: boolean\n    value?: DatePickerRangeValue\n}\n\nconst validationRule = (val: any) =>\n    Array.isArray(val) &&\n    val.length === 2 &&\n    val.every((v) => v instanceof Date)\n\nconst isFirstDateSet = (val: any) =>\n    Array.isArray(val) && val.length === 2 && val[0] instanceof Date\n\nconst DatePickerRange = (props: DatePickerRangeProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        separator = '~',\n        locale,\n        maxDate,\n        minDate,\n        onChange,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        ref = null,\n        renderDay,\n        singleDate = false,\n        size,\n        style,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n\n    const dateFormat = inputFormat || 'YYYY-MM-DD'\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [_value, setValue] = useControllableState<[Date | null, Date | null]>(\n        {\n            prop: value,\n            defaultProp:\n                defaultValue !== undefined ? defaultValue : [null, null],\n            onChange,\n        },\n    )\n\n    const handleValueChange = (range: [Date, Date]) => {\n        setValue(range)\n        if (closePickerOnChange && validationRule(range)) {\n            setDropdownOpened(false)\n            onDropdownClose?.()\n            window.setTimeout(() => inputRef.current?.focus(), 0)\n        }\n    }\n\n    const valueValid = validationRule(_value)\n    const firstValueValid = isFirstDateSet(_value)\n\n    const firstDateLabel = _value?.[0]\n        ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const secondDateLabel = _value?.[1]\n        ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const handleClear = () => {\n        setValue([null, null])\n        setDropdownOpened(true)\n        openPickerOnClear && onDropdownOpen?.()\n        inputRef.current?.focus()\n    }\n\n    const handleDropdownToggle = (isOpened: boolean) => {\n        if (!isOpened && firstValueValid && _value?.[1] === null) {\n            handleClear()\n        }\n        setDropdownOpened(isOpened)\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={handleDropdownToggle}\n            size={size}\n            style={style}\n            className={className}\n            inputLabel={\n                firstValueValid\n                    ? `${firstDateLabel} ${separator} ${secondDateLabel}`\n                    : ''\n            }\n            clearable={clearable && firstValueValid}\n            clearButton={clearButton}\n            disabled={disabled}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <RangeCalendar\n                locale={finalLocale}\n                defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\n                value={_value as [Date | null, Date | null]}\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                enableHeaderLabel={enableHeaderLabel}\n                singleDate={singleDate}\n                dateViewCount={dateViewCount}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onChange={(date) => handleValueChange(date as [Date, Date])}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePickerRange\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","_a","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":"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"}
+{"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useRef } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport capitalize from '../utils/capitalize'\nimport RangeCalendar from './RangeCalendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { Ref } from 'react'\n\nexport type DatePickerRangeValue = [Date | null, Date | null]\n\nexport interface DatePickerRangeProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: DatePickerRangeValue\n    inputFormat?: string\n    separator?: string\n    onChange?: (value: DatePickerRangeValue) => void\n    openPickerOnClear?: boolean\n    ref?: Ref<HTMLInputElement>\n    singleDate?: boolean\n    value?: DatePickerRangeValue\n}\n\nconst validationRule = (val: any) =>\n    Array.isArray(val) &&\n    val.length === 2 &&\n    val.every((v) => v instanceof Date)\n\nconst isFirstDateSet = (val: any) =>\n    Array.isArray(val) && val.length === 2 && val[0] instanceof Date\n\nconst DatePickerRange = (props: DatePickerRangeProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        separator = '~',\n        locale,\n        maxDate,\n        minDate,\n        onChange,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        ref = null,\n        renderDay,\n        singleDate = false,\n        size,\n        style,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n\n    const dateFormat = inputFormat || 'YYYY-MM-DD'\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [_value, setValue] = useControllableState<[Date | null, Date | null]>(\n        {\n            prop: value,\n            defaultProp:\n                defaultValue !== undefined ? defaultValue : [null, null],\n            onChange,\n        },\n    )\n\n    const handleValueChange = (range: [Date, Date]) => {\n        setValue(range)\n        if (closePickerOnChange && validationRule(range)) {\n            setDropdownOpened(false)\n            onDropdownClose?.()\n            window.setTimeout(() => inputRef.current?.focus(), 0)\n        }\n    }\n\n    const valueValid = validationRule(_value)\n    const firstValueValid = isFirstDateSet(_value)\n\n    const firstDateLabel = _value?.[0]\n        ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const secondDateLabel = _value?.[1]\n        ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const handleClear = () => {\n        setValue([null, null])\n        setDropdownOpened(true)\n        openPickerOnClear && onDropdownOpen?.()\n        inputRef.current?.focus()\n    }\n\n    const handleDropdownToggle = (isOpened: boolean) => {\n        if (!isOpened && firstValueValid && _value?.[1] === null) {\n            handleClear()\n        }\n        setDropdownOpened(isOpened)\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={handleDropdownToggle}\n            size={size}\n            style={style}\n            className={className}\n            inputLabel={\n                firstValueValid\n                    ? `${firstDateLabel} ${separator} ${secondDateLabel}`\n                    : ''\n            }\n            clearable={clearable && firstValueValid}\n            clearButton={clearButton}\n            disabled={disabled}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <RangeCalendar\n                locale={finalLocale}\n                defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\n                value={_value as [Date | null, Date | null]}\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                enableHeaderLabel={enableHeaderLabel}\n                singleDate={singleDate}\n                dateViewCount={dateViewCount}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onChange={(date) => handleValueChange(date as [Date, Date])}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePickerRange\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","_a","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/DateTimepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimepicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DateTimepicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport capitalize from '../utils/capitalize'\r\nimport TimeInput from '../TimeInput/TimeInput'\r\nimport Calendar from './Calendar'\r\nimport BasePicker from './BasePicker'\r\nimport Button from '../Button/Button'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { FocusEvent, ChangeEvent, Ref } from 'react'\r\n\r\nexport interface DateTimepickerProps\r\n    extends CommonProps,\r\n        Omit<\r\n            CalendarSharedProps,\r\n            | 'onMonthChange'\r\n            | 'onChange'\r\n            | 'isDateInRange'\r\n            | 'isDateFirstInRange'\r\n            | 'isDateLastInRange'\r\n            | 'month'\r\n        >,\r\n        BasePickerSharedProps {\r\n    closePickerOnChange?: boolean\r\n    defaultOpen?: boolean\r\n    defaultValue?: Date | null\r\n    value?: Date | null\r\n    inputFormat?: string\r\n    openPickerOnClear?: boolean\r\n    onChange?: (value: Date | null) => void\r\n    ref?: Ref<HTMLInputElement>\r\n    amPm?: boolean\r\n    okButtonContent?: boolean\r\n}\r\n\r\nconst DEFAULT_INPUT_FORMAT = 'DD-MMM-YYYY hh:mm a'\r\n\r\nconst DateTimepicker = (props: DateTimepickerProps) => {\r\n    const {\r\n        amPm = true,\r\n        className,\r\n        clearable = true,\r\n        closePickerOnChange = false,\r\n        dateViewCount,\r\n        dayClassName,\r\n        dayStyle,\r\n        defaultMonth,\r\n        defaultOpen = false,\r\n        defaultValue,\r\n        defaultView,\r\n        disabled = false,\r\n        disableDate,\r\n        enableHeaderLabel,\r\n        disableOutOfMonth,\r\n        firstDayOfWeek = 'monday',\r\n        hideOutOfMonthDates,\r\n        hideWeekdays,\r\n        inputFormat,\r\n        inputPrefix,\r\n        inputSuffix,\r\n        inputtable,\r\n        labelFormat = {\r\n            month: 'MMM',\r\n            year: 'YYYY',\r\n        },\r\n        locale,\r\n        maxDate,\r\n        minDate,\r\n        name = 'dateTime',\r\n        okButtonContent = 'OK',\r\n        onBlur,\r\n        onChange,\r\n        onFocus,\r\n        onDropdownClose,\r\n        onDropdownOpen,\r\n        openPickerOnClear,\r\n        ref = null,\r\n        renderDay,\r\n        size,\r\n        value,\r\n        weekendDays,\r\n        yearLabelFormat,\r\n        ...rest\r\n    } = props\r\n\r\n    const { locale: themeLocale } = useConfig()\r\n\r\n    const finalLocale = locale || themeLocale\r\n\r\n    const dateFormat = inputFormat || DEFAULT_INPUT_FORMAT\r\n\r\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setLastValidValue] = useState(defaultValue ?? null)\r\n    const [_value, setValue] = useControllableState({\r\n        prop: value,\r\n        defaultProp: defaultValue,\r\n        onChange,\r\n    })\r\n\r\n    const [calendarMonth, setCalendarMonth] = useState(\r\n        _value || defaultMonth || new Date(),\r\n    )\r\n\r\n    const [focused, setFocused] = useState(false)\r\n    const [inputState, setInputState] = useState(\r\n        _value instanceof Date\r\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\r\n            : '',\r\n    )\r\n\r\n    const closeDropdown = () => {\r\n        setDropdownOpened(false)\r\n        onDropdownClose?.()\r\n    }\r\n\r\n    const openDropdown = () => {\r\n        setDropdownOpened(true)\r\n        onDropdownOpen?.()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (value === null && !focused) {\r\n            setInputState('')\r\n        }\r\n\r\n        if (value instanceof Date && !focused) {\r\n            setInputState(dayjs(value).locale(finalLocale).format(dateFormat))\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value, focused])\r\n\r\n    const handleValueChange = (date: Date) => {\r\n        if (_value) {\r\n            date.setHours(_value.getHours())\r\n            date.setMinutes(_value.getMinutes())\r\n        } else {\r\n            const now = new Date(Date.now())\r\n            date.setHours(now.getHours())\r\n            date.setMinutes(now.getMinutes())\r\n        }\r\n        setValue(date)\r\n        if (!value && !closePickerOnChange) {\r\n            setInputState(dayjs(date).locale(finalLocale).format(dateFormat))\r\n        }\r\n        closePickerOnChange &&\r\n            setInputState(\r\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n            )\r\n        closePickerOnChange && closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n    }\r\n\r\n    const handleClear = () => {\r\n        setValue(null)\r\n        setLastValidValue(null)\r\n        setInputState('')\r\n        openPickerOnClear && openDropdown()\r\n        inputRef.current?.focus()\r\n        onChange?.(null)\r\n    }\r\n\r\n    const parseDate = (date: string) =>\r\n        dayjs(date, dateFormat, finalLocale).toDate()\r\n\r\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onBlur === 'function' && onBlur(event)\r\n        setFocused(false)\r\n    }\r\n\r\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onFocus === 'function' && onFocus(event)\r\n        setFocused(true)\r\n    }\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n        openDropdown()\r\n\r\n        const date = parseDate(event.target.value)\r\n        if (dayjs(date).isValid()) {\r\n            setValue(date)\r\n            setLastValidValue(date)\r\n            closePickerOnChange && setInputState(event.target.value)\r\n            setCalendarMonth(date)\r\n        } else {\r\n            closePickerOnChange && setInputState(event.target.value)\r\n        }\r\n    }\r\n\r\n    const handleTimeChange = (time: Date | null) => {\r\n        if (_value instanceof Date && time instanceof Date) {\r\n            const newDateTime = new Date(\r\n                _value.getFullYear(),\r\n                _value.getMonth(),\r\n                _value.getDate(),\r\n                time.getHours(),\r\n                time.getMinutes(),\r\n                time.getSeconds(),\r\n                time.getMilliseconds(),\r\n            )\r\n            setValue(newDateTime)\r\n\r\n            if (!value && !closePickerOnChange) {\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n            }\r\n\r\n            closePickerOnChange &&\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n        }\r\n        closePickerOnChange && closeDropdown()\r\n    }\r\n\r\n    const handleOk = () => {\r\n        setInputState(\r\n            capitalize(dayjs(_value).locale(finalLocale).format(dateFormat)),\r\n        )\r\n        closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n        onChange?.(_value as Date | null)\r\n    }\r\n\r\n    return (\r\n        <BasePicker\r\n            ref={useMergedRef(ref, inputRef)}\r\n            dropdownOpened={dropdownOpened as boolean}\r\n            setDropdownOpened={setDropdownOpened}\r\n            className={className}\r\n            name={name}\r\n            inputLabel={inputState}\r\n            clearable={clearable && !!_value && !disabled}\r\n            disabled={disabled}\r\n            size={size}\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            onChange={handleChange}\r\n            onBlur={handleInputBlur}\r\n            onFocus={handleInputFocus}\r\n            onClear={handleClear}\r\n            onDropdownClose={onDropdownClose}\r\n            onDropdownOpen={onDropdownOpen}\r\n            {...rest}\r\n        >\r\n            <Calendar\r\n                locale={finalLocale}\r\n                month={inputtable ? calendarMonth : undefined}\r\n                defaultMonth={\r\n                    defaultMonth ||\r\n                    (_value instanceof Date ? _value : new Date())\r\n                }\r\n                value={\r\n                    _value instanceof Date\r\n                        ? _value\r\n                        : _value && dayjs(_value).toDate()\r\n                }\r\n                labelFormat={labelFormat}\r\n                dayClassName={dayClassName}\r\n                dayStyle={dayStyle}\r\n                disableOutOfMonth={disableOutOfMonth}\r\n                minDate={minDate}\r\n                maxDate={maxDate}\r\n                disableDate={disableDate}\r\n                firstDayOfWeek={firstDayOfWeek}\r\n                preventFocus={false}\r\n                dateViewCount={dateViewCount}\r\n                enableHeaderLabel={enableHeaderLabel}\r\n                defaultView={defaultView}\r\n                hideOutOfMonthDates={hideOutOfMonthDates}\r\n                hideWeekdays={hideWeekdays}\r\n                renderDay={renderDay}\r\n                weekendDays={weekendDays}\r\n                yearLabelFormat={yearLabelFormat}\r\n                onMonthChange={setCalendarMonth}\r\n                onChange={handleValueChange}\r\n            />\r\n            <div className=\"flex items-center gap-4 mt-4\">\r\n                <TimeInput\r\n                    disabled={!_value}\r\n                    value={_value}\r\n                    format={amPm ? '12' : '24'}\r\n                    clearable={false}\r\n                    size=\"sm\"\r\n                    onChange={handleTimeChange}\r\n                />\r\n                <Button size=\"sm\" disabled={!_value} onClick={handleOk}>\r\n                    {okButtonContent}\r\n                </Button>\r\n            </div>\r\n        </BasePicker>\r\n    )\r\n}\r\n\r\nDateTimepicker.displayName = 'DateTimepicker'\r\n\r\nexport default DateTimepicker\r\n"],"names":["DEFAULT_INPUT_FORMAT","DateTimepicker","props","amPm","className","clearable","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","okButtonContent","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","size","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","now","_a","handleClear","parseDate","handleInputBlur","event","handleInputFocus","handleChange","handleTimeChange","time","newDateTime","handleOk","jsxs","BasePicker","useMergedRef","jsx","Calendar","TimeInput","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimepicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DateTimepicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport capitalize from '../utils/capitalize'\r\nimport TimeInput from '../TimeInput/TimeInput'\r\nimport Calendar from './Calendar'\r\nimport BasePicker from './BasePicker'\r\nimport Button from '../Button/Button'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { FocusEvent, ChangeEvent, Ref } from 'react'\r\n\r\nexport interface DateTimepickerProps\r\n    extends CommonProps,\r\n        Omit<\r\n            CalendarSharedProps,\r\n            | 'onMonthChange'\r\n            | 'onChange'\r\n            | 'isDateInRange'\r\n            | 'isDateFirstInRange'\r\n            | 'isDateLastInRange'\r\n            | 'month'\r\n        >,\r\n        BasePickerSharedProps {\r\n    closePickerOnChange?: boolean\r\n    defaultOpen?: boolean\r\n    defaultValue?: Date | null\r\n    value?: Date | null\r\n    inputFormat?: string\r\n    openPickerOnClear?: boolean\r\n    onChange?: (value: Date | null) => void\r\n    ref?: Ref<HTMLInputElement>\r\n    amPm?: boolean\r\n    okButtonContent?: boolean\r\n}\r\n\r\nconst DEFAULT_INPUT_FORMAT = 'DD-MMM-YYYY hh:mm a'\r\n\r\nconst DateTimepicker = (props: DateTimepickerProps) => {\r\n    const {\r\n        amPm = true,\r\n        className,\r\n        clearable = true,\r\n        closePickerOnChange = false,\r\n        dateViewCount,\r\n        dayClassName,\r\n        dayStyle,\r\n        defaultMonth,\r\n        defaultOpen = false,\r\n        defaultValue,\r\n        defaultView,\r\n        disabled = false,\r\n        disableDate,\r\n        enableHeaderLabel,\r\n        disableOutOfMonth,\r\n        firstDayOfWeek = 'monday',\r\n        hideOutOfMonthDates,\r\n        hideWeekdays,\r\n        inputFormat,\r\n        inputPrefix,\r\n        inputSuffix,\r\n        inputtable,\r\n        labelFormat = {\r\n            month: 'MMM',\r\n            year: 'YYYY',\r\n        },\r\n        locale,\r\n        maxDate,\r\n        minDate,\r\n        name = 'dateTime',\r\n        okButtonContent = 'OK',\r\n        onBlur,\r\n        onChange,\r\n        onFocus,\r\n        onDropdownClose,\r\n        onDropdownOpen,\r\n        openPickerOnClear,\r\n        ref = null,\r\n        renderDay,\r\n        size,\r\n        value,\r\n        weekendDays,\r\n        yearLabelFormat,\r\n        ...rest\r\n    } = props\r\n\r\n    const { locale: themeLocale } = useConfig()\r\n\r\n    const finalLocale = locale || themeLocale\r\n\r\n    const dateFormat = inputFormat || DEFAULT_INPUT_FORMAT\r\n\r\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setLastValidValue] = useState(defaultValue ?? null)\r\n    const [_value, setValue] = useControllableState({\r\n        prop: value,\r\n        defaultProp: defaultValue,\r\n        onChange,\r\n    })\r\n\r\n    const [calendarMonth, setCalendarMonth] = useState(\r\n        _value || defaultMonth || new Date(),\r\n    )\r\n\r\n    const [focused, setFocused] = useState(false)\r\n    const [inputState, setInputState] = useState(\r\n        _value instanceof Date\r\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\r\n            : '',\r\n    )\r\n\r\n    const closeDropdown = () => {\r\n        setDropdownOpened(false)\r\n        onDropdownClose?.()\r\n    }\r\n\r\n    const openDropdown = () => {\r\n        setDropdownOpened(true)\r\n        onDropdownOpen?.()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (value === null && !focused) {\r\n            setInputState('')\r\n        }\r\n\r\n        if (value instanceof Date && !focused) {\r\n            setInputState(dayjs(value).locale(finalLocale).format(dateFormat))\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value, focused])\r\n\r\n    const handleValueChange = (date: Date) => {\r\n        if (_value) {\r\n            date.setHours(_value.getHours())\r\n            date.setMinutes(_value.getMinutes())\r\n        } else {\r\n            const now = new Date(Date.now())\r\n            date.setHours(now.getHours())\r\n            date.setMinutes(now.getMinutes())\r\n        }\r\n        setValue(date)\r\n        if (!value && !closePickerOnChange) {\r\n            setInputState(dayjs(date).locale(finalLocale).format(dateFormat))\r\n        }\r\n        closePickerOnChange &&\r\n            setInputState(\r\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n            )\r\n        closePickerOnChange && closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n    }\r\n\r\n    const handleClear = () => {\r\n        setValue(null)\r\n        setLastValidValue(null)\r\n        setInputState('')\r\n        openPickerOnClear && openDropdown()\r\n        inputRef.current?.focus()\r\n        onChange?.(null)\r\n    }\r\n\r\n    const parseDate = (date: string) =>\r\n        dayjs(date, dateFormat, finalLocale).toDate()\r\n\r\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onBlur === 'function' && onBlur(event)\r\n        setFocused(false)\r\n    }\r\n\r\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onFocus === 'function' && onFocus(event)\r\n        setFocused(true)\r\n    }\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n        openDropdown()\r\n\r\n        const date = parseDate(event.target.value)\r\n        if (dayjs(date).isValid()) {\r\n            setValue(date)\r\n            setLastValidValue(date)\r\n            closePickerOnChange && setInputState(event.target.value)\r\n            setCalendarMonth(date)\r\n        } else {\r\n            closePickerOnChange && setInputState(event.target.value)\r\n        }\r\n    }\r\n\r\n    const handleTimeChange = (time: Date | null) => {\r\n        if (_value instanceof Date && time instanceof Date) {\r\n            const newDateTime = new Date(\r\n                _value.getFullYear(),\r\n                _value.getMonth(),\r\n                _value.getDate(),\r\n                time.getHours(),\r\n                time.getMinutes(),\r\n                time.getSeconds(),\r\n                time.getMilliseconds(),\r\n            )\r\n            setValue(newDateTime)\r\n\r\n            if (!value && !closePickerOnChange) {\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n            }\r\n\r\n            closePickerOnChange &&\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n        }\r\n        closePickerOnChange && closeDropdown()\r\n    }\r\n\r\n    const handleOk = () => {\r\n        setInputState(\r\n            capitalize(dayjs(_value).locale(finalLocale).format(dateFormat)),\r\n        )\r\n        closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n        onChange?.(_value as Date | null)\r\n    }\r\n\r\n    return (\r\n        <BasePicker\r\n            ref={useMergedRef(ref, inputRef)}\r\n            dropdownOpened={dropdownOpened as boolean}\r\n            setDropdownOpened={setDropdownOpened}\r\n            className={className}\r\n            name={name}\r\n            inputLabel={inputState}\r\n            clearable={clearable && !!_value && !disabled}\r\n            disabled={disabled}\r\n            size={size}\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            onChange={handleChange}\r\n            onBlur={handleInputBlur}\r\n            onFocus={handleInputFocus}\r\n            onClear={handleClear}\r\n            onDropdownClose={onDropdownClose}\r\n            onDropdownOpen={onDropdownOpen}\r\n            {...rest}\r\n        >\r\n            <Calendar\r\n                locale={finalLocale}\r\n                month={inputtable ? calendarMonth : undefined}\r\n                defaultMonth={\r\n                    defaultMonth ||\r\n                    (_value instanceof Date ? _value : new Date())\r\n                }\r\n                value={\r\n                    _value instanceof Date\r\n                        ? _value\r\n                        : _value && dayjs(_value).toDate()\r\n                }\r\n                labelFormat={labelFormat}\r\n                dayClassName={dayClassName}\r\n                dayStyle={dayStyle}\r\n                disableOutOfMonth={disableOutOfMonth}\r\n                minDate={minDate}\r\n                maxDate={maxDate}\r\n                disableDate={disableDate}\r\n                firstDayOfWeek={firstDayOfWeek}\r\n                preventFocus={false}\r\n                dateViewCount={dateViewCount}\r\n                enableHeaderLabel={enableHeaderLabel}\r\n                defaultView={defaultView}\r\n                hideOutOfMonthDates={hideOutOfMonthDates}\r\n                hideWeekdays={hideWeekdays}\r\n                renderDay={renderDay}\r\n                weekendDays={weekendDays}\r\n                yearLabelFormat={yearLabelFormat}\r\n                onMonthChange={setCalendarMonth}\r\n                onChange={handleValueChange}\r\n            />\r\n            <div className=\"flex items-center gap-4 mt-4\">\r\n                <TimeInput\r\n                    disabled={!_value}\r\n                    value={_value}\r\n                    format={amPm ? '12' : '24'}\r\n                    clearable={false}\r\n                    size=\"sm\"\r\n                    onChange={handleTimeChange}\r\n                />\r\n                <Button size=\"sm\" disabled={!_value} onClick={handleOk}>\r\n                    {okButtonContent}\r\n                </Button>\r\n            </div>\r\n        </BasePicker>\r\n    )\r\n}\r\n\r\nDateTimepicker.displayName = 'DateTimepicker'\r\n\r\nexport default DateTimepicker\r\n"],"names":["DEFAULT_INPUT_FORMAT","DateTimepicker","props","amPm","className","clearable","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","okButtonContent","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","size","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","now","_a","handleClear","parseDate","handleInputBlur","event","handleInputFocus","handleChange","handleTimeChange","time","newDateTime","handleOk","jsxs","BasePicker","useMergedRef","jsx","Calendar","TimeInput","Button"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/RangeCalendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport dayjs from 'dayjs'\nimport { isSameDate } from './utils/isSameDate'\nimport CalendarBase from './CalendarBase'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { Modifiers } from './tables/components/types'\nimport type { Ref } from 'react'\n\nexport interface RangeCalendarProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'value'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n        > {\n    value: [Date | null, Date | null]\n    onChange: (value: [Date | null, Date | null]) => void\n    ref?: Ref<HTMLDivElement>\n    singleDate?: boolean\n}\n\nconst RangeCalendar = (props: RangeCalendarProps) => {\n    const {\n        value,\n        onChange,\n        dayStyle,\n        singleDate = false,\n        dateViewCount = 1,\n        paginateBy,\n        ref,\n        ...rest\n    } = props\n\n    const [hoveredDay, setHoveredDay] = useState<Date | null>(null)\n    const [pickedDate, setPickedDate] = useState<Date | null>(null)\n\n    const setRangeDate = (date: Date) => {\n        if (pickedDate instanceof Date) {\n            if (isSameDate(date, pickedDate) && !singleDate) {\n                setPickedDate(null)\n                setHoveredDay(null)\n                return null\n            }\n\n            const result: [Date, Date] = [date, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            onChange(result)\n            setPickedDate(null)\n            return null\n        }\n\n        if (value[0] && isSameDate(date, value[0]) && !singleDate) {\n            setPickedDate(null)\n            setHoveredDay(null)\n            onChange([null, null])\n            return null\n        }\n\n        onChange([date, null])\n        setPickedDate(date)\n        return null\n    }\n\n    const shouldHighlightDate = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return (\n                !modifiers.selected &&\n                dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n                dayjs(date).add(1, 'day').isAfter(result[0])\n            )\n        }\n\n        return false\n    }\n\n    const isPickedDateFirstInRange = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return modifiers.selected && dayjs(date).isBefore(result[1])\n        }\n\n        return false\n    }\n\n    const isPickedDateLastInRange = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return modifiers.selected && dayjs(date).isAfter(result[0])\n        }\n\n        return false\n    }\n\n    return (\n        <CalendarBase\n            ref={ref}\n            dayStyle={dayStyle}\n            value={pickedDate}\n            range={value as [Date, Date]}\n            dateViewCount={dateViewCount}\n            paginateBy={paginateBy || dateViewCount}\n            hideOutOfMonthDates={(dateViewCount as number) > 1}\n            isDateInRange={shouldHighlightDate}\n            isDateFirstInRange={isPickedDateFirstInRange}\n            isDateLastInRange={isPickedDateLastInRange}\n            onDayMouseEnter={(date) => setHoveredDay(date)}\n            onChange={(date) => setRangeDate(date as Date)}\n            {...rest}\n        />\n    )\n}\n\nexport default RangeCalendar\n"],"names":["RangeCalendar","props","value","onChange","dayStyle","singleDate","dateViewCount","paginateBy","ref","rest","hoveredDay","setHoveredDay","useState","pickedDate","setPickedDate","setRangeDate","date","isSameDate","result","a","b","shouldHighlightDate","modifiers","dayjs","isPickedDateFirstInRange","isPickedDateLastInRange","jsx","CalendarBase"],"mappings":";;;;;AAwBA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAsB,IAAI,GACxD,CAACC,GAAYC,CAAa,IAAIF,EAAsB,IAAI,GAExDG,IAAe,CAACC,MAAe;AACjC,QAAIH,aAAsB,MAAM;AAC5B,UAAII,EAAWD,GAAMH,CAAU,KAAK,CAACR;AACjC,eAAAS,EAAc,IAAI,GAClBH,EAAc,IAAI,GACX;AAGX,YAAMO,IAAuB,CAACF,GAAMH,CAAU;AAC9C,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GAC/CjB,EAASe,CAAM,GACfJ,EAAc,IAAI,GACX;AAAA,IAAA;AAGX,WAAIZ,EAAM,CAAC,KAAKe,EAAWD,GAAMd,EAAM,CAAC,CAAC,KAAK,CAACG,KAC3CS,EAAc,IAAI,GAClBH,EAAc,IAAI,GAClBR,EAAS,CAAC,MAAM,IAAI,CAAC,GACd,SAGXA,EAAS,CAACa,GAAM,IAAI,CAAC,GACrBF,EAAcE,CAAI,GACX;AAAA,EAAA,GAGLK,IAAsB,CAACL,GAAYM,MAAyB;AAC9D,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GAE3C,CAACE,EAAU,YACXC,EAAMP,CAAI,EAAE,SAAS,GAAG,KAAK,EAAE,SAASE,EAAO,CAAC,CAAC,KACjDK,EAAMP,CAAI,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQE,EAAO,CAAC,CAAC;AAAA,IAAA;AAInD,WAAO;AAAA,EAAA,GAGLM,IAA2B,CAACR,GAAYM,MAAyB;AACnE,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,SAASE,EAAO,CAAC,CAAC;AAAA,IAAA;AAG/D,WAAO;AAAA,EAAA,GAGLO,IAA0B,CAACT,GAAYM,MAAyB;AAClE,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,QAAQE,EAAO,CAAC,CAAC;AAAA,IAAA;AAG9D,WAAO;AAAA,EAAA;AAGX,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,UAAAJ;AAAA,MACA,OAAOS;AAAA,MACP,OAAOX;AAAA,MACP,eAAAI;AAAA,MACA,YAAYC,KAAcD;AAAA,MAC1B,qBAAsBA,IAA2B;AAAA,MACjD,eAAee;AAAA,MACf,oBAAoBG;AAAA,MACpB,mBAAmBC;AAAA,MACnB,iBAAiB,CAACT,MAASL,EAAcK,CAAI;AAAA,MAC7C,UAAU,CAACA,MAASD,EAAaC,CAAY;AAAA,MAC5C,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"RangeCalendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/RangeCalendar.tsx"],"sourcesContent":["import { useState } from 'react'\nimport dayjs from 'dayjs'\nimport { isSameDate } from './utils/isSameDate'\nimport CalendarBase from './CalendarBase'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { Modifiers } from './tables/components/types'\nimport type { Ref } from 'react'\n\nexport interface RangeCalendarProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'value'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n        > {\n    value: [Date | null, Date | null]\n    onChange: (value: [Date | null, Date | null]) => void\n    ref?: Ref<HTMLDivElement>\n    singleDate?: boolean\n}\n\nconst RangeCalendar = (props: RangeCalendarProps) => {\n    const {\n        value,\n        onChange,\n        dayStyle,\n        singleDate = false,\n        dateViewCount = 1,\n        paginateBy,\n        ref,\n        ...rest\n    } = props\n\n    const [hoveredDay, setHoveredDay] = useState<Date | null>(null)\n    const [pickedDate, setPickedDate] = useState<Date | null>(null)\n\n    const setRangeDate = (date: Date) => {\n        if (pickedDate instanceof Date) {\n            if (isSameDate(date, pickedDate) && !singleDate) {\n                setPickedDate(null)\n                setHoveredDay(null)\n                return null\n            }\n\n            const result: [Date, Date] = [date, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            onChange(result)\n            setPickedDate(null)\n            return null\n        }\n\n        if (value[0] && isSameDate(date, value[0]) && !singleDate) {\n            setPickedDate(null)\n            setHoveredDay(null)\n            onChange([null, null])\n            return null\n        }\n\n        onChange([date, null])\n        setPickedDate(date)\n        return null\n    }\n\n    const shouldHighlightDate = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return (\n                !modifiers.selected &&\n                dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n                dayjs(date).add(1, 'day').isAfter(result[0])\n            )\n        }\n\n        return false\n    }\n\n    const isPickedDateFirstInRange = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return modifiers.selected && dayjs(date).isBefore(result[1])\n        }\n\n        return false\n    }\n\n    const isPickedDateLastInRange = (date: Date, modifiers: Modifiers) => {\n        if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n            const result = [hoveredDay, pickedDate]\n            result.sort((a, b) => a.getTime() - b.getTime())\n            return modifiers.selected && dayjs(date).isAfter(result[0])\n        }\n\n        return false\n    }\n\n    return (\n        <CalendarBase\n            ref={ref}\n            dayStyle={dayStyle}\n            value={pickedDate}\n            range={value as [Date, Date]}\n            dateViewCount={dateViewCount}\n            paginateBy={paginateBy || dateViewCount}\n            hideOutOfMonthDates={(dateViewCount as number) > 1}\n            isDateInRange={shouldHighlightDate}\n            isDateFirstInRange={isPickedDateFirstInRange}\n            isDateLastInRange={isPickedDateLastInRange}\n            onDayMouseEnter={(date) => setHoveredDay(date)}\n            onChange={(date) => setRangeDate(date as Date)}\n            {...rest}\n        />\n    )\n}\n\nexport default RangeCalendar\n"],"names":["RangeCalendar","props","value","onChange","dayStyle","singleDate","dateViewCount","paginateBy","ref","rest","hoveredDay","setHoveredDay","useState","pickedDate","setPickedDate","setRangeDate","date","isSameDate","result","a","b","shouldHighlightDate","modifiers","dayjs","isPickedDateFirstInRange","isPickedDateLastInRange","jsx","CalendarBase"],"mappings":";;;;;AAwBA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAsB,IAAI,GACxD,CAACC,GAAYC,CAAa,IAAIF,EAAsB,IAAI,GAExDG,IAAe,CAACC,MAAe;AACjC,QAAIH,aAAsB,MAAM;AAC5B,UAAII,EAAWD,GAAMH,CAAU,KAAK,CAACR;AACjC,eAAAS,EAAc,IAAI,GAClBH,EAAc,IAAI,GACX;AAGX,YAAMO,IAAuB,CAACF,GAAMH,CAAU;AAC9C,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GAC/CjB,EAASe,CAAM,GACfJ,EAAc,IAAI,GACX;AAAA,IACX;AAEA,WAAIZ,EAAM,CAAC,KAAKe,EAAWD,GAAMd,EAAM,CAAC,CAAC,KAAK,CAACG,KAC3CS,EAAc,IAAI,GAClBH,EAAc,IAAI,GAClBR,EAAS,CAAC,MAAM,IAAI,CAAC,GACd,SAGXA,EAAS,CAACa,GAAM,IAAI,CAAC,GACrBF,EAAcE,CAAI,GACX;AAAA,EACX,GAEMK,IAAsB,CAACL,GAAYM,MAAyB;AAC9D,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GAE3C,CAACE,EAAU,YACXC,EAAMP,CAAI,EAAE,SAAS,GAAG,KAAK,EAAE,SAASE,EAAO,CAAC,CAAC,KACjDK,EAAMP,CAAI,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQE,EAAO,CAAC,CAAC;AAAA,IAEnD;AAEA,WAAO;AAAA,EACX,GAEMM,IAA2B,CAACR,GAAYM,MAAyB;AACnE,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,SAASE,EAAO,CAAC,CAAC;AAAA,IAC/D;AAEA,WAAO;AAAA,EACX,GAEMO,IAA0B,CAACT,GAAYM,MAAyB;AAClE,QAAIT,aAAsB,QAAQH,aAAsB,MAAM;AAC1D,YAAMQ,IAAS,CAACR,GAAYG,CAAU;AACtC,aAAAK,EAAO,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAA,IAAYC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,QAAQE,EAAO,CAAC,CAAC;AAAA,IAC9D;AAEA,WAAO;AAAA,EACX;AAEA,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,UAAAJ;AAAA,MACA,OAAOS;AAAA,MACP,OAAOX;AAAA,MACP,eAAAI;AAAA,MACA,YAAYC,KAAcD;AAAA,MAC1B,qBAAsBA,IAA2B;AAAA,MACjD,eAAee;AAAA,MACf,oBAAoBG;AAAA,MACpB,mBAAmBC;AAAA,MACnB,iBAAiB,CAACT,MAASL,EAAcK,CAAI;AAAA,MAC7C,UAAU,CAACA,MAASD,EAAaC,CAAY;AAAA,MAC5C,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/@ecme/components/ui/DatePicker/tables/DateTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/DateTable.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport { isMonthInRange } from '../utils/isMonthInRange'\nimport Header from './Header'\nimport Month from './components/Month'\nimport capitalize from '../../utils/capitalize'\nimport type { CommonProps } from '../../@types/common'\nimport type { MonthBaseProps } from './components/Month'\nimport type { DayKeydownPayload } from './components/types'\nimport type { RefObject } from 'react'\n\nexport interface DateTableProps extends CommonProps, MonthBaseProps {\n    dateViewCount: number\n    paginateBy: number\n    locale: string\n    enableHeaderLabel: boolean\n    daysRefs: RefObject<HTMLButtonElement[][][] | null>\n    onMonthChange: (month: Date) => void\n    onNextLevel: (unit: 'month' | 'year') => void\n    onDayKeyDown: (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: React.KeyboardEvent<HTMLButtonElement>,\n    ) => void\n    labelFormat?: { month: string; year: string }\n    weekdayLabelFormat?: string\n    onChange?: (value: Date) => void\n    onDayMouseEnter?: (date: Date, event: React.MouseEvent) => void\n    preventFocus?: boolean\n    renderDay?: (date: Date) => React.ReactNode\n    range?: [Date, Date]\n}\n\nfunction formatMonthLabel({\n    month,\n    locale,\n    format,\n}: {\n    month: Date\n    locale: string\n    format: string\n}) {\n    return capitalize(dayjs(month).locale(locale).format(format))\n}\n\nconst DateTable = (props: DateTableProps) => {\n    const {\n        dateViewCount,\n        paginateBy,\n        month,\n        locale,\n        minDate,\n        maxDate,\n        enableHeaderLabel,\n        daysRefs,\n        onMonthChange,\n        onNextLevel,\n        onDayKeyDown,\n        className,\n        labelFormat,\n        weekdayLabelFormat,\n        preventFocus,\n        renderDay,\n        ...rest\n    } = props\n\n    const nextMonth = dayjs(month).add(dateViewCount, 'months').toDate()\n    const previousMonth = dayjs(month).subtract(1, 'months').toDate()\n\n    const pickerHeaderLabelClass = 'picker-header-label hover:text-primary'\n\n    const months = Array(dateViewCount)\n        .fill(0)\n        .map((_, index) => {\n            const monthDate = dayjs(month).add(index, 'months').toDate()\n            return (\n                <div key={index} className=\"day-picker\">\n                    <Header\n                        hasNext={\n                            index + 1 === dateViewCount &&\n                            isMonthInRange({\n                                date: nextMonth,\n                                minDate,\n                                maxDate,\n                            })\n                        }\n                        hasPrevious={\n                            index === 0 &&\n                            isMonthInRange({\n                                date: previousMonth,\n                                minDate,\n                                maxDate,\n                            })\n                        }\n                        className={className}\n                        onNext={() =>\n                            onMonthChange(\n                                dayjs(month).add(paginateBy, 'months').toDate(),\n                            )\n                        }\n                        onPrevious={() =>\n                            onMonthChange(\n                                dayjs(month)\n                                    .subtract(paginateBy, 'months')\n                                    .toDate(),\n                            )\n                        }\n                    >\n                        <div>\n                            <button\n                                className={classNames(pickerHeaderLabelClass)}\n                                disabled={!enableHeaderLabel}\n                                tabIndex={index > 0 ? -1 : 0}\n                                type=\"button\"\n                                onClick={() => onNextLevel('month')}\n                                onMouseDown={(event) =>\n                                    preventFocus && event.preventDefault()\n                                }\n                            >\n                                {formatMonthLabel({\n                                    month: monthDate,\n                                    locale,\n                                    format: labelFormat?.month || 'MMM',\n                                })}\n                            </button>\n                            <button\n                                className={classNames(pickerHeaderLabelClass)}\n                                disabled={!enableHeaderLabel}\n                                tabIndex={index > 0 ? -1 : 0}\n                                type=\"button\"\n                                onClick={() => onNextLevel('year')}\n                                onMouseDown={(event) =>\n                                    preventFocus && event.preventDefault()\n                                }\n                            >\n                                {formatMonthLabel({\n                                    month: monthDate,\n                                    locale,\n                                    format: labelFormat?.year || 'YYYY',\n                                })}\n                            </button>\n                        </div>\n                    </Header>\n                    <Month\n                        month={monthDate}\n                        daysRefs={\n                            (daysRefs.current as HTMLButtonElement[][][])[index]\n                        }\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        className={className}\n                        locale={locale}\n                        focusable={index === 0}\n                        preventFocus={preventFocus}\n                        renderDay={renderDay}\n                        weekdayLabelFormat={weekdayLabelFormat}\n                        onDayKeyDown={(...args) => onDayKeyDown(index, ...args)}\n                        {...rest}\n                    />\n                </div>\n            )\n        })\n\n    return <>{months}</>\n}\n\nexport default DateTable\n"],"names":["formatMonthLabel","month","locale","format","capitalize","dayjs","DateTable","props","dateViewCount","paginateBy","minDate","maxDate","enableHeaderLabel","daysRefs","onMonthChange","onNextLevel","onDayKeyDown","className","labelFormat","weekdayLabelFormat","preventFocus","renderDay","rest","nextMonth","previousMonth","pickerHeaderLabelClass","months","_","index","monthDate","jsxs","jsx","Header","isMonthInRange","classNames","event","Month","args"],"mappings":"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"}
+{"version":3,"file":"DateTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/DateTable.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport { isMonthInRange } from '../utils/isMonthInRange'\nimport Header from './Header'\nimport Month from './components/Month'\nimport capitalize from '../../utils/capitalize'\nimport type { CommonProps } from '../../@types/common'\nimport type { MonthBaseProps } from './components/Month'\nimport type { DayKeydownPayload } from './components/types'\nimport type { RefObject } from 'react'\n\nexport interface DateTableProps extends CommonProps, MonthBaseProps {\n    dateViewCount: number\n    paginateBy: number\n    locale: string\n    enableHeaderLabel: boolean\n    daysRefs: RefObject<HTMLButtonElement[][][] | null>\n    onMonthChange: (month: Date) => void\n    onNextLevel: (unit: 'month' | 'year') => void\n    onDayKeyDown: (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: React.KeyboardEvent<HTMLButtonElement>,\n    ) => void\n    labelFormat?: { month: string; year: string }\n    weekdayLabelFormat?: string\n    onChange?: (value: Date) => void\n    onDayMouseEnter?: (date: Date, event: React.MouseEvent) => void\n    preventFocus?: boolean\n    renderDay?: (date: Date) => React.ReactNode\n    range?: [Date, Date]\n}\n\nfunction formatMonthLabel({\n    month,\n    locale,\n    format,\n}: {\n    month: Date\n    locale: string\n    format: string\n}) {\n    return capitalize(dayjs(month).locale(locale).format(format))\n}\n\nconst DateTable = (props: DateTableProps) => {\n    const {\n        dateViewCount,\n        paginateBy,\n        month,\n        locale,\n        minDate,\n        maxDate,\n        enableHeaderLabel,\n        daysRefs,\n        onMonthChange,\n        onNextLevel,\n        onDayKeyDown,\n        className,\n        labelFormat,\n        weekdayLabelFormat,\n        preventFocus,\n        renderDay,\n        ...rest\n    } = props\n\n    const nextMonth = dayjs(month).add(dateViewCount, 'months').toDate()\n    const previousMonth = dayjs(month).subtract(1, 'months').toDate()\n\n    const pickerHeaderLabelClass = 'picker-header-label hover:text-primary'\n\n    const months = Array(dateViewCount)\n        .fill(0)\n        .map((_, index) => {\n            const monthDate = dayjs(month).add(index, 'months').toDate()\n            return (\n                <div key={index} className=\"day-picker\">\n                    <Header\n                        hasNext={\n                            index + 1 === dateViewCount &&\n                            isMonthInRange({\n                                date: nextMonth,\n                                minDate,\n                                maxDate,\n                            })\n                        }\n                        hasPrevious={\n                            index === 0 &&\n                            isMonthInRange({\n                                date: previousMonth,\n                                minDate,\n                                maxDate,\n                            })\n                        }\n                        className={className}\n                        onNext={() =>\n                            onMonthChange(\n                                dayjs(month).add(paginateBy, 'months').toDate(),\n                            )\n                        }\n                        onPrevious={() =>\n                            onMonthChange(\n                                dayjs(month)\n                                    .subtract(paginateBy, 'months')\n                                    .toDate(),\n                            )\n                        }\n                    >\n                        <div>\n                            <button\n                                className={classNames(pickerHeaderLabelClass)}\n                                disabled={!enableHeaderLabel}\n                                tabIndex={index > 0 ? -1 : 0}\n                                type=\"button\"\n                                onClick={() => onNextLevel('month')}\n                                onMouseDown={(event) =>\n                                    preventFocus && event.preventDefault()\n                                }\n                            >\n                                {formatMonthLabel({\n                                    month: monthDate,\n                                    locale,\n                                    format: labelFormat?.month || 'MMM',\n                                })}\n                            </button>\n                            <button\n                                className={classNames(pickerHeaderLabelClass)}\n                                disabled={!enableHeaderLabel}\n                                tabIndex={index > 0 ? -1 : 0}\n                                type=\"button\"\n                                onClick={() => onNextLevel('year')}\n                                onMouseDown={(event) =>\n                                    preventFocus && event.preventDefault()\n                                }\n                            >\n                                {formatMonthLabel({\n                                    month: monthDate,\n                                    locale,\n                                    format: labelFormat?.year || 'YYYY',\n                                })}\n                            </button>\n                        </div>\n                    </Header>\n                    <Month\n                        month={monthDate}\n                        daysRefs={\n                            (daysRefs.current as HTMLButtonElement[][][])[index]\n                        }\n                        minDate={minDate}\n                        maxDate={maxDate}\n                        className={className}\n                        locale={locale}\n                        focusable={index === 0}\n                        preventFocus={preventFocus}\n                        renderDay={renderDay}\n                        weekdayLabelFormat={weekdayLabelFormat}\n                        onDayKeyDown={(...args) => onDayKeyDown(index, ...args)}\n                        {...rest}\n                    />\n                </div>\n            )\n        })\n\n    return <>{months}</>\n}\n\nexport default DateTable\n"],"names":["formatMonthLabel","month","locale","format","capitalize","dayjs","DateTable","props","dateViewCount","paginateBy","minDate","maxDate","enableHeaderLabel","daysRefs","onMonthChange","onNextLevel","onDayKeyDown","className","labelFormat","weekdayLabelFormat","preventFocus","renderDay","rest","nextMonth","previousMonth","pickerHeaderLabelClass","months","_","index","monthDate","jsxs","jsx","Header","isMonthInRange","classNames","event","Month","args"],"mappings":"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"}

package/dist/@ecme/components/ui/DatePicker/tables/MonthTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/MonthTable.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Header from './Header'\nimport { isMonthInRange, getMonthsNames, formatYear } from '../utils'\nimport type { CommonProps } from '../../@types/common'\n\nexport interface MonthTableProps extends CommonProps {\n    value: { year: number; month: number }\n    onChange: (value: number) => void\n    locale: string\n    year: number\n    onYearChange: (year: number) => void\n    onNextLevel?: () => void\n    minDate?: Date\n    maxDate?: Date\n    monthLabelFormat?: string\n    yearLabelFormat?: string\n    preventFocus?: boolean\n}\n\nconst MonthTable = (props: MonthTableProps) => {\n    const {\n        className,\n        value,\n        onChange,\n        locale,\n        year,\n        onYearChange,\n        onNextLevel,\n        minDate,\n        maxDate,\n        preventFocus,\n        monthLabelFormat = 'MMM',\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const range = getMonthsNames(locale, monthLabelFormat)\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : undefined\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : undefined\n\n    const months = range.map((month, index) => {\n        const disabled = !isMonthInRange({\n            date: new Date(year, index),\n            minDate,\n            maxDate,\n        })\n\n        const active = index === value.month && year === value.year\n\n        return (\n            <button\n                key={month}\n                className={classNames(\n                    'month-picker-cell',\n                    active && !disabled\n                        ? 'month-picker-cell-active bg-primary'\n                        : 'text-gray-800 dark:text-gray-100',\n                    !active && !disabled && 'hover:bg-gray-100',\n                    disabled && 'month-picker-cell-disabled',\n                )}\n                disabled={disabled}\n                type=\"button\"\n                onClick={() => onChange(index)}\n                onMouseDown={(event) => preventFocus && event.preventDefault()}\n            >\n                {month}\n            </button>\n        )\n    })\n\n    return (\n        <div className={classNames('month-picker', className)} {...rest}>\n            <Header\n                label={formatYear(year, yearLabelFormat)}\n                hasNext={typeof maxYear === 'number' ? year < maxYear : true}\n                hasPrevious={\n                    typeof minYear === 'number' ? year > minYear : true\n                }\n                className={className}\n                nextLabel={'Next year'}\n                previousLabel={'Previous year'}\n                preventFocus={preventFocus}\n                onNext={() => onYearChange(year + 1)}\n                onPrevious={() => onYearChange(year - 1)}\n                onNextLevel={onNextLevel}\n            />\n            <div className=\"month-table\">{months}</div>\n        </div>\n    )\n}\n\nexport default MonthTable\n"],"names":["MonthTable","props","className","value","onChange","locale","year","onYearChange","onNextLevel","minDate","maxDate","preventFocus","monthLabelFormat","yearLabelFormat","rest","range","getMonthsNames","minYear","maxYear","months","month","index","disabled","isMonthInRange","active","jsx","classNames","event","jsxs","Header","formatYear"],"mappings":";;;;;;;AAmBA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAQC,EAAeX,GAAQO,CAAgB,GAC/CK,IAAUR,aAAmB,OAAOA,EAAQ,gBAAgB,QAC5DS,IAAUR,aAAmB,OAAOA,EAAQ,gBAAgB,QAE5DS,IAASJ,EAAM,IAAI,CAACK,GAAOC,MAAU;AACvC,UAAMC,IAAW,CAACC,EAAe;AAAA,MAC7B,MAAM,IAAI,KAAKjB,GAAMe,CAAK;AAAA,MAC1B,SAAAZ;AAAA,MACA,SAAAC;AAAA,IAAA,CACH,GAEKc,IAASH,MAAUlB,EAAM,SAASG,MAASH,EAAM;AAEvD,WACI,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWC;AAAA,UACP;AAAA,UACAF,KAAU,CAACF,IACL,wCACA;AAAA,UACN,CAACE,KAAU,CAACF,KAAY;AAAA,UACxBA,KAAY;AAAA,QAAA;AAAA,QAEhB,UAAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMlB,EAASiB,CAAK;AAAA,QAC7B,aAAa,CAACM,MAAUhB,KAAgBgB,EAAM,eAAA;AAAA,QAE7C,UAAAP;AAAA,MAAA;AAAA,MAdIA;AAAA,IAAA;AAAA,EAeT,CAEP;AAED,SACI,gBAAAQ,EAAC,SAAI,WAAWF,EAAW,gBAAgBxB,CAAS,GAAI,GAAGY,GACvD,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,OAAOC,EAAWxB,GAAMO,CAAe;AAAA,QACvC,SAAS,OAAOK,KAAY,WAAWZ,IAAOY,IAAU;AAAA,QACxD,aACI,OAAOD,KAAY,WAAWX,IAAOW,IAAU;AAAA,QAEnD,WAAAf;AAAA,QACA,WAAW;AAAA,QACX,eAAe;AAAA,QACf,cAAAS;AAAA,QACA,QAAQ,MAAMJ,EAAaD,IAAO,CAAC;AAAA,QACnC,YAAY,MAAMC,EAAaD,IAAO,CAAC;AAAA,QACvC,aAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAiB,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAN,EAAA,CAAO;AAAA,EAAA,GACzC;AAER;"}
+{"version":3,"file":"MonthTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/MonthTable.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Header from './Header'\nimport { isMonthInRange, getMonthsNames, formatYear } from '../utils'\nimport type { CommonProps } from '../../@types/common'\n\nexport interface MonthTableProps extends CommonProps {\n    value: { year: number; month: number }\n    onChange: (value: number) => void\n    locale: string\n    year: number\n    onYearChange: (year: number) => void\n    onNextLevel?: () => void\n    minDate?: Date\n    maxDate?: Date\n    monthLabelFormat?: string\n    yearLabelFormat?: string\n    preventFocus?: boolean\n}\n\nconst MonthTable = (props: MonthTableProps) => {\n    const {\n        className,\n        value,\n        onChange,\n        locale,\n        year,\n        onYearChange,\n        onNextLevel,\n        minDate,\n        maxDate,\n        preventFocus,\n        monthLabelFormat = 'MMM',\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const range = getMonthsNames(locale, monthLabelFormat)\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : undefined\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : undefined\n\n    const months = range.map((month, index) => {\n        const disabled = !isMonthInRange({\n            date: new Date(year, index),\n            minDate,\n            maxDate,\n        })\n\n        const active = index === value.month && year === value.year\n\n        return (\n            <button\n                key={month}\n                className={classNames(\n                    'month-picker-cell',\n                    active && !disabled\n                        ? 'month-picker-cell-active bg-primary'\n                        : 'text-gray-800 dark:text-gray-100',\n                    !active && !disabled && 'hover:bg-gray-100',\n                    disabled && 'month-picker-cell-disabled',\n                )}\n                disabled={disabled}\n                type=\"button\"\n                onClick={() => onChange(index)}\n                onMouseDown={(event) => preventFocus && event.preventDefault()}\n            >\n                {month}\n            </button>\n        )\n    })\n\n    return (\n        <div className={classNames('month-picker', className)} {...rest}>\n            <Header\n                label={formatYear(year, yearLabelFormat)}\n                hasNext={typeof maxYear === 'number' ? year < maxYear : true}\n                hasPrevious={\n                    typeof minYear === 'number' ? year > minYear : true\n                }\n                className={className}\n                nextLabel={'Next year'}\n                previousLabel={'Previous year'}\n                preventFocus={preventFocus}\n                onNext={() => onYearChange(year + 1)}\n                onPrevious={() => onYearChange(year - 1)}\n                onNextLevel={onNextLevel}\n            />\n            <div className=\"month-table\">{months}</div>\n        </div>\n    )\n}\n\nexport default MonthTable\n"],"names":["MonthTable","props","className","value","onChange","locale","year","onYearChange","onNextLevel","minDate","maxDate","preventFocus","monthLabelFormat","yearLabelFormat","rest","range","getMonthsNames","minYear","maxYear","months","month","index","disabled","isMonthInRange","active","jsx","classNames","event","jsxs","Header","formatYear"],"mappings":";;;;;;;AAmBA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAQC,EAAeX,GAAQO,CAAgB,GAC/CK,IAAUR,aAAmB,OAAOA,EAAQ,gBAAgB,QAC5DS,IAAUR,aAAmB,OAAOA,EAAQ,gBAAgB,QAE5DS,IAASJ,EAAM,IAAI,CAACK,GAAOC,MAAU;AACvC,UAAMC,IAAW,CAACC,EAAe;AAAA,MAC7B,MAAM,IAAI,KAAKjB,GAAMe,CAAK;AAAA,MAC1B,SAAAZ;AAAA,MACA,SAAAC;AAAA,IAAA,CACH,GAEKc,IAASH,MAAUlB,EAAM,SAASG,MAASH,EAAM;AAEvD,WACI,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWC;AAAA,UACP;AAAA,UACAF,KAAU,CAACF,IACL,wCACA;AAAA,UACN,CAACE,KAAU,CAACF,KAAY;AAAA,UACxBA,KAAY;AAAA,QAAA;AAAA,QAEhB,UAAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMlB,EAASiB,CAAK;AAAA,QAC7B,aAAa,CAACM,MAAUhB,KAAgBgB,EAAM,eAAA;AAAA,QAE7C,UAAAP;AAAA,MAAA;AAAA,MAdIA;AAAA,IAAA;AAAA,EAiBjB,CAAC;AAED,SACI,gBAAAQ,EAAC,SAAI,WAAWF,EAAW,gBAAgBxB,CAAS,GAAI,GAAGY,GACvD,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,OAAOC,EAAWxB,GAAMO,CAAe;AAAA,QACvC,SAAS,OAAOK,KAAY,WAAWZ,IAAOY,IAAU;AAAA,QACxD,aACI,OAAOD,KAAY,WAAWX,IAAOW,IAAU;AAAA,QAEnD,WAAAf;AAAA,QACA,WAAW;AAAA,QACX,eAAe;AAAA,QACf,cAAAS;AAAA,QACA,QAAQ,MAAMJ,EAAaD,IAAO,CAAC;AAAA,QACnC,YAAY,MAAMC,EAAaD,IAAO,CAAC;AAAA,QACvC,aAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAiB,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAN,EAAA,CAAO;AAAA,EAAA,GACzC;AAER;"}

package/dist/@ecme/components/ui/DatePicker/tables/YearTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/YearTable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport Header from './Header'\nimport { getDecadeRange, formatYear } from '../utils'\nimport type { CommonProps } from '../../@types/common'\n\nexport interface YearTableProps extends CommonProps {\n    value: number\n    onChange: (value: number) => void\n    minYear?: number\n    maxYear?: number\n    yearLabelFormat?: string\n    preventFocus?: boolean\n}\n\nconst YearTable = (props: YearTableProps) => {\n    const {\n        className,\n        value,\n        onChange,\n        minYear,\n        maxYear,\n        preventFocus,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const [decade, setDecade] = useState(value)\n    const range = getDecadeRange(decade)\n\n    const years = range.map((year) => {\n        const disabled =\n            year < (minYear as number) || year > (maxYear as number)\n\n        const active = year === value\n\n        return (\n            <button\n                key={year}\n                disabled={disabled}\n                className={classNames(\n                    'year-picker-cell',\n                    active && !disabled\n                        ? 'year-picker-cell-active bg-primary'\n                        : 'text-gray-800 dark:text-gray-100',\n                    !active && !disabled && 'hover:bg-gray-100',\n                    disabled && 'year-picker-cell-disabled',\n                )}\n                type=\"button\"\n                onClick={() => onChange(year)}\n                onMouseDown={(event) => preventFocus && event.preventDefault()}\n            >\n                {formatYear(year, yearLabelFormat)}\n            </button>\n        )\n    })\n\n    return (\n        <div className={classNames('year-picker', className)} {...rest}>\n            <Header\n                nextLevelDisabled\n                label={`${formatYear(range[0], yearLabelFormat)} - ${formatYear(\n                    range[range.length - 1],\n                    yearLabelFormat,\n                )}`}\n                hasPrevious={\n                    typeof minYear === 'number' ? minYear < range[0] : true\n                }\n                hasNext={\n                    typeof maxYear === 'number'\n                        ? maxYear > range[range.length - 1]\n                        : true\n                }\n                nextLabel={'Next decade'}\n                previousLabel={'Previous decade'}\n                preventFocus={preventFocus}\n                onNext={() => setDecade((current) => current + 10)}\n                onPrevious={() => setDecade((current) => current - 10)}\n            />\n            <div className=\"year-table\">{years}</div>\n        </div>\n    )\n}\n\nexport default YearTable\n"],"names":["YearTable","props","className","value","onChange","minYear","maxYear","preventFocus","yearLabelFormat","rest","decade","setDecade","useState","range","getDecadeRange","years","year","disabled","active","jsx","classNames","event","formatYear","jsxs","Header","current"],"mappings":";;;;;;;AAeA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHR,GAEE,CAACS,GAAQC,CAAS,IAAIC,EAAST,CAAK,GACpCU,IAAQC,EAAeJ,CAAM,GAE7BK,IAAQF,EAAM,IAAI,CAACG,MAAS;AAC9B,UAAMC,IACFD,IAAQX,KAAsBW,IAAQV,GAEpCY,IAASF,MAASb;AAExB,WACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAAF;AAAA,QACA,WAAWG;AAAA,UACP;AAAA,UACAF,KAAU,CAACD,IACL,uCACA;AAAA,UACN,CAACC,KAAU,CAACD,KAAY;AAAA,UACxBA,KAAY;AAAA,QAAA;AAAA,QAEhB,MAAK;AAAA,QACL,SAAS,MAAMb,EAASY,CAAI;AAAA,QAC5B,aAAa,CAACK,MAAUd,KAAgBc,EAAM,eAAA;AAAA,QAE7C,UAAAC,EAAWN,GAAMR,CAAe;AAAA,MAAA;AAAA,MAd5BQ;AAAA,IAAA;AAAA,EAeT,CAEP;AAED,SACI,gBAAAO,EAAC,SAAI,WAAWH,EAAW,eAAelB,CAAS,GAAI,GAAGO,GACtD,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,mBAAiB;AAAA,QACjB,OAAO,GAAGF,EAAWT,EAAM,CAAC,GAAGL,CAAe,CAAC,MAAMc;AAAA,UACjDT,EAAMA,EAAM,SAAS,CAAC;AAAA,UACtBL;AAAA,QAAA,CACH;AAAA,QACD,aACI,OAAOH,KAAY,WAAWA,IAAUQ,EAAM,CAAC,IAAI;AAAA,QAEvD,SACI,OAAOP,KAAY,WACbA,IAAUO,EAAMA,EAAM,SAAS,CAAC,IAChC;AAAA,QAEV,WAAW;AAAA,QACX,eAAe;AAAA,QACf,cAAAN;AAAA,QACA,QAAQ,MAAMI,EAAU,CAACc,MAAYA,IAAU,EAAE;AAAA,QACjD,YAAY,MAAMd,EAAU,CAACc,MAAYA,IAAU,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzD,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAJ,EAAA,CAAM;AAAA,EAAA,GACvC;AAER;"}
+{"version":3,"file":"YearTable.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/tables/YearTable.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport Header from './Header'\nimport { getDecadeRange, formatYear } from '../utils'\nimport type { CommonProps } from '../../@types/common'\n\nexport interface YearTableProps extends CommonProps {\n    value: number\n    onChange: (value: number) => void\n    minYear?: number\n    maxYear?: number\n    yearLabelFormat?: string\n    preventFocus?: boolean\n}\n\nconst YearTable = (props: YearTableProps) => {\n    const {\n        className,\n        value,\n        onChange,\n        minYear,\n        maxYear,\n        preventFocus,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const [decade, setDecade] = useState(value)\n    const range = getDecadeRange(decade)\n\n    const years = range.map((year) => {\n        const disabled =\n            year < (minYear as number) || year > (maxYear as number)\n\n        const active = year === value\n\n        return (\n            <button\n                key={year}\n                disabled={disabled}\n                className={classNames(\n                    'year-picker-cell',\n                    active && !disabled\n                        ? 'year-picker-cell-active bg-primary'\n                        : 'text-gray-800 dark:text-gray-100',\n                    !active && !disabled && 'hover:bg-gray-100',\n                    disabled && 'year-picker-cell-disabled',\n                )}\n                type=\"button\"\n                onClick={() => onChange(year)}\n                onMouseDown={(event) => preventFocus && event.preventDefault()}\n            >\n                {formatYear(year, yearLabelFormat)}\n            </button>\n        )\n    })\n\n    return (\n        <div className={classNames('year-picker', className)} {...rest}>\n            <Header\n                nextLevelDisabled\n                label={`${formatYear(range[0], yearLabelFormat)} - ${formatYear(\n                    range[range.length - 1],\n                    yearLabelFormat,\n                )}`}\n                hasPrevious={\n                    typeof minYear === 'number' ? minYear < range[0] : true\n                }\n                hasNext={\n                    typeof maxYear === 'number'\n                        ? maxYear > range[range.length - 1]\n                        : true\n                }\n                nextLabel={'Next decade'}\n                previousLabel={'Previous decade'}\n                preventFocus={preventFocus}\n                onNext={() => setDecade((current) => current + 10)}\n                onPrevious={() => setDecade((current) => current - 10)}\n            />\n            <div className=\"year-table\">{years}</div>\n        </div>\n    )\n}\n\nexport default YearTable\n"],"names":["YearTable","props","className","value","onChange","minYear","maxYear","preventFocus","yearLabelFormat","rest","decade","setDecade","useState","range","getDecadeRange","years","year","disabled","active","jsx","classNames","event","formatYear","jsxs","Header","current"],"mappings":";;;;;;;AAeA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHR,GAEE,CAACS,GAAQC,CAAS,IAAIC,EAAST,CAAK,GACpCU,IAAQC,EAAeJ,CAAM,GAE7BK,IAAQF,EAAM,IAAI,CAACG,MAAS;AAC9B,UAAMC,IACFD,IAAQX,KAAsBW,IAAQV,GAEpCY,IAASF,MAASb;AAExB,WACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,UAAAF;AAAA,QACA,WAAWG;AAAA,UACP;AAAA,UACAF,KAAU,CAACD,IACL,uCACA;AAAA,UACN,CAACC,KAAU,CAACD,KAAY;AAAA,UACxBA,KAAY;AAAA,QAAA;AAAA,QAEhB,MAAK;AAAA,QACL,SAAS,MAAMb,EAASY,CAAI;AAAA,QAC5B,aAAa,CAACK,MAAUd,KAAgBc,EAAM,eAAA;AAAA,QAE7C,UAAAC,EAAWN,GAAMR,CAAe;AAAA,MAAA;AAAA,MAd5BQ;AAAA,IAAA;AAAA,EAiBjB,CAAC;AAED,SACI,gBAAAO,EAAC,SAAI,WAAWH,EAAW,eAAelB,CAAS,GAAI,GAAGO,GACtD,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,mBAAiB;AAAA,QACjB,OAAO,GAAGF,EAAWT,EAAM,CAAC,GAAGL,CAAe,CAAC,MAAMc;AAAA,UACjDT,EAAMA,EAAM,SAAS,CAAC;AAAA,UACtBL;AAAA,QAAA,CACH;AAAA,QACD,aACI,OAAOH,KAAY,WAAWA,IAAUQ,EAAM,CAAC,IAAI;AAAA,QAEvD,SACI,OAAOP,KAAY,WACbA,IAAUO,EAAMA,EAAM,SAAS,CAAC,IAChC;AAAA,QAEV,WAAW;AAAA,QACX,eAAe;AAAA,QACf,cAAAN;AAAA,QACA,QAAQ,MAAMI,EAAU,CAACc,MAAYA,IAAU,EAAE;AAAA,QACjD,YAAY,MAAMd,EAAU,CAACc,MAAYA,IAAU,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzD,gBAAAN,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAJ,EAAA,CAAM;AAAA,EAAA,GACvC;AAER;"}

package/dist/@ecme/components/ui/DatePicker/tables/components/Month.js.map

@@ -1 +1 @@
-{"version":3,"file":"Month.js","sources":["../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/Month.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport Day from './Day'\nimport getDayProps from './props/getDayProps'\nimport { isSameDate, getWeekdaysNames, getMonthDays } from '../../utils'\nimport { useConfig } from '../../../ConfigProvider'\nimport type { CommonProps } from '../../../@types/common'\nimport type { FirstDayOfWeek } from '../../../@types/date'\nimport type { Modifiers, DayKeydownPayload } from './types'\nimport type { GetDayPropsReturn } from './props/getDayProps'\nimport type {\n    KeyboardEvent,\n    ReactNode,\n    MouseEvent,\n    CSSProperties,\n    Ref,\n} from 'react'\n\nexport interface MonthBaseProps {\n    month?: Date\n    value?: Date | Date[]\n    dayClassName?: (date: Date, modifiers: Modifiers) => string\n    dayStyle?: (date: Date, modifiers: Modifiers) => CSSProperties\n    disableDate?: (date: Date) => boolean\n    disableOutOfMonth?: boolean\n    minDate?: Date\n    maxDate?: Date\n    hideWeekdays?: boolean\n    fullWidth?: boolean\n    preventFocus?: boolean\n    focusable?: boolean\n    firstDayOfWeek?: FirstDayOfWeek\n    hideOutOfMonthDates?: boolean\n    weekendDays?: [number, number]\n    isDateInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n    isDateFirstInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n    isDateLastInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n}\n\nexport interface MonthProps extends CommonProps, MonthBaseProps {\n    onChange?: (value: Date) => void\n    locale?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent<HTMLButtonElement>) => void\n    range?: [Date, Date]\n    onDayKeyDown?: (\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => void\n    daysRefs: HTMLButtonElement[][]\n    ref?: Ref<HTMLTableElement>\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n}\n\nconst noop = () => false\n\nconst Month = (props: MonthProps) => {\n    const {\n        className,\n        month,\n        value,\n        onChange,\n        disableOutOfMonth = false,\n        locale,\n        dayClassName,\n        dayStyle,\n        minDate,\n        maxDate,\n        disableDate,\n        onDayMouseEnter,\n        range,\n        hideWeekdays = false,\n        fullWidth = false,\n        preventFocus = false,\n        focusable = true,\n        firstDayOfWeek = 'monday',\n        onDayKeyDown,\n        daysRefs,\n        hideOutOfMonthDates = false,\n        isDateInRange = noop,\n        isDateFirstInRange = noop,\n        isDateLastInRange = noop,\n        ref,\n        renderDay,\n        weekdayLabelFormat,\n        weekendDays = [0, 6],\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n    const days = getMonthDays(month as Date, firstDayOfWeek)\n\n    const weekdays = getWeekdaysNames(\n        finalLocale,\n        firstDayOfWeek,\n        weekdayLabelFormat,\n    ).map((weekday) => (\n        <th key={weekday} className=\"week-day-cell\">\n            <span className=\"week-day-cell-content\">{weekday}</span>\n        </th>\n    ))\n\n    const hasValue = Array.isArray(value)\n        ? value.every((item) => item instanceof Date)\n        : value instanceof Date\n\n    const hasValueInMonthRange =\n        value instanceof Date &&\n        dayjs(value).isAfter(dayjs(month).startOf('month')) &&\n        dayjs(value).isBefore(dayjs(month).endOf('month'))\n\n    const getDayPropsParams = {\n        month: month as Date,\n        hasValue,\n        minDate: minDate as Date,\n        maxDate: maxDate as Date,\n        value: value as Date,\n        disableDate: disableDate as (date: Date) => boolean,\n        disableOutOfMonth: disableOutOfMonth as boolean,\n        range: range as [Date, Date],\n        weekendDays,\n    }\n\n    const firstIncludedDay = useMemo(\n        () =>\n            days\n                .flatMap((_) => _)\n                .find((date) => {\n                    const dayProps = getDayProps({\n                        ...getDayPropsParams,\n                        ...{ date },\n                    })\n\n                    return !dayProps.disabled && !dayProps.outOfMonth\n                }) || dayjs(month).startOf('month').toDate(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const rows = days.map((row, rowIndex) => {\n        const cells = row.map((date, cellIndex) => {\n            const dayProps = getDayProps({ ...getDayPropsParams, ...{ date } })\n\n            const onKeyDownPayload = { rowIndex, cellIndex, date }\n\n            return (\n                <td key={cellIndex} className={classNames('date-picker-cell')}>\n                    <Day\n                        ref={(button) => {\n                            if (daysRefs) {\n                                if (!Array.isArray(daysRefs[rowIndex])) {\n                                    daysRefs[rowIndex] = []\n                                }\n\n                                daysRefs[rowIndex][cellIndex] =\n                                    button as HTMLButtonElement\n                            }\n                        }}\n                        outOfMonth={dayProps.outOfMonth}\n                        weekend={dayProps.weekend}\n                        inRange={\n                            dayProps.inRange || isDateInRange(date, dayProps)\n                        }\n                        firstInRange={\n                            dayProps.firstInRange ||\n                            isDateFirstInRange(date, dayProps)\n                        }\n                        lastInRange={\n                            dayProps.lastInRange ||\n                            isDateLastInRange(date, dayProps)\n                        }\n                        firstInMonth={isSameDate(date, firstIncludedDay)}\n                        selected={dayProps.selected || dayProps.selectedInRange}\n                        hasValue={hasValueInMonthRange}\n                        className={\n                            typeof dayClassName === 'function'\n                                ? dayClassName(date, dayProps)\n                                : ''\n                        }\n                        style={\n                            typeof dayStyle === 'function'\n                                ? dayStyle(date, dayProps)\n                                : {}\n                        }\n                        disabled={dayProps.disabled}\n                        fullWidth={fullWidth}\n                        focusable={focusable}\n                        hideOutOfMonthDates={hideOutOfMonthDates}\n                        renderDay={renderDay}\n                        isToday={isSameDate(date, new Date())}\n                        value={date}\n                        onClick={() =>\n                            typeof onChange === 'function' && onChange(date)\n                        }\n                        onMouseDown={(event) =>\n                            preventFocus && event.preventDefault()\n                        }\n                        onKeyDown={(event) =>\n                            typeof onDayKeyDown === 'function' &&\n                            onDayKeyDown(onKeyDownPayload, event)\n                        }\n                        onMouseEnter={\n                            typeof onDayMouseEnter === 'function'\n                                ? onDayMouseEnter\n                                : noop\n                        }\n                    />\n                </td>\n            )\n        })\n\n        return (\n            <tr key={rowIndex} className={classNames('date-picker-week-cell')}>\n                {cells}\n            </tr>\n        )\n    })\n\n    return (\n        <table\n            ref={ref}\n            className={classNames('picker-table', className)}\n            cellSpacing=\"0\"\n            {...rest}\n        >\n            {!hideWeekdays && (\n                <thead>\n                    <tr>{weekdays}</tr>\n                </thead>\n            )}\n            <tbody>{rows}</tbody>\n        </table>\n    )\n}\n\nexport default Month\n"],"names":["noop","Month","props","className","month","value","onChange","disableOutOfMonth","locale","dayClassName","dayStyle","minDate","maxDate","disableDate","onDayMouseEnter","range","hideWeekdays","fullWidth","preventFocus","focusable","firstDayOfWeek","onDayKeyDown","daysRefs","hideOutOfMonthDates","isDateInRange","isDateFirstInRange","isDateLastInRange","ref","renderDay","weekdayLabelFormat","weekendDays","rest","themeLocale","useConfig","finalLocale","days","getMonthDays","weekdays","getWeekdaysNames","weekday","jsx","hasValue","item","hasValueInMonthRange","dayjs","getDayPropsParams","firstIncludedDay","useMemo","_","date","dayProps","getDayProps","rows","row","rowIndex","cells","cellIndex","onKeyDownPayload","classNames","Day","button","isSameDate","event","jsxs"],"mappings":"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"}
+{"version":3,"file":"Month.js","sources":["../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/Month.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport classNames from 'classnames'\nimport dayjs from 'dayjs'\nimport Day from './Day'\nimport getDayProps from './props/getDayProps'\nimport { isSameDate, getWeekdaysNames, getMonthDays } from '../../utils'\nimport { useConfig } from '../../../ConfigProvider'\nimport type { CommonProps } from '../../../@types/common'\nimport type { FirstDayOfWeek } from '../../../@types/date'\nimport type { Modifiers, DayKeydownPayload } from './types'\nimport type { GetDayPropsReturn } from './props/getDayProps'\nimport type {\n    KeyboardEvent,\n    ReactNode,\n    MouseEvent,\n    CSSProperties,\n    Ref,\n} from 'react'\n\nexport interface MonthBaseProps {\n    month?: Date\n    value?: Date | Date[]\n    dayClassName?: (date: Date, modifiers: Modifiers) => string\n    dayStyle?: (date: Date, modifiers: Modifiers) => CSSProperties\n    disableDate?: (date: Date) => boolean\n    disableOutOfMonth?: boolean\n    minDate?: Date\n    maxDate?: Date\n    hideWeekdays?: boolean\n    fullWidth?: boolean\n    preventFocus?: boolean\n    focusable?: boolean\n    firstDayOfWeek?: FirstDayOfWeek\n    hideOutOfMonthDates?: boolean\n    weekendDays?: [number, number]\n    isDateInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n    isDateFirstInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n    isDateLastInRange?:\n        | (() => boolean)\n        | ((date: Date, props: GetDayPropsReturn) => boolean)\n}\n\nexport interface MonthProps extends CommonProps, MonthBaseProps {\n    onChange?: (value: Date) => void\n    locale?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent<HTMLButtonElement>) => void\n    range?: [Date, Date]\n    onDayKeyDown?: (\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => void\n    daysRefs: HTMLButtonElement[][]\n    ref?: Ref<HTMLTableElement>\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n}\n\nconst noop = () => false\n\nconst Month = (props: MonthProps) => {\n    const {\n        className,\n        month,\n        value,\n        onChange,\n        disableOutOfMonth = false,\n        locale,\n        dayClassName,\n        dayStyle,\n        minDate,\n        maxDate,\n        disableDate,\n        onDayMouseEnter,\n        range,\n        hideWeekdays = false,\n        fullWidth = false,\n        preventFocus = false,\n        focusable = true,\n        firstDayOfWeek = 'monday',\n        onDayKeyDown,\n        daysRefs,\n        hideOutOfMonthDates = false,\n        isDateInRange = noop,\n        isDateFirstInRange = noop,\n        isDateLastInRange = noop,\n        ref,\n        renderDay,\n        weekdayLabelFormat,\n        weekendDays = [0, 6],\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n    const days = getMonthDays(month as Date, firstDayOfWeek)\n\n    const weekdays = getWeekdaysNames(\n        finalLocale,\n        firstDayOfWeek,\n        weekdayLabelFormat,\n    ).map((weekday) => (\n        <th key={weekday} className=\"week-day-cell\">\n            <span className=\"week-day-cell-content\">{weekday}</span>\n        </th>\n    ))\n\n    const hasValue = Array.isArray(value)\n        ? value.every((item) => item instanceof Date)\n        : value instanceof Date\n\n    const hasValueInMonthRange =\n        value instanceof Date &&\n        dayjs(value).isAfter(dayjs(month).startOf('month')) &&\n        dayjs(value).isBefore(dayjs(month).endOf('month'))\n\n    const getDayPropsParams = {\n        month: month as Date,\n        hasValue,\n        minDate: minDate as Date,\n        maxDate: maxDate as Date,\n        value: value as Date,\n        disableDate: disableDate as (date: Date) => boolean,\n        disableOutOfMonth: disableOutOfMonth as boolean,\n        range: range as [Date, Date],\n        weekendDays,\n    }\n\n    const firstIncludedDay = useMemo(\n        () =>\n            days\n                .flatMap((_) => _)\n                .find((date) => {\n                    const dayProps = getDayProps({\n                        ...getDayPropsParams,\n                        ...{ date },\n                    })\n\n                    return !dayProps.disabled && !dayProps.outOfMonth\n                }) || dayjs(month).startOf('month').toDate(),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    )\n\n    const rows = days.map((row, rowIndex) => {\n        const cells = row.map((date, cellIndex) => {\n            const dayProps = getDayProps({ ...getDayPropsParams, ...{ date } })\n\n            const onKeyDownPayload = { rowIndex, cellIndex, date }\n\n            return (\n                <td key={cellIndex} className={classNames('date-picker-cell')}>\n                    <Day\n                        ref={(button) => {\n                            if (daysRefs) {\n                                if (!Array.isArray(daysRefs[rowIndex])) {\n                                    daysRefs[rowIndex] = []\n                                }\n\n                                daysRefs[rowIndex][cellIndex] =\n                                    button as HTMLButtonElement\n                            }\n                        }}\n                        outOfMonth={dayProps.outOfMonth}\n                        weekend={dayProps.weekend}\n                        inRange={\n                            dayProps.inRange || isDateInRange(date, dayProps)\n                        }\n                        firstInRange={\n                            dayProps.firstInRange ||\n                            isDateFirstInRange(date, dayProps)\n                        }\n                        lastInRange={\n                            dayProps.lastInRange ||\n                            isDateLastInRange(date, dayProps)\n                        }\n                        firstInMonth={isSameDate(date, firstIncludedDay)}\n                        selected={dayProps.selected || dayProps.selectedInRange}\n                        hasValue={hasValueInMonthRange}\n                        className={\n                            typeof dayClassName === 'function'\n                                ? dayClassName(date, dayProps)\n                                : ''\n                        }\n                        style={\n                            typeof dayStyle === 'function'\n                                ? dayStyle(date, dayProps)\n                                : {}\n                        }\n                        disabled={dayProps.disabled}\n                        fullWidth={fullWidth}\n                        focusable={focusable}\n                        hideOutOfMonthDates={hideOutOfMonthDates}\n                        renderDay={renderDay}\n                        isToday={isSameDate(date, new Date())}\n                        value={date}\n                        onClick={() =>\n                            typeof onChange === 'function' && onChange(date)\n                        }\n                        onMouseDown={(event) =>\n                            preventFocus && event.preventDefault()\n                        }\n                        onKeyDown={(event) =>\n                            typeof onDayKeyDown === 'function' &&\n                            onDayKeyDown(onKeyDownPayload, event)\n                        }\n                        onMouseEnter={\n                            typeof onDayMouseEnter === 'function'\n                                ? onDayMouseEnter\n                                : noop\n                        }\n                    />\n                </td>\n            )\n        })\n\n        return (\n            <tr key={rowIndex} className={classNames('date-picker-week-cell')}>\n                {cells}\n            </tr>\n        )\n    })\n\n    return (\n        <table\n            ref={ref}\n            className={classNames('picker-table', className)}\n            cellSpacing=\"0\"\n            {...rest}\n        >\n            {!hideWeekdays && (\n                <thead>\n                    <tr>{weekdays}</tr>\n                </thead>\n            )}\n            <tbody>{rows}</tbody>\n        </table>\n    )\n}\n\nexport default Month\n"],"names":["noop","Month","props","className","month","value","onChange","disableOutOfMonth","locale","dayClassName","dayStyle","minDate","maxDate","disableDate","onDayMouseEnter","range","hideWeekdays","fullWidth","preventFocus","focusable","firstDayOfWeek","onDayKeyDown","daysRefs","hideOutOfMonthDates","isDateInRange","isDateFirstInRange","isDateLastInRange","ref","renderDay","weekdayLabelFormat","weekendDays","rest","themeLocale","useConfig","finalLocale","days","getMonthDays","weekdays","getWeekdaysNames","weekday","jsx","hasValue","item","hasValueInMonthRange","dayjs","getDayPropsParams","firstIncludedDay","useMemo","_","date","dayProps","getDayProps","rows","row","rowIndex","cells","cellIndex","onKeyDownPayload","classNames","Day","button","isSameDate","event","jsxs"],"mappings":"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"}