@tedi-design-system/react 18.2.0-rc.2 → 18.2.0-rc.3

package/src/tedi/components/form/date-field/date-picker-modal/date-picker-modal.es.js

@@ -1,30 +1,30 @@
 import { jsx as o, jsxs as b } from "react/jsx-runtime";
-import P from "../../../../../../external/classnames/index.es.js";
-import { useState as g, useEffect as Q, useCallback as w } from "react";
-import { Heading as U } from "../../../base/typography/heading/heading.es.js";
+import Q from "../../../../../../external/classnames/index.es.js";
+import { useState as g, useEffect as U, useCallback as w } from "react";
+import { Heading as W } from "../../../base/typography/heading/heading.es.js";
 import { Button as T } from "../../../buttons/button/button.es.js";
-import { ClosingButton as W } from "../../../buttons/closing-button/closing-button.es.js";
-import { Calendar as X } from "../../../content/calendar/calendar.es.js";
-import { resolveRangeSelection as Z } from "../date-field-helpers.es.js";
+import { ClosingButton as X } from "../../../buttons/closing-button/closing-button.es.js";
+import { Calendar as Z } from "../../../content/calendar/calendar.es.js";
+import { resolveRangeSelection as $ } from "../date-field-helpers.es.js";
 import c from "./date-picker-modal.module.scss.es.js";
-import { useLabels as $ } from "../../../../providers/label-provider/use-labels.es.js";
+import { useLabels as v } from "../../../../providers/label-provider/use-labels.es.js";
 import { Modal as d } from "../../../overlays/modal/modal.es.js";
