@mcurros2/microm 1.1.6-0 → 1.1.8-0

package/dist/index.js

@@ -8159,6 +8159,8 @@ var $jCh09 = parcelRequire("jCh09");
 var $dzlic = parcelRequire("dzlic");
 
 var $aIp3n = parcelRequire("aIp3n");
+
+var $5Buf1 = parcelRequire("5Buf1");
 $parcel$exportWildcard(module.exports, $kjFvY);
 $parcel$exportWildcard(module.exports, $jLHxW);
 $parcel$exportWildcard(module.exports, $3vFhj);
@@ -8167,6 +8169,7 @@ $parcel$exportWildcard(module.exports, $8vapl);
 $parcel$exportWildcard(module.exports, $jCh09);
 $parcel$exportWildcard(module.exports, $dzlic);
 $parcel$exportWildcard(module.exports, $aIp3n);
+$parcel$exportWildcard(module.exports, $5Buf1);
 
 });
 parcelRegister("kjFvY", function(module, exports) {
@@ -8192,6 +8195,8 @@ var $j8hoz = parcelRequire("j8hoz");
 var $3vFhj = parcelRequire("3vFhj");
 
 var $5JIrZ = parcelRequire("5JIrZ");
+
+var $5Buf1 = parcelRequire("5Buf1");
 const $eca5c8f2655679a5$export$7a235056ace2c138 = {
     search: [],
     limit: "10000",
@@ -8239,12 +8244,13 @@ const $eca5c8f2655679a5$export$7a235056ace2c138 = {
     filtersFormSize: "md",
     showToolbar: true,
     showActionsToolbar: true,
-    doubleClickAction: "edit"
+    doubleClickAction: "edit",
+    showColumnsConfigMenu: true
 };
 function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
     var _a;
     props = (0, $b4te3$mantinecore.useComponentDefaultProps)("DataGrid", $eca5c8f2655679a5$export$7a235056ace2c138, props);
-    const { entity: entity, selectionMode: selectionMode, gridHeight: gridHeight, preserveSelection: preserveSelection, autoSelectFirstRow: autoSelectFirstRow, autoFocus: autoFocus, toolbarIconVariant: toolbarIconVariant, actionsButtonVariant: actionsButtonVariant, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, enableExport: enableExport, columnBorders: columnBorders, autoSizeColumnsOnLoad: autoSizeColumnsOnLoad, rowBorders: rowBorders, withBorder: withBorder, labels: labels, columnsOverrides: columnsOverrides, toolbarSize: toolbarSize, viewName: viewName, showActions: showActions, renderOnlyWhenVisible: renderOnlyWhenVisible, filtersFormSize: filtersFormSize, parentKeys: parentKeys, search: search, limit: limit, parentFormAPI: parentFormAPI, showToolbar: showToolbar, showActionsToolbar: showActionsToolbar, enableImport: enableImport, setInitialFiltersFromColumns: setInitialFiltersFromColumns, visibleFilters: visibleFilters, formMode: formMode } = props;
+    const { entity: entity, selectionMode: selectionMode, gridHeight: gridHeight, preserveSelection: preserveSelection, autoSelectFirstRow: autoSelectFirstRow, autoFocus: autoFocus, toolbarIconVariant: toolbarIconVariant, actionsButtonVariant: actionsButtonVariant, enableAdd: enableAdd, enableEdit: enableEdit, enableDelete: enableDelete, enableView: enableView, enableExport: enableExport, columnBorders: columnBorders, autoSizeColumnsOnLoad: autoSizeColumnsOnLoad, rowBorders: rowBorders, withBorder: withBorder, labels: labels, columnsOverrides: columnsOverrides, toolbarSize: toolbarSize, viewName: viewName, showActions: showActions, renderOnlyWhenVisible: renderOnlyWhenVisible, filtersFormSize: filtersFormSize, parentKeys: parentKeys, search: search, limit: limit, parentFormAPI: parentFormAPI, showToolbar: showToolbar, showActionsToolbar: showActionsToolbar, enableImport: enableImport, setInitialFiltersFromColumns: setInitialFiltersFromColumns, visibleFilters: visibleFilters, formMode: formMode, showColumnsConfigMenu: showColumnsConfigMenu } = props;
     const theme = (0, $b4te3$mantinecore.useMantineTheme)();
     const visibilityDivRef = (0, $b4te3$react.useRef)(null);
     const isFirstVisible = (0, $i27OQ.useFirstVisible)(visibilityDivRef);
@@ -8272,6 +8278,7 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
         theme,
         viewName
     ]);
+    const [openColumnsConfigMenu, setOpenColumnsConfigMenu] = (0, $b4te3$react.useState)(false);
     return (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$reactjsxruntime.Fragment), {
         children: renderOnlyWhenVisible && isFirstVisible === false ? (0, $b4te3$reactjsxruntime.jsx)("div", {
             ref: visibilityDivRef,
@@ -8302,7 +8309,9 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
                     onImportClick: dataGridAPI.handleImportDataClick,
                     enableImport: enableImport,
                     visibleFilters: visibleFilters,
-                    initialColumnFilters: setInitialFiltersFromColumns && entity ? entity.def.columns : undefined
+                    initialColumnFilters: setInitialFiltersFromColumns && entity ? entity.def.columns : undefined,
+                    showColumnsConfig: showColumnsConfigMenu,
+                    columnsConfigHandler: ()=>setOpenColumnsConfigMenu((prev)=>!prev)
                 })),
                 showActionsToolbar && (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
                     children: [
@@ -8406,6 +8415,11 @@ function $eca5c8f2655679a5$export$c8dd51eb24f71762(props) {
                                     ]
                                 }) : ""
                             ]
