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

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAmBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAU,IAAA;AAC7B,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAClC,QAAM,gBAAgBC,iBAAAA,iBAAiB;AACjC,QAAA,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAC5D,QAAA,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAK;AAErD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,mBAAmB;AAAA,IACtD,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACpB,sBAAA,cAAAC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAER;AAEA,QAAM,UAAU,MAAM;;AACZ,UAAA,cAAc,cAAc,KAAKF,kBAAa;AAGpD,QAAI,aAAa;AACb,gBAAI,YAAJ,mBAAa;AAAA,IAAM;AAAA,EACvB,GACD,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAQ,sBAAA,cAAAG,WAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAAA;AAG5D,SACK,sBAAA,cAAAC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACb,sBAAA,cAAAC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAU,CAAA,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}
+{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAmBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAClE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,mBAAmB;AAAA,IACtD,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIR,QAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAKF,kBAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAO,sBAAA,cAACG,WAAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACI,sBAAA,cAACC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACd,sBAAA,cAACC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}

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

@@ -25,10 +25,9 @@ function Filters(props) {
     tooltip: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, texts.table.filters.tooltip, /* @__PURE__ */ React__default.createElement(Shortcut, { className: "ml-2", keys: shortcut }))
   };
   React__default.useEffect(() => {
-    var _a;
     const emptyFilter = columnFilters.find(isEmptyFilter);
     if (emptyFilter) {
-      (_a = ref.current) == null ? void 0 : _a.click();
+      ref.current?.click();
     }
   }, [columnFilters]);
   if (!isLargeScreen && !appliedFilters.length) {

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAmBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAU,IAAA;AAC7B,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,gBAAgB,iBAAiB;AACjC,QAAA,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAC5D,QAAA,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAK;AAErD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,mBAAmB;AAAA,IACtD,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACpBA,+BAAA,cAAA,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAER;AAEAA,iBAAM,UAAU,MAAM;;AACZ,UAAA,cAAc,cAAc,KAAK,aAAa;AAGpD,QAAI,aAAa;AACb,gBAAI,YAAJ,mBAAa;AAAA,IAAM;AAAA,EACvB,GACD,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAQA,+BAAA,cAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAAA;AAG5D,SACKA,+BAAA,cAAA,cAAA,EAAc,GAAG,YAAA,GACbA,+BAAA,cAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAU,CAAA,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAmBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,gBAAgB,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAClE,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,mBAAmB;AAAA,IACtD,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIRA,iBAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,aAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAOA,+BAAA,cAAC,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAA,GACdA,+BAAA,cAAC,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}

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

