@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.cjs

@@ -6,7 +6,6 @@ const SearchInput2 = require("../../../../../../../components/SearchInput2/Searc
 const Switch = require("../../../../../../../components/Switch/Switch.cjs");
 const columns = require("../../../../../useTableManager/util/columns.cjs");
 function Search(props) {
-  var _a;
   const { scrollToIndex, table, tableRef } = props;
   const { texts } = Localization.useLocalization();
   const ref = React.useRef(null);
@@ -16,19 +15,17 @@ function Search(props) {
   const scrollTo = (rowIndex) => scrollToIndex(rowIndex, { align: "center" });
   const hiddenColumns = columns.getHiddenColumns(table.getState().columnVisibility);
   React.useEffect(() => {
-    var _a2;
     if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {
-      const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[0]) == null ? void 0 : _a2[0];
+      const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];
       if (rowIndex !== void 0) {
         scrollTo(rowIndex);
       }
     }
   }, [tableMeta.search.highlightedColumnIndexes.length]);
   React.useEffect(() => {
-    var _a2;
     if (tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length && query !== lastResultQuery.current) {
       lastResultQuery.current = query;
-      const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[0]) == null ? void 0 : _a2[0];
+      const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];
       if (rowIndex !== void 0) {
         scrollTo(rowIndex);
       }
@@ -52,9 +49,8 @@ function Search(props) {
     if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {
       clearTimeout(searchTimeoutRef.current);
       searchTimeoutRef.current = setTimeout(() => {
-        var _a2, _b, _c;
         setLoading(true);
-        (_c = (_b = (_a2 = tableMeta.search).handleSearch) == null ? void 0 : _b.call(_a2, query2, hiddenColumns)) == null ? void 0 : _c.then(() => {
+        tableMeta.search.handleSearch?.(query2, hiddenColumns)?.then(() => {
           setLoading(false);
         });
       }, 350);
@@ -62,10 +58,7 @@ function Search(props) {
   };
   const handleToggleExcludeUnmatchedResults = async (enabled) => {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
-    requestAnimationFrame(() => {
-      var _a2;
-      return (_a2 = ref.current) == null ? void 0 : _a2.focus();
-    });
+    requestAnimationFrame(() => ref.current?.focus());
     if (tableMeta.search.handleSearch) {
       setLoading(true);
       await tableMeta.search.handleSearch(enabled ? query : void 0, hiddenColumns);
@@ -73,25 +66,23 @@ function Search(props) {
     }
   };
   const handleNextResult = () => {
-    var _a2;
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
     const nextIndex = tableMeta.search.currentHighlightColumnIndex === void 0 || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
-    const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[nextIndex]) == null ? void 0 : _a2[0];
+    const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];
     if (rowIndex !== void 0) {
       scrollTo(rowIndex);
     }
   };
   const handlePreviousResult = () => {
-    var _a2;
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
     const nextIndex = tableMeta.search.currentHighlightColumnIndex === void 0 ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
-    const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[nextIndex]) == null ? void 0 : _a2[0];
+    const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];
     if (rowIndex !== void 0) {
       scrollTo(rowIndex);
     }
@@ -110,12 +101,11 @@ function Search(props) {
       if (rowIndex !== void 0 && cellIndex !== void 0) {
         tableMeta.rowActive.setRowActiveIndex(rowIndex);
         requestAnimationFrame(() => {
-          var _a2, _b;
-          const cell = (_a2 = tableRef.current) == null ? void 0 : _a2.querySelector(
+          const cell = tableRef.current?.querySelector(
             `tbody > tr[data-row-index="${rowIndex}"] > td[data-cell-index="${cellIndex}"]`
           );
           if (cell) {
-            (_b = cell.focus) == null ? void 0 : _b.call(cell);
+            cell.focus?.();
           }
         });
       }
@@ -125,7 +115,7 @@ function Search(props) {
     SearchInput2.SearchInput2,
     {
       findCurrent: tableMeta.search.currentHighlightColumnIndex === void 0 ? null : tableMeta.search.currentHighlightColumnIndex + 1,
-      findTotal: ((_a = tableMeta.search.highlightedColumnIndexes) == null ? void 0 : _a.length) ?? null,
+      findTotal: tableMeta.search.highlightedColumnIndexes?.length ?? null,
       loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading,
       name: "table-search",
       onClickFindPrevious: handlePreviousResult,

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Search.cjs","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 } 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 lastResultQuery = React.useRef(undefined);\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.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    React.useEffect(() => {\n        // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n        if (\n            tableMeta.server._experimentalDataLoader2 &&\n            tableMeta.search.highlightedColumnIndexes.length &&\n            query !== lastResultQuery.current\n        ) {\n            lastResultQuery.current = query;\n\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length, query]);\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                hiddenColumns,\n                // the old data loader doesn't have server side search\n                undefined\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\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            }, 350);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n            setLoading(false);\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\n    };\n\n    const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\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] =\n                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                        ? null\n                        : tableMeta.search.currentHighlightColumnIndex + 1\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\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":["useLocalization","getHiddenColumns","_a","query","Switch","SearchInput2"],"mappings":"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"}
+{"version":3,"file":"Search.cjs","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 } 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 lastResultQuery = React.useRef(undefined);\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.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    React.useEffect(() => {\n        // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n        if (\n            tableMeta.server._experimentalDataLoader2 &&\n            tableMeta.search.highlightedColumnIndexes.length &&\n            query !== lastResultQuery.current\n        ) {\n            lastResultQuery.current = query;\n\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length, query]);\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                hiddenColumns,\n                // the old data loader doesn't have server side search\n                undefined\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\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            }, 350);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n            setLoading(false);\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\n    };\n\n    const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\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] =\n                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                        ? null\n                        : tableMeta.search.currentHighlightColumnIndex + 1\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\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":["useLocalization","getHiddenColumns","query","Switch","SearchInput2"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.js

@@ -4,7 +4,6 @@ import { SearchInput2 } from "../../../../../../../components/SearchInput2/Searc
 import { Switch } from "../../../../../../../components/Switch/Switch.js";
 import { getHiddenColumns } from "../../../../../useTableManager/util/columns.js";
 function Search(props) {
-  var _a;
   const { scrollToIndex, table, tableRef } = props;
   const { texts } = useLocalization();
   const ref = React__default.useRef(null);
@@ -14,19 +13,17 @@ function Search(props) {
   const scrollTo = (rowIndex) => scrollToIndex(rowIndex, { align: "center" });
   const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
   React__default.useEffect(() => {
-    var _a2;
     if (!tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {
-      const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[0]) == null ? void 0 : _a2[0];
+      const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];
       if (rowIndex !== void 0) {
         scrollTo(rowIndex);
       }
     }
   }, [tableMeta.search.highlightedColumnIndexes.length]);
   React__default.useEffect(() => {
-    var _a2;
     if (tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length && query !== lastResultQuery.current) {
       lastResultQuery.current = query;
-      const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[0]) == null ? void 0 : _a2[0];
+      const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];
       if (rowIndex !== void 0) {
         scrollTo(rowIndex);
       }
@@ -50,9 +47,8 @@ function Search(props) {
     if (tableMeta.search.enableGlobalFilter && tableMeta.search.handleSearch) {
       clearTimeout(searchTimeoutRef.current);
       searchTimeoutRef.current = setTimeout(() => {
-        var _a2, _b, _c;
         setLoading(true);
-        (_c = (_b = (_a2 = tableMeta.search).handleSearch) == null ? void 0 : _b.call(_a2, query2, hiddenColumns)) == null ? void 0 : _c.then(() => {
+        tableMeta.search.handleSearch?.(query2, hiddenColumns)?.then(() => {
           setLoading(false);
         });
       }, 350);
@@ -60,10 +56,7 @@ function Search(props) {
   };
   const handleToggleExcludeUnmatchedResults = async (enabled) => {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
-    requestAnimationFrame(() => {
-      var _a2;
-      return (_a2 = ref.current) == null ? void 0 : _a2.focus();
-    });
+    requestAnimationFrame(() => ref.current?.focus());
     if (tableMeta.search.handleSearch) {
       setLoading(true);
       await tableMeta.search.handleSearch(enabled ? query : void 0, hiddenColumns);
@@ -71,25 +64,23 @@ function Search(props) {
     }
   };
   const handleNextResult = () => {
-    var _a2;
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
     const nextIndex = tableMeta.search.currentHighlightColumnIndex === void 0 || tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1 ? 0 : tableMeta.search.currentHighlightColumnIndex + 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
-    const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[nextIndex]) == null ? void 0 : _a2[0];
+    const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];
     if (rowIndex !== void 0) {
       scrollTo(rowIndex);
     }
   };
   const handlePreviousResult = () => {
-    var _a2;
     if (!tableMeta.search.highlightedColumnIndexes.length) {
       return;
     }
     const nextIndex = tableMeta.search.currentHighlightColumnIndex === void 0 ? 0 : tableMeta.search.currentHighlightColumnIndex === 0 ? tableMeta.search.highlightedColumnIndexes.length - 1 : tableMeta.search.currentHighlightColumnIndex - 1;
     tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
-    const rowIndex = (_a2 = tableMeta.search.highlightedColumnIndexes[nextIndex]) == null ? void 0 : _a2[0];
+    const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];
     if (rowIndex !== void 0) {
       scrollTo(rowIndex);
     }
@@ -108,12 +99,11 @@ function Search(props) {
       if (rowIndex !== void 0 && cellIndex !== void 0) {
         tableMeta.rowActive.setRowActiveIndex(rowIndex);
         requestAnimationFrame(() => {
-          var _a2, _b;
-          const cell = (_a2 = tableRef.current) == null ? void 0 : _a2.querySelector(
+          const cell = tableRef.current?.querySelector(
             `tbody > tr[data-row-index="${rowIndex}"] > td[data-cell-index="${cellIndex}"]`
           );
           if (cell) {
-            (_b = cell.focus) == null ? void 0 : _b.call(cell);
+            cell.focus?.();
           }
         });
       }
@@ -123,7 +113,7 @@ function Search(props) {
     SearchInput2,
     {
       findCurrent: tableMeta.search.currentHighlightColumnIndex === void 0 ? null : tableMeta.search.currentHighlightColumnIndex + 1,
-      findTotal: ((_a = tableMeta.search.highlightedColumnIndexes) == null ? void 0 : _a.length) ?? null,
+      findTotal: tableMeta.search.highlightedColumnIndexes?.length ?? null,
       loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading,
       name: "table-search",
       onClickFindPrevious: handlePreviousResult,

package/dist/primitives/Table/Core/components/Toolbar/components/Search/Search.js.map

@@ -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 } 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 lastResultQuery = React.useRef(undefined);\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.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    React.useEffect(() => {\n        // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n        if (\n            tableMeta.server._experimentalDataLoader2 &&\n            tableMeta.search.highlightedColumnIndexes.length &&\n            query !== lastResultQuery.current\n        ) {\n            lastResultQuery.current = query;\n\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length, query]);\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                hiddenColumns,\n                // the old data loader doesn't have server side search\n                undefined\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\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            }, 350);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n            setLoading(false);\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\n    };\n\n    const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\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] =\n                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                        ? null\n                        : tableMeta.search.currentHighlightColumnIndex + 1\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\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":["React","_a","query"],"mappings":"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"}
+{"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 } 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 lastResultQuery = React.useRef(undefined);\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.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length]);\n\n    React.useEffect(() => {\n        // if the query hasn't changed, but number of results changed, it indicates a page containing one ore more results was loaded or unloaded due to scrolling.\n        if (\n            tableMeta.server._experimentalDataLoader2 &&\n            tableMeta.search.highlightedColumnIndexes.length &&\n            query !== lastResultQuery.current\n        ) {\n            lastResultQuery.current = query;\n\n            const rowIndex = tableMeta.search.highlightedColumnIndexes[0]?.[0];\n\n            if (rowIndex !== undefined) {\n                scrollTo(rowIndex);\n            }\n        }\n    }, [tableMeta.search.highlightedColumnIndexes.length, query]);\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                hiddenColumns,\n                // the old data loader doesn't have server side search\n                undefined\n            );\n        }\n    };\n\n    const [loading, setLoading] = React.useState(false);\n\n    const searchTimeoutRef = React.useRef<NodeJS.Timeout>(undefined);\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            }, 350);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = async (enabled: boolean) => {\n        tableMeta.search.setEnableGlobalFilter(enabled, table);\n        requestAnimationFrame(() => ref.current?.focus());\n\n        if (tableMeta.search.handleSearch) {\n            setLoading(true);\n            await tableMeta.search.handleSearch(enabled ? query : undefined, hiddenColumns);\n            setLoading(false);\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\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        const rowIndex = tableMeta.search.highlightedColumnIndexes[nextIndex]?.[0];\n\n        if (rowIndex !== undefined) {\n            scrollTo(rowIndex);\n        }\n    };\n\n    const settings = tableMeta.server._experimentalDataLoader2 ? undefined : (\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] =\n                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                        ? null\n                        : tableMeta.search.currentHighlightColumnIndex + 1\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes?.length ?? null}\n                loading={tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading}\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":["React","query"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.cjs

@@ -13,19 +13,18 @@ const List = require("../../../../../../Sortable/components/List.cjs");
 const Item = require("../../../../../../Sortable/components/Item.cjs");
 const sortable = require("@dnd-kit/sortable");
 const Column = React.forwardRef(function Column2(props, ref) {
-  var _a, _b, _c;
   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", {
+  const className = cn("group/column flex items-center gap-x-2 rounded px-2 py-1", {
     "hover:bg-gray-200": canHide || draggable,
     "hover:cursor-pointer": canHide,
     "active:cursor-move active:bg-gray-300": draggable
   });
   const attributes = draggable ? dragAttributes : void 0;
   const isVisible = column.getIsVisible();
-  const parentHeader = (_b = (_a = column.parent) == null ? void 0 : _a.columnDef) == null ? void 0 : _b.header;
+  const parentHeader = column.parent?.columnDef?.header;
   const Tag = canHide ? "label" : "span";
-  return /* @__PURE__ */ React.createElement("div", { ...attributes, className, ref }, draggable ? /* @__PURE__ */ React.createElement(Icon.Icon, { name: "drag", className: "-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700" }) : null, /* @__PURE__ */ React.createElement(Tag, { className: "flex-grow truncate", htmlFor: canHide ? column.id : void 0 }, (_c = column.columnDef.meta) == null ? void 0 : _c.header, parentHeader ? /* @__PURE__ */ React.createElement("span", { className: "italic" }, "(", parentHeader, ")") : null), canHide ? /* @__PURE__ */ React.createElement(Checkbox.Checkbox, { checked: isVisible, id: column.id, onChange: () => column.toggleVisibility(!isVisible) }) : null);
+  return /* @__PURE__ */ React.createElement("div", { ...attributes, className, ref }, draggable ? /* @__PURE__ */ React.createElement(Icon.Icon, { name: "drag", className: "-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700" }) : null, /* @__PURE__ */ React.createElement(Tag, { className: "flex-grow truncate", htmlFor: canHide ? column.id : void 0 }, column.columnDef.meta?.header, parentHeader ? /* @__PURE__ */ React.createElement("span", { className: "italic" }, "(", parentHeader, ")") : null), canHide ? /* @__PURE__ */ React.createElement(Checkbox.Checkbox, { checked: isVisible, id: column.id, onChange: () => column.toggleVisibility(!isVisible) }) : null);
 });
 function HideOrOrderPopover(props) {
   const { id, table, trigger, ...popoverProps } = props;
@@ -35,20 +34,13 @@ function HideOrOrderPopover(props) {
   const tableMeta = table.options.meta;
   const columns$1 = React.useMemo(
     () => allColumns.filter((column) => !columns.isInternalColumn(column.id)).filter(
-      (column) => {
-        var _a, _b, _c;
-        return (query == null ? void 0 : query.length) ? ((_a = column.columnDef.meta) == null ? void 0 : _a.header.toLowerCase().includes(query.toLowerCase())) || ((_c = (_b = column.parent) == null ? void 0 : _b.columnDef.meta) == null ? void 0 : _c.header.toLowerCase().includes(query.toLowerCase())) : true;
-      }
+      (column) => query?.length ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) || column.parent?.columnDef.meta?.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) => {
-    var _a;
-    if (columns$1.some((column) => {
-      var _a2;
-      return column.id === overId && ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.enableOrdering) === false;
-    })) {
+    if (columns$1.some((column) => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {
       return;
     }
     const currentOrder = table.getState().columnOrder;
@@ -62,7 +54,7 @@ function HideOrOrderPopover(props) {
     );
     table.setColumnOrder(nextOrder);
     if (table.getIsSomeColumnsPinned()) {
-      const currentFrozenIndex = ((_a = table.getState().columnPinning.left) == null ? void 0 : _a.length) ?? -1;
+      const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;
       if (currentFrozenIndex > -1) {
         table.setColumnPinning((currentPinning) => ({
           ...currentPinning,
@@ -78,19 +70,16 @@ function HideOrOrderPopover(props) {
       placeholder: texts.table.columnSettings.search,
       value: query
     }
-  ) : null, tableMeta.columnOrdering.isEnabled && columns$1.length && !(query == null ? void 0 : query.length) ? /* @__PURE__ */ React.createElement(Container.Container, { reorder: handleReorder }, /* @__PURE__ */ React.createElement(List.List, { id: "columns", className: listClassName }, columns$1.filter((column) => !column.getIsGrouped()).map((column) => {
-    var _a, _b;
-    return /* @__PURE__ */ React.createElement(
-      Item.Item,
-      {
-        key: column.id,
-        id: column.id,
-        disabled: !((_a = column.columnDef.meta) == null ? void 0 : _a.enableOrdering),
-        asChild: true
-      },
-      /* @__PURE__ */ React.createElement(Column, { column, draggable: (_b = column.columnDef.meta) == null ? void 0 : _b.enableOrdering })
-    );
-  }))) : /* @__PURE__ */ React.createElement("div", { className: listClassName }, columns$1.length ? columns$1.map((column) => /* @__PURE__ */ React.createElement(Column, { column, key: column.id })) : texts.table.columnSettings.noResults))));
+  ) : null, tableMeta.columnOrdering.isEnabled && columns$1.length && !query?.length ? /* @__PURE__ */ React.createElement(Container.Container, { reorder: handleReorder }, /* @__PURE__ */ React.createElement(List.List, { id: "columns", className: listClassName }, columns$1.filter((column) => !column.getIsGrouped()).map((column) => /* @__PURE__ */ React.createElement(
+    Item.Item,
+    {
+      key: column.id,
+      id: column.id,
+      disabled: !column.columnDef.meta?.enableOrdering,
+      asChild: true
+    },
+    /* @__PURE__ */ React.createElement(Column, { column, draggable: column.columnDef.meta?.enableOrdering })
+  )))) : /* @__PURE__ */ React.createElement("div", { className: listClassName }, columns$1.length ? columns$1.map((column) => /* @__PURE__ */ React.createElement(Column, { column, key: column.id })) : texts.table.columnSettings.noResults))));
 }
 exports.HideOrOrderPopover = HideOrOrderPopover;
 //# sourceMappingURL=HideOrOrderPopover.cjs.map

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { SortableItemId } from '../../../../../../Sortable/Sortable';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","Icon","Checkbox","useLocalization","columns","isInternalColumn","_a","ensureOrdering","SortablePrimitive.arrayMove","Popover","Input","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}
+{"version":3,"file":"HideOrOrderPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { SortableItemId } from '../../../../../../Sortable/Sortable';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","Icon","Checkbox","useLocalization","columns","isInternalColumn","ensureOrdering","SortablePrimitive.arrayMove","Popover","Input","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js

@@ -11,19 +11,18 @@ import { List } from "../../../../../../Sortable/components/List.js";
 import { Item } from "../../../../../../Sortable/components/Item.js";
 import { arrayMove } from "@dnd-kit/sortable";
 const Column = React__default.forwardRef(function Column2(props, ref) {
-  var _a, _b, _c;
   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", {
+  const className = cn("group/column flex items-center gap-x-2 rounded px-2 py-1", {
     "hover:bg-gray-200": canHide || draggable,
     "hover:cursor-pointer": canHide,
     "active:cursor-move active:bg-gray-300": draggable
   });
   const attributes = draggable ? dragAttributes : void 0;
   const isVisible = column.getIsVisible();
-  const parentHeader = (_b = (_a = column.parent) == null ? void 0 : _a.columnDef) == null ? void 0 : _b.header;
+  const parentHeader = column.parent?.columnDef?.header;
   const Tag = canHide ? "label" : "span";
-  return /* @__PURE__ */ React__default.createElement("div", { ...attributes, className, ref }, draggable ? /* @__PURE__ */ React__default.createElement(Icon, { name: "drag", className: "-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700" }) : null, /* @__PURE__ */ React__default.createElement(Tag, { className: "flex-grow truncate", htmlFor: canHide ? column.id : void 0 }, (_c = column.columnDef.meta) == null ? void 0 : _c.header, parentHeader ? /* @__PURE__ */ React__default.createElement("span", { className: "italic" }, "(", parentHeader, ")") : null), canHide ? /* @__PURE__ */ React__default.createElement(Checkbox, { checked: isVisible, id: column.id, onChange: () => column.toggleVisibility(!isVisible) }) : null);
+  return /* @__PURE__ */ React__default.createElement("div", { ...attributes, className, ref }, draggable ? /* @__PURE__ */ React__default.createElement(Icon, { name: "drag", className: "-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700" }) : null, /* @__PURE__ */ React__default.createElement(Tag, { className: "flex-grow truncate", htmlFor: canHide ? column.id : void 0 }, column.columnDef.meta?.header, parentHeader ? /* @__PURE__ */ React__default.createElement("span", { className: "italic" }, "(", parentHeader, ")") : null), canHide ? /* @__PURE__ */ React__default.createElement(Checkbox, { checked: isVisible, id: column.id, onChange: () => column.toggleVisibility(!isVisible) }) : null);
 });
 function HideOrOrderPopover(props) {
   const { id, table, trigger, ...popoverProps } = props;
@@ -33,20 +32,13 @@ function HideOrOrderPopover(props) {
   const tableMeta = table.options.meta;
   const columns = React__default.useMemo(
     () => allColumns.filter((column) => !isInternalColumn(column.id)).filter(
-      (column) => {
-        var _a, _b, _c;
-        return (query == null ? void 0 : query.length) ? ((_a = column.columnDef.meta) == null ? void 0 : _a.header.toLowerCase().includes(query.toLowerCase())) || ((_c = (_b = column.parent) == null ? void 0 : _b.columnDef.meta) == null ? void 0 : _c.header.toLowerCase().includes(query.toLowerCase())) : true;
-      }
+      (column) => query?.length ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) || column.parent?.columnDef.meta?.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) => {
-    var _a;
-    if (columns.some((column) => {
-      var _a2;
-      return column.id === overId && ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.enableOrdering) === false;
-    })) {
+    if (columns.some((column) => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {
       return;
     }
     const currentOrder = table.getState().columnOrder;
@@ -60,7 +52,7 @@ function HideOrOrderPopover(props) {
     );
     table.setColumnOrder(nextOrder);
     if (table.getIsSomeColumnsPinned()) {
-      const currentFrozenIndex = ((_a = table.getState().columnPinning.left) == null ? void 0 : _a.length) ?? -1;
+      const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;
       if (currentFrozenIndex > -1) {
         table.setColumnPinning((currentPinning) => ({
           ...currentPinning,
@@ -76,19 +68,16 @@ function HideOrOrderPopover(props) {
       placeholder: texts.table.columnSettings.search,
       value: query
     }
-  ) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query == null ? void 0 : query.length) ? /* @__PURE__ */ React__default.createElement(Container, { reorder: handleReorder }, /* @__PURE__ */ React__default.createElement(List, { id: "columns", className: listClassName }, columns.filter((column) => !column.getIsGrouped()).map((column) => {
-    var _a, _b;
-    return /* @__PURE__ */ React__default.createElement(
-      Item,
-      {
-        key: column.id,
-        id: column.id,
-        disabled: !((_a = column.columnDef.meta) == null ? void 0 : _a.enableOrdering),
-        asChild: true
-      },
-      /* @__PURE__ */ React__default.createElement(Column, { column, draggable: (_b = column.columnDef.meta) == null ? void 0 : _b.enableOrdering })
-    );
-  }))) : /* @__PURE__ */ React__default.createElement("div", { className: listClassName }, columns.length ? columns.map((column) => /* @__PURE__ */ React__default.createElement(Column, { column, key: column.id })) : texts.table.columnSettings.noResults))));
+  ) : null, tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? /* @__PURE__ */ React__default.createElement(Container, { reorder: handleReorder }, /* @__PURE__ */ React__default.createElement(List, { id: "columns", className: listClassName }, columns.filter((column) => !column.getIsGrouped()).map((column) => /* @__PURE__ */ React__default.createElement(
+    Item,
+    {
+      key: column.id,
+      id: column.id,
+      disabled: !column.columnDef.meta?.enableOrdering,
+      asChild: true
+    },
+    /* @__PURE__ */ React__default.createElement(Column, { column, draggable: column.columnDef.meta?.enableOrdering })
+  )))) : /* @__PURE__ */ React__default.createElement("div", { className: listClassName }, columns.length ? columns.map((column) => /* @__PURE__ */ React__default.createElement(Column, { column, key: column.id })) : texts.table.columnSettings.noResults))));
 }
 export {
   HideOrOrderPopover

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { SortableItemId } from '../../../../../../Sortable/Sortable';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React","Column","_a","SortablePrimitive.arrayMove","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,SAASA,eAAM,WAAW,SAASC,QAAwB,OAA2B,KAAgC;;AACxH,QAAM,EAAE,QAAQ,YAAY,OAAO,GAAG,eAAmB,IAAA;AACnD,QAAA,UAAU,OAAO,WAAW;AAE5B,QAAA,YAAY,GAAG,4DAA4D;AAAA,IAC7E,qBAAqB,WAAW;AAAA,IAChC,wBAAwB;AAAA,IACxB,yCAAyC;AAAA,EAAA,CAC5C;AAEK,QAAA,aAAa,YAAY,iBAAiB;AAC1C,QAAA,YAAY,OAAO,aAAa;AAChC,QAAA,gBAAe,kBAAO,WAAP,mBAAe,cAAf,mBAA0B;AAEzC,QAAA,MAAM,UAAU,UAAU;AAG5B,SAAAD,+BAAA,cAAC,OAAK,EAAA,GAAG,YAAY,WAAsB,OACtC,YAAYA,+BAAA,cAAC,MAAK,EAAA,MAAK,QAAO,WAAU,4DAA4D,CAAA,IAAK,MACzGA,+BAAA,cAAA,KAAA,EAAI,WAAU,sBAAqB,SAAS,UAAU,OAAO,KAAK,OAC9D,IAAA,YAAO,UAAU,SAAjB,mBAAuB,QACvB,eAAeA,+BAAA,cAAC,QAAK,EAAA,WAAU,SAAS,GAAA,KAAE,cAAgC,GAAC,IAAU,IAC1F,GACC,UACIA,+BAAA,cAAA,UAAA,EAAS,SAAS,WAAW,IAAI,OAAO,IAAI,UAAU,MAAM,OAAO,iBAAiB,CAAC,SAAS,EAAG,CAAA,IAClG,IACR;AAER,CAAC;AAOM,SAAS,mBAAoC,OAAuC;AACvF,QAAM,EAAE,IAAI,OAAO,SAAS,GAAG,aAAiB,IAAA;AAC1C,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAS,EAAE;AACrC,QAAA,aAAa,MAAM,kBAAkB;AACrC,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,UAAUA,eAAM;AAAA,IAClB,MACI,WACK,OAAO,CAAA,WAAU,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAC7C;AAAA,MAAO,CAAA,WACJ;;AAAA,+CAAO,YACD,YAAO,UAAU,SAAjB,mBAAuB,OAAO,cAAc,SAAS,MAAM,qBAC3D,kBAAO,WAAP,mBAAe,UAAU,SAAzB,mBAA+B,OAAO,cAAc,SAAS,MAAM,YAAa,MAChF;AAAA;AAAA,IACV;AAAA,IACR,CAAC,YAAY,KAAK;AAAA,EACtB;AAEA,QAAM,gBAAgB;AAEhB,QAAA,gBAAgB,CAAC,UAA0B,WAA2B;;AACpE,QAAA,QAAQ,KAAK,CAAA,WAAA;;AAAU,oBAAO,OAAO,YAAUE,MAAA,OAAO,UAAU,SAAjB,gBAAAA,IAAuB,oBAAmB;AAAA,KAAK,GAAG;AACjG;AAAA,IAAA;AAGE,UAAA,eAAe,MAAM,SAAA,EAAW;AACtC,UAAM,YAAY;AAAA,MACd;AAAA,MACAC;AAAAA,QACI;AAAA,QACA,aAAa,UAAU,CAAK,MAAA,MAAM,QAAQ;AAAA,QAC1C,aAAa,UAAU,CAAK,MAAA,MAAM,MAAM;AAAA,MAAA;AAAA,IAEhD;AAGA,UAAM,eAAe,SAAS;AAG1B,QAAA,MAAM,0BAA0B;AAChC,YAAM,uBAAqB,WAAM,SAAA,EAAW,cAAc,SAA/B,mBAAqC,WAAU;AAE1E,UAAI,qBAAqB,IAAI;AACzB,cAAM,iBAAiB,CAAmB,oBAAA;AAAA,UACtC,GAAG;AAAA,UACH,MAAM,UAAU,MAAM,GAAG,kBAAkB;AAAA,QAAA,EAC7C;AAAA,MAAA;AAAA,IACN;AAAA,EAER;AAEA,sDACK,SAAS,EAAA,GAAG,cAAc,QAAQ,WAC9BH,+BAAA,cAAA,QAAQ,SAAR,EAAgB,MACZA,+BAAA,cAAA,OAAA,EAAI,WAAU,6CACV,GAAA,MAAM,QAAQ,eACXA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,CAAA,UAAS,SAAS,MAAM,OAAO,KAAK;AAAA,MAC9C,aAAa,MAAM,MAAM,eAAe;AAAA,MACxC,OAAO;AAAA,IAAA;AAAA,EAAA,IAEX,MACH,UAAU,eAAe,aAAa,QAAQ,UAAU,EAAC,+BAAO,UAC7DA,+BAAA,cAACI,WAAA,EAA4B,SAAS,cAAA,GACjCJ,+BAAA,cAAAK,MAAA,EAAuB,IAAG,WAAU,WAAW,cAC3C,GAAA,QACI,OAAO,CAAA,WAAU,CAAC,OAAO,cAAc,EACvC,IAAI,CACD,WAAAL;;AAAAA,0CAAA;AAAA,MAACM;AAAAA,MAAA;AAAA,QACG,KAAK,OAAO;AAAA,QACZ,IAAI,OAAO;AAAA,QACX,UAAU,GAAC,YAAO,UAAU,SAAjB,mBAAuB;AAAA,QAClC,SAAO;AAAA,MAAA;AAAA,mDACN,QAAO,EAAA,QAAuB,YAAW,YAAO,UAAU,SAAjB,mBAAuB,eAAgB,CAAA;AAAA,IAExF;AAAA,GAAA,CACT,CACJ,IAEAN,+BAAA,cAAC,OAAI,EAAA,WAAW,cACX,GAAA,QAAQ,SACH,QAAQ,IAAI,CAAA,WAAWA,+BAAA,cAAA,QAAA,EAAO,QAAuB,KAAK,OAAO,GAAA,CAAI,CAAE,IACvE,MAAM,MAAM,eAAe,SACrC,CAER,CACJ,CACJ;AAER;"}
+{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { SortableItemId } from '../../../../../../Sortable/Sortable';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React","Column","SortablePrimitive.arrayMove","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,SAASA,eAAM,WAAW,SAASC,QAAwB,OAA2B,KAAgC;AACxH,QAAM,EAAE,QAAQ,YAAY,OAAO,GAAG,mBAAmB;AACzD,QAAM,UAAU,OAAO,WAAA;AAEvB,QAAM,YAAY,GAAG,4DAA4D;AAAA,IAC7E,qBAAqB,WAAW;AAAA,IAChC,wBAAwB;AAAA,IACxB,yCAAyC;AAAA,EAAA,CAC5C;AAED,QAAM,aAAa,YAAY,iBAAiB;AAChD,QAAM,YAAY,OAAO,aAAA;AACzB,QAAM,eAAe,OAAO,QAAQ,WAAW;AAE/C,QAAM,MAAM,UAAU,UAAU;AAEhC,SACID,+BAAA,cAAC,OAAA,EAAK,GAAG,YAAY,WAAsB,OACtC,YAAYA,+BAAA,cAAC,MAAA,EAAK,MAAK,QAAO,WAAU,6DAA4D,IAAK,MAC1GA,+BAAA,cAAC,KAAA,EAAI,WAAU,sBAAqB,SAAS,UAAU,OAAO,KAAK,OAAA,GAC9D,OAAO,UAAU,MAAM,QACvB,eAAeA,+BAAA,cAAC,QAAA,EAAK,WAAU,SAAA,GAAS,KAAE,cAAgC,GAAC,IAAU,IAC1F,GACC,UACGA,+BAAA,cAAC,UAAA,EAAS,SAAS,WAAW,IAAI,OAAO,IAAI,UAAU,MAAM,OAAO,iBAAiB,CAAC,SAAS,EAAA,CAAG,IAClG,IACR;AAER,CAAC;AAOM,SAAS,mBAAoC,OAAuC;AACvF,QAAM,EAAE,IAAI,OAAO,SAAS,GAAG,iBAAiB;AAChD,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAS,EAAE;AAC3C,QAAM,aAAa,MAAM,kBAAA;AACzB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,UAAUA,eAAM;AAAA,IAClB,MACI,WACK,OAAO,CAAA,WAAU,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAC7C;AAAA,MAAO,CAAA,WACJ,OAAO,SACD,OAAO,UAAU,MAAM,OAAO,cAAc,SAAS,MAAM,aAAa,KACxE,OAAO,QAAQ,UAAU,MAAM,OAAO,YAAA,EAAc,SAAS,MAAM,YAAA,CAAa,IAChF;AAAA,IAAA;AAAA,IAElB,CAAC,YAAY,KAAK;AAAA,EAAA;AAGtB,QAAM,gBAAgB;AAEtB,QAAM,gBAAgB,CAAC,UAA0B,WAA2B;AACxE,QAAI,QAAQ,KAAK,CAAA,WAAU,OAAO,OAAO,UAAU,OAAO,UAAU,MAAM,mBAAmB,KAAK,GAAG;AACjG;AAAA,IACJ;AAEA,UAAM,eAAe,MAAM,SAAA,EAAW;AACtC,UAAM,YAAY;AAAA,MACd;AAAA,MACAE;AAAAA,QACI;AAAA,QACA,aAAa,UAAU,CAAA,MAAK,MAAM,QAAQ;AAAA,QAC1C,aAAa,UAAU,CAAA,MAAK,MAAM,MAAM;AAAA,MAAA;AAAA,IAC5C;AAIJ,UAAM,eAAe,SAAS;AAG9B,QAAI,MAAM,0BAA0B;AAChC,YAAM,qBAAqB,MAAM,SAAA,EAAW,cAAc,MAAM,UAAU;AAE1E,UAAI,qBAAqB,IAAI;AACzB,cAAM,iBAAiB,CAAA,oBAAmB;AAAA,UACtC,GAAG;AAAA,UACH,MAAM,UAAU,MAAM,GAAG,kBAAkB;AAAA,QAAA,EAC7C;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AAEA,sDACK,SAAA,EAAS,GAAG,cAAc,QAAQ,WAC/BF,+BAAA,cAAC,QAAQ,SAAR,EAAgB,MACbA,+BAAA,cAAC,OAAA,EAAI,WAAU,6CAAA,GACV,MAAM,QAAQ,eACXA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,CAAA,UAAS,SAAS,MAAM,OAAO,KAAK;AAAA,MAC9C,aAAa,MAAM,MAAM,eAAe;AAAA,MACxC,OAAO;AAAA,IAAA;AAAA,EAAA,IAEX,MACH,UAAU,eAAe,aAAa,QAAQ,UAAU,CAAC,OAAO,SAC7DA,+BAAA,cAACG,WAAA,EAA4B,SAAS,cAAA,GAClCH,+BAAA,cAACI,MAAA,EAAuB,IAAG,WAAU,WAAW,cAAA,GAC3C,QACI,OAAO,CAAA,WAAU,CAAC,OAAO,cAAc,EACvC,IAAI,CAAA,WACDJ,+BAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACG,KAAK,OAAO;AAAA,MACZ,IAAI,OAAO;AAAA,MACX,UAAU,CAAC,OAAO,UAAU,MAAM;AAAA,MAClC,SAAO;AAAA,IAAA;AAAA,iDACN,QAAA,EAAO,QAAuB,WAAW,OAAO,UAAU,MAAM,eAAA,CAAgB;AAAA,EAAA,CAExF,CACT,CACJ,IAEAL,+BAAA,cAAC,OAAA,EAAI,WAAW,cAAA,GACX,QAAQ,SACH,QAAQ,IAAI,CAAA,WAAUA,+BAAA,cAAC,QAAA,EAAO,QAAuB,KAAK,OAAO,GAAA,CAAI,CAAE,IACvE,MAAM,MAAM,eAAe,SACrC,CAER,CACJ,CACJ;AAER;"}