@mcurros2/microm 1.1.8-0 → 1.1.10-0

package/dist/index.js

@@ -8192,11 +8192,11 @@ var $5rexx = parcelRequire("5rexx");
 
 var $j8hoz = parcelRequire("j8hoz");
 
+var $5Buf1 = parcelRequire("5Buf1");
+
 var $3vFhj = parcelRequire("3vFhj");
 
 var $5JIrZ = parcelRequire("5JIrZ");
-
-var $5Buf1 = parcelRequire("5Buf1");
 const $eca5c8f2655679a5$export$7a235056ace2c138 = {
     search: [],
     limit: "10000",
@@ -8279,6 +8279,14 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
         viewName
     ]);
     const [openColumnsConfigMenu, setOpenColumnsConfigMenu] = (0, $b4te3$react.useState)(false);
+    const gridRef = (0, $b4te3$react.useRef)(null);
+    const ConfigMenuDropDown = (0, $b4te3$react.useMemo)(()=>(0, $b4te3$reactjsxruntime.jsx)((0, $5Buf1.DataGridColumnsMenu), {
+            setOpened: setOpenColumnsConfigMenu,
+            columns: columns,
+            grid: gridRef.current
+        }), [
+        columns
+    ]);
     return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$reactjsxruntime.Fragment), {
         children: renderOnlyWhenVisible && isFirstVisible === false ? (0, $b4te3$reactjsxruntime.jsx)("div", {
             ref: visibilityDivRef,
@@ -8311,7 +8319,9 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
                     visibleFilters: visibleFilters,
                     initialColumnFilters: setInitialFiltersFromColumns && entity ? entity.def.columns : undefined,
                     showColumnsConfig: showColumnsConfigMenu,
-                    columnsConfigHandler: ()=>setOpenColumnsConfigMenu((prev)=>!prev)
+                    configMenuOpened: openColumnsConfigMenu,
+                    setConfigMenuOpened: setOpenColumnsConfigMenu,
+                    configMenuDropdown: ConfigMenuDropDown
                 })),
                 showActionsToolbar && (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
                     children: [
@@ -8376,7 +8386,8 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
                             autoSizeColumnsOnLoad: autoSizeColumnsOnLoad,
                             rowBorders: rowBorders,
                             withBorder: withBorder,
-                            columnsOverrides: effectiveColumnOverrides
+                            columnsOverrides: effectiveColumnOverrides,
+                            ref: gridRef
                         })
                     ]
                 }),
@@ -8415,11 +8426,6 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
                                     ]
                                 }) : ""
                             ]
-                        }),
-                        showColumnsConfigMenu && (0, $b4te3$reactjsxruntime.jsx)((0, $5Buf1.DataGridColumnsMenu), {
-                            opened: openColumnsConfigMenu,
-                            setOpened: setOpenColumnsConfigMenu,
-                            columns: columns
                         })
                     ]
                 })
@@ -32794,6 +32800,33 @@ function $0a7ab9dd04f6e412$export$654303af7d36ee24(size) {
 });
 
 
