aefis-core-ui 4.0.0-rc66 → 4.0.0-rc67

package/dist/index.modern.js

@@ -15172,19 +15172,6 @@ function useValueChange(value, onChange) {
   }
 }
 
-const useZoomLevel = () => {
-  const [zoomLevel, setZoomLevel] = useState(window.devicePixelRatio);
-  useEffect(() => {
-    const handleZoom = () => {
-      const zoom = window.devicePixelRatio;
-      setZoomLevel(zoom);
-    };
-    window.addEventListener("resize", handleZoom);
-    return () => window.removeEventListener("resize", handleZoom);
-  }, []);
-  return zoomLevel;
-};
-
 const _excluded$p = ["status", "data", "isFetching", "fetchNextPage", "hasNextPage", "refetch"];
 const useDidMount$1 = () => {
   const didMountRef = useRef(false);
@@ -15287,17 +15274,6 @@ const RichDataTable$1 = /*#__PURE__*/forwardRef(function RichDatatable(props, re
     return initialFilterState$1;
   });
   const [isFilterPanelStateChanged, setIsFilterPanelStateChanged] = useState(false);
-  const zoomLevel = useZoomLevel();
-  const dynamicHeight = useMemo(() => {
-    if (isNaN(props.minZoomThreshold)) {
-      console.error("The minZoomThreshold should be a number. divide browser zoom level to 100");
-      return props.height;
-    }
-    if (zoomLevel < props.minZoomThreshold) {
-      return props.height;
-    }
-    return props.zoomResponsiveHeight;
-  }, [zoomLevel, props.zoomResponsiveHeight, props.height, props.minZoomThreshold]);
   useValueChange(filterPanelState, prevState => {
     setIsFilterPanelStateChanged(true);
   });
@@ -15675,11 +15651,12 @@ const RichDataTable$1 = /*#__PURE__*/forwardRef(function RichDatatable(props, re
   };
   return /*#__PURE__*/jsxs(Box$3, {
     "aria-live": "polite",
-    sx: {
-      height: dynamicHeight || "75vh",
+    sx: _extends({
+      height: props.height || "75vh",
       display: "flex",
-      flexDirection: "column"
-    },
+      flexDirection: "column",
+      minHeight: 500
+    }, props.containerSx),
     children: [/*#__PURE__*/jsxs(Box$3, {
       sx: {
         pt: 1,
@@ -15906,8 +15883,7 @@ RichDataTable$1.defaultProps = {
   enableInfiniteScrolling: true,
   showTextSearch: false,
   disableColumnResize: true,
-  zoomResponsiveHeight: 500,
-  minZoomThreshold: 1.75
+  containerSx: {}
 };
 RichDataTable$1.propTypes = _extends({
   /** The title of the table */
@@ -16031,10 +16007,7 @@ RichDataTable$1.propTypes = _extends({
 }, DataTable$1.propTypes, {
   /** disable column resize */
   disableColumnResize: PropTypes.bool,
-  /** Minimum zoom level threshold for table behavior changes */
-  minZoomThreshold: PropTypes.number,
-  /** Height to use when browser zoom level is above minZoomThreshold */
-  zoomResponsiveHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  containerSx: PropTypes.object
 });
 
 const createEvent = () => {
@@ -27835,6 +27808,19 @@ FilterPanelWithTextSearch.propTypes = {
   filterChipRowProps: PropTypes.object
 };
 
+const useZoomLevel = () => {
+  const [zoomLevel, setZoomLevel] = useState(window.devicePixelRatio);
+  useEffect(() => {
+    const handleZoom = () => {
+      const zoom = window.devicePixelRatio;
+      setZoomLevel(zoom);
+    };
+    window.addEventListener("resize", handleZoom);
+    return () => window.removeEventListener("resize", handleZoom);
+  }, []);
+  return zoomLevel;
+};
+
 const moreThan = ruleValue => ({
   fieldValue
 }) => {