@economic/taco 1.41.0 → 2.0.0-alpha.173

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

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Menu } from '../../../Menu/Menu.js';
+
+function FontSize(props) {
+  const {
+    texts
+  } = useLocalization();
+  const meta = props.table.options.meta;
+  const handleChange = value => meta.fontSize.setSize(value);
+  return /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
+    onChange: handleChange,
+    value: meta.fontSize.size
+  }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "small"
+  }, texts.table3.fontSize.sizes.small), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    value: "medium"
+  }, texts.table3.fontSize.sizes.medium), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+    disabled: meta.rowHeight.height === 'short',
+    value: "large"
+  }, texts.table3.fontSize.sizes.large)));
+}
+
+export { FontSize };
+//# sourceMappingURL=FontSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontSize.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/FontSize.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 { Table3FontSize } from '../../types';\nimport { RadioGroupItemValue } from '../../../..';\n\ntype FontSizeButtonProps<TType = unknown> = {\n    table: RTable<TType>;\n};\n\nexport function FontSize<TType = unknown>(props: FontSizeButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const meta = props.table.options.meta as TableMeta<unknown>;\n    const handleChange = (value: RadioGroupItemValue) => meta.fontSize.setSize(value as Table3FontSize);\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={handleChange} value={meta.fontSize.size}>\n                <Menu.RadioGroup.Item value=\"small\">{texts.table3.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table3.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={meta.rowHeight.height === 'short'} value=\"large\">\n                    {texts.table3.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["FontSize","props","texts","useLocalization","meta","table","options","handleChange","value","fontSize","setSize","React","Menu","SubMenu","RadioGroup","onChange","size","Item","table3","sizes","small","medium","disabled","rowHeight","height","large"],"mappings":";;;;SAWgBA,QAAQ,CAAkBC,KAAiC;EACvE,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,QAAQ,CAACC,OAAO,CAACF,KAAuB,CAAC;EAEnG,oBACIG,6BAACC,IAAI,CAACC,OAAO,qBACTF,6BAACC,IAAI,CAACE,UAAU;IAACC,QAAQ,EAAER,YAAY;IAAEC,KAAK,EAAEJ,IAAI,CAACK,QAAQ,CAACO;kBAC1DL,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAASN,KAAK,CAACgB,MAAM,CAACT,QAAQ,CAACU,KAAK,CAACC,KAAK,CAAwB,eAC9FT,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACT,KAAK,EAAC;KAAUN,KAAK,CAACgB,MAAM,CAACT,QAAQ,CAACU,KAAK,CAACE,MAAM,CAAwB,eAChGV,6BAACC,IAAI,CAACE,UAAU,CAACG,IAAI;IAACK,QAAQ,EAAElB,IAAI,CAACmB,SAAS,CAACC,MAAM,KAAK,OAAO;IAAEhB,KAAK,EAAC;KACpEN,KAAK,CAACgB,MAAM,CAACT,QAAQ,CAACU,KAAK,CAACM,KAAK,CACf,CACT,CACP;AAEvB;;;;"}

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