@@ -23,7 +23,7 @@ function ManageFiltersPopover(props) {
     requestAnimationFrame(() => {
       const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
       const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : void 0;
-      lastFilter == null ? void 0 : lastFilter.focus();
+      lastFilter?.focus();
     });
   }, [columnFilters]);
   const handleChangeFilter = (position, filter) => {
@@ -49,11 +49,10 @@ function ManageFiltersPopover(props) {
   const handleApply = () => {
     table.setColumnFilters(() => {
       const newFilters = filters.filter((f) => {
-        var _a, _b;
         if (f.id === null || f.id === "") {
           return false;
         }
-        const controlRenderer = (_b = (_a = allColumns.find((column) => column.id === f.id)) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.control;
+        const controlRenderer = allColumns.find((column) => column.id === f.id)?.columnDef.meta?.control;
         if (f.value.comparator === types.TableFilterComparator.IsEmpty || f.value.comparator === types.TableFilterComparator.IsNotEmpty || controlRenderer === "switch") {
           return true;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <LegacyButton appearance=\"discrete\" onClick={handleCreate} name=\"add-filter\">\n                                    + {texts.table.filters.buttons.addFilter}\n                                </LegacyButton>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <LegacyButton name=\"close-filters\">{texts.table.filters.buttons.cancel}</LegacyButton>\n                            </Popover.Close>\n                            <LegacyButton name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </LegacyButton>\n                            <LegacyButton appearance=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </LegacyButton>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","LegacyButton","Inline"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <LegacyButton appearance=\"discrete\" onClick={handleCreate} name=\"add-filter\">\n                                    + {texts.table.filters.buttons.addFilter}\n                                </LegacyButton>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <LegacyButton name=\"close-filters\">{texts.table.filters.buttons.cancel}</LegacyButton>\n                            </Popover.Close>\n                            <LegacyButton name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </LegacyButton>\n                            <LegacyButton appearance=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </LegacyButton>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","LegacyButton","Inline"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ function ManageFiltersPopover(props) {
     requestAnimationFrame(() => {
       const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
       const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : void 0;
-      lastFilter == null ? void 0 : lastFilter.focus();
+      lastFilter?.focus();
     });
   }, [columnFilters]);
   const handleChangeFilter = (position, filter) => {
@@ -47,11 +47,10 @@ function ManageFiltersPopover(props) {
   const handleApply = () => {
     table.setColumnFilters(() => {
       const newFilters = filters.filter((f) => {
-        var _a, _b;
         if (f.id === null || f.id === "") {
           return false;
         }
-        const controlRenderer = (_b = (_a = allColumns.find((column) => column.id === f.id)) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.control;
+        const controlRenderer = allColumns.find((column) => column.id === f.id)?.columnDef.meta?.control;
         if (f.value.comparator === TableFilterComparator.IsEmpty || f.value.comparator === TableFilterComparator.IsNotEmpty || controlRenderer === "switch") {
           return true;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <LegacyButton appearance=\"discrete\" onClick={handleCreate} name=\"add-filter\">\n                                    + {texts.table.filters.buttons.addFilter}\n                                </LegacyButton>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <LegacyButton name=\"close-filters\">{texts.table.filters.buttons.cancel}</LegacyButton>\n                            </Popover.Close>\n                            <LegacyButton name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </LegacyButton>\n                            <LegacyButton appearance=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </LegacyButton>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <LegacyButton appearance=\"discrete\" onClick={handleCreate} name=\"add-filter\">\n                                    + {texts.table.filters.buttons.addFilter}\n                                </LegacyButton>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <LegacyButton name=\"close-filters\">{texts.table.filters.buttons.cancel}</LegacyButton>\n                            </Popover.Close>\n                            <LegacyButton name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </LegacyButton>\n                            <LegacyButton appearance=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </LegacyButton>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -18,10 +18,9 @@ function Filter(props) {
     value: { comparator, value }
   } = filter;
   const handleChangeColumn = (columnId) => {
-    var _a, _b, _c;
     const previousColumn = allColumns.find((column2) => column2.id === id);
     const nextColumn = allColumns.find((column2) => column2.id === columnId);
-    if (((_a = previousColumn == null ? void 0 : previousColumn.columnDef.meta) == null ? void 0 : _a.dataType) && ((_b = previousColumn == null ? void 0 : previousColumn.columnDef.meta) == null ? void 0 : _b.dataType) === ((_c = nextColumn == null ? void 0 : nextColumn.columnDef.meta) == null ? void 0 : _c.dataType)) {
+    if (previousColumn?.columnDef.meta?.dataType && previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType) {
       handleChange(position, { id: columnId, value: filter.value });
       return;
     }
@@ -42,7 +41,7 @@ function Filter(props) {
   const handleChangeValue = (value2) => {
     handleChange(position, { id, value: { ...filter.value, value: value2 } });
   };
-  const handleRemove = () => onRemove == null ? void 0 : onRemove(position);
+  const handleRemove = () => onRemove?.(position);
   React.useEffect(() => {
     if (ref.current && !id) {
       ref.current.focus();

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAkBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AACrE,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAC5B,QAAA,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAC1D,QAAA,MAAM,MAAM,OAA0B,IAAI;AAE1C,QAAA;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAM;AAAA,EAAA,IAC3B;AAEE,QAAA,qBAAqB,CAAC,aAAqB;;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAK/D,UAAA,sDAAgB,UAAU,SAA1B,mBAAgC,eAChC,sDAAgB,UAAU,SAA1B,mBAAgC,gBAAa,8CAAY,UAAU,SAAtB,mBAA4B,WAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IAAA;AAEE,UAAA,mBAAmBC,oCAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IACX;AAEA,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEM,QAAA,yBAAyB,CAACC,gBAAsC;AAC9D,QAAA,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACrF,kBAAA;AAAA,IAAA;AAEH,iBAAA,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAU,GAAG;AAAA,EAC1E;AAEM,QAAA,oBAAoB,CAACD,WAAe;AACzB,iBAAA,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAM,GAAG;AAAA,EACpE;AAEM,QAAA,eAAe,MAAM,qCAAW;AAEtC,QAAM,UAAU,MAAM;AACd,QAAA,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAM;AAAA,IAAA;AAAA,EACtB,GACD,CAAC,EAAE,CAAC;AAEP,SACK,sBAAA,cAAA,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC7C,sBAAA,cAAA,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAa,EAAA,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAU,CAAA,GACtG,sBAAA,cAAAC,iBAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAY,CAAA,GAC7F,sBAAA,cAAAC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAc,CAAA,GAC/F,WACG,sBAAA,cAACC,WAAiB,kBAAA,EAAA,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAc,CAAA,IACjG,IACR;AAER;;"}
+{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAkBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmBC,KAAAA,+BAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9C,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9C,sBAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvG,sBAAA,cAACC,iBAAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9F,sBAAA,cAACC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACG,sBAAA,cAACC,WAAAA,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;;"}

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

@@ -16,10 +16,9 @@ function Filter(props) {
     value: { comparator, value }
   } = filter;
   const handleChangeColumn = (columnId) => {
-    var _a, _b, _c;
     const previousColumn = allColumns.find((column2) => column2.id === id);
     const nextColumn = allColumns.find((column2) => column2.id === columnId);
-    if (((_a = previousColumn == null ? void 0 : previousColumn.columnDef.meta) == null ? void 0 : _a.dataType) && ((_b = previousColumn == null ? void 0 : previousColumn.columnDef.meta) == null ? void 0 : _b.dataType) === ((_c = nextColumn == null ? void 0 : nextColumn.columnDef.meta) == null ? void 0 : _c.dataType)) {
+    if (previousColumn?.columnDef.meta?.dataType && previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType) {
       handleChange(position, { id: columnId, value: filter.value });
       return;
     }
@@ -40,7 +39,7 @@ function Filter(props) {
   const handleChangeValue = (value2) => {
     handleChange(position, { id, value: { ...filter.value, value: value2 } });
   };
-  const handleRemove = () => onRemove == null ? void 0 : onRemove(position);
+  const handleRemove = () => onRemove?.(position);
   React__default.useEffect(() => {
     if (ref.current && !id) {
       ref.current.focus();

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAkBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AACrE,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAC1D,QAAA,MAAMC,eAAM,OAA0B,IAAI;AAE1C,QAAA;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAM;AAAA,EAAA,IAC3B;AAEE,QAAA,qBAAqB,CAAC,aAAqB;;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAK/D,UAAA,sDAAgB,UAAU,SAA1B,mBAAgC,eAChC,sDAAgB,UAAU,SAA1B,mBAAgC,gBAAa,8CAAY,UAAU,SAAtB,mBAA4B,WAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IAAA;AAEE,UAAA,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IACX;AAEA,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEM,QAAA,yBAAyB,CAACC,gBAAsC;AAC9D,QAAA,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACrF,kBAAA;AAAA,IAAA;AAEH,iBAAA,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAU,GAAG;AAAA,EAC1E;AAEM,QAAA,oBAAoB,CAACD,WAAe;AACzB,iBAAA,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAM,GAAG;AAAA,EACpE;AAEM,QAAA,eAAe,MAAM,qCAAW;AAEtCD,iBAAM,UAAU,MAAM;AACd,QAAA,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAM;AAAA,IAAA;AAAA,EACtB,GACD,CAAC,EAAE,CAAC;AAEP,SACKA,+BAAA,cAAA,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC7CA,+BAAA,cAAA,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAa,EAAA,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAU,CAAA,GACtGA,+BAAA,cAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAY,CAAA,GAC7FA,+BAAA,cAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAc,CAAA,GAC/F,WACGA,+BAAA,cAAC,kBAAiB,EAAA,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAc,CAAA,IACjG,IACR;AAER;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAkBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAMC,eAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9CD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9CA,+BAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvGA,+BAAA,cAAC,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9FA,+BAAA,cAAC,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACGA,+BAAA,cAAC,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;"}

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

@@ -26,29 +26,26 @@ const FilterColumn = React.forwardRef((props, ref) => {
       {
         ...attributes,
         ref,
-        className: "focus:yt-focus !w-32 flex-shrink-0 ",
+        className: "!w-32 flex-shrink-0 focus:yt-focus",
         emptyValue: null,
         onChange: handleChange,
         value
       },
-      allColumns.map((column) => {
-        var _a, _b;
-        return /* @__PURE__ */ React.createElement(
-          Select2.Select2.Option,
+      allColumns.map((column) => /* @__PURE__ */ React.createElement(
+        Select2.Select2.Option,
+        {
+          key: column.id,
+          value: column.id,
+          disabled: column.id !== value && (!column.getCanFilter() || !!filters.some((f) => f.id === column.id))
+        },
+        /* @__PURE__ */ React.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "flex flex-col" }, reactTable.flexRender(column.columnDef.header, { column }), column.parent ? reactTable.flexRender(column.parent?.columnDef.meta?.header, { column }) : ""), /* @__PURE__ */ React.createElement("span", { className: "flex flex-col self-center" }, !column.getIsVisible() || column.getIsGrouped() ? /* @__PURE__ */ React.createElement(
+          Tooltip.Tooltip,
           {
-            key: column.id,
-            value: column.id,
-            disabled: column.id !== value && (!column.getCanFilter() || !!filters.some((f) => f.id === column.id))
+            title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
           },
-          /* @__PURE__ */ React.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "flex flex-col" }, reactTable.flexRender(column.columnDef.header, { column }), column.parent ? reactTable.flexRender((_b = (_a = column.parent) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header, { column }) : ""), /* @__PURE__ */ React.createElement("span", { className: "flex flex-col self-center" }, !column.getIsVisible() || column.getIsGrouped() ? /* @__PURE__ */ React.createElement(
-            Tooltip.Tooltip,
-            {
-              title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
-            },
-            /* @__PURE__ */ React.createElement(Icon.Icon, { name: "eye-off", className: "!h-5 !w-5 text-gray-500" })
-          ) : void 0))
-        );
-      })
+          /* @__PURE__ */ React.createElement(Icon.Icon, { name: "eye-off", className: "!h-5 !w-5 text-gray-500" })
+        ) : void 0))
+      ))
     )
   ));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"FilterColumn.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"focus:yt-focus !w-32 flex-shrink-0 \"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because \n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["useLocalization","FilterContext","Field","Select2","flexRender","Tooltip","Icon"],"mappings":";;;;;;;;;;AAaO,MAAM,eAAe,MAAM,WAAiD,CAAC,OAAO,QAAQ;AACzF,QAAA,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AACtE,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAC5B,QAAA,UAAU,MAAM,WAAWC,2BAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAU,WAAA,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAa;AAG3D,SAAA,sBAAA,cAAC,OAAI,EAAA,WAAU,gBACX,GAAA,sBAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACV,sBAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CACZ,WAAA;;AAAA,qCAAA;AAAA,UAACA,QAAAA,QAAQ;AAAA,UAAR;AAAA,YACG,KAAK,OAAO;AAAA,YACZ,OAAO,OAAO;AAAA,YACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,UAAA;AAAA,8CAGjG,QAAK,EAAA,WAAU,iCACX,sBAAA,cAAA,QAAA,EAAK,WAAU,mBACXC,WAAAA,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAASA,WAAW,YAAA,kBAAO,WAAP,mBAAe,UAAU,SAAzB,mBAA+B,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACA,sBAAA,cAAC,QAAK,EAAA,WAAU,+BACX,CAAC,OAAO,aAAkB,KAAA,OAAO,iBAC9B,sBAAA;AAAA,YAACC,QAAA;AAAA,YAAA;AAAA,cACG,OACI,OAAO,aACD,IAAA,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,YAE7B,sBAAA,cAAAC,WAAA,EAAK,MAAK,WAAU,WAAU,0BAA0B,CAAA;AAAA,UAC7D,IACA,MACR,CACJ;AAAA,QAEP;AAAA,OAAA;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;;"}
+{"version":3,"file":"FilterColumn.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"!w-32 flex-shrink-0 focus:yt-focus\"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because \n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["useLocalization","FilterContext","Field","Select2","flexRender","Tooltip","Icon"],"mappings":";;;;;;;;;;AAaO,MAAM,eAAe,MAAM,WAAiD,CAAC,OAAO,QAAQ;AAC/F,QAAM,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AAC5E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,UAAU,MAAM,WAAWC,2BAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAA,WAAU,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAA;AAElD,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,gBAAA,GACX,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACV,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CAAA,WACZ,sBAAA;AAAA,QAACA,QAAAA,QAAQ;AAAA,QAAR;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA,UACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,QAAA;AAAA,4CAGjG,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,mBACXC,WAAAA,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAASA,WAAAA,WAAW,OAAO,QAAQ,UAAU,MAAM,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACA,sBAAA,cAAC,QAAA,EAAK,WAAU,+BACX,CAAC,OAAO,kBAAkB,OAAO,iBAC9B,sBAAA;AAAA,UAACC,QAAAA;AAAAA,UAAA;AAAA,YACG,OACI,OAAO,aAAA,IACD,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,UAAA;AAAA,UAE9B,sBAAA,cAACC,WAAA,EAAK,MAAK,WAAU,WAAU,0BAAA,CAA0B;AAAA,QAAA,IAE7D,MACR,CACJ;AAAA,MAAA,CAEP;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;;"}

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

@@ -24,29 +24,26 @@ const FilterColumn = React__default.forwardRef((props, ref) => {
       {
         ...attributes,
         ref,
-        className: "focus:yt-focus !w-32 flex-shrink-0 ",
+        className: "!w-32 flex-shrink-0 focus:yt-focus",
         emptyValue: null,
         onChange: handleChange,
         value
       },
-      allColumns.map((column) => {
-        var _a, _b;
-        return /* @__PURE__ */ React__default.createElement(
-          Select2.Option,
+      allColumns.map((column) => /* @__PURE__ */ React__default.createElement(
+        Select2.Option,
+        {
+          key: column.id,
+          value: column.id,
+          disabled: column.id !== value && (!column.getCanFilter() || !!filters.some((f) => f.id === column.id))
+        },
+        /* @__PURE__ */ React__default.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React__default.createElement("span", { className: "flex flex-col" }, flexRender(column.columnDef.header, { column }), column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column }) : ""), /* @__PURE__ */ React__default.createElement("span", { className: "flex flex-col self-center" }, !column.getIsVisible() || column.getIsGrouped() ? /* @__PURE__ */ React__default.createElement(
+          Tooltip,
           {
-            key: column.id,
-            value: column.id,
-            disabled: column.id !== value && (!column.getCanFilter() || !!filters.some((f) => f.id === column.id))
+            title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
           },
-          /* @__PURE__ */ React__default.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React__default.createElement("span", { className: "flex flex-col" }, flexRender(column.columnDef.header, { column }), column.parent ? flexRender((_b = (_a = column.parent) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header, { column }) : ""), /* @__PURE__ */ React__default.createElement("span", { className: "flex flex-col self-center" }, !column.getIsVisible() || column.getIsGrouped() ? /* @__PURE__ */ React__default.createElement(
-            Tooltip,
-            {
-              title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
-            },
-            /* @__PURE__ */ React__default.createElement(Icon, { name: "eye-off", className: "!h-5 !w-5 text-gray-500" })
-          ) : void 0))
-        );
-      })
+          /* @__PURE__ */ React__default.createElement(Icon, { name: "eye-off", className: "!h-5 !w-5 text-gray-500" })
+        ) : void 0))
+      ))
     )
   ));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"focus:yt-focus !w-32 flex-shrink-0 \"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because \n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["React"],"mappings":";;;;;;;;AAaO,MAAM,eAAeA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACzF,QAAA,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AACtE,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,UAAUA,eAAM,WAAW,aAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAU,WAAA,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAa;AAG3D,SAAAA,+BAAA,cAAC,OAAI,EAAA,WAAU,gBACX,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACVA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CACZ,WAAA;;AAAAA,8CAAA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACG,KAAK,OAAO;AAAA,YACZ,OAAO,OAAO;AAAA,YACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,UAAA;AAAA,uDAGjG,QAAK,EAAA,WAAU,iCACXA,+BAAA,cAAA,QAAA,EAAK,WAAU,mBACX,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAAS,YAAW,kBAAO,WAAP,mBAAe,UAAU,SAAzB,mBAA+B,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACAA,+BAAA,cAAC,QAAK,EAAA,WAAU,+BACX,CAAC,OAAO,aAAkB,KAAA,OAAO,iBAC9BA,+BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,OACI,OAAO,aACD,IAAA,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,YAE7BA,+BAAA,cAAA,MAAA,EAAK,MAAK,WAAU,WAAU,0BAA0B,CAAA;AAAA,UAC7D,IACA,MACR,CACJ;AAAA,QAEP;AAAA,OAAA;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;"}
+{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"!w-32 flex-shrink-0 focus:yt-focus\"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because \n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["React"],"mappings":";;;;;;;;AAaO,MAAM,eAAeA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AAC/F,QAAM,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AAC5E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,UAAUA,eAAM,WAAW,aAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAA,WAAU,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAA;AAElD,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,gBAAA,GACXA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACVA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CAAA,WACZA,+BAAA;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA,UACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,QAAA;AAAA,qDAGjG,QAAA,EAAK,WAAU,iCACZA,+BAAA,cAAC,QAAA,EAAK,WAAU,mBACX,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAAS,WAAW,OAAO,QAAQ,UAAU,MAAM,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACAA,+BAAA,cAAC,QAAA,EAAK,WAAU,+BACX,CAAC,OAAO,kBAAkB,OAAO,iBAC9BA,+BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OACI,OAAO,aAAA,IACD,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,UAAA;AAAA,UAE9BA,+BAAA,cAAC,MAAA,EAAK,MAAK,WAAU,WAAU,0BAAA,CAA0B;AAAA,QAAA,IAE7D,MACR,CACJ;AAAA,MAAA,CAEP;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;"}

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

@@ -12,8 +12,7 @@ function FilterComparator(props) {
   return /* @__PURE__ */ React.createElement(Select2.Select2, { ...attributes, className: "!w-32 flex-shrink-0", disabled: !column, onChange: handleChange, value }, validComparators.map((comparator) => /* @__PURE__ */ React.createElement(Select2.Select2.Option, { key: comparator, value: comparator }, getComparatorText(comparator, texts, column))));
 }
 function getComparatorText(comparator, texts, column) {
-  var _a, _b, _c;
-  const isDate = ((_a = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _a.dataType) === "date" || ((_b = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _b.dataType) === "time" || ((_c = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _c.dataType) === "datetime";
+  const isDate = column?.columnDef.meta?.dataType === "date" || column?.columnDef.meta?.dataType === "time" || column?.columnDef.meta?.dataType === "datetime";
   switch (comparator) {
     case types.TableFilterComparator.Contains:
       return texts.table.filters.comparators.contains;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterComparator.cjs","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":["useLocalization","guessComparatorsBasedOnControl","Select2","TableFilterComparator"],"mappings":";;;;;;;AAWO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AAC3D,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAE5B,QAAA,mBAAmBC,oCAA+B,MAAM;AAE9D,SACK,sBAAA,cAAAC,QAAAA,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAClB,eAAA,sBAAA,cAACA,QAAAA,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,KAAKC,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAKA,MAAsB,sBAAA;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAKA,MAAsB,sBAAA;AAChB,aAAA,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAsB,sBAAA;AAChB,aAAA,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACW,aAAA;AAAA,EAAA;AAEnB;;"}
+{"version":3,"file":"FilterComparator.cjs","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":["useLocalization","guessComparatorsBasedOnControl","Select2","TableFilterComparator"],"mappings":";;;;;;;AAWO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AACjE,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,QAAM,mBAAmBC,KAAAA,+BAA+B,MAAM;AAE9D,SACI,sBAAA,cAACC,QAAAA,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAAA,eAClB,sBAAA,cAACA,QAAAA,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,KAAKC,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAKA,MAAAA,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACI,aAAO;AAAA,EAAA;AAEnB;;"}

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

@@ -10,8 +10,7 @@ function FilterComparator(props) {
   return /* @__PURE__ */ React__default.createElement(Select2, { ...attributes, className: "!w-32 flex-shrink-0", disabled: !column, onChange: handleChange, value }, validComparators.map((comparator) => /* @__PURE__ */ React__default.createElement(Select2.Option, { key: comparator, value: comparator }, getComparatorText(comparator, texts, column))));
 }
 function getComparatorText(comparator, texts, column) {
-  var _a, _b, _c;
-  const isDate = ((_a = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _a.dataType) === "date" || ((_b = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _b.dataType) === "time" || ((_c = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _c.dataType) === "datetime";
+  const isDate = column?.columnDef.meta?.dataType === "date" || column?.columnDef.meta?.dataType === "time" || column?.columnDef.meta?.dataType === "datetime";
   switch (comparator) {
     case TableFilterComparator.Contains:
       return texts.table.filters.comparators.contains;