@oliasoft-open-source/charts-library 3.6.6-beta-1 → 3.6.7

package/dist/index.js

@@ -24834,7 +24834,7 @@ const useLegendState = ({
   };
 };
 const LEGEND_MARGIN = 4;
-const createStyleObject = (legendPosition, chart2) => {
+const createLegendStyle = (legendPosition, chart2) => {
   const { height = 0, width = 0, chartArea } = chart2;
   const { top: top2, left: left2, bottom: bottom2, right: right2 } = chartArea;
   return {
@@ -24851,6 +24851,17 @@ const getGeneratedLabels = (chart2) => {
   var _a2, _b2, _c2, _d2, _e2;
   return ((_e2 = (_d2 = (_c2 = (_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.plugins) == null ? void 0 : _b2.legend) == null ? void 0 : _c2.labels) == null ? void 0 : _d2.generateLabels) == null ? void 0 : _e2.call(_d2, chart2)) ?? [];
 };
+const useGeneratedLabels = (chartRef, generatedDatasets) => {
+  const [items, setItems] = useState([]);
+  useEffect(() => {
+    const chart2 = chartRef.current;
+    if (!chart2)
+      return;
+    const newItems = getGeneratedLabels(chart2);
+    setItems(newItems);
+  }, [generatedDatasets, chartRef]);
+  return items;
+};
 const LegendPanel = forwardRef((props, ref) => {
   const {
     legendPosition,
@@ -24862,7 +24873,7 @@ const LegendPanel = forwardRef((props, ref) => {
     isDragging: isDragging2
   } = props;
   const { legendEnabled } = state;
-  const chart2 = chartRef.current;
+  const chart2 = chartRef == null ? void 0 : chartRef.current;
   if (!chart2)
     return null;
   const {
@@ -24875,17 +24886,8 @@ const LegendPanel = forwardRef((props, ref) => {
     dispatch
   });
   const { onToggleLegend } = useToggleHandlers(dispatch);
-  const [items, setItems] = useState([]);
-  useEffect(() => {
-    if (!chart2)
-      return;
-    const newItems = getGeneratedLabels(chart2);
-    setItems(newItems);
-  }, [generatedDatasets, chart2]);
-  const style = useMemo(
-    () => createStyleObject(legendPosition, chart2),
-    [chart2, legendPosition]
-  );
+  const items = useGeneratedLabels(chartRef, generatedDatasets);
+  const style = createLegendStyle(legendPosition, chart2);
   return /* @__PURE__ */ jsxs(
     "div",
     {