-import { useModal as v } from "../../../overlays/modal/modal-context.es.js";
-const _ = (e, n) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [...e].sort((a, l) => a.getTime() - l.getTime())[0] : e && typeof e == "object" && "from" in e && e.from instanceof Date ? e.from : e && typeof e == "object" && "to" in e && e.to instanceof Date ? e.to : n ?? /* @__PURE__ */ new Date(), ee = ({ title: e }) => {
-  const { labelId: n, onOpenChange: a } = v();
+import { useModal as ee } from "../../../overlays/modal/modal-context.es.js";
+const _ = (e, n) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [...e].sort((a, l) => a.getTime() - l.getTime())[0] : e && typeof e == "object" && "from" in e && e.from instanceof Date ? e.from : e && typeof e == "object" && "to" in e && e.to instanceof Date ? e.to : n ?? /* @__PURE__ */ new Date(), te = ({ title: e }) => {
+  const { labelId: n, onOpenChange: a } = ee();
   return /* @__PURE__ */ b("div", { className: c["tedi-date-picker-modal__header"], children: [
-    /* @__PURE__ */ o(U, { element: "h2", modifiers: "h4", id: n, className: c["tedi-date-picker-modal__title"], children: e }),
-    /* @__PURE__ */ o(W, { size: "small", onClick: () => a(!1) })
+    /* @__PURE__ */ o(W, { element: "h2", modifiers: "h4", id: n, className: c["tedi-date-picker-modal__title"], children: e }),
+    /* @__PURE__ */ o(X, { size: "small", onClick: () => a(!1) })
   ] });
-}, te = (e) => {
+}, ie = (e) => {
   const {
     open: n,
     onOpenChange: a,
     value: l,
     onConfirm: A,
     mode: t = "single",
-    numberOfMonths: j,
-    locale: S,
+    numberOfMonths: S,
+    locale: j,
     localeCode: x,
     showOutsideDays: O = !0,
     disabledMatchers: B,
@@ -32,30 +32,31 @@ const _ = (e, n) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [
     availableDays: H,
     footer: L,
     monthYearSelectType: V,
-    showNavigation: I,
+    dayStatus: I,
+    showNavigation: K,
     selectionLevel: m = "days",
     initialView: h,
     initialMonth: p,
     modalProps: i,
-    title: K,
-    ...q
-  } = e, { getLabel: y } = $(), [r, f] = g(l), [z, C] = g(h ?? m), [E, D] = g(() => _(l, p));
-  Q(() => {
+    title: q,
+    ...z
+  } = e, { getLabel: y } = v(), [r, f] = g(l), [E, C] = g(h ?? m), [F, D] = g(() => _(l, p));
+  U(() => {
     n && (f(l), C(h ?? m), D(_(l, p)));
   }, [n, l, m, h, p]);
-  const F = w(
+  const R = w(
     (s, u) => {
-      f(t === "range" ? (J) => Z(s, J, u) : s);
+      f(t === "range" ? (P) => $(s, P, u) : s);
     },
     [t]
-  ), R = w(
+  ), Y = w(
     (s) => {
       f((u) => t === "range" ? { from: s, to: void 0 } : t === "multiple" ? [...Array.isArray(u) ? u : [], s] : s);
     },
     [t]
-  ), Y = t === "multiple" ? Array.isArray(r) && r.length > 0 : t === "range" ? !!r && typeof r == "object" && "from" in r && r.from instanceof Date : r instanceof Date, M = k === !0 && !Y, G = () => {
+  ), G = t === "multiple" ? Array.isArray(r) && r.length > 0 : t === "range" ? !!r && typeof r == "object" && "from" in r && r.from instanceof Date : r instanceof Date, M = k === !0 && !G, J = () => {
     M || (A(r), a(!1));
-  }, N = K ?? y(t === "range" ? "date-field.modal-title-range" : t === "multiple" ? "date-field.modal-title-multiple" : "date-field.modal-title");
+  }, N = q ?? y(t === "range" ? "date-field.modal-title-range" : t === "multiple" ? "date-field.modal-title-multiple" : "date-field.modal-title");
   return /* @__PURE__ */ o(d, { open: n, onToggle: a, children: /* @__PURE__ */ b(
     d.Content,
     {
@@ -64,22 +65,22 @@ const _ = (e, n) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [
       ...i,
       md: { width: "max-content", ...i == null ? void 0 : i.md },
       sm: { width: "full", ...i == null ? void 0 : i.sm },
-      className: P(c["tedi-date-picker-modal"], i == null ? void 0 : i.className),
+      className: Q(c["tedi-date-picker-modal"], i == null ? void 0 : i.className),
       children: [
-        /* @__PURE__ */ o(d.Header, { children: /* @__PURE__ */ o(ee, { title: N }) }),
+        /* @__PURE__ */ o(d.Header, { children: /* @__PURE__ */ o(te, { title: N }) }),
         /* @__PURE__ */ o(d.Body, { className: c["tedi-date-picker-modal__body"], children: /* @__PURE__ */ o(
-          X,
+          Z,
           {
-            ...q,
-            numberOfMonths: j,
-            view: z,
+            ...z,
+            numberOfMonths: S,
+            view: E,
             selectionLevel: m,
-            currentMonth: E,
+            currentMonth: F,
             setCurrentMonth: D,
             setView: C,
             mode: t,
             value: r,
-            locale: S,
+            locale: j,
             localeCode: x,
             showOutsideDays: O,
             disabledMatchers: B,
@@ -87,22 +88,23 @@ const _ = (e, n) => e instanceof Date ? e : Array.isArray(e) && e.length > 0 ? [
             availableDays: H,
             footer: L,
             monthYearSelectType: V,
-            showNavigation: I,
-            handleSelect: F,
-            applyValue: R,
+            dayStatus: I,
+            showNavigation: K,
+            handleSelect: R,
+            applyValue: Y,
             className: c["tedi-date-picker-modal__calendar"],
             bordered: !1
           }
         ) }),
         /* @__PURE__ */ b(d.Footer, { children: [
           /* @__PURE__ */ o(T, { visualType: "secondary", onClick: () => a(!1), children: y("date-field.cancel") }),
-          /* @__PURE__ */ o(T, { onClick: G, disabled: M, children: y("date-field.confirm") })
+          /* @__PURE__ */ o(T, { onClick: J, disabled: M, children: y("date-field.confirm") })
         ] })
       ]
     }
   ) });
 };
-te.displayName = "DatePickerModal";
+ie.displayName = "DatePickerModal";
 export {
-  te as DatePickerModal
+  ie as DatePickerModal
 };