@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1,97 @@
+import React__default from 'react';
+
+const PRINT_STYLES = `
+@page {
+    margin: 16px;
+}
+
+@media print {
+    html, body, #root {
+        // hides horizontal scrollbar
+        overflow-x: none !important;
+        overflow-y: auto !important;
+        height: auto !important;
+        width: auto !important;
+    }
+
+    #root {
+        /* chrome sometimes crops the bottom content of page and this padding will make sure that we see the whole content*/
+        padding-bottom: 20px;
+    }
+
+    [role="table"] {
+        border-width: 0 !important;
+        overflow-y: hidden !important;
+    }
+
+    // all column headers except column group column header
+    [role="table"] [role="columnheader"]:not([data-taco='table3-column-group']) {
+        border-bottom-width: 1px !important;
+    }
+
+    /*
+     * Summary row cells
+     */
+    [role="table"] [role="rowgroup"]:last-child [role="cell"] {
+        border-width: 0 !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 => {
+      var _linkStylesheet$getAt;
+      const linkTag = iframeDocument.createElement('link');
+      linkTag.setAttribute('rel', 'stylesheet');
+      linkTag.setAttribute('href', (_linkStylesheet$getAt = linkStylesheet.getAttribute('href')) !== null && _linkStylesheet$getAt !== void 0 ? _linkStylesheet$getAt : '');
+      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    html, body, #root {\n        // hides horizontal scrollbar\n        overflow-x: none !important;\n        overflow-y: auto !important;\n        height: auto !important;\n        width: auto !important;\n    }\n\n    #root {\n        /* chrome sometimes crops the bottom content of page and this padding will make sure that we see the whole content*/\n        padding-bottom: 20px;\n    }\n\n    [role=\"table\"] {\n        border-width: 0 !important;\n        overflow-y: hidden !important;\n    }\n\n    // all column headers except column group column header\n    [role=\"table\"] [role=\"columnheader\"]:not([data-taco='table3-column-group']) {\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-width: 0 !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            linkTag.setAttribute('href', linkStylesheet.getAttribute('href') ?? '');\n\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","_linkStylesheet$getAt","getAttribute"],"mappings":";;AAEA,MAAMA,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDjB;SAEeC,oBAAoBA,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;MACzCD,OAAO,CAACC,YAAY,CAAC,MAAM,GAAAC,qBAAA,GAAEH,cAAc,CAACI,YAAY,CAAC,MAAM,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,EAAE,CAAC;MAEvEjB,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,33 @@
+import React__default from 'react';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Menu } from '../../../Menu/Menu.js';
+import { FontSizes } from '../../../../types.js';
+
+function RowHeight(props) {
+  const {
+    texts
+  } = useLocalization();
+  const meta = props.table.options.meta;
+  const handleChange = value => {
+    const height = value;
+    meta.rowHeight.setHeight(height);
+    if (height === 'short' && meta.fontSize.size === FontSizes.large) {
+      meta.fontSize.setSize(FontSizes.medium);
+    }
+  };
+  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 '../../../..';\nimport { FontSizes } from '../../../../types';\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) => {\n        const height = value as Table3RowHeight;\n\n        meta.rowHeight.setHeight(height);\n\n        if (height === 'short' && meta.fontSize.size === FontSizes.large) {\n            meta.fontSize.setSize(FontSizes.medium);\n        }\n    };\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","height","rowHeight","setHeight","fontSize","size","FontSizes","large","setSize","medium","React","Menu","SubMenu","RadioGroup","onChange","Item","table3","sizes","short","tall","extraTall"],"mappings":";;;;;SAYgBA,SAASA,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;IAC5C,MAAMC,MAAM,GAAGD,KAAwB;IAEvCJ,IAAI,CAACM,SAAS,CAACC,SAAS,CAACF,MAAM,CAAC;IAEhC,IAAIA,MAAM,KAAK,OAAO,IAAIL,IAAI,CAACQ,QAAQ,CAACC,IAAI,KAAKC,SAAS,CAACC,KAAK,EAAE;MAC9DX,IAAI,CAACQ,QAAQ,CAACI,OAAO,CAACF,SAAS,CAACG,MAAM,CAAC;;GAE9C;EAED,oBACIC,6BAACC,IAAI,CAACC,OAAO,qBACTF,6BAACC,IAAI,CAACE,UAAU;IAACC,QAAQ,EAAEf,YAAY;IAAEC,KAAK,EAAEJ,IAAI,CAACM,SAAS,CAACD;kBAC3DS,6BAACC,IAAI,CAACE,UAAU,CAACE,IAAI;IAACf,KAAK,EAAC;KAASN,KAAK,CAACsB,MAAM,CAACd,SAAS,CAACe,KAAK,CAACC,KAAK,CAAwB,eAC/FR,6BAACC,IAAI,CAACE,UAAU,CAACE,IAAI;IAACf,KAAK,EAAC;KAAUN,KAAK,CAACsB,MAAM,CAACd,SAAS,CAACe,KAAK,CAACR,MAAM,CAAwB,eACjGC,6BAACC,IAAI,CAACE,UAAU,CAACE,IAAI;IAACf,KAAK,EAAC;KAAQN,KAAK,CAACsB,MAAM,CAACd,SAAS,CAACe,KAAK,CAACE,IAAI,CAAwB,eAC7FT,6BAACC,IAAI,CAACE,UAAU,CAACE,IAAI;IAACf,KAAK,EAAC;KAAcN,KAAK,CAACsB,MAAM,CAACd,SAAS,CAACe,KAAK,CAACG,SAAS,CAAwB,CAC1F,CACP;AAEvB;;;;"}

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

@@ -0,0 +1,238 @@
+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

@@ -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 { 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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,64 @@
+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

@@ -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 { 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;;;;"}