1mpacto-react-ui 2.0.20 → 2.0.21

package/dist/components/Chart/PieChart.mjs

@@ -1,22 +1,21 @@
-import { jsxs as A, jsx as O } from "react/jsx-runtime";
-import { Chart as B, ArcElement as T, Tooltip as F } from "chart.js";
-import h from "react";
-import { Pie as R } from "react-chartjs-2";
-import { mergeObjects as V, formatNumber as I } from "../../utils/common.mjs";
-import $ from "../PortalComponent/PortalComponent.mjs";
-B.register(T, F);
-const E = (t, l, n) => {
+import { jsxs as w, jsx as b } from "react/jsx-runtime";
+import { Chart as k, ArcElement as I, Tooltip as E } from "chart.js";
+import m from "react";
+import { Pie as S } from "react-chartjs-2";
+import { mergeObjects as A, formatNumber as y } from "../../utils/common.mjs";
+import B from "../PortalComponent/PortalComponent.mjs";
+k.register(I, E);
+const x = (t, l, n) => {
   const r = l > 0 ? t / l * 100 : 0;
   switch (n) {
     case "decimal":
-      return I(t, "decimal");
+      return y(t, "decimal");
     case "currency":
-      return I(t, "currency");
-    case "percentage":
+      return y(t, "currency");
     default:
       return `${Math.round(r)}%`;
   }
-}, P = () => {
+}, h = () => {
   const t = Math.floor(Math.random() * 360), l = 60 + Math.floor(Math.random() * 30), n = 45 + Math.floor(Math.random() * 20);
   return ((o, a, c) => {
     a /= 100, c /= 100;
@@ -26,19 +25,19 @@ const E = (t, l, n) => {
     };
     return `#${u(0)}${u(8)}${u(4)}`;
   })(t, l, n);
-}, j = (t, l) => Array.isArray(t) ? t[l] || P() : typeof t == "string" ? t : P(), D = (t) => {
+}, T = (t, l) => Array.isArray(t) ? t[l] || h() : typeof t == "string" ? t : h(), F = (t) => {
   const l = t.labels ?? [], n = t.datasets[0];
   return n ? (n.data ?? []).map((o, a) => ({
     label: l[a] ?? "",
     value: o,
-    backgroundColor: j(n.backgroundColor, a)
+    backgroundColor: T(n.backgroundColor, a)
   })) : [];
-}, L = (t, l) => {
+}, R = (t, l) => {
   if (!l)
     return {
       labels: t.map((e) => e.label),
       values: t.map((e) => e.value),
-      colors: t.map((e) => e.backgroundColor || P()),
+      colors: t.map((e) => e.backgroundColor || h()),
       mergedMap: {}
     };
   const { mode: n, value: r, otherLabel: o = "Other", otherBackgroundColor: a = "#B0BEC5" } = l, c = t.reduce((e, p) => e + p.value, 0), s = [], u = [];
@@ -47,7 +46,7 @@ const E = (t, l, n) => {
     (n === "percentage" ? e.value / c * 100 < r : e.value < r) ? (d += e.value, u.push(e)) : s.push({
       label: e.label,
       value: e.value,
-      color: e.backgroundColor || P()
+      color: e.backgroundColor || h()
     });
   });
   const i = {};
@@ -57,41 +56,39 @@ const E = (t, l, n) => {
     colors: s.map((e) => e.color),
     mergedMap: i
   };
-}, G = (t, l, n) => ({ chart: r, tooltip: o }) => {
-  var m, f, g, b, v, C, y, x, w, k;
+}, V = (t, l, n) => ({ chart: r, tooltip: o }) => {
   const a = {};
   if (o.opacity === 0) {
-    t((M) => ({ ...M, style: { ...M.style, opacity: 0, pointerEvents: "none" } }));
+    t((f) => ({ ...f, style: { ...f.style, opacity: 0, pointerEvents: "none" } }));
     return;
   }
   if (!o.dataPoints || o.dataPoints.length === 0) return;
   a.opacity = "1", a.position = "absolute", a.pointerEvents = "none";
   const c = r.canvas.getBoundingClientRect();
   a.left = c.left + window.pageXOffset + o.caretX + "px", a.top = c.top + window.pageYOffset + o.caretY + "px";
-  const s = o.dataPoints[0].dataIndex, u = ((f = (m = o.dataPoints) == null ? void 0 : m[0]) == null ? void 0 : f.label) ?? "", d = ((b = (g = o.dataPoints) == null ? void 0 : g[0]) == null ? void 0 : b.raw) ?? 0, i = ((y = (C = (v = o.dataPoints) == null ? void 0 : v[0]) == null ? void 0 : C.dataset.backgroundColor) == null ? void 0 : y[s]) ?? "", e = ((k = (w = (x = o.dataPoints) == null ? void 0 : x[0]) == null ? void 0 : w.dataset.data) == null ? void 0 : k.reduce((M, S) => M + S, 0)) || 1, p = e > 0 ? d / e * 100 : 0;
+  const s = o.dataPoints[0].dataIndex, u = o.dataPoints?.[0]?.label ?? "", d = o.dataPoints?.[0]?.raw ?? 0, i = o.dataPoints?.[0]?.dataset.backgroundColor?.[s] ?? "", e = o.dataPoints?.[0]?.dataset.data?.reduce((f, g) => f + g, 0) || 1, p = e > 0 ? d / e * 100 : 0;
   t({
     label: u,
     value: d,
     percentage: p,
-    formattedValue: E(d, e, l),
+    formattedValue: x(d, e, l),
     backgroundColor: typeof i == "string" ? i : "#000",
     mergedItems: n[s] ?? [],
     style: a,
     dataPoints: o.dataPoints
   });
-}, H = (t, l) => ({
+}, $ = (t, l) => ({
   id: "pieLabelPlugin",
   afterDraw(n) {
     const { ctx: r } = n, o = n.getDatasetMeta(0), a = n.data.datasets[0].data.reduce((c, s) => c + s, 0);
     o.data.forEach((c, s) => {
-      var f;
       const d = n.data.datasets[0].data[s] ?? 0;
       if ((a > 0 ? d / a * 100 : 0) < l) return;
-      const { x: e, y: p } = c.tooltipPosition(!1), m = (f = n.data.labels) == null ? void 0 : f[s];
-      r.save(), r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = "#FFFFFF", r.font = "bold 10px Inter, sans-serif", r.fillText(m, e || 0, (p || 0) - 6), r.fillText(E(d, a, t), e || 0, (p || 0) + 8), r.restore();
+      const { x: e, y: p } = c.tooltipPosition(!1), f = n.data.labels?.[s];
+      r.save(), r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = "#FFFFFF", r.font = "bold 10px Inter, sans-serif", r.fillText(f, e || 0, (p || 0) - 6), r.fillText(x(d, a, t), e || 0, (p || 0) + 8), r.restore();
     });
   }
-}), N = {
+}), j = {
   responsive: !0,
   maintainAspectRatio: !1,
   plugins: {
@@ -108,7 +105,7 @@ const E = (t, l, n) => {
       borderWidth: 0
     }
   }
-}, K = ({
+}, Y = ({
   data: t,
   height: l,
   classNameContainer: n,
@@ -119,7 +116,7 @@ const E = (t, l, n) => {
   valueFormat: s,
   hideLabelBelowPercentage: u = 5
 }) => {
-  const [d, i] = h.useState({
+  const [d, i] = m.useState({
     style: { opacity: 0, position: "absolute", left: 0, top: 0 },
     label: "",
     value: 0,
@@ -128,45 +125,45 @@ const E = (t, l, n) => {
     backgroundColor: "",
     mergedItems: [],
     dataPoints: []
-  }), e = h.useMemo(() => D(t), [t]), {
+  }), e = m.useMemo(() => F(t), [t]), {
     labels: p,
-    values: m,
-    colors: f,
-    mergedMap: g
-  } = h.useMemo(() => L(e, c), [e, c]), b = h.useMemo(
+    values: f,
+    colors: g,
+    mergedMap: v
+  } = m.useMemo(() => R(e, c), [e, c]), M = m.useMemo(
     () => ({
       labels: p,
       datasets: [
         {
           ...t.datasets[0],
-          data: m,
-          backgroundColor: f,
+          data: f,
+          backgroundColor: g,
           hoverOffset: 8,
           borderWidth: 0
         }
       ]
     }),
-    [p, m, f, t.datasets]
-  ), v = h.useMemo(() => V(N, {
+    [p, f, g, t.datasets]
+  ), P = m.useMemo(() => A(j, {
     plugins: {
       tooltip: {
         enabled: !a,
-        external: a ? ({ chart: y, tooltip: x }) => G(i, s, g)({ chart: y, tooltip: x }) : void 0
+        external: a ? ({ chart: C, tooltip: O }) => V(i, s, v)({ chart: C, tooltip: O }) : void 0
       }
     }
-  }, o ?? {}), [o, a, s, g]);
-  return /* @__PURE__ */ A("div", { id: r, className: n, style: { height: l || "300px" }, children: [
-    a && /* @__PURE__ */ O($, { selector: "body", children: /* @__PURE__ */ O(a, { ...d }) }),
-    /* @__PURE__ */ O(
-      R,
+  }, o ?? {}), [o, a, s, v]);
+  return /* @__PURE__ */ w("div", { id: r, className: n, style: { height: l || "300px" }, children: [
+    a && /* @__PURE__ */ b(B, { selector: "body", children: /* @__PURE__ */ b(a, { ...d }) }),
+    /* @__PURE__ */ b(
+      S,
       {
-        data: b,
-        options: v,
-        plugins: [H(s, u)]
+        data: M,
+        options: P,
+        plugins: [$(s, u)]
       }
     )
   ] });
 };
 export {
-  K as default
+  Y as default
 };

package/dist/components/Collapse/Collapse.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),o=require("react"),g=require("./style.module.scss.cjs"),w=({children:l,id:s,open:r,className:a,classNameContainer:c,maxCollapsedHeight:u="0px",triggerCalCulateContainer:d,delayTriggerCalculateHeight:h=0})=>{const[m,v]=o.useState("1000vh"),e=()=>{var i;const t=((i=document==null?void 0:document.getElementById(s))==null?void 0:i.offsetHeight)??0;v(t||"1000vh")};return o.useEffect(()=>{const t=setTimeout(e,h);return window==null||window.addEventListener("resize",e),window==null||window.addEventListener("load",e),()=>{clearTimeout(t),window==null||window.removeEventListener("resize",e),window==null||window.removeEventListener("load",e)}},[d]),n.jsx("div",{className:`${g.default.collapse} ${c??""}`,style:{maxHeight:r?m:u},children:n.jsx("div",{id:s,className:a??"",children:l})})};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("react"),v=require("./style.module.scss.cjs"),g=({children:o,id:s,open:l,className:r,classNameContainer:a,maxCollapsedHeight:c="0px",triggerCalCulateContainer:u,delayTriggerCalculateHeight:d=0})=>{const[h,m]=n.useState("1000vh"),e=()=>{const t=document?.getElementById(s)?.offsetHeight??0;m(t||"1000vh")};return n.useEffect(()=>{const t=setTimeout(e,d);return window?.addEventListener("resize",e),window?.addEventListener("load",e),()=>{clearTimeout(t),window?.removeEventListener("resize",e),window?.removeEventListener("load",e)}},[u]),i.jsx("div",{className:`${v.default.collapse} ${a??""}`,style:{maxHeight:l?h:c},children:i.jsx("div",{id:s,className:r??"",children:o})})};exports.default=g;

package/dist/components/Collapse/Collapse.mjs

@@ -1,35 +1,34 @@
-import { jsx as i } from "react/jsx-runtime";
-import n from "react";
-import w from "./style.module.scss.mjs";
-const E = ({
-  children: r,
+import { jsx as s } from "react/jsx-runtime";
+import i from "react";
+import v from "./style.module.scss.mjs";
+const p = ({
+  children: n,
   id: o,
-  open: a,
-  className: l,
-  classNameContainer: c,
-  maxCollapsedHeight: d = "0px",
-  triggerCalCulateContainer: m,
-  delayTriggerCalculateHeight: h = 0
+  open: r,
+  className: a,
+  classNameContainer: l,
+  maxCollapsedHeight: c = "0px",
+  triggerCalCulateContainer: d,
+  delayTriggerCalculateHeight: m = 0
 }) => {
-  const [u, v] = n.useState("1000vh"), e = () => {
-    var s;
-    const t = ((s = document == null ? void 0 : document.getElementById(o)) == null ? void 0 : s.offsetHeight) ?? 0;
-    v(t || "1000vh");
+  const [h, u] = i.useState("1000vh"), e = () => {
+    const t = document?.getElementById(o)?.offsetHeight ?? 0;
+    u(t || "1000vh");
   };
-  return n.useEffect(() => {
-    const t = setTimeout(e, h);
-    return window == null || window.addEventListener("resize", e), window == null || window.addEventListener("load", e), () => {
-      clearTimeout(t), window == null || window.removeEventListener("resize", e), window == null || window.removeEventListener("load", e);
+  return i.useEffect(() => {
+    const t = setTimeout(e, m);
+    return window?.addEventListener("resize", e), window?.addEventListener("load", e), () => {
+      clearTimeout(t), window?.removeEventListener("resize", e), window?.removeEventListener("load", e);
     };
-  }, [m]), /* @__PURE__ */ i(
+  }, [d]), /* @__PURE__ */ s(
     "div",
     {
-      className: `${w.collapse} ${c ?? ""}`,
-      style: { maxHeight: a ? u : d },
-      children: /* @__PURE__ */ i("div", { id: o, className: l ?? "", children: r })
+      className: `${v.collapse} ${l ?? ""}`,
+      style: { maxHeight: r ? h : c },
+      children: /* @__PURE__ */ s("div", { id: o, className: a ?? "", children: n })
     }
   );
 };
 export {
-  E as default
+  p as default
 };

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),m=require("react"),w=require("@internationalized/date"),Z=require("../Calendar/Calendar.cjs"),p=require("react-aria"),J=require("../Popover/Popover.cjs"),S=l=>{let r;const i=new Date(l??new Date);return l&&(r=w.parseDate(new Date(i.setHours(i.getHours()+7)).toISOString().slice(0,10))),r},K=l=>{const{minDate:r,maxDate:i,value:c,defaultValue:b,withConfirm:H=!1,isCustomTime:D=!1,className:j,classNameButton:I,buttonClick:C,buttonReset:M,buttonSubmit:y,prevIcon:q,nextIcon:R,onChange:d,id:k="date-picker",idPopover:N="date-picker-popover",floatingOptions:O={},offsetPopover:V=5,zIndexPopper:L=1,hiddenHeader:z}=l,g=p.useDateFormatter(),{locale:F}=p.useLocale(),_=S(r),$=S(i),f=m.useRef(null),[h,v]=m.useState(),[a,x]=m.useState(),A=s=>{var T;const o=new Date;let e=s.toDate(w.getLocalTimeZone());e.setHours(o.getHours(),o.getMinutes(),o.getSeconds());const t=r?new Date(r):null,n=i?new Date(i):null;if(D){if(e=new Date(new Date(e).setHours((a==null?void 0:a.hour)??0,a==null?void 0:a.minut,a==null?void 0:a.second)),t&&(t==null?void 0:t.toDateString())===new Date(e).toDateString()&&(t==null?void 0:t.toTimeString())>=(e==null?void 0:e.toTimeString())){if(t&&(t.getHours()>e.getHours()||t.getHours()===e.getHours()&&t.getMinutes()>e.getMinutes()))return;e=new Date(t.setSeconds(t.getSeconds()+1))}if(n&&(n==null?void 0:n.toDateString())===new Date(e).toDateString()&&(n==null?void 0:n.toTimeString())<(e==null?void 0:e.toTimeString())){if(n&&(n.getHours()<e.getHours()||n.getHours()===e.getHours()&&n.getMinutes()<e.getMinutes()))return;e=new Date(n.setSeconds(n.getSeconds()-1))}}else t&&g.format(e)===g.format(t)&&t.getTime()>=e.getTime()?e=new Date(t.setSeconds(t.getSeconds()+1)):n&&g.format(e)===g.format(n)&&n.getTime()<=e.getTime()&&(e=new Date(n.setSeconds(n.getSeconds()-1)));typeof d=="function"&&(d(e),(T=f.current)==null||T.setShow(!1))},P=(s,o)=>{v(s),(o??(!H&&!D))&&A(s)},B=s=>{const{start:o}=s;x(o)},E=s=>{const o=new Date(c??new Date);x({hour:o.getHours(),minut:o.getMinutes(),second:o.getSeconds()}),v(S(c))},G=()=>{h&&P(h,!0)};return u.jsxs(u.Fragment,{children:[u.jsx("div",{id:k,onClick:s=>{var o;(o=f.current)==null||o.handlerShow(s),E()},className:I,children:typeof C=="function"?C(c):c?new Date(c).toDateString():"Pilih Tanggal"}),u.jsx(J.default,{zIndex:L,ref:f,offset:V,id:N,floatingOptions:{placement:"bottom-end",...O},children:u.jsx("div",{className:j??"",children:u.jsx(p.I18nProvider,{locale:"id-ID",children:u.jsx(Z.default,{minValue:_,maxValue:$,minDate:r,maxDate:i,time:{start:a},locale:F,value:h,typeTime:"SINGLE",buttonReset:M,buttonSubmit:y,prevIcon:q,nextIcon:R,createCalendar:w.createCalendar,defaultValue:S(c),onChange:P,handlerReset:()=>{var s;typeof d=="function"&&(d(b),(s=f.current)==null||s.setShow(!1))},handlerSubmit:G,handlerChangeTime:B,withConfirm:H,isCustomTime:D,type:["date","month","year"],hiddenHeader:z})})})})]})};exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),h=require("react"),p=require("@internationalized/date"),G=require("../Calendar/Calendar.cjs"),w=require("react-aria"),Z=require("../Popover/Popover.cjs"),f=c=>{let s;const r=new Date(c??new Date);return c&&(s=p.parseDate(new Date(r.setHours(r.getHours()+7)).toISOString().slice(0,10))),s},J=c=>{const{minDate:s,maxDate:r,value:u,defaultValue:P,withConfirm:T=!1,isCustomTime:D=!1,className:b,classNameButton:j,buttonClick:H,buttonReset:I,buttonSubmit:M,prevIcon:y,nextIcon:q,onChange:l,id:R="date-picker",idPopover:k="date-picker-popover",floatingOptions:N={},offsetPopover:O=5,zIndexPopper:V=1,hiddenHeader:L}=c,d=w.useDateFormatter(),{locale:z}=w.useLocale(),F=f(s),_=f(r),g=h.useRef(null),[S,x]=h.useState(),[m,C]=h.useState(),$=a=>{const o=new Date;let e=a.toDate(p.getLocalTimeZone());e.setHours(o.getHours(),o.getMinutes(),o.getSeconds());const t=s?new Date(s):null,n=r?new Date(r):null;if(D){if(e=new Date(new Date(e).setHours(m?.hour??0,m?.minut,m?.second)),t&&t?.toDateString()===new Date(e).toDateString()&&t?.toTimeString()>=e?.toTimeString()){if(t&&(t.getHours()>e.getHours()||t.getHours()===e.getHours()&&t.getMinutes()>e.getMinutes()))return;e=new Date(t.setSeconds(t.getSeconds()+1))}if(n&&n?.toDateString()===new Date(e).toDateString()&&n?.toTimeString()<e?.toTimeString()){if(n&&(n.getHours()<e.getHours()||n.getHours()===e.getHours()&&n.getMinutes()<e.getMinutes()))return;e=new Date(n.setSeconds(n.getSeconds()-1))}}else t&&d.format(e)===d.format(t)&&t.getTime()>=e.getTime()?e=new Date(t.setSeconds(t.getSeconds()+1)):n&&d.format(e)===d.format(n)&&n.getTime()<=e.getTime()&&(e=new Date(n.setSeconds(n.getSeconds()-1)));typeof l=="function"&&(l(e),g.current?.setShow(!1))},v=(a,o)=>{x(a),(o??(!T&&!D))&&$(a)},A=a=>{const{start:o}=a;C(o)},B=a=>{const o=new Date(u??new Date);C({hour:o.getHours(),minut:o.getMinutes(),second:o.getSeconds()}),x(f(u))},E=()=>{S&&v(S,!0)};return i.jsxs(i.Fragment,{children:[i.jsx("div",{id:R,onClick:a=>{g.current?.handlerShow(a),B()},className:j,children:typeof H=="function"?H(u):u?new Date(u).toDateString():"Pilih Tanggal"}),i.jsx(Z.default,{zIndex:V,ref:g,offset:O,id:k,floatingOptions:{placement:"bottom-end",...N},children:i.jsx("div",{className:b??"",children:i.jsx(w.I18nProvider,{locale:"id-ID",children:i.jsx(G.default,{minValue:F,maxValue:_,minDate:s,maxDate:r,time:{start:m},locale:z,value:S,typeTime:"SINGLE",buttonReset:I,buttonSubmit:M,prevIcon:y,nextIcon:q,createCalendar:p.createCalendar,defaultValue:f(u),onChange:v,handlerReset:()=>{typeof l=="function"&&(l(P),g.current?.setShow(!1))},handlerSubmit:E,handlerChangeTime:A,withConfirm:T,isCustomTime:D,type:["date","month","year"],hiddenHeader:L})})})})]})};exports.default=J;

package/dist/components/DatePicker/DatePicker.mjs

@@ -1,119 +1,116 @@
-import { jsxs as A, Fragment as J, jsx as u } from "react/jsx-runtime";
+import { jsxs as q, Fragment as A, jsx as c } from "react/jsx-runtime";
 import p from "react";
-import { createCalendar as K, parseDate as Q, getLocalTimeZone as U } from "@internationalized/date";
-import W from "../Calendar/Calendar.mjs";
-import { useDateFormatter as X, useLocale as Y, I18nProvider as _ } from "react-aria";
-import $ from "../Popover/Popover.mjs";
-const m = (l) => {
-  let a;
-  const i = new Date(l ?? /* @__PURE__ */ new Date());
-  return l && (a = Q(new Date(i.setHours(i.getHours() + 7)).toISOString().slice(0, 10))), a;
-}, ae = (l) => {
+import { createCalendar as J, parseDate as K, getLocalTimeZone as Q } from "@internationalized/date";
+import U from "../Calendar/Calendar.mjs";
+import { useDateFormatter as W, useLocale as X, I18nProvider as Y } from "react-aria";
+import _ from "../Popover/Popover.mjs";
+const g = (u) => {
+  let s;
+  const r = new Date(u ?? /* @__PURE__ */ new Date());
+  return u && (s = K(new Date(r.setHours(r.getHours() + 7)).toISOString().slice(0, 10))), s;
+}, se = (u) => {
   const {
-    minDate: a,
-    maxDate: i,
-    value: c,
-    defaultValue: P,
+    minDate: s,
+    maxDate: r,
+    value: i,
+    defaultValue: v,
     withConfirm: h = !1,
     isCustomTime: D = !1,
-    className: T,
-    classNameButton: b,
+    className: x,
+    classNameButton: I,
     buttonClick: w,
-    buttonReset: y,
-    buttonSubmit: M,
-    prevIcon: k,
-    nextIcon: x,
-    onChange: d,
-    id: N = "date-picker",
-    idPopover: R = "date-picker-popover",
-    floatingOptions: V = {},
-    offsetPopover: L = 5,
-    zIndexPopper: O = 1,
-    hiddenHeader: j
-  } = l, f = X(), { locale: z } = Y(), F = m(a), B = m(i), g = p.useRef(null), [S, H] = p.useState(), [r, C] = p.useState(), E = (s) => {
-    var I;
-    const n = /* @__PURE__ */ new Date();
-    let e = s.toDate(U());
-    e.setHours(n.getHours(), n.getMinutes(), n.getSeconds());
-    const t = a ? new Date(a) : null, o = i ? new Date(i) : null;
+    buttonReset: P,
+    buttonSubmit: b,
+    prevIcon: y,
+    nextIcon: M,
+    onChange: m,
+    id: k = "date-picker",
+    idPopover: N = "date-picker-popover",
+    floatingOptions: R = {},
+    offsetPopover: V = 5,
+    zIndexPopper: L = 1,
+    hiddenHeader: O
+  } = u, l = W(), { locale: j } = X(), z = g(s), F = g(r), d = p.useRef(null), [S, T] = p.useState(), [f, H] = p.useState(), B = (a) => {
+    const o = /* @__PURE__ */ new Date();
+    let e = a.toDate(Q());
+    e.setHours(o.getHours(), o.getMinutes(), o.getSeconds());
+    const t = s ? new Date(s) : null, n = r ? new Date(r) : null;
     if (D) {
-      if (e = new Date(new Date(e).setHours((r == null ? void 0 : r.hour) ?? 0, r == null ? void 0 : r.minut, r == null ? void 0 : r.second)), t && (t == null ? void 0 : t.toDateString()) === new Date(e).toDateString() && (t == null ? void 0 : t.toTimeString()) >= (e == null ? void 0 : e.toTimeString())) {
+      if (e = new Date(new Date(e).setHours(f?.hour ?? 0, f?.minut, f?.second)), t && t?.toDateString() === new Date(e).toDateString() && t?.toTimeString() >= e?.toTimeString()) {
         if (t && (t.getHours() > e.getHours() || t.getHours() === e.getHours() && t.getMinutes() > e.getMinutes()))
           return;
         e = new Date(t.setSeconds(t.getSeconds() + 1));
       }
-      if (o && (o == null ? void 0 : o.toDateString()) === new Date(e).toDateString() && (o == null ? void 0 : o.toTimeString()) < (e == null ? void 0 : e.toTimeString())) {
-        if (o && (o.getHours() < e.getHours() || o.getHours() === e.getHours() && o.getMinutes() < e.getMinutes()))
+      if (n && n?.toDateString() === new Date(e).toDateString() && n?.toTimeString() < e?.toTimeString()) {
+        if (n && (n.getHours() < e.getHours() || n.getHours() === e.getHours() && n.getMinutes() < e.getMinutes()))
           return;
-        e = new Date(o.setSeconds(o.getSeconds() - 1));
+        e = new Date(n.setSeconds(n.getSeconds() - 1));
       }
     } else
-      t && f.format(e) === f.format(t) && t.getTime() >= e.getTime() ? e = new Date(t.setSeconds(t.getSeconds() + 1)) : o && f.format(e) === f.format(o) && o.getTime() <= e.getTime() && (e = new Date(o.setSeconds(o.getSeconds() - 1)));
-    typeof d == "function" && (d(e), (I = g.current) == null || I.setShow(!1));
-  }, v = (s, n) => {
-    H(s), (n ?? (!h && !D)) && E(s);
-  }, G = (s) => {
-    const { start: n } = s;
-    C(n);
-  }, Z = (s) => {
-    const n = new Date(c ?? /* @__PURE__ */ new Date());
-    C({
-      hour: n.getHours(),
-      minut: n.getMinutes(),
-      second: n.getSeconds()
-    }), H(m(c));
-  }, q = () => {
-    S && v(S, !0);
+      t && l.format(e) === l.format(t) && t.getTime() >= e.getTime() ? e = new Date(t.setSeconds(t.getSeconds() + 1)) : n && l.format(e) === l.format(n) && n.getTime() <= e.getTime() && (e = new Date(n.setSeconds(n.getSeconds() - 1)));
+    typeof m == "function" && (m(e), d.current?.setShow(!1));
+  }, C = (a, o) => {
+    T(a), (o ?? (!h && !D)) && B(a);
+  }, E = (a) => {
+    const { start: o } = a;
+    H(o);
+  }, G = (a) => {
+    const o = new Date(i ?? /* @__PURE__ */ new Date());
+    H({
+      hour: o.getHours(),
+      minut: o.getMinutes(),
+      second: o.getSeconds()
+    }), T(g(i));
+  }, Z = () => {
+    S && C(S, !0);
   };
-  return /* @__PURE__ */ A(J, { children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ q(A, { children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        id: N,
-        onClick: (s) => {
-          var n;
-          (n = g.current) == null || n.handlerShow(s), Z();
+        id: k,
+        onClick: (a) => {
+          d.current?.handlerShow(a), G();
         },
-        className: b,
-        children: typeof w == "function" ? w(c) : c ? new Date(c).toDateString() : "Pilih Tanggal"
+        className: I,
+        children: typeof w == "function" ? w(i) : i ? new Date(i).toDateString() : "Pilih Tanggal"
       }
     ),
-    /* @__PURE__ */ u(
-      $,
+    /* @__PURE__ */ c(
+      _,
       {
-        zIndex: O,
-        ref: g,
-        offset: L,
-        id: R,
-        floatingOptions: { placement: "bottom-end", ...V },
-        children: /* @__PURE__ */ u("div", { className: T ?? "", children: /* @__PURE__ */ u(_, { locale: "id-ID", children: /* @__PURE__ */ u(
-          W,
+        zIndex: L,
+        ref: d,
+        offset: V,
+        id: N,
+        floatingOptions: { placement: "bottom-end", ...R },
+        children: /* @__PURE__ */ c("div", { className: x ?? "", children: /* @__PURE__ */ c(Y, { locale: "id-ID", children: /* @__PURE__ */ c(
+          U,
           {
-            minValue: F,
-            maxValue: B,
-            minDate: a,
-            maxDate: i,
-            time: { start: r },
-            locale: z,
+            minValue: z,
+            maxValue: F,
+            minDate: s,
+            maxDate: r,
+            time: { start: f },
+            locale: j,
             value: S,
             typeTime: "SINGLE",
-            buttonReset: y,
-            buttonSubmit: M,
-            prevIcon: k,
-            nextIcon: x,
-            createCalendar: K,
-            defaultValue: m(c),
-            onChange: v,
+            buttonReset: P,
+            buttonSubmit: b,
+            prevIcon: y,
+            nextIcon: M,
+            createCalendar: J,
+            defaultValue: g(i),
+            onChange: C,
             handlerReset: () => {
-              var s;
-              typeof d == "function" && (d(P), (s = g.current) == null || s.setShow(!1));
+              typeof m == "function" && (m(v), d.current?.setShow(!1));
             },
-            handlerSubmit: q,
-            handlerChangeTime: G,
+            handlerSubmit: Z,
+            handlerChangeTime: E,
             withConfirm: h,
             isCustomTime: D,
             type: ["date", "month", "year"],
-            hiddenHeader: j
+            hiddenHeader: O
           }
         ) }) })
       }
@@ -121,5 +118,5 @@ const m = (l) => {
   ] });
 };
 export {
-  ae as default
+  se as default
 };

package/dist/components/DatePicker/DateRangePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),y=require("react"),Y=require("react-aria"),B=require("../Calendar/CalendarRange.cjs"),n=require("@internationalized/date"),K=require("../Calendar/Calendar.cjs"),H=a=>{let o;const r=new Date(a??new Date);return a&&(o=n.parseDate(new Date(r.setHours(r.getHours()+7)).toISOString().slice(0,10))),o},k=a=>{const o=new Date((a==null?void 0:a.startDate)??new Date),r=new Date((a==null?void 0:a.endDate)??new Date),i=new n.CalendarDate(o.getFullYear(),o.getMonth()+1,o.getDate()),D=new n.CalendarDate(r.getFullYear(),r.getMonth()+1,r.getDate());return a?{start:i,end:D}:void 0},Q=a=>{const{minDate:o,maxDate:r,defaultValue:i,withConfirm:D,prevIcon:M,nextIcon:p,buttonReset:L,buttonSubmit:b,typePicker:j="RANGE",onChange:q,value:c,onReset:E,isCustomTime:w}=a,{locale:_}=Y.useLocale(),I=H(o),N=H(r),[e,C]=y.useState(),[S,T]=y.useState({start:void 0,end:void 0}),Z=t=>{typeof q=="function"&&q(t)},R=(t,s)=>{const d=t.start.toDate(n.getLocalTimeZone()),u=t.end.toDate(n.getLocalTimeZone());C(t),T({start:{hour:0,minut:0,second:0},end:{hour:23,minut:59,second:59}}),(s??!D)&&Z({startDate:d,endDate:new Date(u.setHours(23,59,59))})},x=(t,s)=>{var d,u,g,m,l,f,G,P;if(e!=null&&e.start&&(e!=null&&e.end)&&(T(t),(u=(d=t.start)==null?void 0:d.hour)!=null&&u.toString()&&((m=(g=t.start)==null?void 0:g.minut)!=null&&m.toString())&&((f=(l=t.end)==null?void 0:l.hour)!=null&&f.toString())&&((P=(G=t.end)==null?void 0:G.minut)!=null&&P.toString())&&(s??!D))){const J=e.start.toDate(n.getLocalTimeZone()),z=e.end.toDate(n.getLocalTimeZone()),O=new Date(J.setHours(t.start.hour,t.start.minut)),V=new Date(z.setHours(t.end.hour,t.end.minut,59));O.getTime()<V.getTime()&&Z({startDate:O,endDate:V})}},A=t=>{if(typeof E=="function")E();else if(i&&t){const s=new Date(i.endDate??new Date),d=t.focusedDate.set({month:s.getMonth()+1,year:s.getFullYear()});t.setFocusedDate(d)}C(k(i))},F=()=>{e&&(w?x(S,!0):R(e,!0))};return y.useEffect(()=>{if(c!=null&&c.endDate&&(c!=null&&c.startDate)){const t=new Date(c.startDate),s=new Date(c.endDate),d=t.getHours(),u=t.getMinutes(),g=s.getHours(),m=s.getMinutes(),l=n.toCalendarDate(n.fromDate(t,n.getLocalTimeZone())),f=n.toCalendarDate(n.fromDate(s,n.getLocalTimeZone()));C({start:l,end:f}),T({start:{hour:d,minut:u},end:{hour:g,minut:m}})}},[JSON.stringify(c)]),h.jsx("div",{className:"iru-flex iru-flex-col",children:h.jsxs(Y.I18nProvider,{locale:"id-ID",children:[j==="RANGE"&&h.jsx(B.default,{defaultValue:k(i),value:e,minValue:I,maxValue:N,withConfirm:D,prevIcon:M,nextIcon:p,buttonReset:L,buttonSubmit:b,onChange:t=>R(t),isCustomTime:w,handlerReset:A,handlerSubmit:F,time:S,minDate:o,maxDate:r,handlerChangeTimeRange:x}),j==="SINGLE"&&h.jsx(K.default,{defaultValue:H(i==null?void 0:i.endDate),value:e==null?void 0:e.end,minValue:I,maxValue:N,minDate:o,maxDate:r,withConfirm:D,prevIcon:M,nextIcon:p,buttonReset:L,buttonSubmit:b,locale:_,time:S,typeTime:"RANGE",handlerChangeTime:x,isCustomTime:w,createCalendar:n.createCalendar,onChange:t=>R({start:t,end:t}),handlerReset:A,handlerSubmit:F,type:["date","month","year"]})]})})};exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),R=require("react"),V=require("react-aria"),O=require("../Calendar/CalendarRange.cjs"),t=require("@internationalized/date"),Y=require("../Calendar/Calendar.cjs"),x=r=>{let n;const a=new Date(r??new Date);return r&&(n=t.parseDate(new Date(a.setHours(a.getHours()+7)).toISOString().slice(0,10))),n},A=r=>{const n=new Date(r?.startDate??new Date),a=new Date(r?.endDate??new Date),i=new t.CalendarDate(n.getFullYear(),n.getMonth()+1,n.getDate()),d=new t.CalendarDate(a.getFullYear(),a.getMonth()+1,a.getDate());return r?{start:i,end:d}:void 0},k=r=>{const{minDate:n,maxDate:a,defaultValue:i,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,typePicker:L="RANGE",onChange:b,value:u,onReset:j,isCustomTime:f}=r,{locale:F}=V.useLocale(),q=x(n),E=x(a),[s,h]=R.useState(),[w,C]=R.useState({start:void 0,end:void 0}),I=e=>{typeof b=="function"&&b(e)},S=(e,o)=>{const c=e.start.toDate(t.getLocalTimeZone()),D=e.end.toDate(t.getLocalTimeZone());h(e),C({start:{hour:0,minut:0,second:0},end:{hour:23,minut:59,second:59}}),(o??!d)&&I({startDate:c,endDate:new Date(D.setHours(23,59,59))})},T=(e,o)=>{if(s?.start&&s?.end&&(C(e),e.start?.hour?.toString()&&e.start?.minut?.toString()&&e.end?.hour?.toString()&&e.end?.minut?.toString()&&(o??!d))){const c=s.start.toDate(t.getLocalTimeZone()),D=s.end.toDate(t.getLocalTimeZone()),l=new Date(c.setHours(e.start.hour,e.start.minut)),g=new Date(D.setHours(e.end.hour,e.end.minut,59));l.getTime()<g.getTime()&&I({startDate:l,endDate:g})}},N=e=>{if(typeof j=="function")j();else if(i&&e){const o=new Date(i.endDate??new Date),c=e.focusedDate.set({month:o.getMonth()+1,year:o.getFullYear()});e.setFocusedDate(c)}h(A(i))},Z=()=>{s&&(f?T(w,!0):S(s,!0))};return R.useEffect(()=>{if(u?.endDate&&u?.startDate){const e=new Date(u.startDate),o=new Date(u.endDate),c=e.getHours(),D=e.getMinutes(),l=o.getHours(),g=o.getMinutes(),G=t.toCalendarDate(t.fromDate(e,t.getLocalTimeZone())),P=t.toCalendarDate(t.fromDate(o,t.getLocalTimeZone()));h({start:G,end:P}),C({start:{hour:c,minut:D},end:{hour:l,minut:g}})}},[JSON.stringify(u)]),m.jsx("div",{className:"iru-flex iru-flex-col",children:m.jsxs(V.I18nProvider,{locale:"id-ID",children:[L==="RANGE"&&m.jsx(O.default,{defaultValue:A(i),value:s,minValue:q,maxValue:E,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,onChange:e=>S(e),isCustomTime:f,handlerReset:N,handlerSubmit:Z,time:w,minDate:n,maxDate:a,handlerChangeTimeRange:T}),L==="SINGLE"&&m.jsx(Y.default,{defaultValue:x(i?.endDate),value:s?.end,minValue:q,maxValue:E,minDate:n,maxDate:a,withConfirm:d,prevIcon:y,nextIcon:H,buttonReset:M,buttonSubmit:p,locale:F,time:w,typeTime:"RANGE",handlerChangeTime:T,isCustomTime:f,createCalendar:t.createCalendar,onChange:e=>S({start:e,end:e}),handlerReset:N,handlerSubmit:Z,type:["date","month","year"]})]})})};exports.default=k;