1mpacto-react-ui 2.0.16 → 2.0.17

package/dist/components/Calendar/Calendar.mjs

@@ -0,0 +1,199 @@
+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 { useCalendarState as j } from "react-stately";
+import d from "./style.module.scss.mjs";
+import q from "../Button/Button.mjs";
+import F from "./CalendarCell.mjs";
+import R from "./CalendarButton.mjs";
+import O from "./CalendarMonth.mjs";
+import z, { ChevronDownIcon as A } 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) => {
+    let r = "";
+    switch (l) {
+      case 0:
+        r = "Min";
+        break;
+      case 1:
+        r = "Sen";
+        break;
+      case 2:
+        r = "Sel";
+        break;
+      case 3:
+        r = "Rab";
+        break;
+      case 4:
+        r = "Kam";
+        break;
+      case 5:
+        r = "Jum";
+        break;
+      case 6:
+        r = "Sab";
+        break;
+    }
+    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" }) })
+    ] }),
+    /* @__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)) })
+    ] })
+  ] });
+}, M = ({
+  minDate: e,
+  maxDate: C,
+  value: i,
+  time: n,
+  hiddenHeader: b,
+  handlerChangeTime: g,
+  timeLabel: m,
+  type: s
+}) => {
+  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);
+    }
+    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);
+    }
+    return u;
+  };
+  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" })
+    ] }),
+    /* @__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(
+        "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}`,
+          onClick: () => {
+            y(t, "hour") && E(t, n == null ? void 0 : n.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(
+        "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}`,
+          onClick: () => {
+            y(t, "minut") && E(n == null ? void 0 : n.hour, t);
+          },
+          children: t < 10 ? `0${t}` : t
+        },
+        t
+      )) })
+    ] })
+  ] });
+}, de = (e) => {
+  var N, $, D, I, k, E, S, y, t;
+  const C = e.typeTime ?? "SINGLE", i = 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
+    };
+    s(o), typeof (e == null ? void 0 : e.handlerChangeTime) == "function" && e.handlerChangeTime(o);
+  }, v = (c) => {
+    i.setValue(c);
+  };
+  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 });
+    }
+  }, [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,
+            {
+              minDate: e.minDate,
+              maxDate: e.maxDate,
+              time: (y = e.time) == null ? void 0 : y.start,
+              value: e.value,
+              timeLabel: C === "RANGE" ? "Awal" : "Atur Waktu",
+              type: "start",
+              handlerChangeTime: (c) => r(c, "start")
+            }
+          ),
+          C === "RANGE" && /* @__PURE__ */ a(
+            M,
+            {
+              minDate: h,
+              maxDate: l,
+              time: (t = e.time) == null ? void 0 : t.end,
+              value: e.value,
+              timeLabel: "Akhir",
+              type: "end",
+              handlerChangeTime: (c) => r(c, "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" })
+      ] })
+    ] }) }),
+    b === "month" && /* @__PURE__ */ a(
+      O,
+      {
+        state: i,
+        setActiveTypeCalendar: g,
+        type: e.type,
+        onChangeMonth: v,
+        hiddenHeader: e.hiddenHeader
+      }
+    ),
+    b === "year" && /* @__PURE__ */ a(
+      z,
+      {
+        state: i,
+        type: e.type,
+        setActiveTypeCalendar: g,
+        title: n,
+        onChangeYear: v,
+        hiddenHeader: e.hiddenHeader
+      }
+    )
+  ] });
+};
+export {
+  M as CustomTimeCalendar,
+  de as default
+};

package/dist/components/Calendar/CalendarButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),u=require("react-aria"),o=e=>{const r=s.useRef(null),{buttonProps:t}=u.useButton(e,r),{focusProps:i}=u.useFocusRing();return n.jsx("button",{...u.mergeProps(t,i),ref:r,className:`iru-px-2 iru-py-1 iru-rounded-full ${e.isDisabled?"iru-text-gray-400":"iru-text-laba-blue-10"} ${e.isDisabled?"":"hover:iru-bg-laba-blue-01 iru-cursor-pointer"} iru-outline-none`,children:e.children})};exports.default=o;

