@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { LocalizationTexts, useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\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    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 getComparatorText<TType = unknown>(\n    comparator: TableFilterComparator,\n    texts: LocalizationTexts,\n    column?: ReactTableColumn<TType, unknown>\n) {\n    const isDate =\n        column?.columnDef.meta?.dataType === 'date' ||\n        column?.columnDef.meta?.dataType === 'time' ||\n        column?.columnDef.meta?.dataType === 'datetime';\n\n    switch (comparator) {\n        case TableFilterComparator.Contains:\n            return texts.table.filters.comparators.contains;\n\n        case TableFilterComparator.DoesNotContain:\n            return texts.table.filters.comparators.doesNotContain;\n\n        case TableFilterComparator.IsEqualTo:\n            return texts.table.filters.comparators.isEqualTo;\n\n        case TableFilterComparator.IsNotEqualTo:\n            return texts.table.filters.comparators.isNotEqualTo;\n\n        case TableFilterComparator.IsGreaterThan:\n            return isDate ? texts.table.filters.comparators.isAfter : texts.table.filters.comparators.isGreaterThan;\n\n        case TableFilterComparator.IsLessThan:\n            return isDate ? texts.table.filters.comparators.isBefore : texts.table.filters.comparators.isLessThan;\n\n        case TableFilterComparator.IsBetween:\n            return texts.table.filters.comparators.isBetween;\n\n        case TableFilterComparator.IsEmpty:\n            return texts.table.filters.comparators.isEmpty;\n\n        case TableFilterComparator.IsNotEmpty:\n            return texts.table.filters.comparators.isNotEmpty;\n\n        case TableFilterComparator.IsLessThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrBefore : texts.table.filters.comparators.isLessThanOrEqualTo;\n\n        case TableFilterComparator.IsGreaterThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrAfter : texts.table.filters.comparators.isGreaterThanOrEqualTo;\n\n        case TableFilterComparator.HasAnyOf:\n            return texts.table.filters.comparators.hasAnyOf;\n\n        case TableFilterComparator.HasAllOf:\n            return texts.table.filters.comparators.hasAllOf;\n\n        case TableFilterComparator.HasNoneOf:\n            return texts.table.filters.comparators.hasNoneOf;\n\n        case TableFilterComparator.IsOneOf:\n            return texts.table.filters.comparators.isOneOf;\n\n        case TableFilterComparator.IsNoneOf:\n            return texts.table.filters.comparators.isNoneOf;\n\n        default:\n            return '';\n    }\n}\n"],"names":["React"],"mappings":";;;;;AAWO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AAC3D,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAE5B,QAAA,mBAAmB,+BAA+B,MAAM;AAE9D,SACKA,+BAAA,cAAA,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAClB,eAAAA,+BAAA,cAAC,QAAQ,QAAR,EAAe,KAAK,YAAY,OAAO,WACnC,GAAA,kBAAkB,YAAY,OAAO,MAAM,CAChD,CACH,CACL;AAER;AAEA,SAAS,kBACL,YACA,OACA,QACF;;AACE,QAAM,WACF,sCAAQ,UAAU,SAAlB,mBAAwB,cAAa,YACrC,sCAAQ,UAAU,SAAlB,mBAAwB,cAAa,YACrC,sCAAQ,UAAU,SAAlB,mBAAwB,cAAa;AAEzC,UAAQ,YAAY;AAAA,IAChB,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAK,sBAAsB;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAK,sBAAsB;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACW,aAAA;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { LocalizationTexts, useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\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    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 getComparatorText<TType = unknown>(\n    comparator: TableFilterComparator,\n    texts: LocalizationTexts,\n    column?: ReactTableColumn<TType, unknown>\n) {\n    const isDate =\n        column?.columnDef.meta?.dataType === 'date' ||\n        column?.columnDef.meta?.dataType === 'time' ||\n        column?.columnDef.meta?.dataType === 'datetime';\n\n    switch (comparator) {\n        case TableFilterComparator.Contains:\n            return texts.table.filters.comparators.contains;\n\n        case TableFilterComparator.DoesNotContain:\n            return texts.table.filters.comparators.doesNotContain;\n\n        case TableFilterComparator.IsEqualTo:\n            return texts.table.filters.comparators.isEqualTo;\n\n        case TableFilterComparator.IsNotEqualTo:\n            return texts.table.filters.comparators.isNotEqualTo;\n\n        case TableFilterComparator.IsGreaterThan:\n            return isDate ? texts.table.filters.comparators.isAfter : texts.table.filters.comparators.isGreaterThan;\n\n        case TableFilterComparator.IsLessThan:\n            return isDate ? texts.table.filters.comparators.isBefore : texts.table.filters.comparators.isLessThan;\n\n        case TableFilterComparator.IsBetween:\n            return texts.table.filters.comparators.isBetween;\n\n        case TableFilterComparator.IsEmpty:\n            return texts.table.filters.comparators.isEmpty;\n\n        case TableFilterComparator.IsNotEmpty:\n            return texts.table.filters.comparators.isNotEmpty;\n\n        case TableFilterComparator.IsLessThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrBefore : texts.table.filters.comparators.isLessThanOrEqualTo;\n\n        case TableFilterComparator.IsGreaterThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrAfter : texts.table.filters.comparators.isGreaterThanOrEqualTo;\n\n        case TableFilterComparator.HasAnyOf:\n            return texts.table.filters.comparators.hasAnyOf;\n\n        case TableFilterComparator.HasAllOf:\n            return texts.table.filters.comparators.hasAllOf;\n\n        case TableFilterComparator.HasNoneOf:\n            return texts.table.filters.comparators.hasNoneOf;\n\n        case TableFilterComparator.IsOneOf:\n            return texts.table.filters.comparators.isOneOf;\n\n        case TableFilterComparator.IsNoneOf:\n            return texts.table.filters.comparators.isNoneOf;\n\n        default:\n            return '';\n    }\n}\n"],"names":["React"],"mappings":";;;;;AAWO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AACjE,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,mBAAmB,+BAA+B,MAAM;AAE9D,SACIA,+BAAA,cAAC,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAAA,eAClBA,+BAAA,cAAC,QAAQ,QAAR,EAAe,KAAK,YAAY,OAAO,WAAA,GACnC,kBAAkB,YAAY,OAAO,MAAM,CAChD,CACH,CACL;AAER;AAEA,SAAS,kBACL,YACA,OACA,QACF;AACE,QAAM,SACF,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa;AAEzC,UAAQ,YAAA;AAAA,IACJ,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACI,aAAO;AAAA,EAAA;AAEnB;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.cjs

@@ -10,7 +10,6 @@ const Checkbox = require("../../../../../../../../components/Checkbox/Checkbox.c
 const FilterContext = require("../FilterContext.cjs");
 const querySelector = "filter-value";
 function FilterValue(props) {
-  var _a, _b;
   const { column, comparator, onChange: handleChange, value } = props;
   const { texts } = Localization.useLocalization();
   if (comparator === types.TableFilterComparator.IsEmpty || comparator === types.TableFilterComparator.IsNotEmpty) {
@@ -31,7 +30,7 @@ function FilterValue(props) {
         }
       );
     }
-    if (((_a = column.columnDef.meta) == null ? void 0 : _a.dataType) === "datetime" || ((_b = column.columnDef.meta) == null ? void 0 : _b.dataType) === "date") {
+    if (column.columnDef.meta?.dataType === "datetime" || column.columnDef.meta?.dataType === "date") {
       return /* @__PURE__ */ React.createElement("div", { className: "flex flex-grow items-center gap-2" }, /* @__PURE__ */ React.createElement(
         Control,
         {
@@ -82,10 +81,9 @@ function FilterValue(props) {
   );
 }
 function Control(props) {
-  var _a, _b;
   const { column, comparator: _1, onChange, value, ...attributes } = props;
-  const controlRenderer = (_a = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _a.control;
-  const dataType = (_b = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _b.dataType;
+  const controlRenderer = column?.columnDef.meta?.control;
+  const dataType = column?.columnDef.meta?.dataType;
   const filters = React.useContext(FilterContext.FilterContext);
   const ref = React.useRef(null);
   React.useEffect(() => {

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValue.cjs","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 { 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' || column.columnDef.meta?.dataType === 'date') {\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: any) => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={(value: any) => 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: any) => handleChange([Number.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: any) => handleChange([fromValue, Number.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\ntype ControlProps<TType> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator?: TableFilterComparator;\n    onChange: (value: any) => void;\n    placeholder?: string;\n    value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n    const { column, comparator: _1, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n    const ref = React.useRef<HTMLElement>(null);\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        const control = controlRenderer(\n            {\n                ...attributes,\n                setValue: onChange,\n                value,\n                ref,\n            },\n            undefined,\n            filters\n        );\n\n        if (control) {\n            return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n        }\n    }\n\n    if (controlRenderer === 'datepicker' || dataType === 'datetime' || dataType === 'date') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    }\n\n    if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    }\n\n    if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\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":["useLocalization","TableFilterComparator","Input","value","FilterContext","useEffect","Datepicker","Switch","Checkbox"],"mappings":"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"}
+{"version":3,"file":"FilterValue.cjs","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 { 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' || column.columnDef.meta?.dataType === 'date') {\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: any) => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={(value: any) => 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: any) => handleChange([Number.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: any) => handleChange([fromValue, Number.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\ntype ControlProps<TType> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator?: TableFilterComparator;\n    onChange: (value: any) => void;\n    placeholder?: string;\n    value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n    const { column, comparator: _1, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n    const ref = React.useRef<HTMLElement>(null);\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        const control = controlRenderer(\n            {\n                ...attributes,\n                setValue: onChange,\n                value,\n                ref,\n            },\n            undefined,\n            filters\n        );\n\n        if (control) {\n            return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n        }\n    }\n\n    if (controlRenderer === 'datepicker' || dataType === 'datetime' || dataType === 'date') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    }\n\n    if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    }\n\n    if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\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":["useLocalization","TableFilterComparator","Input","value","FilterContext","useEffect","Datepicker","Switch","Checkbox"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.js

@@ -8,7 +8,6 @@ import { Checkbox } from "../../../../../../../../components/Checkbox/Checkbox.j
 import { FilterContext } from "../FilterContext.js";
 const querySelector = "filter-value";
 function FilterValue(props) {
-  var _a, _b;
   const { column, comparator, onChange: handleChange, value } = props;
   const { texts } = useLocalization();
   if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
@@ -29,7 +28,7 @@ function FilterValue(props) {
         }
       );
     }
-    if (((_a = column.columnDef.meta) == null ? void 0 : _a.dataType) === "datetime" || ((_b = column.columnDef.meta) == null ? void 0 : _b.dataType) === "date") {
+    if (column.columnDef.meta?.dataType === "datetime" || column.columnDef.meta?.dataType === "date") {
       return /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-grow items-center gap-2" }, /* @__PURE__ */ React__default.createElement(
         Control,
         {
@@ -80,10 +79,9 @@ function FilterValue(props) {
   );
 }
 function Control(props) {
-  var _a, _b;
   const { column, comparator: _1, onChange, value, ...attributes } = props;
-  const controlRenderer = (_a = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _a.control;
-  const dataType = (_b = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _b.dataType;
+  const controlRenderer = column?.columnDef.meta?.control;
+  const dataType = column?.columnDef.meta?.dataType;
   const filters = React__default.useContext(FilterContext);
   const ref = React__default.useRef(null);
   useEffect(() => {

package/dist/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 { 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' || column.columnDef.meta?.dataType === 'date') {\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: any) => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={(value: any) => 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: any) => handleChange([Number.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: any) => handleChange([fromValue, Number.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\ntype ControlProps<TType> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator?: TableFilterComparator;\n    onChange: (value: any) => void;\n    placeholder?: string;\n    value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n    const { column, comparator: _1, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n    const ref = React.useRef<HTMLElement>(null);\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        const control = controlRenderer(\n            {\n                ...attributes,\n                setValue: onChange,\n                value,\n                ref,\n            },\n            undefined,\n            filters\n        );\n\n        if (control) {\n            return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n        }\n    }\n\n    if (controlRenderer === 'datepicker' || dataType === 'datetime' || dataType === 'date') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    }\n\n    if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    }\n\n    if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\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":["React","value"],"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 { 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' || column.columnDef.meta?.dataType === 'date') {\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: any) => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={(value: any) => 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: any) => handleChange([Number.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: any) => handleChange([fromValue, Number.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\ntype ControlProps<TType> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator?: TableFilterComparator;\n    onChange: (value: any) => void;\n    placeholder?: string;\n    value: any;\n};\n\nfunction Control<TType>(props: ControlProps<TType>) {\n    const { column, comparator: _1, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n    const ref = React.useRef<HTMLElement>(null);\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        const control = controlRenderer(\n            {\n                ...attributes,\n                setValue: onChange,\n                value,\n                ref,\n            },\n            undefined,\n            filters\n        );\n\n        if (control) {\n            return React.cloneElement(control, { ['data-query-selector']: querySelector, className: 'focus:yt-focus' });\n        }\n    }\n\n    if (controlRenderer === 'datepicker' || dataType === 'datetime' || dataType === 'date') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    }\n\n    if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    }\n\n    if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\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":["React","value"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.cjs

@@ -4,14 +4,13 @@ const types = require("../../../../../types.cjs");
 const React = require("react");
 const dataTypes = require("../../../../../useTableManager/util/dataTypes.cjs");
 function sortByHeader(a, b) {
-  var _a, _b, _c, _d;
-  return (_d = (_b = (_a = a.columnDef.meta) == null ? void 0 : _a.header) == null ? void 0 : _b.localeCompare) == null ? void 0 : _d.call(_b, (_c = b.columnDef.meta) == null ? void 0 : _c.header);
+  return a.columnDef.meta?.header?.localeCompare?.(b.columnDef.meta?.header);
 }
 function isEmptyFilter(filter) {
   return !filter.value.hasOwnProperty("value");
 }
 function guessComparatorsBasedOnControl(column) {
-  const columnMeta = (column == null ? void 0 : column.columnDef.meta) ?? {};
+  const columnMeta = column?.columnDef.meta ?? {};
   if (Array.isArray(columnMeta.filters)) {
     return columnMeta.filters;
   }

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","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'); // oxlint-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":["TableFilterComparator","getDataTypeProperties"],"mappings":";;;;;AAKgB,SAAA,aAA8B,GAA4B,GAA4B;;AAC1F,UAAA,mBAAE,UAAU,SAAZ,mBAAkB,WAAlB,mBAAqC,kBAArC,6BAAqD,OAAE,UAAU,SAAZ,mBAAkB;AACnF;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,cAAc,iCAAQ,UAAU,SAAQ,CAAC;AAE/C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EAAA;AAGlB,MAAA,OAAO,WAAW,YAAY,YAAY;AACpC,UAAA,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAEG,QAAA,MAAM,eAAe,eAAe,GAAG;AACjC,YAAA,EAAE,OAAO,KAAA,IAAS;AAEpB,UAAA,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AACT,iBAAA;AAAA,YACHA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,4BAAsB;AAAA,UAC1B;AAAA,QAAA;AAGG,eAAA;AAAA,UACHA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,4BAAsB;AAAA,QAC1B;AAAA,MAAA;AAAA,IACJ;AAAA,EACJ;AAGA,MAAA,WAAW,YAAY,cAAc;AAC9B,WAAAC,UAAA,sBAA6B,UAAU,EAAE;AAAA,EAAA;AAGhD,MAAA,WAAW,YAAY,UAAU;AAC1B,WAAAA,UAAA,sBAA6B,SAAS,EAAE;AAAA,EAAA;AAG5C,SAAAA,gCAA6B,WAAW,QAAQ,EAAE;AAC7D;;;;"}
+{"version":3,"file":"util.cjs","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'); // oxlint-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":["TableFilterComparator","getDataTypeProperties"],"mappings":";;;;;AAKO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAc,QAAQ,UAAU,QAAQ,CAAA;AAE9C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,WAAW,YAAY,YAAY;AAC1C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAI,MAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACHA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,MAAAA,sBAAsB;AAAA,YACtBA,4BAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACHA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,MAAAA,sBAAsB;AAAA,UACtBA,4BAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,WAAW,YAAY,cAAc;AACrC,WAAOC,UAAAA,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,WAAW,YAAY,UAAU;AACjC,WAAOA,UAAAA,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAOA,gCAA6B,WAAW,QAAQ,EAAE;AAC7D;;;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/util.js

@@ -2,14 +2,13 @@ import { TableFilterComparator } from "../../../../../types.js";
 import React__default from "react";
 import { getDataTypeProperties } from "../../../../../useTableManager/util/dataTypes.js";
 function sortByHeader(a, b) {
-  var _a, _b, _c, _d;
-  return (_d = (_b = (_a = a.columnDef.meta) == null ? void 0 : _a.header) == null ? void 0 : _b.localeCompare) == null ? void 0 : _d.call(_b, (_c = b.columnDef.meta) == null ? void 0 : _c.header);
+  return a.columnDef.meta?.header?.localeCompare?.(b.columnDef.meta?.header);
 }
 function isEmptyFilter(filter) {
   return !filter.value.hasOwnProperty("value");
 }
 function guessComparatorsBasedOnControl(column) {
-  const columnMeta = (column == null ? void 0 : column.columnDef.meta) ?? {};
+  const columnMeta = column?.columnDef.meta ?? {};
   if (Array.isArray(columnMeta.filters)) {
     return columnMeta.filters;
   }

package/dist/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'); // oxlint-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":["React"],"mappings":";;;AAKgB,SAAA,aAA8B,GAA4B,GAA4B;;AAC1F,UAAA,mBAAE,UAAU,SAAZ,mBAAkB,WAAlB,mBAAqC,kBAArC,6BAAqD,OAAE,UAAU,SAAZ,mBAAkB;AACnF;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,cAAc,iCAAQ,UAAU,SAAQ,CAAC;AAE/C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EAAA;AAGlB,MAAA,OAAO,WAAW,YAAY,YAAY;AACpC,UAAA,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAEG,QAAAA,eAAM,eAAe,eAAe,GAAG;AACjC,YAAA,EAAE,OAAO,KAAA,IAAS;AAEpB,UAAA,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AACT,iBAAA;AAAA,YACH,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,UAC1B;AAAA,QAAA;AAGG,eAAA;AAAA,UACH,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,QAC1B;AAAA,MAAA;AAAA,IACJ;AAAA,EACJ;AAGA,MAAA,WAAW,YAAY,cAAc;AAC9B,WAAA,sBAA6B,UAAU,EAAE;AAAA,EAAA;AAGhD,MAAA,WAAW,YAAY,UAAU;AAC1B,WAAA,sBAA6B,SAAS,EAAE;AAAA,EAAA;AAG5C,SAAA,sBAA6B,WAAW,QAAQ,EAAE;AAC7D;"}
+{"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'); // oxlint-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":["React"],"mappings":";;;AAKO,SAAS,aAA8B,GAA4B,GAA4B;AAClG,SAAQ,EAAE,UAAU,MAAM,QAAmB,gBAAgB,EAAE,UAAU,MAAM,MAAgB;AACnG;AAEO,SAAS,cAAc,QAAqB;AAC/C,SAAO,CAAC,OAAO,MAAM,eAAe,OAAO;AAC/C;AAEO,SAAS,+BAAgD,QAA2D;AACvH,QAAM,aAAc,QAAQ,UAAU,QAAQ,CAAA;AAE9C,MAAI,MAAM,QAAQ,WAAW,OAAO,GAAG;AACnC,WAAO,WAAW;AAAA,EACtB;AAEA,MAAI,OAAO,WAAW,YAAY,YAAY;AAC1C,UAAM,kBAAkB,WAAW,QAAQ;AAAA,MACvC,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,IAAA,CACR;AAED,QAAIA,eAAM,eAAe,eAAe,GAAG;AACvC,YAAM,EAAE,OAAO,KAAA,IAAS;AAExB,UAAI,KAAK,gBAAgB,WAAW;AAChC,YAAI,MAAM,UAAU;AAChB,iBAAO;AAAA,YACH,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,YACtB,sBAAsB;AAAA,UAAA;AAAA,QAE9B;AAEA,eAAO;AAAA,UACH,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,UACtB,sBAAsB;AAAA,QAAA;AAAA,MAE9B;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,WAAW,YAAY,cAAc;AACrC,WAAO,sBAA6B,UAAU,EAAE;AAAA,EACpD;AAEA,MAAI,WAAW,YAAY,UAAU;AACjC,WAAO,sBAA6B,SAAS,EAAE;AAAA,EACnD;AAEA,SAAO,sBAA6B,WAAW,QAAQ,EAAE;AAC7D;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/Print.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Print.cjs","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 { LegacyIconButton } from '../../../../../../../components/LegacyComponents/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';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\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 | undefined>(undefined);\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: boolean) => {\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 onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\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                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\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 {\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            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\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":["useLocalization","useToast","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":"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"}
+{"version":3,"file":"Print.cjs","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 { LegacyIconButton } from '../../../../../../../components/LegacyComponents/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';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\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 | undefined>(undefined);\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: boolean) => {\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 onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\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                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\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 {\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            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\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":["useLocalization","useToast","getSettings","getHiddenColumns","Shortcut","LegacyIconButton","PrintDialog"],"mappings":"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"}

package/dist/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 { LegacyIconButton } from '../../../../../../../components/LegacyComponents/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';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\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 | undefined>(undefined);\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: boolean) => {\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 onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\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                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\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 {\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            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\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":["React"],"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 { LegacyIconButton } from '../../../../../../../components/LegacyComponents/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';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\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 | undefined>(undefined);\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: boolean) => {\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 onPrint handler is provided, use it instead of built-in print functionality\n        if (tableMeta.printing.onPrint) {\n            try {\n                await tableMeta.printing.onPrint(getSettings(table), tableMeta.printing.settings);\n                toastRef.close();\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\n                console.error(errorMessage);\n                toastRef.error(errorMessage);\n            }\n            return;\n        }\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                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            } catch (error) {\n                const errorMessage = `${texts.table.print.error}: ${error}`;\n                // oxlint-disable-next-line no-console\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 {\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            <LegacyIconButton\n                icon=\"print\"\n                aria-label={texts.table.print.tooltip}\n                id={`${tableId}-toolbar-print`}\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":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.cjs

@@ -12,7 +12,6 @@ const RadioGroup = require("../../../../../../../components/RadioGroup/RadioGrou
 const Alert = require("../../../../../../../components/Alert/Alert.cjs");
 const SAFE_PRINT_CELL_COUNT = 1e4;
 function PrintDialog(props) {
-  var _a, _b;
   const {
     onAccept,
     table,
@@ -29,7 +28,7 @@ function PrintDialog(props) {
   const { texts } = Localization.useLocalization();
   const columns = table.getVisibleFlatColumns();
   const cellCount = table.getRowModel().rows.length * columns.length;
-  const rowGroupingColumnName = table.getState().grouping.length ? (_b = (_a = columns.find((column) => column.id === table.getState().grouping[0])) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header : void 0;
+  const rowGroupingColumnName = table.getState().grouping.length ? columns.find((column) => column.id === table.getState().grouping[0])?.columnDef.meta?.header : void 0;
   return /* @__PURE__ */ React.createElement(Dialog.Dialog, { ...dialogProps, size: "xs" }, /* @__PURE__ */ React.createElement(Dialog.Dialog.Content, { "aria-label": texts.table.print.warningDialog.title }, ({ close }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Dialog.Dialog.Title, null, texts.table.print.settingsDialog.title), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex flex-col gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement(Field.Field, null, texts.table.print.settingsDialog.size, /* @__PURE__ */ React.createElement(Select2.Select2, { onChange: setSize, value: size }, /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "A5" }, texts.table.print.settingsDialog.sizeA5), /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "A4" }, texts.table.print.settingsDialog.sizeA4), /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "A3" }, texts.table.print.settingsDialog.sizeA3), /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "letter" }, texts.table.print.settingsDialog.sizeLetter), /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "legal" }, texts.table.print.settingsDialog.sizeLegal))), /* @__PURE__ */ React.createElement(Field.Field, null, texts.table.print.settingsDialog.orientation, /* @__PURE__ */ React.createElement(Select2.Select2, { onChange: setOrientation, value: orientation }, /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "landscape" }, texts.table.print.settingsDialog.orientationLandscape), /* @__PURE__ */ React.createElement(Select2.Select2.Option, { value: "portrait" }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? /* @__PURE__ */ React.createElement(Field.Field, null, texts.table.print.settingsDialog.rows, /* @__PURE__ */ React.createElement(RadioGroup.RadioGroup, { onChange: setAllRows, value: allRows }, /* @__PURE__ */ React.createElement(RadioGroup.RadioGroup.Item, { value: true }, texts.table.print.settingsDialog.rowsAll), /* @__PURE__ */ React.createElement(RadioGroup.RadioGroup.Item, { value: false }, texts.table.print.settingsDialog.rowsSelected))) : void 0, rowGroupingColumnName ? /* @__PURE__ */ React.createElement(Field.Field, null, texts.table.print.settingsDialog.layout, /* @__PURE__ */ React.createElement(
     Checkbox.Checkbox,
     {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PrintDialog.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/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.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.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.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.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.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Inline spacing={8}>\n                                <Dialog.Close>\n                                    <LegacyButton>{texts.table.print.warningDialog.cancelButtonText}</LegacyButton>\n                                </Dialog.Close>\n                                <LegacyButton\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </LegacyButton>\n                            </Inline>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Dialog","Field","Select2","RadioGroup","Checkbox","Alert","Inline","LegacyButton"],"mappings":"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"}
+{"version":3,"file":"PrintDialog.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/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.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.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.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.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.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Inline spacing={8}>\n                                <Dialog.Close>\n                                    <LegacyButton>{texts.table.print.warningDialog.cancelButtonText}</LegacyButton>\n                                </Dialog.Close>\n                                <LegacyButton\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </LegacyButton>\n                            </Inline>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["useLocalization","Dialog","Field","Select2","RadioGroup","Checkbox","Alert","Inline","LegacyButton"],"mappings":";;;;;;;;;;;;AAYA,MAAM,wBAAwB;AAevB,SAAS,YAA6B,OAAgC;AACzE,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,UAAU,MAAM,sBAAA;AACtB,QAAM,YAAY,MAAM,YAAA,EAAc,KAAK,SAAS,QAAQ;AAC5D,QAAM,wBAAwB,MAAM,WAAW,SAAS,SAClD,QAAQ,KAAK,CAAA,WAAU,OAAO,OAAO,MAAM,SAAA,EAAW,SAAS,CAAC,CAAC,GAAG,UAAU,MAAM,SACpF;AAEN,SACI,sBAAA,cAACC,iBAAQ,GAAG,aAAa,MAAK,KAAA,GAC1B,sBAAA,cAACA,OAAAA,OAAO,SAAP,EAAe,cAAY,MAAM,MAAM,MAAM,cAAc,MAAA,GACvD,CAAC,EAAE,YACA,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAACA,OAAAA,OAAO,OAAP,MAAc,MAAM,MAAM,MAAM,eAAe,KAAM,GACtD,sBAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACX,sBAAA,cAAC,OAAA,EAAI,WAAU,yBAAA,GACX,sBAAA,cAACC,MAAAA,aACI,MAAM,MAAM,MAAM,eAAe,MAClC,sBAAA,cAACC,QAAAA,SAAA,EAAQ,UAAU,SAAS,OAAO,KAAA,GAC/B,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAM,MAAM,MAAM,MAAM,eAAe,MAAO,GACpE,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAM,MAAM,MAAM,MAAM,eAAe,MAAO,uCACnEA,QAAAA,QAAQ,QAAR,EAAe,OAAM,KAAA,GAAM,MAAM,MAAM,MAAM,eAAe,MAAO,GACpE,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,SAAA,GACjB,MAAM,MAAM,MAAM,eAAe,UACtC,GACA,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,QAAA,GACjB,MAAM,MAAM,MAAM,eAAe,SACtC,CACJ,CACJ,GACA,sBAAA,cAACD,MAAAA,OAAA,MACI,MAAM,MAAM,MAAM,eAAe,aAClC,sBAAA,cAACC,QAAAA,WAAQ,UAAU,gBAAgB,OAAO,YAAA,GACtC,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,eACjB,MAAM,MAAM,MAAM,eAAe,oBACtC,GACA,sBAAA,cAACA,QAAAA,QAAQ,QAAR,EAAe,OAAM,WAAA,GACjB,MAAM,MAAM,MAAM,eAAe,mBACtC,CACJ,CACJ,CACJ,GACC,MAAM,QAAQ,sBAAsB,MAAM,sBAAA,IACvC,sBAAA,cAACD,MAAAA,OAAA,MACI,MAAM,MAAM,MAAM,eAAe,MAClC,sBAAA,cAACE,WAAAA,YAAA,EAAW,UAAU,YAAY,OAAO,WACrC,sBAAA,cAACA,sBAAW,MAAX,EAAgB,OAAO,KAAA,GAAO,MAAM,MAAM,MAAM,eAAe,OAAQ,uCACvEA,WAAAA,WAAW,MAAX,EAAgB,OAAO,MAAA,GACnB,MAAM,MAAM,MAAM,eAAe,YACtC,CACJ,CACJ,IACA,QACH,wBACG,sBAAA,cAACF,MAAAA,aACI,MAAM,MAAM,MAAM,eAAe,QAClC,sBAAA;AAAA,IAACG,SAAAA;AAAAA,IAAA;AAAA,MACG,OAAO,MAAM,MAAM,MAAM,eAAe,kBAAkB;AAAA,QACtD;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EAAA,CAElB,IACA,MAEH,YAAY,4DACRC,aAAA,EAAM,OAAM,aAAW,MAAM,MAAM,MAAM,cAAc,WAAY,IACpE,IACR,GACA,sBAAA,cAACL,cAAO,QAAP,MACG,sBAAA,cAACM,OAAAA,QAAA,EAAO,SAAS,EAAA,uCACZN,OAAAA,OAAO,OAAP,MACG,sBAAA,cAACO,OAAAA,oBAAc,MAAM,MAAM,MAAM,cAAc,gBAAiB,CACpE,GACA,sBAAA;AAAA,IAACA,OAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,WAAS;AAAA,MACT,SAAS,MAAM;AACX,cAAA;AACA,mBAAW,MAAM,SAAA,GAAY,CAAC;AAAA,MAClC;AAAA,IAAA;AAAA,IACC,MAAM,MAAM,MAAM,cAAc;AAAA,EAAA,CAEzC,CACJ,CACJ,CAER,CACJ;AAER;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js

@@ -10,7 +10,6 @@ import { RadioGroup } from "../../../../../../../components/RadioGroup/RadioGrou
 import { Alert } from "../../../../../../../components/Alert/Alert.js";
 const SAFE_PRINT_CELL_COUNT = 1e4;
 function PrintDialog(props) {
-  var _a, _b;
   const {
     onAccept,
     table,
@@ -27,7 +26,7 @@ function PrintDialog(props) {
   const { texts } = useLocalization();
   const columns = table.getVisibleFlatColumns();
   const cellCount = table.getRowModel().rows.length * columns.length;
-  const rowGroupingColumnName = table.getState().grouping.length ? (_b = (_a = columns.find((column) => column.id === table.getState().grouping[0])) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header : void 0;
+  const rowGroupingColumnName = table.getState().grouping.length ? columns.find((column) => column.id === table.getState().grouping[0])?.columnDef.meta?.header : void 0;
   return /* @__PURE__ */ React__default.createElement(Dialog, { ...dialogProps, size: "xs" }, /* @__PURE__ */ React__default.createElement(Dialog.Content, { "aria-label": texts.table.print.warningDialog.title }, ({ close }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Dialog.Title, null, texts.table.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.table.print.settingsDialog.size, /* @__PURE__ */ React__default.createElement(Select2, { onChange: setSize, value: size }, /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "A5" }, texts.table.print.settingsDialog.sizeA5), /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "A4" }, texts.table.print.settingsDialog.sizeA4), /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "A3" }, texts.table.print.settingsDialog.sizeA3), /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "letter" }, texts.table.print.settingsDialog.sizeLetter), /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "legal" }, texts.table.print.settingsDialog.sizeLegal))), /* @__PURE__ */ React__default.createElement(Field, null, texts.table.print.settingsDialog.orientation, /* @__PURE__ */ React__default.createElement(Select2, { onChange: setOrientation, value: orientation }, /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "landscape" }, texts.table.print.settingsDialog.orientationLandscape), /* @__PURE__ */ React__default.createElement(Select2.Option, { value: "portrait" }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? /* @__PURE__ */ React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /* @__PURE__ */ React__default.createElement(RadioGroup, { onChange: setAllRows, value: allRows }, /* @__PURE__ */ React__default.createElement(RadioGroup.Item, { value: true }, texts.table.print.settingsDialog.rowsAll), /* @__PURE__ */ React__default.createElement(RadioGroup.Item, { value: false }, texts.table.print.settingsDialog.rowsSelected))) : void 0, rowGroupingColumnName ? /* @__PURE__ */ React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {

package/dist/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/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.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.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.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.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.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Inline spacing={8}>\n                                <Dialog.Close>\n                                    <LegacyButton>{texts.table.print.warningDialog.cancelButtonText}</LegacyButton>\n                                </Dialog.Close>\n                                <LegacyButton\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </LegacyButton>\n                            </Inline>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"PrintDialog.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Print/PrintDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Dialog } from '../../../../../../../components/Dialog/Dialog';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Field } from '../../../../../../../components/Field/Field';\nimport { Select2, Select2Value } from '../../../../../../../components/Select2/Select2';\nimport { RadioGroup, RadioGroupItemValue } from '../../../../../../../components/RadioGroup/RadioGroup';\nimport { Alert } from '../../../../../../../components/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.table.print.warningDialog.title}>\n                {({ close }) => (\n                    <>\n                        <Dialog.Title>{texts.table.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.table.print.settingsDialog.size}\n                                    <Select2 onChange={setSize} value={size}>\n                                        <Select2.Option value=\"A5\">{texts.table.print.settingsDialog.sizeA5}</Select2.Option>\n                                        <Select2.Option value=\"A4\">{texts.table.print.settingsDialog.sizeA4}</Select2.Option>\n                                        <Select2.Option value=\"A3\">{texts.table.print.settingsDialog.sizeA3}</Select2.Option>\n                                        <Select2.Option value=\"letter\">\n                                            {texts.table.print.settingsDialog.sizeLetter}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"legal\">\n                                            {texts.table.print.settingsDialog.sizeLegal}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                                <Field>\n                                    {texts.table.print.settingsDialog.orientation}\n                                    <Select2 onChange={setOrientation} value={orientation}>\n                                        <Select2.Option value=\"landscape\">\n                                            {texts.table.print.settingsDialog.orientationLandscape}\n                                        </Select2.Option>\n                                        <Select2.Option value=\"portrait\">\n                                            {texts.table.print.settingsDialog.orientationPortrait}\n                                        </Select2.Option>\n                                    </Select2>\n                                </Field>\n                            </div>\n                            {table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.rows}\n                                    <RadioGroup onChange={setAllRows} value={allRows}>\n                                        <RadioGroup.Item value={true}>{texts.table.print.settingsDialog.rowsAll}</RadioGroup.Item>\n                                        <RadioGroup.Item value={false}>\n                                            {texts.table.print.settingsDialog.rowsSelected}\n                                        </RadioGroup.Item>\n                                    </RadioGroup>\n                                </Field>\n                            ) : undefined}\n                            {rowGroupingColumnName ? (\n                                <Field>\n                                    {texts.table.print.settingsDialog.layout}\n                                    <Checkbox\n                                        label={texts.table.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.table.print.warningDialog.description}</Alert>\n                            ) : null}\n                        </div>\n                        <Dialog.Footer>\n                            <Inline spacing={8}>\n                                <Dialog.Close>\n                                    <LegacyButton>{texts.table.print.warningDialog.cancelButtonText}</LegacyButton>\n                                </Dialog.Close>\n                                <LegacyButton\n                                    appearance=\"primary\"\n                                    autoFocus\n                                    onClick={() => {\n                                        close();\n                                        setTimeout(() => onAccept(), 1);\n                                    }}>\n                                    {texts.table.print.warningDialog.printButtonText}\n                                </LegacyButton>\n                            </Inline>\n                        </Dialog.Footer>\n                    </>\n                )}\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["React"],"mappings":"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"}