1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/components/Chart/GradientLineChart.mjs

@@ -1,41 +1,40 @@
-import { jsxs as R, jsx as S } from "react/jsx-runtime";
-import { Chart as w, CategoryScale as D, LinearScale as F, PointElement as O, LineElement as E, Filler as L, Tooltip as Z } from "chart.js";
+import { jsxs as S, jsx as y } from "react/jsx-runtime";
+import { Chart as R, CategoryScale as w, LinearScale as D, PointElement as F, LineElement as O, Filler as E, Tooltip as L } from "chart.js";
 import f from "react";
-import { Line as G } from "react-chartjs-2";
-import { mergeObjects as N } from "../../utils/common.mjs";
-import j from "../PortalComponent/PortalComponent.mjs";
-w.register(D, F, O, E, L, Z);
-const H = (r) => ({ chart: u, tooltip: e }) => {
-  var P, C, x, y, v, B;
+import { Line as Z } from "react-chartjs-2";
+import { mergeObjects as G } from "../../utils/common.mjs";
+import N from "../PortalComponent/PortalComponent.mjs";
+R.register(w, D, F, O, E, L);
+const j = (r) => ({ chart: u, tooltip: t }) => {
   const a = {};
-  if (e.opacity === 0) {
-    r((k) => ({ ...k, style: { ...k.style, opacity: 0, pointerEvents: "none" } }));
+  if (t.opacity === 0) {
+    r((P) => ({ ...P, style: { ...P.style, opacity: 0, pointerEvents: "none" } }));
     return;
   }
-  if (!e.dataPoints || e.dataPoints.length === 0)
+  if (!t.dataPoints || t.dataPoints.length === 0)
     return;
   a.opacity = "1", a.position = "absolute", a.pointerEvents = "none";
   const b = u.canvas.getBoundingClientRect();
-  a.left = b.left + window.pageXOffset + e.caretX + "px", a.top = b.top + window.pageYOffset + e.caretY + "px";
-  const c = ((C = (P = e.dataPoints) == null ? void 0 : P[0]) == null ? void 0 : C.label) ?? "", n = ((y = (x = e.dataPoints) == null ? void 0 : x[0]) == null ? void 0 : y.raw) ?? "", i = ((B = (v = e.dataPoints) == null ? void 0 : v[0]) == null ? void 0 : B.dataset.label) ?? "";
+  a.left = b.left + window.pageXOffset + t.caretX + "px", a.top = b.top + window.pageYOffset + t.caretY + "px";
+  const i = t.dataPoints?.[0]?.label ?? "", n = t.dataPoints?.[0]?.raw ?? "", c = t.dataPoints?.[0]?.dataset.label ?? "";
   r({
-    dataset: i,
-    label: c,
+    dataset: c,
+    label: i,
     value: n,
     style: a,
-    dataPoints: e.dataPoints
+    dataPoints: t.dataPoints
   });
-}, W = {
+}, H = {
   id: "hairlinePlugin",
   beforeDatasetsDraw: (r) => {
     const u = r.scales.y;
     if (!u) return;
-    const { ctx: e } = r, { top: a, bottom: b, left: c, right: n } = r.chartArea;
+    const { ctx: t } = r, { top: a, bottom: b, left: i, right: n } = r.chartArea;
     if (u.min > 0 || u.max < 0) return;
-    const i = u.getPixelForValue(0);
-    i < a || i > b || (e.save(), e.beginPath(), e.moveTo(c, i), e.lineTo(n, i), e.lineWidth = 2, e.strokeStyle = "rgb(207, 216, 220)", e.setLineDash([4, 3]), e.stroke(), e.restore());
+    const c = u.getPixelForValue(0);
+    c < a || c > b || (t.save(), t.beginPath(), t.moveTo(i, c), t.lineTo(n, c), t.lineWidth = 2, t.strokeStyle = "rgb(207, 216, 220)", t.setLineDash([4, 3]), t.stroke(), t.restore());
   }
-}, z = {
+}, W = {
   responsive: !0,
   maintainAspectRatio: !1,
   plugins: {
@@ -72,72 +71,72 @@ const H = (r) => ({ chart: u, tooltip: e }) => {
     mode: "index",
     intersect: !1
   }
-}, J = ({ data: r, height: u, classNameContainer: e, id: a, options: b, CustomTooltip: c }) => {
-  const n = f.useRef(void 0), i = f.useRef(0), P = f.useRef(0), [C, x] = f.useState({
+}, I = ({ data: r, height: u, classNameContainer: t, id: a, options: b, CustomTooltip: i }) => {
+  const n = f.useRef(void 0), c = f.useRef(0), P = f.useRef(0), [C, x] = f.useState({
     dataset: "",
     label: "",
     value: 0,
     style: { opacity: 0, position: "absolute", left: 0, bottom: 0 },
     dataPoints: []
-  }), y = f.useCallback(function({
+  }), m = f.useCallback(function({
     ctx: h,
-    chartArea: o,
+    chartArea: e,
     scales: s,
     chartHeight: l,
     gradientFor: g,
-    item: t
+    item: o
   }) {
-    let p = (s.y.getPixelForValue(0) - o.top) / l;
-    p = p < 0 ? 0 : p > 1 ? 1 : p, n.current = h.createLinearGradient(0, o.top, 0, l + o.top), g === "background" ? (n.current.addColorStop(0, (t == null ? void 0 : t.colorBackgroundPositiveZero) || "#9FD2FF"), n.current.addColorStop(
+    let p = (s.y.getPixelForValue(0) - e.top) / l;
+    p = p < 0 ? 0 : p > 1 ? 1 : p, n.current = h.createLinearGradient(0, e.top, 0, l + e.top), g === "background" ? (n.current.addColorStop(0, o?.colorBackgroundPositiveZero || "#9FD2FF"), n.current.addColorStop(
       p,
-      (t == null ? void 0 : t.colorBackgroundPositivePercentage) || "rgba(115, 235, 163, 0.1)"
+      o?.colorBackgroundPositivePercentage || "rgba(115, 235, 163, 0.1)"
     ), n.current.addColorStop(
       p,
-      (t == null ? void 0 : t.colorBackgroundNegativePercentage) || "rgba(235, 107, 107, 0.1)"
-    ), n.current.addColorStop(1, (t == null ? void 0 : t.colorBackgroundNegativeOne) || "#EB6B6B")) : (n.current.addColorStop(p, (t == null ? void 0 : t.colorBorderPositive) || "#80CBC4"), n.current.addColorStop(p, (t == null ? void 0 : t.colorBorderNegative) || "#EB6B6B"));
+      o?.colorBackgroundNegativePercentage || "rgba(235, 107, 107, 0.1)"
+    ), n.current.addColorStop(1, o?.colorBackgroundNegativeOne || "#EB6B6B")) : (n.current.addColorStop(p, o?.colorBorderPositive || "#80CBC4"), n.current.addColorStop(p, o?.colorBorderNegative || "#EB6B6B"));
   }, []), v = f.useCallback(function({
     ctx: h,
-    chartArea: o,
+    chartArea: e,
     scales: s,
     gradientFor: l,
     item: g
   }) {
-    const t = o.right - o.left, d = o.bottom - o.top;
-    return (!n.current || i.current !== t || P.current !== d) && (i.current = t, P.current = d, y({ ctx: h, chartArea: o, scales: s, chartHeight: d, gradientFor: l, item: g })), y({ ctx: h, chartArea: o, scales: s, chartHeight: d, gradientFor: l, item: g }), n.current;
+    const o = e.right - e.left, d = e.bottom - e.top;
+    return (!n.current || c.current !== o || P.current !== d) && (c.current = o, P.current = d, m({ ctx: h, chartArea: e, scales: s, chartHeight: d, gradientFor: l, item: g })), m({ ctx: h, chartArea: e, scales: s, chartHeight: d, gradientFor: l, item: g }), n.current;
   }, []), B = f.useMemo(() => ({
     ...r,
-    datasets: r.datasets.map((o) => ({
+    datasets: r.datasets.map((e) => ({
       fill: !0,
       backgroundColor: function(s) {
-        const l = s.chart, { ctx: g, chartArea: t, scales: d } = l;
-        if (t)
-          return v({ ctx: g, chartArea: t, scales: d, gradientFor: "background", item: o });
+        const l = s.chart, { ctx: g, chartArea: o, scales: d } = l;
+        if (o)
+          return v({ ctx: g, chartArea: o, scales: d, gradientFor: "background", item: e });
       },
       borderColor: function(s) {
-        const l = s.chart, { ctx: g, chartArea: t, scales: d } = l;
-        if (t)
-          return v({ ctx: g, chartArea: t, scales: d, gradientFor: "border", item: o });
+        const l = s.chart, { ctx: g, chartArea: o, scales: d } = l;
+        if (o)
+          return v({ ctx: g, chartArea: o, scales: d, gradientFor: "border", item: e });
       },
       borderWidth: 3,
       tension: 0,
       pointRadius: 0,
       pointHoverRadius: 4,
-      ...o,
-      data: o.data
+      ...e,
+      data: e.data
     }))
-  }), [r]), k = f.useMemo(() => N(z, {
+  }), [r]), k = f.useMemo(() => G(W, {
     plugins: {
       tooltip: {
-        enabled: !c,
-        external: ({ chart: o, tooltip: s }) => c ? H(x)({ chart: o, tooltip: s }) : void 0
+        enabled: !i,
+        external: ({ chart: e, tooltip: s }) => i ? j(x)({ chart: e, tooltip: s }) : void 0
       }
     }
-  }, b ?? {}), [b, c]);
-  return /* @__PURE__ */ R("div", { id: a, className: e, style: { height: u || "300px" }, children: [
-    c && /* @__PURE__ */ S(j, { selector: "body", children: /* @__PURE__ */ S(c, { ...C }) }),
-    /* @__PURE__ */ S(G, { data: B, options: k, plugins: [W] })
+  }, b ?? {}), [b, i]);
+  return /* @__PURE__ */ S("div", { id: a, className: t, style: { height: u || "300px" }, children: [
+    i && /* @__PURE__ */ y(N, { selector: "body", children: /* @__PURE__ */ y(i, { ...C }) }),
+    /* @__PURE__ */ y(Z, { data: B, options: k, plugins: [H] })
   ] });
 };
 export {
-  J as default
+  I as default
 };

package/dist/components/Chart/LineChart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),y=require("react"),s=require("chart.js"),B=require("react-chartjs-2"),S=require("date-fns"),v=require("date-fns/locale"),E=require("../../utils/common.cjs");s.Chart.register(s.CategoryScale,s.LinearScale,s.PointElement,s.LineElement,s.Title,s.Tooltip,s.Legend);const R=(a,f,b)=>{const i=a,g=f||new Date().getMonth(),c=b||new Date().getFullYear();return new Date(`${g}/${i}/${c}`)},$=({data:a,className:f,height:b=65})=>{const i=y.useRef(null),g=a.map(t=>S.formatDate(R(1,t.label,t.year),"MMM yy",{locale:v.id}))||[],[c,x]=y.useState(""),[h,M]=y.useState(""),D=t=>{const e=[],o=[];let u=!t.find(n=>n.isCurrent);return t.forEach(n=>{u?(o.push(n.value),e.push(null)):(e.push(n.value),n.isCurrent?(u=!0,o.push(n.value)):o.push(null))}),{passed:e,notPassed:o}},k={labels:g,datasets:[{label:"",fill:"blue",backgroundColor:"rgba(75,192,192,1)",borderColor:c,borderCapStyle:"butt",borderDashOffset:0,borderJoinStyle:"miter",pointBackgroundColor:function(t){const e=a[t.dataIndex];let o=h;return e.isCurrent&&(o="#ED0019"),o},pointBorderWidth:.1,pointHoverRadius:4,pointRadius:5,pointBorderColor:h,pointHoverBorderColor:c,data:D(a).passed||[]},{label:"",fill:"grey",backgroundColor:"rgba(75,192,192,1)",borderColor:"#D6D6D6",borderCapStyle:"butt",borderDashOffset:0,pointRadius:5,borderJoinStyle:"miter",pointBackgroundColor:h,pointBorderWidth:.1,pointHoverRadius:4,borderDash:[15,5],data:D(a).notPassed||[]}]},j={interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1,labels:{usePointStyle:!0}},tooltip:{external:function(t){let e=document.getElementById("chartjs-tooltip");e||(e=document.createElement("div"),e.id="chartjs-tooltip",e.innerHTML="<table></table>",document.body.appendChild(e));const o=t.tooltip;if(o.opacity===0){e.style.opacity="0";return}e.classList.remove("above","below","no-transform"),o.yAlign?e.classList.add(o.yAlign):e.classList.add("no-transform");function u(m){return m.lines}if(o.body){const m=o.title||[];let l=o.body.map(u),d="<thead>";m.forEach(C=>{let r="";r+="display: flex",r+="; justify-content: center",r+="; font-weight: 600",r+="; font-size: 12px",r+="; padding: 0px 14px",d+=`<tr><span style="${r}">${C}</span></tr>`}),d+="</thead><tbody>",l.length>1&&l[0][0]===l[1][0]&&(l=[l[0]]),l.forEach(C=>{let r="";r+="display: flex",r+="; justify-content: center",r+="; color: #0163C8",r+="; padding: 0px 14px",r+="; font-size: 12px";const w=`<span style="${r}">${C}</span>`;d+=`<tr><td>${w}</td></tr>`}),d+="</tbody>";const L=e.querySelector("table");L&&(L.innerHTML=d)}const n=t.chart.canvas.getBoundingClientRect();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=n.left+window.pageXOffset+o.caretX-30+"px",e.style.top=n.top+window.pageYOffset+o.caretY-60+"px",e.style.pointerEvents="none"},displayColors:!0,enabled:!1,callbacks:{title:function(t){const e=a[t[0].dataIndex];return S.formatDate(new Date(`1/${e.label}/${e.year}`),"MMMM yyyy",{locale:v.id})},label:function(t){let e=t.dataset.label??"";return e&&(e+=": "),t.parsed.y!==null&&(e+=new Intl.NumberFormat("id-ID",{style:"currency",currency:"IDR"}).format(t.parsed.y)),e}}}},scales:{x:{grid:{display:!1},beginAtZero:!0,ticks:{autoSkip:!0,maxTicksLimit:20}},y:{min:0,grid:{display:!1},beginAtZero:!0,ticks:{maxTicksLimit:6,callback:function(t){return E.setDigit(t)??0}}}}};return y.useEffect(()=>{if(i.current){const t=i.current.getContext("2d"),e=t==null?void 0:t.createLinearGradient(0,100,500,-500);e==null||e.addColorStop(0,"rgba(237, 0, 25, 0)"),e==null||e.addColorStop(1,"rgba(237, 0, 25, 20)");const o=t.fillStyle="rgba(255, 255, 255, 0)";M(o),x(e)}},[]),p.jsxs("div",{className:f??"",children:[p.jsx(B.Line,{options:j,data:k,height:b}),p.jsx("div",{className:"iru-h-5",children:p.jsx("canvas",{ref:i})})]})};exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),y=require("react"),a=require("chart.js"),B=require("react-chartjs-2"),L=require("date-fns"),S=require("date-fns/locale"),E=require("../../utils/common.cjs");a.Chart.register(a.CategoryScale,a.LinearScale,a.PointElement,a.LineElement,a.Title,a.Tooltip,a.Legend);const R=(s,f,b)=>{const i=s,g=f||new Date().getMonth(),c=b||new Date().getFullYear();return new Date(`${g}/${i}/${c}`)},$=({data:s,className:f,height:b=65})=>{const i=y.useRef(null),g=s.map(t=>L.formatDate(R(1,t.label,t.year),"MMM yy",{locale:S.id}))||[],[c,x]=y.useState(""),[h,M]=y.useState(""),D=t=>{const e=[],o=[];let u=!t.find(n=>n.isCurrent);return t.forEach(n=>{u?(o.push(n.value),e.push(null)):(e.push(n.value),n.isCurrent?(u=!0,o.push(n.value)):o.push(null))}),{passed:e,notPassed:o}},k={labels:g,datasets:[{label:"",fill:"blue",backgroundColor:"rgba(75,192,192,1)",borderColor:c,borderCapStyle:"butt",borderDashOffset:0,borderJoinStyle:"miter",pointBackgroundColor:function(t){const e=s[t.dataIndex];let o=h;return e.isCurrent&&(o="#ED0019"),o},pointBorderWidth:.1,pointHoverRadius:4,pointRadius:5,pointBorderColor:h,pointHoverBorderColor:c,data:D(s).passed||[]},{label:"",fill:"grey",backgroundColor:"rgba(75,192,192,1)",borderColor:"#D6D6D6",borderCapStyle:"butt",borderDashOffset:0,pointRadius:5,borderJoinStyle:"miter",pointBackgroundColor:h,pointBorderWidth:.1,pointHoverRadius:4,borderDash:[15,5],data:D(s).notPassed||[]}]},j={interaction:{mode:"index",intersect:!1},plugins:{legend:{display:!1,labels:{usePointStyle:!0}},tooltip:{external:function(t){let e=document.getElementById("chartjs-tooltip");e||(e=document.createElement("div"),e.id="chartjs-tooltip",e.innerHTML="<table></table>",document.body.appendChild(e));const o=t.tooltip;if(o.opacity===0){e.style.opacity="0";return}e.classList.remove("above","below","no-transform"),o.yAlign?e.classList.add(o.yAlign):e.classList.add("no-transform");function u(m){return m.lines}if(o.body){const m=o.title||[];let l=o.body.map(u),d="<thead>";m.forEach(C=>{let r="";r+="display: flex",r+="; justify-content: center",r+="; font-weight: 600",r+="; font-size: 12px",r+="; padding: 0px 14px",d+=`<tr><span style="${r}">${C}</span></tr>`}),d+="</thead><tbody>",l.length>1&&l[0][0]===l[1][0]&&(l=[l[0]]),l.forEach(C=>{let r="";r+="display: flex",r+="; justify-content: center",r+="; color: #0163C8",r+="; padding: 0px 14px",r+="; font-size: 12px";const w=`<span style="${r}">${C}</span>`;d+=`<tr><td>${w}</td></tr>`}),d+="</tbody>";const v=e.querySelector("table");v&&(v.innerHTML=d)}const n=t.chart.canvas.getBoundingClientRect();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=n.left+window.pageXOffset+o.caretX-30+"px",e.style.top=n.top+window.pageYOffset+o.caretY-60+"px",e.style.pointerEvents="none"},displayColors:!0,enabled:!1,callbacks:{title:function(t){const e=s[t[0].dataIndex];return L.formatDate(new Date(`1/${e.label}/${e.year}`),"MMMM yyyy",{locale:S.id})},label:function(t){let e=t.dataset.label??"";return e&&(e+=": "),t.parsed.y!==null&&(e+=new Intl.NumberFormat("id-ID",{style:"currency",currency:"IDR"}).format(t.parsed.y)),e}}}},scales:{x:{grid:{display:!1},beginAtZero:!0,ticks:{autoSkip:!0,maxTicksLimit:20}},y:{min:0,grid:{display:!1},beginAtZero:!0,ticks:{maxTicksLimit:6,callback:function(t){return E.setDigit(t)??0}}}}};return y.useEffect(()=>{if(i.current){const t=i.current.getContext("2d"),e=t?.createLinearGradient(0,100,500,-500);e?.addColorStop(0,"rgba(237, 0, 25, 0)"),e?.addColorStop(1,"rgba(237, 0, 25, 20)");const o=t.fillStyle="rgba(255, 255, 255, 0)";M(o),x(e)}},[]),p.jsxs("div",{className:f??"",children:[p.jsx(B.Line,{options:j,data:k,height:b}),p.jsx("div",{className:"iru-h-5",children:p.jsx("canvas",{ref:i})})]})};exports.default=$;

package/dist/components/Chart/LineChart.mjs

@@ -3,20 +3,20 @@ import p from "react";
 import { Chart as E, CategoryScale as R, LinearScale as $, PointElement as I, LineElement as T, Title as j, Tooltip as H, Legend as O } from "chart.js";
 import { Line as A } from "react-chartjs-2";
 import { formatDate as L } from "date-fns";
-import { id as S } from "date-fns/locale";
+import { id as v } from "date-fns/locale";
 import { setDigit as P } from "../../utils/common.mjs";
 E.register(R, $, I, T, j, H, O);
-const Y = (l, u, f) => {
-  const s = l, y = u || (/* @__PURE__ */ new Date()).getMonth(), d = f || (/* @__PURE__ */ new Date()).getFullYear();
+const Y = (a, u, f) => {
+  const s = a, y = u || (/* @__PURE__ */ new Date()).getMonth(), d = f || (/* @__PURE__ */ new Date()).getFullYear();
   return /* @__PURE__ */ new Date(`${y}/${s}/${d}`);
-}, q = ({ data: l, className: u, height: f = 65 }) => {
-  const s = p.useRef(null), y = l.map((e) => L(Y(1, e.label, e.year), "MMM yy", { locale: S })) || [], [d, C] = p.useState(""), [b, k] = p.useState(""), x = (e) => {
+}, q = ({ data: a, className: u, height: f = 65 }) => {
+  const s = p.useRef(null), y = a.map((e) => L(Y(1, e.label, e.year), "MMM yy", { locale: v })) || [], [d, C] = p.useState(""), [b, S] = p.useState(""), x = (e) => {
     const t = [], o = [];
     let c = !e.find((n) => n.isCurrent);
     return e.forEach((n) => {
       c ? (o.push(n.value), t.push(null)) : (t.push(n.value), n.isCurrent ? (c = !0, o.push(n.value)) : o.push(null));
     }), { passed: t, notPassed: o };
-  }, v = {
+  }, k = {
     labels: y,
     datasets: [
       {
@@ -28,7 +28,7 @@ const Y = (l, u, f) => {
         borderDashOffset: 0,
         borderJoinStyle: "miter",
         pointBackgroundColor: function(e) {
-          const t = l[e.dataIndex];
+          const t = a[e.dataIndex];
           let o = b;
           return t.isCurrent && (o = "#ED0019"), o;
         },
@@ -37,7 +37,7 @@ const Y = (l, u, f) => {
         pointRadius: 5,
         pointBorderColor: b,
         pointHoverBorderColor: d,
-        data: x(l).passed || []
+        data: x(a).passed || []
       },
       {
         label: "",
@@ -53,7 +53,7 @@ const Y = (l, u, f) => {
         pointBorderWidth: 0.1,
         pointHoverRadius: 4,
         borderDash: [15, 5],
-        data: x(l).notPassed || []
+        data: x(a).notPassed || []
       }
     ]
   }, w = {
@@ -78,19 +78,19 @@ const Y = (l, u, f) => {
             return;
           }
           t.classList.remove("above", "below", "no-transform"), o.yAlign ? t.classList.add(o.yAlign) : t.classList.add("no-transform");
-          function c(m) {
-            return m.lines;
+          function c(g) {
+            return g.lines;
           }
           if (o.body) {
-            const m = o.title || [];
-            let a = o.body.map(c), i = "<thead>";
-            m.forEach((g) => {
+            const g = o.title || [];
+            let l = o.body.map(c), i = "<thead>";
+            g.forEach((m) => {
               let r = "";
-              r += "display: flex", r += "; justify-content: center", r += "; font-weight: 600", r += "; font-size: 12px", r += "; padding: 0px 14px", i += `<tr><span style="${r}">${g}</span></tr>`;
-            }), i += "</thead><tbody>", a.length > 1 && a[0][0] === a[1][0] && (a = [a[0]]), a.forEach((g) => {
+              r += "display: flex", r += "; justify-content: center", r += "; font-weight: 600", r += "; font-size: 12px", r += "; padding: 0px 14px", i += `<tr><span style="${r}">${m}</span></tr>`;
+            }), i += "</thead><tbody>", l.length > 1 && l[0][0] === l[1][0] && (l = [l[0]]), l.forEach((m) => {
               let r = "";
               r += "display: flex", r += "; justify-content: center", r += "; color: #0163C8", r += "; padding: 0px 14px", r += "; font-size: 12px";
-              const M = `<span style="${r}">${g}</span>`;
+              const M = `<span style="${r}">${m}</span>`;
               i += `<tr><td>${M}</td></tr>`;
             }), i += "</tbody>";
             const D = t.querySelector("table");
@@ -103,8 +103,8 @@ const Y = (l, u, f) => {
         enabled: !1,
         callbacks: {
           title: function(e) {
-            const t = l[e[0].dataIndex];
-            return L(/* @__PURE__ */ new Date(`1/${t.label}/${t.year}`), "MMMM yyyy", { locale: S });
+            const t = a[e[0].dataIndex];
+            return L(/* @__PURE__ */ new Date(`1/${t.label}/${t.year}`), "MMMM yyyy", { locale: v });
           },
           label: function(e) {
             let t = e.dataset.label ?? "";
@@ -143,13 +143,13 @@ const Y = (l, u, f) => {
   };
   return p.useEffect(() => {
     if (s.current) {
-      const e = s.current.getContext("2d"), t = e == null ? void 0 : e.createLinearGradient(0, 100, 500, -500);
-      t == null || t.addColorStop(0, "rgba(237, 0, 25, 0)"), t == null || t.addColorStop(1, "rgba(237, 0, 25, 20)");
+      const e = s.current.getContext("2d"), t = e?.createLinearGradient(0, 100, 500, -500);
+      t?.addColorStop(0, "rgba(237, 0, 25, 0)"), t?.addColorStop(1, "rgba(237, 0, 25, 20)");
       const o = e.fillStyle = "rgba(255, 255, 255, 0)";
-      k(o), C(t);
+      S(o), C(t);
     }
   }, []), /* @__PURE__ */ B("div", { className: u ?? "", children: [
-    /* @__PURE__ */ h(A, { options: w, data: v, height: f }),
+    /* @__PURE__ */ h(A, { options: w, data: k, height: f }),
     /* @__PURE__ */ h("div", { className: "iru-h-5", children: /* @__PURE__ */ h("canvas", { ref: s }) })
   ] });
 };

package/dist/components/Chart/PieChart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),j=require("chart.js"),h=require("react"),E=require("react-chartjs-2"),w=require("../../utils/common.cjs"),T=require("../PortalComponent/PortalComponent.cjs");j.Chart.register(j.ArcElement,j.Tooltip);const I=(t,l,n)=>{const r=l>0?t/l*100:0;switch(n){case"decimal":return w.formatNumber(t,"decimal");case"currency":return w.formatNumber(t,"currency");case"percentage":default:return`${Math.round(r)}%`}},O=()=>{const t=Math.floor(Math.random()*360),l=60+Math.floor(Math.random()*30),n=45+Math.floor(Math.random()*20);return((o,a,c)=>{a/=100,c/=100;const s=a*Math.min(c,1-c),d=u=>{const i=(u+o/30)%12,e=c-s*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*e).toString(16).padStart(2,"0")};return`#${d(0)}${d(8)}${d(4)}`})(t,l,n)},A=(t,l)=>Array.isArray(t)?t[l]||O():typeof t=="string"?t:O(),B=t=>{const l=t.labels??[],n=t.datasets[0];return n?(n.data??[]).map((o,a)=>({label:l[a]??"",value:o,backgroundColor:A(n.backgroundColor,a)})):[]},R=(t,l)=>{if(!l)return{labels:t.map(e=>e.label),values:t.map(e=>e.value),colors:t.map(e=>e.backgroundColor||O()),mergedMap:{}};const{mode:n,value:r,otherLabel:o="Other",otherBackgroundColor:a="#B0BEC5"}=l,c=t.reduce((e,p)=>e+p.value,0),s=[],d=[];let u=0;t.forEach(e=>{(n==="percentage"?e.value/c*100<r:e.value<r)?(u+=e.value,d.push(e)):s.push({label:e.label,value:e.value,color:e.backgroundColor||O()})});const i={};return u>0&&(s.push({label:o,value:u,color:a}),i[s.length-1]=d),{labels:s.map(e=>e.label),values:s.map(e=>e.value),colors:s.map(e=>e.color),mergedMap:i}},F=(t,l,n)=>({chart:r,tooltip:o})=>{var g,f,b,m,v,x,y,M,S,k;const a={};if(o.opacity===0){t(P=>({...P,style:{...P.style,opacity:0,pointerEvents:"none"}}));return}if(!o.dataPoints||o.dataPoints.length===0)return;a.opacity="1",a.position="absolute",a.pointerEvents="none";const c=r.canvas.getBoundingClientRect();a.left=c.left+window.pageXOffset+o.caretX+"px",a.top=c.top+window.pageYOffset+o.caretY+"px";const s=o.dataPoints[0].dataIndex,d=((f=(g=o.dataPoints)==null?void 0:g[0])==null?void 0:f.label)??"",u=((m=(b=o.dataPoints)==null?void 0:b[0])==null?void 0:m.raw)??0,i=((y=(x=(v=o.dataPoints)==null?void 0:v[0])==null?void 0:x.dataset.backgroundColor)==null?void 0:y[s])??"",e=((k=(S=(M=o.dataPoints)==null?void 0:M[0])==null?void 0:S.dataset.data)==null?void 0:k.reduce((P,q)=>P+q,0))||1,p=e>0?u/e*100:0;t({label:d,value:u,percentage:p,formattedValue:I(u,e,l),backgroundColor:typeof i=="string"?i:"#000",mergedItems:n[s]??[],style:a,dataPoints:o.dataPoints})},V=(t,l)=>({id:"pieLabelPlugin",afterDraw(n){const{ctx:r}=n,o=n.getDatasetMeta(0),a=n.data.datasets[0].data.reduce((c,s)=>c+s,0);o.data.forEach((c,s)=>{var f;const u=n.data.datasets[0].data[s]??0;if((a>0?u/a*100:0)<l)return;const{x:e,y:p}=c.tooltipPosition(!1),g=(f=n.data.labels)==null?void 0:f[s];r.save(),r.textAlign="center",r.textBaseline="middle",r.fillStyle="#FFFFFF",r.font="bold 10px Inter, sans-serif",r.fillText(g,e||0,(p||0)-6),r.fillText(I(u,a,t),e||0,(p||0)+8),r.restore()})}}),$={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0}},elements:{arc:{hoverOffset:8,borderWidth:0}}},D=({data:t,height:l,classNameContainer:n,id:r,options:o,CustomTooltip:a,threshold:c,valueFormat:s,hideLabelBelowPercentage:d=5})=>{const[u,i]=h.useState({style:{opacity:0,position:"absolute",left:0,top:0},label:"",value:0,percentage:0,formattedValue:"",backgroundColor:"",mergedItems:[],dataPoints:[]}),e=h.useMemo(()=>B(t),[t]),{labels:p,values:g,colors:f,mergedMap:b}=h.useMemo(()=>R(e,c),[e,c]),m=h.useMemo(()=>({labels:p,datasets:[{...t.datasets[0],data:g,backgroundColor:f,hoverOffset:8,borderWidth:0}]}),[p,g,f,t.datasets]),v=h.useMemo(()=>{const x={plugins:{tooltip:{enabled:!a,external:a?({chart:y,tooltip:M})=>F(i,s,b)({chart:y,tooltip:M}):void 0}}};return w.mergeObjects($,x,o??{})},[o,a,s,b]);return C.jsxs("div",{id:r,className:n,style:{height:l||"300px"},children:[a&&C.jsx(T.default,{selector:"body",children:C.jsx(a,{...u})}),C.jsx(E.Pie,{data:m,options:v,plugins:[V(s,d)]})]})};exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),v=require("chart.js"),g=require("react"),S=require("react-chartjs-2"),x=require("../../utils/common.cjs"),k=require("../PortalComponent/PortalComponent.cjs");v.Chart.register(v.ArcElement,v.Tooltip);const M=(t,l,n)=>{const r=l>0?t/l*100:0;switch(n){case"decimal":return x.formatNumber(t,"decimal");case"currency":return x.formatNumber(t,"currency");default:return`${Math.round(r)}%`}},m=()=>{const t=Math.floor(Math.random()*360),l=60+Math.floor(Math.random()*30),n=45+Math.floor(Math.random()*20);return((o,a,c)=>{a/=100,c/=100;const s=a*Math.min(c,1-c),d=u=>{const i=(u+o/30)%12,e=c-s*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*e).toString(16).padStart(2,"0")};return`#${d(0)}${d(8)}${d(4)}`})(t,l,n)},I=(t,l)=>Array.isArray(t)?t[l]||m():typeof t=="string"?t:m(),q=t=>{const l=t.labels??[],n=t.datasets[0];return n?(n.data??[]).map((o,a)=>({label:l[a]??"",value:o,backgroundColor:I(n.backgroundColor,a)})):[]},E=(t,l)=>{if(!l)return{labels:t.map(e=>e.label),values:t.map(e=>e.value),colors:t.map(e=>e.backgroundColor||m()),mergedMap:{}};const{mode:n,value:r,otherLabel:o="Other",otherBackgroundColor:a="#B0BEC5"}=l,c=t.reduce((e,p)=>e+p.value,0),s=[],d=[];let u=0;t.forEach(e=>{(n==="percentage"?e.value/c*100<r:e.value<r)?(u+=e.value,d.push(e)):s.push({label:e.label,value:e.value,color:e.backgroundColor||m()})});const i={};return u>0&&(s.push({label:o,value:u,color:a}),i[s.length-1]=d),{labels:s.map(e=>e.label),values:s.map(e=>e.value),colors:s.map(e=>e.color),mergedMap:i}},T=(t,l,n)=>({chart:r,tooltip:o})=>{const a={};if(o.opacity===0){t(f=>({...f,style:{...f.style,opacity:0,pointerEvents:"none"}}));return}if(!o.dataPoints||o.dataPoints.length===0)return;a.opacity="1",a.position="absolute",a.pointerEvents="none";const c=r.canvas.getBoundingClientRect();a.left=c.left+window.pageXOffset+o.caretX+"px",a.top=c.top+window.pageYOffset+o.caretY+"px";const s=o.dataPoints[0].dataIndex,d=o.dataPoints?.[0]?.label??"",u=o.dataPoints?.[0]?.raw??0,i=o.dataPoints?.[0]?.dataset.backgroundColor?.[s]??"",e=o.dataPoints?.[0]?.dataset.data?.reduce((f,b)=>f+b,0)||1,p=e>0?u/e*100:0;t({label:d,value:u,percentage:p,formattedValue:M(u,e,l),backgroundColor:typeof i=="string"?i:"#000",mergedItems:n[s]??[],style:a,dataPoints:o.dataPoints})},A=(t,l)=>({id:"pieLabelPlugin",afterDraw(n){const{ctx:r}=n,o=n.getDatasetMeta(0),a=n.data.datasets[0].data.reduce((c,s)=>c+s,0);o.data.forEach((c,s)=>{const u=n.data.datasets[0].data[s]??0;if((a>0?u/a*100:0)<l)return;const{x:e,y:p}=c.tooltipPosition(!1),f=n.data.labels?.[s];r.save(),r.textAlign="center",r.textBaseline="middle",r.fillStyle="#FFFFFF",r.font="bold 10px Inter, sans-serif",r.fillText(f,e||0,(p||0)-6),r.fillText(M(u,a,t),e||0,(p||0)+8),r.restore()})}}),B={responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0}},elements:{arc:{hoverOffset:8,borderWidth:0}}},R=({data:t,height:l,classNameContainer:n,id:r,options:o,CustomTooltip:a,threshold:c,valueFormat:s,hideLabelBelowPercentage:d=5})=>{const[u,i]=g.useState({style:{opacity:0,position:"absolute",left:0,top:0},label:"",value:0,percentage:0,formattedValue:"",backgroundColor:"",mergedItems:[],dataPoints:[]}),e=g.useMemo(()=>q(t),[t]),{labels:p,values:f,colors:b,mergedMap:y}=g.useMemo(()=>E(e,c),[e,c]),P=g.useMemo(()=>({labels:p,datasets:[{...t.datasets[0],data:f,backgroundColor:b,hoverOffset:8,borderWidth:0}]}),[p,f,b,t.datasets]),C=g.useMemo(()=>{const O={plugins:{tooltip:{enabled:!a,external:a?({chart:j,tooltip:w})=>T(i,s,y)({chart:j,tooltip:w}):void 0}}};return x.mergeObjects(B,O,o??{})},[o,a,s,y]);return h.jsxs("div",{id:r,className:n,style:{height:l||"300px"},children:[a&&h.jsx(k.default,{selector:"body",children:h.jsx(a,{...u})}),h.jsx(S.Pie,{data:P,options:C,plugins:[A(s,d)]})]})};exports.default=R;

package/dist/components/Chart/PieChart.mjs

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

package/dist/components/Collapse/Collapse.cjs

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

package/dist/components/Collapse/Collapse.mjs

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

package/dist/components/DatePicker/DatePicker.cjs

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