@economic/taco 2.25.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Search.js

@@ -1,238 +0,0 @@
-import React__default from 'react';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { SearchInput2 } from '../../../SearchInput2/SearchInput2.js';
-import { Switch } from '../../../Switch/Switch.js';
-import { getCellValueAsString } from '../../util/columns.js';
-import { globalFilterFn } from '../../util/filtering.js';
-import { lastCellIndex } from '../rows/Row.js';
-import { useDebouncedEffect } from '../../../../hooks/useDebouncedEffect.js';
-
-var LoadingState;
-(function (LoadingState) {
-  LoadingState[LoadingState["Incomplete"] = 0] = "Incomplete";
-  LoadingState[LoadingState["Loading"] = 1] = "Loading";
-  LoadingState[LoadingState["Completed"] = 2] = "Completed";
-})(LoadingState || (LoadingState = {}));
-function Search(props) {
-  const {
-    scrollToIndex,
-    table
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const ref = React__default.useRef(null);
-  const tableMeta = table.options.meta;
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  const [query, setQuery] = React__default.useState(tableMeta.search.query);
-  const [loading, setLoading] = React__default.useState(LoadingState.Incomplete);
-  const [rowIdToNavigate, setRowIdToNavigate] = React__default.useState(null);
-  const scrollTo = rowIndex => scrollToIndex(rowIndex, {
-    align: 'center'
-  });
-  // update the indexes if the row length changes (e.g. when filtering)
-  React__default.useEffect(() => {
-    var _ref$current;
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.value, table);
-    if (firstRowIndex) {
-      scrollTo(firstRowIndex);
-    }
-  }, [
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  tableMeta.search.query,
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  tableMeta.search.excludeUnmatchedResults, table.getRowModel().rows.length, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility), loading]);
-  // Reseting internal search state if search.query is changed from the outside.
-  React__default.useEffect(() => {
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    if (tableMeta.search.query !== query) {
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      setQuery(tableMeta.search.query);
-    }
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  }, [tableMeta.search.query]);
-  // update the table search and filtering on a debounce
-  useDebouncedEffect(() => {
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.search.setQuery(query);
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    if (tableMeta.search.excludeUnmatchedResults) {
-      if (query !== null && query !== void 0 && query.length) {
-        table.setGlobalFilter(query);
-      } else {
-        table.resetGlobalFilter();
-      }
-    }
-  }, [query]);
-  const handleFocus = function () {
-    try {
-      // While Search input is focused, we'll switch into searching mode
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      tableMeta.search.setIsSearching(true);
-      // load all data if that is possible
-      const _temp = function () {
-        if (tableMeta.server.loadAll && loading === LoadingState.Incomplete) {
-          setLoading(LoadingState.Loading);
-          // don't pass the search query because we need all data - not filtered data
-          return Promise.resolve(tableMeta.server.loadAll(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {
-            setLoading(LoadingState.Completed);
-          });
-        }
-      }();
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleBlur = () => {
-    // As soon as search input loose a focus, we'll turn of searching mode.
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.search.setIsSearching(false);
-  };
-  const handleChange = query => {
-    setQuery(String(query !== null && query !== void 0 ? query : ''));
-  };
-  const handleClear = () => {
-    var _tableMeta$search$cur, _tableMeta$search$hig;
-    const highlightedColumnIndex = (_tableMeta$search$cur = tableMeta.search.currentHighlightColumnIndex) !== null && _tableMeta$search$cur !== void 0 ? _tableMeta$search$cur : 0;
-    const highlightedCell = (_tableMeta$search$hig = tableMeta.search.highlightedColumnIndexes[highlightedColumnIndex]) !== null && _tableMeta$search$hig !== void 0 ? _tableMeta$search$hig : [];
-    const [rowIndex = null, columnIndex = null] = highlightedCell;
-    const rows = table.getRowModel().rows;
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.search.setQuery('');
-    // Need to save row id and cell index, to be able to find the row in the table with updated indexes, after global filter will be reset.
-    lastCellIndex.value = String(columnIndex);
-    if (rowIndex !== null) {
-      var _rows$rowIndex;
-      const rowId = ((_rows$rowIndex = rows[rowIndex]) === null || _rows$rowIndex === void 0 ? void 0 : _rows$rowIndex.id) || null;
-      setRowIdToNavigate(rowId);
-    }
-  };
-  const handleKeyDown = event => {
-    if (event.key === 'Escape') {
-      handleClear();
-      event.preventDefault();
-    }
-  };
-  const {
-    globalFilter
-  } = table.getState();
-  React__default.useEffect(() => {
-    // need to wait when table global filter will be reset and rows will be re-rendered
-    if (rowIdToNavigate !== null && !globalFilter) {
-      const rows = table.getRowModel().rows;
-      const rowIndex = rows.findIndex(row => row.id === rowIdToNavigate);
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      tableMeta.search.setIsSearching(false);
-      tableMeta.rowActive.setRowActiveIndex(rowIndex);
-      scrollTo(rowIndex);
-      setRowIdToNavigate(null);
-    }
-  }, [rowIdToNavigate, globalFilter]);
-  const handleToggleExcludeUnmatchedResults = enabled => {
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.search.toggleExcludeUnmatchedResults(enabled);
-    if (enabled) {
-      var _ref$current2;
-      if ((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.value) {
-        var _ref$current3;
-        table.setGlobalFilter((_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.value);
-      } else {
-        table.resetGlobalFilter();
-      }
-    } else {
-      table.resetGlobalFilter();
-    }
-    requestAnimationFrame(() => {
-      var _ref$current4;
-      return (_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.focus();
-    });
-  };
-  const 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;
-    tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);
-    // we scroll to the row here, the cell scrolls itself into view
-    scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);
-  };
-  const 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;
-    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, {
-    label: texts.table3.search.excludeUnmatchedResults,
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    checked: tableMeta.search.excludeUnmatchedResults,
-    onChange: handleToggleExcludeUnmatchedResults
-  });
-  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.highlightedColumnIndexes ? tableMeta.search.highlightedColumnIndexes.length : null,
-    loading: loading === LoadingState.Loading,
-    onClickFindPrevious: handlePreviousResult,
-    onClickFindNext: handleNextResult,
-    onChange: handleChange,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    onClear: handleClear,
-    placeholder: texts.table3.search.placeholder,
-    settingsContent: settings,
-    ref: ref,
-    shortcut: {
-      key: 'f',
-      meta: true,
-      shift: false
-    },
-    value: query
-  }));
-}
-function resetHighlightedColumnIndexes(enabled, value, table) {
-  const tableMeta = table.options.meta;
-  let firstRowIndex;
-  if (enabled && value) {
-    const indexes = [];
-    const columns = table.getVisibleLeafColumns();
-    table.getRowModel().rows.forEach((row, rowIndex) => {
-      columns.forEach((column, columnIndex) => {
-        try {
-          var _column$columnDef$met;
-          if (column.getIsVisible() && (_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch) {
-            var _row$original, _column$columnDef$met2;
-            const cellValue = getCellValueAsString((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original[column.id], (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.dataType);
-            if (cellValue !== undefined && globalFilterFn(cellValue, value)) {
-              indexes.push([rowIndex, columnIndex]);
-            }
-          }
-        } catch (e) {
-          //
-        }
-      });
-    });
-    tableMeta.search.setHighlightedColumnIndexes(indexes);
-    if (indexes.length) {
-      firstRowIndex = indexes[0][0];
-      tableMeta.search.setCurrentHighlightColumnIndex(0);
-    } else {
-      tableMeta.search.setCurrentHighlightColumnIndex(undefined);
-    }
-  } else {
-    tableMeta.search.setHighlightedColumnIndexes([]);
-    tableMeta.search.setCurrentHighlightColumnIndex(undefined);
-  }
-  if (firstRowIndex !== undefined) {
-    tableMeta.rowActive.setRowActiveIndex(firstRowIndex);
-  }
-  return firstRowIndex;
-}
-
-export { Search };
-//# sourceMappingURL=Search.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Switch } from '../../../Switch/Switch';\nimport { globalFilterFn } from '../../util/filtering';\nimport { SearchInput2 } from '../../../SearchInput2/SearchInput2';\nimport { useDebouncedEffect } from '../../../../hooks/useDebouncedEffect';\nimport { getCellValueAsString } from '../../util/columns';\nimport { lastCellIndex } from '../rows/Row';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: RTable<TType>;\n};\n\nenum LoadingState {\n    Incomplete,\n    Loading,\n    Completed,\n}\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    const [query, setQuery] = React.useState(tableMeta.search.query);\n    const [loading, setLoading] = React.useState<LoadingState>(LoadingState.Incomplete);\n    const [rowIdToNavigate, setRowIdToNavigate] = React.useState<string | null>(null);\n\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n\n    // update the indexes if the row length changes (e.g. when filtering)\n    React.useEffect(() => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, ref.current?.value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    }, [\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.query,\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.excludeUnmatchedResults,\n        table.getRowModel().rows.length,\n        JSON.stringify(table.getState().sorting),\n        JSON.stringify(table.getState().columnVisibility),\n        loading,\n    ]);\n\n    // Reseting internal search state if search.query is changed from the outside.\n    React.useEffect(() => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        if (tableMeta.search.query !== query) {\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            setQuery(tableMeta.search.query);\n        }\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    }, [tableMeta.search.query]);\n\n    // update the table search and filtering on a debounce\n    useDebouncedEffect(() => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.setQuery(query);\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        if (tableMeta.search.excludeUnmatchedResults) {\n            if (query?.length) {\n                table.setGlobalFilter(query);\n            } else {\n                table.resetGlobalFilter();\n            }\n        }\n    }, [query]);\n\n    const handleFocus = async () => {\n        // While Search input is focused, we'll switch into searching mode\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.setIsSearching(true);\n        // load all data if that is possible\n        if (tableMeta.server.loadAll && loading === LoadingState.Incomplete) {\n            setLoading(LoadingState.Loading);\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);\n            setLoading(LoadingState.Completed);\n        }\n    };\n\n    const handleBlur = () => {\n        // As soon as search input loose a focus, we'll turn of searching mode.\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.setIsSearching(false);\n    };\n\n    const handleChange = (query: any) => {\n        setQuery(String(query ?? ''));\n    };\n\n    const handleClear = () => {\n        const highlightedColumnIndex = tableMeta.search.currentHighlightColumnIndex ?? 0;\n        const highlightedCell = tableMeta.search.highlightedColumnIndexes[highlightedColumnIndex] ?? [];\n        const [rowIndex = null, columnIndex = null] = highlightedCell;\n        const rows = table.getRowModel().rows;\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.setQuery('');\n\n        // Need to save row id and cell index, to be able to find the row in the table with updated indexes, after global filter will be reset.\n        lastCellIndex.value = String(columnIndex);\n\n        if (rowIndex !== null) {\n            const rowId = rows[rowIndex]?.id || null;\n            setRowIdToNavigate(rowId);\n        }\n    };\n\n    const handleKeyDown = event => {\n        if (event.key === 'Escape') {\n            handleClear();\n            event.preventDefault();\n        }\n    };\n\n    const { globalFilter } = table.getState();\n\n    React.useEffect(() => {\n        // need to wait when table global filter will be reset and rows will be re-rendered\n        if (rowIdToNavigate !== null && !globalFilter) {\n            const rows = table.getRowModel().rows;\n            const rowIndex = rows.findIndex(row => row.id === rowIdToNavigate);\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            tableMeta.search.setIsSearching(false);\n            tableMeta.rowActive.setRowActiveIndex(rowIndex);\n            scrollTo(rowIndex);\n            setRowIdToNavigate(null);\n        }\n    }, [rowIdToNavigate, globalFilter]);\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.toggleExcludeUnmatchedResults(enabled);\n\n        if (enabled) {\n            if (ref.current?.value) {\n                table.setGlobalFilter(ref.current?.value);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else {\n            table.resetGlobalFilter();\n        }\n\n        requestAnimationFrame(() => ref.current?.focus());\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.table3.search.excludeUnmatchedResults}\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            checked={tableMeta.search.excludeUnmatchedResults}\n            onChange={handleToggleExcludeUnmatchedResults}\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 ? tableMeta.search.highlightedColumnIndexes.length : null}\n                loading={loading === LoadingState.Loading}\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onClear={handleClear}\n                placeholder={texts.table3.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={query}\n            />\n        </>\n    );\n}\n\nfunction resetHighlightedColumnIndexes<TType = unknown>(enabled: boolean, value: string | undefined, table: RTable<TType>) {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    let firstRowIndex: undefined | number;\n\n    if (enabled && value) {\n        const rowIndexes: number[] = [];\n        const indexes: number[][] = [];\n        const columns = table.getVisibleLeafColumns();\n\n        table.getRowModel().rows.forEach((row, rowIndex) => {\n            columns.forEach((column, columnIndex) => {\n                try {\n                    if (column.getIsVisible() && column.columnDef.meta?.enableSearch) {\n                        const cellValue = getCellValueAsString(row.original?.[column.id], column.columnDef.meta?.dataType);\n\n                        if (cellValue !== undefined && globalFilterFn(cellValue, value)) {\n                            indexes.push([rowIndex, columnIndex]);\n                        }\n                    }\n                } catch (e) {\n                    //\n                }\n            });\n\n            if (indexes.length) {\n                rowIndexes.push(rowIndex);\n            }\n        });\n\n        tableMeta.search.setHighlightedColumnIndexes(indexes);\n\n        if (indexes.length) {\n            firstRowIndex = indexes[0][0];\n            tableMeta.search.setCurrentHighlightColumnIndex(0);\n        } else {\n            tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n        }\n    } else {\n        tableMeta.search.setHighlightedColumnIndexes([]);\n        tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n    }\n\n    if (firstRowIndex !== undefined) {\n        tableMeta.rowActive.setRowActiveIndex(firstRowIndex);\n    }\n\n    return firstRowIndex;\n}\n"],"names":["LoadingState","Search","props","scrollToIndex","table","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","query","setQuery","useState","search","loading","setLoading","Incomplete","rowIdToNavigate","setRowIdToNavigate","scrollTo","rowIndex","align","useEffect","firstRowIndex","resetHighlightedColumnIndexes","isHighlightingEnabled","_ref$current","current","value","excludeUnmatchedResults","getRowModel","rows","length","JSON","stringify","getState","sorting","columnVisibility","useDebouncedEffect","setGlobalFilter","resetGlobalFilter","handleFocus","setIsSearching","_temp","server","loadAll","Loading","Promise","resolve","columnFilters","undefined","then","Completed","e","reject","handleBlur","handleChange","String","handleClear","highlightedColumnIndex","_tableMeta$search$cur","currentHighlightColumnIndex","highlightedCell","_tableMeta$search$hig","highlightedColumnIndexes","columnIndex","lastCellIndex","_rows$rowIndex","rowId","id","handleKeyDown","event","key","preventDefault","globalFilter","findIndex","row","rowActive","setRowActiveIndex","handleToggleExcludeUnmatchedResults","enabled","toggleExcludeUnmatchedResults","_ref$current2","_ref$current3","requestAnimationFrame","_ref$current4","focus","handleNextResult","nextIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","table3","checked","onChange","SearchInput2","findCurrent","findTotal","onClickFindPrevious","onClickFindNext","onFocus","onBlur","onKeyDown","onClear","placeholder","settingsContent","shortcut","shift","indexes","columns","getVisibleLeafColumns","forEach","column","_column$columnDef$met","getIsVisible","columnDef","enableSearch","_row$original","_column$columnDef$met2","cellValue","getCellValueAsString","original","dataType","globalFilterFn","push","setHighlightedColumnIndexes"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Settings.js

@@ -1,65 +0,0 @@
-import React__default from 'react';
-import { IconButton } from '../../../IconButton/IconButton.js';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Menu } from '../../../Menu/Menu.js';
-import { RowHeight } from './RowHeight.js';
-import { ColumnSettingsPopover } from './ColumnSettings.js';
-import { FontSize } from './FontSize.js';
-
-function SettingsButton(props) {
-  const {
-    customSettings,
-    table
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [popover, setPopover] = React__default.useState(undefined);
-  const tableMeta = table.options.meta;
-  const hasColumnSettings = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;
-  let popoverElement;
-  if (popover) {
-    const handleClosePopover = () => setPopover(undefined);
-    switch (popover) {
-      case 'columnSettings':
-        {
-          if (hasColumnSettings) {
-            popoverElement = props => ( /*#__PURE__*/React__default.createElement(ColumnSettingsPopover, Object.assign({}, props, {
-              open: true,
-              onChange: handleClosePopover,
-              table: table
-            })));
-          }
-        }
-    }
-  }
-  return /*#__PURE__*/React__default.createElement(IconButton, {
-    "aria-label": texts.table3.otherOptions.tooltip,
-    icon: "sliders",
-    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
-      align: "end"
-    }, table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? ( /*#__PURE__*/React__default.createElement(Menu.Item, {
-      icon: "columns",
-      onClick: () => setPopover('columnSettings')
-    }, texts.table3.columnSettings.button)) : null, tableMeta.rowHeight.isEnabled || tableMeta.fontSize.isEnabled ? /*#__PURE__*/React__default.createElement(Menu.Separator, null) : null, tableMeta.rowHeight.isEnabled ? ( /*#__PURE__*/React__default.createElement(Menu.Item, {
-      icon: `height-${tableMeta.rowHeight.height}`,
-      subMenu: () => /*#__PURE__*/React__default.createElement(RowHeight, {
-        table: table
-      })
-    }, texts.table3.rowHeight.tooltip)) : null, tableMeta.fontSize.isEnabled ? ( /*#__PURE__*/React__default.createElement(Menu.Item, {
-      icon: "font-size",
-      subMenu: () => /*#__PURE__*/React__default.createElement(FontSize, {
-        table: table
-      })
-    }, texts.table3.fontSize.tooltip)) : null, customSettings ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Menu.Separator, null), customSettings.map(customSetting => {
-      const props = tableMeta.getSettings();
-      return customSetting(props);
-    }))) : null))),
-    popover: popoverElement,
-    onClickCapture: event => event.preventDefault(),
-    tooltip: texts.table3.otherOptions.tooltip
-  });
-}
-
-export { SettingsButton };
-//# sourceMappingURL=Settings.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Settings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { RowHeight } from './RowHeight';\nimport { ColumnSettingsPopover } from './ColumnSettings';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { IconName } from '../../../Icon/Icon';\nimport { FontSize } from './FontSize';\nimport { Table3CustomSettingRenderer } from '../../types';\n\nexport type SettingsButtonProps<TType = unknown> = {\n    customSettings?: Table3CustomSettingRenderer[];\n    table: RTable<TType>;\n};\nexport function SettingsButton<TType = unknown>(props: SettingsButtonProps<TType>) {\n    const { customSettings, table } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    const hasColumnSettings = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'columnSettings': {\n                if (hasColumnSettings) {\n                    popoverElement = props => (\n                        <ColumnSettingsPopover {...props} open onChange={handleClosePopover} table={table} />\n                    );\n                }\n            }\n        }\n    }\n\n    return (\n        <IconButton\n            aria-label={texts.table3.otherOptions.tooltip}\n            icon=\"sliders\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content align=\"end\">\n                                  {table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? (\n                                      <Menu.Item icon=\"columns\" onClick={() => setPopover('columnSettings')}>\n                                          {texts.table3.columnSettings.button}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {tableMeta.rowHeight.isEnabled || tableMeta.fontSize.isEnabled ? <Menu.Separator /> : null}\n                                  {tableMeta.rowHeight.isEnabled ? (\n                                      <Menu.Item\n                                          icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                          subMenu={() => <RowHeight table={table} />}>\n                                          {texts.table3.rowHeight.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {tableMeta.fontSize.isEnabled ? (\n                                      <Menu.Item icon=\"font-size\" subMenu={() => <FontSize table={table} />}>\n                                          {texts.table3.fontSize.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {customSettings ? (\n                                      <>\n                                          <Menu.Separator />\n                                          {customSettings.map(customSetting => {\n                                              const props = tableMeta.getSettings();\n                                              return customSetting(props);\n                                          })}\n                                      </>\n                                  ) : null}\n                              </Menu.Content>\n                          </Menu>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            tooltip={texts.table3.otherOptions.tooltip}\n        />\n    );\n}\n"],"names":["SettingsButton","props","customSettings","table","texts","useLocalization","popover","setPopover","React","useState","undefined","tableMeta","options","meta","hasColumnSettings","enableHiding","columnOrdering","isEnabled","popoverElement","handleClosePopover","ColumnSettingsPopover","open","onChange","IconButton","table3","otherOptions","tooltip","icon","menu","menuProps","Menu","Content","align","Item","onClick","columnSettings","button","rowHeight","fontSize","Separator","height","subMenu","RowHeight","FontSize","map","customSetting","getSettings","onClickCapture","event","preventDefault"],"mappings":";;;;;;;;SAegBA,cAAcA,CAAkBC,KAAiC;EAC7E,MAAM;IAAEC,cAAc;IAAEC;GAAO,GAAGF,KAAK;EACvC,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAC3E,MAAMC,SAAS,GAAGR,KAAK,CAACS,OAAO,CAACC,IAAwB;EAExD,MAAMC,iBAAiB,GAAGX,KAAK,CAACS,OAAO,CAACG,YAAY,IAAIJ,SAAS,CAACK,cAAc,CAACC,SAAS;EAE1F,IAAIC,cAAc;EAElB,IAAIZ,OAAO,EAAE;IACT,MAAMa,kBAAkB,GAAGA,MAAMZ,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,gBAAgB;QAAE;UACnB,IAAIQ,iBAAiB,EAAE;YACnBI,cAAc,GAAGjB,KAAK,mBAClBO,6BAACY,qBAAqB,oBAAKnB,KAAK;cAAEoB,IAAI;cAACC,QAAQ,EAAEH,kBAAkB;cAAEhB,KAAK,EAAEA;eAAS,CACxF;;;;;EAMjB,oBACIK,6BAACe,UAAU;kBACKnB,KAAK,CAACoB,MAAM,CAACC,YAAY,CAACC,OAAO;IAC7CC,IAAI,EAAC,SAAS;IACdC,IAAI,EACAV,cAAc,GACRR,SAAS,GACTmB,SAAS,mBACLrB,6BAACsB,IAAI,oBAAKD,SAAS,gBACfrB,6BAACsB,IAAI,CAACC,OAAO;MAACC,KAAK,EAAC;OACf7B,KAAK,CAACS,OAAO,CAACG,YAAY,IAAIJ,SAAS,CAACK,cAAc,CAACC,SAAS,kBAC7DT,6BAACsB,IAAI,CAACG,IAAI;MAACN,IAAI,EAAC,SAAS;MAACO,OAAO,EAAEA,MAAM3B,UAAU,CAAC,gBAAgB;OAC/DH,KAAK,CAACoB,MAAM,CAACW,cAAc,CAACC,MAAM,CAC3B,IACZ,IAAI,EACPzB,SAAS,CAAC0B,SAAS,CAACpB,SAAS,IAAIN,SAAS,CAAC2B,QAAQ,CAACrB,SAAS,gBAAGT,6BAACsB,IAAI,CAACS,SAAS,OAAG,GAAG,IAAI,EACzF5B,SAAS,CAAC0B,SAAS,CAACpB,SAAS,kBAC1BT,6BAACsB,IAAI,CAACG,IAAI;MACNN,IAAI,YAAYhB,SAAS,CAAC0B,SAAS,CAACG,QAAoB;MACxDC,OAAO,EAAEA,mBAAMjC,6BAACkC,SAAS;QAACvC,KAAK,EAAEA;;OAChCC,KAAK,CAACoB,MAAM,CAACa,SAAS,CAACX,OAAO,CACvB,IACZ,IAAI,EACPf,SAAS,CAAC2B,QAAQ,CAACrB,SAAS,kBACzBT,6BAACsB,IAAI,CAACG,IAAI;MAACN,IAAI,EAAC,WAAW;MAACc,OAAO,EAAEA,mBAAMjC,6BAACmC,QAAQ;QAACxC,KAAK,EAAEA;;OACvDC,KAAK,CAACoB,MAAM,CAACc,QAAQ,CAACZ,OAAO,CACtB,IACZ,IAAI,EACPxB,cAAc,kBACXM,yEACIA,6BAACsB,IAAI,CAACS,SAAS,OAAG,EACjBrC,cAAc,CAAC0C,GAAG,CAACC,aAAa;MAC7B,MAAM5C,KAAK,GAAGU,SAAS,CAACmC,WAAW,EAAE;MACrC,OAAOD,aAAa,CAAC5C,KAAK,CAAC;KAC9B,CAAC,CACH,IACH,IAAI,CACG,CACZ,CACV;IAEXK,OAAO,EAAEY,cAAc;IACvB6B,cAAc,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,EAAE;IAC/CvB,OAAO,EAAEtB,KAAK,CAACoB,MAAM,CAACC,YAAY,CAACC;IACrC;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Toolbar.js

