@orbe-agro/client-core 5.3.85 → 5.3.89

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

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

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/components/Day.js

@@ -3,16 +3,16 @@ import D from "classnames";
 function I({
   focusable: a,
   hasValue: l,
-  selected: t,
-  firstInMonth: r
+  selected: r,
+  firstInMonth: t
 }) {
-  return a ? l ? t ? 0 : -1 : r ? 0 : -1 : -1;
+  return a ? l ? r ? 0 : -1 : t ? 0 : -1 : -1;
 }
 const R = (a) => {
   const {
     className: l,
-    value: t,
-    selected: r,
+    value: r,
+    selected: t,
     weekend: u,
     outOfMonth: c,
     onMouseEnter: p,
@@ -41,7 +41,7 @@ const R = (a) => {
       tabIndex: I({
         focusable: k,
         hasValue: f,
-        selected: r,
+        selected: t,
         firstInMonth: h
       }),
       className: D(
@@ -51,18 +51,18 @@ const R = (a) => {
         u && !e && "date-picker-cell-weekend",
         c && !e && "date-picker-other-month",
         c && m && "d-none",
-        !c && !e && !r && "date-picker-cell-current-month",
-        !e && !r && !n && "date-picker-cell-hoverable",
-        r && !e && "date-picker-cell-selected bg-primary text-neutral",
-        n && !e && !d && !i && !r && "bg-primary-subtle",
+        !c && !e && !t && "date-picker-cell-current-month",
+        !e && !t && !n && "date-picker-cell-hoverable",
+        t && !e && "date-picker-cell-selected bg-primary text-neutral",
+        n && !e && !d && !i && !t && "bg-primary-subtle",
         !n && !d && !i && "rounded-full",
         n && o && "date-picker-cell-inrange-today",
         d && !e && "date-picker-cell-selected-start",
         i && !e && "date-picker-cell-selected-end",
         l
       ),
-      onMouseEnter: (y) => p(t, y),
-      children: typeof s == "function" ? s(t) : t == null ? void 0 : t.getDate()
+      onMouseEnter: (y) => p(r, y),
+      children: typeof s == "function" ? s(r) : r?.getDate()
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/Day.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ComponentPropsWithRef, ReactNode, MouseEvent, Ref } from 'react'\nimport type { CommonProps } from '../../../@types/common'\n\nexport interface DayProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'value' | 'onMouseEnter'> {\n    value: Date\n    selected: boolean\n    weekend: boolean\n    outOfMonth: boolean\n    onMouseEnter: (date: Date, event: MouseEvent<HTMLButtonElement>) => void\n    hasValue: boolean\n    inRange: boolean\n    firstInRange: boolean\n    lastInRange: boolean\n    isToday: boolean\n    fullWidth: boolean\n    firstInMonth: boolean\n    focusable: boolean\n    hideOutOfMonthDates?: boolean\n    ref?: Ref<HTMLButtonElement>\n    renderDay?: (date: Date) => ReactNode\n    disabled: boolean\n}\n\nfunction getDayTabIndex({\n    focusable,\n    hasValue,\n    selected,\n    firstInMonth,\n}: {\n    focusable: boolean\n    hasValue: boolean\n    selected: boolean\n    firstInMonth: boolean\n}) {\n    if (!focusable) {\n        return -1\n    }\n\n    if (hasValue) {\n        return selected ? 0 : -1\n    }\n\n    return firstInMonth ? 0 : -1\n}\n\nconst Day = (props: DayProps) => {\n    const {\n        className,\n        value,\n        selected,\n        weekend,\n        outOfMonth,\n        onMouseEnter,\n        hasValue,\n        firstInRange,\n        lastInRange,\n        inRange,\n        isToday,\n        firstInMonth,\n        focusable,\n        hideOutOfMonthDates,\n        ref,\n        renderDay,\n        disabled,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        fullWidth,\n        ...others\n    } = props\n\n    return (\n        <button\n            {...others}\n            ref={ref}\n            type=\"button\"\n            disabled={disabled}\n            tabIndex={getDayTabIndex({\n                focusable,\n                hasValue,\n                selected,\n                firstInMonth,\n            })}\n            className={classNames(\n                'date-picker-cell-content',\n                disabled && 'date-picker-cell-disabled',\n                isToday && `ring-1 ring-inset ring-primary`,\n                weekend && !disabled && 'date-picker-cell-weekend',\n                outOfMonth && !disabled && 'date-picker-other-month',\n                outOfMonth && hideOutOfMonthDates && 'd-none',\n                !outOfMonth &&\n                    !disabled &&\n                    !selected &&\n                    'date-picker-cell-current-month',\n                !disabled &&\n                    !selected &&\n                    !inRange &&\n                    'date-picker-cell-hoverable',\n                selected &&\n                    !disabled &&\n                    'date-picker-cell-selected bg-primary text-neutral',\n                inRange &&\n                    !disabled &&\n                    !firstInRange &&\n                    !lastInRange &&\n                    !selected &&\n                    'bg-primary-subtle',\n                !inRange && !firstInRange && !lastInRange && 'rounded-full',\n                inRange && isToday && 'date-picker-cell-inrange-today',\n                firstInRange && !disabled && 'date-picker-cell-selected-start',\n                lastInRange && !disabled && 'date-picker-cell-selected-end',\n                className,\n            )}\n            onMouseEnter={(event) => onMouseEnter(value, event)}\n        >\n            {typeof renderDay === 'function'\n                ? renderDay(value)\n                : value?.getDate()}\n        </button>\n    )\n}\n\nexport default Day\n"],"names":["getDayTabIndex","focusable","hasValue","selected","firstInMonth","Day","props","className","value","weekend","outOfMonth","onMouseEnter","firstInRange","lastInRange","inRange","isToday","hideOutOfMonthDates","ref","renderDay","disabled","fullWidth","others","jsx","classNames","event"],"mappings":";;AA0BA,SAASA,EAAe;AAAA,EACpB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACJ,GAKG;AACC,SAAKH,IAIDC,IACOC,IAAW,IAAI,KAGnBC,IAAe,IAAI,KAPf;AAQf;AAEA,MAAMC,IAAM,CAACC,MAAoB;AAC7B,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAL;AAAA,IACA,SAAAM;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAT;AAAA,IACA,cAAAU;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAX;AAAA,IACA,WAAAH;AAAA,IACA,qBAAAe;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA;AAAA,IAEA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHf;AAEJ,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGD;AAAA,MACJ,KAAAJ;AAAA,MACA,MAAK;AAAA,MACL,UAAAE;AAAA,MACA,UAAUnB,EAAe;AAAA,QACrB,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,cAAAC;AAAA,MAAA,CACH;AAAA,MACD,WAAWmB;AAAA,QACP;AAAA,QACAJ,KAAY;AAAA,QACZJ,KAAW;AAAA,QACXN,KAAW,CAACU,KAAY;AAAA,QACxBT,KAAc,CAACS,KAAY;AAAA,QAC3BT,KAAcM,KAAuB;AAAA,QACrC,CAACN,KACG,CAACS,KACD,CAAChB,KACD;AAAA,QACJ,CAACgB,KACG,CAAChB,KACD,CAACW,KACD;AAAA,QACJX,KACI,CAACgB,KACD;AAAA,QACJL,KACI,CAACK,KACD,CAACP,KACD,CAACC,KACD,CAACV,KACD;AAAA,QACJ,CAACW,KAAW,CAACF,KAAgB,CAACC,KAAe;AAAA,QAC7CC,KAAWC,KAAW;AAAA,QACtBH,KAAgB,CAACO,KAAY;AAAA,QAC7BN,KAAe,CAACM,KAAY;AAAA,QAC5BZ;AAAA,MAAA;AAAA,MAEJ,cAAc,CAACiB,MAAUb,EAAaH,GAAOgB,CAAK;AAAA,MAEjD,iBAAON,KAAc,aAChBA,EAAUV,CAAK,IACfA,KAAA,gBAAAA,EAAO;AAAA,IAAQ;AAAA,EAAA;AAGjC;"}
+{"version":3,"file":"Day.js","sources":["../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/Day.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ComponentPropsWithRef, ReactNode, MouseEvent, Ref } from 'react'\nimport type { CommonProps } from '../../../@types/common'\n\nexport interface DayProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'value' | 'onMouseEnter'> {\n    value: Date\n    selected: boolean\n    weekend: boolean\n    outOfMonth: boolean\n    onMouseEnter: (date: Date, event: MouseEvent<HTMLButtonElement>) => void\n    hasValue: boolean\n    inRange: boolean\n    firstInRange: boolean\n    lastInRange: boolean\n    isToday: boolean\n    fullWidth: boolean\n    firstInMonth: boolean\n    focusable: boolean\n    hideOutOfMonthDates?: boolean\n    ref?: Ref<HTMLButtonElement>\n    renderDay?: (date: Date) => ReactNode\n    disabled: boolean\n}\n\nfunction getDayTabIndex({\n    focusable,\n    hasValue,\n    selected,\n    firstInMonth,\n}: {\n    focusable: boolean\n    hasValue: boolean\n    selected: boolean\n    firstInMonth: boolean\n}) {\n    if (!focusable) {\n        return -1\n    }\n\n    if (hasValue) {\n        return selected ? 0 : -1\n    }\n\n    return firstInMonth ? 0 : -1\n}\n\nconst Day = (props: DayProps) => {\n    const {\n        className,\n        value,\n        selected,\n        weekend,\n        outOfMonth,\n        onMouseEnter,\n        hasValue,\n        firstInRange,\n        lastInRange,\n        inRange,\n        isToday,\n        firstInMonth,\n        focusable,\n        hideOutOfMonthDates,\n        ref,\n        renderDay,\n        disabled,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        fullWidth,\n        ...others\n    } = props\n\n    return (\n        <button\n            {...others}\n            ref={ref}\n            type=\"button\"\n            disabled={disabled}\n            tabIndex={getDayTabIndex({\n                focusable,\n                hasValue,\n                selected,\n                firstInMonth,\n            })}\n            className={classNames(\n                'date-picker-cell-content',\n                disabled && 'date-picker-cell-disabled',\n                isToday && `ring-1 ring-inset ring-primary`,\n                weekend && !disabled && 'date-picker-cell-weekend',\n                outOfMonth && !disabled && 'date-picker-other-month',\n                outOfMonth && hideOutOfMonthDates && 'd-none',\n                !outOfMonth &&\n                    !disabled &&\n                    !selected &&\n                    'date-picker-cell-current-month',\n                !disabled &&\n                    !selected &&\n                    !inRange &&\n                    'date-picker-cell-hoverable',\n                selected &&\n                    !disabled &&\n                    'date-picker-cell-selected bg-primary text-neutral',\n                inRange &&\n                    !disabled &&\n                    !firstInRange &&\n                    !lastInRange &&\n                    !selected &&\n                    'bg-primary-subtle',\n                !inRange && !firstInRange && !lastInRange && 'rounded-full',\n                inRange && isToday && 'date-picker-cell-inrange-today',\n                firstInRange && !disabled && 'date-picker-cell-selected-start',\n                lastInRange && !disabled && 'date-picker-cell-selected-end',\n                className,\n            )}\n            onMouseEnter={(event) => onMouseEnter(value, event)}\n        >\n            {typeof renderDay === 'function'\n                ? renderDay(value)\n                : value?.getDate()}\n        </button>\n    )\n}\n\nexport default Day\n"],"names":["getDayTabIndex","focusable","hasValue","selected","firstInMonth","Day","props","className","value","weekend","outOfMonth","onMouseEnter","firstInRange","lastInRange","inRange","isToday","hideOutOfMonthDates","ref","renderDay","disabled","fullWidth","others","jsx","classNames","event"],"mappings":";;AA0BA,SAASA,EAAe;AAAA,EACpB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACJ,GAKG;AACC,SAAKH,IAIDC,IACOC,IAAW,IAAI,KAGnBC,IAAe,IAAI,KAPf;AAQf;AAEA,MAAMC,IAAM,CAACC,MAAoB;AAC7B,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAL;AAAA,IACA,SAAAM;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAT;AAAA,IACA,cAAAU;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAX;AAAA,IACA,WAAAH;AAAA,IACA,qBAAAe;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA;AAAA,IAEA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHf;AAEJ,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGD;AAAA,MACJ,KAAAJ;AAAA,MACA,MAAK;AAAA,MACL,UAAAE;AAAA,MACA,UAAUnB,EAAe;AAAA,QACrB,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,cAAAC;AAAA,MAAA,CACH;AAAA,MACD,WAAWmB;AAAA,QACP;AAAA,QACAJ,KAAY;AAAA,QACZJ,KAAW;AAAA,QACXN,KAAW,CAACU,KAAY;AAAA,QACxBT,KAAc,CAACS,KAAY;AAAA,QAC3BT,KAAcM,KAAuB;AAAA,QACrC,CAACN,KACG,CAACS,KACD,CAAChB,KACD;AAAA,QACJ,CAACgB,KACG,CAAChB,KACD,CAACW,KACD;AAAA,QACJX,KACI,CAACgB,KACD;AAAA,QACJL,KACI,CAACK,KACD,CAACP,KACD,CAACC,KACD,CAACV,KACD;AAAA,QACJ,CAACW,KAAW,CAACF,KAAgB,CAACC,KAAe;AAAA,QAC7CC,KAAWC,KAAW;AAAA,QACtBH,KAAgB,CAACO,KAAY;AAAA,QAC7BN,KAAe,CAACM,KAAY;AAAA,QAC5BZ;AAAA,MAAA;AAAA,MAEJ,cAAc,CAACiB,MAAUb,EAAaH,GAAOgB,CAAK;AAAA,MAEjD,iBAAON,KAAc,aAChBA,EAAUV,CAAK,IACfA,GAAO,QAAA;AAAA,IAAQ;AAAA,EAAA;AAGjC;"}

package/dist/@ecme/components/ui/Dialog/Dialog.js

@@ -1,33 +1,33 @@
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
 import O from "react-modal";
 import e from "classnames";
 import "../CloseButton/index.js";
 import { motion as D } from "framer-motion";
 import S from "../hooks/useWindowSize.js";
 import k from "../CloseButton/CloseButton.js";
-const x = (r) => {
-  const l = S(), {
-    bodyOpenClassName: c,
-    children: d,
-    className: m,
-    closable: f = !0,
-    closeTimeoutMS: p = 150,
-    contentClassName: C,
-    height: s,
-    isOpen: i,
-    onClose: t,
+const x = (n) => {
+  const a = S(), {
+    bodyOpenClassName: r,
+    children: c,
+    className: d,
+    closable: m = !0,
+    closeTimeoutMS: f = 150,
+    contentClassName: p,
+    height: l,
+    isOpen: s,
+    onClose: C,
     overlayClassName: g,
     portalClassName: u,
     style: h,
-    width: a = 520,
+    width: t = 520,
     ...N
-  } = r, y = /* @__PURE__ */ n(
+  } = n, y = /* @__PURE__ */ i(
     k,
     {
       absolute: !0,
       className: "ltr:right-6 rtl:left-6 top-4.5",
       onClick: (v) => {
-        t == null || t(v);
+        C?.(v);
       }
     }
   ), o = {
@@ -36,13 +36,13 @@ const x = (r) => {
     },
     ...h
   };
-  a !== void 0 && (o.content.width = a, typeof l.width < "u" && l.width <= a && (o.content.width = "auto")), s !== void 0 && (o.content.height = s);
-  const b = e("dialog-content", C);
-  return /* @__PURE__ */ n(
+  t !== void 0 && (o.content.width = t, typeof a.width < "u" && a.width <= t && (o.content.width = "auto")), l !== void 0 && (o.content.height = l);
+  const b = e("dialog-content", p);
+  return /* @__PURE__ */ i(
     O,
     {
       className: {
-        base: e("dialog", m),
+        base: e("dialog", d),
         afterOpen: "dialog-after-open",
         beforeClose: "dialog-before-close"
       },
@@ -52,11 +52,11 @@ const x = (r) => {
         beforeClose: "dialog-overlay-before-close"
       },
       portalClassName: e("dialog-portal", u),
-      bodyOpenClassName: e("dialog-open", c),
+      bodyOpenClassName: e("dialog-open", r),
       ariaHideApp: !1,
-      isOpen: i,
+      isOpen: s,
       style: { ...o },
-      closeTimeoutMS: p,
+      closeTimeoutMS: f,
       ...N,
       children: /* @__PURE__ */ w(
         D.div,
@@ -64,11 +64,11 @@ const x = (r) => {
           className: b,
           initial: { transform: "scale(0.9)" },
           animate: {
-            transform: i ? "scale(1)" : "scale(0.9)"
+            transform: s ? "scale(1)" : "scale(0.9)"
           },
           children: [
-            f && y,
-            d
+            m && y,
+            c
           ]
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\nimport classNames from 'classnames'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport useWindowSize from '../hooks/useWindowSize'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent } from 'react'\n\nexport interface DialogProps extends ReactModal.Props {\n    closable?: boolean\n    contentClassName?: string\n    height?: string | number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    width?: number\n}\n\nconst Dialog = (props: DialogProps) => {\n    const currentSize = useWindowSize()\n\n    const {\n        bodyOpenClassName,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 150,\n        contentClassName,\n        height,\n        isOpen,\n        onClose,\n        overlayClassName,\n        portalClassName,\n        style,\n        width = 520,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = (\n        <CloseButton\n            absolute\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\n            onClick={onCloseClick}\n        />\n    )\n\n    const contentStyle = {\n        content: {\n            inset: 'unset',\n        },\n        ...style,\n    }\n\n    if (width !== undefined) {\n        contentStyle.content.width = width\n\n        if (\n            typeof currentSize.width !== 'undefined' &&\n            currentSize.width <= width\n        ) {\n            contentStyle.content.width = 'auto'\n        }\n    }\n\n    if (height !== undefined) {\n        contentStyle.content.height = height\n    }\n\n    const defaultDialogContentClass = 'dialog-content'\n\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\n\n    return (\n        <Modal\n            className={{\n                base: classNames('dialog', className as string),\n                afterOpen: 'dialog-after-open',\n                beforeClose: 'dialog-before-close',\n            }}\n            overlayClassName={{\n                base: classNames('dialog-overlay', overlayClassName as string),\n                afterOpen: 'dialog-overlay-after-open',\n                beforeClose: 'dialog-overlay-before-close',\n            }}\n            portalClassName={classNames('dialog-portal', portalClassName)}\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            style={{ ...contentStyle }}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={dialogClass}\n                initial={{ transform: 'scale(0.9)' }}\n                animate={{\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\n                }}\n            >\n                {closable && renderCloseButton}\n                {children}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"names":["Dialog","props","currentSize","useWindowSize","bodyOpenClassName","children","className","closable","closeTimeoutMS","contentClassName","height","isOpen","onClose","overlayClassName","portalClassName","style","width","rest","renderCloseButton","jsx","CloseButton","e","contentStyle","dialogClass","classNames","Modal","jsxs","motion"],"mappings":";;;;;;;AAgBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAMC,IAAcC,EAAA,GAEd;AAAA,IACF,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHhB,GAMEiB,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SARa,CAACC,MAAmC;AACrD,QAAAT,KAAA,QAAAA,EAAUS;AAAA,MACd;AAAA,IAMiB;AAAA,EAAA,GAIXC,IAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAGP;AAAA,EAAA;AAGP,EAAIC,MAAU,WACVM,EAAa,QAAQ,QAAQN,GAGzB,OAAOd,EAAY,QAAU,OAC7BA,EAAY,SAASc,MAErBM,EAAa,QAAQ,QAAQ,UAIjCZ,MAAW,WACXY,EAAa,QAAQ,SAASZ;AAKlC,QAAMa,IAAcC,EAFc,kBAEwBf,CAAgB;AAE1E,SACI,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAMD,EAAW,UAAUlB,CAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAMkB,EAAW,kBAAkBX,CAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiBW,EAAW,iBAAiBV,CAAe;AAAA,MAC5D,mBAAmBU,EAAW,eAAepB,CAAiB;AAAA,MAC9D,aAAa;AAAA,MACb,QAAAO;AAAA,MACA,OAAO,EAAE,GAAGW,EAAA;AAAA,MACZ,gBAAAd;AAAA,MACC,GAAGS;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAWJ;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAWZ,IAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAAJ,KAAYW;AAAA,YACZb;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\nimport classNames from 'classnames'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport useWindowSize from '../hooks/useWindowSize'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent } from 'react'\n\nexport interface DialogProps extends ReactModal.Props {\n    closable?: boolean\n    contentClassName?: string\n    height?: string | number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    width?: number\n}\n\nconst Dialog = (props: DialogProps) => {\n    const currentSize = useWindowSize()\n\n    const {\n        bodyOpenClassName,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 150,\n        contentClassName,\n        height,\n        isOpen,\n        onClose,\n        overlayClassName,\n        portalClassName,\n        style,\n        width = 520,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = (\n        <CloseButton\n            absolute\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\n            onClick={onCloseClick}\n        />\n    )\n\n    const contentStyle = {\n        content: {\n            inset: 'unset',\n        },\n        ...style,\n    }\n\n    if (width !== undefined) {\n        contentStyle.content.width = width\n\n        if (\n            typeof currentSize.width !== 'undefined' &&\n            currentSize.width <= width\n        ) {\n            contentStyle.content.width = 'auto'\n        }\n    }\n\n    if (height !== undefined) {\n        contentStyle.content.height = height\n    }\n\n    const defaultDialogContentClass = 'dialog-content'\n\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\n\n    return (\n        <Modal\n            className={{\n                base: classNames('dialog', className as string),\n                afterOpen: 'dialog-after-open',\n                beforeClose: 'dialog-before-close',\n            }}\n            overlayClassName={{\n                base: classNames('dialog-overlay', overlayClassName as string),\n                afterOpen: 'dialog-overlay-after-open',\n                beforeClose: 'dialog-overlay-before-close',\n            }}\n            portalClassName={classNames('dialog-portal', portalClassName)}\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            style={{ ...contentStyle }}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={dialogClass}\n                initial={{ transform: 'scale(0.9)' }}\n                animate={{\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\n                }}\n            >\n                {closable && renderCloseButton}\n                {children}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"names":["Dialog","props","currentSize","useWindowSize","bodyOpenClassName","children","className","closable","closeTimeoutMS","contentClassName","height","isOpen","onClose","overlayClassName","portalClassName","style","width","rest","renderCloseButton","jsx","CloseButton","e","contentStyle","dialogClass","classNames","Modal","jsxs","motion"],"mappings":";;;;;;;AAgBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAMC,IAAcC,EAAA,GAEd;AAAA,IACF,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHhB,GAMEiB,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SARa,CAACC,MAAmC;AACrD,QAAAT,IAAUS,CAAC;AAAA,MACf;AAAA,IAMiB;AAAA,EAAA,GAIXC,IAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAGP;AAAA,EAAA;AAGP,EAAIC,MAAU,WACVM,EAAa,QAAQ,QAAQN,GAGzB,OAAOd,EAAY,QAAU,OAC7BA,EAAY,SAASc,MAErBM,EAAa,QAAQ,QAAQ,UAIjCZ,MAAW,WACXY,EAAa,QAAQ,SAASZ;AAKlC,QAAMa,IAAcC,EAFc,kBAEwBf,CAAgB;AAE1E,SACI,gBAAAU;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAMD,EAAW,UAAUlB,CAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAMkB,EAAW,kBAAkBX,CAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiBW,EAAW,iBAAiBV,CAAe;AAAA,MAC5D,mBAAmBU,EAAW,eAAepB,CAAiB;AAAA,MAC9D,aAAa;AAAA,MACb,QAAAO;AAAA,MACA,OAAO,EAAE,GAAGW,EAAA;AAAA,MACZ,gBAAAd;AAAA,MACC,GAAGS;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAWJ;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAWZ,IAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAAJ,KAAYW;AAAA,YACZb;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEAL,EAAO,cAAc;"}

package/dist/@ecme/components/ui/Drawer/Drawer.js

@@ -1,38 +1,38 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import r from "classnames";
 import D from "react-modal";
 import "../CloseButton/index.js";
 import { motion as M } from "framer-motion";
 import z from "../CloseButton/CloseButton.js";
-const A = (p) => {
+const A = (c) => {
   const {
-    bodyOpenClassName: f,
-    bodyClass: y,
-    children: C,
-    className: h,
-    closable: n = !0,
-    closeTimeoutMS: w = 300,
-    footer: i,
-    footerClass: b,
-    headerClass: u,
+    bodyOpenClassName: p,
+    bodyClass: f,
+    children: y,
+    className: C,
+    closable: s = !0,
+    closeTimeoutMS: h = 300,
+    footer: n,
+    footerClass: w,
+    headerClass: b,
     height: t = 400,
-    isOpen: d,
-    lockScroll: N = !0,
-    onClose: l,
+    isOpen: i,
+    lockScroll: u = !0,
+    onClose: N,
     overlayClassName: v,
     placement: e = "right",
     portalClassName: S,
     showBackdrop: g = !0,
     title: a,
-    width: s = 400,
+    width: l = 400,
     ...k
-  } = p, x = /* @__PURE__ */ o(z, { onClick: (j) => {
-    l == null || l(j);
+  } = c, x = /* @__PURE__ */ o(z, { onClick: (j) => {
+    N?.(j);
   } }), O = () => e === "left" || e === "right" ? {
     dimensionClass: "vertical",
-    contentStyle: { width: s },
+    contentStyle: { width: l },
     motionStyle: {
-      [e]: `-${s}${typeof s == "number" && "px"}`
+      [e]: `-${l}${typeof l == "number" && "px"}`
     }
   } : e === "top" || e === "bottom" ? {
     dimensionClass: "horizontal",
@@ -42,12 +42,12 @@ const A = (p) => {
     }
   } : {
     motionStyle: {}
-  }, { dimensionClass: $, contentStyle: B, motionStyle: m } = O();
+  }, { dimensionClass: $, contentStyle: B, motionStyle: d } = O();
   return /* @__PURE__ */ o(
     D,
     {
       className: {
-        base: r("drawer", h),
+        base: r("drawer", C),
         afterOpen: "drawer-after-open",
         beforeClose: "drawer-before-close"
       },
@@ -63,29 +63,29 @@ const A = (p) => {
       portalClassName: r("drawer-portal", S),
       bodyOpenClassName: r(
         "drawer-open",
-        N && "drawer-lock-scroll",
-        f
+        u && "drawer-lock-scroll",
+        p
       ),
       ariaHideApp: !1,
-      isOpen: d,
-      closeTimeoutMS: w,
+      isOpen: i,
+      closeTimeoutMS: h,
       ...k,
-      children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ m(
         M.div,
         {
           className: r("drawer-content", $),
           style: B,
-          initial: m,
+          initial: d,
           animate: {
-            [e]: d ? 0 : m[e]
+            [e]: i ? 0 : d[e]
           },
           children: [
-            a || n ? /* @__PURE__ */ c("div", { className: r("drawer-header", u), children: [
+            a || s ? /* @__PURE__ */ m("div", { className: r("drawer-header", b), children: [
               typeof a == "string" ? /* @__PURE__ */ o("h4", { children: a }) : /* @__PURE__ */ o("span", { children: a }),
-              n && x
+              s && x
             ] }) : null,
-            /* @__PURE__ */ o("div", { className: r("drawer-body", y), children: C }),
-            i && /* @__PURE__ */ o("div", { className: r("drawer-footer", b), children: i })
+            /* @__PURE__ */ o("div", { className: r("drawer-body", f), children: y }),
+            n && /* @__PURE__ */ o("div", { className: r("drawer-footer", w), children: n })
           ]
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Modal from 'react-modal'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent, ReactNode } from 'react'\n\nexport interface DrawerProps extends ReactModal.Props {\n    bodyClass?: string\n    closable?: boolean\n    footer?: string | ReactNode\n    footerClass?: string\n    headerClass?: string\n    height?: string | number\n    lockScroll?: boolean\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    placement?: 'top' | 'right' | 'bottom' | 'left'\n    showBackdrop?: boolean\n    title?: string | ReactNode\n    width?: string | number\n}\n\nconst Drawer = (props: DrawerProps) => {\n    const {\n        bodyOpenClassName,\n        bodyClass,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 300,\n        footer,\n        footerClass,\n        headerClass,\n        height = 400,\n        isOpen,\n        lockScroll = true,\n        onClose,\n        overlayClassName,\n        placement = 'right',\n        portalClassName,\n        showBackdrop = true,\n        title,\n        width = 400,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\n\n    const getStyle = (): {\n        dimensionClass?: string\n        contentStyle?: {\n            width?: string | number\n            height?: string | number\n        }\n        motionStyle: {\n            [x: string]: string\n        }\n    } => {\n        if (placement === 'left' || placement === 'right') {\n            return {\n                dimensionClass: 'vertical',\n                contentStyle: { width },\n                motionStyle: {\n                    [placement]: `-${width}${\n                        typeof width === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        if (placement === 'top' || placement === 'bottom') {\n            return {\n                dimensionClass: 'horizontal',\n                contentStyle: { height },\n                motionStyle: {\n                    [placement]: `-${height}${\n                        typeof height === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        return {\n            motionStyle: {},\n        }\n    }\n\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\n\n    return (\n        <Modal\n            className={{\n                base: classNames('drawer', className as string),\n                afterOpen: 'drawer-after-open',\n                beforeClose: 'drawer-before-close',\n            }}\n            overlayClassName={{\n                base: classNames(\n                    'drawer-overlay',\n                    overlayClassName as string,\n                    !showBackdrop && 'bg-transparent',\n                ),\n                afterOpen: 'drawer-overlay-after-open',\n                beforeClose: 'drawer-overlay-before-close',\n            }}\n            portalClassName={classNames('drawer-portal', portalClassName)}\n            bodyOpenClassName={classNames(\n                'drawer-open',\n                lockScroll && 'drawer-lock-scroll',\n                bodyOpenClassName,\n            )}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={classNames('drawer-content', dimensionClass)}\n                style={contentStyle}\n                initial={motionStyle}\n                animate={{\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\n                        ? 0\n                        : motionStyle[placement],\n                }}\n            >\n                {title || closable ? (\n                    <div className={classNames('drawer-header', headerClass)}>\n                        {typeof title === 'string' ? (\n                            <h4>{title}</h4>\n                        ) : (\n                            <span>{title}</span>\n                        )}\n                        {closable && renderCloseButton}\n                    </div>\n                ) : null}\n                <div className={classNames('drawer-body', bodyClass)}>\n                    {children}\n                </div>\n                {footer && (\n                    <div className={classNames('drawer-footer', footerClass)}>\n                        {footer}\n                    </div>\n                )}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDrawer.displayName = 'Drawer'\n\nexport default Drawer\n"],"names":["Drawer","props","bodyOpenClassName","bodyClass","children","className","closable","closeTimeoutMS","footer","footerClass","headerClass","height","isOpen","lockScroll","onClose","overlayClassName","placement","portalClassName","showBackdrop","title","width","rest","renderCloseButton","jsx","CloseButton","e","getStyle","dimensionClass","contentStyle","motionStyle","Modal","classNames","jsxs","motion"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Modal from 'react-modal'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent, ReactNode } from 'react'\n\nexport interface DrawerProps extends ReactModal.Props {\n    bodyClass?: string\n    closable?: boolean\n    footer?: string | ReactNode\n    footerClass?: string\n    headerClass?: string\n    height?: string | number\n    lockScroll?: boolean\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    placement?: 'top' | 'right' | 'bottom' | 'left'\n    showBackdrop?: boolean\n    title?: string | ReactNode\n    width?: string | number\n}\n\nconst Drawer = (props: DrawerProps) => {\n    const {\n        bodyOpenClassName,\n        bodyClass,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 300,\n        footer,\n        footerClass,\n        headerClass,\n        height = 400,\n        isOpen,\n        lockScroll = true,\n        onClose,\n        overlayClassName,\n        placement = 'right',\n        portalClassName,\n        showBackdrop = true,\n        title,\n        width = 400,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\n\n    const getStyle = (): {\n        dimensionClass?: string\n        contentStyle?: {\n            width?: string | number\n            height?: string | number\n        }\n        motionStyle: {\n            [x: string]: string\n        }\n    } => {\n        if (placement === 'left' || placement === 'right') {\n            return {\n                dimensionClass: 'vertical',\n                contentStyle: { width },\n                motionStyle: {\n                    [placement]: `-${width}${\n                        typeof width === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        if (placement === 'top' || placement === 'bottom') {\n            return {\n                dimensionClass: 'horizontal',\n                contentStyle: { height },\n                motionStyle: {\n                    [placement]: `-${height}${\n                        typeof height === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        return {\n            motionStyle: {},\n        }\n    }\n\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\n\n    return (\n        <Modal\n            className={{\n                base: classNames('drawer', className as string),\n                afterOpen: 'drawer-after-open',\n                beforeClose: 'drawer-before-close',\n            }}\n            overlayClassName={{\n                base: classNames(\n                    'drawer-overlay',\n                    overlayClassName as string,\n                    !showBackdrop && 'bg-transparent',\n                ),\n                afterOpen: 'drawer-overlay-after-open',\n                beforeClose: 'drawer-overlay-before-close',\n            }}\n            portalClassName={classNames('drawer-portal', portalClassName)}\n            bodyOpenClassName={classNames(\n                'drawer-open',\n                lockScroll && 'drawer-lock-scroll',\n                bodyOpenClassName,\n            )}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={classNames('drawer-content', dimensionClass)}\n                style={contentStyle}\n                initial={motionStyle}\n                animate={{\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\n                        ? 0\n                        : motionStyle[placement],\n                }}\n            >\n                {title || closable ? (\n                    <div className={classNames('drawer-header', headerClass)}>\n                        {typeof title === 'string' ? (\n                            <h4>{title}</h4>\n                        ) : (\n                            <span>{title}</span>\n                        )}\n                        {closable && renderCloseButton}\n                    </div>\n                ) : null}\n                <div className={classNames('drawer-body', bodyClass)}>\n                    {children}\n                </div>\n                {footer && (\n                    <div className={classNames('drawer-footer', footerClass)}>\n                        {footer}\n                    </div>\n                )}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDrawer.displayName = 'Drawer'\n\nexport default Drawer\n"],"names":["Drawer","props","bodyOpenClassName","bodyClass","children","className","closable","closeTimeoutMS","footer","footerClass","headerClass","height","isOpen","lockScroll","onClose","overlayClassName","placement","portalClassName","showBackdrop","title","width","rest","renderCloseButton","jsx","CloseButton","e","getStyle","dimensionClass","contentStyle","motionStyle","Modal","classNames","jsxs","motion"],"mappings":"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"}