npm - @economic/taco - Versions diffs - 2.47.0-server.4 → 2.47.0-server.5 - Mend

@economic/taco 2.47.0-server.4 → 2.47.0-server.5

Files changed (662) hide show

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Alert } from '../../../../../../../components/Alert/Alert.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Button } from '../../../../../../../components/Button/Button.js';
@@ -9,79 +10,82 @@ import { Field } from '../../../../../../../components/Field/Field.js';
 import { RadioGroup } from '../../../../../../../components/RadioGroup/RadioGroup.js';
 import { Select2 } from '../../../../../../../components/Select2/Select2.js';
-const SAFE_PRINT_CELL_COUNT = 10000;
+var _excluded = ["onAccept", "table", "orientation", "setOrientation", "size", "setSize", "allRows", "setAllRows", "splitGroups", "setSplitGroups"];
+var SAFE_PRINT_CELL_COUNT = 10000;
 function PrintDialog(props) {
   var _columns$find, _columns$find$columnD;
-  const {
-    onAccept,
-    table,
-    orientation,
-    setOrientation,
-    size,
-    setSize,
-    allRows,
-    setAllRows,
-    splitGroups,
-    setSplitGroups,
-    ...dialogProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const columns = table.getVisibleFlatColumns();
-  const cellCount = table.getRowModel().rows.length * columns.length;
-  const rowGroupingColumnName = table.getState().grouping.length ? (_columns$find = columns.find(column => column.id === table.getState().grouping[0])) === null || _columns$find === void 0 ? void 0 : (_columns$find$columnD = _columns$find.columnDef.meta) === null || _columns$find$columnD === void 0 ? void 0 : _columns$find$columnD.header : undefined;
+  var onAccept = props.onAccept,
+    table = props.table,
+    orientation = props.orientation,
+    setOrientation = props.setOrientation,
+    size = props.size,
+    setSize = props.setSize,
+    allRows = props.allRows,
+    setAllRows = props.setAllRows,
+    splitGroups = props.splitGroups,
+    setSplitGroups = props.setSplitGroups,
+    dialogProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var columns = table.getVisibleFlatColumns();
+  var cellCount = table.getRowModel().rows.length * columns.length;
+  var rowGroupingColumnName = table.getState().grouping.length ? (_columns$find = columns.find(function (column) {
+    return column.id === table.getState().grouping[0];
+  })) === null || _columns$find === void 0 ? void 0 : (_columns$find$columnD = _columns$find.columnDef.meta) === null || _columns$find$columnD === void 0 ? void 0 : _columns$find$columnD.header : undefined;
   return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps, {
     size: "xs"
   }), /*#__PURE__*/React__default.createElement(Dialog.Content, {
     "aria-label": texts.table.print.warningDialog.title
-  }, ({
-    close
-  }) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "mt-4 flex flex-col gap-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "grid grid-cols-2 gap-4"
-  }, /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.size, /*#__PURE__*/React__default.createElement(Select2, {
-    onChange: setSize,
-    value: size
-  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "A5"
-  }, texts.table.print.settingsDialog.sizeA5), /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "A4"
-  }, texts.table.print.settingsDialog.sizeA4), /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "A3"
-  }, texts.table.print.settingsDialog.sizeA3), /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "letter"
-  }, texts.table.print.settingsDialog.sizeLetter), /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "legal"
-  }, texts.table.print.settingsDialog.sizeLegal))), /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.orientation, /*#__PURE__*/React__default.createElement(Select2, {
-    onChange: setOrientation,
-    value: orientation
-  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "landscape"
-  }, texts.table.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
-    value: "portrait"
-  }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
-    onChange: setAllRows,
-    value: allRows
-  }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
-    value: true
-  }, texts.table.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
-    value: false
-  }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
-    label: texts.table.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
-    checked: splitGroups,
-    onChange: setSplitGroups
-  }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? (/*#__PURE__*/React__default.createElement(Alert, {
-    state: "warning"
-  }, texts.table.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button, {
-    appearance: "primary",
-    autoFocus: true,
-    onClick: () => {
-      close();
-      setTimeout(() => onAccept(), 1);
-    }
-  }, texts.table.print.warningDialog.printButtonText)))))));
+  }, function (_ref) {
+    var close = _ref.close;
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
+      className: "mt-4 flex flex-col gap-2"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "grid grid-cols-2 gap-4"
+    }, /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.size, /*#__PURE__*/React__default.createElement(Select2, {
+      onChange: setSize,
+      value: size
+    }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "A5"
+    }, texts.table.print.settingsDialog.sizeA5), /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "A4"
+    }, texts.table.print.settingsDialog.sizeA4), /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "A3"
+    }, texts.table.print.settingsDialog.sizeA3), /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "letter"
+    }, texts.table.print.settingsDialog.sizeLetter), /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "legal"
+    }, texts.table.print.settingsDialog.sizeLegal))), /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.orientation, /*#__PURE__*/React__default.createElement(Select2, {
+      onChange: setOrientation,
+      value: orientation
+    }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "landscape"
+    }, texts.table.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
+      value: "portrait"
+    }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
+      onChange: setAllRows,
+      value: allRows
+    }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+      value: true
+    }, texts.table.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+      value: false
+    }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
+      label: texts.table.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
+      checked: splitGroups,
+      onChange: setSplitGroups
+    }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? (/*#__PURE__*/React__default.createElement(Alert, {
+      state: "warning"
+    }, texts.table.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "primary",
+      autoFocus: true,
+      onClick: function onClick() {
+        close();
+        setTimeout(function () {
+          return onAccept();
+        }, 1);
+      }
+    }, texts.table.print.warningDialog.printButtonText))));
+  }));
 }
 export { PrintDialog };

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/Alert/Alert';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Group>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n appearance=\"primary\"\n autoFocus\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Group>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintDialog","props","onAccept","table","orientation","setOrientation","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","dialogProps","texts","useLocalization","columns","getVisibleFlatColumns","cellCount","getRowModel","rows","length","rowGroupingColumnName","getState","grouping","_columns$find","find","column","id","_columns$find$columnD","columnDef","meta","header","undefined","React","Dialog","Content","print","warningDialog","title","close","Title","settingsDialog","className","Field","Select2","onChange","value","Option","sizeA5","sizeA4","sizeA3","sizeLetter","sizeLegal","orientationLandscape","orientationPortrait","options","enableRowSelection","getIsSomeRowsSelected","RadioGroup","Item","rowsAll","rowsSelected","layout","Checkbox","label","layoutSplitGroups","replace","checked","Alert","state","description","Footer","Group","Close","Button","cancelButtonText","appearance","autoFocus","onClick","setTimeout","printButtonText"],"mappings":"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"}
1	+ {"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/Alert/Alert';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n table: ReactTable<TType>;\n onAccept: () => void;\n orientation: Select2Value;\n setOrientation: (orientation: Select2Value) => void;\n size: Select2Value;\n setSize: (size: Select2Value) => void;\n allRows: RadioGroupItemValue;\n setAllRows: (allRows: RadioGroupItemValue) => void;\n splitGroups: boolean;\n setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n const {\n onAccept,\n table,\n orientation,\n setOrientation,\n size,\n setSize,\n allRows,\n setAllRows,\n splitGroups,\n setSplitGroups,\n ...dialogProps\n } = props;\n const { texts } = useLocalization();\n\n const columns = table.getVisibleFlatColumns();\n const cellCount = table.getRowModel().rows.length * columns.length;\n const rowGroupingColumnName = table.getState().grouping.length\n ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n : undefined;\n\n return (\n <Dialog {...dialogProps} size=\"xs\">\n <Dialog.Content aria-label={texts.table.print.warningDialog.title}>\n {({ close }) => (\n <>\n <Dialog.Title>{texts.table.print.settingsDialog.title}</Dialog.Title>\n <div className=\"mt-4 flex flex-col gap-2\">\n <div className=\"grid grid-cols-2 gap-4\">\n <Field>\n {texts.table.print.settingsDialog.size}\n <Select2 onChange={setSize} value={size}>\n <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n <Select2.Option value=\"letter\">\n {texts.table.print.settingsDialog.sizeLetter}\n </Select2.Option>\n <Select2.Option value=\"legal\">\n {texts.table.print.settingsDialog.sizeLegal}\n </Select2.Option>\n </Select2>\n </Field>\n <Field>\n {texts.table.print.settingsDialog.orientation}\n <Select2 onChange={setOrientation} value={orientation}>\n <Select2.Option value=\"landscape\">\n {texts.table.print.settingsDialog.orientationLandscape}\n </Select2.Option>\n <Select2.Option value=\"portrait\">\n {texts.table.print.settingsDialog.orientationPortrait}\n </Select2.Option>\n </Select2>\n </Field>\n </div>\n {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n <Field>\n {texts.table.print.settingsDialog.rows}\n <RadioGroup onChange={setAllRows} value={allRows}>\n <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n <RadioGroup.Item value={false}>\n {texts.table.print.settingsDialog.rowsSelected}\n </RadioGroup.Item>\n </RadioGroup>\n </Field>\n ) : undefined}\n {rowGroupingColumnName ? (\n <Field>\n {texts.table.print.settingsDialog.layout}\n <Checkbox\n label={texts.table.print.settingsDialog.layoutSplitGroups.replace(\n '[COLUMN]',\n rowGroupingColumnName\n )}\n checked={splitGroups}\n onChange={setSplitGroups}\n />\n </Field>\n ) : null}\n\n {cellCount > SAFE_PRINT_CELL_COUNT ? (\n <Alert state=\"warning\">{texts.table.print.warningDialog.description}</Alert>\n ) : null}\n </div>\n <Dialog.Footer>\n <Group>\n <Dialog.Close>\n <Button>{texts.table.print.warningDialog.cancelButtonText}</Button>\n </Dialog.Close>\n <Button\n appearance=\"primary\"\n autoFocus\n onClick={() => {\n close();\n setTimeout(() => onAccept(), 1);\n }}>\n {texts.table.print.warningDialog.printButtonText}\n </Button>\n </Group>\n </Dialog.Footer>\n </>\n )}\n </Dialog.Content>\n </Dialog>\n );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintDialog","props","onAccept","table","orientation","setOrientation","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","dialogProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","columns","getVisibleFlatColumns","cellCount","getRowModel","rows","length","rowGroupingColumnName","getState","grouping","_columns$find","find","column","id","_columns$find$columnD","columnDef","meta","header","undefined","React","Dialog","Content","print","warningDialog","title","_ref","close","Title","settingsDialog","className","Field","Select2","onChange","value","Option","sizeA5","sizeA4","sizeA3","sizeLetter","sizeLegal","orientationLandscape","orientationPortrait","options","enableRowSelection","getIsSomeRowsSelected","RadioGroup","Item","rowsAll","rowsSelected","layout","Checkbox","label","layoutSplitGroups","replace","checked","Alert","state","description","Footer","Group","Close","Button","cancelButtonText","appearance","autoFocus","onClick","setTimeout","printButtonText"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js CHANGED Viewed

@@ -6,30 +6,29 @@ import { getHiddenColumns } from '../../../../../useTableManager/util/columns.js
 import { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2.js';
 function Search(props) {
-  var _tableMeta$search$hig, _tableMeta$search$hig2;
-  const {
-    scrollToIndex,
-    table,
-    tableRef
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const ref = React__default.useRef(null);
-  const tableMeta = table.options.meta;
-  const query = table.getState().globalFilter;
-  const scrollTo = rowIndex => scrollToIndex(rowIndex, {
-    align: 'center'
-  });
-  const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
-  React__default.useEffect(() => {
+  var _tableMeta$search$hig2, _tableMeta$search$hig3;
+  var scrollToIndex = props.scrollToIndex,
+    table = props.table,
+    tableRef = props.tableRef;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var ref = React__default.useRef(null);
+  var tableMeta = table.options.meta;
+  var query = table.getState().globalFilter;
+  var scrollTo = function scrollTo(rowIndex) {
+    return scrollToIndex(rowIndex, {
+      align: 'center'
+    });
+  };
+  var hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
+  React__default.useEffect(function () {
     if (tableMeta.search.highlightedColumnIndexes.length) {
       scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);
     }
   }, [tableMeta.search.highlightedColumnIndexes.length]);
-  const handleFocus = function () {
+  var handleFocus = function handleFocus() {
     try {
-      const _temp = function () {
+      var _temp = function () {
         if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {
           // don't pass the search query because we need all data - not filtered data
           return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters,
@@ -43,65 +42,69 @@ function Search(props) {
       return Promise.reject(e);
     }
   };
-  const [loading, setLoading] = React__default.useState(false);
-  const searchTimeoutRef = React__default.useRef();
-  const handleChange = query => {
+  var _React$useState = React__default.useState(false),
+    loading = _React$useState[0],
+    setLoading = _React$useState[1];
+  var searchTimeoutRef = React__default.useRef();
+  var handleChange = function handleChange(query) {
     table.setGlobalFilter(String(query !== null && query !== void 0 ? query : ''));
     if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {
       clearTimeout(searchTimeoutRef.current);
-      searchTimeoutRef.current = setTimeout(() => {
+      searchTimeoutRef.current = setTimeout(function () {
         var _tableMeta$search$han, _tableMeta$search;
         setLoading(true);
-        (_tableMeta$search$han = (_tableMeta$search = tableMeta.search).handleSearch) === null || _tableMeta$search$han === void 0 ? void 0 : _tableMeta$search$han.call(_tableMeta$search, query, hiddenColumns).then(() => {
+        (_tableMeta$search$han = (_tableMeta$search = tableMeta.search).handleSearch) === null || _tableMeta$search$han === void 0 ? void 0 : _tableMeta$search$han.call(_tableMeta$search, query, hiddenColumns).then(function () {
           setLoading(false);
         });
       }, 150);
     }
   };
-  const handleToggleExcludeUnmatchedResults = enabled => {
+  var handleToggleExcludeUnmatchedResults = function handleToggleExcludeUnmatchedResults(enabled) {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
-    requestAnimationFrame(() => {
+    requestAnimationFrame(function () {
       var _ref$current;
       return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
     });
     if (tableMeta.search.handleSearch) {
       setLoading(true);
-      tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {
+      tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(function () {
         setLoading(false);
       });
     }
   };
-  const handleNextResult = () => {
+  var handleNextResult = function handleNextResult() {
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
-    const nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
+    var nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
     // we scroll to the row here, the cell scrolls itself into view
     scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);
   };
-  const handlePreviousResult = () => {
+  var handlePreviousResult = function handlePreviousResult() {
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
-    const nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
+    var nextIndex = tableMeta.search.currentHighlightColumnIndex === undefined ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
     // we scroll to the row here, the cell scrolls itself into view
     scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);
   };
-  const settings = /*#__PURE__*/React__default.createElement(Switch, {
+  var settings = /*#__PURE__*/React__default.createElement(Switch, {
     label: texts.table.search.excludeUnmatchedResults,
     checked: !!table.options.enableGlobalFilter,
     onChange: handleToggleExcludeUnmatchedResults
   });
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {
-      const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];
+      var _tableMeta$search$hig = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex],
+        rowIndex = _tableMeta$search$hig[0],
+        cellIndex = _tableMeta$search$hig[1];
       if (rowIndex !== undefined && cellIndex !== undefined) {
         tableMeta.rowActive.setRowActiveIndex(rowIndex);
-        requestAnimationFrame(() => {
+        requestAnimationFrame(function () {
           var _tableRef$current;
-          const cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector(`tbody > tr[data-row-index="${rowIndex}"] > td[data-cell-index="${cellIndex}"]`);
+          var cell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector("tbody > tr[data-row-index=\"" + rowIndex + "\"] > td[data-cell-index=\"" + cellIndex + "\"]");
           if (cell) {
             var _cell$focus;
             (_cell$focus = cell.focus) === null || _cell$focus === void 0 ? void 0 : _cell$focus.call(cell);
@@ -112,7 +115,7 @@ function Search(props) {
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SearchInput2, {
     findCurrent: tableMeta.search.currentHighlightColumnIndex !== undefined ? tableMeta.search.currentHighlightColumnIndex + 1 : null,
-    findTotal: (_tableMeta$search$hig = (_tableMeta$search$hig2 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig2 === void 0 ? void 0 : _tableMeta$search$hig2.length) !== null && _tableMeta$search$hig !== void 0 ? _tableMeta$search$hig : null,
+    findTotal: (_tableMeta$search$hig2 = (_tableMeta$search$hig3 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig3 === void 0 ? void 0 : _tableMeta$search$hig3.length) !== null && _tableMeta$search$hig2 !== void 0 ? _tableMeta$search$hig2 : null,
     loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
     name: "table-search",
     onClickFindPrevious: handlePreviousResult,

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Search/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef, TableServerLoadAllState } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (tableMeta.search.highlightedColumnIndexes.length) {\n scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n // the old data loader doesn't have server side search\n undefined,\n hiddenColumns\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns).then(() => {\n setLoading(false);\n });\n }, 150);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {\n setLoading(false);\n });\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n };\n\n const settings = (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex !== undefined\n ? tableMeta.search.currentHighlightColumnIndex + 1\n : null\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={\n tableMeta.server._experimentalDataLoader2\n ? loading\n : tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading\n }\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","hiddenColumns","getHiddenColumns","columnVisibility","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","_experimentalDataLoader2","Promise","resolve","sorting","columnFilters","undefined","then","_temp","e","reject","loading","setLoading","useState","searchTimeoutRef","handleChange","setGlobalFilter","String","enableGlobalFilter","handleSearch","clearTimeout","current","setTimeout","_tableMeta$search$han","_tableMeta$search","call","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","onChange","handleKeyDown","event","key","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig","_tableMeta$search$hig2","loadAllStatus","TableServerLoadAllState","Loading","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","showTotal","value"],"mappings":"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"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { SearchInput2 } from '../../../../../../../components/SearchInput2/SearchInput2';\nimport { Switch } from '../../../../../../../components/Switch/Switch';\nimport { TableRef, TableServerLoadAllState } from '../../../../../types';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\ntype SearchProps<TType = unknown> = {\n scrollToIndex: any;\n table: ReactTable<TType>;\n tableRef: React.RefObject<TableRef>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n const { scrollToIndex, table, tableRef } = props;\n const { texts } = useLocalization();\n const ref = React.useRef<HTMLInputElement>(null);\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const query = table.getState().globalFilter;\n const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n React.useEffect(() => {\n if (tableMeta.search.highlightedColumnIndexes.length) {\n scrollTo(tableMeta.search.highlightedColumnIndexes[0][0]);\n }\n }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n const handleFocus = async () => {\n // load all data if that is possible\n if (tableMeta.server.loadAllIfNeeded && !tableMeta.server._experimentalDataLoader2) {\n // don't pass the search query because we need all data - not filtered data\n await tableMeta.server.loadAllIfNeeded(\n table.getState().sorting,\n table.getState().columnFilters,\n // the old data loader doesn't have server side search\n undefined,\n hiddenColumns\n );\n }\n };\n\n const [loading, setLoading] = React.useState(false);\n\n const searchTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n const handleChange = (query: any) => {\n table.setGlobalFilter(String(query ?? ''));\n\n if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {\n clearTimeout(searchTimeoutRef.current);\n searchTimeoutRef.current = setTimeout(() => {\n setLoading(true);\n tableMeta.search.handleSearch?.(query, hiddenColumns).then(() => {\n setLoading(false);\n });\n }, 150);\n }\n };\n\n const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n tableMeta.search.setEnableGlobalFilter(enabled, table);\n requestAnimationFrame(() => ref.current?.focus());\n\n if (tableMeta.search.handleSearch) {\n setLoading(true);\n tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns).then(() => {\n setLoading(false);\n });\n }\n };\n\n const handleNextResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined \|\|\n tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n ? 0\n : tableMeta.search.currentHighlightColumnIndex + 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n };\n\n const handlePreviousResult = () => {\n if (!tableMeta.search.highlightedColumnIndexes.length) {\n return;\n }\n\n const nextIndex =\n tableMeta.search.currentHighlightColumnIndex === undefined\n ? 0\n : tableMeta.search.currentHighlightColumnIndex === 0\n ? tableMeta.search.highlightedColumnIndexes.length - 1\n : tableMeta.search.currentHighlightColumnIndex - 1;\n\n tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n // we scroll to the row here, the cell scrolls itself into view\n scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n };\n\n const settings = (\n <Switch\n label={texts.table.search.excludeUnmatchedResults}\n checked={!!table.options.enableGlobalFilter}\n onChange={handleToggleExcludeUnmatchedResults}\n />\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Escape' && tableMeta.search.currentHighlightColumnIndex !== undefined) {\n const [rowIndex, cellIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n if (rowIndex !== undefined && cellIndex !== undefined) {\n tableMeta.rowActive.setRowActiveIndex(rowIndex);\n\n requestAnimationFrame(() => {\n const cell = tableRef.current?.querySelector(\n `tbody > tr[data-row-index=\"${rowIndex}\"] > td[data-cell-index=\"${cellIndex}\"]`\n );\n\n if (cell) {\n (cell as HTMLElement).focus?.();\n }\n });\n }\n }\n };\n\n return (\n <>\n <SearchInput2\n findCurrent={\n tableMeta.search.currentHighlightColumnIndex !== undefined\n ? tableMeta.search.currentHighlightColumnIndex + 1\n : null\n }\n findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n loading={\n tableMeta.server._experimentalDataLoader2\n ? loading\n : tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading\n }\n name=\"table-search\"\n onClickFindPrevious={handlePreviousResult}\n onClickFindNext={handleNextResult}\n onChange={handleChange}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n placeholder={texts.table.search.placeholder}\n settingsContent={settings}\n ref={ref}\n shortcut={{ key: 'f', meta: true, shift: false }}\n showTotal={!tableMeta.server._experimentalDataLoader2}\n value={query}\n />\n </>\n );\n}\n"],"names":["Search","props","scrollToIndex","table","tableRef","_useLocalization","useLocalization","texts","ref","React","useRef","tableMeta","options","meta","query","getState","globalFilter","scrollTo","rowIndex","align","hiddenColumns","getHiddenColumns","columnVisibility","useEffect","search","highlightedColumnIndexes","length","handleFocus","server","loadAllIfNeeded","_experimentalDataLoader2","Promise","resolve","sorting","columnFilters","undefined","then","_temp","e","reject","_React$useState","useState","loading","setLoading","searchTimeoutRef","handleChange","setGlobalFilter","String","enableGlobalFilter","handleSearch","clearTimeout","current","setTimeout","_tableMeta$search$han","_tableMeta$search","call","handleToggleExcludeUnmatchedResults","enabled","setEnableGlobalFilter","requestAnimationFrame","_ref$current","focus","handleNextResult","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","excludeUnmatchedResults","checked","onChange","handleKeyDown","event","key","_tableMeta$search$hig","cellIndex","rowActive","setRowActiveIndex","cell","_tableRef$current","querySelector","_cell$focus","SearchInput2","findCurrent","findTotal","_tableMeta$search$hig2","_tableMeta$search$hig3","loadAllStatus","TableServerLoadAllState","Loading","name","onClickFindPrevious","onClickFindNext","onFocus","onKeyDown","placeholder","settingsContent","shortcut","shift","showTotal","value"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../../../../../../components/Icon/Icon.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Checkbox } from '../../../../../../../components/Checkbox/Checkbox.js';
@@ -11,25 +12,28 @@ import { arrayMove } from '@dnd-kit/sortable';
 import { Item } from '../../../../../../Sortable/components/Item.js';
 import { List } from '../../../../../../Sortable/components/List.js';
-const Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
+var _excluded = ["column", "draggable"],
+  _excluded2 = ["table", "trigger"];
+var Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref) {
   var _column$parent, _column$parent$column, _column$columnDef$met;
-  const {
-    column,
-    draggable = false,
-    ...dragAttributes
-  } = props;
-  const canHide = column.getCanHide();
-  const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {
+  var column = props.column,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? false : _props$draggable,
+    dragAttributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var canHide = column.getCanHide();
+  var className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {
     'hover:bg-grey-200': canHide || draggable,
     'hover:cursor-pointer': canHide,
     'active:cursor-move active:bg-grey-300': draggable
   });
-  const attributes = draggable ? dragAttributes : undefined;
-  const isVisible = column.getIsVisible();
-  const parentHeader = (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header;
+  var attributes = draggable ? dragAttributes : undefined;
+  var isVisible = column.getIsVisible();
+  var parentHeader = (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header;
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: className,
-    onClick: () => column.toggleVisibility(!isVisible),
+    onClick: function onClick() {
+      return column.toggleVisibility(!isVisible);
+    },
     ref: ref
   }), draggable ? /*#__PURE__*/React__default.createElement(Icon, {
     name: "drag",
@@ -40,46 +44,56 @@ const Column = /*#__PURE__*/React__default.forwardRef(function Column(props, ref
     className: "italic"
   }, "(", parentHeader, ")") : null), canHide ? /*#__PURE__*/React__default.createElement(Checkbox, {
     checked: isVisible,
-    onChange: () => column.toggleVisibility(!isVisible)
+    onChange: function onChange() {
+      return column.toggleVisibility(!isVisible);
+    }
   }) : null);
 });
 function HideOrOrderPopover(props) {
-  const {
-    table,
-    trigger,
-    ...popoverProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [query, setQuery] = React__default.useState('');
-  const allColumns = table.getAllLeafColumns();
-  const tableMeta = table.options.meta;
-  const columns = React__default.useMemo(() => allColumns.filter(column => !isInternalColumn(column.id)).filter(column => {
-    var _column$columnDef$met2, _column$parent2, _column$parent2$colum;
-    return query !== null && query !== void 0 && query.length ? ((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.header.toLowerCase().includes(query.toLowerCase())) || ((_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : (_column$parent2$colum = _column$parent2.columnDef.meta) === null || _column$parent2$colum === void 0 ? void 0 : _column$parent2$colum.header.toLowerCase().includes(query.toLowerCase())) : true;
-  }), [allColumns, query]);
-  const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';
-  const handleReorder = (activeId, overId) => {
-    if (columns.find(column => {
+  var table = props.table,
+    trigger = props.trigger,
+    popoverProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var _React$useState = React__default.useState(''),
+    query = _React$useState[0],
+    setQuery = _React$useState[1];
+  var allColumns = table.getAllLeafColumns();
+  var tableMeta = table.options.meta;
+  var columns = React__default.useMemo(function () {
+    return allColumns.filter(function (column) {
+      return !isInternalColumn(column.id);
+    }).filter(function (column) {
+      var _column$columnDef$met2, _column$parent2, _column$parent2$colum;
+      return query !== null && query !== void 0 && query.length ? ((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.header.toLowerCase().includes(query.toLowerCase())) || ((_column$parent2 = column.parent) === null || _column$parent2 === void 0 ? void 0 : (_column$parent2$colum = _column$parent2.columnDef.meta) === null || _column$parent2$colum === void 0 ? void 0 : _column$parent2$colum.header.toLowerCase().includes(query.toLowerCase())) : true;
+    });
+  }, [allColumns, query]);
+  var listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';
+  var handleReorder = function handleReorder(activeId, overId) {
+    if (columns.find(function (column) {
       var _column$columnDef$met3;
       return column.id === overId && ((_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.enableOrdering) === false;
     })) {
       return;
     }
-    const currentOrder = table.getState().columnOrder;
-    const nextOrder = ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(c => c === activeId), currentOrder.findIndex(c => c === overId)));
+    var currentOrder = table.getState().columnOrder;
+    var nextOrder = ensureOrdering(allColumns, arrayMove(currentOrder, currentOrder.findIndex(function (c) {
+      return c === activeId;
+    }), currentOrder.findIndex(function (c) {
+      return c === overId;
+    })));
     // update column order
     table.setColumnOrder(nextOrder);
     // update pinned columns - because we do index based "freezing" instead of just pinning, pinned state needs updating to align with ordering
     if (table.getIsSomeColumnsPinned()) {
       var _table$getState$colum, _table$getState$colum2;
-      const currentFrozenIndex = (_table$getState$colum = (_table$getState$colum2 = table.getState().columnPinning.left) === null || _table$getState$colum2 === void 0 ? void 0 : _table$getState$colum2.length) !== null && _table$getState$colum !== void 0 ? _table$getState$colum : -1;
+      var currentFrozenIndex = (_table$getState$colum = (_table$getState$colum2 = table.getState().columnPinning.left) === null || _table$getState$colum2 === void 0 ? void 0 : _table$getState$colum2.length) !== null && _table$getState$colum !== void 0 ? _table$getState$colum : -1;
       if (currentFrozenIndex > -1) {
-        table.setColumnPinning(currentPinning => ({
-          ...currentPinning,
-          left: nextOrder.slice(0, currentFrozenIndex)
-        }));
+        table.setColumnPinning(function (currentPinning) {
+          return _extends({}, currentPinning, {
+            left: nextOrder.slice(0, currentFrozenIndex)
+          });
+        });
       }
     }
   };
@@ -88,7 +102,9 @@ function HideOrOrderPopover(props) {
   }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
     className: "flex min-w-[100px] max-w-sm flex-col gap-2"
   }, table.options.enableHiding ? (/*#__PURE__*/React__default.createElement(Input, {
-    onChange: event => setQuery(event.target.value),
+    onChange: function onChange(event) {
+      return setQuery(event.target.value);
+    },
     placeholder: texts.table.columnSettings.search,
     value: query
   })) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query !== null && query !== void 0 && query.length) ? (/*#__PURE__*/React__default.createElement(Container, {
@@ -96,7 +112,9 @@ function HideOrOrderPopover(props) {
   }, /*#__PURE__*/React__default.createElement(List, {
     id: "columns",
     className: listClassName
-  }, columns.filter(column => !column.getIsGrouped()).map(column => {
+  }, columns.filter(function (column) {
+    return !column.getIsGrouped();
+  }).map(function (column) {
     var _column$columnDef$met4, _column$columnDef$met5;
     return /*#__PURE__*/React__default.createElement(Item, {
       key: column.id,
@@ -109,10 +127,12 @@ function HideOrOrderPopover(props) {
     }));
   })))) : (/*#__PURE__*/React__default.createElement("div", {
     className: listClassName
-  }, columns.length ? columns.map(column => /*#__PURE__*/React__default.createElement(Column, {
-    column: column,
-    key: column.id
-  })) : texts.table.columnSettings.noResults)))));
+  }, columns.length ? columns.map(function (column) {
+    return /*#__PURE__*/React__default.createElement(Column, {
+      column: column,
+      key: column.id
+    });
+  }) : texts.table.columnSettings.noResults)))));
 }
 export { HideOrOrderPopover };