@@ -1,64 +0,0 @@
-import React__default from 'react';
-import { Group } from '../../../Group/Group.js';
-import { Search } from './Search.js';
-import { FiltersButton } from './Filter/filters/Filters.js';
-import { EditButton } from './EditButton.js';
-import { PrintButton } from './PrintButton/PrintButton.js';
-import { SettingsButton } from './Settings.js';
-
-function Toolbar(props) {
-  const {
-    customSettings,
-    left,
-    right,
-    scrollToIndex,
-    table,
-    tableProps,
-    total
-  } = props;
-  if (!isToolbarVisible(props)) {
-    return null;
-  }
-  const tableMeta = table.options.meta;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 empty:hidden",
-    "data-taco": "table3-toolbar"
-  }, left, /*#__PURE__*/React__default.createElement(Group, {
-    className: "ml-auto flex-shrink-0 print:hidden"
-  }, tableMeta.editing.isEnabled ? /*#__PURE__*/React__default.createElement(EditButton, {
-    table: table
-  }) : null, table.options.enableColumnFilters ? /*#__PURE__*/React__default.createElement(FiltersButton, {
-    table: table,
-    total: total
-  }) : null, right, tableMeta.printing.isEnabled ? /*#__PURE__*/React__default.createElement(PrintButton, {
-    table: table,
-    tableProps: tableProps
-  }) : null, isSettingsVisible(props) ? /*#__PURE__*/React__default.createElement(SettingsButton, {
-    table: table,
-    customSettings: customSettings
-  }) : null, tableMeta.search.isEnabled ? /*#__PURE__*/React__default.createElement(Search, {
-    scrollToIndex: scrollToIndex,
-    table: table
-  }) : null));
-}
-function isSettingsVisible(props) {
-  const {
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  return tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || tableMeta.columnOrdering.isEnabled;
-}
-function isToolbarVisible(props) {
-  const {
-    left,
-    right,
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  const enableSettingsButton = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;
-  const hasInternalToolbar = enableSettingsButton || tableMeta.editing.isEnabled || tableMeta.printing.isEnabled || table.options.enableColumnFilters || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || tableMeta.search.isEnabled;
-  return hasInternalToolbar || !!left || !!right;
-}
-
-export { Toolbar };
-//# sourceMappingURL=Toolbar.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Search } from './Search';\nimport { Group } from '../../../Group/Group';\nimport { FiltersButton } from './Filter/filters/Filters';\nimport { EditButton } from './EditButton';\nimport { PrintButton } from './PrintButton/PrintButton';\nimport { Table3CustomSettingRenderer, Table3Props } from '../../types';\nimport { SettingsButton } from './Settings';\n\nexport type ToolbarProps<TType = unknown> = {\n    customSettings?: Table3CustomSettingRenderer[];\n    left?: JSX.Element;\n    right?: JSX.Element;\n    scrollToIndex: any;\n    table: RTable<TType>;\n    tableProps: Table3Props<TType>;\n    total: number;\n};\nexport function Toolbar<TType = unknown>(props: ToolbarProps<TType>) {\n    const { customSettings, left, right, scrollToIndex, table, tableProps, total } = props;\n\n    if (!isToolbarVisible(props)) {\n        return null;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return (\n        <div className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 empty:hidden\" data-taco=\"table3-toolbar\">\n            {left}\n            <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                {tableMeta.editing.isEnabled ? <EditButton table={table} /> : null}\n                {table.options.enableColumnFilters ? <FiltersButton table={table} total={total} /> : null}\n                {right}\n                {tableMeta.printing.isEnabled ? <PrintButton table={table} tableProps={tableProps} /> : null}\n                {isSettingsVisible(props) ? <SettingsButton table={table} customSettings={customSettings} /> : null}\n                {tableMeta.search.isEnabled ? <Search scrollToIndex={scrollToIndex} table={table} /> : null}\n            </Group>\n        </div>\n    );\n}\n\nfunction isSettingsVisible<TType = unknown>(props: ToolbarProps<TType>) {\n    const { table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || tableMeta.columnOrdering.isEnabled;\n}\n\nfunction isToolbarVisible<TType = unknown>(props: ToolbarProps<TType>) {\n    const { left, right, table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    const enableSettingsButton = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const hasInternalToolbar =\n        enableSettingsButton ||\n        tableMeta.editing.isEnabled ||\n        tableMeta.printing.isEnabled ||\n        table.options.enableColumnFilters ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        tableMeta.search.isEnabled;\n\n    return hasInternalToolbar || !!left || !!right;\n}\n"],"names":["Toolbar","props","customSettings","left","right","scrollToIndex","table","tableProps","total","isToolbarVisible","tableMeta","options","meta","React","className","Group","editing","isEnabled","EditButton","enableColumnFilters","FiltersButton","printing","PrintButton","isSettingsVisible","SettingsButton","search","Search","fontSize","rowHeight","columnOrdering","enableSettingsButton","enableHiding","hasInternalToolbar"],"mappings":";;;;;;;;SAmBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,cAAc;IAAEC,IAAI;IAAEC,KAAK;IAAEC,aAAa;IAAEC,KAAK;IAAEC,UAAU;IAAEC;GAAO,GAAGP,KAAK;EAEtF,IAAI,CAACQ,gBAAgB,CAACR,KAAK,CAAC,EAAE;IAC1B,OAAO,IAAI;;EAGf,MAAMS,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,oBACIC;IAAKC,SAAS,EAAC,gEAAgE;iBAAW;KACrFX,IAAI,eACLU,6BAACE,KAAK;IAACD,SAAS,EAAC;KACZJ,SAAS,CAACM,OAAO,CAACC,SAAS,gBAAGJ,6BAACK,UAAU;IAACZ,KAAK,EAAEA;IAAS,GAAG,IAAI,EACjEA,KAAK,CAACK,OAAO,CAACQ,mBAAmB,gBAAGN,6BAACO,aAAa;IAACd,KAAK,EAAEA,KAAK;IAAEE,KAAK,EAAEA;IAAS,GAAG,IAAI,EACxFJ,KAAK,EACLM,SAAS,CAACW,QAAQ,CAACJ,SAAS,gBAAGJ,6BAACS,WAAW;IAAChB,KAAK,EAAEA,KAAK;IAAEC,UAAU,EAAEA;IAAc,GAAG,IAAI,EAC3FgB,iBAAiB,CAACtB,KAAK,CAAC,gBAAGY,6BAACW,cAAc;IAAClB,KAAK,EAAEA,KAAK;IAAEJ,cAAc,EAAEA;IAAkB,GAAG,IAAI,EAClGQ,SAAS,CAACe,MAAM,CAACR,SAAS,gBAAGJ,6BAACa,MAAM;IAACrB,aAAa,EAAEA,aAAa;IAAEC,KAAK,EAAEA;IAAS,GAAG,IAAI,CACvF,CACN;AAEd;AAEA,SAASiB,iBAAiBA,CAAkBtB,KAA0B;EAClE,MAAM;IAAEK;GAAO,GAAGL,KAAK;EACvB,MAAMS,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,OAAOF,SAAS,CAACiB,QAAQ,CAACV,SAAS,IAAIP,SAAS,CAACkB,SAAS,CAACX,SAAS,IAAIP,SAAS,CAACmB,cAAc,CAACZ,SAAS;AAC9G;AAEA,SAASR,gBAAgBA,CAAkBR,KAA0B;EACjE,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEE;GAAO,GAAGL,KAAK;EACpC,MAAMS,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,MAAMkB,oBAAoB,GAAGxB,KAAK,CAACK,OAAO,CAACoB,YAAY,IAAIrB,SAAS,CAACmB,cAAc,CAACZ,SAAS;EAC7F,MAAMe,kBAAkB,GACpBF,oBAAoB,IACpBpB,SAAS,CAACM,OAAO,CAACC,SAAS,IAC3BP,SAAS,CAACW,QAAQ,CAACJ,SAAS,IAC5BX,KAAK,CAACK,OAAO,CAACQ,mBAAmB,IACjCT,SAAS,CAACiB,QAAQ,CAACV,SAAS,IAC5BP,SAAS,CAACkB,SAAS,CAACX,SAAS,IAC7BP,SAAS,CAACe,MAAM,CAACR,SAAS;EAE9B,OAAOe,kBAAkB,IAAI,CAAC,CAAC7B,IAAI,IAAI,CAAC,CAACC,KAAK;AAClD;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useColumnFreezing.js

@@ -1,95 +0,0 @@
-import React__default from 'react';
-import { isInternalColumn } from '../../util/columns.js';
-
-function getFrozenInternalColumnCount(options) {
-  let index = 0;
-  if (options.enableRowDrag) {
-    index++;
-  }
-  if (options.enableRowSelection) {
-    index++;
-  }
-  if (options.enableRowExpansion) {
-    index++;
-  }
-  return index;
-}
-/*
-Because of the desired behaviour of column freezing we use custom state and just an index.
-If a frozen column is, for example, hidden, then the desired behaviour is that the next available column gets frozen.
-If this behaviour were different we would just use the native column pinning functionality
-*/
-function useColumnFreezing(defaultFrozenIndex, options) {
-  const [frozenColumnIndex, _setFrozenColumnIndex] = React__default.useState(() => defaultFrozenIndex);
-  const [horizontallyScrolled, setHorizontallyScrolled] = React__default.useState(false);
-  const onScroll = event => {
-    if (event.currentTarget.scrollLeft > 0 && !horizontallyScrolled) {
-      setHorizontallyScrolled(true);
-    } else if (event.currentTarget.scrollLeft === 0 && horizontallyScrolled) {
-      setHorizontallyScrolled(false);
-    }
-  };
-  const frozenInternalColumnCount = React__default.useMemo(() => getFrozenInternalColumnCount(options), []);
-  // we must set a value when undefined is explicitly set, otherwise nothing is saved to settings
-  // and the next time the table loads it will fall back to the initial value even though the user changed it
-  const setFrozenColumnIndex = index => _setFrozenColumnIndex(index !== null && index !== void 0 ? index : -1);
-  return {
-    isEnabled: options.enableColumnFreezing,
-    frozenInternalColumnCount,
-    frozenColumnIndex,
-    setFrozenColumnIndex,
-    horizontallyScrolled,
-    handleScroll: onScroll
-  };
-}
-function useColumnFreezingStyle(tableId, table) {
-  var _tableMeta$columnFree;
-  const {
-    columnOrder,
-    columnSizing,
-    columnSizingInfo,
-    columnVisibility
-  } = table.getState();
-  const tableMeta = table.options.meta;
-  const frozenColumnIndex =
-  // If column freezing is not enabled then only internal frozen column should be frozen.
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  (tableMeta.columnFreezing.isEnabled ? (_tableMeta$columnFree = tableMeta.columnFreezing.frozenColumnIndex) !== null && _tableMeta$columnFree !== void 0 ? _tableMeta$columnFree : -1 : -1) +
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  tableMeta.columnFreezing.frozenInternalColumnCount;
-  const style = React__default.useMemo(() => {
-    if (
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.columnFreezing.frozenInternalColumnCount > 0 || tableMeta.columnFreezing.isEnabled && frozenColumnIndex !== undefined) {
-      var _visibleFrozenColumns;
-      const visibleFrozenColumns = table.getVisibleLeafColumns().slice(0, frozenColumnIndex + 1);
-      const visibleExternalFrozenColumns = visibleFrozenColumns.filter(column => !isInternalColumn(column.id));
-      // if all external frozen columns haven't had their size set yet, then abort
-      if (visibleExternalFrozenColumns.length && visibleExternalFrozenColumns.every(column => columnSizing[column.id] === undefined)) {
-        return undefined;
-      }
-      const styles = [visibleFrozenColumns.map((column, index) => `#${tableId} [role="row"] > :nth-child(${index + 1}) { left: ${column.getStart()}px }`).join('\n'), `#${tableId} [role="row"] > :not(:nth-child(n+${frozenColumnIndex + 2})) {
-                    position: sticky;
-                    z-index: 20;
-                }`, `#${tableId}[data-horizontally-scrolled="true"] [role="row"] > :nth-child(${frozenColumnIndex + 1}) {
-                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%), 1px 0px 0px #DDDDDD;
-                }`];
-      const columnId = (_visibleFrozenColumns = visibleFrozenColumns[frozenColumnIndex]) === null || _visibleFrozenColumns === void 0 ? void 0 : _visibleFrozenColumns.id;
-      // frozenColumnIndex could not be in the visible frozen column so it is important to check if columnId
-      // exists before checking if it is internal.
-      //
-      // only add a border to the edge column if it isn't an internal column
-      if (columnId && !isInternalColumn(columnId)) {
-        styles.push(`#${tableId}[data-horizontally-scrolled="false"] [role="row"] > :nth-child(${frozenColumnIndex + 1}) {
-                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 1px 0px 0px #DDDDDD;
-                }`);
-      }
-      return styles.join('\n');
-    }
-    return undefined;
-  }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, tableMeta.columnFreezing.isEnabled, frozenColumnIndex]);
-  return style;
-}
-
-export { getFrozenInternalColumnCount, useColumnFreezing, useColumnFreezingStyle };
-//# sourceMappingURL=useColumnFreezing.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useColumnFreezing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnFreezing.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useColumnFreezing.ts"],"sourcesContent":["import { Table, TableMeta } from '@tanstack/react-table';\nimport React from 'react';\nimport { Table3Options } from '../../types';\nimport { isInternalColumn } from '../../util/columns';\n\nexport function getFrozenInternalColumnCount(options: Table3Options) {\n    let index = 0;\n\n    if (options.enableRowDrag) {\n        index++;\n    }\n\n    if (options.enableRowSelection) {\n        index++;\n    }\n\n    if (options.enableRowExpansion) {\n        index++;\n    }\n\n    return index;\n}\n\n/*\nBecause of the desired behaviour of column freezing we use custom state and just an index.\nIf a frozen column is, for example, hidden, then the desired behaviour is that the next available column gets frozen.\nIf this behaviour were different we would just use the native column pinning functionality\n*/\nexport function useColumnFreezing(defaultFrozenIndex: number | undefined, options: Table3Options) {\n    const [frozenColumnIndex, _setFrozenColumnIndex] = React.useState<number | undefined>(() => defaultFrozenIndex);\n    const [horizontallyScrolled, setHorizontallyScrolled] = React.useState(false);\n\n    const onScroll = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !horizontallyScrolled) {\n            setHorizontallyScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && horizontallyScrolled) {\n            setHorizontallyScrolled(false);\n        }\n    };\n\n    const frozenInternalColumnCount = React.useMemo(() => getFrozenInternalColumnCount(options), []);\n\n    // we must set a value when undefined is explicitly set, otherwise nothing is saved to settings\n    // and the next time the table loads it will fall back to the initial value even though the user changed it\n    const setFrozenColumnIndex = (index: number | undefined) => _setFrozenColumnIndex(index ?? -1);\n\n    return {\n        isEnabled: options.enableColumnFreezing,\n        frozenInternalColumnCount,\n        frozenColumnIndex,\n        setFrozenColumnIndex,\n        horizontallyScrolled,\n        handleScroll: onScroll,\n    };\n}\n\nexport function useColumnFreezingStyle<TType = unknown>(tableId: string, table: Table<TType>) {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const frozenColumnIndex =\n        // If column freezing is not enabled then only internal frozen column should be frozen.\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        (tableMeta.columnFreezing.isEnabled ? tableMeta.columnFreezing.frozenColumnIndex ?? -1 : -1) +\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.columnFreezing.frozenInternalColumnCount;\n\n    const style = React.useMemo(() => {\n        if (\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            tableMeta.columnFreezing.frozenInternalColumnCount > 0 ||\n            (tableMeta.columnFreezing.isEnabled && frozenColumnIndex !== undefined)\n        ) {\n            const visibleFrozenColumns = table.getVisibleLeafColumns().slice(0, frozenColumnIndex + 1);\n\n            const visibleExternalFrozenColumns = visibleFrozenColumns.filter(column => !isInternalColumn(column.id));\n\n            // if all external frozen columns haven't had their size set yet, then abort\n            if (\n                visibleExternalFrozenColumns.length &&\n                visibleExternalFrozenColumns.every(column => columnSizing[column.id] === undefined)\n            ) {\n                return undefined;\n            }\n\n            const styles = [\n                visibleFrozenColumns\n                    .map(\n                        (column, index) => `#${tableId} [role=\"row\"] > :nth-child(${index + 1}) { left: ${column.getStart()}px }`\n                    )\n                    .join('\\n'),\n                `#${tableId} [role=\"row\"] > :not(:nth-child(n+${frozenColumnIndex + 2})) {\n                    position: sticky;\n                    z-index: 20;\n                }`,\n                `#${tableId}[data-horizontally-scrolled=\"true\"] [role=\"row\"] > :nth-child(${frozenColumnIndex + 1}) {\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%), 1px 0px 0px #DDDDDD;\n                }`,\n            ];\n\n            const columnId = visibleFrozenColumns[frozenColumnIndex]?.id;\n\n            // frozenColumnIndex could not be in the visible frozen column so it is important to check if columnId\n            // exists before checking if it is internal.\n            //\n            // only add a border to the edge column if it isn't an internal column\n            if (columnId && !isInternalColumn(columnId)) {\n                styles.push(`#${tableId}[data-horizontally-scrolled=\"false\"] [role=\"row\"] > :nth-child(${frozenColumnIndex + 1}) {\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 1px 0px 0px #DDDDDD;\n                }`);\n            }\n\n            return styles.join('\\n');\n        }\n\n        return undefined;\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, tableMeta.columnFreezing.isEnabled, frozenColumnIndex]);\n\n    return style;\n}\n"],"names":["getFrozenInternalColumnCount","options","index","enableRowDrag","enableRowSelection","enableRowExpansion","useColumnFreezing","defaultFrozenIndex","frozenColumnIndex","_setFrozenColumnIndex","React","useState","horizontallyScrolled","setHorizontallyScrolled","onScroll","event","currentTarget","scrollLeft","frozenInternalColumnCount","useMemo","setFrozenColumnIndex","isEnabled","enableColumnFreezing","handleScroll","useColumnFreezingStyle","tableId","table","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","tableMeta","meta","columnFreezing","_tableMeta$columnFree","style","undefined","_visibleFrozenColumns","visibleFrozenColumns","getVisibleLeafColumns","slice","visibleExternalFrozenColumns","filter","column","isInternalColumn","id","length","every","styles","map","getStart","join","columnId","push"],"mappings":"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"}