@economic/taco 2.21.3 → 2.22.1

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterComparator.js

@@ -0,0 +1,110 @@
+import React__default from 'react';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { TableFilterComparator } from '../../../../../../../primitives/Table/types.js';
+import { Select2 } from '../../../../../../Select2/Select2.js';
+
+function FilterComparator(props) {
+  const {
+    column,
+    onChange: handleChange,
+    value,
+    ...attributes
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const validComparators = guessComparatorsBasedOnControl(column);
+  React__default.useEffect(() => {
+    if (value === undefined || !validComparators.includes(value)) {
+      handleChange === null || handleChange === void 0 ? void 0 : handleChange(validComparators[0]);
+    }
+  }, [validComparators]);
+  return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
+    className: "!w-32 flex-shrink-0",
+    disabled: !column,
+    onChange: handleChange,
+    value: value
+  }), validComparators.map(comparator => ( /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: comparator,
+    value: comparator
+  }, getComparatorText(comparator, texts, column)))));
+}
+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 : {};
+  if (Array.isArray(columnMeta.filters)) {
+    return columnMeta.filters;
+  }
+  if (typeof columnMeta.control === 'function') {
+    const renderedControl = columnMeta.control({
+      onBlur: () => undefined,
+      onFocus: () => undefined,
+      setValue: () => undefined,
+      value: undefined,
+      disabled: false,
+      readOnly: false,
+      ref: undefined
+    });
+    if ( /*#__PURE__*/React__default.isValidElement(renderedControl)) {
+      const {
+        props,
+        type
+      } = renderedControl;
+      if (type.displayName === 'Select2') {
+        if (props.multiple) {
+          return [TableFilterComparator.HasAnyOf, TableFilterComparator.HasAllOf, TableFilterComparator.IsEqualTo, TableFilterComparator.HasNoneOf, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
+        }
+        return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
+      }
+    }
+  }
+  if (columnMeta.dataType === 'number') {
+    return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsGreaterThan, TableFilterComparator.IsLessThan, TableFilterComparator.IsBetween, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
+  }
+  if (columnMeta.control === 'datepicker' || columnMeta.dataType === 'datetime') {
+    return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsBetween, TableFilterComparator.IsLessThan, TableFilterComparator.IsGreaterThan, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty, TableFilterComparator.IsLessThanOrEqualTo, TableFilterComparator.IsGreaterThanOrEqualTo];
+  }
+  if (columnMeta.control === 'switch') {
+    return [TableFilterComparator.IsEqualTo];
+  }
+  return [TableFilterComparator.Contains, TableFilterComparator.DoesNotContain, TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
+}
+function getComparatorText(comparator, texts, column) {
+  var _column$columnDef, _column$columnDef$met2;
+  const isDate = (column === null || column === void 0 ? void 0 : (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : (_column$columnDef$met2 = _column$columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control) === 'datepicker';
+  switch (comparator) {
+    case TableFilterComparator.Contains:
+      return texts.table3.filters.comparators.contains;
+    case TableFilterComparator.DoesNotContain:
+      return texts.table3.filters.comparators.doesNotContain;
+    case TableFilterComparator.IsEqualTo:
+      return texts.table3.filters.comparators.isEqualTo;
+    case TableFilterComparator.IsNotEqualTo:
+      return texts.table3.filters.comparators.isNotEqualTo;
+    case TableFilterComparator.IsGreaterThan:
+      return isDate ? texts.table3.filters.comparators.isAfter : texts.table3.filters.comparators.isGreaterThan;
+    case TableFilterComparator.IsLessThan:
+      return isDate ? texts.table3.filters.comparators.isBefore : texts.table3.filters.comparators.isLessThan;
+    case TableFilterComparator.IsBetween:
+      return texts.table3.filters.comparators.isBetween;
+    case TableFilterComparator.IsEmpty:
+      return texts.table3.filters.comparators.isEmpty;
+    case TableFilterComparator.IsNotEmpty:
+      return texts.table3.filters.comparators.isNotEmpty;
+    case TableFilterComparator.IsLessThanOrEqualTo:
+      return isDate ? texts.table3.filters.comparators.isOnOrBefore : texts.table3.filters.comparators.isLessThanOrEqualTo;
+    case TableFilterComparator.IsGreaterThanOrEqualTo:
+      return isDate ? texts.table3.filters.comparators.isOnOrAfter : texts.table3.filters.comparators.isGreaterThanOrEqualTo;
+    case TableFilterComparator.HasAnyOf:
+      return texts.table3.filters.comparators.hasAnyOf;
+    case TableFilterComparator.HasAllOf:
+      return texts.table3.filters.comparators.hasAllOf;
+    case TableFilterComparator.HasNoneOf:
+      return texts.table3.filters.comparators.hasNoneOf;
+    default:
+      return '';
+  }
+}
+
+export { FilterComparator };
+//# sourceMappingURL=FilterComparator.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterComparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../Select2/Select2';\nimport { LocalizationTexts, useLocalization } from '../../../../../../Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    column?: ReactTableColumn<TType, unknown>;\n};\n\nexport function FilterComparator<TType = unknown>(props: FilterComparatorProps<TType>) {\n    const { column, onChange: handleChange, value, ...attributes } = props;\n    const { texts } = useLocalization();\n\n    const validComparators = guessComparatorsBasedOnControl(column);\n\n    React.useEffect(() => {\n        if (value === undefined || !validComparators.includes(value as number)) {\n            handleChange?.(validComparators[0]);\n        }\n    }, [validComparators]);\n\n    return (\n        <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" disabled={!column} onChange={handleChange} value={value}>\n            {validComparators.map(comparator => (\n                <Select2.Option key={comparator} value={comparator}>\n                    {getComparatorText(comparator, texts, column)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n}\n\nfunction 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 as any).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.dataType === 'number') {\n        return [\n            TableFilterComparator.IsEqualTo,\n            TableFilterComparator.IsNotEqualTo,\n            TableFilterComparator.IsGreaterThan,\n            TableFilterComparator.IsLessThan,\n            TableFilterComparator.IsBetween,\n            TableFilterComparator.IsEmpty,\n            TableFilterComparator.IsNotEmpty,\n        ];\n    }\n\n    if (columnMeta.control === 'datepicker' || columnMeta.dataType === 'datetime') {\n        return [\n            TableFilterComparator.IsEqualTo,\n            TableFilterComparator.IsNotEqualTo,\n            TableFilterComparator.IsBetween,\n            TableFilterComparator.IsLessThan,\n            TableFilterComparator.IsGreaterThan,\n            TableFilterComparator.IsEmpty,\n            TableFilterComparator.IsNotEmpty,\n            TableFilterComparator.IsLessThanOrEqualTo,\n            TableFilterComparator.IsGreaterThanOrEqualTo,\n        ];\n    }\n\n    if (columnMeta.control === 'switch') {\n        return [TableFilterComparator.IsEqualTo];\n    }\n\n    return [\n        TableFilterComparator.Contains,\n        TableFilterComparator.DoesNotContain,\n        TableFilterComparator.IsEqualTo,\n        TableFilterComparator.IsNotEqualTo,\n        TableFilterComparator.IsEmpty,\n        TableFilterComparator.IsNotEmpty,\n    ];\n}\n\nfunction getComparatorText<TType = unknown>(\n    comparator: TableFilterComparator,\n    texts: LocalizationTexts,\n    column?: ReactTableColumn<TType, unknown>\n) {\n    const isDate = column?.columnDef?.meta?.control === 'datepicker';\n\n    switch (comparator) {\n        case TableFilterComparator.Contains:\n            return texts.table3.filters.comparators.contains;\n\n        case TableFilterComparator.DoesNotContain:\n            return texts.table3.filters.comparators.doesNotContain;\n\n        case TableFilterComparator.IsEqualTo:\n            return texts.table3.filters.comparators.isEqualTo;\n\n        case TableFilterComparator.IsNotEqualTo:\n            return texts.table3.filters.comparators.isNotEqualTo;\n\n        case TableFilterComparator.IsGreaterThan:\n            return isDate ? texts.table3.filters.comparators.isAfter : texts.table3.filters.comparators.isGreaterThan;\n\n        case TableFilterComparator.IsLessThan:\n            return isDate ? texts.table3.filters.comparators.isBefore : texts.table3.filters.comparators.isLessThan;\n\n        case TableFilterComparator.IsBetween:\n            return texts.table3.filters.comparators.isBetween;\n\n        case TableFilterComparator.IsEmpty:\n            return texts.table3.filters.comparators.isEmpty;\n\n        case TableFilterComparator.IsNotEmpty:\n            return texts.table3.filters.comparators.isNotEmpty;\n\n        case TableFilterComparator.IsLessThanOrEqualTo:\n            return isDate ? texts.table3.filters.comparators.isOnOrBefore : texts.table3.filters.comparators.isLessThanOrEqualTo;\n\n        case TableFilterComparator.IsGreaterThanOrEqualTo:\n            return isDate\n                ? texts.table3.filters.comparators.isOnOrAfter\n                : texts.table3.filters.comparators.isGreaterThanOrEqualTo;\n\n        case TableFilterComparator.HasAnyOf:\n            return texts.table3.filters.comparators.hasAnyOf;\n\n        case TableFilterComparator.HasAllOf:\n            return texts.table3.filters.comparators.hasAllOf;\n\n        case TableFilterComparator.HasNoneOf:\n            return texts.table3.filters.comparators.hasNoneOf;\n\n        default:\n            return '';\n    }\n}\n"],"names":["FilterComparator","props","column","onChange","handleChange","value","attributes","texts","useLocalization","validComparators","guessComparatorsBasedOnControl","React","useEffect","undefined","includes","Select2","className","disabled","map","comparator","Option","key","getComparatorText","columnMeta","_column$columnDef$met","columnDef","meta","Array","isArray","filters","control","renderedControl","onBlur","onFocus","setValue","readOnly","ref","isValidElement","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","dataType","IsGreaterThan","IsLessThan","IsBetween","IsLessThanOrEqualTo","IsGreaterThanOrEqualTo","Contains","DoesNotContain","isDate","_column$columnDef","_column$columnDef$met2","table3","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isAfter","isGreaterThan","isBefore","isLessThan","isBetween","isEmpty","isNotEmpty","isOnOrBefore","isLessThanOrEqualTo","isOnOrAfter","isGreaterThanOrEqualTo","hasAnyOf","hasAllOf","hasNoneOf"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterValue.js

@@ -0,0 +1,118 @@
+import React__default, { useEffect } from 'react';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { Input } from '../../../../../../Input/Input.js';
+import { Datepicker } from '../../../../../../Datepicker/Datepicker.js';
+import { TableFilterComparator } from '../../../../../../../primitives/Table/types.js';
+import { Switch } from '../../../../../../Switch/Switch.js';
+
+function FilterValue(props) {
+  const {
+    column,
+    comparator,
+    onChange: handleChange,
+    value
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  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;
+    if (column === undefined) {
+      return /*#__PURE__*/React__default.createElement(Input, {
+        "aria-label": texts.table3.filters.emptyFilter.value,
+        className: "flex-grow",
+        disabled: true,
+        value: texts.table3.filters.emptyFilter.value
+      });
+    }
+    if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.dataType) === 'datetime') {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "flex flex-grow items-center gap-2"
+      }, /*#__PURE__*/React__default.createElement(Control, {
+        column: column,
+        onChange: value => handleChange([value, toValue]),
+        value: fromValue
+      }), /*#__PURE__*/React__default.createElement(Control, {
+        column: column,
+        onChange: value => handleChange([fromValue, value]),
+        value: toValue
+      }));
+    }
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-grow items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement(Control, {
+      column: column,
+      onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
+      placeholder: "from",
+      value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
+    }), /*#__PURE__*/React__default.createElement(Control, {
+      column: column,
+      onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
+      placeholder: "to",
+      value: toValue !== null && toValue !== void 0 ? toValue : ''
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Control, {
+    comparator: comparator,
+    column: column,
+    onChange: handleChange,
+    value: value
+  });
+}
+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;
+  useEffect(() => {
+    if (controlRenderer === 'switch') {
+      onChange(false);
+    }
+  }, []);
+  if (typeof controlRenderer === 'function') {
+    return controlRenderer({
+      ...attributes,
+      setValue: value => onChange(value),
+      value
+    });
+  } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
+    return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
+      onChange: event => 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
+    }));
+  } 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),
+      value: String(value !== null && value !== void 0 ? value : '')
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
+    disabled: !column
+  }, attributes, {
+    className: "flex-grow",
+    onChange: event => onChange(event.target.value),
+    value: String(value !== null && value !== void 0 ? value : '')
+  }));
+}
+
+export { FilterValue };
+//# sourceMappingURL=FilterValue.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../Input/Input';\nimport { Datepicker } from '../../../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../../../Switch/Switch';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\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.table3.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    disabled\n                    value={texts.table3.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 column={column} onChange={value => handleChange([value, toValue])} value={fromValue} />\n                    <Control column={column} onChange={value => handleChange([fromValue, value])} value={toValue} />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n    return <Control comparator={comparator} column={column} onChange={handleChange} value={value} />;\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n\n    useEffect(() => {\n        if (controlRenderer === 'switch') {\n            onChange(false);\n        }\n    }, []);\n\n    if (typeof controlRenderer === 'function') {\n        return controlRenderer({\n            ...attributes,\n            setValue: value => onChange(value),\n            value,\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 === '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":["FilterValue","props","column","comparator","onChange","handleChange","value","texts","useLocalization","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table3","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useEffect","setValue","Datepicker","event","detail","Switch","checked","Boolean","type","target","valueAsNumber","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/Placeholder.js

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { IconButton } from '../../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { Input } from '../../../../../../Input/Input.js';
+import { FilterColumn } from './FilterColumn.js';
+import { FilterComparator } from './FilterComparator.js';
+
+function Placeholder(props) {
+  const {
+    allColumns,
+    filters,
+    onCreate: handleCreate,
+    onRemove: handleRemove,
+    position
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-start gap-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right"
+  }, position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where), /*#__PURE__*/React__default.createElement(FilterColumn, {
+    allColumns: allColumns,
+    filters: filters,
+    onChange: handleCreate,
+    value: null
+  }), /*#__PURE__*/React__default.createElement(FilterComparator, null), /*#__PURE__*/React__default.createElement(Input, {
+    "aria-label": texts.table3.filters.emptyFilter.value,
+    className: "flex-grow",
+    disabled: true,
+    value: texts.table3.filters.emptyFilter.value
+  }), handleRemove ? /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    icon: "close",
+    onClick: handleRemove
+  }) : null);
+}
+
+export { Placeholder };
+//# sourceMappingURL=Placeholder.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/Placeholder.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2Value } from '../../../../../../Select2/Select2';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { Input } from '../../../../../../Input/Input';\nimport { IconButton } from '../../../../../../IconButton/IconButton';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { TableFilter } from '../../../../../types';\n\nexport type PlaceholderFilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filters: TableFilter[];\n    onCreate?: (value: Select2Value) => void;\n    onRemove?: () => void;\n    position: number;\n};\n\nexport function Placeholder<TType = unknown>(props: PlaceholderFilterProps<TType>) {\n    const { allColumns, filters, onCreate: handleCreate, onRemove: handleRemove, position } = props;\n    const { texts } = useLocalization();\n\n    return (\n        <div className=\"flex items-start gap-2\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns} filters={filters} onChange={handleCreate} value={null} />\n            <FilterComparator />\n            <Input\n                aria-label={texts.table3.filters.emptyFilter.value}\n                className=\"flex-grow\"\n                disabled\n                value={texts.table3.filters.emptyFilter.value}\n            />\n            {handleRemove ? <IconButton appearance=\"discrete\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Placeholder","props","allColumns","filters","onCreate","handleCreate","onRemove","handleRemove","position","texts","useLocalization","React","className","table3","conditions","and","where","FilterColumn","onChange","value","FilterComparator","Input","emptyFilter","disabled","IconButton","appearance","icon","onClick"],"mappings":";;;;;;;SAkBgBA,WAAWA,CAAkBC,KAAoC;EAC7E,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,QAAQ,EAAEC,YAAY;IAAEC;GAAU,GAAGP,KAAK;EAC/F,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIC;IAAKC,SAAS,EAAC;kBACXD;IAAKC,SAAS,EAAC;KACVJ,QAAQ,GAAG,CAAC,GAAGC,KAAK,CAACI,MAAM,CAACV,OAAO,CAACW,UAAU,CAACC,GAAG,GAAGN,KAAK,CAACI,MAAM,CAACV,OAAO,CAACW,UAAU,CAACE,KAAK,CACzF,eACNL,6BAACM,YAAY;IAACf,UAAU,EAAEA,UAAU;IAAEC,OAAO,EAAEA,OAAO;IAAEe,QAAQ,EAAEb,YAAY;IAAEc,KAAK,EAAE;IAAQ,eAC/FR,6BAACS,gBAAgB,OAAG,eACpBT,6BAACU,KAAK;kBACUZ,KAAK,CAACI,MAAM,CAACV,OAAO,CAACmB,WAAW,CAACH,KAAK;IAClDP,SAAS,EAAC,WAAW;IACrBW,QAAQ;IACRJ,KAAK,EAAEV,KAAK,CAACI,MAAM,CAACV,OAAO,CAACmB,WAAW,CAACH;IAC1C,EACDZ,YAAY,gBAAGI,6BAACa,UAAU;IAACC,UAAU,EAAC,UAAU;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEpB;IAAgB,GAAG,IAAI,CAC7F;AAEd;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/util.js

