@orbe-agro/client-core 3.4.10 → 3.4.11

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

@@ -0,0 +1,201 @@
+import { jsxs as V, jsx as w } from "react/jsx-runtime";
+import { useState as c, useRef as be, useEffect as Ce } from "react";
+import n from "dayjs";
+import ye from "../hooks/useControllableState.js";
+import Fe from "../hooks/useMergeRef.js";
+import f from "../utils/capitalize.js";
+import Oe from "../TimeInput/TimeInput.js";
+import ke from "./Calendar.js";
+import Te from "./BasePicker.js";
+import Ye from "../Button/Button.js";
+import "../ConfigProvider/index.js";
+import { useConfig as ve } from "../ConfigProvider/ConfigProvider.js";
+const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
+  const {
+    amPm: L = !0,
+    className: P,
+    clearable: S = !0,
+    closePickerOnChange: s = !1,
+    dateViewCount: B,
+    dayClassName: H,
+    dayStyle: I,
+    defaultMonth: b,
+    defaultOpen: N = !1,
+    defaultValue: C,
+    defaultView: z,
+    disabled: y = !1,
+    disableDate: R,
+    enableHeaderLabel: _,
+    disableOutOfMonth: j,
+    firstDayOfWeek: A = "monday",
+    hideOutOfMonthDates: E,
+    hideWeekdays: U,
+    inputFormat: W,
+    inputPrefix: K,
+    inputSuffix: q,
+    inputtable: G,
+    labelFormat: J = {
+      month: "MMM",
+      year: "YYYY"
+    },
+    locale: Q,
+    maxDate: X,
+    minDate: Z,
+    name: $ = "dateTime",
+    okButtonContent: ee = "OK",
+    onBlur: F,
+    onChange: i,
+    onFocus: O,
+    onDropdownClose: m,
+    onDropdownOpen: d,
+    openPickerOnClear: te,
+    ref: ae = null,
+    renderDay: oe,
+    size: ne,
+    value: u,
+    weekendDays: le,
+    yearLabelFormat: se,
+    ...re
+  } = x, { locale: ie } = ve(), l = Q || ie, r = W || Ve, [ue, D] = c(N), p = be(null), [Le, k] = c(C ?? null), [t, h] = ye({
+    prop: u,
+    defaultProp: C,
+    onChange: i
+  }), [ce, T] = c(
+    t || b || /* @__PURE__ */ new Date()
+  ), [g, Y] = c(!1), [fe, o] = c(
+    t instanceof Date ? f(n(t).locale(l).format(r)) : ""
+  ), M = () => {
+    D(!1), m == null || m();
+  }, v = () => {
+    D(!0), d == null || d();
+  };
+  Ce(() => {
+    u === null && !g && o(""), u instanceof Date && !g && o(n(u).locale(l).format(r));
+  }, [u, g]);
+  const me = (e) => {
+    if (t)
+      e.setHours(t.getHours()), e.setMinutes(t.getMinutes());
+    else {
+      const a = new Date(Date.now());
+      e.setHours(a.getHours()), e.setMinutes(a.getMinutes());
+    }
+    h(e), !u && !s && o(n(e).locale(l).format(r)), s && o(
+      f(n(e).locale(l).format(r))
+    ), s && M(), window.setTimeout(() => {
+      var a;
+      return (a = p.current) == null ? void 0 : a.focus();
+    }, 0);
+  }, de = () => {
+    var e;
+    h(null), k(null), o(""), te && v(), (e = p.current) == null || e.focus(), i == null || i(null);
+  }, pe = (e) => n(e, r, l).toDate(), he = (e) => {
+    typeof F == "function" && F(e), Y(!1);
+  }, De = (e) => {
+    typeof O == "function" && O(e), Y(!0);
+  }, ge = (e) => {
+    v();
+    const a = pe(e.target.value);
+    n(a).isValid() ? (h(a), k(a), s && o(e.target.value), T(a)) : s && o(e.target.value);
+  }, Me = (e) => {
+    if (t instanceof Date && e instanceof Date) {
+      const a = new Date(
+        t.getFullYear(),
+        t.getMonth(),
+        t.getDate(),
+        e.getHours(),
+        e.getMinutes(),
+        e.getSeconds(),
+        e.getMilliseconds()
+      );
+      h(a), !u && !s && o(
+        f(
+          n(a).locale(l).format(r)
+        )
+      ), s && o(
+        f(
+          n(a).locale(l).format(r)
+        )
+      );
+    }
+    s && M();
+  }, we = () => {
+    o(
+      f(n(t).locale(l).format(r))
+    ), M(), window.setTimeout(() => {
+      var e;
+      return (e = p.current) == null ? void 0 : e.focus();
+    }, 0), i == null || i(t);
+  };
+  return /* @__PURE__ */ V(
+    Te,
+    {
+      ref: Fe(ae, p),
+      dropdownOpened: ue,
+      setDropdownOpened: D,
+      className: P,
+      name: $,
+      inputLabel: fe,
+      clearable: S && !!t && !y,
+      disabled: y,
+      size: ne,
+      inputPrefix: K,
+      inputSuffix: q,
+      onChange: ge,
+      onBlur: he,
+      onFocus: De,
+      onClear: de,
+      onDropdownClose: m,
+      onDropdownOpen: d,
+      ...re,
+      children: [
+        /* @__PURE__ */ w(
+          ke,
+          {
+            locale: l,
+            month: G ? ce : void 0,
+            defaultMonth: b || (t instanceof Date ? t : /* @__PURE__ */ new Date()),
+            value: t instanceof Date ? t : t && n(t).toDate(),
+            labelFormat: J,
+            dayClassName: H,
+            dayStyle: I,
+            disableOutOfMonth: j,
+            minDate: Z,
+            maxDate: X,
+            disableDate: R,
+            firstDayOfWeek: A,
+            preventFocus: !1,
+            dateViewCount: B,
+            enableHeaderLabel: _,
+            defaultView: z,
+            hideOutOfMonthDates: E,
+            hideWeekdays: U,
+            renderDay: oe,
+            weekendDays: le,
+            yearLabelFormat: se,
+            onMonthChange: T,
+            onChange: me
+          }
+        ),
+        /* @__PURE__ */ V("div", { className: "flex items-center gap-4 mt-4", children: [
+          /* @__PURE__ */ w(
+            Oe,
+            {
+              disabled: !t,
+              value: t,
+              format: L ? "12" : "24",
+              clearable: !1,
+              size: "sm",
+              onChange: Me
+            }
+          ),
+          /* @__PURE__ */ w(Ye, { size: "sm", disabled: !t, onClick: we, children: ee })
+        ] })
+      ]
+    }
+  );
+};
+xe.displayName = "DateTimepicker";
+export {
+  xe as default
+};
+//# sourceMappingURL=DateTimepicker.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,65 @@
+import { jsx as v } from "react/jsx-runtime";
+import { useState as m } from "react";
+import o from "dayjs";
+import { isSameDate as d } from "./utils/isSameDate.js";
+import P from "./CalendarBase.js";
+const H = (y) => {
+  const {
+    value: u,
+    onChange: f,
+    dayStyle: p,
+    singleDate: D = !1,
+    dateViewCount: c = 1,
+    paginateBy: h,
+    ref: T,
+    ...R
+  } = y, [r, g] = m(null), [n, l] = m(null), B = (e) => {
+    if (n instanceof Date) {
+      if (d(e, n) && !D)
+        return l(null), g(null), null;
+      const a = [e, n];
+      return a.sort((t, s) => t.getTime() - s.getTime()), f(a), l(null), null;
+    }
+    return u[0] && d(e, u[0]) && !D ? (l(null), g(null), f([null, null]), null) : (f([e, null]), l(e), null);
+  }, C = (e, a) => {
+    if (n instanceof Date && r instanceof Date) {
+      const t = [r, n];
+      return t.sort((s, i) => s.getTime() - i.getTime()), !a.selected && o(e).subtract(1, "day").isBefore(t[1]) && o(e).add(1, "day").isAfter(t[0]);
+    }
+    return !1;
+  }, I = (e, a) => {
+    if (n instanceof Date && r instanceof Date) {
+      const t = [r, n];
+      return t.sort((s, i) => s.getTime() - i.getTime()), a.selected && o(e).isBefore(t[1]);
+    }
+    return !1;
+  }, k = (e, a) => {
+    if (n instanceof Date && r instanceof Date) {
+      const t = [r, n];
+      return t.sort((s, i) => s.getTime() - i.getTime()), a.selected && o(e).isAfter(t[0]);
+    }
+    return !1;
+  };
+  return /* @__PURE__ */ v(
+    P,
+    {
+      ref: T,
+      dayStyle: p,
+      value: n,
+      range: u,
+      dateViewCount: c,
+      paginateBy: h || c,
+      hideOutOfMonthDates: c > 1,
+      isDateInRange: C,
+      isDateFirstInRange: I,
+      isDateLastInRange: k,
+      onDayMouseEnter: (e) => g(e),
+      onChange: (e) => B(e),
+      ...R
+    }
+  );
+};
+export {
+  H as default
+};
+//# sourceMappingURL=RangeCalendar.js.map

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

