1mpacto-react-ui 2.0.23 → 2.0.24

package/dist/components/Chart/PieChart.cjs

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

package/dist/components/Chart/PieChart.mjs

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

package/dist/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.23",o={version:e};exports.default=o;exports.version=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="2.0.24",o={version:e};exports.default=o;exports.version=e;

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.23",
+  "version": "2.0.24",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",

package/dist/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "2.0.23", s = {
+const o = "2.0.24", s = {
   version: o
 };
 export {

package/dist/src/interfaces/components/Chart/index.d.ts

@@ -692,6 +692,11 @@ export interface IPieChartThreshold {
  * [EN] : Interface for pie chart dataset, extends ChartDataset<'pie'>.
  */
 export interface IPieChartDataSet extends ChartDataset<'pie'> {
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
+    [key: string]: unknown;
     /**
      * [ID] : background untuk slice pie chart
      * [EN] : background for slice pie chart
@@ -828,5 +833,10 @@ export interface IDataPieChartCustomTooltip {
      * [EN] : Tooltip data points.
      */
     dataPoints: TooltipItem<'pie'>[];
+    /**
+     * [ID] : Properti dinamis lainnya.
+     * [EN] : Other dynamic properties.
+     */
+    [key: string]: unknown;
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.23",
+  "version": "2.0.24",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",