@@ -0,0 +1,7 @@
+function sortByHeader(a, b) {
+  var _a$columnDef$meta, _a$columnDef$meta$hea, _a$columnDef$meta$hea2, _b$columnDef$meta;
+  return (_a$columnDef$meta = a.columnDef.meta) === null || _a$columnDef$meta === void 0 ? void 0 : (_a$columnDef$meta$hea = _a$columnDef$meta.header) === null || _a$columnDef$meta$hea === void 0 ? void 0 : (_a$columnDef$meta$hea2 = _a$columnDef$meta$hea.localeCompare) === null || _a$columnDef$meta$hea2 === void 0 ? void 0 : _a$columnDef$meta$hea2.call(_a$columnDef$meta$hea, (_b$columnDef$meta = b.columnDef.meta) === null || _b$columnDef$meta === void 0 ? void 0 : _b$columnDef$meta.header);
+}
+
+export { sortByHeader };
+//# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn } from '@tanstack/react-table';\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"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta"],"mappings":"SAEgBA,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;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Print/Print.js

@@ -0,0 +1,123 @@
+import React__default from 'react';
+import { IconButton } from '../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../Provider/Localization.js';
+import { Shortcut } from '../../../../../Shortcut/Shortcut.js';
+import { useToast } from '../../../../../Toast/Toaster.js';
+import { _catch } from '../../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { 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 togglePrinting = React__default.useCallback(enabled => {
+    tableMeta.printing.setIsPrinting(enabled);
+    if (tableRef.current) {
+      if (enabled) {
+        lastScrollTopRef.current = tableRef.current.scrollTop;
+      } else if (lastScrollTopRef.current !== undefined) {
+        tableRef.current.scrollTop = lastScrollTopRef.current;
+        lastScrollTopRef.current = undefined;
+      }
+    }
+  }, [tableRef.current]);
+  React__default.useEffect(() => {
+    const afterPrint = () => {
+      togglePrinting(false);
+    };
+    window.addEventListener('afterprint', afterPrint);
+    return () => {
+      window.removeEventListener('afterprint', afterPrint);
+    };
+  }, []);
+  const print = function () {
+    try {
+      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(() => {
+          // do this here because Safari doesn't support the beforeprint event
+          togglePrinting(true);
+          requestAnimationFrame(() => {
+            try {
+              // window.print doesn't always work in Safari :man_shrugging:
+              document.execCommand('print', false, undefined);
+            } catch {
+              window.print();
+            }
+          });
+        }, 150);
+      }
+      const toastRef = toast.loading(texts.table3.print.loading);
+      const _temp2 = function () {
+        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {
+          const _temp = _catch(function () {
+            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+          }, function (error) {
+            const errorMessage = `${texts.table3.print.error}: ${error}`;
+            console.error(errorMessage);
+            toastRef.error(errorMessage);
+          });
+          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 [orientation, setOrientation] = React__default.useState('portrait');
+  const [size, setSize] = React__default.useState('A4');
+  const [allRows, setAllRows] = React__default.useState(true);
+  const [splitGroups, setSplitGroups] = React__default.useState(true);
+  const printStyle = [`@page { size: ${size} ${orientation}; }`];
+  if (!allRows) {
+    printStyle.push(`table[data-taco='report']#${tableId} tr:not([data-row-selected="true"]) { display: none; }`);
+  }
+  if (splitGroups) {
+    printStyle.push(`table[data-taco='report']#${tableId} tr[data-row-group]:not(:first-child) { break-before: page; }`);
+  }
+  const shortcut = {
+    key: 'p',
+    meta: true,
+    shift: false
+  };
+  const tooltip = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.print.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+    className: "ml-2",
+    keys: shortcut
+  }));
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", {
+    media: "print"
+  }, printStyle.join('\n')), /*#__PURE__*/React__default.createElement(IconButton, {
+    icon: "print",
+    "aria-label": texts.table3.print.tooltip,
+    dialog: dialogProps => ( /*#__PURE__*/React__default.createElement(PrintDialog, Object.assign({}, dialogProps, {
+      table: table,
+      onAccept: print,
+      orientation: orientation,
+      setOrientation: setOrientation,
+      size: size,
+      setSize: setSize,
+      allRows: allRows,
+      setAllRows: setAllRows,
+      splitGroups: splitGroups,
+      setSplitGroups: setSplitGroups
+    }))),
+    ref: ref,
+    shortcut: shortcut,
+    tooltip: tooltip
+  }));
+}
+
+export { Print };
+//# sourceMappingURL=Print.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Print/Print.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Print.js","sources":["../../../../../../../../../../../src/components/Report/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 '../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { useToast } from '../../../../../Toast/Toaster';\nimport { TableRef } from '../../../../../../primitives/Table/types';\nimport { PrintDialog } from './PrintDialog';\nimport { Select2Value } from '../../../../../Select2/types';\nimport { RadioGroupItemValue } from '../../../../../RadioGroup/RadioGroup';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\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\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.table3.print.loading);\n\n        if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {\n            try {\n                await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n            } catch (error) {\n                const errorMessage = `${texts.table3.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                try {\n                    // window.print doesn't always work in Safari :man_shrugging:\n                    document.execCommand('print', false, undefined);\n                } catch {\n                    window.print();\n                }\n            });\n        }, 150);\n    };\n\n    const [orientation, setOrientation] = React.useState<Select2Value>('portrait');\n    const [size, setSize] = React.useState<Select2Value>('A4');\n    const [allRows, setAllRows] = React.useState<RadioGroupItemValue>(true);\n    const [splitGroups, setSplitGroups] = React.useState<boolean>(true);\n\n    const printStyle = [`@page { size: ${size} ${orientation}; }`];\n\n    if (!allRows) {\n        printStyle.push(`table[data-taco='report']#${tableId} tr:not([data-row-selected=\"true\"]) { display: none; }`);\n    }\n\n    if (splitGroups) {\n        printStyle.push(`table[data-taco='report']#${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.table3.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.table3.print.tooltip}\n                dialog={dialogProps => (\n                    <PrintDialog\n                        {...dialogProps}\n                        table={table}\n                        onAccept={print}\n                        orientation={orientation}\n                        setOrientation={setOrientation}\n                        size={size}\n                        setSize={setSize}\n                        allRows={allRows}\n                        setAllRows={setAllRows}\n                        splitGroups={splitGroups}\n                        setSplitGroups={setSplitGroups}\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","togglePrinting","useCallback","enabled","printing","setIsPrinting","current","scrollTop","undefined","useEffect","afterPrint","window","addEventListener","removeEventListener","print","toastRef","close","setTimeout","requestAnimationFrame","document","execCommand","loading","table3","_temp2","server","isEnabled","loadAllIfNeeded","_temp","_catch","Promise","resolve","getState","sorting","columnFilters","then","error","errorMessage","console","_temp3","e","reject","orientation","setOrientation","useState","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","printStyle","push","shortcut","key","shift","tooltip","Shortcut","className","keys","media","join","IconButton","icon","dialog","dialogProps","PrintDialog","onAccept"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Print/PrintDialog.js