package/dist/components/Calendar/CalendarButton.mjs

@@ -0,0 +1,18 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "react";
+import { useButton as n, useFocusRing as s, mergeProps as l } from "react-aria";
+const d = (r) => {
+  const e = i.useRef(null), { buttonProps: u } = n(r, e), { focusProps: t } = s();
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      ...l(u, t),
+      ref: e,
+      className: `iru-px-2 iru-py-1 iru-rounded-full ${r.isDisabled ? "iru-text-gray-400" : "iru-text-laba-blue-10"} ${r.isDisabled ? "" : "hover:iru-bg-laba-blue-01 iru-cursor-pointer"} iru-outline-none`,
+      children: r.children
+    }
+  );
+};
+export {
+  d as default
+};

package/dist/components/Calendar/CalendarCell.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),j=require("react"),c=require("@internationalized/date"),r=require("react-aria"),a=require("./style.module.scss.cjs"),x=b=>{const o=j.useRef(null),{locale:f}=r.useLocale(),{state:l,date:e}=b,{cellProps:R,buttonProps:v,isSelected:t,isOutsideVisibleRange:$,isDisabled:i,formattedDate:g,isInvalid:s}=r.useCalendarCell({date:e},l,o),{focusProps:m}=r.useFocusRing(),n="highlightedRange"in l?l.highlightedRange?c.isSameDay(e,l.highlightedRange.start):null:t,u="highlightedRange"in l?l.highlightedRange?c.isSameDay(e,l.highlightedRange.end):null:t,h=c.getDayOfWeek(e,f),y=t&&(n||h===0||e.day===1),S=t&&(u||h===6||e.day===e.calendar.getDaysInMonth(e));return d.jsx("td",{...R,children:d.jsx("div",{...r.mergeProps(v,m),ref:o,className:`${a.default["cell-calendar"]} ${y?"iru-rounded-l-full":""} ${S?"iru-rounded-r-full":""} ${t?s?"iru-bg-red-300":"iru-bg-laba-blue-02":""} ${i?"iru-disabled":""}`,children:$?d.jsx("div",{className:a.default["visible-cell-calendar"],children:g}):d.jsx("div",{className:`${a.default["active-cell-calendar"]} ${i&&!s?a.default.disabled:""} ${n||u?s?a.default.error:a.default.selected:""} ${t&&!i&&!(n??u)?s?"hover:iru-bg-red-400":"hover:iru-text-laba-blue-05":""} ${!t&&!i?"hover:iru-bg-laba-blue-01":""}`,children:g})})})};exports.default=x;

package/dist/components/Calendar/CalendarCell.mjs

