@economic/taco 2.10.1 → 2.11.0

package/dist/taco.cjs.development.js

@@ -16977,18 +16977,7 @@ function useSettingsStateListener$1(table, onChangeSettings) {
     let handler;
     if (typeof onChangeSettings === 'function') {
       handler = setTimeout(() => {
-        onChangeSettings({
-          // adding a new setting? you need to add it to the print settings in PrintButton.tsx!
-          columnFreezingIndex: meta.columnFreezing.frozenColumnIndex,
-          columnOrder: meta.columnOrdering.isEnabled ? state.columnOrder : undefined,
-          columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,
-          columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,
-          excludeUnmatchedRecordsInSearch: meta.search.excludeUnmatchedResults,
-          fontSize: meta.fontSize.isEnabled ? meta.fontSize.size : undefined,
-          rowHeight: meta.rowHeight.isEnabled ? meta.rowHeight.height : undefined,
-          showWarningWhenPrintingLargeDataset: meta.printing.printWarningDialogVisibility,
-          sorting: state.sorting
-        });
+        onChangeSettings(meta.getSettings());
       }, 250);
     }
     return () => clearTimeout(handler);
@@ -18938,6 +18927,20 @@ function useTable$2(props) {
     }
     return state;
   }, []);
+  const getSettings = () => {
+    const state = table.getState();
+    return {
+      columnFreezingIndex: columnFreezing.frozenColumnIndex,
+      columnOrder: columnOrdering.isEnabled ? state.columnOrder : undefined,
+      columnSizing: table.options.enableColumnResizing ? state.columnSizing : undefined,
+      columnVisibility: table.options.enableHiding ? state.columnVisibility : undefined,
+      excludeUnmatchedRecordsInSearch: search.excludeUnmatchedResults,
+      fontSize: fontSize.isEnabled ? fontSize.size : undefined,
+      rowHeight: rowHeight.isEnabled ? rowHeight.height : undefined,
+      showWarningWhenPrintingLargeDataset: printing.printWarningDialogVisibility,
+      sorting: state.sorting
+    };
+  };
   const table = reactTable$1.useReactTable({
     data: props.data,
     columns,
@@ -18952,6 +18955,7 @@ function useTable$2(props) {
       editing,
       enableFooter: options.enableFooter,
       fontSize,
+      getSettings,
       hoverState,
       isPrinting: props.id.endsWith('_print'),
       isUsingServer: !!props.loadPage,
@@ -20771,6 +20775,7 @@ function FontSize$1(props) {
 
 function SettingsButton(props) {
   const {
+    customSettings,
     table
   } = props;
   const {
@@ -20813,7 +20818,10 @@ function SettingsButton(props) {
       subMenu: () => /*#__PURE__*/React__default.createElement(FontSize$1, {
         table: table
       })
-    }, texts.table3.fontSize.tooltip) : null)),
+    }, texts.table3.fontSize.tooltip) : null, customSettings ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Menu$1.Separator, null), customSettings.map(customSetting => {
+      const props = tableMeta.getSettings();
+      return customSetting(props);
+    })) : null)),
     popover: popoverElement,
     onClickCapture: event => event.preventDefault(),
     tooltip: texts.table3.otherOptions.tooltip
@@ -20822,6 +20830,7 @@ function SettingsButton(props) {
 
 function Toolbar(props) {
   const {
+    customSettings,
     left,
     right,
     scrollToIndex,
@@ -20847,7 +20856,8 @@ function Toolbar(props) {
     table: table,
     tableProps: tableProps
   }) : null, isSettingsVisible(props) ? /*#__PURE__*/React__default.createElement(SettingsButton, {
-    table: table
+    table: table,
+    customSettings: customSettings
   }) : null, tableMeta.search.isEnabled ? /*#__PURE__*/React__default.createElement(Search$3, {
     scrollToIndex: scrollToIndex,
     table: table
@@ -21127,6 +21137,7 @@ const fixedForwardRef = React__default.forwardRef;
 const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
   const {
     emptyState: EmptyState,
+    customSettings,
     toolbarLeft,
     toolbarRight
   } = props;
@@ -21218,6 +21229,7 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
     total: length,
     left: toolbarLeft,
     right: toolbarRight,
+    customSettings: customSettings,
     scrollToIndex: scrollToIndex
   }), /*#__PURE__*/React__default.createElement("div", {
     className: className,