@economic/taco 1.41.0 → 2.0.0-alpha.5

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.js

@@ -0,0 +1,88 @@
+import React__default from 'react';
+
+const PRINT_STYLES = `
+@page {
+    margin: 16px;
+}
+
+@media print {
+    #root, html, body {
+        overflow: auto !important;
+        height: auto !important;
+        width: auto !important;
+    }
+
+    [role="table"] {
+        border-width: 0 !important;
+        overflow-y: hidden !important;
+    }
+
+    [role="table"] [role="columnheader"] {
+        border-bottom-width: 1px !important;
+    }
+
+    /*
+     * Summary row cells
+     */
+    [role="table"] [role="rowgroup"]:last-child [role="cell"] {
+        border-top-width: 1px !important;
+    }
+
+    [role="table"] a {
+        color: rgb(28 28 28);
+    }
+
+    [data-taco="alert"],
+    [data-taco="banner"],
+    [data-taco="hanger"],
+    [data-taco="toast"],
+    [data-taco="table3-toolbar"],
+    [data-taco="tooltip"],
+    /*
+     * Tour components
+     */
+    [id^="react-joyride"]
+     {
+        display: none !important;
+    }
+}
+`;
+function useParentStylesheets(iframeWindow) {
+  const [ready, setReady] = React__default.useState(false);
+  React__default.useEffect(() => {
+    if (!iframeWindow) {
+      return;
+    }
+    const parentDocument = iframeWindow.parent.document;
+    const iframeDocument = iframeWindow.document;
+    // add our custom print styles
+    const customPrintStyles = iframeDocument.createElement('style');
+    if (customPrintStyles) {
+      customPrintStyles.innerHTML = PRINT_STYLES;
+      iframeDocument.head.appendChild(customPrintStyles);
+    }
+    // Get style tags from the parent
+    const parentStylesheets = Array.from(parentDocument.querySelectorAll('style:not([data-taco="table3-column-freezing-styles"])'));
+    // Get linked stylesheets from the parent
+    const linkStylesheets = Array.from(parentDocument.querySelectorAll('[rel="stylesheet"]'));
+    // We want to add tailwind styles specifically but there is no guarenteed way to know which style tag has
+    // tailwind styles, so we add all the styles present in the parent frame
+    parentStylesheets.forEach(parentStyle => {
+      const styleTag = iframeDocument.createElement('style');
+      styleTag.innerHTML = parentStyle.innerHTML;
+      iframeDocument.head.appendChild(styleTag);
+    });
+    // Add all link tags that are stylesheets, to the iframe head, so that we include the taco and client styles
+    linkStylesheets.forEach(linkStylesheet => {
+      const linkTag = iframeDocument.createElement('link');
+      linkTag.setAttribute('rel', 'stylesheet');
+      linkTag.innerHTML = linkStylesheet.innerHTML;
+      iframeDocument.head.appendChild(linkTag);
+    });
+    setReady(true);
+  }, [iframeWindow]);
+  return ready;
+}
+
+export { useParentStylesheets };
+//# sourceMappingURL=useParentStylesheets.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParentStylesheets.js","sources":["../../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.ts"],"sourcesContent":["import React from 'react';\n\nconst PRINT_STYLES = `\n@page {\n    margin: 16px;\n}\n\n@media print {\n    #root, html, body {\n        overflow: auto !important;\n        height: auto !important;\n        width: auto !important;\n    }\n\n    [role=\"table\"] {\n        border-width: 0 !important;\n        overflow-y: hidden !important;\n    }\n\n    [role=\"table\"] [role=\"columnheader\"] {\n        border-bottom-width: 1px !important;\n    }\n\n    /*\n     * Summary row cells\n     */\n    [role=\"table\"] [role=\"rowgroup\"]:last-child [role=\"cell\"] {\n        border-top-width: 1px !important;\n    }\n\n    [role=\"table\"] a {\n        color: rgb(28 28 28);\n    }\n\n    [data-taco=\"alert\"],\n    [data-taco=\"banner\"],\n    [data-taco=\"hanger\"],\n    [data-taco=\"toast\"],\n    [data-taco=\"table3-toolbar\"],\n    [data-taco=\"tooltip\"],\n    /*\n     * Tour components\n     */\n    [id^=\"react-joyride\"]\n     {\n        display: none !important;\n    }\n}\n`;\n\nexport function useParentStylesheets(iframeWindow: Window | null | undefined) {\n    const [ready, setReady] = React.useState(false);\n\n    React.useEffect(() => {\n        if (!iframeWindow) {\n            return;\n        }\n\n        const parentDocument = iframeWindow.parent.document;\n        const iframeDocument = iframeWindow.document;\n\n        // add our custom print styles\n        const customPrintStyles = iframeDocument.createElement('style');\n\n        if (customPrintStyles) {\n            customPrintStyles.innerHTML = PRINT_STYLES;\n            iframeDocument.head.appendChild(customPrintStyles);\n        }\n\n        // Get style tags from the parent\n        const parentStylesheets = Array.from(\n            parentDocument.querySelectorAll('style:not([data-taco=\"table3-column-freezing-styles\"])')\n        );\n        // Get linked stylesheets from the parent\n        const linkStylesheets = Array.from(parentDocument.querySelectorAll('[rel=\"stylesheet\"]'));\n\n        // We want to add tailwind styles specifically but there is no guarenteed way to know which style tag has\n        // tailwind styles, so we add all the styles present in the parent frame\n        parentStylesheets.forEach(parentStyle => {\n            const styleTag = iframeDocument.createElement('style');\n\n            styleTag.innerHTML = parentStyle.innerHTML;\n            iframeDocument.head.appendChild(styleTag);\n        });\n\n        // Add all link tags that are stylesheets, to the iframe head, so that we include the taco and client styles\n        linkStylesheets.forEach(linkStylesheet => {\n            const linkTag = iframeDocument.createElement('link');\n\n            linkTag.setAttribute('rel', 'stylesheet');\n\n            linkTag.innerHTML = linkStylesheet.innerHTML;\n            iframeDocument.head.appendChild(linkTag);\n        });\n\n        setReady(true);\n    }, [iframeWindow]);\n\n    return ready;\n}\n"],"names":["PRINT_STYLES","useParentStylesheets","iframeWindow","ready","setReady","React","useState","useEffect","parentDocument","parent","document","iframeDocument","customPrintStyles","createElement","innerHTML","head","appendChild","parentStylesheets","Array","from","querySelectorAll","linkStylesheets","forEach","parentStyle","styleTag","linkStylesheet","linkTag","setAttribute"],"mappings":";;AAEA,MAAMA,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CjB;SAEeC,oBAAoB,CAACC,YAAuC;EACxE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAE/CD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAI,CAACL,YAAY,EAAE;MACf;;IAGJ,MAAMM,cAAc,GAAGN,YAAY,CAACO,MAAM,CAACC,QAAQ;IACnD,MAAMC,cAAc,GAAGT,YAAY,CAACQ,QAAQ;;IAG5C,MAAME,iBAAiB,GAAGD,cAAc,CAACE,aAAa,CAAC,OAAO,CAAC;IAE/D,IAAID,iBAAiB,EAAE;MACnBA,iBAAiB,CAACE,SAAS,GAAGd,YAAY;MAC1CW,cAAc,CAACI,IAAI,CAACC,WAAW,CAACJ,iBAAiB,CAAC;;;IAItD,MAAMK,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAChCX,cAAc,CAACY,gBAAgB,CAAC,wDAAwD,CAAC,CAC5F;;IAED,MAAMC,eAAe,GAAGH,KAAK,CAACC,IAAI,CAACX,cAAc,CAACY,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;;;IAIzFH,iBAAiB,CAACK,OAAO,CAACC,WAAW;MACjC,MAAMC,QAAQ,GAAGb,cAAc,CAACE,aAAa,CAAC,OAAO,CAAC;MAEtDW,QAAQ,CAACV,SAAS,GAAGS,WAAW,CAACT,SAAS;MAC1CH,cAAc,CAACI,IAAI,CAACC,WAAW,CAACQ,QAAQ,CAAC;KAC5C,CAAC;;IAGFH,eAAe,CAACC,OAAO,CAACG,cAAc;MAClC,MAAMC,OAAO,GAAGf,cAAc,CAACE,aAAa,CAAC,MAAM,CAAC;MAEpDa,OAAO,CAACC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC;MAEzCD,OAAO,CAACZ,SAAS,GAAGW,cAAc,CAACX,SAAS;MAC5CH,cAAc,CAACI,IAAI,CAACC,WAAW,CAACU,OAAO,CAAC;KAC3C,CAAC;IAEFtB,QAAQ,CAAC,IAAI,CAAC;GACjB,EAAE,CAACF,YAAY,CAAC,CAAC;EAElB,OAAOC,KAAK;AAChB;;;;"}

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

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Menu } from '../../../Menu/Menu.js';
+
+function RowHeight(props) {
+  const {
+    texts
+  } = useLocalization();
+  const meta = props.table.options.meta;
+  const handleChange = value => meta.rowHeight.setHeight(value);
+  return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
+    onChange: handleChange,
+    value: meta.rowHeight.height
+  }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "short"
+  }, texts.table3.rowHeight.sizes.short), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "medium"
+  }, texts.table3.rowHeight.sizes.medium), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "tall"
+  }, texts.table3.rowHeight.sizes.tall), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "extra-tall"
+  }, texts.table3.rowHeight.sizes.extraTall)));
+}
+
+export { RowHeight };
+//# sourceMappingURL=RowHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeight.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/RowHeight.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Table3RowHeight } from '../../types';\nimport { RadioGroupItemValue } from '../../../..';\n\ntype RowHeightButtonProps<TType = unknown> = {\n    table: RTable<TType>;\n};\n\nexport function RowHeight<TType = unknown>(props: RowHeightButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const meta = props.table.options.meta as TableMeta<unknown>;\n    const handleChange = (value: RadioGroupItemValue) => meta.rowHeight.setHeight(value as Table3RowHeight);\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={handleChange} value={meta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table3.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table3.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table3.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table3.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["RowHeight","props","texts","useLocalization","meta","table","options","handleChange","value","rowHeight","setHeight","React","Menu","SubMenu","RadioGroup","onChange","height","Item","table3","sizes","short","medium","tall","extraTall"],"mappings":";;;;SAWgBA,SAAS,CAAkBC,KAAkC;EACzE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,IAAI,GAAGH,KAAK,CAACI,KAAK,CAACC,OAAO,CAACF,IAA0B;EAC3D,MAAMG,YAAY,GAAIC,KAA0B,IAAKJ,IAAI,CAACK,SAAS,CAACC,SAAS,CAACF,KAAwB,CAAC;EAEvG,oBACIG,6BAACC,IAAI,CAACC,OAAO,qBACTF,6BAACC,IAAI,CAACE,UAAU;IAACC,QAAQ,EAAER,YAAY;IAAEC,KAAK,EAAEJ,IAAI,CAACK,SAAS,CAACO;kBAC3DL,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAASN,KAAK,CAACgB,MAAM,CAACT,SAAS,CAACU,KAAK,CAACC,KAAK,CAAwB,eAC/FT,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAAUN,KAAK,CAACgB,MAAM,CAACT,SAAS,CAACU,KAAK,CAACE,MAAM,CAAwB,eACjGV,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAAQN,KAAK,CAACgB,MAAM,CAACT,SAAS,CAACU,KAAK,CAACG,IAAI,CAAwB,eAC7FX,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAAcN,KAAK,CAACgB,MAAM,CAACT,SAAS,CAACU,KAAK,CAACI,SAAS,CAAwB,CAC1F,CACP;AAEvB;;;;"}

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