@@ -0,0 +1,26 @@
+import { jsx as s } from "react/jsx-runtime";
+import y from "react";
+import { isSameDay as g, getDayOfWeek as D } from "@internationalized/date";
+import { useLocale as S, useCalendarCell as C, useFocusRing as P, mergeProps as x } from "react-aria";
+import a from "./style.module.scss.mjs";
+const W = (h) => {
+  const o = y.useRef(null), { locale: b } = S(), { state: l, date: e } = h, { cellProps: m, buttonProps: f, isSelected: i, isOutsideVisibleRange: R, isDisabled: t, formattedDate: c, isInvalid: r } = C({ date: e }, l, o), { focusProps: p } = P(), d = "highlightedRange" in l ? l.highlightedRange ? g(e, l.highlightedRange.start) : null : i, n = "highlightedRange" in l ? l.highlightedRange ? g(e, l.highlightedRange.end) : null : i, u = D(e, b), $ = i && (d || u === 0 || e.day === 1), v = i && (n || u === 6 || e.day === e.calendar.getDaysInMonth(e));
+  return /* @__PURE__ */ s("td", { ...m, children: /* @__PURE__ */ s(
+    "div",
+    {
+      ...x(f, p),
+      ref: o,
+      className: `${a["cell-calendar"]} ${$ ? "iru-rounded-l-full" : ""} ${v ? "iru-rounded-r-full" : ""} ${i ? r ? "iru-bg-red-300" : "iru-bg-laba-blue-02" : ""} ${t ? "iru-disabled" : ""}`,
+      children: R ? /* @__PURE__ */ s("div", { className: a["visible-cell-calendar"], children: c }) : /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${a["active-cell-calendar"]} ${t && !r ? a.disabled : ""} ${d || n ? r ? a.error : a.selected : ""} ${i && !t && !(d ?? n) ? r ? "hover:iru-bg-red-400" : "hover:iru-text-laba-blue-05" : ""} ${!i && !t ? "hover:iru-bg-laba-blue-01" : ""}`,
+          children: c
+        }
+      )
+    }
+  ) });
+};
+export {
+  W as default
+};

package/dist/components/Calendar/CalendarMonth.cjs

@@ -0,0 +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;

package/dist/components/Calendar/CalendarMonth.mjs

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

package/dist/components/Calendar/CalendarRange.cjs

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

package/dist/components/Calendar/CalendarRange.mjs

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

package/dist/components/Calendar/CalendarYear.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),w=require("react"),d=require("./style.module.scss.cjs"),x=({className:u})=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:`iru-h-4 iru-w-4 iru-text-blue-700 ${u??""}`,viewBox:"0 0 512 512",children:l.jsx("path",{d:`M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 \r
+      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 \r
+      0s-12.5 32.8 0 45.3l192 192z`})}),$=({title:u,state:e,type:a,setUpYear:i={startYear:1970,endAfterThisYear:20},hiddenHeader:g,setActiveTypeCalendar:s,onChangeYear:f})=>{const y=(n,r)=>{const c=e.focusedDate.set({year:n});r?(s("month"),e.setFocusedDate(c)):!r&&typeof f=="function"&&f(c)},b=(n,r,c)=>Array.from({length:(r-n)/c+1},(m,o)=>n+o*c);return w.useEffect(()=>{const n=document.getElementById(`calendar-year-${e.focusedDate.year}`),r=document.getElementById("wrapper-calendar-year");n&&r&&r.scrollTo({behavior:"instant",top:n.offsetTop-93})},[]),l.jsxs("div",{className:`iru-w-[296px] ${d.default["container-calendar"]}`,children:[!g&&l.jsx("div",{className:`${d.default["header-calendar"]} iru-my-2`,children:l.jsxs("div",{className:`${d.default["header-button-calendar"]} ${a.includes("date")||a.includes("month")?"":d.default.disabled}`,onClick:()=>{a.includes("date")?s("date"):a.includes("month")&&s("month")},children:[u," ",(a.includes("date")||a.includes("month"))&&l.jsx(x,{})]})}),l.jsx("div",{id:"wrapper-calendar-year",className:d.default["year-calendar"],children:b(i==null?void 0:i.startYear,new Date().getFullYear()+i.endAfterThisYear,1).map(n=>{var h,t;const r=Number(n),c=e!=null&&e.minValue?r<((h=e==null?void 0:e.minValue)==null?void 0:h.year):!1,m=e!=null&&e.maxValue?r>((t=e==null?void 0:e.maxValue)==null?void 0:t.year):!1,o=c||m;return l.jsx("div",{id:`calendar-year-${n}`,onClick:()=>{o||y(r,a.includes("month"))},className:`${d.default["cell-year"]} ${e.focusedDate.year===r&&!o?d.default.selected:""} ${e.focusedDate.year!==r&&!o?"hover:iru-bg-laba-blue-01":""} ${o?"iru-text-gray-400":"iru-cursor-pointer"}`,children:n},n)})})]})};exports.ChevronDownIcon=x;exports.default=$;

package/dist/components/Calendar/CalendarYear.mjs

@@ -0,0 +1,74 @@
+import { jsxs as g, jsx as d } from "react/jsx-runtime";
+import x from "react";
+import l from "./style.module.scss.mjs";
+const D = ({ className: u }) => /* @__PURE__ */ d(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    className: `iru-h-4 iru-w-4 iru-text-blue-700 ${u ?? ""}`,
+    viewBox: "0 0 512 512",
+    children: /* @__PURE__ */ d(
+      "path",
+      {
+        d: `M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 \r
+      0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 \r
+      0s-12.5 32.8 0 45.3l192 192z`
+      }
+    )
+  }
+), p = ({
+  title: u,
+  state: e,
+  type: c,
+  setUpYear: i = { startYear: 1970, endAfterThisYear: 20 },
+  hiddenHeader: w,
+  setActiveTypeCalendar: s,
+  onChangeYear: m
+}) => {
+  const $ = (n, r) => {
+    const a = e.focusedDate.set({ year: n });
+    r ? (s("month"), e.setFocusedDate(a)) : !r && typeof m == "function" && m(a);
+  }, b = (n, r, a) => Array.from({ length: (r - n) / a + 1 }, (f, o) => n + o * a);
+  return x.useEffect(() => {
+    const n = document.getElementById(`calendar-year-${e.focusedDate.year}`), r = document.getElementById("wrapper-calendar-year");
+    n && r && r.scrollTo({ behavior: "instant", top: n.offsetTop - 93 });
+  }, []), /* @__PURE__ */ g("div", { className: `iru-w-[296px] ${l["container-calendar"]}`, children: [
+    !w && /* @__PURE__ */ d("div", { className: `${l["header-calendar"]} iru-my-2`, children: /* @__PURE__ */ g(
+      "div",
+      {
+        className: `${l["header-button-calendar"]} ${c.includes("date") || c.includes("month") ? "" : l.disabled}`,
+        onClick: () => {
+          c.includes("date") ? s("date") : c.includes("month") && s("month");
+        },
+        children: [
+          u,
+          " ",
+          (c.includes("date") || c.includes("month")) && /* @__PURE__ */ d(D, {})
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ d("div", { id: "wrapper-calendar-year", className: l["year-calendar"], children: b(i == null ? void 0 : i.startYear, (/* @__PURE__ */ new Date()).getFullYear() + i.endAfterThisYear, 1).map(
+      (n) => {
+        var h, y;
+        const r = Number(n), a = e != null && e.minValue ? r < ((h = e == null ? void 0 : e.minValue) == null ? void 0 : h.year) : !1, f = e != null && e.maxValue ? r > ((y = e == null ? void 0 : e.maxValue) == null ? void 0 : y.year) : !1, o = a || f;
+        return /* @__PURE__ */ d(
+          "div",
+          {
+            id: `calendar-year-${n}`,
+            onClick: () => {
+              o || $(r, c.includes("month"));
+            },
+            className: `${l["cell-year"]} ${e.focusedDate.year === r && !o ? l.selected : ""} ${e.focusedDate.year !== r && !o ? "hover:iru-bg-laba-blue-01" : ""} ${o ? "iru-text-gray-400" : "iru-cursor-pointer"}`,
+            children: n
+          },
+          n
+        );
+      }
+    ) })
+  ] });
+};
+export {
+  D as ChevronDownIcon,
+  p as default
+};

package/dist/components/Calendar/style.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_selected_zsdfw_1",a="_disabled_zsdfw_29",d="_valid_zsdfw_132",l="_invalid_zsdfw_138",t="_error_zsdfw_207",_={"container-calendar":"_container-calendar_zsdfw_1","month-calendar":"_month-calendar_zsdfw_1","cell-month":"_cell-month_zsdfw_1",selected:e,"year-calendar":"_year-calendar_zsdfw_2","cell-year":"_cell-year_zsdfw_2","cell-calendar":"_cell-calendar_zsdfw_2","active-cell-calendar":"_active-cell-calendar_zsdfw_2","custom-time-calendar":"_custom-time-calendar_zsdfw_3","container-cell-time":"_container-cell-time_zsdfw_3","cell-time":"_cell-time_zsdfw_3","header-calendar":"_header-calendar_zsdfw_12","header-button-calendar":"_header-button-calendar_zsdfw_19",disabled:a,"days-calendar":"_days-calendar_zsdfw_36","visible-cell-calendar":"_visible-cell-calendar_zsdfw_52","header-time":"_header-time_zsdfw_84","type-time":"_type-time_zsdfw_93",valid:d,invalid:l,"footer-calendar":"_footer-calendar_zsdfw_172","container-filter-date":"_container-filter-date_zsdfw_181","button-filter-date":"_button-filter-date_zsdfw_191","button-reset-filter-date":"_button-reset-filter-date_zsdfw_200","button-filter-date-custome":"_button-filter-date-custome_zsdfw_203",error:t};exports.default=_;exports.disabled=a;exports.error=t;exports.invalid=l;exports.selected=e;exports.valid=d;

package/dist/components/Calendar/style.module.scss.mjs

@@ -0,0 +1,36 @@
+const e = "_selected_zsdfw_1", a = "_disabled_zsdfw_29", d = "_valid_zsdfw_132", _ = "_invalid_zsdfw_138", t = "_error_zsdfw_207", l = {
+  "container-calendar": "_container-calendar_zsdfw_1",
+  "month-calendar": "_month-calendar_zsdfw_1",
+  "cell-month": "_cell-month_zsdfw_1",
+  selected: e,
+  "year-calendar": "_year-calendar_zsdfw_2",
+  "cell-year": "_cell-year_zsdfw_2",
+  "cell-calendar": "_cell-calendar_zsdfw_2",
+  "active-cell-calendar": "_active-cell-calendar_zsdfw_2",
+  "custom-time-calendar": "_custom-time-calendar_zsdfw_3",
+  "container-cell-time": "_container-cell-time_zsdfw_3",
+  "cell-time": "_cell-time_zsdfw_3",
+  "header-calendar": "_header-calendar_zsdfw_12",
+  "header-button-calendar": "_header-button-calendar_zsdfw_19",
+  disabled: a,
+  "days-calendar": "_days-calendar_zsdfw_36",
+  "visible-cell-calendar": "_visible-cell-calendar_zsdfw_52",
+  "header-time": "_header-time_zsdfw_84",
+  "type-time": "_type-time_zsdfw_93",
+  valid: d,
+  invalid: _,
+  "footer-calendar": "_footer-calendar_zsdfw_172",
+  "container-filter-date": "_container-filter-date_zsdfw_181",
+  "button-filter-date": "_button-filter-date_zsdfw_191",
+  "button-reset-filter-date": "_button-reset-filter-date_zsdfw_200",
+  "button-filter-date-custome": "_button-filter-date-custome_zsdfw_203",
+  error: t
+};
+export {
+  l as default,
+  a as disabled,
+  t as error,
+  _ as invalid,
+  e as selected,
+  d as valid
+};

package/dist/components/Chart/DoughnutChart.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const z=require("react/jsx-runtime"),A=require("react-chartjs-2"),f=require("chart.js");f.Chart.register(f.CategoryScale,f.LinearScale,f.PointElement,f.LineElement,f.ArcElement,f.Title,f.Tooltip,f.Legend);const H=(p,n)=>{var m,D,w,x;const C=p.getVisibleDatasetCount(),h=p.getDatasetMeta(C-1).data.at(0);if(h){const{innerRadius:E}=h.getProps(["innerRadius"]),{ctx:s}=p,v=()=>{var g;const c=[].concat(n),d=c.length,o=s.font;let r=0,u=0,l;for(l=0;l<d;++l)s.font=c[l].font,r=Math.max(s.measureText(c[l].text).width,r),u+=(g=c[l].font)==null?void 0:g.lineHeight;return s.font=o,{height:u,width:r}},b=(c,d)=>{let o=document.createElement("div");document.body.appendChild(o),o.style.fontSize=`${d}px`,o.style.position="absolute",o.style.left="-10",o.style.top="-10",o.textContent=c;const r={width:o.clientWidth,height:o.clientHeight};return document.body.removeChild(o),o=null,r},$=v(),j=parseFloat(parseFloat(E).toFixed(2));s.textAlign="center",s.textBaseline="middle";const I=(p.chartArea.left+p.chartArea.right)/2,e=(p.chartArea.top+p.chartArea.bottom)/2-$.height/2;let t;const T=n.length;let S=0;for(t=0;t<T;++t){let c=(m=n[t].font)==null?void 0:m.size,d=(D=n[t].font)==null?void 0:D.lineHeight;const o=typeof n[t].text=="number"?n[t].text.toString():n[t].text;for(;b(o,c).width>j+(n[t].id==="value"?50:0);)c-=1,d=b(o,c).height;o.length>22&&d<14&&(d=18);const r=e+d/2+S,u=typeof n[t].text=="number"?new Intl.NumberFormat("id-ID",{style:"currency",currency:"IDR"}).format(n[t].text):n[t].text;let l=n[t].urlIconDesc?"    ":"";if(n[t].percentage!==void 0?l+=`${n[t].percentage}% ${n[t].text}`:l+=u,s.fillStyle=n[t].color,s.font=`${c<10?10:c}px sans-serif`,S+=d,n[t].percentage!==void 0&&n[t].urlIconDesc){const y=((x=(w=n[t])==null?void 0:w.percentage)==null?void 0:x.length)??0,g=new Image;g.src=n[t].urlIconDesc,s.drawImage(g,45-(y>6?y+2:y-2.5),r-8,16,14)}s.fillText(l,I,r)}s.restore(),s.save()}},M=({labels:p,data:n,backgroundColor:C,options:h={},redraw:m,widthInnerDoughnut:D,innerLabels:w,open:x=!0,keyRemoveDataOpen:E="gap",keyLabel:s="title",keyValue:v="originalValue",keyBackground:b="backgroundColor",className:$})=>{const j={labels:p||n.map(i=>i[s]),datasets:[{data:n.map(i=>i[v]),backgroundColor:C||n.map(i=>i[b])}]},I={cutout:D,animation:{duration:m?400:0},plugins:{legend:{display:!1},tooltip:{external(i){let e=document.getElementById("chartjs-tooltip");e||(e=document.createElement("div"),e.id="chartjs-tooltip",e.innerHTML="<table></table>",document.body.appendChild(e));const t=i.tooltip;if(t.opacity===0){e.style.opacity="0";return}e.classList.remove("above","below","no-transform"),t.yAlign?e.classList.add(t.yAlign):e.classList.add("no-transform");const T=n.filter(r=>!r[s]),S=n.filter(r=>r[v]>0&&r[v]<1);if(T.length===1&&S.length===1)return;function c(r){return r.lines}if(t.body){const r=t.title||[];let u=t.body.map(c),l="<thead>";r.forEach(g=>{let a="";a+="display: flex",a+="; justify-content: center",a+="; font-weight: 600",a+="; font-size: 12px",a+="; padding: 0px 14px",l+=`<tr><span style="${a}">${g}</span></tr>`}),l+="</thead><tbody>",u.length>1&&u[0][0]===u[1][0]&&(u=[u[0]]),u.forEach(g=>{let a="";a+="display: flex",a+="; justify-content: center",a+="; color: #0163C8",a+="; padding: 0px 14px",a+="; font-size: 12px";const L=`<span style="${a}">${g}</span>`;l+=`<tr><td>${L}</td></tr>`}),l+="</tbody>";const y=e.querySelector("table");y&&(y.innerHTML=l)}const d=i.chart.canvas.getBoundingClientRect(),o=d.top+window.pageYOffset+t.caretY;e.style.opacity="1",e.style.border="solid 1px #0163C8",e.style.background="white",e.style.height="fit-content",e.style.borderRadius="10px",e.style.position="absolute",e.style.zIndex="10",e.style.padding="4px 0",e.style.left=`${d.left+window.pageXOffset+t.caretX-80}px`,e.style.top=`${o>300&&!x?280:o}px`,e.style.pointerEvents="none"},displayColors:!0,enabled:!1,callbacks:{title(i){const e=n[i[0].dataIndex];return e==null?void 0:e[s]},label(i){const e=n==null?void 0:n[i.dataIndex];let t="Nilai: ";return e&&(t+=e.value),t}}}},elements:{arc:{borderWidth:0}}};return z.jsxs("div",{className:$??"",children:[!x&&z.jsx(A.Doughnut,{data:j,redraw:m,plugins:[{id:"draw",beforeDraw(i){H(i,w)}}],options:Object.keys(h).length>1?h:I}),x&&z.jsx(A.Doughnut,{data:j,redraw:m,plugins:[{id:"draw",beforeDraw(i){H(i,w.filter(e=>e.id!==E))}}],options:Object.keys(h).length>1?h:I})]})};exports.default=M;