@mcurros2/microm 1.1.101-0 → 1.1.103-0

package/dist/index.js

@@ -36574,41 +36574,36 @@ const $55dd21617ac1c7dc$export$5e15d737b33a1c27 = /*#__PURE__*/ (0, $b4te3$react
         children: (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Stack), {
             spacing: "sm",
             children: [
-                showToolbar && (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
-                    children: [
-                        (0, $b4te3$reactjsxruntime.jsx)((0, $3vFhj.DataGridToolbar), Object.assign({}, labels, {
-                            enableExport: enableExport,
-                            onExportClick: dataViewAPI.handleExport,
-                            onRefreshClick: dataViewAPI.handleRefresh,
-                            onCheckboxToggle: dataViewAPI.handleToggleSelectable,
-                            autoFocus: autoFocus,
-                            toolbarIconVariant: toolbarIconVariant,
-                            searchText: viewState.searchText,
-                            setSearchText: viewState.setSearchText,
-                            searchData: searchData,
-                            setSearchData: setSearchData,
-                            client: entity === null || entity === void 0 ? void 0 : entity.API.client,
-                            FiltersEntity: entity && viewName && (entity === null || entity === void 0 ? void 0 : entity.def.views[viewName]) ? entity === null || entity === void 0 ? void 0 : entity.def.views[viewName].FiltersEntity : undefined,
-                            filterValues: viewState.filterValues,
-                            setFilterValues: viewState.setFilterValues,
-                            filtersDescription: viewState.filtersDescription,
-                            setFiltersDescription: viewState.setFiltersDescription,
-                            filtersFormSize: filtersFormSize,
-                            size: toolbarSize,
-                            showAppliedFilters: showAppliedFilters,
-                            showRefreshButton: showRefreshButton,
-                            showFiltersButton: showFiltersButton,
-                            showSearchInput: showSearchInput,
-                            showSelectRowsButton: showSelectRowsButton,
-                            hideCheckboxToggle: hideCheckboxToggle,
-                            searchPlaceholder: searchPlaceholder,
-                            visibleFilters: visibleFilters,
-                            initialColumnFilters: setInitialFiltersFromColumns && entity ? entity.def.columns : undefined
-                        })),
-                        (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Space), {
-                            h: "xs"
-                        })
-                    ]
+                showToolbar && (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$reactjsxruntime.Fragment), {
+                    children: (0, $b4te3$reactjsxruntime.jsx)((0, $3vFhj.DataGridToolbar), Object.assign({}, labels, {
+                        enableExport: enableExport,
+                        onExportClick: dataViewAPI.handleExport,
+                        onRefreshClick: dataViewAPI.handleRefresh,
+                        onCheckboxToggle: dataViewAPI.handleToggleSelectable,
+                        autoFocus: autoFocus,
+                        toolbarIconVariant: toolbarIconVariant,
+                        searchText: viewState.searchText,
+                        setSearchText: viewState.setSearchText,
+                        searchData: searchData,
+                        setSearchData: setSearchData,
+                        client: entity === null || entity === void 0 ? void 0 : entity.API.client,
+                        FiltersEntity: entity && viewName && (entity === null || entity === void 0 ? void 0 : entity.def.views[viewName]) ? entity === null || entity === void 0 ? void 0 : entity.def.views[viewName].FiltersEntity : undefined,
+                        filterValues: viewState.filterValues,
+                        setFilterValues: viewState.setFilterValues,
+                        filtersDescription: viewState.filtersDescription,
+                        setFiltersDescription: viewState.setFiltersDescription,
+                        filtersFormSize: filtersFormSize,
+                        size: toolbarSize,
+                        showAppliedFilters: showAppliedFilters,
+                        showRefreshButton: showRefreshButton,
+                        showFiltersButton: showFiltersButton,
+                        showSearchInput: showSearchInput,
+                        showSelectRowsButton: showSelectRowsButton,
+                        hideCheckboxToggle: hideCheckboxToggle,
+                        searchPlaceholder: searchPlaceholder,
+                        visibleFilters: visibleFilters,
+                        initialColumnFilters: setInitialFiltersFromColumns && entity ? entity.def.columns : undefined
+                    }))
                 }),
                 showActions && (0, $b4te3$reactjsxruntime.jsx)((0, $j8hoz.DataGridActionsToolbar), Object.assign({}, labels, {
                     viewName: viewName,
@@ -47876,17 +47871,28 @@ parcelRegister("lwxCY", function(module, exports) {
 
 $parcel$export(module.exports, "useAncestorResize", function () { return $fab6abe4da65ff17$export$d994cf386c6f1d98; });
 
+function $fab6abe4da65ff17$var$parseUnit(value, ancestorWidth, ancestorHeight, baseFontSize) {
+    if (value.endsWith("px")) return parseFloat(value);
+    if (value.endsWith("vw")) return window.innerWidth * parseFloat(value) / 100;
+    if (value.endsWith("vh")) return window.innerHeight * parseFloat(value) / 100;
+    if (value.endsWith("rem")) return parseFloat(value) * baseFontSize;
+    if (value.endsWith("em")) return parseFloat(value) * baseFontSize;
+    if (value.endsWith("%")) return parseFloat(value) / 100 * (ancestorWidth || ancestorHeight);
+    return parseFloat(value);
+}
 function $fab6abe4da65ff17$export$d994cf386c6f1d98(minSize = {
-    width: 300,
-    height: 400
+    width: "300px",
+    height: "400px"
 }) {
     const ref = (0, $b4te3$react.useRef)(null);
-    const [size, setSize] = (0, $b4te3$react.useState)(minSize);
+    const [size, setSize] = (0, $b4te3$react.useState)({
+        width: 0,
+        height: 0
+    });
     (0, $b4te3$react.useEffect)(()=>{
         var _a;
         if (!ref.current) return;
-        // Buscamos el ancestro más relevante (por ejemplo, el contenedor scrollable o modal)
-        const findTargetAncestor = (el)=>{
+        const findFirstScrollableAncestor = (el)=>{
             while(el){
                 const overflowY = getComputedStyle(el).overflowY;
                 if (overflowY === "auto" || overflowY === "scroll") return el;
@@ -47894,17 +47900,30 @@ function $fab6abe4da65ff17$export$d994cf386c6f1d98(minSize = {
             }
             return null;
         };
-        const ancestor = (_a = findTargetAncestor(ref.current.parentElement)) !== null && _a !== void 0 ? _a : ref.current.parentElement;
-        if (!ancestor) return;
-        const observer = new ResizeObserver(([entry])=>{
-            const { width: width, height: height } = entry.contentRect;
+        const ancestor = (_a = findFirstScrollableAncestor(ref.current.parentElement)) !== null && _a !== void 0 ? _a : ref.current.parentElement;
+        if (!ancestor) {
+            console.warn("cant resize, noancestor");
+            return;
+        }
+        const baseFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        const minWidth = $fab6abe4da65ff17$var$parseUnit(minSize.width, ancestor.clientWidth, ancestor.clientHeight, baseFontSize);
+        const minHeight = $fab6abe4da65ff17$var$parseUnit(minSize.height, ancestor.clientWidth, ancestor.clientHeight, baseFontSize);
+        const resize = ()=>{
+            const width = ancestor.clientWidth;
+            const height = ancestor.clientHeight;
             setSize({
-                width: Math.max(minSize.width, width),
-                height: Math.max(minSize.height, height)
+                width: Math.max(minWidth, width),
+                height: Math.max(minHeight, height)
             });
-        });
+        };
+        const observer = new ResizeObserver(resize);
         observer.observe(ancestor);
-        return ()=>observer.disconnect();
+        window.addEventListener("resize", resize);
+        resize();
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener("resize", resize);
+        };
     }, [
         minSize.width,
         minSize.height