1mpacto-react-ui 2.0.20 → 2.0.21

package/dist/components/Calendar/Calendar.mjs

@@ -1,17 +1,17 @@
-import { jsxs as f, jsx as a, Fragment as G } from "react/jsx-runtime";
-import x, { useEffect as L, isValidElement as w } from "react";
-import { createCalendar as P, getLocalTimeZone as H, getWeeksInMonth as V } from "@internationalized/date";
-import { useCalendar as B, useCalendarGrid as W } from "react-aria";
+import { jsxs as h, jsx as n, Fragment as G } from "react/jsx-runtime";
+import $, { useEffect as L, isValidElement as N } from "react";
+import { createCalendar as P, getLocalTimeZone as I, getWeeksInMonth as V } from "@internationalized/date";
+import { useCalendar as q, useCalendarGrid as W } from "react-aria";
 import { useCalendarState as j } from "react-stately";
-import d from "./style.module.scss.mjs";
-import q from "../Button/Button.mjs";
+import i from "./style.module.scss.mjs";
+import M from "../Button/Button.mjs";
 import F from "./CalendarCell.mjs";
-import R from "./CalendarButton.mjs";
+import w from "./CalendarButton.mjs";
 import O from "./CalendarMonth.mjs";
-import z, { ChevronDownIcon as A } from "./CalendarYear.mjs";
+import z, { ChevronDownIcon as H } from "./CalendarYear.mjs";
 import { useDeepCompareEffect as _ } from "../../hooks/useDeepCompareEffect.mjs";
 const K = (e) => {
-  const C = V(e.state.visibleRange.start, e.locale), { gridProps: i, headerProps: n, weekDays: b } = W({}, e.state), { prevButtonProps: g, nextButtonProps: m, title: s } = B(e, e.state), h = (l) => {
+  const y = V(e.state.visibleRange.start, e.locale), { gridProps: a, headerProps: c, weekDays: C } = W({}, e.state), { prevButtonProps: f, nextButtonProps: g, title: d } = q(e, e.state), o = (l) => {
     let r = "";
     switch (l) {
       case 0:
@@ -38,72 +38,72 @@ const K = (e) => {
     }
     return r;
   };
-  return /* @__PURE__ */ f("div", { children: [
-    !e.hiddenHeader && /* @__PURE__ */ f("div", { className: d["header-calendar"], children: [
-      /* @__PURE__ */ a(R, { ...g, children: typeof (e == null ? void 0 : e.prevIcon) == "function" || w(e == null ? void 0 : e.prevIcon) ? w(e.prevIcon) ? e.prevIcon : e.prevIcon() : /* @__PURE__ */ a(A, { className: "iru-rotate-90" }) }),
-      /* @__PURE__ */ a("div", { className: d["header-button-calendar"], onClick: () => e.setActiveTypeCalendar("month"), children: s }),
-      /* @__PURE__ */ a(R, { ...m, children: typeof (e == null ? void 0 : e.nextIcon) == "function" || w(e == null ? void 0 : e.nextIcon) ? w(e.nextIcon) ? e.nextIcon : e.nextIcon() : /* @__PURE__ */ a(A, { className: "-iru-rotate-90" }) })
+  return /* @__PURE__ */ h("div", { children: [
+    !e.hiddenHeader && /* @__PURE__ */ h("div", { className: i["header-calendar"], children: [
+      /* @__PURE__ */ n(w, { ...f, children: typeof e?.prevIcon == "function" || N(e?.prevIcon) ? N(e.prevIcon) ? e.prevIcon : e.prevIcon() : /* @__PURE__ */ n(H, { className: "iru-rotate-90" }) }),
+      /* @__PURE__ */ n("div", { className: i["header-button-calendar"], onClick: () => e.setActiveTypeCalendar("month"), children: d }),
+      /* @__PURE__ */ n(w, { ...g, children: typeof e?.nextIcon == "function" || N(e?.nextIcon) ? N(e.nextIcon) ? e.nextIcon : e.nextIcon() : /* @__PURE__ */ n(H, { className: "-iru-rotate-90" }) })
     ] }),
-    /* @__PURE__ */ f("table", { ...i, children: [
-      /* @__PURE__ */ a("thead", { ...n, children: /* @__PURE__ */ a("tr", { children: b.map((l, r) => /* @__PURE__ */ a("th", { className: d["days-calendar"], children: h(r) }, r)) }) }),
-      /* @__PURE__ */ a("tbody", { children: [...new Array(C).keys()].map((l) => /* @__PURE__ */ a("tr", { children: e.state.getDatesInWeek(l).map((r, v) => r ? /* @__PURE__ */ a(F, { state: e.state, date: r }, v) : /* @__PURE__ */ a("td", {}, v)) }, l)) })
+    /* @__PURE__ */ h("table", { ...a, children: [
+      /* @__PURE__ */ n("thead", { ...c, children: /* @__PURE__ */ n("tr", { children: C.map((l, r) => /* @__PURE__ */ n("th", { className: i["days-calendar"], children: o(r) }, r)) }) }),
+      /* @__PURE__ */ n("tbody", { children: [...new Array(y).keys()].map((l) => /* @__PURE__ */ n("tr", { children: e.state.getDatesInWeek(l).map((r, b) => r ? /* @__PURE__ */ n(F, { state: e.state, date: r }, b) : /* @__PURE__ */ n("td", {}, b)) }, l)) })
     ] })
   ] });
-}, M = ({
+}, R = ({
   minDate: e,
-  maxDate: C,
-  value: i,
-  time: n,
-  hiddenHeader: b,
-  handlerChangeTime: g,
-  timeLabel: m,
-  type: s
+  maxDate: y,
+  value: a,
+  time: c,
+  hiddenHeader: C,
+  handlerChangeTime: f,
+  timeLabel: g,
+  type: d
 }) => {
-  const h = e ? new Date(e) : null, l = C ? new Date(C) : null, r = h == null ? void 0 : h.getHours(), v = l == null ? void 0 : l.getHours(), N = h == null ? void 0 : h.getMinutes(), $ = l == null ? void 0 : l.getMinutes(), [D, I] = x.useState(!0), k = (t, c, u) => Array.from({ length: (c - t) / u + 1 }, (o, T) => t + T * u), E = (t, c) => {
-    typeof g == "function" && g({ hour: t, minut: c, second: n == null ? void 0 : n.second });
-  }, S = () => {
-    const t = document.getElementById(`calendar-hour-${n == null ? void 0 : n.hour}-${s}`), c = document.getElementById(`calendar-minut-${n == null ? void 0 : n.minut}-${s}`), u = document.getElementById(`wrapper-calendar-hour-${s}`), o = document.getElementById(`wrapper-calendar-minut-${s}`);
-    t && u && u.scrollTo({ behavior: "instant", top: t.offsetTop - 78 }), c && o && o.scrollTo({ behavior: "instant", top: c.offsetTop - 78 });
-  }, y = (t, c) => {
-    let u = !0;
-    if (h && i) {
-      const o = i.year === h.getFullYear(), T = i.month === h.getMonth() + 1;
-      i.day === h.getDate() && T && o ? (c === "hour" && t < (r ?? 0) || c === "minut" && ((n == null ? void 0 : n.hour) ?? 0) <= h.getHours() && t < (N ?? 0)) && (u = !1) : i.toDate(H()).getTime() < h.getTime() && (u = !1);
+  const o = e ? new Date(e) : null, l = y ? new Date(y) : null, r = o?.getHours(), b = l?.getHours(), m = o?.getMinutes(), D = l?.getMinutes(), [E, A] = $.useState(!0), S = (t, u, s) => Array.from({ length: (u - t) / s + 1 }, (v, k) => t + k * s), x = (t, u) => {
+    typeof f == "function" && f({ hour: t, minut: u, second: c?.second });
+  }, B = () => {
+    const t = document.getElementById(`calendar-hour-${c?.hour}-${d}`), u = document.getElementById(`calendar-minut-${c?.minut}-${d}`), s = document.getElementById(`wrapper-calendar-hour-${d}`), v = document.getElementById(`wrapper-calendar-minut-${d}`);
+    t && s && s.scrollTo({ behavior: "instant", top: t.offsetTop - 78 }), u && v && v.scrollTo({ behavior: "instant", top: u.offsetTop - 78 });
+  }, T = (t, u) => {
+    let s = !0;
+    if (o && a) {
+      const v = a.year === o.getFullYear(), k = a.month === o.getMonth() + 1;
+      a.day === o.getDate() && k && v ? (u === "hour" && t < (r ?? 0) || u === "minut" && (c?.hour ?? 0) <= o.getHours() && t < (m ?? 0)) && (s = !1) : a.toDate(I()).getTime() < o.getTime() && (s = !1);
     }
-    if (l && i) {
-      const o = i.year === l.getFullYear(), T = i.month === l.getMonth() + 1;
-      i.day === l.getDate() && T && o ? (c === "hour" && t > (v ?? 0) || c === "minut" && ((n == null ? void 0 : n.hour) ?? 0) >= l.getHours() && t > ($ ?? 0)) && (u = !1) : i.toDate(H()).getTime() > l.getTime() && (u = !1);
+    if (l && a) {
+      const v = a.year === l.getFullYear(), k = a.month === l.getMonth() + 1;
+      a.day === l.getDate() && k && v ? (u === "hour" && t > (b ?? 0) || u === "minut" && (c?.hour ?? 0) >= l.getHours() && t > (D ?? 0)) && (s = !1) : a.toDate(I()).getTime() > l.getTime() && (s = !1);
     }
-    return u;
+    return s;
   };
-  return x.useEffect(() => {
-    D && S(), n && I(!1);
-  }, [JSON.stringify(i), JSON.stringify(n)]), /* @__PURE__ */ f("div", { className: d["custom-time-calendar"], children: [
-    !b && /* @__PURE__ */ a("div", { className: d["header-time"], children: m || "Atur Waktu" }),
-    /* @__PURE__ */ f("div", { className: d["type-time"], children: [
-      /* @__PURE__ */ a("div", { children: "Jam" }),
-      /* @__PURE__ */ a("div", { children: "Menit" })
+  return $.useEffect(() => {
+    E && B(), c && A(!1);
+  }, [JSON.stringify(a), JSON.stringify(c)]), /* @__PURE__ */ h("div", { className: i["custom-time-calendar"], children: [
+    !C && /* @__PURE__ */ n("div", { className: i["header-time"], children: g || "Atur Waktu" }),
+    /* @__PURE__ */ h("div", { className: i["type-time"], children: [
+      /* @__PURE__ */ n("div", { children: "Jam" }),
+      /* @__PURE__ */ n("div", { children: "Menit" })
     ] }),
-    /* @__PURE__ */ f("div", { className: "iru-flex iru-justify-around", children: [
-      /* @__PURE__ */ a("div", { id: `wrapper-calendar-hour-${s}`, className: d["container-cell-time"], children: k(0, 23, 1).map((t) => /* @__PURE__ */ a(
+    /* @__PURE__ */ h("div", { className: "iru-flex iru-justify-around", children: [
+      /* @__PURE__ */ n("div", { id: `wrapper-calendar-hour-${d}`, className: i["container-cell-time"], children: S(0, 23, 1).map((t) => /* @__PURE__ */ n(
         "div",
         {
-          id: `calendar-hour-${t}-${s}`,
-          className: `${d["cell-time"]} ${(n == null ? void 0 : n.hour) === t ? y(t, "hour") ? d.selected : d.error : ""} ${y(t, "hour") && (n == null ? void 0 : n.hour) != t ? d.valid : d.invalid}`,
+          id: `calendar-hour-${t}-${d}`,
+          className: `${i["cell-time"]} ${c?.hour === t ? T(t, "hour") ? i.selected : i.error : ""} ${T(t, "hour") && c?.hour != t ? i.valid : i.invalid}`,
           onClick: () => {
-            y(t, "hour") && E(t, n == null ? void 0 : n.minut);
+            T(t, "hour") && x(t, c?.minut);
           },
           children: t < 10 ? `0${t}` : t
         },
         t
       )) }),
-      /* @__PURE__ */ a("div", { id: `wrapper-calendar-minut-${s}`, className: d["container-cell-time"], children: k(0, 59, 1).map((t) => /* @__PURE__ */ a(
+      /* @__PURE__ */ n("div", { id: `wrapper-calendar-minut-${d}`, className: i["container-cell-time"], children: S(0, 59, 1).map((t) => /* @__PURE__ */ n(
         "div",
         {
-          id: `calendar-minut-${t}-${s}`,
-          className: `${d["cell-time"]} ${(n == null ? void 0 : n.minut) === t ? y(t, "minut") ? d.selected : d.error : ""} ${y(t, "minut") && (n == null ? void 0 : n.minut) != t ? d.valid : d.invalid}`,
+          id: `calendar-minut-${t}-${d}`,
+          className: `${i["cell-time"]} ${c?.minut === t ? T(t, "minut") ? i.selected : i.error : ""} ${T(t, "minut") && c?.minut != t ? i.valid : i.invalid}`,
           onClick: () => {
-            y(t, "minut") && E(n == null ? void 0 : n.hour, t);
+            T(t, "minut") && x(c?.hour, t);
           },
           children: t < 10 ? `0${t}` : t
         },
@@ -111,89 +111,87 @@ const K = (e) => {
       )) })
     ] })
   ] });
-}, de = (e) => {
-  var N, $, D, I, k, E, S, y, t;
-  const C = e.typeTime ?? "SINGLE", i = j({
+}, le = (e) => {
+  const y = e.typeTime ?? "SINGLE", a = j({
     ...e,
     locale: e.locale,
     createCalendar: P
-  }), { title: n } = B(e, i), [b, g] = x.useState((e == null ? void 0 : e.activeType) ?? "date"), [m, s] = x.useState({ start: void 0, end: void 0 }), h = (($ = (N = m.start) == null ? void 0 : N.hour) == null ? void 0 : $.toString()) && ((I = (D = m == null ? void 0 : m.start) == null ? void 0 : D.minut) == null ? void 0 : I.toString()) && ((S = e.value) == null ? void 0 : S.toDate(H()).setHours((k = m.start) == null ? void 0 : k.hour, (E = m.start) == null ? void 0 : E.minut)) || e.minDate, l = e.maxDate, r = (c, u) => {
-    const o = {
-      ...m,
-      [u]: c
+  }), { title: c } = q(e, a), [C, f] = $.useState(e?.activeType ?? "date"), [g, d] = $.useState({ start: void 0, end: void 0 }), o = g.start?.hour?.toString() && g?.start?.minut?.toString() && e.value?.toDate(I()).setHours(g.start?.hour, g.start?.minut) || e.minDate, l = e.maxDate, r = (m, D) => {
+    const E = {
+      ...g,
+      [D]: m
     };
-    s(o), typeof (e == null ? void 0 : e.handlerChangeTime) == "function" && e.handlerChangeTime(o);
-  }, v = (c) => {
-    i.setValue(c);
+    d(E), typeof e?.handlerChangeTime == "function" && e.handlerChangeTime(E);
+  }, b = (m) => {
+    a.setValue(m);
   };
   return _(() => {
-    e != null && e.activeType && g(e.activeType);
-  }, [e == null ? void 0 : e.activeType]), L(() => {
-    var c, u;
-    if ((c = e.time) != null && c.start && ((u = e.time) != null && u.end)) {
-      const o = e.time.start, T = e.time.end;
-      s({ start: o, end: T });
+    e?.activeType && f(e.activeType);
+  }, [e?.activeType]), L(() => {
+    if (e.time?.start && e.time?.end) {
+      const m = e.time.start, D = e.time.end;
+      d({ start: m, end: D });
     }
-  }, [JSON.stringify(e.time)]), /* @__PURE__ */ f("div", { className: "iru-text-laba-base-sr", children: [
-    b === "date" && /* @__PURE__ */ a(G, { children: /* @__PURE__ */ f("div", { className: d["container-calendar"], children: [
-      /* @__PURE__ */ f("div", { className: "iru-flex iru-gap-2", children: [
-        /* @__PURE__ */ a(K, { state: i, setActiveTypeCalendar: g, ...e }),
-        (e == null ? void 0 : e.isCustomTime) && /* @__PURE__ */ f("div", { className: "iru-flex", children: [
-          /* @__PURE__ */ a(
-            M,
+  }, [JSON.stringify(e.time)]), /* @__PURE__ */ h("div", { className: "iru-text-laba-base-sr", children: [
+    C === "date" && /* @__PURE__ */ n(G, { children: /* @__PURE__ */ h("div", { className: i["container-calendar"], children: [
+      /* @__PURE__ */ h("div", { className: "iru-flex iru-gap-2", children: [
+        /* @__PURE__ */ n(K, { state: a, setActiveTypeCalendar: f, ...e }),
+        e?.isCustomTime && /* @__PURE__ */ h("div", { className: "iru-flex", children: [
+          /* @__PURE__ */ n(
+            R,
             {
               minDate: e.minDate,
               maxDate: e.maxDate,
-              time: (y = e.time) == null ? void 0 : y.start,
+              time: e.time?.start,
               value: e.value,
-              timeLabel: C === "RANGE" ? "Awal" : "Atur Waktu",
+              timeLabel: y === "RANGE" ? "Awal" : "Atur Waktu",
               type: "start",
-              handlerChangeTime: (c) => r(c, "start")
+              handlerChangeTime: (m) => r(m, "start")
             }
           ),
-          C === "RANGE" && /* @__PURE__ */ a(
-            M,
+          y === "RANGE" && /* @__PURE__ */ n(
+            R,
             {
-              minDate: h,
+              minDate: o,
               maxDate: l,
-              time: (t = e.time) == null ? void 0 : t.end,
+              time: e.time?.end,
               value: e.value,
               timeLabel: "Akhir",
               type: "end",
-              handlerChangeTime: (c) => r(c, "end")
+              handlerChangeTime: (m) => r(m, "end")
             }
           )
         ] })
       ] }),
-      ((e == null ? void 0 : e.withConfirm) ?? (e == null ? void 0 : e.isCustomTime)) && /* @__PURE__ */ f("div", { className: `${d["footer-calendar"]}`, children: [
-        typeof (e == null ? void 0 : e.buttonReset) == "function" ? /* @__PURE__ */ a("div", { onClick: () => e.handlerReset(i), children: e.buttonReset() }) : /* @__PURE__ */ a(q, { variants: "nude-laba-blue-10", size: "small", onClick: () => e.handlerReset(i), children: "Reset" }),
-        typeof (e == null ? void 0 : e.buttonSubmit) == "function" ? /* @__PURE__ */ a("div", { onClick: e.handlerSubmit, children: e.buttonSubmit() }) : /* @__PURE__ */ a(q, { size: "small", onClick: e.handlerSubmit, children: "Terapkan" })
+      (e?.withConfirm ?? e?.isCustomTime) && /* @__PURE__ */ h("div", { className: `${i["footer-calendar"]}`, children: [
+        typeof e?.buttonReset == "function" ? /* @__PURE__ */ n("div", { onClick: () => e.handlerReset(a), children: e.buttonReset() }) : /* @__PURE__ */ n(M, { variants: "nude-laba-blue-10", size: "small", onClick: () => e.handlerReset(a), children: "Reset" }),
+        typeof e?.buttonSubmit == "function" ? /* @__PURE__ */ n("div", { onClick: e.handlerSubmit, children: e.buttonSubmit() }) : /* @__PURE__ */ n(M, { size: "small", onClick: e.handlerSubmit, children: "Terapkan" })
       ] })
     ] }) }),
-    b === "month" && /* @__PURE__ */ a(
+    C === "month" && /* @__PURE__ */ n(
       O,
       {
-        state: i,
-        setActiveTypeCalendar: g,
+        state: a,
+        setActiveTypeCalendar: f,
         type: e.type,
-        onChangeMonth: v,
+        onChangeMonth: b,
         hiddenHeader: e.hiddenHeader
       }
     ),
-    b === "year" && /* @__PURE__ */ a(
+    C === "year" && /* @__PURE__ */ n(
       z,
       {
-        state: i,
+        state: a,
         type: e.type,
-        setActiveTypeCalendar: g,
-        title: n,
-        onChangeYear: v,
+        setActiveTypeCalendar: f,
+        title: c,
+        onChangeYear: b,
         hiddenHeader: e.hiddenHeader
       }
     )
   ] });
 };
 export {
-  M as CustomTimeCalendar,
-  de as default
+  R as CustomTimeCalendar,
+  le as default
 };

package/dist/components/Calendar/CalendarMonth.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),Y=require("react-aria"),n=require("./style.module.scss.cjs"),x=require("./CalendarButton.cjs"),c=require("react"),j=require("./CalendarYear.cjs"),E=({prevIcon:l,nextIcon:d,state:e,setActiveTypeCalendar:m,onChangeMonth:f,type:s,hiddenHeader:b})=>{const g=new Date().getFullYear(),C=e.focusedDate.calendar.getMonthsInYear(e.focusedDate),N=Y.useDateFormatter({month:"short",timeZone:e.timeZone}),$=(o,r)=>{const u=e.focusedDate.set({month:o});r?(m("date"),e.setFocusedDate(u)):!r&&typeof f=="function"&&f(u)},h=o=>{const r=e.focusedDate.set({year:o});e.setFocusedDate(r)};return a.jsxs("div",{className:`iru-w-[296px] ${n.default["container-calendar"]}`,children:[!b&&a.jsxs("div",{className:n.default["header-calendar"],children:[a.jsx(x.default,{isDisabled:e!=null&&e.minValue?e.focusedDate.year<=e.minValue.year:!1,onPress:()=>h(e.focusedDate.year-1),children:typeof l=="function"||c.isValidElement(l)?c.isValidElement(l)?l:l():a.jsx(j.ChevronDownIcon,{className:"iru-rotate-90"})}),a.jsx("div",{className:`${n.default["header-button-calendar"]} ${s.includes("year")?"":n.default.disabled}`,onClick:()=>{s.includes("year")&&m("year")},children:e.focusedDate.year}),a.jsx(x.default,{isDisabled:e!=null&&e.maxValue?e.focusedDate.year>=e.maxValue.year:!1,onPress:()=>h(e.focusedDate.year+1),children:typeof d=="function"||c.isValidElement(d)?c.isValidElement(d)?d:d():a.jsx(j.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),a.jsx("div",{className:n.default["month-calendar"],children:[...Array(C).keys()].map(o=>{var t,y,D,V;const r=e.focusedDate.set({month:o+1}),u=N.format(r.toDate(e.timeZone)),q=((t=e.value)==null?void 0:t.year)||((D=(y=e.value)==null?void 0:y.start)==null?void 0:D.year)||g,v=e!=null&&e.minValue?r.month<((V=e==null?void 0:e.minValue)==null?void 0:V.month)&&r.year<=e.minValue.year:!1,M=e!=null&&e.maxValue?r.month>e.maxValue.month&&r.year>=e.maxValue.year:!1,i=v||M;return a.jsx("div",{onClick:()=>{i||$(r.month,s.includes("date"))},className:`${n.default["cell-month"]} ${e.focusedDate.month===r.month&&!i&&r.year===q?n.default.selected:""} ${e.focusedDate.month!==r.month&&!i?"hover:iru-bg-laba-blue-01":""} ${i?"iru-text-gray-400":"iru-cursor-pointer"}`,children:u},o)})})]})};exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),$=require("react-aria"),n=require("./style.module.scss.cjs"),h=require("./CalendarButton.cjs"),i=require("react"),y=require("./CalendarYear.cjs"),q=({prevIcon:l,nextIcon:s,state:e,setActiveTypeCalendar:c,onChangeMonth:m,type:t,hiddenHeader:D})=>{const V=new Date().getFullYear(),x=e.focusedDate.calendar.getMonthsInYear(e.focusedDate),j=$.useDateFormatter({month:"short",timeZone:e.timeZone}),b=(o,a)=>{const d=e.focusedDate.set({month:o});a?(c("date"),e.setFocusedDate(d)):!a&&typeof m=="function"&&m(d)},f=o=>{const a=e.focusedDate.set({year:o});e.setFocusedDate(a)};return r.jsxs("div",{className:`iru-w-[296px] ${n.default["container-calendar"]}`,children:[!D&&r.jsxs("div",{className:n.default["header-calendar"],children:[r.jsx(h.default,{isDisabled:e?.minValue?e.focusedDate.year<=e.minValue.year:!1,onPress:()=>f(e.focusedDate.year-1),children:typeof l=="function"||i.isValidElement(l)?i.isValidElement(l)?l:l():r.jsx(y.ChevronDownIcon,{className:"iru-rotate-90"})}),r.jsx("div",{className:`${n.default["header-button-calendar"]} ${t.includes("year")?"":n.default.disabled}`,onClick:()=>{t.includes("year")&&c("year")},children:e.focusedDate.year}),r.jsx(h.default,{isDisabled:e?.maxValue?e.focusedDate.year>=e.maxValue.year:!1,onPress:()=>f(e.focusedDate.year+1),children:typeof s=="function"||i.isValidElement(s)?i.isValidElement(s)?s:s():r.jsx(y.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),r.jsx("div",{className:n.default["month-calendar"],children:[...Array(x).keys()].map(o=>{const a=e.focusedDate.set({month:o+1}),d=j.format(a.toDate(e.timeZone)),g=e.value?.year||e.value?.start?.year||V,C=e?.minValue?a.month<e?.minValue?.month&&a.year<=e.minValue.year:!1,N=e?.maxValue?a.month>e.maxValue.month&&a.year>=e.maxValue.year:!1,u=C||N;return r.jsx("div",{onClick:()=>{u||b(a.month,t.includes("date"))},className:`${n.default["cell-month"]} ${e.focusedDate.month===a.month&&!u&&a.year===g?n.default.selected:""} ${e.focusedDate.month!==a.month&&!u?"hover:iru-bg-laba-blue-01":""} ${u?"iru-text-gray-400":"iru-cursor-pointer"}`,children:d},o)})})]})};exports.default=q;

package/dist/components/Calendar/CalendarMonth.mjs

@@ -1,74 +1,73 @@
-import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { useDateFormatter as v } from "react-aria";
-import n from "./style.module.scss.mjs";
-import $ from "./CalendarButton.mjs";
-import { isValidElement as c } from "react";
-import { ChevronDownIcon as p } from "./CalendarYear.mjs";
-const E = ({
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useDateFormatter as Y } from "react-aria";
+import r from "./style.module.scss.mjs";
+import y from "./CalendarButton.mjs";
+import { isValidElement as m } from "react";
+import { ChevronDownIcon as D } from "./CalendarYear.mjs";
+const w = ({
   prevIcon: l,
   nextIcon: i,
   state: e,
-  setActiveTypeCalendar: f,
-  onChangeMonth: s,
-  type: u,
-  hiddenHeader: x
+  setActiveTypeCalendar: u,
+  onChangeMonth: t,
+  type: c,
+  hiddenHeader: V
 }) => {
-  const g = (/* @__PURE__ */ new Date()).getFullYear(), t = e.focusedDate.calendar.getMonthsInYear(e.focusedDate), C = v({
+  const b = (/* @__PURE__ */ new Date()).getFullYear(), N = e.focusedDate.calendar.getMonthsInYear(e.focusedDate), $ = Y({
     month: "short",
     timeZone: e.timeZone
-  }), Y = (a, o) => {
-    const d = e.focusedDate.set({ month: a });
-    o ? (f("date"), e.setFocusedDate(d)) : !o && typeof s == "function" && s(d);
-  }, h = (a) => {
-    const o = e.focusedDate.set({ year: a });
-    e.setFocusedDate(o);
+  }), p = (n, a) => {
+    const s = e.focusedDate.set({ month: n });
+    a ? (u("date"), e.setFocusedDate(s)) : !a && typeof t == "function" && t(s);
+  }, f = (n) => {
+    const a = e.focusedDate.set({ year: n });
+    e.setFocusedDate(a);
   };
-  return /* @__PURE__ */ N("div", { className: `iru-w-[296px] ${n["container-calendar"]}`, children: [
-    !x && /* @__PURE__ */ N("div", { className: n["header-calendar"], children: [
-      /* @__PURE__ */ r(
-        $,
+  return /* @__PURE__ */ h("div", { className: `iru-w-[296px] ${r["container-calendar"]}`, children: [
+    !V && /* @__PURE__ */ h("div", { className: r["header-calendar"], children: [
+      /* @__PURE__ */ o(
+        y,
         {
-          isDisabled: e != null && e.minValue ? e.focusedDate.year <= e.minValue.year : !1,
-          onPress: () => h(e.focusedDate.year - 1),
-          children: typeof l == "function" || c(l) ? c(l) ? l : l() : /* @__PURE__ */ r(p, { className: "iru-rotate-90" })
+          isDisabled: e?.minValue ? e.focusedDate.year <= e.minValue.year : !1,
+          onPress: () => f(e.focusedDate.year - 1),
+          children: typeof l == "function" || m(l) ? m(l) ? l : l() : /* @__PURE__ */ o(D, { className: "iru-rotate-90" })
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "div",
         {
-          className: `${n["header-button-calendar"]} ${u.includes("year") ? "" : n.disabled}`,
+          className: `${r["header-button-calendar"]} ${c.includes("year") ? "" : r.disabled}`,
           onClick: () => {
-            u.includes("year") && f("year");
+            c.includes("year") && u("year");
           },
           children: e.focusedDate.year
         }
       ),
-      /* @__PURE__ */ r(
-        $,
+      /* @__PURE__ */ o(
+        y,
         {
-          isDisabled: e != null && e.maxValue ? e.focusedDate.year >= e.maxValue.year : !1,
-          onPress: () => h(e.focusedDate.year + 1),
-          children: typeof i == "function" || c(i) ? c(i) ? i : i() : /* @__PURE__ */ r(p, { className: "-iru-rotate-90" })
+          isDisabled: e?.maxValue ? e.focusedDate.year >= e.maxValue.year : !1,
+          onPress: () => f(e.focusedDate.year + 1),
+          children: typeof i == "function" || m(i) ? m(i) ? i : i() : /* @__PURE__ */ o(D, { className: "-iru-rotate-90" })
         }
       )
     ] }),
-    /* @__PURE__ */ r("div", { className: n["month-calendar"], children: [...Array(t).keys()].map((a) => {
-      var y, D, V, b;
-      const o = e.focusedDate.set({ month: a + 1 }), d = C.format(o.toDate(e.timeZone)), F = ((y = e.value) == null ? void 0 : y.year) || ((V = (D = e.value) == null ? void 0 : D.start) == null ? void 0 : V.year) || g, M = e != null && e.minValue ? o.month < ((b = e == null ? void 0 : e.minValue) == null ? void 0 : b.month) && o.year <= e.minValue.year : !1, k = e != null && e.maxValue ? o.month > e.maxValue.month && o.year >= e.maxValue.year : !1, m = M || k;
-      return /* @__PURE__ */ r(
+    /* @__PURE__ */ o("div", { className: r["month-calendar"], children: [...Array(N).keys()].map((n) => {
+      const a = e.focusedDate.set({ month: n + 1 }), s = $.format(a.toDate(e.timeZone)), x = e.value?.year || e.value?.start?.year || b, g = e?.minValue ? a.month < e?.minValue?.month && a.year <= e.minValue.year : !1, C = e?.maxValue ? a.month > e.maxValue.month && a.year >= e.maxValue.year : !1, d = g || C;
+      return /* @__PURE__ */ o(
         "div",
         {
           onClick: () => {
-            m || Y(o.month, u.includes("date"));
+            d || p(a.month, c.includes("date"));
           },
-          className: `${n["cell-month"]} ${e.focusedDate.month === o.month && !m && o.year === F ? n.selected : ""} ${e.focusedDate.month !== o.month && !m ? "hover:iru-bg-laba-blue-01" : ""} ${m ? "iru-text-gray-400" : "iru-cursor-pointer"}`,
-          children: d
+          className: `${r["cell-month"]} ${e.focusedDate.month === a.month && !d && a.year === x ? r.selected : ""} ${e.focusedDate.month !== a.month && !d ? "hover:iru-bg-laba-blue-01" : ""} ${d ? "iru-text-gray-400" : "iru-cursor-pointer"}`,
+          children: s
         },
-        a
+        n
       );
     }) })
   ] });
 };
 export {
-  E as default
+  w as default
 };

package/dist/components/Calendar/CalendarRange.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),o=require("@internationalized/date"),m=require("react-aria"),A=require("react-stately"),P=require("./CalendarButton.cjs"),r=require("./style.module.scss.cjs"),K=require("./CalendarCell.cjs"),E=require("../Button/Button.cjs"),Y=require("./CalendarMonth.cjs"),f=require("./CalendarYear.cjs"),M=require("./Calendar.cjs"),Z=e=>{var j,g,y,R,D,S,k,T,I,N,q,w;const u=l.useRef(null),{locale:s}=m.useLocale(),i=A.useRangeCalendarState({...e,locale:s,createCalendar:o.createCalendar}),B=n=>{let a="";switch(n){case 0:a="Min";break;case 1:a="Sen";break;case 2:a="Sel";break;case 3:a="Rab";break;case 4:a="Kam";break;case 5:a="Jum";break;case 6:a="Sab";break}return a},{calendarProps:L,prevButtonProps:V,nextButtonProps:_,title:C}=m.useRangeCalendar(e,i,u),{gridProps:z,headerProps:J,weekDays:O}=m.useCalendarGrid({},i),W=o.getWeeksInMonth(i.visibleRange.start,s),[h,x]=l.useState("date"),[c,b]=l.useState({start:void 0,end:void 0}),F=((g=(j=c.start)==null?void 0:j.hour)==null?void 0:g.toString())&&((R=(y=c==null?void 0:c.start)==null?void 0:y.minut)==null?void 0:R.toString())&&((T=(D=e.value)==null?void 0:D.start)==null?void 0:T.toDate(o.getLocalTimeZone()).setHours((S=c.start)==null?void 0:S.hour,(k=c.start)==null?void 0:k.minut))||e.minDate,G=e.maxDate,v=(n,a)=>{const d={...c,[a]:n};b(d),typeof(e==null?void 0:e.handlerChangeTimeRange)=="function"&&e.handlerChangeTimeRange(d)};return l.useEffect(()=>{var n,a;if((n=e.time)!=null&&n.start&&((a=e.time)!=null&&a.end)){const d=e.time.start,H=e.time.end;b({start:d,end:H})}},[JSON.stringify(e.time)]),t.jsxs("div",{className:"iru-text-laba-base-sr",children:[h==="date"&&t.jsx(t.Fragment,{children:t.jsx("div",{...L,ref:u,children:t.jsxs("div",{className:r.default["container-calendar"],children:[t.jsxs("div",{className:"iru-flex iru-gap-2",children:[t.jsxs("div",{children:[t.jsxs("div",{className:r.default["header-calendar"],children:[t.jsx(P.default,{...V,children:typeof(e==null?void 0:e.prevIcon)=="function"||l.isValidElement(e==null?void 0:e.prevIcon)?l.isValidElement(e.prevIcon)?e.prevIcon:e.prevIcon():t.jsx(f.ChevronDownIcon,{className:"iru-rotate-90"})}),t.jsx("div",{className:r.default["header-button-calendar"],onClick:()=>x("month"),children:C}),t.jsx(P.default,{..._,children:typeof(e==null?void 0:e.nextIcon)=="function"||l.isValidElement(e==null?void 0:e.nextIcon)?l.isValidElement(e.nextIcon)?e.nextIcon:e.nextIcon():t.jsx(f.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),t.jsxs("table",{...z,cellPadding:"0",className:"flex-1",children:[t.jsx("thead",{...J,className:"text-gray-600",children:t.jsx("tr",{children:O.map((n,a)=>t.jsx("th",{className:r.default["days-calendar"],children:B(a)},a))})}),t.jsx("tbody",{children:[...new Array(W).keys()].map(n=>t.jsx("tr",{children:i.getDatesInWeek(n).map((a,d)=>a?t.jsx(K.default,{state:i,date:a},d):t.jsx("td",{},d))},n))})]})]}),(e==null?void 0:e.isCustomTime)&&t.jsxs("div",{className:"iru-flex",children:[t.jsx(M.CustomTimeCalendar,{minDate:e.minDate,maxDate:e.maxDate,time:(I=e.time)==null?void 0:I.start,value:(N=e.value)==null?void 0:N.start,timeLabel:"Awal",type:"start",handlerChangeTime:n=>v(n,"start")}),t.jsx(M.CustomTimeCalendar,{minDate:F,maxDate:G,time:(q=e.time)==null?void 0:q.end,value:(w=e.value)==null?void 0:w.end,timeLabel:"Akhir",type:"end",handlerChangeTime:n=>v(n,"end")})]})]}),e.withConfirm&&t.jsxs("div",{className:r.default["footer-calendar"],children:[typeof(e==null?void 0:e.buttonReset)=="function"?t.jsx("div",{onClick:()=>e.handlerReset(i),children:e.buttonReset()}):t.jsx(E.default,{variants:"nude-laba-blue-10",size:"small",onClick:()=>e.handlerReset(i),children:"Reset"}),typeof(e==null?void 0:e.buttonSubmit)=="function"?t.jsx("div",{onClick:e.handlerSubmit,children:e.buttonSubmit()}):t.jsx(E.default,{size:"small",onClick:e.handlerSubmit,children:"Terapkan"})]})]})})}),h==="month"&&t.jsx(Y.default,{state:i,setActiveTypeCalendar:x,type:["date","month","year"]}),h==="year"&&t.jsx(f.default,{state:i,setActiveTypeCalendar:x,title:C,type:["date","month","year"]})]})},Q=e=>{const u=A.useDateRangePickerState(e),s=l.useRef(null),{calendarProps:i}=m.useDateRangePicker(e,u,s);return t.jsx("div",{ref:s,children:t.jsx(Z,{handlerReset:e.handlerReset,handlerSubmit:e.handlerSubmit,withConfirm:e.withConfirm,prevIcon:e.prevIcon,nextIcon:e.nextIcon,buttonReset:e.buttonReset,buttonSubmit:e.buttonSubmit,isCustomTime:e.isCustomTime,time:e.time,minDate:e.minDate,maxDate:e.maxDate,handlerChangeTimeRange:e.handlerChangeTimeRange,...i})})};exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),x=require("@internationalized/date"),m=require("react-aria"),y=require("react-stately"),v=require("./CalendarButton.cjs"),d=require("./style.module.scss.cjs"),M=require("./CalendarCell.cjs"),j=require("../Button/Button.cjs"),A=require("./CalendarMonth.cjs"),f=require("./CalendarYear.cjs"),R=require("./Calendar.cjs"),B=e=>{const u=l.useRef(null),{locale:s}=m.useLocale(),i=y.useRangeCalendarState({...e,locale:s,createCalendar:x.createCalendar}),D=n=>{let a="";switch(n){case 0:a="Min";break;case 1:a="Sen";break;case 2:a="Sel";break;case 3:a="Rab";break;case 4:a="Kam";break;case 5:a="Jum";break;case 6:a="Sab";break}return a},{calendarProps:S,prevButtonProps:k,nextButtonProps:T,title:C}=m.useRangeCalendar(e,i,u),{gridProps:I,headerProps:N,weekDays:q}=m.useCalendarGrid({},i),w=x.getWeeksInMonth(i.visibleRange.start,s),[o,h]=l.useState("date"),[r,b]=l.useState({start:void 0,end:void 0}),P=r.start?.hour?.toString()&&r?.start?.minut?.toString()&&e.value?.start?.toDate(x.getLocalTimeZone()).setHours(r.start?.hour,r.start?.minut)||e.minDate,E=e.maxDate,g=(n,a)=>{const c={...r,[a]:n};b(c),typeof e?.handlerChangeTimeRange=="function"&&e.handlerChangeTimeRange(c)};return l.useEffect(()=>{if(e.time?.start&&e.time?.end){const n=e.time.start,a=e.time.end;b({start:n,end:a})}},[JSON.stringify(e.time)]),t.jsxs("div",{className:"iru-text-laba-base-sr",children:[o==="date"&&t.jsx(t.Fragment,{children:t.jsx("div",{...S,ref:u,children:t.jsxs("div",{className:d.default["container-calendar"],children:[t.jsxs("div",{className:"iru-flex iru-gap-2",children:[t.jsxs("div",{children:[t.jsxs("div",{className:d.default["header-calendar"],children:[t.jsx(v.default,{...k,children:typeof e?.prevIcon=="function"||l.isValidElement(e?.prevIcon)?l.isValidElement(e.prevIcon)?e.prevIcon:e.prevIcon():t.jsx(f.ChevronDownIcon,{className:"iru-rotate-90"})}),t.jsx("div",{className:d.default["header-button-calendar"],onClick:()=>h("month"),children:C}),t.jsx(v.default,{...T,children:typeof e?.nextIcon=="function"||l.isValidElement(e?.nextIcon)?l.isValidElement(e.nextIcon)?e.nextIcon:e.nextIcon():t.jsx(f.ChevronDownIcon,{className:"-iru-rotate-90"})})]}),t.jsxs("table",{...I,cellPadding:"0",className:"flex-1",children:[t.jsx("thead",{...N,className:"text-gray-600",children:t.jsx("tr",{children:q.map((n,a)=>t.jsx("th",{className:d.default["days-calendar"],children:D(a)},a))})}),t.jsx("tbody",{children:[...new Array(w).keys()].map(n=>t.jsx("tr",{children:i.getDatesInWeek(n).map((a,c)=>a?t.jsx(M.default,{state:i,date:a},c):t.jsx("td",{},c))},n))})]})]}),e?.isCustomTime&&t.jsxs("div",{className:"iru-flex",children:[t.jsx(R.CustomTimeCalendar,{minDate:e.minDate,maxDate:e.maxDate,time:e.time?.start,value:e.value?.start,timeLabel:"Awal",type:"start",handlerChangeTime:n=>g(n,"start")}),t.jsx(R.CustomTimeCalendar,{minDate:P,maxDate:E,time:e.time?.end,value:e.value?.end,timeLabel:"Akhir",type:"end",handlerChangeTime:n=>g(n,"end")})]})]}),e.withConfirm&&t.jsxs("div",{className:d.default["footer-calendar"],children:[typeof e?.buttonReset=="function"?t.jsx("div",{onClick:()=>e.handlerReset(i),children:e.buttonReset()}):t.jsx(j.default,{variants:"nude-laba-blue-10",size:"small",onClick:()=>e.handlerReset(i),children:"Reset"}),typeof e?.buttonSubmit=="function"?t.jsx("div",{onClick:e.handlerSubmit,children:e.buttonSubmit()}):t.jsx(j.default,{size:"small",onClick:e.handlerSubmit,children:"Terapkan"})]})]})})}),o==="month"&&t.jsx(A.default,{state:i,setActiveTypeCalendar:h,type:["date","month","year"]}),o==="year"&&t.jsx(f.default,{state:i,setActiveTypeCalendar:h,title:C,type:["date","month","year"]})]})},L=e=>{const u=y.useDateRangePickerState(e),s=l.useRef(null),{calendarProps:i}=m.useDateRangePicker(e,u,s);return t.jsx("div",{ref:s,children:t.jsx(B,{handlerReset:e.handlerReset,handlerSubmit:e.handlerSubmit,withConfirm:e.withConfirm,prevIcon:e.prevIcon,nextIcon:e.nextIcon,buttonReset:e.buttonReset,buttonSubmit:e.buttonSubmit,isCustomTime:e.isCustomTime,time:e.time,minDate:e.minDate,maxDate:e.maxDate,handlerChangeTimeRange:e.handlerChangeTimeRange,...i})})};exports.default=L;