@m4l/widgets 0.6.0-beta-pkg-801-ajustes-mf-52.0 → 0.6.0

package/charts/ChartPie/ChartPie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartPie.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAUjE;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,oDAoC3D;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ChartPie.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartPie/ChartPie.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAUjE;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,oDAsC3D;AAED,eAAe,QAAQ,CAAC"}

package/charts/ChartPie/ChartPie.js

@@ -1,31 +1,33 @@
 import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
-import m from "echarts-for-react";
-import { useRef as d } from "react";
-import { CustomLegend as f } from "./subcomponents/CustomLegend/CustomLegend.js";
-import { ChartPieRootStyled as c, ChartPieParentStyled as p, ChartContainerStyled as u, LegendContainerStyled as C } from "./slots/ChartPieSlots.js";
-import { useChartPieData as g } from "./hooks/useChartPieData.js";
-import { useChartResize as y } from "./hooks/useChartResize.js";
-function E({ values: n, size: i, sx: a }) {
-  const e = d(null), { data: r, options: h } = g(n), s = y(e), l = {
+import d from "echarts-for-react";
+import { useRef as f } from "react";
+import { CustomLegend as c } from "./subcomponents/CustomLegend/CustomLegend.js";
+import { ChartPieRootStyled as p, ChartPieParentStyled as u, ChartContainerStyled as C, LegendContainerStyled as y } from "./slots/ChartPieSlots.js";
+import { useChartPieData as R } from "./hooks/useChartPieData.js";
+import { useChartResize as g } from "./hooks/useChartResize.js";
+function L({ values: n, size: a, sx: i }) {
+  const e = f(null), { data: r, options: s } = R(n), { setParentElement: h, onChartReady: l } = g(e), m = {
     length: r.length
   };
-  return /* @__PURE__ */ t(c, { sx: a, children: /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ t(u, { ref: s, children: /* @__PURE__ */ t(
-      m,
+  return /* @__PURE__ */ t(p, { sx: i, children: /* @__PURE__ */ o(u, { children: [
+    /* @__PURE__ */ t(C, { ref: h, children: /* @__PURE__ */ t(
+      d,
       {
         ref: e,
-        option: h,
+        option: s,
         style: { height: "100%", width: "100%" },
         notMerge: !0,
-        lazyUpdate: !0
+        lazyUpdate: !0,
+        autoResize: !1,
+        onChartReady: l
       }
     ) }),
-    /* @__PURE__ */ o(C, { ownerState: l, children: [
+    /* @__PURE__ */ o(y, { ownerState: m, children: [
       /* @__PURE__ */ t(
-        f,
+        c,
         {
           data: r,
-          size: i
+          size: a
         }
       ),
       " "
@@ -33,6 +35,6 @@ function E({ values: n, size: i, sx: a }) {
   ] }) });
 }
 export {
-  E as ChartPie,
-  E as default
+  L as ChartPie,
+  L as default
 };

package/charts/ChartPie/hooks/useChartResize.d.ts

@@ -1,8 +1,12 @@
+import { EChartsType } from 'echarts';
 import { default as ReactECharts } from 'echarts-for-react';
 /**
- * Custom hook to resize the chart when the container size changes.
+ * Resize a ready pie chart when its visible container size changes.
  * @param chartRef - Reference to the chart element
- * @returns Reference setter for the chart parent element
+ * @returns Parent reference setter and final chart readiness callback.
  */
-export declare function useChartResize(chartRef: React.RefObject<ReactECharts | null>): (node: HTMLDivElement | null) => void;
+export declare function useChartResize(chartRef: React.RefObject<ReactECharts | null>): {
+    setParentElement: import('react').Dispatch<import('react').SetStateAction<HTMLDivElement | null>>;
+    onChartReady: (instance: EChartsType) => void;
+};
 //# sourceMappingURL=useChartResize.d.ts.map

package/charts/ChartPie/hooks/useChartResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartResize.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/ChartPie/hooks/useChartResize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,yCAoB5E"}
+{"version":3,"file":"useChartResize.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/ChartPie/hooks/useChartResize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAC;AAElD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC;;6BAwB/B,WAAW;EAkBxD"}

package/charts/ChartPie/hooks/useChartResize.js

@@ -1,17 +1,21 @@
-import { useEffect as s } from "react";
-import { useStateRef as a, useSizeContainer as o } from "@m4l/components";
-function l(e) {
-  const [t, n] = a(null), r = o(t, {
-    throttleTime: 200,
-    excludePadding: !1,
-    leading: !0,
-    trailing: !0
-  });
-  return s(() => {
-    const i = e.current?.getEchartsInstance();
-    window.requestAnimationFrame(() => i?.resize());
-  }, [r, e]), n;
+import { useState as h, useRef as d, useCallback as u, useLayoutEffect as f } from "react";
+function m(o) {
+  const [n, a] = h(null), c = d(null), t = u(() => {
+    const e = o.current?.getEchartsInstance();
+    if (!e || e !== c.current || e.isDisposed())
+      return;
+    const r = e.getDom(), s = r.clientWidth, i = r.clientHeight;
+    !r.isConnected || s <= 0 || i <= 0 || (e.getWidth() !== s || e.getHeight() !== i) && e.resize({ width: s, height: i, animation: { duration: 0 } });
+  }, [o]), l = u((e) => {
+    c.current = e, t();
+  }, [t]);
+  return f(() => {
+    if (!n)
+      return;
+    const e = new ResizeObserver(t);
+    return e.observe(n), t(), () => e.disconnect();
+  }, [n, t]), { setParentElement: a, onChartReady: l };
 }
 export {
-  l as useChartResize
+  m as useChartResize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/widgets",
-  "version": "0.6.0-beta-pkg-801-ajustes-mf-52.0",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public"
   },