@@ -0,0 +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":";;;;;AAwBM,MAAAA,IAAgB,CAACC,MAA8B;AAC3C,QAAA;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;AAGL,YAAAO,IAAuB,CAACF,GAAMH,CAAU;AACvC,aAAAK,EAAA,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAQ,IAAIC,EAAE,SAAS,GAC/CjB,EAASe,CAAM,GACfJ,EAAc,IAAI,GACX;AAAA,IAAA;AAGP,WAAAZ,EAAM,CAAC,KAAKe,EAAWD,GAAMd,EAAM,CAAC,CAAC,KAAK,CAACG,KAC3CS,EAAc,IAAI,GAClBH,EAAc,IAAI,GACTR,EAAA,CAAC,MAAM,IAAI,CAAC,GACd,SAGFA,EAAA,CAACa,GAAM,IAAI,CAAC,GACrBF,EAAcE,CAAI,GACX;AAAA,EACX,GAEMK,IAAsB,CAACL,GAAYM,MAAyB;AAC1D,QAAAT,aAAsB,QAAQH,aAAsB,MAAM;AACpD,YAAAQ,IAAS,CAACR,GAAYG,CAAU;AAC/B,aAAAK,EAAA,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAQ,IAAIC,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;AAI5C,WAAA;AAAA,EACX,GAEMM,IAA2B,CAACR,GAAYM,MAAyB;AAC/D,QAAAT,aAAsB,QAAQH,aAAsB,MAAM;AACpD,YAAAQ,IAAS,CAACR,GAAYG,CAAU;AAC/B,aAAAK,EAAA,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAQ,IAAIC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,SAASE,EAAO,CAAC,CAAC;AAAA,IAAA;AAGxD,WAAA;AAAA,EACX,GAEMO,IAA0B,CAACT,GAAYM,MAAyB;AAC9D,QAAAT,aAAsB,QAAQH,aAAsB,MAAM;AACpD,YAAAQ,IAAS,CAACR,GAAYG,CAAU;AAC/B,aAAAK,EAAA,KAAK,CAACC,GAAGC,MAAMD,EAAE,QAAQ,IAAIC,EAAE,SAAS,GACxCE,EAAU,YAAYC,EAAMP,CAAI,EAAE,QAAQE,EAAO,CAAC,CAAC;AAAA,IAAA;AAGvD,WAAA;AAAA,EACX;AAGI,SAAA,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,EACR;AAER;"}

