1mpacto-react-ui 2.0.20 → 2.0.21

package/dist/components/DatePicker/DateRangePicker.mjs

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

package/dist/components/DatePicker/FilterDate.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),Q=require("./DateRangePicker.cjs"),U=require("../Popover/Popover.cjs"),m=require("../Calendar/style.module.scss.cjs"),k=require("../../utils/common.cjs"),X=require("../Button/Button.cjs"),Z=({value:o,prevIcon:T,nextIcon:K,buttonReset:g,buttonSubmit:q,className:H,classNameButton:N,buttonClick:c,buttonList:w,typePicker:R="RANGE",onChange:Y,idPopover:W="filter-date-popover",id:P="filter-date",floatingOptions:B={},offsetPopover:E=5,zIndexPopper:O=0,defaultValueLabel:l,isCustomTime:$=!1,mountedExecuteChange:_=!0,formatingDate:D})=>{const S=[{key:"thisDay",value:"Hari ini"},{key:"thisWeek",value:"Minggu ini"},{key:"thisMonth",value:"Bulan ini"},{key:"thisYear",value:"Tahun ini"},{key:"yesterday",value:"Kemarin"},{key:"lastWeek",value:"Minggu lalu"},{key:"lastMonth",value:"Bulan lalu"},{key:"lastYear",value:"Tahun lalu"},{key:"custom",value:"Kustom"}],b=r.useRef(null),[n,M]=r.useState(),[z,i]=r.useState(),[x,p]=r.useState(),d=(e,t)=>{const a=new Date(e??new Date);return t==="start"?new Date(a.setHours(0,0,0)):new Date(a.setHours(23,59,59))},V=()=>{const e=new Date;return{startDate:e,endDate:e}},v=()=>{const e=new Date;e.setDate(e.getDate()-e.getDay());const t=new Date;return t.setDate(t.getDate()+(6-t.getDay())),{startDate:e,endDate:t}},A=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth(),1),a=new Date(e.getFullYear(),e.getMonth()+1,0);return{startDate:t,endDate:a}},G=()=>{const e=new Date(new Date().getFullYear(),0,1),t=new Date(new Date().getFullYear(),11,31);return{startDate:e,endDate:t}},I=()=>{const e=new Date(new Date().setDate(new Date().getDate()-1));return{startDate:e,endDate:e}},J=()=>{const e=new Date;e.setDate(e.getDate()-(7+e.getDay()));const t=new Date;return t.setDate(t.getDate()-(t.getDay()+1)),{startDate:e,endDate:t}},C=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{startDate:t,endDate:a}},L=()=>{const e=new Date(new Date().getFullYear()-1,0,1),t=new Date(new Date().getFullYear()-1,11,31);return{startDate:e,endDate:t}},u=(e,t,a)=>{var h;if(p(e),typeof Y=="function"){let j=e;D==="string"&&e?j={startDate:k.formatDate(e.startDate,D),endDate:k.formatDate(e.endDate,D)}:typeof D=="boolean"&&e&&(j={startDate:k.formatDate(e.startDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),endDate:k.formatDate(e.endDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx")}),(h=b.current)==null||h.setShow(!1),Y(j,t??"",a)}},f=(e,t)=>{M(e);let a;if((e==null?void 0:e.key)!=="custom"){switch(i(e),e==null?void 0:e.key){case"thisDay":a=V();break;case"thisWeek":a=v();break;case"thisMonth":a=A();break;case"thisYear":a=G();break;case"yesterday":a=I();break;case"lastWeek":a=J();break;case"lastMonth":a=C();break;case"lastYear":a=L();break}a&&t&&u({startDate:d(a.startDate,"start"),endDate:d(a.endDate,"end")},e==null?void 0:e.value,e)}},y=(e,t)=>{const a=(w??S).find(h=>h.key===e);!e&&!a?(t&&u(),f(void 0,t),i(void 0)):typeof e=="object"?(t&&u({startDate:d(e.startDate,"start"),endDate:d(e.endDate,"end")},"Kustom",{key:"custom",value:"Kustom"}),f({key:"custom",value:"Kustom"},t),i({key:"custom",value:"Kustom"})):(f(a,t),i(a))},F=()=>{var e;if(o){p(o);const t=(e=w??S)==null?void 0:e.find(a=>a.key===o.label||a.value===o.label);Object.keys(t||{}).length>0&&M(t)}else M(void 0),i(void 0)};return r.useEffect(()=>{F()},[JSON.stringify(o)]),r.useEffect(()=>{y(l??o,_)},[]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{onClick:e=>{var t;(t=b.current)==null||t.handlerShow(e),F()},className:N,id:P,children:[r.isValidElement(c)&&c,typeof c=="function"?c(x,z):"Pilih Filter"]}),s.jsx(U.default,{zIndex:O,ref:b,offset:E,id:W,floatingOptions:{placement:"bottom-end",...B},children:s.jsxs("div",{className:`${m.default["container-filter-date"]} ${H}`,children:[s.jsxs("div",{children:[(w??S).map((e,t)=>s.jsx("div",{className:`${m.default["button-filter-date"]} hover:iru-bg-laba-blue-01 ${(n==null?void 0:n.key)===e.key?"iru-text-laba-blue-10":""}`,onClick:()=>f(e,!0),children:e.value},t)),(n==null?void 0:n.key)!=="custom"&&s.jsx(s.Fragment,{children:typeof g=="function"?s.jsx("div",{className:m.default["button-filter-date-custome"],onClick:()=>y(l,!0),children:g()}):s.jsx(X.default,{className:m.default["button-reset-filter-date"],variants:"nude-laba-blue-10",size:"small",onClick:()=>y(l,!0),children:"Reset"})})]}),(n==null?void 0:n.key)==="custom"&&s.jsx("div",{children:s.jsx(Q.default,{defaultValue:x,value:x,prevIcon:T,nextIcon:K,buttonReset:g,buttonSubmit:q,isCustomTime:$,onChange:e=>{u(e,"Kustom",{key:"custom",value:"Kustom"}),i({key:"custom",value:"Kustom"})},onReset:()=>{y(l,!0)},typePicker:R,withConfirm:!0})})]})})]})};exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),L=require("./DateRangePicker.cjs"),Q=require("../Popover/Popover.cjs"),h=require("../Calendar/style.module.scss.cjs"),m=require("../../utils/common.cjs"),U=require("../Button/Button.cjs"),X=({value:r,prevIcon:v,nextIcon:F,buttonReset:k,buttonSubmit:T,className:K,classNameButton:q,buttonClick:i,buttonList:g,typePicker:H="RANGE",onChange:j,idPopover:N="filter-date-popover",id:R="filter-date",floatingOptions:W={},offsetPopover:P=5,zIndexPopper:B=0,defaultValueLabel:c,isCustomTime:E=!1,mountedExecuteChange:O=!0,formatingDate:u})=>{const w=[{key:"thisDay",value:"Hari ini"},{key:"thisWeek",value:"Minggu ini"},{key:"thisMonth",value:"Bulan ini"},{key:"thisYear",value:"Tahun ini"},{key:"yesterday",value:"Kemarin"},{key:"lastWeek",value:"Minggu lalu"},{key:"lastMonth",value:"Bulan lalu"},{key:"lastYear",value:"Tahun lalu"},{key:"custom",value:"Kustom"}],S=n.useRef(null),[b,M]=n.useState(),[$,o]=n.useState(),[x,Y]=n.useState(),D=(e,t)=>{const a=new Date(e??new Date);return t==="start"?new Date(a.setHours(0,0,0)):new Date(a.setHours(23,59,59))},_=()=>{const e=new Date;return{startDate:e,endDate:e}},z=()=>{const e=new Date;e.setDate(e.getDate()-e.getDay());const t=new Date;return t.setDate(t.getDate()+(6-t.getDay())),{startDate:e,endDate:t}},V=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth(),1),a=new Date(e.getFullYear(),e.getMonth()+1,0);return{startDate:t,endDate:a}},A=()=>{const e=new Date(new Date().getFullYear(),0,1),t=new Date(new Date().getFullYear(),11,31);return{startDate:e,endDate:t}},G=()=>{const e=new Date(new Date().setDate(new Date().getDate()-1));return{startDate:e,endDate:e}},I=()=>{const e=new Date;e.setDate(e.getDate()-(7+e.getDay()));const t=new Date;return t.setDate(t.getDate()-(t.getDay()+1)),{startDate:e,endDate:t}},J=()=>{const e=new Date,t=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{startDate:t,endDate:a}},C=()=>{const e=new Date(new Date().getFullYear()-1,0,1),t=new Date(new Date().getFullYear()-1,11,31);return{startDate:e,endDate:t}},d=(e,t,a)=>{if(Y(e),typeof j=="function"){let l=e;u==="string"&&e?l={startDate:m.formatDate(e.startDate,u),endDate:m.formatDate(e.endDate,u)}:typeof u=="boolean"&&e&&(l={startDate:m.formatDate(e.startDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),endDate:m.formatDate(e.endDate,"yyyy-MM-dd'T'HH:mm:ss.SSSxxx")}),S.current?.setShow(!1),j(l,t??"",a)}},f=(e,t)=>{M(e);let a;if(e?.key!=="custom"){switch(o(e),e?.key){case"thisDay":a=_();break;case"thisWeek":a=z();break;case"thisMonth":a=V();break;case"thisYear":a=A();break;case"yesterday":a=G();break;case"lastWeek":a=I();break;case"lastMonth":a=J();break;case"lastYear":a=C();break}a&&t&&d({startDate:D(a.startDate,"start"),endDate:D(a.endDate,"end")},e?.value,e)}},y=(e,t)=>{const a=(g??w).find(l=>l.key===e);!e&&!a?(t&&d(),f(void 0,t),o(void 0)):typeof e=="object"?(t&&d({startDate:D(e.startDate,"start"),endDate:D(e.endDate,"end")},"Kustom",{key:"custom",value:"Kustom"}),f({key:"custom",value:"Kustom"},t),o({key:"custom",value:"Kustom"})):(f(a,t),o(a))},p=()=>{if(r){Y(r);const e=(g??w)?.find(t=>t.key===r.label||t.value===r.label);Object.keys(e||{}).length>0&&M(e)}else M(void 0),o(void 0)};return n.useEffect(()=>{p()},[JSON.stringify(r)]),n.useEffect(()=>{y(c??r,O)},[]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{onClick:e=>{S.current?.handlerShow(e),p()},className:q,id:R,children:[n.isValidElement(i)&&i,typeof i=="function"?i(x,$):"Pilih Filter"]}),s.jsx(Q.default,{zIndex:B,ref:S,offset:P,id:N,floatingOptions:{placement:"bottom-end",...W},children:s.jsxs("div",{className:`${h.default["container-filter-date"]} ${K}`,children:[s.jsxs("div",{children:[(g??w).map((e,t)=>s.jsx("div",{className:`${h.default["button-filter-date"]} hover:iru-bg-laba-blue-01 ${b?.key===e.key?"iru-text-laba-blue-10":""}`,onClick:()=>f(e,!0),children:e.value},t)),b?.key!=="custom"&&s.jsx(s.Fragment,{children:typeof k=="function"?s.jsx("div",{className:h.default["button-filter-date-custome"],onClick:()=>y(c,!0),children:k()}):s.jsx(U.default,{className:h.default["button-reset-filter-date"],variants:"nude-laba-blue-10",size:"small",onClick:()=>y(c,!0),children:"Reset"})})]}),b?.key==="custom"&&s.jsx("div",{children:s.jsx(L.default,{defaultValue:x,value:x,prevIcon:v,nextIcon:F,buttonReset:k,buttonSubmit:T,isCustomTime:E,onChange:e=>{d(e,"Kustom",{key:"custom",value:"Kustom"}),o({key:"custom",value:"Kustom"})},onReset:()=>{y(c,!0)},typePicker:H,withConfirm:!0})})]})})]})};exports.default=X;

package/dist/components/DatePicker/FilterDate.mjs

@@ -1,33 +1,33 @@
-import { jsxs as h, Fragment as H, jsx as s } from "react/jsx-runtime";
-import i, { isValidElement as _ } from "react";
-import v from "./DateRangePicker.mjs";
-import ee from "../Popover/Popover.mjs";
-import k from "../Calendar/style.module.scss.mjs";
-import { formatDate as w } from "../../utils/common.mjs";
-import te from "../Button/Button.mjs";
-const De = ({
-  value: r,
-  prevIcon: N,
-  nextIcon: R,
-  buttonReset: g,
-  buttonSubmit: W,
-  className: j,
-  classNameButton: B,
-  buttonClick: c,
-  buttonList: p,
-  typePicker: E = "RANGE",
-  onChange: K,
-  idPopover: P = "filter-date-popover",
-  id: $ = "filter-date",
-  floatingOptions: O = {},
-  offsetPopover: z = 5,
-  zIndexPopper: V = 0,
-  defaultValueLabel: D,
-  isCustomTime: A = !1,
-  mountedExecuteChange: G = !0,
-  formatingDate: l
+import { jsxs as m, Fragment as T, jsx as s } from "react/jsx-runtime";
+import o, { isValidElement as X } from "react";
+import Z from "./DateRangePicker.mjs";
+import _ from "../Popover/Popover.mjs";
+import h from "../Calendar/style.module.scss.mjs";
+import { formatDate as k } from "../../utils/common.mjs";
+import ee from "../Button/Button.mjs";
+const le = ({
+  value: n,
+  prevIcon: x,
+  nextIcon: H,
+  buttonReset: w,
+  buttonSubmit: N,
+  className: R,
+  classNameButton: W,
+  buttonClick: l,
+  buttonList: g,
+  typePicker: j = "RANGE",
+  onChange: v,
+  idPopover: B = "filter-date-popover",
+  id: E = "filter-date",
+  floatingOptions: P = {},
+  offsetPopover: $ = 5,
+  zIndexPopper: O = 0,
+  defaultValueLabel: c,
+  isCustomTime: z = !1,
+  mountedExecuteChange: V = !0,
+  formatingDate: D
 }) => {
-  const S = [
+  const p = [
     { key: "thisDay", value: "Hari ini" },
     { key: "thisWeek", value: "Minggu ini" },
     { key: "thisMonth", value: "Bulan ini" },
@@ -37,16 +37,16 @@ const De = ({
     { key: "lastMonth", value: "Bulan lalu" },
     { key: "lastYear", value: "Tahun lalu" },
     { key: "custom", value: "Kustom" }
-  ], b = i.useRef(null), [n, M] = i.useState(), [I, o] = i.useState(), [Y, T] = i.useState(), d = (e, t) => {
+  ], S = o.useRef(null), [b, M] = o.useState(), [A, r] = o.useState(), [Y, F] = o.useState(), d = (e, t) => {
     const a = new Date(e ?? /* @__PURE__ */ new Date());
     return t === "start" ? new Date(a.setHours(0, 0, 0)) : new Date(a.setHours(23, 59, 59));
-  }, J = () => {
+  }, G = () => {
     const e = /* @__PURE__ */ new Date();
     return {
       startDate: e,
       endDate: e
     };
-  }, q = () => {
+  }, I = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - e.getDay());
     const t = /* @__PURE__ */ new Date();
@@ -54,25 +54,25 @@ const De = ({
       startDate: e,
       endDate: t
     };
-  }, C = () => {
+  }, J = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1), a = new Date(e.getFullYear(), e.getMonth() + 1, 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, L = () => {
+  }, q = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear(), 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear(), 11, 31);
     return {
       startDate: e,
       endDate: t
     };
-  }, Q = () => {
+  }, C = () => {
     const e = new Date((/* @__PURE__ */ new Date()).setDate((/* @__PURE__ */ new Date()).getDate() - 1));
     return {
       startDate: e,
       endDate: e
     };
-  }, U = () => {
+  }, L = () => {
     const e = /* @__PURE__ */ new Date();
     e.setDate(e.getDate() - (7 + e.getDay()));
     const t = /* @__PURE__ */ new Date();
@@ -80,161 +80,158 @@ const De = ({
       startDate: e,
       endDate: t
     };
-  }, X = () => {
+  }, Q = () => {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth() - 1, 1), a = new Date(e.getFullYear(), e.getMonth(), 0);
     return {
       startDate: t,
       endDate: a
     };
-  }, Z = () => {
+  }, U = () => {
     const e = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 0, 1), t = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 11, 31);
     return {
       startDate: e,
       endDate: t
     };
   }, u = (e, t, a) => {
-    var m;
-    if (T(e), typeof K == "function") {
-      let F = e;
-      l === "string" && e ? F = {
-        startDate: w(e.startDate, l),
-        endDate: w(e.endDate, l)
-      } : typeof l == "boolean" && e && (F = {
-        startDate: w(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
-        endDate: w(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
-      }), (m = b.current) == null || m.setShow(!1), K(F, t ?? "", a);
+    if (F(e), typeof v == "function") {
+      let i = e;
+      D === "string" && e ? i = {
+        startDate: k(e.startDate, D),
+        endDate: k(e.endDate, D)
+      } : typeof D == "boolean" && e && (i = {
+        startDate: k(e.startDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
+        endDate: k(e.endDate, "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
+      }), S.current?.setShow(!1), v(i, t ?? "", a);
     }
   }, y = (e, t) => {
     M(e);
     let a;
-    if ((e == null ? void 0 : e.key) !== "custom") {
-      switch (o(e), e == null ? void 0 : e.key) {
+    if (e?.key !== "custom") {
+      switch (r(e), e?.key) {
         case "thisDay":
-          a = J();
+          a = G();
           break;
         case "thisWeek":
-          a = q();
+          a = I();
           break;
         case "thisMonth":
-          a = C();
+          a = J();
           break;
         case "thisYear":
-          a = L();
+          a = q();
           break;
         case "yesterday":
-          a = Q();
+          a = C();
           break;
         case "lastWeek":
-          a = U();
+          a = L();
           break;
         case "lastMonth":
-          a = X();
+          a = Q();
           break;
         case "lastYear":
-          a = Z();
+          a = U();
           break;
       }
       a && t && u(
         { startDate: d(a.startDate, "start"), endDate: d(a.endDate, "end") },
-        e == null ? void 0 : e.value,
+        e?.value,
         e
       );
     }
   }, f = (e, t) => {
-    const a = (p ?? S).find((m) => m.key === e);
-    !e && !a ? (t && u(), y(void 0, t), o(void 0)) : typeof e == "object" ? (t && u(
+    const a = (g ?? p).find((i) => i.key === e);
+    !e && !a ? (t && u(), y(void 0, t), r(void 0)) : typeof e == "object" ? (t && u(
       {
         startDate: d(e.startDate, "start"),
         endDate: d(e.endDate, "end")
       },
       "Kustom",
       { key: "custom", value: "Kustom" }
-    ), y({ key: "custom", value: "Kustom" }, t), o({ key: "custom", value: "Kustom" })) : (y(a, t), o(a));
-  }, x = () => {
-    var e;
-    if (r) {
-      T(r);
-      const t = (e = p ?? S) == null ? void 0 : e.find(
-        (a) => a.key === r.label || a.value === r.label
+    ), y({ key: "custom", value: "Kustom" }, t), r({ key: "custom", value: "Kustom" })) : (y(a, t), r(a));
+  }, K = () => {
+    if (n) {
+      F(n);
+      const e = (g ?? p)?.find(
+        (t) => t.key === n.label || t.value === n.label
       );
-      Object.keys(t || {}).length > 0 && M(t);
+      Object.keys(e || {}).length > 0 && M(e);
     } else
-      M(void 0), o(void 0);
+      M(void 0), r(void 0);
   };
-  return i.useEffect(() => {
-    x();
-  }, [JSON.stringify(r)]), i.useEffect(() => {
-    f(D ?? r, G);
-  }, []), /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ h(
+  return o.useEffect(() => {
+    K();
+  }, [JSON.stringify(n)]), o.useEffect(() => {
+    f(c ?? n, V);
+  }, []), /* @__PURE__ */ m(T, { children: [
+    /* @__PURE__ */ m(
       "div",
       {
         onClick: (e) => {
-          var t;
-          (t = b.current) == null || t.handlerShow(e), x();
+          S.current?.handlerShow(e), K();
         },
-        className: B,
-        id: $,
+        className: W,
+        id: E,
         children: [
-          _(c) && c,
-          typeof c == "function" ? c(Y, I) : "Pilih Filter"
+          X(l) && l,
+          typeof l == "function" ? l(Y, A) : "Pilih Filter"
         ]
       }
     ),
     /* @__PURE__ */ s(
-      ee,
+      _,
       {
-        zIndex: V,
-        ref: b,
-        offset: z,
-        id: P,
-        floatingOptions: { placement: "bottom-end", ...O },
-        children: /* @__PURE__ */ h("div", { className: `${k["container-filter-date"]} ${j}`, children: [
-          /* @__PURE__ */ h("div", { children: [
-            (p ?? S).map((e, t) => /* @__PURE__ */ s(
+        zIndex: O,
+        ref: S,
+        offset: $,
+        id: B,
+        floatingOptions: { placement: "bottom-end", ...P },
+        children: /* @__PURE__ */ m("div", { className: `${h["container-filter-date"]} ${R}`, children: [
+          /* @__PURE__ */ m("div", { children: [
+            (g ?? p).map((e, t) => /* @__PURE__ */ s(
               "div",
               {
-                className: `${k["button-filter-date"]} hover:iru-bg-laba-blue-01 ${(n == null ? void 0 : n.key) === e.key ? "iru-text-laba-blue-10" : ""}`,
+                className: `${h["button-filter-date"]} hover:iru-bg-laba-blue-01 ${b?.key === e.key ? "iru-text-laba-blue-10" : ""}`,
                 onClick: () => y(e, !0),
                 children: e.value
               },
               t
             )),
-            (n == null ? void 0 : n.key) !== "custom" && /* @__PURE__ */ s(H, { children: typeof g == "function" ? /* @__PURE__ */ s(
+            b?.key !== "custom" && /* @__PURE__ */ s(T, { children: typeof w == "function" ? /* @__PURE__ */ s(
               "div",
               {
-                className: k["button-filter-date-custome"],
-                onClick: () => f(D, !0),
-                children: g()
+                className: h["button-filter-date-custome"],
+                onClick: () => f(c, !0),
+                children: w()
               }
             ) : /* @__PURE__ */ s(
-              te,
+              ee,
               {
-                className: k["button-reset-filter-date"],
+                className: h["button-reset-filter-date"],
                 variants: "nude-laba-blue-10",
                 size: "small",
-                onClick: () => f(D, !0),
+                onClick: () => f(c, !0),
                 children: "Reset"
               }
             ) })
           ] }),
-          (n == null ? void 0 : n.key) === "custom" && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            v,
+          b?.key === "custom" && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
+            Z,
             {
               defaultValue: Y,
               value: Y,
-              prevIcon: N,
-              nextIcon: R,
-              buttonReset: g,
-              buttonSubmit: W,
-              isCustomTime: A,
+              prevIcon: x,
+              nextIcon: H,
+              buttonReset: w,
+              buttonSubmit: N,
+              isCustomTime: z,
               onChange: (e) => {
-                u(e, "Kustom", { key: "custom", value: "Kustom" }), o({ key: "custom", value: "Kustom" });
+                u(e, "Kustom", { key: "custom", value: "Kustom" }), r({ key: "custom", value: "Kustom" });
               },
               onReset: () => {
-                f(D, !0);
+                f(c, !0);
               },
-              typePicker: E,
+              typePicker: j,
               withConfirm: !0
             }
           ) })
@@ -244,5 +241,5 @@ const De = ({
   ] });
 };
 export {
-  De as default
+  le as default
 };

package/dist/components/DatePicker/MonthYearPicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("react"),f=require("react-aria"),h=require("@internationalized/date"),I=require("../Popover/Popover.cjs"),R=require("../Calendar/Calendar.cjs"),s=r=>{let a;const n=new Date(r??new Date);return r&&(a=h.parseDate(new Date(n.setHours(n.getHours()+7)).toISOString().slice(0,10))),a},b=({month:r,year:a,type:n=["month","year"],activeType:p="month",minDate:i,maxDate:c,className:g,classNameButton:m,onChange:d,buttonClick:u,id:v="date-picker",idPopover:j="date-picker-popover",floatingOptions:x={},offsetPopover:P=5,zIndexPopper:S=1,hiddenHeader:q})=>{const{locale:w}=f.useLocale(),l=k.useRef(null),D=s(i),C=s(c),$=e=>{var o;typeof d=="function"&&(d({month:e.month,year:e.year}),(o=l.current)==null||o.setShow(!1))};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:v,onClick:e=>{var o;e.stopPropagation(),(o=l.current)==null||o.handlerShow(e)},className:m,children:typeof u=="function"?u({month:r,year:a}):"Pilih Tanggal"}),t.jsx("div",{className:g??"",children:t.jsx(I.default,{zIndex:S,ref:l,offset:P,id:j,floatingOptions:{placement:"bottom-end",...x},onClick:e=>e.stopPropagation(),children:t.jsx(f.I18nProvider,{locale:"id-ID",children:t.jsx(R.default,{minValue:D,maxValue:C,minDate:i,maxDate:c,activeType:n.length===1?n[0]:p,locale:w,value:s(`${a}/${r}/1`),createCalendar:h.createCalendar,defaultValue:s(`${a}/${r}/1`),onChange:$,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:n,hiddenHeader:q})})})})]})};exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),u=require("react-aria"),f=require("@internationalized/date"),k=require("../Popover/Popover.cjs"),I=require("../Calendar/Calendar.cjs"),o=r=>{let a;const n=new Date(r??new Date);return r&&(a=f.parseDate(new Date(n.setHours(n.getHours()+7)).toISOString().slice(0,10))),a},R=({month:r,year:a,type:n=["month","year"],activeType:h="month",minDate:l,maxDate:i,className:p,classNameButton:g,onChange:c,buttonClick:d,id:m="date-picker",idPopover:v="date-picker-popover",floatingOptions:j={},offsetPopover:x=5,zIndexPopper:P=1,hiddenHeader:S})=>{const{locale:q}=u.useLocale(),s=$.useRef(null),w=o(l),D=o(i),C=e=>{typeof c=="function"&&(c({month:e.month,year:e.year}),s.current?.setShow(!1))};return t.jsxs(t.Fragment,{children:[t.jsx("div",{id:m,onClick:e=>{e.stopPropagation(),s.current?.handlerShow(e)},className:g,children:typeof d=="function"?d({month:r,year:a}):"Pilih Tanggal"}),t.jsx("div",{className:p??"",children:t.jsx(k.default,{zIndex:P,ref:s,offset:x,id:v,floatingOptions:{placement:"bottom-end",...j},onClick:e=>e.stopPropagation(),children:t.jsx(u.I18nProvider,{locale:"id-ID",children:t.jsx(I.default,{minValue:w,maxValue:D,minDate:l,maxDate:i,activeType:n.length===1?n[0]:h,locale:q,value:o(`${a}/${r}/1`),createCalendar:f.createCalendar,defaultValue:o(`${a}/${r}/1`),onChange:C,handlerReset:()=>{},handlerSubmit:()=>{},withDateSelect:!1,type:n,hiddenHeader:S})})})})]})};exports.default=R;