1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/ButtonIcon/ButtonIcon.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),i=require("./style.module.scss.cjs"),t=require("./ButtonIcon.config.cjs"),b=({className:o=""})=>e.jsx("svg",{className:`${i.default["icon-loading"]} ${o??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:e.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
-        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),s=h.forwardRef((o,a)=>{const{size:r="reguler",variants:l="primary-laba-blue-10",children:c,className:u,classNameIconLoading:d,loading:n,onClick:C,type:g="button",disabled:f,...m}=o;return e.jsxs("button",{onClick:n?void 0:C,ref:a,className:`${t.configButton.size[r]} ${t.configButton.variants[l]} 
-      ${n?i.default.loading:""}  ${u??""}`,type:g,disabled:f??n,...m,children:[n&&e.jsx(b,{className:`${t.configButton.loadingSize[r]} ${d}`}),c]})});s.displayName="ButtonIcon";exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),s=require("./style.module.scss.cjs"),t=require("./ButtonIcon.config.cjs"),b=({className:o=""})=>e.jsx("svg",{className:`${s.default["icon-loading"]} ${o??""}`,xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:e.jsx("path",{d:`M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
+        6.79445 20.9604 7.02733 21.6311 6.63315Z`,fill:"currentColor"})}),a=h.forwardRef((o,l)=>{const{size:i="reguler",variants:r="primary-laba-blue-10",children:c,className:u,classNameIconLoading:d,loading:n,onClick:C,type:g="button",disabled:f,...m}=o;return e.jsxs("button",{onClick:n?void 0:C,ref:l,className:`${t.configButton.size[i]} ${t.configButton.variants[r]} 
+      ${n?s.default.loading:""}  ${u??""}`,type:g,disabled:f??n,...m,children:[n&&e.jsx(b,{className:`${t.configButton.loadingSize[i]} ${d}`}),c]})});a.displayName="ButtonIcon";exports.default=a;

package/dist/components/ButtonIcon/ButtonIcon.mjs

@@ -1,29 +1,29 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import a from "./style.module.scss.mjs";
-import { configButton as r } from "./ButtonIcon.config.mjs";
-const h = ({ className: o = "" }) => /* @__PURE__ */ i(
+import r from "./style.module.scss.mjs";
+import { configButton as i } from "./ButtonIcon.config.mjs";
+const h = ({ className: o = "" }) => /* @__PURE__ */ t(
   "svg",
   {
-    className: `${a["icon-loading"]} ${o ?? ""}`,
+    className: `${r["icon-loading"]} ${o ?? ""}`,
     xmlns: "http://www.w3.org/2000/svg",
     width: "25",
     height: "24",
     viewBox: "0 0 25 24",
     fill: "none",
-    children: /* @__PURE__ */ i(
+    children: /* @__PURE__ */ t(
       "path",
       {
-        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 \r
-        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 \r
-        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 \r
-        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 \r
-        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 \r
-        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 \r
-        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 \r
-        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 \r
-        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 \r
-        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 \r
+        d: `M21.6311 6.63315C22.3017 6.23898 22.5321 5.36957 22.0621 4.7497C20.7187 2.9779 18.9029 1.6063 
+        16.8106 0.800956C14.2782 -0.173807 11.4901 -0.261467 8.90143 0.552281C6.31275 1.36603 4.07629 
+        3.03314 2.55704 5.28155C1.0378 7.52995 0.325454 10.2269 0.536268 12.9323C0.747083 15.6376 1.86861 
+        18.1917 3.71782 20.1776C5.56702 22.1635 8.03473 23.4641 10.7182 23.867C13.4017 24.2699 16.1425 23.7514 
+        18.4934 22.3961C20.4357 21.2764 22.0171 19.64 23.0698 17.6815C23.4381 16.9963 23.0758 16.1731 
+        22.3522 15.8876C21.6286 15.6021 20.8195 15.9647 20.4268 16.6361C19.6248 18.0072 18.4764 19.1543 
+        17.0864 19.9556C15.2874 20.9927 13.19 21.3895 11.1365 21.0812C9.08296 20.7728 7.19456 19.7776 
+        5.77946 18.2579C4.36436 16.7382 3.50612 14.7837 3.34479 12.7134C3.18346 10.6431 3.72858 
+        8.57931 4.89118 6.85872C6.05378 5.13813 7.76522 3.86239 9.7462 3.23967C11.7272 2.61695 13.8607 
+        2.68403 15.7987 3.42996C17.296 4.0063 18.6083 4.96159 19.6129 6.19191C20.1049 
         6.79445 20.9604 7.02733 21.6311 6.63315Z`,
         fill: "currentColor"
       }
@@ -31,7 +31,7 @@ const h = ({ className: o = "" }) => /* @__PURE__ */ i(
   }
 ), $ = f((o, e) => {
   const {
-    size: t = "reguler",
+    size: a = "reguler",
     variants: s = "primary-laba-blue-10",
     children: l,
     className: C,
@@ -47,13 +47,13 @@ const h = ({ className: o = "" }) => /* @__PURE__ */ i(
     {
       onClick: n ? void 0 : d,
       ref: e,
-      className: `${r.size[t]} ${r.variants[s]} 
-      ${n ? a.loading : ""}  ${C ?? ""}`,
+      className: `${i.size[a]} ${i.variants[s]} 
+      ${n ? r.loading : ""}  ${C ?? ""}`,
       type: m,
       disabled: g ?? n,
       ...p,
       children: [
-        n && /* @__PURE__ */ i(h, { className: `${r.loadingSize[t]} ${c}` }),
+        n && /* @__PURE__ */ t(h, { className: `${i.loadingSize[a]} ${c}` }),
         l
       ]
     }

package/dist/components/ButtonPopover/ButtonPopover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),F=require("../Popover/Popover.cjs"),M=require("../Button/Button.cjs"),u=require("./style.module.scss.cjs"),m=n.forwardRef((v,w)=>{const{children:S,id:I="1ru-button-popover",text:x="",startIcon:P,endIcon:j,startIconShow:N,endIconShow:R,classNameButton:g="",classNameButtonShow:$="",className:q="",placement:y="top-end",popoverProps:B,zIndexPopover:b=1,offset:C=5,idPopover:_="1ru-popover-button-popover",onClick:i,onClose:d,...k}=v,r=n.useRef(null),z=n.useRef(null),[s,l]=n.useState(!1),f=(e,o,h)=>{let c=t.jsx(t.Fragment,{});return e&&n.isValidElement(o)?c=o:n.isValidElement(h)&&(c=t.jsx("div",{className:`${u.default.icon} ${e?u.default.show:""}`,children:h})),c},E=e=>{var o;(o=r.current)==null||o.setShow(e),l(e)},p=e=>{var o;(o=r.current)==null||o.handlerShow(e),l(!0)},a=()=>{var e;l(!1),(e=r.current)==null||e.setShow(!1),typeof d=="function"&&d()};return n.useImperativeHandle(w,()=>({show:s,setShow:E,handlerClose:a,handlerShow:p}),[s]),t.jsxs(t.Fragment,{children:[t.jsx(M.default,{ref:z,id:I,className:`${g} ${s?$:""}`,onClick:e=>{s?a():typeof i=="function"?i(e):p(e)},startIcon:f(s,N,P),endIcon:f(s,R,j),...k,children:x}),t.jsx(F.default,{ref:r,id:_,offset:C,floatingOptions:{placement:y},zIndex:b,onClose:a,className:`${u.default["container-popover"]} ${q}`,...B,children:S})]})});m.displayName="ButtonPopover";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("react"),F=require("../Popover/Popover.cjs"),M=require("../Button/Button.cjs"),c=require("./style.module.scss.cjs"),m=t.forwardRef((v,w)=>{const{children:S,id:I="1ru-button-popover",text:x="",startIcon:P,endIcon:j,startIconShow:N,endIconShow:R,classNameButton:g="",classNameButtonShow:$="",className:q="",placement:y="top-end",popoverProps:B,zIndexPopover:b=1,offset:C=5,idPopover:_="1ru-popover-button-popover",onClick:u,onClose:i,...k}=v,s=t.useRef(null),z=t.useRef(null),[n,r]=t.useState(!1),d=(e,p,h)=>{let a=o.jsx(o.Fragment,{});return e&&t.isValidElement(p)?a=p:t.isValidElement(h)&&(a=o.jsx("div",{className:`${c.default.icon} ${e?c.default.show:""}`,children:h})),a},E=e=>{s.current?.setShow(e),r(e)},f=e=>{s.current?.handlerShow(e),r(!0)},l=()=>{r(!1),s.current?.setShow(!1),typeof i=="function"&&i()};return t.useImperativeHandle(w,()=>({show:n,setShow:E,handlerClose:l,handlerShow:f}),[n]),o.jsxs(o.Fragment,{children:[o.jsx(M.default,{ref:z,id:I,className:`${g} ${n?$:""}`,onClick:e=>{n?l():typeof u=="function"?u(e):f(e)},startIcon:d(n,N,P),endIcon:d(n,R,j),...k,children:x}),o.jsx(F.default,{ref:s,id:_,offset:C,floatingOptions:{placement:y},zIndex:b,onClose:l,className:`${c.default["container-popover"]} ${q}`,...B,children:S})]})});m.displayName="ButtonPopover";exports.default=m;

package/dist/components/ButtonPopover/ButtonPopover.mjs

@@ -1,9 +1,9 @@
-import { jsxs as F, Fragment as h, jsx as s } from "react/jsx-runtime";
-import t from "react";
+import { jsxs as F, Fragment as h, jsx as r } from "react/jsx-runtime";
+import o from "react";
 import H from "../Popover/Popover.mjs";
 import O from "../Button/Button.mjs";
-import p from "./style.module.scss.mjs";
-const q = t.forwardRef((w, v) => {
+import c from "./style.module.scss.mjs";
+const q = o.forwardRef((w, v) => {
   const {
     children: I,
     id: S = "1ru-button-popover",
@@ -20,58 +20,55 @@ const q = t.forwardRef((w, v) => {
     zIndexPopover: j = 1,
     offset: k = 5,
     idPopover: z = "1ru-popover-button-popover",
-    onClick: i,
-    onClose: f,
+    onClick: p,
+    onClose: i,
     ...E
-  } = w, r = t.useRef(null), V = t.useRef(null), [n, l] = t.useState(!1), d = (e, o, m) => {
-    let c = /* @__PURE__ */ s(h, {});
-    return e && t.isValidElement(o) ? c = o : t.isValidElement(m) && (c = /* @__PURE__ */ s("div", { className: `${p.icon} ${e ? p.show : ""}`, children: m })), c;
+  } = w, n = o.useRef(null), V = o.useRef(null), [t, s] = o.useState(!1), f = (e, u, m) => {
+    let a = /* @__PURE__ */ r(h, {});
+    return e && o.isValidElement(u) ? a = u : o.isValidElement(m) && (a = /* @__PURE__ */ r("div", { className: `${c.icon} ${e ? c.show : ""}`, children: m })), a;
   }, D = (e) => {
-    var o;
-    (o = r.current) == null || o.setShow(e), l(e);
-  }, u = (e) => {
-    var o;
-    (o = r.current) == null || o.handlerShow(e), l(!0);
-  }, a = () => {
-    var e;
-    l(!1), (e = r.current) == null || e.setShow(!1), typeof f == "function" && f();
+    n.current?.setShow(e), s(e);
+  }, d = (e) => {
+    n.current?.handlerShow(e), s(!0);
+  }, l = () => {
+    s(!1), n.current?.setShow(!1), typeof i == "function" && i();
   };
-  return t.useImperativeHandle(
+  return o.useImperativeHandle(
     v,
     () => ({
-      show: n,
+      show: t,
       setShow: D,
-      handlerClose: a,
-      handlerShow: u
+      handlerClose: l,
+      handlerShow: d
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n]
+    [t]
   ), /* @__PURE__ */ F(h, { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       O,
       {
         ref: V,
         id: S,
-        className: `${B} ${n ? y : ""}`,
+        className: `${B} ${t ? y : ""}`,
         onClick: (e) => {
-          n ? a() : typeof i == "function" ? i(e) : u(e);
+          t ? l() : typeof p == "function" ? p(e) : d(e);
         },
-        startIcon: d(n, R, P),
-        endIcon: d(n, $, x),
+        startIcon: f(t, R, P),
+        endIcon: f(t, $, x),
         ...E,
         children: N
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       H,
       {
-        ref: r,
+        ref: n,
         id: z,
         offset: k,
         floatingOptions: { placement: g },
         zIndex: j,
-        onClose: a,
-        className: `${p["container-popover"]} ${C}`,
+        onClose: l,
+        className: `${c["container-popover"]} ${C}`,
         ...b,
         children: I
       }

package/dist/components/Calendar/Calendar.cjs

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

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;