@@ -0,0 +1,88 @@
+import React__default from 'react';
+import { Alert } from '../../../../../Alert/Alert.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';
+import { Field } from '../../../../../Field/Field.js';
+import { RadioGroup } from '../../../../../RadioGroup/RadioGroup.js';
+import { Select2 } from '../../../../../Select2/Select2.js';
+
+const SAFE_PRINT_CELL_COUNT = 10000;
+function PrintDialog(props) {
+  var _columns$find, _columns$find$columnD;
+  const {
+    onAccept,
+    table,
+    orientation,
+    setOrientation,
+    size,
+    setSize,
+    allRows,
+    setAllRows,
+    splitGroups,
+    setSplitGroups,
+    ...dialogProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const columns = table.getVisibleFlatColumns();
+  const cellCount = table.getRowModel().rows.length * columns.length;
+  const rowGroupingColumnName = table.getState().grouping.length ? (_columns$find = columns.find(column => column.id === table.getState().grouping[0])) === null || _columns$find === void 0 ? void 0 : (_columns$find$columnD = _columns$find.columnDef.meta) === null || _columns$find$columnD === void 0 ? void 0 : _columns$find$columnD.header : undefined;
+  return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps, {
+    size: "xs"
+  }), /*#__PURE__*/React__default.createElement(Dialog.Content, {
+    "aria-label": texts.table3.print.warningDialog.title
+  }, ({
+    close
+  }) => ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table3.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
+    className: "mt-4 flex flex-col gap-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "grid grid-cols-2 gap-4"
+  }, /*#__PURE__*/React__default.createElement(Field, null, texts.table3.print.settingsDialog.size, /*#__PURE__*/React__default.createElement(Select2, {
+    onChange: setSize,
+    value: size
+  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A5"
+  }, texts.table3.print.settingsDialog.sizeA5), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A4"
+  }, texts.table3.print.settingsDialog.sizeA4), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "A3"
+  }, texts.table3.print.settingsDialog.sizeA3), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "letter"
+  }, texts.table3.print.settingsDialog.sizeLetter), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "legal"
+  }, texts.table3.print.settingsDialog.sizeLegal))), /*#__PURE__*/React__default.createElement(Field, null, texts.table3.print.settingsDialog.orientation, /*#__PURE__*/React__default.createElement(Select2, {
+    onChange: setOrientation,
+    value: orientation
+  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "landscape"
+  }, texts.table3.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    value: "portrait"
+  }, texts.table3.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? ( /*#__PURE__*/React__default.createElement(Field, null, texts.table3.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
+    onChange: setAllRows,
+    value: allRows
+  }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+    value: true
+  }, texts.table3.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
+    value: false
+  }, texts.table3.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? ( /*#__PURE__*/React__default.createElement(Field, null, texts.table3.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
+    label: texts.table3.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
+    checked: splitGroups,
+    onChange: setSplitGroups
+  }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? ( /*#__PURE__*/React__default.createElement(Alert, {
+    state: "warning"
+  }, texts.table3.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table3.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button, {
+    appearance: "primary",
+    autoFocus: true,
+    onClick: () => {
+      close();
+      setTimeout(() => onAccept(), 1);
+    }
+  }, texts.table3.print.warningDialog.printButtonText)))))));
+}
+
+export { PrintDialog };
+//# sourceMappingURL=PrintDialog.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Print/PrintDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../Dialog/Dialog';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Checkbox } from '../../../../../Checkbox/Checkbox';\nimport { Group } from '../../../../../Group/Group';\nimport { Button } from '../../../../../Button/Button';\nimport { Field } from '../../../../../Field/Field';\nimport { Select2, Select2Value } from '../../../../../Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../Alert/Alert';\n\nconst SAFE_PRINT_CELL_COUNT = 10000;\n\nexport type PrintDialogProps<TType = unknown> = {\n    table: ReactTable<TType>;\n    onAccept: () => void;\n    orientation: Select2Value;\n    setOrientation: (orientation: Select2Value) => void;\n    size: Select2Value;\n    setSize: (size: Select2Value) => void;\n    allRows: RadioGroupItemValue;\n    setAllRows: (allRows: RadioGroupItemValue) => void;\n    splitGroups: boolean;\n    setSplitGroups: (splitGroups: boolean) => void;\n};\n\nexport function PrintDialog<TType = unknown>(props: PrintDialogProps<TType>) {\n    const {\n        onAccept,\n        table,\n        orientation,\n        setOrientation,\n        size,\n        setSize,\n        allRows,\n        setAllRows,\n        splitGroups,\n        setSplitGroups,\n        ...dialogProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const columns = table.getVisibleFlatColumns();\n    const cellCount = table.getRowModel().rows.length * columns.length;\n    const rowGroupingColumnName = table.getState().grouping.length\n        ? columns.find(column => column.id === table.getState().grouping[0])?.columnDef.meta?.header\n        : undefined;\n\n    return (\n        <Dialog {...dialogProps} size=\"xs\">\n            <Dialog.Content aria-label={texts.table3.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table3.print.settingsDialog.title}</Dialog.Title>\n                        <div className=\"mt-4 flex flex-col gap-2\">\n                            <div className=\"grid grid-cols-2 gap-4\">\n                                <Field>\n                                    {texts.table3.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table3.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table3.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table3.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table3.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table3.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table3.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table3.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table3.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table3.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>\n                                            {texts.table3.print.settingsDialog.rowsAll}\n                                        </RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table3.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table3.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table3.print.settingsDialog.layoutSplitGroups.replace(\n                                            '[COLUMN]',\n                                            rowGroupingColumnName\n                                        )}\n                                        checked={splitGroups}\n                                        onChange={setSplitGroups}\n                                    />\n                                </Field>\n                            ) : null}\n\n                            {cellCount > SAFE_PRINT_CELL_COUNT ? (\n                                <Alert state=\"warning\">{texts.table3.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Group>\n                                <Dialog.Close>\n                                    <Button>{texts.table3.print.warningDialog.cancelButtonText}</Button>\n                                </Dialog.Close>\n                                <Button\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table3.print.warningDialog.printButtonText}\n                                </Button>\n                            </Group>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["SAFE_PRINT_CELL_COUNT","PrintDialog","props","onAccept","table","orientation","setOrientation","size","setSize","allRows","setAllRows","splitGroups","setSplitGroups","dialogProps","texts","useLocalization","columns","getVisibleFlatColumns","cellCount","getRowModel","rows","length","rowGroupingColumnName","getState","grouping","_columns$find","find","column","id","_columns$find$columnD","columnDef","meta","header","undefined","React","Dialog","Content","table3","print","warningDialog","title","close","Title","settingsDialog","className","Field","Select2","onChange","value","Option","sizeA5","sizeA4","sizeA3","sizeLetter","sizeLegal","orientationLandscape","orientationPortrait","options","enableRowSelection","getIsSomeRowsSelected","RadioGroup","Item","rowsAll","rowsSelected","layout","Checkbox","label","layoutSplitGroups","replace","checked","Alert","state","description","Footer","Group","Close","Button","cancelButtonText","appearance","autoFocus","onClick","setTimeout","printButtonText"],"mappings":"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"}