@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1,211 @@
+import React__default from 'react';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Shortcut } from '../../../../Shortcut/Shortcut.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';
+import { WarningDialog } from './WarningDialog.js';
+
+const SAFE_PRINT_CELL_COUNT = 10000;
+function PrintButton(props) {
+  const {
+    table,
+    tableProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const toast = useToast();
+  const [isCurrentlyPrinting, setIsCurrentlyPrinting] = React__default.useState(false);
+  const [showWarningDialog, setShowWarningDialog] = 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();
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  const {
+    isWarningVisibleForLargeDatasets
+  } = tableMeta.printing;
+  // When changing printTableId, update packages/taco/src/components/Table3/Table3.tsx file and other usages where
+  // printTableId is used to figure out whether the table is a print table or not.
+  const printTableId = `${tableProps.id}_print`;
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  const excludeUnmatchedResults = tableMeta.search.excludeUnmatchedResults;
+  const defaultSettings = React__default.useMemo(() => ({
+    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+    columnFreezingIndex: tableMeta.columnFreezing.frozenColumnIndex,
+    columnOrder: state.columnOrder,
+    columnSizing: state.columnSizing,
+    columnVisibility: state.columnVisibility,
+    excludeUnmatchedRecordsInSearch: excludeUnmatchedResults,
+    fontSize: tableMeta.fontSize.size,
+    rowHeight: tableMeta.rowHeight.height,
+    sorting: state.sorting,
+    // we don't save these, but we must pass them to print
+    columnFilters: state.columnFilters,
+    globalFilter: state.globalFilter
+  }), [
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  tableMeta.columnFreezing.frozenColumnIndex, state.columnOrder, state.columnSizing, state.columnVisibility, excludeUnmatchedResults, tableMeta.fontSize.size, tableMeta.rowHeight.height, state.sorting, state.columnFilters, state.globalFilter]);
+  const iframeTableChildren = React__default.useMemo(() => React__default.Children.toArray(tableProps.children).filter(child => {
+    var _child$props;
+    const enableColumnInPrinting = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.enablePrinting;
+    // For table children, only include columns doesn't have 'false' value for enablePrinting prop.
+    if ( /*#__PURE__*/React__default.isValidElement(child) && enableColumnInPrinting === false) {
+      return false;
+    }
+    return true;
+  }), [tableProps.children]);
+  const iframeTableProps = {
+    ...tableProps,
+    children: iframeTableChildren,
+    defaultSettings,
+    id: printTableId
+  };
+  const handleLoadingError = error => {
+    var _loadingToastRef$curr;
+    const errorMessage = `${texts.table3.print.error}: ${error}`;
+    console.error(errorMessage);
+    (_loadingToastRef$curr = loadingToastRef.current) === null || _loadingToastRef$curr === void 0 ? void 0 : _loadingToastRef$curr.error(errorMessage);
+  };
+  const restoreTableDataWithoutSearch = function () {
+    try {
+      const _temp = _catch(function () {
+        var _tableMeta$server$loa, _tableMeta$server;
+        return Promise.resolve((_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadAll) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+      }, function (error) {
+        handleLoadingError(error);
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleAfterPrint = function () {
+    try {
+      function _temp3() {
+        var _loadingToastRef$curr2;
+        setIsCurrentlyPrinting(false);
+        (_loadingToastRef$curr2 = loadingToastRef.current) === null || _loadingToastRef$curr2 === void 0 ? void 0 : _loadingToastRef$curr2.close();
+      }
+      const _temp2 = function () {
+        if (tableMeta.server.loadAll && excludeUnmatchedResults) {
+          return Promise.resolve(restoreTableDataWithoutSearch()).then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleBeforePrint = () => {
+    var _loadingToastRef$curr3;
+    (_loadingToastRef$curr3 = loadingToastRef.current) === null || _loadingToastRef$curr3 === void 0 ? void 0 : _loadingToastRef$curr3.close();
+  };
+  const handlePrint = function () {
+    try {
+      let _exit = false;
+      function _temp6(_result3) {
+        if (_exit) return _result3;
+        if (hasNonSafeCellCount && isWarningVisibleForLargeDatasets) {
+          setShowWarningDialog(true);
+        } else {
+          // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs
+          setIsCurrentlyPrinting(true);
+        }
+      }
+      loadingToastRef.current = toast.loading(texts.table3.print.loading);
+      const getCellCount = data => data.length ? data.length * Object.keys(data[0]).length : 0;
+      let hasNonSafeCellCount = false;
+      // 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
+      const _temp5 = function () {
+        if (!tableMeta.server.loadAll) {
+          const {
+            data
+          } = tableProps;
+          const cellCount = getCellCount(data);
+          hasNonSafeCellCount = cellCount > SAFE_PRINT_CELL_COUNT;
+        } else {
+          const _temp4 = _catch(function () {
+            return Promise.resolve(tableMeta.server.loadAll(table.getState().sorting, table.getState().columnFilters,
+            // We need to pass search query to the server when printing, to be able to render correct data set in iFrame,
+            // But in "display" table, search is performed only on client side, so we'll need to request data again without search query,
+            // when printing will be finished.
+            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+            excludeUnmatchedResults ? tableMeta.search.query : undefined)).then(function () {
+              // After the loadAll call above, the data changes. Hence, it becomes essential to acquire the data after
+              // this call rather than before it.
+              const {
+                data
+              } = tableProps;
+              const cellCount = getCellCount(data);
+              hasNonSafeCellCount = cellCount > SAFE_PRINT_CELL_COUNT;
+            });
+          }, function (error) {
+            handleLoadingError(error);
+            // in case of error, we return early
+            _exit = true;
+          });
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const shortcut = {
+    key: 'p',
+    meta: true,
+    shift: false
+  };
+  const tooltip = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.print.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+    className: "ml-2",
+    keys: shortcut
+  }));
+  const handleWarningDialogAccept = () => {
+    setIsCurrentlyPrinting(true);
+  };
+  const handleWarningDialogCancel = function () {
+    try {
+      const _temp7 = function () {
+        if (tableMeta.server.loadAll && excludeUnmatchedResults) {
+          return Promise.resolve(restoreTableDataWithoutSearch()).then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleWarningDialogClose = () => {
+    var _loadingToastRef$curr4;
+    (_loadingToastRef$curr4 = loadingToastRef.current) === null || _loadingToastRef$curr4 === void 0 ? void 0 : _loadingToastRef$curr4.close();
+    setShowWarningDialog(false);
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
+    disabled: isCurrentlyPrinting,
+    icon: "print",
+    onClick: handlePrint,
+    "aria-label": texts.table3.print.tooltip,
+    tooltip: tooltip,
+    ref: buttonRef,
+    shortcut: shortcut
+  }), isCurrentlyPrinting && iframeTableProps.data !== null && ( /*#__PURE__*/React__default.createElement(PrintIFrame, {
+    onAfterPrint: handleAfterPrint,
+    onBeforePrint: handleBeforePrint,
+    tableProps: iframeTableProps
+  })), /*#__PURE__*/React__default.createElement(WarningDialog, {
+    open: showWarningDialog,
+    onAccept: handleWarningDialogAccept,
+    onClose: handleWarningDialogClose,
+    onCancel: handleWarningDialogCancel,
+    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+    onVisibilityChange: tableMeta.printing.setIsWarningVisibleForLargeDatasets
+  }));
+}
+
+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';\n\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { ToastReference, useToast } from '../../../../Toast/Toaster';\nimport { PrintIFrame } from './PrintIFrame';\nimport { Table3ColumnProps, Table3Props } from '../../../types';\nimport { WarningDialog } from './WarningDialog';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\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 [isCurrentlyPrinting, setIsCurrentlyPrinting] = React.useState(false);\n    const [showWarningDialog, setShowWarningDialog] = 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    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    const { isWarningVisibleForLargeDatasets } = tableMeta.printing;\n\n    // When changing printTableId, update packages/taco/src/components/Table3/Table3.tsx file and other usages where\n    // printTableId is used to figure out whether the table is a print table or not.\n    const printTableId = `${tableProps.id}_print`;\n    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n    const excludeUnmatchedResults = tableMeta.search.excludeUnmatchedResults;\n\n    const defaultSettings = React.useMemo(\n        () => ({\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            columnFreezingIndex: tableMeta.columnFreezing.frozenColumnIndex,\n            columnOrder: state.columnOrder,\n            columnSizing: state.columnSizing,\n            columnVisibility: state.columnVisibility,\n            excludeUnmatchedRecordsInSearch: excludeUnmatchedResults,\n            fontSize: tableMeta.fontSize.size,\n            rowHeight: tableMeta.rowHeight.height,\n            sorting: state.sorting,\n            // we don't save these, but we must pass them to print\n            columnFilters: state.columnFilters,\n            globalFilter: state.globalFilter,\n        }),\n        [\n            // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n            tableMeta.columnFreezing.frozenColumnIndex,\n            state.columnOrder,\n            state.columnSizing,\n            state.columnVisibility,\n            excludeUnmatchedResults,\n            tableMeta.fontSize.size,\n            tableMeta.rowHeight.height,\n            state.sorting,\n            state.columnFilters,\n            state.globalFilter,\n        ]\n    );\n\n    const iframeTableChildren = React.useMemo(\n        () =>\n            (React.Children.toArray(tableProps.children) as React.ReactElement<Table3ColumnProps<TType>>[]).filter(child => {\n                const enableColumnInPrinting = child.props?.enablePrinting;\n\n                // For table children, only include columns doesn't have 'false' value for enablePrinting prop.\n                if (React.isValidElement<Table3ColumnProps<TType>>(child) && enableColumnInPrinting === false) {\n                    return false;\n                }\n\n                return true;\n            }),\n        [tableProps.children]\n    );\n\n    const iframeTableProps = {\n        ...tableProps,\n        children: iframeTableChildren,\n        defaultSettings,\n        id: printTableId,\n    };\n\n    const handleLoadingError = (error: any) => {\n        const errorMessage = `${texts.table3.print.error}: ${error}`;\n\n        console.error(errorMessage);\n        loadingToastRef.current?.error(errorMessage);\n    };\n\n    const restoreTableDataWithoutSearch = async () => {\n        try {\n            await tableMeta.server.loadAll?.(table.getState().sorting, table.getState().columnFilters, undefined);\n        } catch (error) {\n            handleLoadingError(error);\n            return;\n        }\n    };\n\n    const handleAfterPrint = async () => {\n        if (tableMeta.server.loadAll && excludeUnmatchedResults) {\n            await restoreTableDataWithoutSearch();\n        }\n        setIsCurrentlyPrinting(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        const getCellCount = (data: TType[]) => (data.length ? data.length * Object.keys(data[0]).length : 0);\n        let hasNonSafeCellCount = false;\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.server.loadAll) {\n            const { data } = tableProps;\n            const cellCount = getCellCount(data);\n\n            hasNonSafeCellCount = cellCount > SAFE_PRINT_CELL_COUNT;\n        } else {\n            try {\n                await tableMeta.server.loadAll(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    // We need to pass search query to the server when printing, to be able to render correct data set in iFrame,\n                    // But in \"display\" table, search is performed only on client side, so we'll need to request data again without search query,\n                    // when printing will be finished.\n                    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n                    excludeUnmatchedResults ? tableMeta.search.query : undefined\n                );\n\n                // After the loadAll call above, the data changes. Hence, it becomes essential to acquire the data after\n                // this call rather than before it.\n                const { data } = tableProps;\n                const cellCount = getCellCount(data);\n\n                hasNonSafeCellCount = cellCount > SAFE_PRINT_CELL_COUNT;\n            } catch (error) {\n                handleLoadingError(error);\n\n                // in case of error, we return early\n                return;\n            }\n        }\n\n        if (hasNonSafeCellCount && isWarningVisibleForLargeDatasets) {\n            setShowWarningDialog(true);\n        } else {\n            // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs\n            setIsCurrentlyPrinting(true);\n        }\n    };\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table3.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    const handleWarningDialogAccept = () => {\n        setIsCurrentlyPrinting(true);\n    };\n\n    const handleWarningDialogCancel = async () => {\n        if (tableMeta.server.loadAll && excludeUnmatchedResults) {\n            await restoreTableDataWithoutSearch();\n        }\n    };\n\n    const handleWarningDialogClose = () => {\n        loadingToastRef.current?.close();\n        setShowWarningDialog(false);\n    };\n\n    return (\n        <>\n            <IconButton\n                disabled={isCurrentlyPrinting}\n                icon=\"print\"\n                onClick={handlePrint}\n                aria-label={texts.table3.print.tooltip}\n                tooltip={tooltip}\n                ref={buttonRef}\n                shortcut={shortcut}\n            />\n            {isCurrentlyPrinting && iframeTableProps.data !== null && (\n                <PrintIFrame\n                    onAfterPrint={handleAfterPrint}\n                    onBeforePrint={handleBeforePrint}\n                    tableProps={iframeTableProps as Table3Props<TType>}\n                />\n            )}\n            <WarningDialog\n                open={showWarningDialog}\n                onAccept={handleWarningDialogAccept}\n                onClose={handleWarningDialogClose}\n                onCancel={handleWarningDialogCancel}\n                // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n                onVisibilityChange={tableMeta.printing.setIsWarningVisibleForLargeDatasets}\n            />\n        </>\n    );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintButton","props","table","tableProps","texts","useLocalization","toast","useToast","isCurrentlyPrinting","setIsCurrentlyPrinting","React","useState","showWarningDialog","setShowWarningDialog","loadingToastRef","useRef","buttonRef","tableMeta","options","meta","state","getState","isWarningVisibleForLargeDatasets","printing","printTableId","id","excludeUnmatchedResults","search","defaultSettings","useMemo","columnFreezingIndex","columnFreezing","frozenColumnIndex","columnOrder","columnSizing","columnVisibility","excludeUnmatchedRecordsInSearch","fontSize","size","rowHeight","height","sorting","columnFilters","globalFilter","iframeTableChildren","Children","toArray","children","filter","child","enableColumnInPrinting","_child$props","enablePrinting","isValidElement","iframeTableProps","handleLoadingError","error","errorMessage","table3","print","console","_loadingToastRef$curr","current","restoreTableDataWithoutSearch","_tableMeta$server$loa","_tableMeta$server","Promise","resolve","server","loadAll","call","undefined","then","_temp","e","reject","handleAfterPrint","_loadingToastRef$curr2","close","_temp2","_temp3","handleBeforePrint","_loadingToastRef$curr3","handlePrint","hasNonSafeCellCount","loading","getCellCount","data","length","Object","keys","_temp5","cellCount","_temp4","_catch","query","_exit","_temp6","shortcut","key","shift","tooltip","Shortcut","className","handleWarningDialogAccept","handleWarningDialogCancel","_temp7","handleWarningDialogClose","_loadingToastRef$curr4","IconButton","disabled","icon","onClick","ref","PrintIFrame","onAfterPrint","onBeforePrint","WarningDialog","open","onAccept","onClose","onCancel","onVisibilityChange","setIsWarningVisibleForLargeDatasets"],"mappings":";;;;;;;;;AAWA,MAAMA,qBAAqB,GAAG,KAAK;SAOnBC,WAAWA,CAAkBC,KAA8B;EACvE,MAAM;IAAEC,KAAK;IAAEC;GAAY,GAAGF,KAAK;EACnC,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,KAAK,GAAGC,QAAQ,EAAE;EAExB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACvE,MAAMG,eAAe,GAAGJ,cAAK,CAACK,MAAM,CAAwB,IAAI,CAAC;EACjE,MAAMC,SAAS,GAAGN,cAAK,CAACK,MAAM,CAAoB,IAAI,CAAC;EAEvD,MAAME,SAAS,GAAGf,KAAK,CAACgB,OAAO,CAACC,IAAwB;EACxD,MAAMC,KAAK,GAAGlB,KAAK,CAACmB,QAAQ,EAAE;;EAE9B,MAAM;IAAEC;GAAkC,GAAGL,SAAS,CAACM,QAAQ;;;EAI/D,MAAMC,YAAY,MAAMrB,UAAU,CAACsB,UAAU;;EAE7C,MAAMC,uBAAuB,GAAGT,SAAS,CAACU,MAAM,CAACD,uBAAuB;EAExE,MAAME,eAAe,GAAGlB,cAAK,CAACmB,OAAO,CACjC,OAAO;;IAEHC,mBAAmB,EAAEb,SAAS,CAACc,cAAc,CAACC,iBAAiB;IAC/DC,WAAW,EAAEb,KAAK,CAACa,WAAW;IAC9BC,YAAY,EAAEd,KAAK,CAACc,YAAY;IAChCC,gBAAgB,EAAEf,KAAK,CAACe,gBAAgB;IACxCC,+BAA+B,EAAEV,uBAAuB;IACxDW,QAAQ,EAAEpB,SAAS,CAACoB,QAAQ,CAACC,IAAI;IACjCC,SAAS,EAAEtB,SAAS,CAACsB,SAAS,CAACC,MAAM;IACrCC,OAAO,EAAErB,KAAK,CAACqB,OAAO;;IAEtBC,aAAa,EAAEtB,KAAK,CAACsB,aAAa;IAClCC,YAAY,EAAEvB,KAAK,CAACuB;GACvB,CAAC,EACF;;EAEI1B,SAAS,CAACc,cAAc,CAACC,iBAAiB,EAC1CZ,KAAK,CAACa,WAAW,EACjBb,KAAK,CAACc,YAAY,EAClBd,KAAK,CAACe,gBAAgB,EACtBT,uBAAuB,EACvBT,SAAS,CAACoB,QAAQ,CAACC,IAAI,EACvBrB,SAAS,CAACsB,SAAS,CAACC,MAAM,EAC1BpB,KAAK,CAACqB,OAAO,EACbrB,KAAK,CAACsB,aAAa,EACnBtB,KAAK,CAACuB,YAAY,CACrB,CACJ;EAED,MAAMC,mBAAmB,GAAGlC,cAAK,CAACmB,OAAO,CACrC,MACKnB,cAAK,CAACmC,QAAQ,CAACC,OAAO,CAAC3C,UAAU,CAAC4C,QAAQ,CAAoD,CAACC,MAAM,CAACC,KAAK;;IACxG,MAAMC,sBAAsB,IAAAC,YAAA,GAAGF,KAAK,CAAChD,KAAK,cAAAkD,YAAA,uBAAXA,YAAA,CAAaC,cAAc;;IAG1D,kBAAI1C,cAAK,CAAC2C,cAAc,CAA2BJ,KAAK,CAAC,IAAIC,sBAAsB,KAAK,KAAK,EAAE;MAC3F,OAAO,KAAK;;IAGhB,OAAO,IAAI;GACd,CAAC,EACN,CAAC/C,UAAU,CAAC4C,QAAQ,CAAC,CACxB;EAED,MAAMO,gBAAgB,GAAG;IACrB,GAAGnD,UAAU;IACb4C,QAAQ,EAAEH,mBAAmB;IAC7BhB,eAAe;IACfH,EAAE,EAAED;GACP;EAED,MAAM+B,kBAAkB,GAAIC,KAAU;;IAClC,MAAMC,YAAY,MAAMrD,KAAK,CAACsD,MAAM,CAACC,KAAK,CAACH,UAAUA,OAAO;IAE5DI,OAAO,CAACJ,KAAK,CAACC,YAAY,CAAC;IAC3B,CAAAI,qBAAA,GAAA/C,eAAe,CAACgD,OAAO,cAAAD,qBAAA,uBAAvBA,qBAAA,CAAyBL,KAAK,CAACC,YAAY,CAAC;GAC/C;EAED,MAAMM,6BAA6B;IAAA;uCAC3B;QAAA,IAAAC,qBAAA,EAAAC,iBAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,EAAAH,qBAAA,GACM,CAAAC,iBAAA,GAAAhD,SAAS,CAACmD,MAAM,EAACC,OAAO,cAAAL,qBAAA,uBAAxBA,qBAAA,CAAAM,IAAA,CAAAL,iBAAA,EAA2B/D,KAAK,CAACmB,QAAQ,EAAE,CAACoB,OAAO,EAAEvC,KAAK,CAACmB,QAAQ,EAAE,CAACqB,aAAa,EAAE6B,SAAS,CAAC,EAAAC,IAAA;OACxG,YAAQhB,KAAK,EAAE;QACZD,kBAAkB,CAACC,KAAK,CAAC;OAE5B;MAAA,OAAAU,OAAA,CAAAC,OAAA,CAAAM,KAAA,IAAAA,KAAA,CAAAD,IAAA,GAAAC,KAAA,CAAAD,IAAA;KACJ,QAAAE,CAAA;MAAA,OAAAR,OAAA,CAAAS,MAAA,CAAAD,CAAA;;;EAED,MAAME,gBAAgB;IAAA;;;QAIlBnE,sBAAsB,CAAC,KAAK,CAAC;QAC7B,CAAAoE,sBAAA,GAAA/D,eAAe,CAACgD,OAAO,cAAAe,sBAAA,uBAAvBA,sBAAA,CAAyBC,KAAK,EAAE;;MAAC,MAAAC,MAAA;QAAA,IAJ7B9D,SAAS,CAACmD,MAAM,CAACC,OAAO,IAAI3C,uBAAuB;UAAA,OAAAwC,OAAA,CAAAC,OAAA,CAC7CJ,6BAA6B,EAAE,EAAAS,IAAA;;;MAAA,OAAAN,OAAA,CAAAC,OAAA,CAAAY,MAAA,IAAAA,MAAA,CAAAP,IAAA,GAAAO,MAAA,CAAAP,IAAA,CAAAQ,MAAA,IAAAA,MAAA,CAAAD,MAAA;KAI5C,QAAAL,CAAA;MAAA,OAAAR,OAAA,CAAAS,MAAA,CAAAD,CAAA;;;EAED,MAAMO,iBAAiB,GAAGA;;IACtB,CAAAC,sBAAA,GAAApE,eAAe,CAACgD,OAAO,cAAAoB,sBAAA,uBAAvBA,sBAAA,CAAyBJ,KAAK,EAAE;GACnC;EAED,MAAMK,WAAW;IAAA;;;;YAuCTC,mBAAmB,IAAI9D,gCAAgC;UACvDT,oBAAoB,CAAC,IAAI,CAAC;;;UAG1BJ,sBAAsB,CAAC,IAAI,CAAC;;;MA1ChCK,eAAe,CAACgD,OAAO,GAAGxD,KAAK,CAAC+E,OAAO,CAACjF,KAAK,CAACsD,MAAM,CAACC,KAAK,CAAC0B,OAAc,CAAC;MAE1E,MAAMC,YAAY,GAAIC,IAAa,IAAMA,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACH,IAAI,CAAC,CAAC,CAAC,CAAC,CAACC,MAAM,GAAG,CAAE;MACrG,IAAIJ,mBAAmB,GAAG,KAAK;;;MAG/B,MAAAO,MAAA;QAAA,IACI,CAAC1E,SAAS,CAACmD,MAAM,CAACC,OAAO;UACzB,MAAM;YAAEkB;WAAM,GAAGpF,UAAU;UAC3B,MAAMyF,SAAS,GAAGN,YAAY,CAACC,IAAI,CAAC;UAEpCH,mBAAmB,GAAGQ,SAAS,GAAG7F,qBAAqB;;UAAC,MAAA8F,MAAA,GAAAC,MAAA,aAEpD;YAAA,OAAA5B,OAAA,CAAAC,OAAA,CACMlD,SAAS,CAACmD,MAAM,CAACC,OAAO,CAC1BnE,KAAK,CAACmB,QAAQ,EAAE,CAACoB,OAAO,EACxBvC,KAAK,CAACmB,QAAQ,EAAE,CAACqB,aAAa;;;;;YAK9BhB,uBAAuB,GAAGT,SAAS,CAACU,MAAM,CAACoE,KAAK,GAAGxB,SAAS,CAC/D,EAAAC,IAAA;;;cAID,MAAM;gBAAEe;eAAM,GAAGpF,UAAU;cAC3B,MAAMyF,SAAS,GAAGN,YAAY,CAACC,IAAI,CAAC;cAEpCH,mBAAmB,GAAGQ,SAAS,GAAG7F,qBAAqB;;WAC1D,YAAQyD,KAAK,EAAE;YACZD,kBAAkB,CAACC,KAAK,CAAC;;YAEzBwC,KAAA;WAEH;UAAA,IAAAH,MAAA,IAAAA,MAAA,CAAArB,IAAA,SAAAqB,MAAA,CAAArB,IAAA;;;MAAA,OAAAN,OAAA,CAAAC,OAAA,CAAAwB,MAAA,IAAAA,MAAA,CAAAnB,IAAA,GAAAmB,MAAA,CAAAnB,IAAA,CAAAyB,MAAA,IAAAA,MAAA,CAAAN,MAAA;KASR,QAAAjB,CAAA;MAAA,OAAAR,OAAA,CAAAS,MAAA,CAAAD,CAAA;;;EAED,MAAMwB,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEhF,IAAI,EAAE,IAAI;IAAEiF,KAAK,EAAE;GAAO;EACvD,MAAMC,OAAO,gBACT3F,4DACKN,KAAK,CAACsD,MAAM,CAACC,KAAK,CAAC0C,OAAO,eAC3B3F,6BAAC4F,QAAQ;IAACC,SAAS,EAAC,MAAM;IAACb,IAAI,EAAEQ;IAAY,CAEpD;EAED,MAAMM,yBAAyB,GAAGA;IAC9B/F,sBAAsB,CAAC,IAAI,CAAC;GAC/B;EAED,MAAMgG,yBAAyB;IAAA;;YACvBxF,SAAS,CAACmD,MAAM,CAACC,OAAO,IAAI3C,uBAAuB;UAAA,OAAAwC,OAAA,CAAAC,OAAA,CAC7CJ,6BAA6B,EAAE,EAAAS,IAAA;;;MAAA,OAAAN,OAAA,CAAAC,OAAA,CAAAuC,MAAA,IAAAA,MAAA,CAAAlC,IAAA,GAAAkC,MAAA,CAAAlC,IAAA;KAE5C,QAAAE,CAAA;MAAA,OAAAR,OAAA,CAAAS,MAAA,CAAAD,CAAA;;;EAED,MAAMiC,wBAAwB,GAAGA;;IAC7B,CAAAC,sBAAA,GAAA9F,eAAe,CAACgD,OAAO,cAAA8C,sBAAA,uBAAvBA,sBAAA,CAAyB9B,KAAK,EAAE;IAChCjE,oBAAoB,CAAC,KAAK,CAAC;GAC9B;EAED,oBACIH,yEACIA,6BAACmG,UAAU;IACPC,QAAQ,EAAEtG,mBAAmB;IAC7BuG,IAAI,EAAC,OAAO;IACZC,OAAO,EAAE7B,WAAW;kBACR/E,KAAK,CAACsD,MAAM,CAACC,KAAK,CAAC0C,OAAO;IACtCA,OAAO,EAAEA,OAAO;IAChBY,GAAG,EAAEjG,SAAS;IACdkF,QAAQ,EAAEA;IACZ,EACD1F,mBAAmB,IAAI8C,gBAAgB,CAACiC,IAAI,KAAK,IAAI,mBAClD7E,6BAACwG,WAAW;IACRC,YAAY,EAAEvC,gBAAgB;IAC9BwC,aAAa,EAAEnC,iBAAiB;IAChC9E,UAAU,EAAEmD;IACd,CACL,eACD5C,6BAAC2G,aAAa;IACVC,IAAI,EAAE1G,iBAAiB;IACvB2G,QAAQ,EAAEf,yBAAyB;IACnCgB,OAAO,EAAEb,wBAAwB;IACjCc,QAAQ,EAAEhB,yBAAyB;;IAEnCiB,kBAAkB,EAAEzG,SAAS,CAACM,QAAQ,CAACoG;IACzC,CACH;AAEX;;;;"}

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

@@ -0,0 +1,224 @@
+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 '../../../../Spinner/Spinner.js';
+import '../../../../Checkbox/Checkbox.js';
+import '../../../../../hooks/useBoundingClientRectListener.js';
+import '../../../../Input/Input.js';
+import '../../../../../utils/hooks/useListKeyboardNavigation.js';
+import '../../../../../utils/hooks/useListScrollTo.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 '../../../../ModeSwitch/ModeSwitch.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 '../../../../../types.js';
+import '../../../../../primitives/Table/useTableDataLoader.js';
+import '../../../../../hooks/useLazyEffect.js';
+import '../../../../SearchInput/SearchInput.js';
+import '../../../../SearchInput2/SearchInput2.js';
+import '../../../../Switch/Switch.js';
+import '../../../../../primitives/Collection/Collection.js';
+import '../../../../Tag/Tag.js';
+import '../../../../Select2/Select2.js';
+import '../../../../../hooks/useMatchMedia.js';
+import '../../../../../hooks/useIsLargeScreen.js';
+import '../../../../Report/Report.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 ReactDOM from 'react-dom';
+import '../../../../Textarea/Textarea.js';
+import { useParentStylesheets } from './hooks/useParentStylesheets.js';
+import '../../../hooks/useTableDataLoader.js';
+import { Table3 } from '../../../Table3.js';
+import '../../../../Tabs/Tabs.js';
+import '../../../../Tour/Tour.js';
+import '../../../../Header/Header.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 isFirefoxBrowser = React__default.useMemo(() => navigator.userAgent.toLowerCase().includes('firefox'), []);
+  const isSafariBrowser = React__default.useMemo(() => navigator.userAgent.toLowerCase().includes('safari') && !navigator.userAgent.toLowerCase().includes('chrome'), []);
+  const iframeWindow = contentRef === null || contentRef === void 0 ? void 0 : contentRef.contentWindow;
+  const stylesReady = useParentStylesheets(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 table = tableWrapper.querySelector('[role="table"]');
+          const hasTableRendered = !!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();
+            // By adding height to the tableWrapper, we make sure the content below absolutely positioned table
+            // doesn't hide
+            if (isFirefoxBrowser) {
+              const tableHeight = `${table.offsetHeight}px`;
+              tableWrapper.style.height = tableHeight;
+            }
+            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 _contentRef$closest, _parentElement$innerH;
+    if (!contentRef || !iframeWindow || !stylesReady) {
+      return;
+    }
+    // get the closest parent/container of the table, and the table itself
+    const parentElement = (_contentRef$closest = contentRef === null || contentRef === void 0 ? void 0 : contentRef.closest('[role=dialog], [data-taco=drawer], main')) !== null && _contentRef$closest !== void 0 ? _contentRef$closest : iframeWindow.parent.document.body;
+    const iframeDocument = iframeWindow.document;
+    iframeDocument.body.innerHTML = (_parentElement$innerH = parentElement === null || parentElement === void 0 ? void 0 : parentElement.innerHTML) !== null && _parentElement$innerH !== void 0 ? _parentElement$innerH : '';
+    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');
+    tableWrapper.classList.add('[&>[role="table"]]:!h-fit');
+    if (isFirefoxBrowser) {
+      // Fix for firefox bug which adds page-long whitespace between page's top content and table.
+      tableWrapper.classList.add('[&>[role="table"]]:!absolute');
+    }
+    // Makes sure table takes the full screen width.
+    if (isSafariBrowser) {
+      // Safari browser doesn't apply correct width to the columns when w-screen is used.
+      tableWrapper.classList.add('w-full');
+    } else {
+      tableWrapper.classList.add('w-screen');
+    }
+    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,
+    // The presence of the onChangeSettings prop ensures that settings won't be stored in local storage.
+    onChangeSettings: () => undefined
+  };
+  // -top-60 -left-60 styles make sure that iframe is added outside of the viewport
+  return /*#__PURE__*/React__default.createElement("iframe", {
+    className: "fixed -left-[6000px] -top-[6000px] -z-50 !h-0 !w-0",
+    ref: setContentRef,
+    // Temporary fix to support printing in firefox: Find another solution while upgrading React
+    src: "javascript:void(0);"
+  }, 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 isFirefoxBrowser = React.useMemo(() => navigator.userAgent.toLowerCase().includes('firefox'), []);\n    const isSafariBrowser = React.useMemo(\n        () => navigator.userAgent.toLowerCase().includes('safari') && !navigator.userAgent.toLowerCase().includes('chrome'),\n        []\n    );\n\n    const iframeWindow = contentRef?.contentWindow;\n\n    const stylesReady = useParentStylesheets(iframeWindow);\n\n    // Calls print method when table has loaded in the iframe.\n    React.useEffect(() => {\n        let intervalId: ReturnType<typeof setInterval>;\n        let timeoutId: ReturnType<typeof setTimeout>;\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 table = tableWrapper.querySelector('[role=\"table\"]') as HTMLElement;\n                const hasTableRendered = !!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                    // By adding height to the tableWrapper, we make sure the content below absolutely positioned table\n                    // doesn't hide\n                    if (isFirefoxBrowser) {\n                        const tableHeight = `${table.offsetHeight}px`;\n                        tableWrapper.style.height = tableHeight;\n                    }\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 (!contentRef || !iframeWindow || !stylesReady) {\n            return;\n        }\n\n        // get the closest parent/container of the table, and the table itself\n        const parentElement = contentRef?.closest('[role=dialog], [data-taco=drawer], main') ?? iframeWindow.parent.document.body;\n\n        const iframeDocument = iframeWindow.document;\n        iframeDocument.body.innerHTML = parentElement?.innerHTML ?? '';\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        tableWrapper.classList.add('[&>[role=\"table\"]]:!h-fit');\n\n        if (isFirefoxBrowser) {\n            // Fix for firefox bug which adds page-long whitespace between page's top content and table.\n            tableWrapper.classList.add('[&>[role=\"table\"]]:!absolute');\n        }\n\n        // Makes sure table takes the full screen width.\n        if (isSafariBrowser) {\n            // Safari browser doesn't apply correct width to the columns when w-screen is used.\n            tableWrapper.classList.add('w-full');\n        } else {\n            tableWrapper.classList.add('w-screen');\n        }\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        // The presence of the onChangeSettings prop ensures that settings won't be stored in local storage.\n        onChangeSettings: () => undefined,\n    };\n\n    // -top-60 -left-60 styles make sure that iframe is added outside of the viewport\n    return (\n        <iframe\n            className=\"fixed -left-[6000px] -top-[6000px] -z-50 !h-0 !w-0\"\n            ref={setContentRef}\n            // Temporary fix to support printing in firefox: Find another solution while upgrading React\n            src=\"javascript:void(0);\">\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","isFirefoxBrowser","useMemo","navigator","userAgent","toLowerCase","includes","isSafariBrowser","iframeWindow","contentWindow","stylesReady","useParentStylesheets","useEffect","intervalId","timeoutId","setInterval","tableWrapper","table","querySelector","hasTableRendered","_contentRef$contentWi","clearInterval","tableHeight","offsetHeight","style","height","print","setTimeout","Promise","resolve","e","reject","clearTimeout","parentElement","_contentRef$closest","closest","parent","document","body","iframeDocument","innerHTML","_parentElement$innerH","tableElement","tableColumnFreezingStyles","createElement","setAttribute","classList","add","_tableElement$parentN","parentNode","insertBefore","remove","append","currentNode","_currentNode","printTableProps","actionsForRow","undefined","defaultCurrentRowIndex","defaultSettings","rowHeight","enableColumnFreezing","enableRowHeight","enableRowSelection","enableEditing","enablePrinting","enableRowDrag","enableRowDrop","enableRowSelectionSingle","preset","onChangeSettings","className","ref","src","ReactDOM","createPortal","Table3"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Button } from '../../../../Button/Button.js';
+import { Checkbox } from '../../../../Checkbox/Checkbox.js';
+import { Dialog } from '../../../../Dialog/Dialog.js';
+import { Group } from '../../../../Group/Group.js';
+
+const WarningDialog = ({
+  onAccept,
+  onCancel,
+  onClose,
+  onVisibilityChange,
+  ...props
+}) => {
+  const [hideWarningDialog, setHideWarningDialog] = React__default.useState(false);
+  const {
+    texts
+  } = useLocalization();
+  const handleClose = () => {
+    onClose();
+    // Change visibility state when the dialog is closing
+    onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(!hideWarningDialog);
+  };
+  return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, props, {
+    closeOnEscape: true,
+    onClose: handleClose,
+    showCloseButton: false,
+    size: "xs"
+  }), /*#__PURE__*/React__default.createElement(Dialog.Content, {
+    "aria-label": texts.table3.print.warningDialog.title
+  }, /*#__PURE__*/React__default.createElement(Dialog.Title, {
+    className: "text-center"
+  }, /*#__PURE__*/React__default.createElement(BadgeIcon, {
+    icon: "warning",
+    color: "yellow",
+    className: "mr-2"
+  }), texts.table3.print.warningDialog.title), /*#__PURE__*/React__default.createElement("p", null, texts.table3.print.warningDialog.description), /*#__PURE__*/React__default.createElement(Dialog.Footer, {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    label: texts.table3.print.warningDialog.checkboxVisibilityLabel,
+    checked: hideWarningDialog,
+    onChange: setHideWarningDialog
+  }), /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Button, {
+    onClick: () => {
+      handleClose();
+      onCancel();
+    }
+  }, texts.table3.print.warningDialog.cancelButtonText), /*#__PURE__*/React__default.createElement(Button, {
+    appearance: "primary",
+    autoFocus: true,
+    onClick: () => {
+      handleClose();
+      onAccept();
+    }
+  }, texts.table3.print.warningDialog.printButtonText)))));
+};
+
+export { WarningDialog };
+//# sourceMappingURL=WarningDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WarningDialog.js","sources":["../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/WarningDialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Button } from '../../../../Button/Button';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\nimport { Dialog, DialogProps } from '../../../../Dialog/Dialog';\nimport { Group } from '../../../../Group/Group';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type WarningDialogProps = Omit<DialogProps, 'children' | 'onClose'> & {\n    onAccept: () => void;\n    onCancel: () => void;\n    onClose: () => void;\n    onVisibilityChange: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const WarningDialog = ({ onAccept, onCancel, onClose, onVisibilityChange, ...props }: WarningDialogProps) => {\n    const [hideWarningDialog, setHideWarningDialog] = React.useState(false);\n    const { texts } = useLocalization();\n    const handleClose = () => {\n        onClose();\n        // Change visibility state when the dialog is closing\n        onVisibilityChange?.(!hideWarningDialog);\n    };\n\n    return (\n        <Dialog {...props} closeOnEscape={true} onClose={handleClose} showCloseButton={false} size=\"xs\">\n            <Dialog.Content aria-label={texts.table3.print.warningDialog.title}>\n                <Dialog.Title className=\"text-center\">\n                    <BadgeIcon icon=\"warning\" color=\"yellow\" className=\"mr-2\" />\n                    {texts.table3.print.warningDialog.title}\n                </Dialog.Title>\n                <p>{texts.table3.print.warningDialog.description}</p>\n                <Dialog.Footer className=\"flex items-center justify-between\">\n                    <Checkbox\n                        label={texts.table3.print.warningDialog.checkboxVisibilityLabel}\n                        checked={hideWarningDialog}\n                        onChange={setHideWarningDialog}\n                    />\n                    <Group>\n                        <Button\n                            onClick={() => {\n                                handleClose();\n                                onCancel();\n                            }}>\n                            {texts.table3.print.warningDialog.cancelButtonText}\n                        </Button>\n                        <Button\n                            appearance=\"primary\"\n                            autoFocus\n                            onClick={() => {\n                                handleClose();\n                                onAccept();\n                            }}>\n                            {texts.table3.print.warningDialog.printButtonText}\n                        </Button>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n};\n"],"names":["WarningDialog","onAccept","onCancel","onClose","onVisibilityChange","props","hideWarningDialog","setHideWarningDialog","React","useState","texts","useLocalization","handleClose","Dialog","closeOnEscape","showCloseButton","size","Content","table3","print","warningDialog","title","Title","className","BadgeIcon","icon","color","description","Footer","Checkbox","label","checkboxVisibilityLabel","checked","onChange","Group","Button","onClick","cancelButtonText","appearance","autoFocus","printButtonText"],"mappings":";;;;;;;;MAgBaA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,kBAAkB;EAAE,GAAGC;CAA2B;EAC3G,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACvE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,WAAW,GAAGA;IAChBT,OAAO,EAAE;;IAETC,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAG,CAACE,iBAAiB,CAAC;GAC3C;EAED,oBACIE,6BAACK,MAAM,oBAAKR,KAAK;IAAES,aAAa,EAAE,IAAI;IAAEX,OAAO,EAAES,WAAW;IAAEG,eAAe,EAAE,KAAK;IAAEC,IAAI,EAAC;mBACvFR,6BAACK,MAAM,CAACI,OAAO;kBAAaP,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACC;kBACzDb,6BAACK,MAAM,CAACS,KAAK;IAACC,SAAS,EAAC;kBACpBf,6BAACgB,SAAS;IAACC,IAAI,EAAC,SAAS;IAACC,KAAK,EAAC,QAAQ;IAACH,SAAS,EAAC;IAAS,EAC3Db,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACC,KAAK,CAC5B,eACfb,wCAAIE,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACO,WAAW,CAAK,eACrDnB,6BAACK,MAAM,CAACe,MAAM;IAACL,SAAS,EAAC;kBACrBf,6BAACqB,QAAQ;IACLC,KAAK,EAAEpB,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACW,uBAAuB;IAC/DC,OAAO,EAAE1B,iBAAiB;IAC1B2B,QAAQ,EAAE1B;IACZ,eACFC,6BAAC0B,KAAK,qBACF1B,6BAAC2B,MAAM;IACHC,OAAO,EAAEA;MACLxB,WAAW,EAAE;MACbV,QAAQ,EAAE;;KAEbQ,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACiB,gBAAgB,CAC7C,eACT7B,6BAAC2B,MAAM;IACHG,UAAU,EAAC,SAAS;IACpBC,SAAS;IACTH,OAAO,EAAEA;MACLxB,WAAW,EAAE;MACbX,QAAQ,EAAE;;KAEbS,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACoB,eAAe,CAC5C,CACL,CACI,CACH,CACZ;AAEjB;;;;"}