package/dist/lib/@ecme/components/ui/DatePicker/index.js

@@ -0,0 +1,11 @@
+import r from "./DatePicker.js";
+import t from "./DatePickerRange.js";
+import i from "./DateTimepicker.js";
+const e = r;
+e.DatePickerRange = t;
+e.DateTimepicker = i;
+export {
+  e as DatePicker,
+  e as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _DatePicker, { DatePickerProps } from './DatePicker'\nimport DatePickerRange from './DatePickerRange'\nimport DateTimepicker from './DateTimepicker'\n\nexport type { DatePickerProps } from './DatePicker'\nexport type { DatePickerRangeProps } from './DatePickerRange'\nexport type { DateTimepickerProps } from './DateTimepicker'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    DatePickerProps & RefAttributes<HTMLSpanElement>\n> & {\n    DatePickerRange: typeof DatePickerRange\n    DateTimepicker: typeof DateTimepicker\n}\n\nconst DatePicker = _DatePicker as CompoundedComponent\n\nDatePicker.DatePickerRange = DatePickerRange\nDatePicker.DateTimepicker = DateTimepicker\n\nexport { DatePicker }\n\nexport default DatePicker\n"],"names":["DatePicker","_DatePicker","DatePickerRange","DateTimepicker"],"mappings":";;;AAgBA,MAAMA,IAAaC;AAEnBD,EAAW,kBAAkBE;AAC7BF,EAAW,iBAAiBG;"}

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

@@ -0,0 +1,117 @@
+import { jsxs as M, jsx as s, Fragment as I } from "react/jsx-runtime";
+import v from "classnames";
+import o from "dayjs";
+import { isMonthInRange as N } from "../utils/isMonthInRange.js";
+import R from "./Header.js";
+import K from "./components/Month.js";
+import P from "../../utils/capitalize.js";
+function k({
+  month: c,
+  locale: a,
+  format: m
+}) {
+  return P(o(c).locale(a).format(m));
+}
+const F = (c) => {
+  const {
+    dateViewCount: a,
+    paginateBy: m,
+    month: n,
+    locale: h,
+    minDate: l,
+    maxDate: d,
+    enableHeaderLabel: p,
+    daysRefs: w,
+    onMonthChange: f,
+    onNextLevel: D,
+    onDayKeyDown: C,
+    className: y,
+    labelFormat: e,
+    weekdayLabelFormat: L,
+    preventFocus: i,
+    renderDay: g,
+    ...Y
+  } = c, j = o(n).add(a, "months").toDate(), x = o(n).subtract(1, "months").toDate(), b = "picker-header-label hover:text-primary", H = Array(a).fill(0).map((z, t) => {
+    const u = o(n).add(t, "months").toDate();
+    return /* @__PURE__ */ M("div", { className: "day-picker", children: [
+      /* @__PURE__ */ s(
+        R,
+        {
+          hasNext: t + 1 === a && N({
+            date: j,
+            minDate: l,
+            maxDate: d
+          }),
+          hasPrevious: t === 0 && N({
+            date: x,
+            minDate: l,
+            maxDate: d
+          }),
+          className: y,
+          onNext: () => f(
+            o(n).add(m, "months").toDate()
+          ),
+          onPrevious: () => f(
+            o(n).subtract(m, "months").toDate()
+          ),
+          children: /* @__PURE__ */ M("div", { children: [
+            /* @__PURE__ */ s(
+              "button",
+              {
+                className: v(b),
+                disabled: !p,
+                tabIndex: t > 0 ? -1 : 0,
+                type: "button",
+                onClick: () => D("month"),
+                onMouseDown: (r) => i && r.preventDefault(),
+                children: k({
+                  month: u,
+                  locale: h,
+                  format: (e == null ? void 0 : e.month) || "MMM"
+                })
+              }
+            ),
+            /* @__PURE__ */ s(
+              "button",
+              {
+                className: v(b),
+                disabled: !p,
+                tabIndex: t > 0 ? -1 : 0,
+                type: "button",
+                onClick: () => D("year"),
+                onMouseDown: (r) => i && r.preventDefault(),
+                children: k({
+                  month: u,
+                  locale: h,
+                  format: (e == null ? void 0 : e.year) || "YYYY"
+                })
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ s(
+        K,
+        {
+          month: u,
+          daysRefs: w.current[t],
+          minDate: l,
+          maxDate: d,
+          className: y,
+          locale: h,
+          focusable: t === 0,
+          preventFocus: i,
+          renderDay: g,
+          weekdayLabelFormat: L,
+          onDayKeyDown: (...r) => C(t, ...r),
+          ...Y
+        }
+      )
+    ] }, t);
+  });
+  return /* @__PURE__ */ s(I, { children: H });
+};
+export {
+  F as default
+};
+//# sourceMappingURL=DateTable.js.map

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

@@ -0,0 +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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"}

package/dist/lib/@ecme/components/ui/DatePicker/tables/Header.js

@@ -0,0 +1,85 @@
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import a from "classnames";
+import { HiChevronLeft as y, HiChevronRight as k } from "react-icons/hi";
+const j = (s) => {
+  const {
+    hasNext: o,
+    hasPrevious: l,
+    onNext: i,
+    onPrevious: c,
+    onNextLevel: d,
+    label: b,
+    nextLevelDisabled: u,
+    nextLabel: p,
+    previousLabel: f,
+    preventLevelFocus: h = !1,
+    preventFocus: t,
+    children: n,
+    className: m,
+    ...v
+  } = s, x = n || /* @__PURE__ */ e(
+    "button",
+    {
+      className: "picker-header-label",
+      disabled: u,
+      tabIndex: h ? -1 : 0,
+      type: "button",
+      onClick: d,
+      onMouseDown: (r) => t && r.preventDefault(),
+      children: b
+    }
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "picker-header flex items-center justify-between mb-2 border-b border-gray-200 dark:border-gray-700 pb-2",
+        m
+      ),
+      ...v,
+      children: /* @__PURE__ */ N(
+        "div",
+        {
+          className: "flex justify-between w-full items-center rtl:flex-row-reverse",
+          children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: a(
+                  "picker-direction-button",
+                  !l && "opacity-0 cursor-default"
+                ),
+                disabled: !l,
+                "aria-label": f,
+                onClick: c,
+                onMouseDown: (r) => t && r.preventDefault(),
+                children: /* @__PURE__ */ e(y, {})
+              }
+            ),
+            x,
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: a(
+                  "picker-direction-button",
+                  !o && "opacity-0 cursor-default"
+                ),
+                disabled: !o,
+                "aria-label": p,
+                onClick: i,
+                onMouseDown: (r) => t && r.preventDefault(),
+                children: /* @__PURE__ */ e(k, {})
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  j as default
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../lib/@ecme/components/ui/DatePicker/tables/Header.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronRight, HiChevronLeft } from 'react-icons/hi'\nimport type { CommonProps } from '../../@types/common'\n\nexport interface HeaderProps extends CommonProps {\n    hasNext: boolean\n    hasPrevious: boolean\n    onNext?: () => void\n    onPrevious?: () => void\n    onNextLevel?: () => void\n    label?: string\n    nextLevelDisabled?: boolean\n    nextLabel?: string\n    previousLabel?: string\n    preventLevelFocus?: boolean\n    preventFocus?: boolean\n}\n\nconst Header = (props: HeaderProps) => {\n    const {\n        hasNext,\n        hasPrevious,\n        onNext,\n        onPrevious,\n        onNextLevel,\n        label,\n        nextLevelDisabled,\n        nextLabel,\n        previousLabel,\n        preventLevelFocus = false,\n        preventFocus,\n        children,\n        className,\n        ...rest\n    } = props\n\n    const headerLabel = (\n        <button\n            className=\"picker-header-label\"\n            disabled={nextLevelDisabled}\n            tabIndex={preventLevelFocus ? -1 : 0}\n            type=\"button\"\n            onClick={onNextLevel}\n            onMouseDown={(event) => preventFocus && event.preventDefault()}\n        >\n            {label}\n        </button>\n    )\n\n    const renderChildren = children ? children : headerLabel\n\n    return (\n        <div\n            className={classNames(\n                'picker-header flex items-center justify-between mb-2 border-b border-gray-200 dark:border-gray-700 pb-2',\n                className,\n            )}\n            {...rest}\n        >\n            <div\n                className={\n                    'flex justify-between w-full items-center rtl:flex-row-reverse'\n                }\n            >\n                <button\n                    type=\"button\"\n                    className={classNames(\n                        'picker-direction-button',\n                        !hasPrevious && 'opacity-0 cursor-default',\n                    )}\n                    disabled={!hasPrevious}\n                    aria-label={previousLabel}\n                    onClick={onPrevious}\n                    onMouseDown={(event) =>\n                        preventFocus && event.preventDefault()\n                    }\n                >\n                    <HiChevronLeft />\n                </button>\n                {renderChildren}\n                <button\n                    type=\"button\"\n                    className={classNames(\n                        'picker-direction-button',\n                        !hasNext && 'opacity-0 cursor-default',\n                    )}\n                    disabled={!hasNext}\n                    aria-label={nextLabel}\n                    onClick={onNext}\n                    onMouseDown={(event) =>\n                        preventFocus && event.preventDefault()\n                    }\n                >\n                    <HiChevronRight />\n                </button>\n            </div>\n        </div>\n    )\n}\n\nexport default Header\n"],"names":["Header","props","hasNext","hasPrevious","onNext","onPrevious","onNextLevel","label","nextLevelDisabled","nextLabel","previousLabel","preventLevelFocus","preventFocus","children","className","rest","renderChildren","jsx","event","classNames","jsxs","HiChevronLeft","HiChevronRight"],"mappings":";;;AAkBM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd,GAeEe,IAAiBH,KAZnB,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAUT;AAAA,MACV,UAAUG,IAAoB,KAAK;AAAA,MACnC,MAAK;AAAA,MACL,SAASL;AAAA,MACT,aAAa,CAACY,MAAUN,KAAgBM,EAAM,eAAe;AAAA,MAE5D,UAAAX;AAAA,IAAA;AAAA,EACL;AAMA,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE;AAAA,QACP;AAAA,QACAL;AAAA,MACJ;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WACI;AAAA,UAGJ,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,WAAWE;AAAA,kBACP;AAAA,kBACA,CAAChB,KAAe;AAAA,gBACpB;AAAA,gBACA,UAAU,CAACA;AAAA,gBACX,cAAYO;AAAA,gBACZ,SAASL;AAAA,gBACT,aAAa,CAACa,MACVN,KAAgBM,EAAM,eAAe;AAAA,gBAGzC,4BAACG,GAAc,CAAA,CAAA;AAAA,cAAA;AAAA,YACnB;AAAA,YACCL;AAAA,YACD,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,WAAWE;AAAA,kBACP;AAAA,kBACA,CAACjB,KAAW;AAAA,gBAChB;AAAA,gBACA,UAAU,CAACA;AAAA,gBACX,cAAYO;AAAA,gBACZ,SAASL;AAAA,gBACT,aAAa,CAACc,MACVN,KAAgBM,EAAM,eAAe;AAAA,gBAGzC,4BAACI,GAAe,CAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EACJ;AAER;"}

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

@@ -0,0 +1,69 @@
+import { jsx as n, jsxs as k } from "react/jsx-runtime";
+import b from "classnames";
+import F from "./Header.js";
+import "../utils/index.js";
+import { getMonthsNames as L } from "../utils/getMonthsNames.js";
+import { isMonthInRange as C } from "../utils/isMonthInRange.js";
+import { formatYear as P } from "../utils/formatYear.js";
+const z = (v) => {
+  const {
+    className: s,
+    value: m,
+    onChange: d,
+    locale: f,
+    year: e,
+    onYearChange: l,
+    onNextLevel: g,
+    minDate: a,
+    maxDate: o,
+    preventFocus: i,
+    monthLabelFormat: y = "MMM",
+    yearLabelFormat: x = "YYYY",
+    ...N
+  } = v, Y = L(f, y), c = a instanceof Date ? a.getFullYear() : void 0, p = o instanceof Date ? o.getFullYear() : void 0, D = Y.map((u, r) => {
+    const t = !C({
+      date: new Date(e, r),
+      minDate: a,
+      maxDate: o
+    }), h = r === m.month && e === m.year;
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        className: b(
+          "month-picker-cell",
+          h && !t ? "month-picker-cell-active bg-primary" : "text-gray-800 dark:text-gray-100",
+          !h && !t && "hover:bg-gray-100",
+          t && "month-picker-cell-disabled"
+        ),
+        disabled: t,
+        type: "button",
+        onClick: () => d(r),
+        onMouseDown: (M) => i && M.preventDefault(),
+        children: u
+      },
+      u
+    );
+  });
+  return /* @__PURE__ */ k("div", { className: b("month-picker", s), ...N, children: [
+    /* @__PURE__ */ n(
+      F,
+      {
+        label: P(e, x),
+        hasNext: typeof p == "number" ? e < p : !0,
+        hasPrevious: typeof c == "number" ? e > c : !0,
+        className: s,
+        nextLabel: "Next year",
+        previousLabel: "Previous year",
+        preventFocus: i,
+        onNext: () => l(e + 1),
+        onPrevious: () => l(e - 1),
+        onNextLevel: g
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "month-table", children: D })
+  ] });
+};
+export {
+  z as default
+};
+//# sourceMappingURL=MonthTable.js.map

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

@@ -0,0 +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":";;;;;;;AAmBM,MAAAA,IAAa,CAACC,MAA2B;AACrC,QAAA;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,YAAgB,IAAA,QAC5DS,IAAUR,aAAmB,OAAOA,EAAQ,YAAgB,IAAA,QAE5DS,IAASJ,EAAM,IAAI,CAACK,GAAOC,MAAU;AACjC,UAAAC,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;AAGnD,WAAA,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,QAChB;AAAA,QACA,UAAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,MAAMlB,EAASiB,CAAK;AAAA,QAC7B,aAAa,CAACM,MAAUhB,KAAgBgB,EAAM,eAAe;AAAA,QAE5D,UAAAP;AAAA,MAAA;AAAA,MAdIA;AAAA,IAeT;AAAA,EAAA,CAEP;AAGG,SAAA,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,IACJ;AAAA,IACC,gBAAAiB,EAAA,OAAA,EAAI,WAAU,eAAe,UAAON,EAAA,CAAA;AAAA,EAAA,GACzC;AAER;"}