@economic/taco 2.1.2 → 2.2.0

package/dist/components/Provider/Localization.d.ts

@@ -361,6 +361,13 @@ export declare const defaultLocalisationTexts: {
             error: string;
             loading: string;
             tooltip: string;
+            warningDialog: {
+                title: string;
+                description: string;
+                checkboxVisibilityLabel: string;
+                cancelButtonText: string;
+                printButtonText: string;
+            };
         };
         rowHeight: {
             tooltip: string;

package/dist/components/Table3/components/toolbar/PrintButton/WarningDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DialogProps } from '../../../../Dialog/Dialog';
+export declare type WarningDialogProps = Omit<DialogProps, 'children' | 'onClose'> & {
+    onAccept: () => void;
+    onClose: () => void;
+    onVisibilityChange: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const WarningDialog: ({ onAccept, onClose, onVisibilityChange, ...props }: WarningDialogProps) => JSX.Element;

package/dist/components/Table3/hooks/features/usePrinting.d.ts

@@ -1,5 +1,8 @@
+import React from 'react';
 import { Table3LoadAllHandler } from '../../types';
-export declare function usePrinting(isEnabled: boolean, loadAll?: Table3LoadAllHandler): {
+export declare function usePrinting(isEnabled: boolean, loadAll?: Table3LoadAllHandler, showWarningWhenPrintingLargeDataset?: boolean): {
     isEnabled: boolean;
     loadAll: Table3LoadAllHandler | undefined;
+    printWarningDialogVisibility: boolean;
+    setPrintWarningDialogVisibility: React.Dispatch<React.SetStateAction<boolean>>;
 };

package/dist/components/Table3/types.d.ts

@@ -67,6 +67,7 @@ export declare type Table3Settings = {
     columnSizing?: ColumnSizingState;
     columnVisibility?: VisibilityState;
     excludeUnmatchedRecordsInSearch?: boolean;
+    showWarningWhenPrintingLargeDataset?: boolean;
     fontSize?: Table3FontSize;
     rowHeight?: Table3RowHeight;
     sorting?: SortingState;
@@ -296,6 +297,13 @@ export declare type Table3Texts = {
         error: string;
         loading: string;
         tooltip: string;
+        warningDialog: {
+            title: string;
+            description: string;
+            checkboxVisibilityLabel: string;
+            cancelButtonText: string;
+            printButtonText: string;
+        };
     };
     rowHeight: {
         tooltip: string;

package/dist/esm/packages/taco/src/components/Provider/Localization.js

@@ -290,7 +290,14 @@ const defaultLocalisationTexts = {
     print: {
       error: 'An error occurred while creating a print preview',
       loading: 'Creating a print preview',
-      tooltip: 'Print'
+      tooltip: 'Print',
+      warningDialog: {
+        title: 'Extra loading time',
+        description: 'Please note that printing a large amount of data may result in a slightly longer waiting time due to data loading.',
+        checkboxVisibilityLabel: "Don't show again",
+        cancelButtonText: 'Cancel',
+        printButtonText: 'Print'
+      }
     },
     rowHeight: {
       tooltip: 'Row height',

package/dist/esm/packages/taco/src/components/Provider/Localization.js.map

@@ -1 +1 @@
-{"version":3,"file":"Localization.js","sources":["../../../../../../../src/components/Provider/Localization.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HeaderTexts } from '../Header/Header';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { Table2Texts } from '../Table2/Table2';\nimport { Table3Texts } from '../Table3/types';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { Select2Texts } from '../Select2/Select2';\nimport { BannerTexts } from '../Banner/Banner';\nimport { DrawerTexts } from '../Drawer/Drawer';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Banner](component:banner) component */\n    banner: BannerTexts;\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Header](component:header) component */\n    header: HeaderTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Table2](component:table2) component */\n    table2: Table2Texts;\n    /** Localized texts and aria-labels for [Table3](component:table3) component */\n    table3: Table3Texts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [Drawer](component:drawer) component */\n    drawer: DrawerTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\n\nexport const defaultLocalisationTexts = {\n    banner: {\n        close: 'Close',\n    },\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    header: {\n        addAgreement: 'Add agreement',\n        logout: 'Log off',\n        more: 'More',\n        new: 'New',\n        search: 'Search for agreement...',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    table2: {\n        columns: {\n            resize: {\n                tooltip: 'Resize column',\n            },\n            actions: {\n                tooltip: 'Other actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n            menu: {\n                hideColumn: 'Hide column',\n                freezeColumns: (count = 1) => (count === 1 ? 'Freeze the first column' : `Freeze first ${count} columns`),\n                unfreezeColumns: 'Unfreeze all columns',\n            },\n        },\n        columnSettings: {\n            search: 'Search column...',\n            tooltip: 'Column settings',\n            button: 'Columns',\n            noResults: 'No results',\n        },\n        editing: {\n            button: 'Edit',\n            tooltip: 'Edit',\n            tooltipDisabled: 'There are no visible columns that support editing',\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addNewFilter: 'Add new filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            conditions: {\n                and: 'And',\n                where: 'Where',\n            },\n            emptyFilter: {\n                condition: 'Condition',\n                value: 'Value',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        footer: {\n            summary: {\n                records: 'Records:',\n                selected: 'Records selected:',\n            },\n        },\n        rowDensity: {\n            tooltip: 'Row density',\n            compact: 'compact',\n            normal: 'normal',\n            comfortable: 'comfortable',\n            spacious: 'spacious',\n        },\n        search: {\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    table3: {\n        columns: {\n            actions: {\n                tooltip: 'Row actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            menu: {\n                freezeFirstColumn: 'Freeze the first column',\n                freezeUptoColumn: `Freeze first [TOTAL] columns`,\n                freezeColumns: (count = 1) => (count === 1 ? 'Freeze the first column' : `Freeze first ${count} columns`),\n                gotoRow: 'Go to',\n                hideColumn: 'Hide column',\n                unfreezeColumns: 'Unfreeze all columns',\n            },\n            resize: {\n                tooltip: 'Resize column',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n        },\n        columnSettings: {\n            search: 'Search column...',\n            tooltip: 'Columns',\n            button: 'Columns',\n            noResults: 'No results',\n        },\n        editing: {\n            actions: {\n                tooltip: 'Row actions',\n                save: 'Save',\n                clear: 'Clear changes',\n                exit: 'Exit edit mode',\n            },\n            buttons: {\n                edit: {\n                    text: 'Edit',\n                    tooltip: 'Edit',\n                },\n            },\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n            saving: {\n                progress: 'Saving...',\n                complete: 'Saved',\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addFilter: 'Add new filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            conditions: {\n                and: 'And',\n                where: 'Where',\n            },\n            emptyFilter: {\n                condition: 'Condition',\n                value: 'Value',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        fontSize: {\n            tooltip: 'Font size',\n            sizes: {\n                small: 'Small',\n                medium: 'Medium',\n                large: 'Large',\n            },\n        },\n        footer: {\n            summary: {\n                count: 'of',\n                records: 'Records:',\n                selected: 'Records selected:',\n            },\n        },\n        print: {\n            error: 'An error occurred while creating a print preview',\n            loading: 'Creating a print preview',\n            tooltip: 'Print',\n        },\n        rowHeight: {\n            tooltip: 'Row height',\n            sizes: {\n                short: 'Short',\n                medium: 'Medium',\n                tall: 'Tall',\n                extraTall: 'Extra tall',\n            },\n        },\n        search: {\n            excludeUnmatchedResults: 'Hide unmatched records',\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    searchInput: {\n        button: 'Search',\n        findNext: 'Next',\n        findPrevious: 'Previous',\n        placeholder: 'Search...',\n        clear: 'Clear',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    drawer: {\n        close: 'Close',\n    },\n};\n\nexport const defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nexport const LocalizationContext = React.createContext<Localization>(defaultLocalizationContext);\nexport interface LocalizationProviderProps {\n    children: React.ReactNode;\n    localization?: Localization;\n}\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = ({ localization, children }) => {\n    return (\n        <LocalizationContext.Provider value={localization ?? defaultLocalizationContext}>{children}</LocalizationContext.Provider>\n    );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"names":["defaultLocalisationTexts","banner","close","calendar","months","weekdaysShort","weekdays","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","dialog","drag","hanger","header","addAgreement","logout","more","new","search","listbox","loading","empty","allOption","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","table2","columns","resize","expansion","collapse","collapseAll","expandAll","select","deselect","deselectAll","selectAll","menu","hideColumn","freezeColumns","count","unfreezeColumns","columnSettings","button","noResults","editing","tooltipDisabled","rowIndicator","rowWillMove","rowWillBeHidden","rowWillMoveReasonSearch","rowWillMoveReasonFilter","rowWillMoveReasonSorting","filters","buttons","addNewFilter","clearFilters","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isGreaterThan","isLessThan","isBetween","isOneOf","isNoneOf","isAllOf","isEmpty","isNotEmpty","conditions","and","where","emptyFilter","condition","value","total","footer","summary","records","selected","rowDensity","compact","normal","comfortable","spacious","placeholder","filter","previousRow","nextRow","editCell","previousColumn","nextColumn","rowClick","selectRow","selectAllRows","expandRow","collapseRow","table3","freezeFirstColumn","freezeUptoColumn","gotoRow","save","exit","text","saving","progress","complete","addFilter","fontSize","sizes","small","medium","large","print","error","rowHeight","short","tall","extraTall","excludeUnmatchedResults","searchInput","findNext","findPrevious","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","drawer","defaultLocalizationContext","locale","texts","formatting","date","LocalizationContext","React","LocalizationProvider","localization","children","Provider","useLocalization"],"mappings":"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"}
+{"version":3,"file":"Localization.js","sources":["../../../../../../../src/components/Provider/Localization.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HeaderTexts } from '../Header/Header';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { Table2Texts } from '../Table2/Table2';\nimport { Table3Texts } from '../Table3/types';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { Select2Texts } from '../Select2/Select2';\nimport { BannerTexts } from '../Banner/Banner';\nimport { DrawerTexts } from '../Drawer/Drawer';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Banner](component:banner) component */\n    banner: BannerTexts;\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Header](component:header) component */\n    header: HeaderTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Table2](component:table2) component */\n    table2: Table2Texts;\n    /** Localized texts and aria-labels for [Table3](component:table3) component */\n    table3: Table3Texts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [Drawer](component:drawer) component */\n    drawer: DrawerTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\n\nexport const defaultLocalisationTexts = {\n    banner: {\n        close: 'Close',\n    },\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    header: {\n        addAgreement: 'Add agreement',\n        logout: 'Log off',\n        more: 'More',\n        new: 'New',\n        search: 'Search for agreement...',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    table2: {\n        columns: {\n            resize: {\n                tooltip: 'Resize column',\n            },\n            actions: {\n                tooltip: 'Other actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n            menu: {\n                hideColumn: 'Hide column',\n                freezeColumns: (count = 1) => (count === 1 ? 'Freeze the first column' : `Freeze first ${count} columns`),\n                unfreezeColumns: 'Unfreeze all columns',\n            },\n        },\n        columnSettings: {\n            search: 'Search column...',\n            tooltip: 'Column settings',\n            button: 'Columns',\n            noResults: 'No results',\n        },\n        editing: {\n            button: 'Edit',\n            tooltip: 'Edit',\n            tooltipDisabled: 'There are no visible columns that support editing',\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addNewFilter: 'Add new filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            conditions: {\n                and: 'And',\n                where: 'Where',\n            },\n            emptyFilter: {\n                condition: 'Condition',\n                value: 'Value',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        footer: {\n            summary: {\n                records: 'Records:',\n                selected: 'Records selected:',\n            },\n        },\n        rowDensity: {\n            tooltip: 'Row density',\n            compact: 'compact',\n            normal: 'normal',\n            comfortable: 'comfortable',\n            spacious: 'spacious',\n        },\n        search: {\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    table3: {\n        columns: {\n            actions: {\n                tooltip: 'Row actions',\n            },\n            drag: {\n                tooltip: 'Drag row',\n            },\n            expansion: {\n                collapse: 'Collapse row',\n                collapseAll: 'Collapse all rows',\n                expand: 'Expand row',\n                expandAll: 'Expand all rows',\n            },\n            menu: {\n                freezeFirstColumn: 'Freeze the first column',\n                freezeUptoColumn: `Freeze first [TOTAL] columns`,\n                freezeColumns: (count = 1) => (count === 1 ? 'Freeze the first column' : `Freeze first ${count} columns`),\n                gotoRow: 'Go to',\n                hideColumn: 'Hide column',\n                unfreezeColumns: 'Unfreeze all columns',\n            },\n            resize: {\n                tooltip: 'Resize column',\n            },\n            select: {\n                deselect: 'Deselect row',\n                deselectAll: 'Deselect all rows',\n                select: 'Select row',\n                selectAll: 'Select all rows',\n            },\n        },\n        columnSettings: {\n            search: 'Search column...',\n            tooltip: 'Columns',\n            button: 'Columns',\n            noResults: 'No results',\n        },\n        editing: {\n            actions: {\n                tooltip: 'Row actions',\n                save: 'Save',\n                clear: 'Clear changes',\n                exit: 'Exit edit mode',\n            },\n            buttons: {\n                edit: {\n                    text: 'Edit',\n                    tooltip: 'Edit',\n                },\n            },\n            rowIndicator: {\n                rowWillMove: 'Row will move due to sorting',\n                rowWillBeHidden: 'Row will hide due to filtering',\n                rowWillMoveReasonSearch:\n                    'Due to a search filter applied to this table, this row will be hidden as soon as you select another row',\n                rowWillMoveReasonFilter:\n                    \"Due to a filter applied to the column '[COLUMN]', this row will be hidden as soon as you select another row\",\n                rowWillMoveReasonSorting:\n                    \"Due to sorting applied to the column '[COLUMN]', this row will move position as soon as you select another row\",\n            },\n            saving: {\n                progress: 'Saving...',\n                complete: 'Saved',\n            },\n        },\n        filters: {\n            button: 'Filters',\n            buttons: {\n                addFilter: 'Add new filter',\n                clearFilters: 'Clear all filters',\n            },\n            comparators: {\n                contains: 'Contains',\n                doesNotContain: 'Does not contain',\n                isEqualTo: 'Is',\n                isNotEqualTo: 'Is not',\n                isGreaterThan: 'Is greater than',\n                isLessThan: 'Is less than',\n                isBetween: 'Is between',\n                isOneOf: 'Is one of',\n                isNoneOf: 'Is none of',\n                isAllOf: 'Is all of',\n                isEmpty: 'Is empty',\n                isNotEmpty: 'Is not empty',\n            },\n            conditions: {\n                and: 'And',\n                where: 'Where',\n            },\n            emptyFilter: {\n                condition: 'Condition',\n                value: 'Value',\n            },\n            tooltip: 'Apply filters',\n            total: 'Viewing [CURRENT] of [TOTAL]',\n        },\n        fontSize: {\n            tooltip: 'Font size',\n            sizes: {\n                small: 'Small',\n                medium: 'Medium',\n                large: 'Large',\n            },\n        },\n        footer: {\n            summary: {\n                count: 'of',\n                records: 'Records:',\n                selected: 'Records selected:',\n            },\n        },\n        print: {\n            error: 'An error occurred while creating a print preview',\n            loading: 'Creating a print preview',\n            tooltip: 'Print',\n            warningDialog: {\n                title: 'Extra loading time',\n                description:\n                    'Please note that printing a large amount of data may result in a slightly longer waiting time due to data loading.',\n                checkboxVisibilityLabel: \"Don't show again\",\n                cancelButtonText: 'Cancel',\n                printButtonText: 'Print',\n            },\n        },\n        rowHeight: {\n            tooltip: 'Row height',\n            sizes: {\n                short: 'Short',\n                medium: 'Medium',\n                tall: 'Tall',\n                extraTall: 'Extra tall',\n            },\n        },\n        search: {\n            excludeUnmatchedResults: 'Hide unmatched records',\n            placeholder: 'Search...',\n        },\n        shortcuts: {\n            tooltip: 'View keyboard shortcuts',\n            search: 'Search',\n            filter: 'Filter',\n            previousRow: 'Previous row',\n            nextRow: 'Next row',\n            editCell: 'Edit cell',\n            previousColumn: 'Previous column',\n            nextColumn: 'Next column',\n            rowClick: 'Activate current row',\n            selectRow: 'Select current row',\n            selectAllRows: 'Select all rows',\n            expandRow: 'Expand current row',\n            collapseRow: 'Collapse current row',\n        },\n    },\n    searchInput: {\n        button: 'Search',\n        findNext: 'Next',\n        findPrevious: 'Previous',\n        placeholder: 'Search...',\n        clear: 'Clear',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    drawer: {\n        close: 'Close',\n    },\n};\n\nexport const defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nexport const LocalizationContext = React.createContext<Localization>(defaultLocalizationContext);\nexport interface LocalizationProviderProps {\n    children: React.ReactNode;\n    localization?: Localization;\n}\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = ({ localization, children }) => {\n    return (\n        <LocalizationContext.Provider value={localization ?? defaultLocalizationContext}>{children}</LocalizationContext.Provider>\n    );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"names":["defaultLocalisationTexts","banner","close","calendar","months","weekdaysShort","weekdays","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","dialog","drag","hanger","header","addAgreement","logout","more","new","search","listbox","loading","empty","allOption","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","table2","columns","resize","expansion","collapse","collapseAll","expandAll","select","deselect","deselectAll","selectAll","menu","hideColumn","freezeColumns","count","unfreezeColumns","columnSettings","button","noResults","editing","tooltipDisabled","rowIndicator","rowWillMove","rowWillBeHidden","rowWillMoveReasonSearch","rowWillMoveReasonFilter","rowWillMoveReasonSorting","filters","buttons","addNewFilter","clearFilters","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isGreaterThan","isLessThan","isBetween","isOneOf","isNoneOf","isAllOf","isEmpty","isNotEmpty","conditions","and","where","emptyFilter","condition","value","total","footer","summary","records","selected","rowDensity","compact","normal","comfortable","spacious","placeholder","filter","previousRow","nextRow","editCell","previousColumn","nextColumn","rowClick","selectRow","selectAllRows","expandRow","collapseRow","table3","freezeFirstColumn","freezeUptoColumn","gotoRow","save","exit","text","saving","progress","complete","addFilter","fontSize","sizes","small","medium","large","print","error","warningDialog","title","description","checkboxVisibilityLabel","cancelButtonText","printButtonText","rowHeight","short","tall","extraTall","excludeUnmatchedResults","searchInput","findNext","findPrevious","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","drawer","defaultLocalizationContext","locale","texts","formatting","date","LocalizationContext","React","LocalizationProvider","localization","children","Provider","useLocalization"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/SearchInput2/SearchInput2.js

@@ -180,7 +180,9 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
       setFocused(false);
     };
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "relative [&_[data-taco='input-container']]:z-20",
+      className: cn('relative', {
+        "[&_[data-taco='input-container']]:z-20": focused
+      }),
       onBlur: handleSettingsBlur,
       ref: settingsRef
     }, input, focused ? /*#__PURE__*/React__default.createElement("div", {

package/dist/esm/packages/taco/src/components/SearchInput2/SearchInput2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput2.js","sources":["../../../../../../../src/components/SearchInput2/SearchInput2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useGlobalKeyDown } from '../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Input } from '../Input/Input';\nimport { Shortcut } from '../Shortcut/Shortcut';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { KeyDownHandlerOptions } from '../../utils/keyboard';\n\ninterface CommonSearchInput2Props\n    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'> {\n    onSearch: (value: string) => void;\n    settingsContent?: JSX.Element;\n    shortcut?: string | KeyDownHandlerOptions;\n    value?: string;\n}\n\ninterface BasicSearchInput2Props extends CommonSearchInput2Props {\n    findCurrent?: never;\n    findTotal?: never;\n    onClickFindNext?: never;\n    onClickFindPrevious?: never;\n}\n\ninterface ComplexSearchInput2Props extends CommonSearchInput2Props {\n    findCurrent: number | null;\n    findTotal: number | null;\n    onClickFindNext: () => void;\n    onClickFindPrevious: () => void;\n}\n\nexport type SearchInput2Props = BasicSearchInput2Props | ComplexSearchInput2Props;\n\nexport const SearchInput2 = React.forwardRef(function SearchInput2(props: SearchInput2Props, ref: React.Ref<HTMLInputElement>) {\n    const {\n        findCurrent,\n        findTotal,\n        onClickFindNext: handleClickFindNext,\n        onClickFindPrevious: handleClickFindPrevious,\n        onSearch: handleSearch,\n        settingsContent,\n        shortcut,\n        value,\n        ...attributes\n    } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n    const settingsRef = React.useRef<HTMLDivElement>(null);\n    const [internalValue, setInternalValue] = React.useState(value ?? '');\n    const [focused, setFocused] = React.useState(false);\n    const { texts } = useLocalization();\n    const isActive = value?.length;\n    const isSynced = internalValue === value;\n    const hasFind = handleClickFindNext && handleClickFindPrevious && findCurrent !== undefined && findTotal !== undefined;\n\n    useGlobalKeyDown(shortcut, (event: KeyboardEvent) => {\n        if (document.activeElement !== internalRef.current) {\n            event.preventDefault();\n            internalRef.current?.focus();\n        }\n    });\n\n    const handleSubmit = () => {\n        handleSearch(internalValue);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        // trigger searches when leaving the field\n        handleSubmit();\n\n        if (\n            settingsRef.current &&\n            (settingsRef.current === event.relatedTarget || settingsRef.current?.contains(event.relatedTarget))\n        ) {\n            return;\n        }\n\n        setFocused(false);\n        attributes.onBlur?.(event);\n    };\n\n    const handleChange = event => {\n        setInternalValue(event.target.value);\n\n        if (!event.target.value) {\n            handleClear();\n        }\n    };\n\n    const handleClear = () => {\n        requestAnimationFrame(() => internalRef.current?.focus());\n        setInternalValue('');\n        handleSearch('');\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        attributes.onFocus?.(event);\n        setFocused(true);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        props.onKeyDown?.(event);\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n\n            if (hasFind && isActive && isSynced) {\n                if (event.shiftKey) {\n                    handleClickFindPrevious?.();\n                } else {\n                    handleClickFindNext?.();\n                }\n            } else {\n                handleSearch(internalValue);\n            }\n            return;\n        }\n\n        if (event.key === 'Escape') {\n            handleClear();\n            return;\n        }\n    };\n\n    let postfix;\n\n    if (!attributes.disabled && !attributes.readOnly && (internalValue || focused)) {\n        if (internalValue) {\n            postfix = (\n                <IconButton\n                    aria-label={texts.searchInput.clear}\n                    className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                    icon=\"close\"\n                    onMouseDown={handleClear}\n                    tabIndex={-1}\n                    tooltip={\n                        focused ? (\n                            <>\n                                {texts.searchInput.clear} <Shortcut keys=\"Escape\" />\n                            </>\n                        ) : (\n                            texts.searchInput.clear\n                        )\n                    }\n                />\n            );\n        }\n\n        if (hasFind && isActive) {\n            postfix = (\n                <>\n                    <span className=\"text-grey-700 flex h-4 items-center border-r border-black/[0.25] pr-2\">\n                        {findCurrent ?? 0}/{findTotal ?? 0}\n                    </span>\n                    {findCurrent ? (\n                        <>\n                            <IconButton\n                                aria-label={texts.searchInput.findPrevious}\n                                className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                                icon=\"chevron-up\"\n                                onMouseDown={handleClickFindPrevious}\n                                tabIndex={-1}\n                                tooltip={\n                                    focused ? (\n                                        <>\n                                            {texts.searchInput.findPrevious} <Shortcut keys={{ shift: true, key: 'Enter' }} />\n                                        </>\n                                    ) : (\n                                        texts.searchInput.findPrevious\n                                    )\n                                }\n                            />\n                            <IconButton\n                                aria-label={texts.searchInput.findNext}\n                                className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                                icon=\"chevron-down\"\n                                onMouseDown={handleClickFindNext}\n                                tabIndex={-1}\n                                tooltip={\n                                    focused ? (\n                                        <>\n                                            {texts.searchInput.findNext} <Shortcut keys=\"Enter\" />\n                                        </>\n                                    ) : (\n                                        texts.searchInput.findNext\n                                    )\n                                }\n                            />\n                        </>\n                    ) : null}\n                    {postfix}\n                </>\n            );\n        }\n    } else if (shortcut && !focused && !internalValue) {\n        postfix = <Shortcut keys={shortcut} onClickCapture={() => internalRef.current?.focus()} />;\n    }\n\n    const className = cn(\n        'peer !pl-7',\n        hasFind\n            ? {\n                  '!w-48': !internalValue && !focused,\n                  '!w-72': internalValue || focused,\n              }\n            : '!w-48',\n        {\n            '!wcag-blue-100': isActive,\n        },\n        props.className\n    );\n\n    const input = (\n        <Input\n            {...attributes}\n            aria-label={attributes['aria-label'] ?? texts.searchInput.placeholder}\n            className={className}\n            data-taco=\"search-input2\"\n            onBlur={handleBlur}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleKeyDown}\n            placeholder={attributes.placeholder ?? texts.searchInput.placeholder}\n            prefix={\n                <IconButton\n                    aria-label={texts.searchInput.button}\n                    className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                    disabled={attributes.disabled || attributes.readOnly}\n                    icon=\"search\"\n                    onMouseDown={handleSubmit}\n                    tabIndex={-1}\n                    tooltip={\n                        focused && !isSynced ? (\n                            <>\n                                {texts.searchInput.button} <Shortcut keys=\"Enter\" />\n                            </>\n                        ) : (\n                            texts.searchInput.button\n                        )\n                    }\n                />\n            }\n            postfix={postfix}\n            ref={internalRef}\n            value={internalValue}\n        />\n    );\n\n    if (settingsContent) {\n        const handleSettingsBlur = event => {\n            if (event.currentTarget.contains(event.relatedTarget)) {\n                return;\n            }\n            setFocused(false);\n        };\n\n        return (\n            <div className=\"relative [&_[data-taco='input-container']]:z-20\" onBlur={handleSettingsBlur} ref={settingsRef}>\n                {input}\n                {focused ? (\n                    <div\n                        className=\"border-grey-300 absolute left-0 right-0 top-full z-10 flex flex-col gap-y-4 rounded-b border border-t-0 bg-white p-3 shadow\"\n                        onClickCapture={() => internalRef.current?.focus()}\n                        tabIndex={-1}>\n                        {settingsContent}\n                    </div>\n                ) : null}\n            </div>\n        );\n    }\n\n    return input;\n});\n"],"names":["SearchInput2","React","forwardRef","props","ref","findCurrent","findTotal","onClickFindNext","handleClickFindNext","onClickFindPrevious","handleClickFindPrevious","onSearch","handleSearch","settingsContent","shortcut","value","attributes","internalRef","useMergedRef","settingsRef","useRef","internalValue","setInternalValue","useState","focused","setFocused","texts","useLocalization","isActive","length","isSynced","hasFind","undefined","useGlobalKeyDown","event","document","activeElement","current","preventDefault","focus","handleSubmit","handleBlur","relatedTarget","contains","onBlur","handleChange","target","handleClear","requestAnimationFrame","handleFocus","onFocus","handleKeyDown","onKeyDown","isDefaultPrevented","key","shiftKey","postfix","disabled","readOnly","IconButton","searchInput","clear","className","icon","onMouseDown","tabIndex","tooltip","Shortcut","keys","findPrevious","shift","findNext","onClickCapture","cn","input","Input","placeholder","onChange","prefix","button","handleSettingsBlur","currentTarget"],"mappings":"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"}
+{"version":3,"file":"SearchInput2.js","sources":["../../../../../../../src/components/SearchInput2/SearchInput2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useGlobalKeyDown } from '../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Input } from '../Input/Input';\nimport { Shortcut } from '../Shortcut/Shortcut';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { KeyDownHandlerOptions } from '../../utils/keyboard';\n\ninterface CommonSearchInput2Props\n    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'onChange' | 'value'> {\n    onSearch: (value: string) => void;\n    settingsContent?: JSX.Element;\n    shortcut?: string | KeyDownHandlerOptions;\n    value?: string;\n}\n\ninterface BasicSearchInput2Props extends CommonSearchInput2Props {\n    findCurrent?: never;\n    findTotal?: never;\n    onClickFindNext?: never;\n    onClickFindPrevious?: never;\n}\n\ninterface ComplexSearchInput2Props extends CommonSearchInput2Props {\n    findCurrent: number | null;\n    findTotal: number | null;\n    onClickFindNext: () => void;\n    onClickFindPrevious: () => void;\n}\n\nexport type SearchInput2Props = BasicSearchInput2Props | ComplexSearchInput2Props;\n\nexport const SearchInput2 = React.forwardRef(function SearchInput2(props: SearchInput2Props, ref: React.Ref<HTMLInputElement>) {\n    const {\n        findCurrent,\n        findTotal,\n        onClickFindNext: handleClickFindNext,\n        onClickFindPrevious: handleClickFindPrevious,\n        onSearch: handleSearch,\n        settingsContent,\n        shortcut,\n        value,\n        ...attributes\n    } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n    const settingsRef = React.useRef<HTMLDivElement>(null);\n    const [internalValue, setInternalValue] = React.useState(value ?? '');\n    const [focused, setFocused] = React.useState(false);\n    const { texts } = useLocalization();\n    const isActive = value?.length;\n    const isSynced = internalValue === value;\n    const hasFind = handleClickFindNext && handleClickFindPrevious && findCurrent !== undefined && findTotal !== undefined;\n\n    useGlobalKeyDown(shortcut, (event: KeyboardEvent) => {\n        if (document.activeElement !== internalRef.current) {\n            event.preventDefault();\n            internalRef.current?.focus();\n        }\n    });\n\n    const handleSubmit = () => {\n        handleSearch(internalValue);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        // trigger searches when leaving the field\n        handleSubmit();\n\n        if (\n            settingsRef.current &&\n            (settingsRef.current === event.relatedTarget || settingsRef.current?.contains(event.relatedTarget))\n        ) {\n            return;\n        }\n\n        setFocused(false);\n        attributes.onBlur?.(event);\n    };\n\n    const handleChange = event => {\n        setInternalValue(event.target.value);\n\n        if (!event.target.value) {\n            handleClear();\n        }\n    };\n\n    const handleClear = () => {\n        requestAnimationFrame(() => internalRef.current?.focus());\n        setInternalValue('');\n        handleSearch('');\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        attributes.onFocus?.(event);\n        setFocused(true);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        props.onKeyDown?.(event);\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n\n            if (hasFind && isActive && isSynced) {\n                if (event.shiftKey) {\n                    handleClickFindPrevious?.();\n                } else {\n                    handleClickFindNext?.();\n                }\n            } else {\n                handleSearch(internalValue);\n            }\n            return;\n        }\n\n        if (event.key === 'Escape') {\n            handleClear();\n            return;\n        }\n    };\n\n    let postfix;\n\n    if (!attributes.disabled && !attributes.readOnly && (internalValue || focused)) {\n        if (internalValue) {\n            postfix = (\n                <IconButton\n                    aria-label={texts.searchInput.clear}\n                    className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                    icon=\"close\"\n                    onMouseDown={handleClear}\n                    tabIndex={-1}\n                    tooltip={\n                        focused ? (\n                            <>\n                                {texts.searchInput.clear} <Shortcut keys=\"Escape\" />\n                            </>\n                        ) : (\n                            texts.searchInput.clear\n                        )\n                    }\n                />\n            );\n        }\n\n        if (hasFind && isActive) {\n            postfix = (\n                <>\n                    <span className=\"text-grey-700 flex h-4 items-center border-r border-black/[0.25] pr-2\">\n                        {findCurrent ?? 0}/{findTotal ?? 0}\n                    </span>\n                    {findCurrent ? (\n                        <>\n                            <IconButton\n                                aria-label={texts.searchInput.findPrevious}\n                                className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                                icon=\"chevron-up\"\n                                onMouseDown={handleClickFindPrevious}\n                                tabIndex={-1}\n                                tooltip={\n                                    focused ? (\n                                        <>\n                                            {texts.searchInput.findPrevious} <Shortcut keys={{ shift: true, key: 'Enter' }} />\n                                        </>\n                                    ) : (\n                                        texts.searchInput.findPrevious\n                                    )\n                                }\n                            />\n                            <IconButton\n                                aria-label={texts.searchInput.findNext}\n                                className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                                icon=\"chevron-down\"\n                                onMouseDown={handleClickFindNext}\n                                tabIndex={-1}\n                                tooltip={\n                                    focused ? (\n                                        <>\n                                            {texts.searchInput.findNext} <Shortcut keys=\"Enter\" />\n                                        </>\n                                    ) : (\n                                        texts.searchInput.findNext\n                                    )\n                                }\n                            />\n                        </>\n                    ) : null}\n                    {postfix}\n                </>\n            );\n        }\n    } else if (shortcut && !focused && !internalValue) {\n        postfix = <Shortcut keys={shortcut} onClickCapture={() => internalRef.current?.focus()} />;\n    }\n\n    const className = cn(\n        'peer !pl-7',\n        hasFind\n            ? {\n                  '!w-48': !internalValue && !focused,\n                  '!w-72': internalValue || focused,\n              }\n            : '!w-48',\n        {\n            '!wcag-blue-100': isActive,\n        },\n        props.className\n    );\n\n    const input = (\n        <Input\n            {...attributes}\n            aria-label={attributes['aria-label'] ?? texts.searchInput.placeholder}\n            className={className}\n            data-taco=\"search-input2\"\n            onBlur={handleBlur}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleKeyDown}\n            placeholder={attributes.placeholder ?? texts.searchInput.placeholder}\n            prefix={\n                <IconButton\n                    aria-label={texts.searchInput.button}\n                    className=\"scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125\"\n                    disabled={attributes.disabled || attributes.readOnly}\n                    icon=\"search\"\n                    onMouseDown={handleSubmit}\n                    tabIndex={-1}\n                    tooltip={\n                        focused && !isSynced ? (\n                            <>\n                                {texts.searchInput.button} <Shortcut keys=\"Enter\" />\n                            </>\n                        ) : (\n                            texts.searchInput.button\n                        )\n                    }\n                />\n            }\n            postfix={postfix}\n            ref={internalRef}\n            value={internalValue}\n        />\n    );\n\n    if (settingsContent) {\n        const handleSettingsBlur = event => {\n            if (event.currentTarget.contains(event.relatedTarget)) {\n                return;\n            }\n            setFocused(false);\n        };\n\n        return (\n            <div\n                className={cn('relative', { \"[&_[data-taco='input-container']]:z-20\": focused })}\n                onBlur={handleSettingsBlur}\n                ref={settingsRef}>\n                {input}\n                {focused ? (\n                    <div\n                        className=\"border-grey-300 absolute left-0 right-0 top-full z-10 flex flex-col gap-y-4 rounded-b border border-t-0 bg-white p-3 shadow\"\n                        onClickCapture={() => internalRef.current?.focus()}\n                        tabIndex={-1}>\n                        {settingsContent}\n                    </div>\n                ) : null}\n            </div>\n        );\n    }\n\n    return input;\n});\n"],"names":["SearchInput2","React","forwardRef","props","ref","findCurrent","findTotal","onClickFindNext","handleClickFindNext","onClickFindPrevious","handleClickFindPrevious","onSearch","handleSearch","settingsContent","shortcut","value","attributes","internalRef","useMergedRef","settingsRef","useRef","internalValue","setInternalValue","useState","focused","setFocused","texts","useLocalization","isActive","length","isSynced","hasFind","undefined","useGlobalKeyDown","event","document","activeElement","current","preventDefault","focus","handleSubmit","handleBlur","relatedTarget","contains","onBlur","handleChange","target","handleClear","requestAnimationFrame","handleFocus","onFocus","handleKeyDown","onKeyDown","isDefaultPrevented","key","shiftKey","postfix","disabled","readOnly","IconButton","searchInput","clear","className","icon","onMouseDown","tabIndex","tooltip","Shortcut","keys","findPrevious","shift","findNext","onClickCapture","cn","input","Input","placeholder","onChange","prefix","button","handleSettingsBlur","currentTarget"],"mappings":"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"}

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

@@ -5,7 +5,9 @@ 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';
+import { WarningDialog } from './WarningDialog.js';
 
+const SAFE_PRINT_CELL_COUNT = 10000;
 function PrintButton(props) {
   const {
     table,
@@ -16,10 +18,14 @@ function PrintButton(props) {
   } = useLocalization();
   const toast = useToast();
   const [isPrinting, setIsPrinting] = 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();
+  const {
+    printWarningDialogVisibility
+  } = tableMeta.printing;
   const settings = React__default.useMemo(() => ({
     columnFilters: state.columnFilters,
     columnOrder: state.columnOrder,
@@ -32,7 +38,6 @@ function PrintButton(props) {
   }), [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({
@@ -56,31 +61,63 @@ function PrintButton(props) {
   };
   const handlePrint = function () {
     try {
+      let _exit = false;
+      function _temp3(_result2) {
+        if (_exit) return _result2;
+        if (hasNonSafeCellCount && printWarningDialogVisibility) {
+          setShowWarningDialog(true);
+        } else {
+          // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs
+          setIsPrinting(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
-      return Promise.resolve(function () {
+      const _temp2 = function () {
         if (!tableMeta.printing.loadAll) {
-          setIsPrinting(true);
+          const {
+            data
+          } = tableProps;
+          const cellCount = getCellCount(data);
+          hasNonSafeCellCount = cellCount > SAFE_PRINT_CELL_COUNT;
         } 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);
+              // 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) {
             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);
+            // in case of error, we return early
+            _exit = true;
           });
           if (_temp && _temp.then) return _temp.then(function () {});
         }
-      }());
+      }();
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+  const handleWarningDialogAccept = () => {
+    setIsPrinting(true);
+  };
+  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: isPrinting,
     icon: "print",
@@ -92,6 +129,11 @@ function PrintButton(props) {
     onAfterPrint: handleAfterPrint,
     onBeforePrint: handleBeforePrint,
     tableProps: iframeTableProps
+  }), /*#__PURE__*/React__default.createElement(WarningDialog, {
+    open: showWarningDialog,
+    onAccept: handleWarningDialogAccept,
+    onClose: handleWarningDialogClose,
+    onVisibilityChange: tableMeta.printing.setPrintWarningDialogVisibility
   }));
 }
 

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

@@ -1 +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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"}
+{"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 { Table3Props } from '../../../types';\nimport { useGlobalKeyDown } from '../../../../../hooks/useGlobalKeyDown';\nimport { WarningDialog } from './WarningDialog';\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 [isPrinting, setIsPrinting] = 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    const { printWarningDialogVisibility } = tableMeta.printing;\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, 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        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.printing.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.printing.loadAll(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    tableMeta.search.query\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                const errorMessage = `${texts.table3.print.error}: ${error}`;\n\n                console.error(errorMessage);\n                loadingToastRef.current?.error(errorMessage);\n\n                // in case of error, we return early\n                return;\n            }\n        }\n\n        if (hasNonSafeCellCount && printWarningDialogVisibility) {\n            setShowWarningDialog(true);\n        } else {\n            // only set printing (mount the iframe) when the data has loaded, it prevents repaint performance slow downs\n            setIsPrinting(true);\n        }\n    };\n\n    const handleWarningDialogAccept = () => {\n        setIsPrinting(true);\n    };\n\n    const handleWarningDialogClose = () => {\n        loadingToastRef.current?.close();\n        setShowWarningDialog(false);\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            <WarningDialog\n                open={showWarningDialog}\n                onAccept={handleWarningDialogAccept}\n                onClose={handleWarningDialogClose}\n                onVisibilityChange={tableMeta.printing.setPrintWarningDialogVisibility}\n            />\n        </>\n    );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintButton","props","table","tableProps","texts","useLocalization","toast","useToast","isPrinting","setIsPrinting","React","useState","showWarningDialog","setShowWarningDialog","loadingToastRef","useRef","buttonRef","tableMeta","options","meta","state","getState","printWarningDialogVisibility","printing","settings","useMemo","columnFilters","columnOrder","columnPinning","columnSizing","columnVisibility","sorting","rowHeight","height","columnFreezingIndex","columnFreezing","frozenColumnIndex","iframeTableProps","defaultSettings","useGlobalKeyDown","key","shift","event","preventDefault","current","click","handleAfterPrint","close","handleBeforePrint","handlePrint","hasNonSafeCellCount","loading","table3","print","getCellCount","data","length","Object","keys","loadAll","cellCount","search","query","error","errorMessage","console","handleWarningDialogAccept","handleWarningDialogClose","IconButton","disabled","icon","onClick","tooltip","ref","PrintIFrame","onAfterPrint","onBeforePrint","WarningDialog","open","onAccept","onClose","onVisibilityChange","setPrintWarningDialogVisibility"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+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,
+  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
+  }, 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    onClose: () => void;\n    onVisibilityChange: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const WarningDialog = ({ onAccept, 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 onClick={handleClose}>{texts.table3.print.warningDialog.cancelButtonText}</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","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":";;;;;;;;MAeaA,aAAa,GAAG,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,kBAAkB;EAAE,GAAGC;CAA2B;EACjG,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACvE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,WAAW,GAAG;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;IAACC,OAAO,EAAExB;KAAcF,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACiB,gBAAgB,CAAU,eAC1F7B,6BAAC2B,MAAM;IACHG,UAAU,EAAC,SAAS;IACpBC,SAAS;IACTH,OAAO,EAAE;MACLxB,WAAW,EAAE;MACbV,QAAQ,EAAE;;KAEbQ,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,aAAa,CAACoB,eAAe,CAC5C,CACL,CACI,CACH,CACZ;AAEjB;;;;"}

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

@@ -6,7 +6,7 @@ const PRINT_STYLES = `
 }
 
 @media print {
-    #root, html, body {
+    html, body, #root {
         overflow: auto !important;
         height: auto !important;
         width: auto !important;
@@ -25,7 +25,7 @@ const PRINT_STYLES = `
      * Summary row cells
      */
     [role="table"] [role="rowgroup"]:last-child [role="cell"] {
-        border-top-width: 1px !important;
+        border-width: 0 !important;
     }
 
     [role="table"] a {

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

@@ -1 +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;;;;"}
+{"version":3,"file":"useParentStylesheets.js","sources":["../../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.ts"],"sourcesContent":["import React from 'react';\n\nconst PRINT_STYLES = `\n@page {\n    margin: 16px;\n}\n\n@media print {\n    html, body, #root {\n        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-width: 0 !important;\n    }\n\n    [role=\"table\"] a {\n        color: rgb(28 28 28);\n    }\n\n    [data-taco=\"alert\"],\n    [data-taco=\"banner\"],\n    [data-taco=\"hanger\"],\n    [data-taco=\"toast\"],\n    [data-taco=\"table3-toolbar\"],\n    [data-taco=\"tooltip\"],\n    /*\n     * Tour components\n     */\n    [id^=\"react-joyride\"]\n     {\n        display: none !important;\n    }\n}\n`;\n\nexport function useParentStylesheets(iframeWindow: Window | null | undefined) {\n    const [ready, setReady] = React.useState(false);\n\n    React.useEffect(() => {\n        if (!iframeWindow) {\n            return;\n        }\n\n        const parentDocument = iframeWindow.parent.document;\n        const iframeDocument = iframeWindow.document;\n\n        // add our custom print styles\n        const customPrintStyles = iframeDocument.createElement('style');\n\n        if (customPrintStyles) {\n            customPrintStyles.innerHTML = PRINT_STYLES;\n            iframeDocument.head.appendChild(customPrintStyles);\n        }\n\n        // Get style tags from the parent\n        const parentStylesheets = Array.from(\n            parentDocument.querySelectorAll('style:not([data-taco=\"table3-column-freezing-styles\"])')\n        );\n        // Get linked stylesheets from the parent\n        const linkStylesheets = Array.from(parentDocument.querySelectorAll('[rel=\"stylesheet\"]'));\n\n        // We want to add tailwind styles specifically but there is no guarenteed way to know which style tag has\n        // tailwind styles, so we add all the styles present in the parent frame\n        parentStylesheets.forEach(parentStyle => {\n            const styleTag = iframeDocument.createElement('style');\n\n            styleTag.innerHTML = parentStyle.innerHTML;\n            iframeDocument.head.appendChild(styleTag);\n        });\n\n        // Add all link tags that are stylesheets, to the iframe head, so that we include the taco and client styles\n        linkStylesheets.forEach(linkStylesheet => {\n            const linkTag = iframeDocument.createElement('link');\n\n            linkTag.setAttribute('rel', 'stylesheet');\n\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;;;;"}