@@ -0,0 +1,137 @@
+import React__default from 'react';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { isDate } from 'date-fns';
+import { format } from '../../../../utils/date.js';
+import { SearchInput2 } from '../../../SearchInput2/SearchInput2.js';
+import { Switch } from '../../../Switch/Switch.js';
+import { globalFilterFn } from '../../util/filtering.js';
+
+function Search(props) {
+  const {
+    scrollToIndex,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const tableMeta = table.options.meta;
+  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;
+    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);
+    }
+  }, [table.getRowModel().rows.length, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility)]);
+  const handleSearch = query => {
+    const value = String(query !== null && query !== void 0 ? query : '');
+    tableMeta.search.setQuery(value);
+    if (tableMeta.search.excludeUnmatchedResults) {
+      if (value !== null && value !== void 0 && value.length) {
+        table.setGlobalFilter(value);
+      } else {
+        table.resetGlobalFilter();
+      }
+    } else if (tableMeta.search.loadAll) {
+      // don't pass the search query because filters when loading all, we need all - not filtered data
+      tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);
+    }
+    const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, value, table);
+    if (firstRowIndex) {
+      scrollTo(firstRowIndex);
+    }
+  };
+  const handleToggleExcludeUnmatchedResults = enabled => {
+    tableMeta.search.toggleExcludeUnmatchedResults(enabled);
+    if (enabled) {
+      if (tableMeta.search.query) {
+        table.setGlobalFilter(tableMeta.search.query);
+      } else {
+        table.resetGlobalFilter();
+      }
+    } else {
+      table.resetGlobalFilter();
+    }
+    requestAnimationFrame(() => {
+      var _ref$current2;
+      return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.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,
+    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,
+    onClickFindPrevious: handlePreviousResult,
+    onClickFindNext: handleNextResult,
+    onSearch: handleSearch,
+    placeholder: texts.table3.search.placeholder,
+    settingsContent: settings,
+    ref: ref,
+    shortcut: {
+      key: 'f',
+      meta: true,
+      shift: false
+    },
+    value: tableMeta.search.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, _format;
+          if ((_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch && row.original !== undefined && globalFilterFn(isDate(row.original[column.id]) ? (_format = format(row.original[column.id])) !== null && _format !== void 0 ? _format : '' : String(row.original[column.id]), 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);
+  }
+  return firstRowIndex;
+}
+
+export { Search };
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"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 { isDate } from 'date-fns';\nimport { format } from '../../../../utils/date';\nimport { SearchInput2 } from '../../../SearchInput2/SearchInput2';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: RTable<TType>;\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\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        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, ref.current?.value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    }, [\n        table.getRowModel().rows.length,\n        JSON.stringify(table.getState().sorting),\n        JSON.stringify(table.getState().columnVisibility),\n    ]);\n\n    const handleSearch = (query: any) => {\n        const value = String(query ?? '');\n        tableMeta.search.setQuery(value);\n\n        if (tableMeta.search.excludeUnmatchedResults) {\n            if (value?.length) {\n                table.setGlobalFilter(value);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else if (tableMeta.search.loadAll) {\n            // don't pass the search query because filters when loading all, we need all - not filtered data\n            tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);\n        }\n\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.toggleExcludeUnmatchedResults(enabled);\n\n        if (enabled) {\n            if (tableMeta.search.query) {\n                table.setGlobalFilter(tableMeta.search.query);\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            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                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onSearch={handleSearch}\n                placeholder={texts.table3.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={tableMeta.search.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 (\n                        column.columnDef.meta?.enableSearch &&\n                        row.original !== undefined &&\n                        globalFilterFn(\n                            isDate(row.original[column.id])\n                                ? format(row.original[column.id]) ?? ''\n                                : String(row.original[column.id]),\n                            value\n                        )\n                    ) {\n                        indexes.push([rowIndex, columnIndex]);\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    return firstRowIndex;\n}\n"],"names":["Search","props","scrollToIndex","table","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","scrollTo","rowIndex","align","useEffect","firstRowIndex","resetHighlightedColumnIndexes","search","isHighlightingEnabled","current","value","getRowModel","rows","length","JSON","stringify","getState","sorting","columnVisibility","handleSearch","query","String","setQuery","excludeUnmatchedResults","setGlobalFilter","resetGlobalFilter","loadAll","columnFilters","undefined","handleToggleExcludeUnmatchedResults","enabled","toggleExcludeUnmatchedResults","requestAnimationFrame","focus","handleNextResult","highlightedColumnIndexes","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","table3","checked","onChange","SearchInput2","findCurrent","findTotal","onClickFindPrevious","onClickFindNext","onSearch","placeholder","settingsContent","shortcut","key","shift","indexes","columns","getVisibleLeafColumns","forEach","row","column","columnIndex","columnDef","enableSearch","original","globalFilterFn","isDate","id","format","push","e","setHighlightedColumnIndexes"],"mappings":"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"}

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

@@ -0,0 +1,85 @@
+import React__default from 'react';
+import { IconButton } from '../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Group } from '../../../Group/Group.js';
+import { Menu } from '../../../Menu/Menu.js';
+import { RowHeight } from './RowHeight.js';
+import { Search } from './Search.js';
+import { Filters } from './Filter/filters/Filters.js';
+import { ColumnSettings } from './ColumnSettings.js';
+import { EditButton } from './EditButton.js';
+import { PrintButton } from './PrintButton/PrintButton.js';
+import { FontSize } from './FontSize.js';
+
+function Toolbar(props) {
+  const {
+    left,
+    right,
+    scrollToIndex,
+    table,
+    tableProps,
+    total
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  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 gap-2",
+    "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(Filters, {
+    table: table,
+    total: total
+  }) : null, table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? /*#__PURE__*/React__default.createElement(ColumnSettings, {
+    table: table
+  }) : null, tableMeta.printing.isEnabled ? /*#__PURE__*/React__default.createElement(PrintButton, {
+    table: table,
+    tableProps: tableProps
+  }) : null, right, isMoreVisible(props) ? /*#__PURE__*/React__default.createElement(IconButton, {
+    icon: "more",
+    menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
+      align: "end"
+    }, 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))
+  }) : null, tableMeta.search.isEnabled ? /*#__PURE__*/React__default.createElement(Search, {
+    scrollToIndex: scrollToIndex,
+    table: table
+  }) : null));
+}
+function isMoreVisible(props) {
+  const {
+    table
+  } = props;
+  const tableMeta = table.options.meta;
+  return tableMeta.fontSize.isEnabled || tableMeta.rowHeight.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

@@ -0,0 +1 @@
+{"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 { RowHeight } from './RowHeight';\nimport { Search } from './Search';\nimport { Group } from '../../../Group/Group';\nimport { Filters } from './Filter/filters/Filters';\nimport { ColumnSettings } from './ColumnSettings';\nimport { EditButton } from './EditButton';\nimport { PrintButton } from './PrintButton/PrintButton';\nimport { Table3Props } from '../../types';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { IconName } from '../../../Icon/Icon';\nimport { FontSize } from './FontSize';\n\nexport type ToolbarProps<TType = unknown> = {\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 { left, right, scrollToIndex, table, tableProps, total } = props;\n    const { texts } = useLocalization();\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 gap-2\" 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 ? <Filters table={table} total={total} /> : null}\n                {table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? <ColumnSettings table={table} /> : null}\n                {tableMeta.printing.isEnabled ? <PrintButton table={table} tableProps={tableProps} /> : null}\n                {right}\n                {isMoreVisible(props) ? (\n                    <IconButton\n                        icon=\"more\"\n                        menu={menuProps => (\n                            <Menu {...menuProps}>\n                                <Menu.Content align=\"end\">\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                                </Menu.Content>\n                            </Menu>\n                        )}\n                    />\n                ) : null}\n                {tableMeta.search.isEnabled ? <Search scrollToIndex={scrollToIndex} table={table} /> : null}\n            </Group>\n        </div>\n    );\n}\n\nfunction isMoreVisible<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;\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","left","right","scrollToIndex","table","tableProps","total","texts","useLocalization","isToolbarVisible","tableMeta","options","meta","React","className","Group","editing","isEnabled","EditButton","enableColumnFilters","Filters","enableHiding","columnOrdering","ColumnSettings","printing","PrintButton","isMoreVisible","IconButton","icon","menu","menuProps","Menu","Content","align","rowHeight","Item","height","subMenu","RowHeight","table3","tooltip","fontSize","FontSize","search","Search","enableSettingsButton","hasInternalToolbar"],"mappings":"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"}

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