+                        }),
+                        showColumnsConfigMenu && (0, $b4te3$reactjsxruntime.jsx)((0, $5Buf1.DataGridColumnsMenu), {
+                            opened: openColumnsConfigMenu,
+                            setOpened: setOpenColumnsConfigMenu,
+                            columns: columns
                         })
                     ]
                 })
@@ -32821,7 +32835,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 } = (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, columnsConfigHandler: columnsConfigHandler, showColumnsConfig: showColumnsConfig } = (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)({
@@ -32981,6 +32995,18 @@ function $28e44954ec68cbea$export$b45b457b2c4e92a(props) {
                             size: iconsSize,
                             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"
+                        })
                     })
                 ]
             }),
@@ -33299,7 +33325,7 @@ var $42d3a2ac8447d6e0$var$__awaiter = undefined && undefined.__awaiter || functi
     });
 };
 function $42d3a2ac8447d6e0$export$f77741f33c48605(props, stateProps) {
-    const { entity: entity, parentKeys: parentKeys, viewName: viewName, onSelectionChanged: onSelectionChanged, modalFormSize: modalFormSize, labels: labels, saveFormBeforeAdd: saveFormBeforeAdd, parentFormAPI: parentFormAPI, allwaysRefreshOnEntityClose: allwaysRefreshOnEntityClose, onAddClick: onAddClick, onModalSaved: onModalSaved, onDataRefresh: onDataRefresh, onActionExecuted: onActionExecuted, formMode: formMode, doubleClickAction: doubleClickAction } = props;
+    const { entity: entity, parentKeys: parentKeys, viewName: viewName, onSelectionChanged: onSelectionChanged, modalFormSize: modalFormSize, labels: labels, saveFormBeforeAdd: saveFormBeforeAdd, parentFormAPI: parentFormAPI, allwaysRefreshOnEntityClose: allwaysRefreshOnEntityClose, onAddClick: onAddClick, onModalSaved: onModalSaved, onDataRefresh: onDataRefresh, onActionExecuted: onActionExecuted, formMode: formMode, doubleClickAction: doubleClickAction, notExportableColumns: notExportableColumns } = props;
     const { setRefresh: setRefresh, setSearchText: setSearchText, executeViewState: executeViewState } = stateProps;
     const selection = (0, $b4te3$react.useRef)([]);
     const selectionKeys = (0, $b4te3$react.useRef)([]);
@@ -33439,14 +33465,17 @@ function $42d3a2ac8447d6e0$export$f77741f33c48605(props, stateProps) {
             const filename = `export-${currentDate.getFullYear()}${(currentDate.getDate() + "").padStart(2, "0")}${(currentDate.getMonth() + 1 + "").padStart(2, "0")}_${(currentDate.getHours() + "").padStart(2, "0")}${(currentDate.getMinutes() + "").padStart(2, "0")}${(currentDate.getSeconds() + "").padStart(2, "0")}.xlsx`;
             const workbook = new (0, ($parcel$interopDefault($b4te3$exceljs))).Workbook();
             const worksheet = workbook.addWorksheet("Data");
+            // filter columns to exclude not exportable columns in notExportableColumns
+            const exportableColumns = columns.filter((col, index)=>{
+                return !(notExportableColumns === null || notExportableColumns === void 0 ? void 0 : notExportableColumns.includes(index));
+            });
             // headers
-            const visibleColumns = columns.filter((col)=>!col.hidden);
-            worksheet.addRow(visibleColumns.map((col)=>col.text));
+            worksheet.addRow(exportableColumns.map((col)=>col.text));
             // Rows
             for(let r = 0; r < rows.length; r++){
                 const excel_row = [];
                 for(let c = 0; c < columns.length; c++){
-                    if (columns[c].hidden === true) continue;
+                    if (notExportableColumns === null || notExportableColumns === void 0 ? void 0 : notExportableColumns.includes(c)) continue;
                     excel_row[c] = rows[r][c];
                 }
                 worksheet.addRow(excel_row);
@@ -33470,6 +33499,7 @@ function $42d3a2ac8447d6e0$export$f77741f33c48605(props, stateProps) {
             }
         }), [
         columns,
+        notExportableColumns,
         rows
     ]);
     (0, $b4te3$react.useEffect)(()=>{
@@ -33515,6 +33545,36 @@ 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) {
 
@@ -33619,6 +33679,7 @@ function $e6442f804697476b$export$f5fffb98a6b25aa0(props) {
                 enableAdd: formMode === "view" ? false : enableAdd,
                 enableEdit: formMode === "view" ? false : enableEdit,
                 enableDelete: formMode === "view" ? false : enableDelete,
+                enableView: formMode === "view" || enableView,
                 formMode: formMode
             }, gridProps))
         ]