+parcelRegister("5Buf1", function(module, exports) {
+
+$parcel$export(module.exports, "DataGridColumnsMenu", function () { return $4147ddc1926c6c51$export$72c73377cef8aa5; });
+
+
+
+function $4147ddc1926c6c51$export$72c73377cef8aa5(props) {
+    const { columns: columns, setOpened: setOpened, grid: grid } = props;
+    return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu).Dropdown, {
+        children: columns === null || columns === void 0 ? void 0 : columns.map((column, index)=>{
+            return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu).Item, {
+                icon: column.hidden ? null : (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCheck), {
+                    size: "1rem"
+                }),
+                onClick: ()=>{
+                    column.hidden = !column.hidden;
+                    grid === null || grid === void 0 || grid.refresh();
+                    setOpened(false);
+                },
+                children: column.text
+            }, `gridColumnsMenu-${index}`);
+        })
+    });
+}
+
+});
+
 parcelRegister("3vFhj", function(module, exports) {
 
 $parcel$export(module.exports, "DataGridToolbarDefaultProps", function () { return $28e44954ec68cbea$export$d7af4a7378986147; });
@@ -32835,7 +32868,7 @@ const $28e44954ec68cbea$export$d7af4a7378986147 = {
     clearFiltersLabel: "Clear filters"
 };
 function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
-    const { size: size, hideCheckboxToggle: hideCheckboxToggle, onCheckboxToggle: onCheckboxToggle, onSearchTextChange: onSearchTextChange, onRefreshClick: onRefreshClick, autoFocus: autoFocus, toolbarIconVariant: toolbarIconVariant, onExportClick: onExportClick, enableExport: enableExport, searchPlaceholder: searchPlaceholder, refreshTooltip: refreshTooltip, exportTooltip: exportTooltip, selectRowsTooltip: selectRowsTooltip, searchData: searchData, setSearchData: setSearchData, searchText: searchText, setSearchText: setSearchText, filterTooltip: filterTooltip, parentKeys: parentKeys, setFilterValues: setFilterValues, filterValues: filterValues, clearFiltersTooltip: clearFiltersTooltip, filtersFormSize: filtersFormSize, FiltersEntity: FiltersEntity, client: client, enableImport: enableImport, importTooltip: importTooltip, onImportClick: onImportClick, filtersBadgeSize: filtersBadgeSize, showAppliedFilters: showAppliedFilters, showRefreshButton: showRefreshButton, showFiltersButton: showFiltersButton, visibleFilters: visibleFilters, filtersDescription: filtersDescription, setFiltersDescription: setFiltersDescription, initialColumnFilters: initialColumnFilters, filtersTitle: filtersTitle, editFitersLabel: editFitersLabel, clearFiltersLabel: clearFiltersLabel, filtersAccordionVariant: filtersAccordionVariant, filtersBadgeVariant: filtersBadgeVariant, showSearchInput: showSearchInput, showSelectRowsButton: showSelectRowsButton, columnsConfigHandler: columnsConfigHandler, showColumnsConfig: showColumnsConfig } = (0, $b4te3$mantinecore.useComponentDefaultProps)("DataGridToolbar", $28e44954ec68cbea$export$d7af4a7378986147, props);
+    const { size: size, hideCheckboxToggle: hideCheckboxToggle, onCheckboxToggle: onCheckboxToggle, onSearchTextChange: onSearchTextChange, onRefreshClick: onRefreshClick, autoFocus: autoFocus, toolbarIconVariant: toolbarIconVariant, onExportClick: onExportClick, enableExport: enableExport, searchPlaceholder: searchPlaceholder, refreshTooltip: refreshTooltip, exportTooltip: exportTooltip, selectRowsTooltip: selectRowsTooltip, searchData: searchData, setSearchData: setSearchData, searchText: searchText, setSearchText: setSearchText, filterTooltip: filterTooltip, parentKeys: parentKeys, setFilterValues: setFilterValues, filterValues: filterValues, clearFiltersTooltip: clearFiltersTooltip, filtersFormSize: filtersFormSize, FiltersEntity: FiltersEntity, client: client, enableImport: enableImport, importTooltip: importTooltip, onImportClick: onImportClick, filtersBadgeSize: filtersBadgeSize, showAppliedFilters: showAppliedFilters, showRefreshButton: showRefreshButton, showFiltersButton: showFiltersButton, visibleFilters: visibleFilters, filtersDescription: filtersDescription, setFiltersDescription: setFiltersDescription, initialColumnFilters: initialColumnFilters, filtersTitle: filtersTitle, editFitersLabel: editFitersLabel, clearFiltersLabel: clearFiltersLabel, filtersAccordionVariant: filtersAccordionVariant, filtersBadgeVariant: filtersBadgeVariant, showSearchInput: showSearchInput, showSelectRowsButton: showSelectRowsButton, showColumnsConfig: showColumnsConfig, configMenuOpened: configMenuOpened, setConfigMenuOpened: setConfigMenuOpened, configMenuDropdown: configMenuDropdown } = (0, $b4te3$mantinecore.useComponentDefaultProps)("DataGridToolbar", $28e44954ec68cbea$export$d7af4a7378986147, props);
     const theme = (0, $b4te3$mantinecore.useMantineTheme)();
     const { buttonsSize: buttonsSize, actionIconSize: actionIconSize, iconsSize: iconsSize, badgeSize: badgeSize } = (0, $TMsro.getToolbarSizes)(size);
     const filtersAPI = (0, $dzlic.useDataGridToolbarFilters)({
@@ -32996,17 +33029,25 @@ function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
                             stroke: "1.5"
                         })
                     }),
-                    showColumnsConfig && columnsConfigHandler && (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
-                        title: "Configure columns",
-                        onClick: columnsConfigHandler,
-                        size: actionIconSize,
-                        radius: "xl",
-                        color: theme.primaryColor,
-                        variant: toolbarIconVariant,
-                        children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconEyeCog), {
-                            size: iconsSize,
-                            stroke: "1.5"
-                        })
+                    showColumnsConfig && setConfigMenuOpened && configMenuDropdown && (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Menu), {
+                        opened: configMenuOpened,
+                        onChange: setConfigMenuOpened,
+                        children: [
+                            (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu).Target, {
+                                children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ActionIcon), {
+                                    title: "Configure columns",
+                                    size: actionIconSize,
+                                    radius: "xl",
+                                    color: theme.primaryColor,
+                                    variant: toolbarIconVariant,
+                                    children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconEyeCog), {
+                                        size: iconsSize,
+                                        stroke: "1.5"
+                                    })
+                                })
+                            }),
+                            configMenuDropdown
+                        ]
                     })
                 ]
             }),
@@ -33545,36 +33586,6 @@ function $42d3a2ac8447d6e0$export$f77741f33c48605(props, stateProps) {
 
 });
 
-parcelRegister("5Buf1", function(module, exports) {
-
-$parcel$export(module.exports, "DataGridColumnsMenu", function () { return $4147ddc1926c6c51$export$72c73377cef8aa5; });
-
-
-
-function $4147ddc1926c6c51$export$72c73377cef8aa5(props) {
-    const { columns: columns, opened: opened, setOpened: setOpened } = props;
-    return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu), {
-        opened: opened,
-        onChange: setOpened,
-        children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu).Dropdown, {
-            children: columns === null || columns === void 0 ? void 0 : columns.map((column, index)=>{
-                return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Menu).Item, {
-                    icon: column.hidden ? null : (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCheck), {
-                        size: "1rem"
-                    }),
-                    onClick: ()=>{
-                        column.hidden = !column.hidden;
-                        setOpened(false);
-                    },
-                    children: column.text
-                }, `gridColumnsMenu-${index}`);
-            })
-        })
-    });
-}
-
-});
-
 
 parcelRegister("jLHxW", function(module, exports) {