@@ -0,0 +1,87 @@
+import React__default from 'react';
+import { isInternalColumn } from '../../util/columns.js';
+
+function getDefaultFrozenIndex(options, defaultFrozenIndex = -1) {
+  let index = defaultFrozenIndex;
+  if (options.enableRowDrag) {
+    index++;
+  }
+  if (options.enableRowSelection) {
+    index++;
+  }
+  if (options.enableRowExpansion) {
+    index++;
+  }
+  return index >= 0 ? index : undefined;
+}
+/*
+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(getDefaultFrozenIndex(options, 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 setFrozenColumnIndex = index => {
+    _setFrozenColumnIndex(index !== null && index !== void 0 ? index : getDefaultFrozenIndex(options));
+  };
+  return {
+    isEnabled: options.enableColumnFreezing,
+    frozenColumnIndex,
+    setFrozenColumnIndex,
+    horizontallyScrolled,
+    handleScroll: onScroll
+  };
+}
+function useColumnFreezingStyle(tableId, table) {
+  const {
+    columnOrder,
+    columnSizing,
+    columnSizingInfo,
+    columnVisibility
+  } = table.getState();
+  const tableMeta = table.options.meta;
+  const style = React__default.useMemo(() => {
+    if (tableMeta.columnFreezing.isEnabled && tableMeta.columnFreezing.frozenColumnIndex !== undefined) {
+      const visibleFrozenColumns = table.getVisibleLeafColumns().slice(0, tableMeta.columnFreezing.frozenColumnIndex + 1).map(column => column.id);
+      // if all frozen columns haven't had their size set yet, then abort
+      if (visibleFrozenColumns.every(id => columnSizing[id] === undefined)) {
+        return undefined;
+      }
+      const offsets = {};
+      visibleFrozenColumns.reduce((offset, columnId) => {
+        offsets[columnId] = offset;
+        return offset + columnSizing[columnId];
+      }, 0);
+      const styles = [Object.values(offsets).map((offset, index) => `#${tableId} [role="row"] > :nth-child(${index + 1}) { left: ${offset}px }`).join('\n'), `#${tableId} [role="row"] > :not(:nth-child(n+${tableMeta.columnFreezing.frozenColumnIndex + 2})) {
+                    position: sticky;
+                    z-index: 20; 
+                }`, `#${tableId}[data-horizontally-scrolled="true"] [role="row"] > :nth-child(${tableMeta.columnFreezing.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[tableMeta.columnFreezing.frozenColumnIndex];
+      // 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(${tableMeta.columnFreezing.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, tableMeta.columnFreezing.frozenColumnIndex]);
+  return style;
+}
+
+export { getDefaultFrozenIndex, useColumnFreezing, useColumnFreezingStyle };
+//# sourceMappingURL=useColumnFreezing.js.map

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

@@ -0,0 +1 @@
+{"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 getDefaultFrozenIndex(options: Table3Options, defaultFrozenIndex = -1) {\n    let index = defaultFrozenIndex;\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 >= 0 ? index : undefined;\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>(\n        getDefaultFrozenIndex(options, defaultFrozenIndex)\n    );\n\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 setFrozenColumnIndex = (index: number | undefined) => {\n        _setFrozenColumnIndex(index ?? getDefaultFrozenIndex(options));\n    };\n\n    return {\n        isEnabled: options.enableColumnFreezing,\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\n    const style = React.useMemo(() => {\n        if (tableMeta.columnFreezing.isEnabled && tableMeta.columnFreezing.frozenColumnIndex !== undefined) {\n            const visibleFrozenColumns = table\n                .getVisibleLeafColumns()\n                .slice(0, tableMeta.columnFreezing.frozenColumnIndex + 1)\n                .map(column => column.id);\n\n            // if all frozen columns haven't had their size set yet, then abort\n            if (visibleFrozenColumns.every(id => columnSizing[id] === undefined)) {\n                return undefined;\n            }\n\n            const offsets = {};\n\n            visibleFrozenColumns.reduce((offset, columnId) => {\n                offsets[columnId] = offset;\n                return offset + columnSizing[columnId];\n            }, 0);\n\n            const styles = [\n                Object.values(offsets)\n                    .map((offset, index) => `#${tableId} [role=\"row\"] > :nth-child(${index + 1}) { left: ${offset}px }`)\n                    .join('\\n'),\n                `#${tableId} [role=\"row\"] > :not(:nth-child(n+${tableMeta.columnFreezing.frozenColumnIndex + 2})) {\n                    position: sticky;\n                    z-index: 20; \n                }`,\n                `#${tableId}[data-horizontally-scrolled=\"true\"] [role=\"row\"] > :nth-child(${\n                    tableMeta.columnFreezing.frozenColumnIndex + 1\n                }) {\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[tableMeta.columnFreezing.frozenColumnIndex];\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(${\n                    tableMeta.columnFreezing.frozenColumnIndex + 1\n                }) {\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    }, [\n        columnOrder,\n        columnSizing,\n        columnSizingInfo,\n        columnVisibility,\n        tableMeta.columnFreezing.isEnabled,\n        tableMeta.columnFreezing.frozenColumnIndex,\n    ]);\n\n    return style;\n}\n"],"names":["getDefaultFrozenIndex","options","defaultFrozenIndex","index","enableRowDrag","enableRowSelection","enableRowExpansion","undefined","useColumnFreezing","frozenColumnIndex","_setFrozenColumnIndex","React","useState","horizontallyScrolled","setHorizontallyScrolled","onScroll","event","currentTarget","scrollLeft","setFrozenColumnIndex","isEnabled","enableColumnFreezing","handleScroll","useColumnFreezingStyle","tableId","table","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","tableMeta","meta","style","useMemo","columnFreezing","visibleFrozenColumns","getVisibleLeafColumns","slice","map","column","id","every","offsets","reduce","offset","columnId","styles","Object","values","join","isInternalColumn","push"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import { COLUMN_ID } from '../../components/columns/internal/Actions.js';
+import { COLUMN_ID as COLUMN_ID$1 } from '../../components/columns/internal/EditingActions.js';
+
+function useColumnOrdering(options) {
+  return {
+    isEnabled: options.enableColumnOrdering
+  };
+}
+function ensureOrdering(columns, settingsOrder) {
+  // internal column come with a defined order
+  const internalColumns = columns.filter(column => {
+    var _column$id;
+    return ((_column$id = column.id) === null || _column$id === void 0 ? void 0 : _column$id.startsWith('__')) && column.id !== COLUMN_ID && column.id !== COLUMN_ID$1;
+  }).map(column => column.id);
+  // columns with ordering disabled should be moved to the front
+  const orderingDisabled = [];
+  const orderingEnabled = [];
+  let orderedColumns = columns;
+  // if settings is defined, make sure the columns that are actual children are sorted by it
+  if (Array.isArray(settingsOrder)) {
+    orderedColumns = columns.slice().sort(
+    // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
+    (a, b) => (settingsOrder.indexOf(a.id) >>> 0) - (settingsOrder.indexOf(b.id) >>> 0));
+  }
+  orderedColumns.forEach(column => {
+    var _column$id2, _column$meta;
+    if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
+      return;
+    }
+    if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.enableOrdering) {
+      orderingEnabled.push(column.id);
+    } else {
+      orderingDisabled.push(column.id);
+    }
+  });
+  const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
+  // actions should always be last, enforce that
+  if (columns.findIndex(column => column.id === COLUMN_ID || column.id === COLUMN_ID$1) > -1) {
+    order.push(COLUMN_ID);
+  }
+  return order;
+}
+
+export { ensureOrdering, useColumnOrdering };
+//# sourceMappingURL=useColumnOrdering.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnOrdering.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useColumnOrdering.ts"],"sourcesContent":["import { ColumnDef } from '@tanstack/react-table';\nimport { Table3Options } from '../../types';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../../components/columns/internal/Actions';\nimport { COLUMN_ID as EDITING_ACTIONS_COLUMN_ID } from '../../components/columns/internal/EditingActions';\n\nexport function useColumnOrdering(options: Table3Options) {\n    return {\n        isEnabled: options.enableColumnOrdering,\n    };\n}\nexport function ensureOrdering<TType = unknown>(columns: ColumnDef<TType>[], settingsOrder: string[] | undefined): string[] {\n    // internal column come with a defined order\n    const internalColumns = columns\n        .filter(\n            column => column.id?.startsWith('__') && column.id !== ACTIONS_COLUMN_ID && column.id !== EDITING_ACTIONS_COLUMN_ID\n        )\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (column.id?.startsWith('__')) {\n            return;\n        }\n\n        if (column.meta?.enableOrdering) {\n            orderingEnabled.push(column.id as string);\n        } else {\n            orderingDisabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    if (columns.findIndex(column => column.id === ACTIONS_COLUMN_ID || column.id === EDITING_ACTIONS_COLUMN_ID) > -1) {\n        order.push(ACTIONS_COLUMN_ID);\n    }\n\n    return order;\n}\n"],"names":["useColumnOrdering","options","isEnabled","enableColumnOrdering","ensureOrdering","columns","settingsOrder","internalColumns","filter","column","id","startsWith","ACTIONS_COLUMN_ID","EDITING_ACTIONS_COLUMN_ID","map","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","slice","sort","a","b","indexOf","forEach","meta","enableOrdering","push","order","findIndex"],"mappings":";;;SAKgBA,iBAAiB,CAACC,OAAsB;EACpD,OAAO;IACHC,SAAS,EAAED,OAAO,CAACE;GACtB;AACL;SACgBC,cAAc,CAAkBC,OAA2B,EAAEC,aAAmC;;EAE5G,MAAMC,eAAe,GAAGF,OAAO,CAC1BG,MAAM,CACHC,MAAM;IAAA;IAAA,OAAI,eAAAA,MAAM,CAACC,EAAE,+CAAT,WAAWC,UAAU,CAAC,IAAI,CAAC,KAAIF,MAAM,CAACC,EAAE,KAAKE,SAAiB,IAAIH,MAAM,CAACC,EAAE,KAAKG,WAAyB;IACtH,CACAC,GAAG,CAACL,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAa;;EAGzC,MAAMK,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,cAAc,GAAGZ,OAAO;;EAG5B,IAAIa,KAAK,CAACC,OAAO,CAACb,aAAa,CAAC,EAAE;IAC9BW,cAAc,GAAGZ,OAAO,CAACe,KAAK,EAAE,CAACC,IAAI;;IAEjC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACjB,aAAa,CAACkB,OAAO,CAACF,CAAC,CAACZ,EAAY,CAAC,KAAK,CAAC,KAAKJ,aAAa,CAACkB,OAAO,CAACD,CAAC,CAACb,EAAY,CAAC,KAAK,CAAC,CAAC,CAC1G;;EAGLO,cAAc,CAACQ,OAAO,CAAChB,MAAM;;IACzB,mBAAIA,MAAM,CAACC,EAAE,wCAAT,YAAWC,UAAU,CAAC,IAAI,CAAC,EAAE;MAC7B;;IAGJ,oBAAIF,MAAM,CAACiB,IAAI,yCAAX,aAAaC,cAAc,EAAE;MAC7BX,eAAe,CAACY,IAAI,CAACnB,MAAM,CAACC,EAAY,CAAC;KAC5C,MAAM;MACHK,gBAAgB,CAACa,IAAI,CAACnB,MAAM,CAACC,EAAY,CAAC;;GAEjD,CAAC;EAEF,MAAMmB,KAAK,GAAG,CAAC,GAAGtB,eAAe,EAAE,GAAGQ,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3E,IAAIX,OAAO,CAACyB,SAAS,CAACrB,MAAM,IAAIA,MAAM,CAACC,EAAE,KAAKE,SAAiB,IAAIH,MAAM,CAACC,EAAE,KAAKG,WAAyB,CAAC,GAAG,CAAC,CAAC,EAAE;IAC9GgB,KAAK,CAACD,IAAI,CAAChB,SAAiB,CAAC;;EAGjC,OAAOiB,KAAK;AAChB;;;;"}

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

@@ -0,0 +1,52 @@
+import React__default from 'react';
+
+function useCurrentRow(defaultCurrentRowIndex = 0) {
+  const [currentRowIndex, setCurrentRowIndex] = React__default.useState(defaultCurrentRowIndex);
+  const move = (direction, length, scrollToIndex) => setCurrentRowIndex(currentIndex => {
+    const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;
+    scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);
+    return nextIndex;
+  });
+  const moveUp = (length, callback) => move(-1, length, callback);
+  const moveDown = (length, callback) => move(1, length, callback);
+  const onKeyDown = React__default.useCallback((event, length, scrollToIndex) => {
+    if (event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    if (event.key === 'ArrowUp') {
+      event.preventDefault();
+      if (event.ctrlKey || event.metaKey) {
+        const newIndex = 0;
+        setCurrentRowIndex(newIndex);
+        scrollToIndex(newIndex);
+      } else {
+        moveUp(length, scrollToIndex);
+      }
+      return;
+    } else if (event.key === 'ArrowDown') {
+      event.preventDefault();
+      if (event.ctrlKey || event.metaKey) {
+        const newIndex = length - 1;
+        setCurrentRowIndex(newIndex);
+        scrollToIndex(newIndex);
+      } else {
+        moveDown(length, scrollToIndex);
+      }
+      return;
+    }
+  }, []);
+  return {
+    currentRowIndex,
+    setCurrentRowIndex,
+    handleKeyDown: onKeyDown
+  };
+}
+const getNextIndex = (direction, currentIndex, length) => {
+  if (direction === -1) {
+    return currentIndex - 1 > 0 ? currentIndex - 1 : 0;
+  }
+  return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;
+};
+
+export { useCurrentRow };
+//# sourceMappingURL=useCurrentRow.js.map