@oliasoft-open-source/charts-library 4.6.1 → 4.6.2-beta-1

package/dist/index.js

@@ -26809,11 +26809,13 @@ const LegendDropZones = (legendDropZonesProps) => {
 };
 const Legend2 = ({ chartRef, legendConfig }) => {
   const chart2 = chartRef == null ? void 0 : chartRef.current;
-  const { chartArea } = chart2 ?? {};
+  const [chartArea, setChartArea] = useState(
+    chart2 == null ? void 0 : chart2.chartArea
+  );
   const {
     options: { legend: legend2 }
   } = legendConfig ?? {};
-  const [measureRef] = useMeasure$1();
+  const [measureRef, measureRect2] = useMeasure$1();
   const resizeRef = measureRef;
   const panelRef = useRef(null);
   const [legendPosition, setLegendPosition] = useState(
@@ -26827,6 +26829,12 @@ const Legend2 = ({ chartRef, legendConfig }) => {
       isDragging: monitor.isDragging()
     })
   }));
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      setChartArea(chart2 == null ? void 0 : chart2.chartArea);
+    }, 20);
+    return () => clearTimeout(timeout);
+  }, [measureRect2]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { ref: resizeRef, className: styles$3.resizeContainer }),
     /* @__PURE__ */ jsx(
@@ -26849,7 +26857,8 @@ const Legend2 = ({ chartRef, legendConfig }) => {
         setLegendPosition: (position) => setLegendPosition(position),
         isDragging: isDragging2,
         placeholderSize: panelSize
-      }
+      },
+      measureRect2.width
     )
   ] });
 };