@economic/taco 2.47.0-server.4 → 2.47.0-server.5

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.js

@@ -1,4 +1,5 @@
 import React__default, { useEffect } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
 import { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox.js';
 import { Input } from '../../../../../../../../components/Input/Input.js';
@@ -7,24 +8,22 @@ import { Switch } from '../../../../../../../../components/Switch/Switch.js';
 import { TableFilterComparator } from '../../../../../../types.js';
 import { FilterContext } from '../FilterContext.js';
 
-const querySelector = 'filter-value';
+var _excluded = ["column", "comparator", "onChange", "value"];
+var querySelector = 'filter-value';
 function FilterValue(props) {
-  const {
-    column,
-    comparator,
-    onChange: handleChange,
-    value
-  } = props;
-  const {
-    texts
-  } = useLocalization();
+  var column = props.column,
+    comparator = props.comparator,
+    handleChange = props.onChange,
+    value = props.value;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
   if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
     return null;
   }
   if (comparator === TableFilterComparator.IsBetween) {
     var _column$columnDef$met;
-    const fromValue = Array.isArray(value) ? value[0] : undefined;
-    const toValue = Array.isArray(value) ? value[1] : undefined;
+    var fromValue = Array.isArray(value) ? value[0] : undefined;
+    var toValue = Array.isArray(value) ? value[1] : undefined;
     if (column === undefined) {
       return /*#__PURE__*/React__default.createElement(Input, {
         "aria-label": texts.table.filters.emptyFilter.value,
@@ -40,12 +39,16 @@ function FilterValue(props) {
       }, /*#__PURE__*/React__default.createElement(Control, {
         column: column,
         "data-query-selector": querySelector,
-        onChange: value => handleChange([value, toValue]),
+        onChange: function onChange(value) {
+          return handleChange([value, toValue]);
+        },
         value: fromValue
       }), /*#__PURE__*/React__default.createElement(Control, {
         column: column,
         "data-query-selector": querySelector,
-        onChange: value => handleChange([fromValue, value]),
+        onChange: function onChange(value) {
+          return handleChange([fromValue, value]);
+        },
         value: toValue
       }));
     }
@@ -54,13 +57,17 @@ function FilterValue(props) {
     }, /*#__PURE__*/React__default.createElement(Control, {
       column: column,
       "data-query-selector": querySelector,
-      onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
+      onChange: function onChange(value) {
+        return handleChange([isNaN(value) ? undefined : value, toValue]);
+      },
       placeholder: "from",
       value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
     }), /*#__PURE__*/React__default.createElement(Control, {
       column: column,
       "data-query-selector": querySelector,
-      onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
+      onChange: function onChange(value) {
+        return handleChange([fromValue, isNaN(value) ? undefined : value]);
+      },
       placeholder: "to",
       value: toValue !== null && toValue !== void 0 ? toValue : ''
     }));
@@ -75,53 +82,53 @@ function FilterValue(props) {
 }
 function Control(props) {
   var _column$columnDef$met2, _column$columnDef$met3;
-  const {
-    column,
-    comparator,
-    onChange,
-    value,
-    ...attributes
-  } = props;
-  const controlRenderer = column === null || column === void 0 ? void 0 : (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
-  const dataType = column === null || column === void 0 ? void 0 : (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
-  const filters = React__default.useContext(FilterContext);
-  useEffect(() => {
+  var column = props.column,
+    _onChange = props.onChange,
+    value = props.value,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var controlRenderer = column === null || column === void 0 ? void 0 : (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
+  var dataType = column === null || column === void 0 ? void 0 : (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
+  var filters = React__default.useContext(FilterContext);
+  useEffect(function () {
     // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened
     if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {
-      onChange(false);
+      _onChange(false);
     }
   }, [controlRenderer]);
   if (typeof controlRenderer === 'function') {
-    return /*#__PURE__*/React__default.cloneElement(controlRenderer({
-      ...attributes,
-      setValue: value => onChange(value),
-      value
-    }, undefined, filters), {
-      ['data-query-selector']: querySelector,
-      className: 'focus:yt-focus'
-    });
+    var _React$cloneElement;
+    return /*#__PURE__*/React__default.cloneElement(controlRenderer(_extends({}, attributes, {
+      setValue: function setValue(value) {
+        return _onChange(value);
+      },
+      value: value
+    }), undefined, filters), (_React$cloneElement = {}, _React$cloneElement['data-query-selector'] = querySelector, _React$cloneElement.className = 'focus:yt-focus', _React$cloneElement));
   } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
-      onChange: event => onChange(event.detail),
+      onChange: function onChange(event) {
+        return _onChange(event.detail);
+      },
       value: value
     }));
   } else if (controlRenderer === 'switch') {
     return /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, attributes, {
       className: "m-1.5",
       checked: Boolean(value),
-      onChange: onChange
+      onChange: _onChange
     }));
   } else if (controlRenderer === 'checkbox') {
     return /*#__PURE__*/React__default.createElement(Checkbox, Object.assign({}, attributes, {
       className: "!m-1.5",
       checked: Boolean(value),
-      onChange: onChange
+      onChange: _onChange
     }));
   } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {
     return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, attributes, {
       className: "flex-grow",
       type: "number",
-      onChange: event => onChange(event.target.valueAsNumber),
+      onChange: function onChange(event) {
+        return _onChange(event.target.valueAsNumber);
+      },
       value: String(value !== null && value !== void 0 ? value : '')
     }));
   }
@@ -129,7 +136,9 @@ function Control(props) {
     disabled: !column
   }, attributes, {
     className: "flex-grow",
-    onChange: event => onChange(event.target.value),
+    onChange: function onChange(event) {
+      return _onChange(event.target.value);
+    },
     value: String(value !== null && value !== void 0 ? value : '')
   }));
 }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../../../components/Input/Input';\nimport { Datepicker } from '../../../../../../../../components/Datepicker/Datepicker';\nimport { Switch } from '../../../../../../../../components/Switch/Switch';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableColumnDataType, TableFilterComparator } from '../../../../../../types';\nimport { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    data-query-selector={querySelector}\n                    disabled\n                    value={texts.table.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([fromValue, value])}\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <Control\n            comparator={comparator}\n            column={column}\n            data-query-selector={querySelector}\n            onChange={handleChange}\n            value={value}\n        />\n    );\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType: TableColumnDataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n\n    useEffect(() => {\n        // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n        if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {\n            onChange(false);\n        }\n    }, [controlRenderer]);\n\n    if (typeof controlRenderer === 'function') {\n        return React.cloneElement(\n            controlRenderer(\n                {\n                    ...attributes,\n                    setValue: value => onChange(value),\n                    value,\n                },\n                undefined,\n                filters\n            ),\n            { ['data-query-selector']: querySelector, className: 'focus:yt-focus' }\n        );\n    } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    } else if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["querySelector","FilterValue","props","column","comparator","onChange","handleChange","value","texts","useLocalization","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useContext","FilterContext","useEffect","cloneElement","setValue","Datepicker","event","detail","Switch","checked","Boolean","Checkbox","type","target","valueAsNumber","String"],"mappings":"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"}