@@ -0,0 +1,99 @@
+import React__default from 'react';
+import { useGlobalKeyDown } from '../../../../../hooks/useGlobalKeyDown.js';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { useToast } from '../../../../Toast/Toaster.js';
+import { _catch } from '../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { PrintIFrame } from './PrintIFrame.js';
+
+function PrintButton(props) {
+  const {
+    table,
+    tableProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const toast = useToast();
+  const [isPrinting, setIsPrinting] = React__default.useState(false);
+  const loadingToastRef = React__default.useRef(null);
+  const buttonRef = React__default.useRef(null);
+  const tableMeta = table.options.meta;
+  const state = table.getState();
+  const settings = React__default.useMemo(() => ({
+    columnFilters: state.columnFilters,
+    columnOrder: state.columnOrder,
+    columnPinning: state.columnPinning,
+    columnSizing: state.columnSizing,
+    columnVisibility: state.columnVisibility,
+    sorting: state.sorting,
+    rowHeight: tableMeta.rowHeight.height,
+    columnFreezingIndex: tableMeta.columnFreezing.frozenColumnIndex
+  }), [state.columnFilters, state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, state.sorting, tableMeta.rowHeight.height, tableMeta.columnFreezing.frozenColumnIndex]);
+  const iframeTableProps = {
+    ...tableProps,
+    data: tableProps.data,
+    defaultSettings: settings
+  };
+  useGlobalKeyDown({
+    key: 'p',
+    meta: true,
+    shift: false
+  }, event => {
+    var _buttonRef$current;
+    event.preventDefault();
+    // Starts custom printing
+    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.click();
+  });
+  const handleAfterPrint = () => {
+    var _loadingToastRef$curr;
+    setIsPrinting(false);
+    (_loadingToastRef$curr = loadingToastRef.current) === null || _loadingToastRef$curr === void 0 ? void 0 : _loadingToastRef$curr.close();
+  };
+  const handleBeforePrint = () => {
+    var _loadingToastRef$curr2;
+    (_loadingToastRef$curr2 = loadingToastRef.current) === null || _loadingToastRef$curr2 === void 0 ? void 0 : _loadingToastRef$curr2.close();
+  };
+  const handlePrint = function () {
+    try {
+      loadingToastRef.current = toast.loading(texts.table3.print.loading);
+      // if loadAll is not defined, just print with what we've got
+      // don't compare length to data.length because the api might be choosing not to return all for performance
+      return Promise.resolve(function () {
+        if (!tableMeta.printing.loadAll) {
+          setIsPrinting(true);
+        } else {
+          const _temp = _catch(function () {
+            return Promise.resolve(tableMeta.printing.loadAll(table.getState().sorting, table.getState().columnFilters, tableMeta.search.query)).then(function () {
+              // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs
+              setIsPrinting(true);
+            });
+          }, function (error) {
+            var _loadingToastRef$curr3;
+            const errorMessage = `${texts.table3.print.error}: ${error}`;
+            console.error(errorMessage);
+            (_loadingToastRef$curr3 = loadingToastRef.current) === null || _loadingToastRef$curr3 === void 0 ? void 0 : _loadingToastRef$curr3.error(errorMessage);
+          });
+          if (_temp && _temp.then) return _temp.then(function () {});
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
+    disabled: isPrinting,
+    icon: "print",
+    onClick: handlePrint,
+    "aria-label": texts.table3.print.tooltip,
+    tooltip: texts.table3.print.tooltip,
+    ref: buttonRef
+  }), isPrinting && iframeTableProps.data !== null && /*#__PURE__*/React__default.createElement(PrintIFrame, {
+    onAfterPrint: handleAfterPrint,
+    onBeforePrint: handleBeforePrint,
+    tableProps: iframeTableProps
+  }));
+}
+
+export { PrintButton };
+//# sourceMappingURL=PrintButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintButton.js","sources":["../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/PrintButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { ToastReference, useToast } from '../../../../Toast/Toaster';\nimport { PrintIFrame } from './PrintIFrame';\nimport { Table3Props } from '../../../types';\nimport { useGlobalKeyDown } from '../../../../../hooks/useGlobalKeyDown';\n\nexport type PrintButtonProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    table: RTable<TType>;\n    tableProps: Table3Props<TType>;\n};\n\nexport function PrintButton<TType = unknown>(props: PrintButtonProps<TType>) {\n    const { table, tableProps } = props;\n    const { texts } = useLocalization();\n    const toast = useToast();\n\n    const [isPrinting, setIsPrinting] = React.useState(false);\n    const loadingToastRef = React.useRef<ToastReference | null>(null);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    const settings = React.useMemo(\n        () => ({\n            columnFilters: state.columnFilters,\n            columnOrder: state.columnOrder,\n            columnPinning: state.columnPinning,\n            columnSizing: state.columnSizing,\n            columnVisibility: state.columnVisibility,\n            sorting: state.sorting,\n            rowHeight: tableMeta.rowHeight.height,\n            columnFreezingIndex: tableMeta.columnFreezing.frozenColumnIndex,\n        }),\n        [\n            state.columnFilters,\n            state.columnOrder,\n            state.columnPinning,\n            state.columnSizing,\n            state.columnVisibility,\n            state.sorting,\n            tableMeta.rowHeight.height,\n            tableMeta.columnFreezing.frozenColumnIndex,\n        ]\n    );\n    const iframeTableProps = { ...tableProps, data: tableProps.data, defaultSettings: settings };\n\n    useGlobalKeyDown({ key: 'p', meta: true, shift: false }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        // Starts custom printing\n        buttonRef.current?.click();\n    });\n\n    const handleAfterPrint = () => {\n        setIsPrinting(false);\n        loadingToastRef.current?.close();\n    };\n\n    const handleBeforePrint = () => {\n        loadingToastRef.current?.close();\n    };\n\n    const handlePrint = async () => {\n        loadingToastRef.current = toast.loading(texts.table3.print.loading as any);\n\n        // if loadAll is not defined, just print with what we've got\n        // don't compare length to data.length because the api might be choosing not to return all for performance\n        if (!tableMeta.printing.loadAll) {\n            setIsPrinting(true);\n            return;\n        } else {\n            try {\n                await tableMeta.printing.loadAll(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    tableMeta.search.query\n                );\n\n                // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs\n                setIsPrinting(true);\n            } catch (error) {\n                const errorMessage = `${texts.table3.print.error}: ${error}`;\n\n                console.error(errorMessage);\n                loadingToastRef.current?.error(errorMessage);\n            }\n        }\n    };\n\n    return (\n        <>\n            <IconButton\n                disabled={isPrinting}\n                icon=\"print\"\n                onClick={handlePrint}\n                aria-label={texts.table3.print.tooltip}\n                tooltip={texts.table3.print.tooltip}\n                ref={buttonRef}\n            />\n            {isPrinting && iframeTableProps.data !== null && (\n                <PrintIFrame\n                    onAfterPrint={handleAfterPrint}\n                    onBeforePrint={handleBeforePrint}\n                    tableProps={iframeTableProps as Table3Props<TType>}\n                />\n            )}\n        </>\n    );\n}\n"],"names":["PrintButton","props","table","tableProps","texts","useLocalization","toast","useToast","isPrinting","setIsPrinting","React","useState","loadingToastRef","useRef","buttonRef","tableMeta","options","meta","state","getState","settings","useMemo","columnFilters","columnOrder","columnPinning","columnSizing","columnVisibility","sorting","rowHeight","height","columnFreezingIndex","columnFreezing","frozenColumnIndex","iframeTableProps","data","defaultSettings","useGlobalKeyDown","key","shift","event","preventDefault","current","click","handleAfterPrint","close","handleBeforePrint","handlePrint","loading","table3","print","printing","loadAll","search","query","error","errorMessage","console","IconButton","disabled","icon","onClick","tooltip","ref","PrintIFrame","onAfterPrint","onBeforePrint"],"mappings":"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"}

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

@@ -0,0 +1,223 @@
+import React__default from 'react';
+import '../../../../Icon/components/index.js';
+import '../../../../Icon/Icon.js';
+import '../../../../BadgeIcon/BadgeIcon.js';
+import '../../../../Alert/Alert.js';
+import '../../../../../utils/mergeRefs.js';
+import '../../../../Backdrop/Backdrop.js';
+import '../../../../AlertDialog/AlertDialog.js';
+import '../../../../Accordion/Accordion.js';
+import '../../../../VisuallyHidden/VisuallyHidden.js';
+import '../../../../Badge/Badge.js';
+import '../../../../../hooks/useMergedRef.js';
+import '../../../../../utils/keyboard.js';
+import '../../../../Tooltip/Tooltip.js';
+import '../../../../IconButton/IconButton.js';
+import '../../../../Provider/Localization.js';
+import '../../../../Banner/Banner.js';
+import '../../../../Button/Button.js';
+import '../../../../Calendar/Calendar.js';
+import '../../../../Card/Card.js';
+import '../../../../Checkbox/Checkbox.js';
+import '../../../../../hooks/useBoundingClientRectListener.js';
+import '../../../../Input/Input.js';
+import '../../../../../utils/hooks/useListKeyboardNavigation.js';
+import '../../../../../utils/hooks/useListScrollTo.js';
+import '../../../../Spinner/Spinner.js';
+import '../../../../Combobox/Combobox.js';
+import '../../../../../utils/date.js';
+import '../../../../Popover/Popover.js';
+import '../../../../Datepicker/Datepicker.js';
+import '../../../../Dialog/Dialog.js';
+import '../../../../Group/Group.js';
+import '../../../../Drawer/Drawer.js';
+import '../../../../Field/Field.js';
+import '../../../../Form/Form.js';
+import '../../../../Hanger/Hanger.js';
+import '../../../../HoverCard/HoverCard.js';
+import '../../../../Listbox/Listbox.js';
+import '../../../../Shortcut/Shortcut.js';
+import '../../../../RadioGroup/RadioGroup.js';
+import '../../../../Menu/Menu.js';
+import '../../../../Treeview/Treeview.js';
+import '../../../../../utils/hooks/useDropTarget.js';
+import '../../../../Navigation/Navigation.js';
+import '../../../../../hooks/useIntersectionObserver.js';
+import '../../../../OverflowGroup/OverflowGroup.js';
+import '../../../../Select/Select.js';
+import '../../../../Pagination/usePagination.js';
+import '../../../../Pagination/Pagination.js';
+import '../../../../Progress/Progress.js';
+import '../../../../Toast/Toaster.js';
+import '../../../../Provider/Provider.js';
+import '../../../../SearchInput/SearchInput.js';
+import '../../../../SearchInput2/SearchInput2.js';
+import '../../../../../primitives/Collection/Collection.js';
+import '../../../../Tag/Tag.js';
+import '../../../../Select2/Select2.js';
+import '../../../../Switch/Switch.js';
+import '../../../../Table/components/Table.js';
+import '../../../../Table/components/PaginatedTable.js';
+import '../../../../Table/components/WindowedTable.js';
+import '../../../../Table/util/rowIndexPath.js';
+import '../../../../Table/hooks/useRowCreation.js';
+import '../../../../../hooks/useLazyEffect.js';
+import ReactDOM from 'react-dom';
+import { useParentStylesheets } from './hooks/useParentStylesheets.js';
+import '../../../hooks/useTableData.js';
+import { Table3 } from '../../../Table3.js';
+import '../../../../Tabs/Tabs.js';
+import '../../../../Textarea/Textarea.js';
+import '../../../../Tour/Tour.js';
+import '../../../../../hooks/useMatchMedia.js';
+import '../../../../Header/Header.js';
+import '../../../../../hooks/useIsLargeScreen.js';
+import '../../../../Layout/Layout.js';
+import '../../../../Navigation2/components/Link.js';
+import '../../../../Navigation2/Navigation2.js';
+import '../../../../../hooks/useBoundaryOverflowDetection.js';
+import '../../../../../utils/hooks/useOnClickOutside.js';
+
+function PrintIFrame({
+  onAfterPrint,
+  onBeforePrint,
+  tableProps
+}) {
+  const [contentRef, setContentRef] = React__default.useState(null);
+  const [mountNode, setMountNode] = React__default.useState(null);
+  const iframeWindow = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow;
+  const stylesReady = useParentStylesheets(iframeWindow);
+  // Adds print events to the iframe window.
+  React__default.useEffect(() => {
+    if (iframeWindow === null || iframeWindow === undefined) {
+      return;
+    }
+    // Add print events to the window
+    if (onAfterPrint) {
+      iframeWindow.addEventListener('afterprint', onAfterPrint);
+    }
+    if (onBeforePrint) {
+      iframeWindow.addEventListener('beforeprint', onBeforePrint);
+    }
+    return () => {
+      // Remove print events from the window
+      if (onAfterPrint) {
+        iframeWindow.removeEventListener('afterprint', onAfterPrint);
+      }
+      if (onBeforePrint) {
+        iframeWindow.removeEventListener('beforeprint', onBeforePrint);
+      }
+    };
+  }, [iframeWindow]);
+  // Calls print method when table has loaded in the iframe.
+  React__default.useEffect(() => {
+    let intervalId;
+    let timeoutId;
+    // Invoke the print functionality on the window once the table has finished rendering and all print styles are
+    // added.
+    if (mountNode && stylesReady) {
+      intervalId = setInterval(function () {
+        try {
+          const tableWrapper = mountNode;
+          const hasTableRendered = !!tableWrapper.querySelector('[role="table"]');
+          if (hasTableRendered && intervalId) {
+            var _contentRef$contentWi;
+            clearInterval(intervalId);
+            // Calling the onBeforePrint method here as a fallback because certain browsers, like Safari,
+            // do not call the beforeprint event.
+            // Bug - Even though onBeforePrint is called before printing, the execution doesn't finish before
+            // the print dialog shows up, which results into having a visible loading toast.
+            onBeforePrint === null || onBeforePrint === void 0 ? void 0 : onBeforePrint();
+            contentRef === null || contentRef === void 0 ? void 0 : (_contentRef$contentWi = contentRef.contentWindow) === null || _contentRef$contentWi === void 0 ? void 0 : _contentRef$contentWi.print();
+            // Calling the onAfterPrint method here as a fallback to do the cleanup, as certain browsers,
+            // like Safari, do not trigger the beforeprint or afterprint events when a confirmation dialog
+            // asking if the user wants to print the document, is cancelled.
+            // Added a setTimeout to prevent calling onAfterPrint immediately after the print function
+            // to ensure that the print dialog doesn't close abruptly. Although this behavior is uncommon,
+            // there are cases where the print function may not run synchronously, causing onAfterPrint to be
+            // invoked right after it.
+            timeoutId = setTimeout(() => {
+              onAfterPrint === null || onAfterPrint === void 0 ? void 0 : onAfterPrint();
+            }, 0);
+          }
+          return Promise.resolve();
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }, 1000);
+    }
+    return () => {
+      clearInterval(intervalId);
+      clearTimeout(timeoutId);
+    };
+  }, [mountNode, stylesReady]);
+  React__default.useEffect(() => {
+    var _iframeWindow$parent$, _iframeWindow$parent$2;
+    if (!iframeWindow || !stylesReady) {
+      return;
+    }
+    const iframeDocument = iframeWindow.document;
+    // Only the content inside the main element will get printed along with the table.
+    const parentDocumentContent = ((_iframeWindow$parent$ = iframeWindow.parent.document.querySelector('main')) === null || _iframeWindow$parent$ === void 0 ? void 0 : _iframeWindow$parent$.innerHTML) || ((_iframeWindow$parent$2 = iframeWindow.parent.document.body) === null || _iframeWindow$parent$2 === void 0 ? void 0 : _iframeWindow$parent$2.innerHTML) || '';
+    iframeDocument.body.innerHTML = parentDocumentContent;
+    const tableElement = iframeDocument.querySelector('[role="table"]');
+    const tableColumnFreezingStyles = iframeDocument.querySelector('[data-taco="table3-column-freezing-styles"]');
+    const tableWrapper = iframeDocument.createElement('div');
+    tableWrapper.setAttribute('data-role', 'table-wrapper');
+    // Adding h-fit class makes sure that table is rendered with the whole content.
+    tableWrapper.classList.add('h-fit');
+    // Safari print preview assigns no width to the table when w-screen class is used.
+    // By assigning table a big static width and hiding the horizontal scrollbar, the table on chrome
+    // and safari will always take full page width.
+    tableWrapper.classList.add('w-[10000px]');
+    if (tableElement) {
+      var _tableElement$parentN;
+      (_tableElement$parentN = tableElement.parentNode) === null || _tableElement$parentN === void 0 ? void 0 : _tableElement$parentN.insertBefore(tableWrapper, tableElement);
+      tableElement.remove();
+    } else {
+      iframeDocument.body.append(tableWrapper);
+    }
+    // Remove the already existing column freezing styles.
+    if (tableColumnFreezingStyles) {
+      tableColumnFreezingStyles.remove();
+    }
+    let currentNode = tableWrapper.parentNode;
+    while (currentNode !== null && currentNode !== iframeDocument.body) {
+      var _currentNode;
+      // Add the 'h-fit' class to the 'table-wrapper' element's parent chain.
+      // This ensures that the table is not cropped and fits within its container.
+      (_currentNode = currentNode) === null || _currentNode === void 0 ? void 0 : _currentNode.classList.add('!h-fit');
+      currentNode = currentNode.parentNode;
+    }
+    setMountNode(tableWrapper);
+  }, [iframeWindow, stylesReady]);
+  const printTableProps = {
+    ...tableProps,
+    actionsForRow: undefined,
+    // Not the best way to remove the active/current row styles, but a temporary solution for now
+    defaultCurrentRowIndex: -1,
+    defaultSettings: {
+      ...(tableProps === null || tableProps === void 0 ? void 0 : tableProps.defaultSettings),
+      rowHeight: 'short'
+    },
+    enableColumnFreezing: false,
+    enableRowHeight: true,
+    enableRowSelection: false,
+    enableEditing: false,
+    enablePrinting: false,
+    enableRowDrag: false,
+    enableRowDrop: false,
+    enableRowSelectionSingle: false,
+    preset: undefined
+  };
+  // -top-60 -left-60 styles make sure that iframe is added outside of the viewport
+  return /*#__PURE__*/React__default.createElement("iframe", {
+    ref: setContentRef,
+    className: "fixed -left-60 -top-60 !h-0 !w-0",
+    frameBorder: "0",
+    scrolling: "no"
+  }, mountNode && stylesReady ? /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default.createElement(Table3, Object.assign({}, printTableProps)), mountNode) : null);
+}
+
+export { PrintIFrame };
+//# sourceMappingURL=PrintIFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintIFrame.js","sources":["../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/PrintIFrame.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Table3 } from '../../../../..';\nimport { Table3Props } from '../../../types';\nimport { useParentStylesheets } from './hooks/useParentStylesheets';\n\nexport type PrintIFrameProps<TType = unknown> = {\n    onAfterPrint?: () => void;\n    onBeforePrint?: () => void;\n    tableProps: Table3Props<TType>;\n};\n\nexport function PrintIFrame<TType = unknown>({ onAfterPrint, onBeforePrint, tableProps }: PrintIFrameProps<TType>) {\n    const [contentRef, setContentRef] = React.useState<HTMLIFrameElement | null>(null);\n    const [mountNode, setMountNode] = React.useState<HTMLElement | null>(null);\n\n    const iframeWindow = contentRef?.contentWindow;\n\n    const stylesReady = useParentStylesheets(iframeWindow);\n\n    // Adds print events to the iframe window.\n    React.useEffect(() => {\n        if (iframeWindow === null || iframeWindow === undefined) {\n            return;\n        }\n\n        // Add print events to the window\n        if (onAfterPrint) {\n            iframeWindow.addEventListener('afterprint', onAfterPrint);\n        }\n\n        if (onBeforePrint) {\n            iframeWindow.addEventListener('beforeprint', onBeforePrint);\n        }\n\n        return () => {\n            // Remove print events from the window\n            if (onAfterPrint) {\n                iframeWindow.removeEventListener('afterprint', onAfterPrint);\n            }\n\n            if (onBeforePrint) {\n                iframeWindow.removeEventListener('beforeprint', onBeforePrint);\n            }\n        };\n    }, [iframeWindow]);\n\n    // Calls print method when table has loaded in the iframe.\n    React.useEffect(() => {\n        let intervalId: NodeJS.Timer;\n        let timeoutId: NodeJS.Timer;\n\n        // Invoke the print functionality on the window once the table has finished rendering and all print styles are\n        // added.\n        if (mountNode && stylesReady) {\n            intervalId = setInterval(async () => {\n                const tableWrapper = mountNode;\n                const hasTableRendered = !!tableWrapper.querySelector('[role=\"table\"]');\n\n                if (hasTableRendered && intervalId) {\n                    clearInterval(intervalId);\n\n                    // Calling the onBeforePrint method here as a fallback because certain browsers, like Safari,\n                    // do not call the beforeprint event.\n                    // Bug - Even though onBeforePrint is called before printing, the execution doesn't finish before\n                    // the print dialog shows up, which results into having a visible loading toast.\n                    onBeforePrint?.();\n\n                    contentRef?.contentWindow?.print();\n\n                    // Calling the onAfterPrint method here as a fallback to do the cleanup, as certain browsers,\n                    // like Safari, do not trigger the beforeprint or afterprint events when a confirmation dialog\n                    // asking if the user wants to print the document, is cancelled.\n\n                    // Added a setTimeout to prevent calling onAfterPrint immediately after the print function\n                    // to ensure that the print dialog doesn't close abruptly. Although this behavior is uncommon,\n                    // there are cases where the print function may not run synchronously, causing onAfterPrint to be\n                    // invoked right after it.\n                    timeoutId = setTimeout(() => {\n                        onAfterPrint?.();\n                    }, 0);\n                }\n            }, 1000);\n        }\n\n        return () => {\n            clearInterval(intervalId);\n            clearTimeout(timeoutId);\n        };\n    }, [mountNode, stylesReady]);\n\n    React.useEffect(() => {\n        if (!iframeWindow || !stylesReady) {\n            return;\n        }\n\n        const iframeDocument = iframeWindow.document;\n        // Only the content inside the main element will get printed along with the table.\n        const parentDocumentContent =\n            iframeWindow.parent.document.querySelector('main')?.innerHTML || iframeWindow.parent.document.body?.innerHTML || '';\n\n        iframeDocument.body.innerHTML = parentDocumentContent;\n\n        const tableElement = iframeDocument.querySelector('[role=\"table\"]');\n        const tableColumnFreezingStyles = iframeDocument.querySelector('[data-taco=\"table3-column-freezing-styles\"]');\n        const tableWrapper = iframeDocument.createElement('div');\n\n        tableWrapper.setAttribute('data-role', 'table-wrapper');\n        // Adding h-fit class makes sure that table is rendered with the whole content.\n        tableWrapper.classList.add('h-fit');\n        // Safari print preview assigns no width to the table when w-screen class is used.\n        // By assigning table a big static width and hiding the horizontal scrollbar, the table on chrome\n        // and safari will always take full page width.\n        tableWrapper.classList.add('w-[10000px]');\n\n        if (tableElement) {\n            tableElement.parentNode?.insertBefore(tableWrapper, tableElement);\n            tableElement.remove();\n        } else {\n            iframeDocument.body.append(tableWrapper);\n        }\n\n        // Remove the already existing column freezing styles.\n        if (tableColumnFreezingStyles) {\n            tableColumnFreezingStyles.remove();\n        }\n\n        let currentNode = tableWrapper.parentNode as HTMLElement | null;\n\n        while (currentNode !== null && currentNode !== iframeDocument.body) {\n            // Add the 'h-fit' class to the 'table-wrapper' element's parent chain.\n            // This ensures that the table is not cropped and fits within its container.\n            currentNode?.classList.add('!h-fit');\n            currentNode = currentNode.parentNode as HTMLElement | null;\n        }\n\n        setMountNode(tableWrapper);\n    }, [iframeWindow, stylesReady]);\n\n    const printTableProps: Table3Props<TType> = {\n        ...tableProps,\n        actionsForRow: undefined,\n        // Not the best way to remove the active/current row styles, but a temporary solution for now\n        defaultCurrentRowIndex: -1,\n        defaultSettings: {\n            ...tableProps?.defaultSettings,\n            rowHeight: 'short',\n        },\n        enableColumnFreezing: false,\n        enableRowHeight: true,\n        enableRowSelection: false,\n        enableEditing: false,\n        enablePrinting: false,\n        enableRowDrag: false,\n        enableRowDrop: false,\n        enableRowSelectionSingle: false,\n        preset: undefined,\n    };\n\n    // -top-60 -left-60 styles make sure that iframe is added outside of the viewport\n    return (\n        <iframe ref={setContentRef} className=\"fixed -left-60 -top-60 !h-0 !w-0\" frameBorder=\"0\" scrolling=\"no\">\n            {mountNode && stylesReady ? ReactDOM.createPortal(<Table3 {...printTableProps} />, mountNode) : null}\n        </iframe>\n    );\n}\n"],"names":["PrintIFrame","onAfterPrint","onBeforePrint","tableProps","contentRef","setContentRef","React","useState","mountNode","setMountNode","iframeWindow","contentWindow","stylesReady","useParentStylesheets","useEffect","undefined","addEventListener","removeEventListener","intervalId","timeoutId","setInterval","tableWrapper","hasTableRendered","querySelector","clearInterval","print","setTimeout","clearTimeout","iframeDocument","document","parentDocumentContent","parent","innerHTML","body","tableElement","tableColumnFreezingStyles","createElement","setAttribute","classList","add","parentNode","insertBefore","remove","append","currentNode","printTableProps","actionsForRow","defaultCurrentRowIndex","defaultSettings","rowHeight","enableColumnFreezing","enableRowHeight","enableRowSelection","enableEditing","enablePrinting","enableRowDrag","enableRowDrop","enableRowSelectionSingle","preset","ref","className","frameBorder","scrolling","ReactDOM","createPortal","Table3"],"mappings":"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"}

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