+{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../../../components/Input/Input';\nimport { Datepicker } from '../../../../../../../../components/Datepicker/Datepicker';\nimport { Switch } from '../../../../../../../../components/Switch/Switch';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableColumnDataType, TableFilterComparator } from '../../../../../../types';\nimport { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    data-query-selector={querySelector}\n                    disabled\n                    value={texts.table.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([fromValue, value])}\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <Control\n            comparator={comparator}\n            column={column}\n            data-query-selector={querySelector}\n            onChange={handleChange}\n            value={value}\n        />\n    );\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType: TableColumnDataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n\n    useEffect(() => {\n        // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n        if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {\n            onChange(false);\n        }\n    }, [controlRenderer]);\n\n    if (typeof controlRenderer === 'function') {\n        return React.cloneElement(\n            controlRenderer(\n                {\n                    ...attributes,\n                    setValue: value => onChange(value),\n                    value,\n                },\n                undefined,\n                filters\n            ),\n            { ['data-query-selector']: querySelector, className: 'focus:yt-focus' }\n        );\n    } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    } else if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["querySelector","FilterValue","props","column","comparator","handleChange","onChange","value","_useLocalization","useLocalization","texts","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","_objectWithoutPropertiesLoose","_excluded","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useContext","FilterContext","useEffect","_React$cloneElement","cloneElement","_extends","setValue","Datepicker","event","detail","Switch","checked","Boolean","Checkbox","type","target","valueAsNumber","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Filters/util.js

@@ -11,25 +11,29 @@ function isEmptyFilter(filter) {
 }
 function guessComparatorsBasedOnControl(column) {
   var _column$columnDef$met;
-  const columnMeta = (_column$columnDef$met = column === null || column === void 0 ? void 0 : column.columnDef.meta) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : {};
+  var columnMeta = (_column$columnDef$met = column === null || column === void 0 ? void 0 : column.columnDef.meta) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : {};
   if (Array.isArray(columnMeta.filters)) {
     return columnMeta.filters;
   }
   if (typeof columnMeta.control === 'function') {
-    const renderedControl = columnMeta.control({
-      onBlur: () => undefined,
-      onFocus: () => undefined,
-      setValue: () => undefined,
+    var renderedControl = columnMeta.control({
+      onBlur: function onBlur() {
+        return undefined;
+      },
+      onFocus: function onFocus() {
+        return undefined;
+      },
+      setValue: function setValue() {
+        return undefined;
+      },
       value: undefined,
       disabled: false,
       readOnly: false,
       ref: undefined
     });
     if (/*#__PURE__*/React__default.isValidElement(renderedControl)) {
-      const {
-        props,
-        type
-      } = renderedControl;
+      var props = renderedControl.props,
+        type = renderedControl.type;
       if (type.displayName === 'Select2') {
         if (props.multiple) {
           return [TableFilterComparator.HasAnyOf, TableFilterComparator.HasAllOf, TableFilterComparator.IsEqualTo, TableFilterComparator.HasNoneOf, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Filters/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { TableFilter, TableFilterComparator } from '../../../../../types';\nimport React from 'react';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","isEmptyFilter","filter","value","hasOwnProperty","guessComparatorsBasedOnControl","column","columnMeta","_column$columnDef$met","Array","isArray","filters","control","renderedControl","onBlur","undefined","onFocus","setValue","disabled","readOnly","ref","React","isValidElement","props","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","getDataTypeProperties","filterComparators","dataType"],"mappings":";;;;SAKgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;SAEgBK,aAAaA,CAACC,MAAmB;EAC7C,OAAO,CAACA,MAAM,CAACC,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,CAAC;AACjD;SAEgBC,8BAA8BA,CAAkBC,MAAgC;;EAC5F,MAAMC,UAAU,IAAAC,qBAAA,GAAIF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEb,SAAS,CAACC,IAAI,cAAAc,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAEzF,IAAIC,KAAK,CAACC,OAAO,CAACH,UAAU,CAACI,OAAO,CAAC,EAAE;IACnC,OAAOJ,UAAU,CAACI,OAAO;;EAG7B,IAAI,OAAOJ,UAAU,CAACK,OAAO,KAAK,UAAU,EAAE;IAC1C,MAAMC,eAAe,GAAGN,UAAU,CAACK,OAAO,CAAC;MACvCE,MAAM,EAAEA,MAAMC,SAAS;MACvBC,OAAO,EAAEA,MAAMD,SAAS;MACxBE,QAAQ,EAAEA,MAAMF,SAAS;MACzBZ,KAAK,EAAEY,SAAS;MAChBG,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAE,KAAK;MACfC,GAAG,EAAEL;KACR,CAAC;IAEF,iBAAIM,cAAK,CAACC,cAAc,CAACT,eAAe,CAAC,EAAE;MACvC,MAAM;QAAEU,KAAK;QAAEC;OAAM,GAAGX,eAAsB;MAE9C,IAAIW,IAAI,CAACC,WAAW,KAAK,SAAS,EAAE;QAChC,IAAIF,KAAK,CAACG,QAAQ,EAAE;UAChB,OAAO,CACHC,qBAAqB,CAACC,QAAQ,EAC9BD,qBAAqB,CAACE,QAAQ,EAC9BF,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACI,SAAS,EAC/BJ,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;QAGL,OAAO,CACHN,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;;;EAKb,IAAI1B,UAAU,CAACK,OAAO,KAAK,YAAY,EAAE;IACrC,OAAOuB,qBAAqB,CAAQ,UAAU,CAAC,CAACC,iBAAiB;;EAGrE,IAAI7B,UAAU,CAACK,OAAO,KAAK,QAAQ,EAAE;IACjC,OAAOuB,qBAAqB,CAAQ,SAAS,CAAC,CAACC,iBAAiB;;EAGpE,OAAOD,qBAAqB,CAAQ5B,UAAU,CAAC8B,QAAQ,CAAC,CAACD,iBAAiB;AAC9E;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { TableFilter, TableFilterComparator } from '../../../../../types';\nimport React from 'react';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","isEmptyFilter","filter","value","hasOwnProperty","guessComparatorsBasedOnControl","column","columnMeta","_column$columnDef$met","Array","isArray","filters","control","renderedControl","onBlur","undefined","onFocus","setValue","disabled","readOnly","ref","React","isValidElement","props","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","getDataTypeProperties","filterComparators","dataType"],"mappings":";;;;SAKgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;SAEgBK,aAAaA,CAACC,MAAmB;EAC7C,OAAO,CAACA,MAAM,CAACC,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,CAAC;AACjD;SAEgBC,8BAA8BA,CAAkBC,MAAgC;;EAC5F,IAAMC,UAAU,IAAAC,qBAAA,GAAIF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEb,SAAS,CAACC,IAAI,cAAAc,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAEzF,IAAIC,KAAK,CAACC,OAAO,CAACH,UAAU,CAACI,OAAO,CAAC,EAAE;IACnC,OAAOJ,UAAU,CAACI,OAAO;;EAG7B,IAAI,OAAOJ,UAAU,CAACK,OAAO,KAAK,UAAU,EAAE;IAC1C,IAAMC,eAAe,GAAGN,UAAU,CAACK,OAAO,CAAC;MACvCE,MAAM,EAAE,SAAAA;QAAA,OAAMC,SAAS;;MACvBC,OAAO,EAAE,SAAAA;QAAA,OAAMD,SAAS;;MACxBE,QAAQ,EAAE,SAAAA;QAAA,OAAMF,SAAS;;MACzBZ,KAAK,EAAEY,SAAS;MAChBG,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAE,KAAK;MACfC,GAAG,EAAEL;KACR,CAAC;IAEF,iBAAIM,cAAK,CAACC,cAAc,CAACT,eAAe,CAAC,EAAE;MACvC,IAAQU,KAAK,GAAWV,eAAsB,CAAtCU,KAAK;QAAEC,IAAI,GAAKX,eAAsB,CAA/BW,IAAI;MAEnB,IAAIA,IAAI,CAACC,WAAW,KAAK,SAAS,EAAE;QAChC,IAAIF,KAAK,CAACG,QAAQ,EAAE;UAChB,OAAO,CACHC,qBAAqB,CAACC,QAAQ,EAC9BD,qBAAqB,CAACE,QAAQ,EAC9BF,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACI,SAAS,EAC/BJ,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;QAGL,OAAO,CACHN,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;;;EAKb,IAAI1B,UAAU,CAACK,OAAO,KAAK,YAAY,EAAE;IACrC,OAAOuB,qBAAqB,CAAQ,UAAU,CAAC,CAACC,iBAAiB;;EAGrE,IAAI7B,UAAU,CAACK,OAAO,KAAK,QAAQ,EAAE;IACjC,OAAOuB,qBAAqB,CAAQ,SAAS,CAAC,CAACC,iBAAiB;;EAGpE,OAAOD,qBAAqB,CAAQ5B,UAAU,CAAC8B,QAAQ,CAAC,CAACD,iBAAiB;AAC9E;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/Print.js

@@ -8,25 +8,21 @@ import { _catch } from '../../../../../../../../../../node_modules/babel-plugin-
 import { PrintDialog } from './PrintDialog.js';
 
 function Print(props) {
-  const {
-    table,
-    tableId,
-    tableRef
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const ref = React__default.useRef(null);
-  const lastScrollTopRef = React__default.useRef();
-  const toast = useToast();
-  const tableMeta = table.options.meta;
-  const {
-    allRows,
-    orientation,
-    size,
-    splitGroups
-  } = tableMeta.printing.settings;
-  const togglePrinting = React__default.useCallback(enabled => {
+  var table = props.table,
+    tableId = props.tableId,
+    tableRef = props.tableRef;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var ref = React__default.useRef(null);
+  var lastScrollTopRef = React__default.useRef();
+  var toast = useToast();
+  var tableMeta = table.options.meta;
+  var _tableMeta$printing$s = tableMeta.printing.settings,
+    allRows = _tableMeta$printing$s.allRows,
+    orientation = _tableMeta$printing$s.orientation,
+    size = _tableMeta$printing$s.size,
+    splitGroups = _tableMeta$printing$s.splitGroups;
+  var togglePrinting = React__default.useCallback(function (enabled) {
     tableMeta.printing.setIsPrinting(enabled);
     if (tableRef.current) {
       if (enabled) {
@@ -37,27 +33,27 @@ function Print(props) {
       }
     }
   }, [tableRef.current]);
-  React__default.useEffect(() => {
-    const afterPrint = () => {
+  React__default.useEffect(function () {
+    var afterPrint = function afterPrint() {
       togglePrinting(false);
     };
     window.addEventListener('afterprint', afterPrint);
-    return () => {
+    return function () {
       window.removeEventListener('afterprint', afterPrint);
     };
   }, []);
-  const print = function () {
+  var print = function print() {
     try {
-      function _temp3() {
+      var _temp3 = function _temp3() {
         // this might close immediately if the dataset is small - this is okay
         toastRef.close();
         // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens
-        setTimeout(() => {
+        setTimeout(function () {
           // do this here because Safari doesn't support the beforeprint event
           togglePrinting(true);
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          requestAnimationFrame(function () {
+            requestAnimationFrame(function () {
+              var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
               if (isSafari) {
                 try {
                   // Try using document.execCommand for printing in Safari
@@ -73,15 +69,15 @@ function Print(props) {
             });
           });
         }, 150);
-      }
-      const toastRef = toast.loading(texts.table.print.loading);
-      const _temp2 = function () {
+      };
+      var toastRef = toast.loading(texts.table.print.loading);
+      var _temp2 = function () {
         if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {
-          const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
-          const _temp = _catch(function () {
+          var hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
+          var _temp = _catch(function () {
             return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined, hiddenColumns)).then(function () {});
           }, function (error) {
-            const errorMessage = `${texts.table.print.error}: ${error}`;
+            var errorMessage = texts.table.print.error + ": " + error;
             console.error(errorMessage);
             toastRef.error(errorMessage);
           });
@@ -93,19 +89,19 @@ function Print(props) {
       return Promise.reject(e);
     }
   };
-  const printStyle = [`@page { size: ${size} ${orientation}; }`];
+  var printStyle = ["@page { size: " + size + " " + orientation + "; }"];
   if (!allRows) {
-    printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected="true"]) { display: none; }`);
+    printStyle.push("table[data-taco^='table']#" + tableId + " tr:not([data-row-selected=\"true\"]) { display: none; }");
   }
   if (splitGroups) {
-    printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);
+    printStyle.push("table[data-taco^='table']#" + tableId + " tr[data-row-group]:not(:first-child) { break-before: page; }");
   }
-  const shortcut = {
+  var shortcut = {
     key: 'p',
     meta: true,
     shift: false
   };
-  const tooltip = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table.print.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+  var tooltip = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table.print.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
     className: "ml-2",
     keys: shortcut
   }));
@@ -114,18 +110,28 @@ function Print(props) {
   }, printStyle.join('\n')), /*#__PURE__*/React__default.createElement(IconButton, {
     icon: "print",
     "aria-label": texts.table.print.tooltip,
-    dialog: dialogProps => (/*#__PURE__*/React__default.createElement(PrintDialog, Object.assign({}, dialogProps, {
-      table: table,
-      onAccept: print,
-      orientation: orientation,
-      setOrientation: value => tableMeta.printing.setSetting('orientation', value),
-      size: size,
-      setSize: value => tableMeta.printing.setSetting('size', value),
-      allRows: allRows,
-      setAllRows: value => tableMeta.printing.setSetting('allRows', value),
-      splitGroups: splitGroups,
-      setSplitGroups: value => tableMeta.printing.setSetting('splitGroups', value)
-    }))),
+    dialog: function dialog(dialogProps) {
+      return /*#__PURE__*/React__default.createElement(PrintDialog, Object.assign({}, dialogProps, {
+        table: table,
+        onAccept: print,
+        orientation: orientation,
+        setOrientation: function setOrientation(value) {
+          return tableMeta.printing.setSetting('orientation', value);
+        },
+        size: size,
+        setSize: function setSize(value) {
+          return tableMeta.printing.setSetting('size', value);
+        },
+        allRows: allRows,
+        setAllRows: function setAllRows(value) {
+          return tableMeta.printing.setSetting('allRows', value);
+        },
+        splitGroups: splitGroups,
+        setSplitGroups: function setSplitGroups(value) {
+          return tableMeta.printing.setSetting('splitGroups', value);
+        }
+      }));
+    },
     ref: ref,
     shortcut: shortcut,
     tooltip: tooltip

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Toolbar/components/Print/Print.js.map

@@ -1 +1 @@
-{"version":3,"file":"Print.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { useToast } from '../../../../../../../components/Toast/Toaster';\nimport { TableRef } from '../../../../../types';\nimport { PrintDialog } from './PrintDialog';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number>();\n    const toast = useToast();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        enabled => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined,\n                    hiddenColumns\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch (error) {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <IconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["Print","props","table","tableId","tableRef","texts","useLocalization","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","allRows","orientation","size","splitGroups","printing","settings","togglePrinting","useCallback","enabled","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","isSafari","test","navigator","userAgent","document","execCommand","error","loading","_temp2","server","isEnabled","loadAllIfNeeded","hiddenColumns","getHiddenColumns","getState","columnVisibility","_temp","_catch","Promise","resolve","sorting","columnFilters","search","enableGlobalFilter","globalFilter","then","errorMessage","console","_temp3","e","reject","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept","setOrientation","value","setSetting","setSize","setAllRows","setSplitGroups"],"mappings":"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"}
+{"version":3,"file":"Print.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/Print.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { useToast } from '../../../../../../../components/Toast/Toaster';\nimport { TableRef } from '../../../../../types';\nimport { PrintDialog } from './PrintDialog';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { getHiddenColumns } from '../../../../../useTableManager/util/columns';\n\nexport type PrintProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Print<TType = unknown>(props: PrintProps<TType>) {\n    const { table, tableId, tableRef } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const lastScrollTopRef = React.useRef<number>();\n    const toast = useToast();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { allRows, orientation, size, splitGroups } = tableMeta.printing.settings;\n\n    const togglePrinting = React.useCallback(\n        enabled => {\n            tableMeta.printing.setIsPrinting(enabled);\n\n            if (tableRef.current) {\n                if (enabled) {\n                    lastScrollTopRef.current = tableRef.current.scrollTop;\n                } else if (lastScrollTopRef.current !== undefined) {\n                    tableRef.current.scrollTop = lastScrollTopRef.current;\n                    lastScrollTopRef.current = undefined;\n                }\n            }\n        },\n        [tableRef.current]\n    );\n\n    React.useEffect(() => {\n        const afterPrint = () => {\n            togglePrinting(false);\n        };\n\n        window.addEventListener('afterprint', afterPrint);\n\n        return () => {\n            window.removeEventListener('afterprint', afterPrint);\n        };\n    }, []);\n\n    const print = async () => {\n        const toastRef = toast.loading(texts.table.print.loading);\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            try {\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined,\n                    hiddenColumns\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n        }\n\n        // this might close immediately if the dataset is small - this is okay\n        toastRef.close();\n\n        // use a timeout to let the toast close, otherwise it freezes mid animation when the print dialog opens\n        setTimeout(() => {\n            // do this here because Safari doesn't support the beforeprint event\n            togglePrinting(true);\n\n            requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n                    if (isSafari) {\n                        try {\n                            // Try using document.execCommand for printing in Safari\n                            document.execCommand('print', false, undefined);\n                        } catch (error) {\n                            // If document.execCommand fails or throws an error, fallback to window.print()\n                            window.print();\n                        }\n                    } else {\n                        // Execute window.print() for all other browsers\n                        window.print();\n                    }\n                });\n            });\n        }, 150);\n    };\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco^='table']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);\n    }\n\n    const shortcut = { key: 'p', meta: true, shift: false };\n    const tooltip = (\n        <>\n            {texts.table.print.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <>\n            <style media=\"print\">{printStyle.join('\\n')}</style>\n            <IconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={value => tableMeta.printing.setSetting('orientation', value)}\n                        size={size}\n                        setSize={value => tableMeta.printing.setSetting('size', value)}\n                        allRows={allRows}\n                        setAllRows={value => tableMeta.printing.setSetting('allRows', value)}\n                        splitGroups={splitGroups}\n                        setSplitGroups={value => tableMeta.printing.setSetting('splitGroups', value)}\n                    />\n                )}\n                ref={ref}\n                shortcut={shortcut}\n                tooltip={tooltip}\n            />\n        </>\n    );\n}\n"],"names":["Print","props","table","tableId","tableRef","_useLocalization","useLocalization","texts","ref","React","useRef","lastScrollTopRef","toast","useToast","tableMeta","options","meta","_tableMeta$printing$s","printing","settings","allRows","orientation","size","splitGroups","togglePrinting","useCallback","enabled","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","isSafari","test","navigator","userAgent","document","execCommand","error","loading","_temp2","server","isEnabled","loadAllIfNeeded","hiddenColumns","getHiddenColumns","getState","columnVisibility","_temp","_catch","Promise","resolve","sorting","columnFilters","search","enableGlobalFilter","globalFilter","then","errorMessage","console","_temp3","e","reject","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept","setOrientation","value","setSetting","setSize","setAllRows","setSplitGroups"],"mappings":"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"}