@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.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 type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\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 ? '!bg-blue-100 !text-blue-900' : 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":";;;;;;;;;;;AAqBO,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,gCAAgC;AAAA,IACnE,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;;"}
+{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\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 ? '!bg-blue-100 !text-blue-900' : 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":";;;;;;;;;;;AAkBO,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,gCAAgC;AAAA,IACnE,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

@@ -1,12 +1,12 @@
 import React__default from "react";
-import { Icon } from "../../../../../../../components/Icon/Icon.js";
-import { LegacyButton } from "../../../../../../../components/LegacyComponents/Button/Button.js";
-import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
 import { useIsLargeScreen } from "../../../../../../../hooks/useIsLargeScreen.js";
 import { ManageFiltersPopover } from "./ManageFiltersPopover.js";
 import { isEmptyFilter } from "./util.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
+import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
+import { LegacyButton } from "../../../../../../../components/LegacyComponents/Button/Button.js";
+import { Icon } from "../../../../../../../components/Icon/Icon.js";
 function Filters(props) {
   const { length, tableId, table } = props;
   const { texts } = useLocalization();

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 type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\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 ? '!bg-blue-100 !text-blue-900' : 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":";;;;;;;;;AAqBO,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,gCAAgC;AAAA,IACnE,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;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\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 ? '!bg-blue-100 !text-blue-900' : 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":";;;;;;;;;AAkBO,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,gCAAgC;AAAA,IACnE,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

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
-const Inline = require("../../../../../../../components/Inline/Inline.cjs");
-const Popover = require("../../../../../../../components/Popover/Popover.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
 const types = require("../../../../../types.cjs");
 const columns = require("../../../../../useTableManager/util/columns.cjs");
 const Filter = require("./components/Filter.cjs");
 const FilterContext = require("./FilterContext.cjs");
 const util = require("./util.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Popover = require("../../../../../../../components/Popover/Popover.cjs");
+const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
+const Inline = require("../../../../../../../components/Inline/Inline.cjs");
 const placeholderFilter = { id: "", value: { comparator: types.TableFilterComparator.Contains, value: void 0 } };
 function ManageFiltersPopover(props) {
   const { length, table, ...popoverProps } = props;

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button } from '../../../../../../../components/Actions/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\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                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\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                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { Button } from "../../../../../../../components/Actions/Button/Button.js";
-import { Inline } from "../../../../../../../components/Inline/Inline.js";
-import { Popover } from "../../../../../../../components/Popover/Popover.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
 import { TableFilterComparator } from "../../../../../types.js";
 import { isInternalColumn } from "../../../../../useTableManager/util/columns.js";
 import { Filter } from "./components/Filter.js";
 import { FilterContext } from "./FilterContext.js";
 import { sortByHeader, isEmptyFilter } from "./util.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { Popover } from "../../../../../../../components/Popover/Popover.js";
+import { Button } from "../../../../../../../components/Actions/Button/Button.js";
+import { Inline } from "../../../../../../../components/Inline/Inline.js";
 const placeholderFilter = { id: "", value: { comparator: TableFilterComparator.Contains, value: void 0 } };
 function ManageFiltersPopover(props) {
   const { length, table, ...popoverProps } = props;

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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button } from '../../../../../../../components/Actions/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\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                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\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 type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\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                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const IconButton = require("../../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
 const types = require("../../../../../../types.cjs");
 const util = require("../util.cjs");
 const FilterColumn = require("./FilterColumn.cjs");
 const FilterComparator = require("./FilterComparator.cjs");
 const FilterValue = require("./FilterValue.cjs");
+const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const IconButton = require("../../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
 function Filter(props) {
   const { allColumns, filter, onChange: handleChange, onRemove, position } = props;
   const { texts } = Localization.useLocalization();

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 type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\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":";;;;;;;;;;AAqBO,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;;"}
+{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\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":";;;;;;;;;;AAqBO,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

@@ -1,11 +1,11 @@
 import React__default from "react";
-import { LegacyIconButton } from "../../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
 import { TableFilterComparator } from "../../../../../../types.js";
 import { guessComparatorsBasedOnControl } from "../util.js";
 import { FilterColumn } from "./FilterColumn.js";
 import { FilterComparator } from "./FilterComparator.js";
 import { FilterValue } from "./FilterValue.js";
+import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
+import { LegacyIconButton } from "../../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
 function Filter(props) {
   const { allColumns, filter, onChange: handleChange, onRemove, position } = props;
   const { texts } = useLocalization();

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 type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\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":";;;;;;;;AAqBO,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;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\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":";;;;;;;;AAqBO,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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("@tanstack/react-table");
 const React = require("react");
-const Field = require("../../../../../../../../components/Field/Field.cjs");
-const Icon = require("../../../../../../../../components/Icon/Icon.cjs");
+const FilterContext = require("../FilterContext.cjs");
 const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const Field = require("../../../../../../../../components/Field/Field.cjs");
 const Select2 = require("../../../../../../../../components/Select2/Select2.cjs");
 const Tooltip = require("../../../../../../../../components/Tooltip/Tooltip.cjs");
-const FilterContext = require("../FilterContext.cjs");
+const Icon = require("../../../../../../../../components/Icon/Icon.cjs");
 const FilterColumn = React.forwardRef((props, ref) => {
   const { allColumns, onChange: handleChange, value = null, ...attributes } = props;
   const { texts } = Localization.useLocalization();

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 type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../../components/Select2/Select2';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\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":";;;;;;;;;;AAgBO,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;;"}
+{"version":3,"file":"FilterColumn.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { Select2Props } from '@/components';\nimport { Field, Icon, useLocalization, Select2, Tooltip } from '@/components';\n\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.d.ts

@@ -1,6 +1,6 @@
 import { Column as ReactTableColumn } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { Select2Props } from '../../../../../../../../components/Select2/Select2';
+import { Select2Props } from '../../../../../../../../components';
 export type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     allColumns: ReactTableColumn<TType, unknown>[];
 };

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

@@ -1,11 +1,11 @@
 import { flexRender } from "@tanstack/react-table";
 import React__default from "react";
-import { Field } from "../../../../../../../../components/Field/Field.js";
-import { Icon } from "../../../../../../../../components/Icon/Icon.js";
+import { FilterContext } from "../FilterContext.js";
 import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
+import { Field } from "../../../../../../../../components/Field/Field.js";
 import { Select2 } from "../../../../../../../../components/Select2/Select2.js";
 import { Tooltip } from "../../../../../../../../components/Tooltip/Tooltip.js";
-import { FilterContext } from "../FilterContext.js";
+import { Icon } from "../../../../../../../../components/Icon/Icon.js";
 const FilterColumn = React__default.forwardRef((props, ref) => {
   const { allColumns, onChange: handleChange, value = null, ...attributes } = props;
   const { texts } = useLocalization();

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 type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../../components/Select2/Select2';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\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":";;;;;;;;AAgBO,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;"}
+{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { Select2Props } from '@/components';\nimport { Field, Icon, useLocalization, Select2, Tooltip } from '@/components';\n\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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
-const Select2 = require("../../../../../../../../components/Select2/Select2.cjs");
 const types = require("../../../../../../types.cjs");
 const util = require("../util.cjs");
+const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const Select2 = require("../../../../../../../../components/Select2/Select2.cjs");
 function FilterComparator(props) {
   const { column, onChange: handleChange, value, ...attributes } = props;
   const { texts } = Localization.useLocalization();

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 type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { LocalizationTexts } from '../../../../../../../../components/Provider/Localization';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../../components/Select2/Select2';\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":";;;;;;;AAcO,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;;"}
+{"version":3,"file":"FilterComparator.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { LocalizationTexts, Select2Props } from '@/components';\nimport { useLocalization, Select2 } from '@/components';\n\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":";;;;;;;AAaO,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.d.ts

@@ -1,6 +1,6 @@
 import { Column as ReactTableColumn } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { Select2Props } from '../../../../../../../../components/Select2/Select2';
+import { Select2Props } from '../../../../../../../../components';
 export type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     column?: ReactTableColumn<TType, unknown>;
 };

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

@@ -1,8 +1,8 @@
 import React__default from "react";
-import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
-import { Select2 } from "../../../../../../../../components/Select2/Select2.js";
 import { TableFilterComparator } from "../../../../../../types.js";
 import { guessComparatorsBasedOnControl } from "../util.js";
+import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
+import { Select2 } from "../../../../../../../../components/Select2/Select2.js";
 function FilterComparator(props) {
   const { column, onChange: handleChange, value, ...attributes } = props;
   const { texts } = useLocalization();

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

@@ -1 +1 @@
-{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { LocalizationTexts } from '../../../../../../../../components/Provider/Localization';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../../components/Select2/Select2';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    column?: ReactTableColumn<TType, unknown>;\n};\n\nexport function FilterComparator<TType = unknown>(props: FilterComparatorProps<TType>) {\n    const { column, onChange: handleChange, value, ...attributes } = props;\n    const { texts } = useLocalization();\n\n    const validComparators = guessComparatorsBasedOnControl(column);\n\n    return (\n        <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" disabled={!column} onChange={handleChange} value={value}>\n            {validComparators.map(comparator => (\n                <Select2.Option key={comparator} value={comparator}>\n                    {getComparatorText(comparator, texts, column)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n}\n\nfunction getComparatorText<TType = unknown>(\n    comparator: TableFilterComparator,\n    texts: LocalizationTexts,\n    column?: ReactTableColumn<TType, unknown>\n) {\n    const isDate =\n        column?.columnDef.meta?.dataType === 'date' ||\n        column?.columnDef.meta?.dataType === 'time' ||\n        column?.columnDef.meta?.dataType === 'datetime';\n\n    switch (comparator) {\n        case TableFilterComparator.Contains:\n            return texts.table.filters.comparators.contains;\n\n        case TableFilterComparator.DoesNotContain:\n            return texts.table.filters.comparators.doesNotContain;\n\n        case TableFilterComparator.IsEqualTo:\n            return texts.table.filters.comparators.isEqualTo;\n\n        case TableFilterComparator.IsNotEqualTo:\n            return texts.table.filters.comparators.isNotEqualTo;\n\n        case TableFilterComparator.IsGreaterThan:\n            return isDate ? texts.table.filters.comparators.isAfter : texts.table.filters.comparators.isGreaterThan;\n\n        case TableFilterComparator.IsLessThan:\n            return isDate ? texts.table.filters.comparators.isBefore : texts.table.filters.comparators.isLessThan;\n\n        case TableFilterComparator.IsBetween:\n            return texts.table.filters.comparators.isBetween;\n\n        case TableFilterComparator.IsEmpty:\n            return texts.table.filters.comparators.isEmpty;\n\n        case TableFilterComparator.IsNotEmpty:\n            return texts.table.filters.comparators.isNotEmpty;\n\n        case TableFilterComparator.IsLessThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrBefore : texts.table.filters.comparators.isLessThanOrEqualTo;\n\n        case TableFilterComparator.IsGreaterThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrAfter : texts.table.filters.comparators.isGreaterThanOrEqualTo;\n\n        case TableFilterComparator.HasAnyOf:\n            return texts.table.filters.comparators.hasAnyOf;\n\n        case TableFilterComparator.HasAllOf:\n            return texts.table.filters.comparators.hasAllOf;\n\n        case TableFilterComparator.HasNoneOf:\n            return texts.table.filters.comparators.hasNoneOf;\n\n        case TableFilterComparator.IsOneOf:\n            return texts.table.filters.comparators.isOneOf;\n\n        case TableFilterComparator.IsNoneOf:\n            return texts.table.filters.comparators.isNoneOf;\n\n        default:\n            return '';\n    }\n}\n"],"names":["React"],"mappings":";;;;;AAcO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AACjE,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,mBAAmB,+BAA+B,MAAM;AAE9D,SACIA,+BAAA,cAAC,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAAA,eAClBA,+BAAA,cAAC,QAAQ,QAAR,EAAe,KAAK,YAAY,OAAO,WAAA,GACnC,kBAAkB,YAAY,OAAO,MAAM,CAChD,CACH,CACL;AAER;AAEA,SAAS,kBACL,YACA,OACA,QACF;AACE,QAAM,SACF,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa;AAEzC,UAAQ,YAAA;AAAA,IACJ,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACI,aAAO;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterComparator.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { LocalizationTexts, Select2Props } from '@/components';\nimport { useLocalization, Select2 } from '@/components';\n\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterComparatorProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    column?: ReactTableColumn<TType, unknown>;\n};\n\nexport function FilterComparator<TType = unknown>(props: FilterComparatorProps<TType>) {\n    const { column, onChange: handleChange, value, ...attributes } = props;\n    const { texts } = useLocalization();\n\n    const validComparators = guessComparatorsBasedOnControl(column);\n\n    return (\n        <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" disabled={!column} onChange={handleChange} value={value}>\n            {validComparators.map(comparator => (\n                <Select2.Option key={comparator} value={comparator}>\n                    {getComparatorText(comparator, texts, column)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n}\n\nfunction getComparatorText<TType = unknown>(\n    comparator: TableFilterComparator,\n    texts: LocalizationTexts,\n    column?: ReactTableColumn<TType, unknown>\n) {\n    const isDate =\n        column?.columnDef.meta?.dataType === 'date' ||\n        column?.columnDef.meta?.dataType === 'time' ||\n        column?.columnDef.meta?.dataType === 'datetime';\n\n    switch (comparator) {\n        case TableFilterComparator.Contains:\n            return texts.table.filters.comparators.contains;\n\n        case TableFilterComparator.DoesNotContain:\n            return texts.table.filters.comparators.doesNotContain;\n\n        case TableFilterComparator.IsEqualTo:\n            return texts.table.filters.comparators.isEqualTo;\n\n        case TableFilterComparator.IsNotEqualTo:\n            return texts.table.filters.comparators.isNotEqualTo;\n\n        case TableFilterComparator.IsGreaterThan:\n            return isDate ? texts.table.filters.comparators.isAfter : texts.table.filters.comparators.isGreaterThan;\n\n        case TableFilterComparator.IsLessThan:\n            return isDate ? texts.table.filters.comparators.isBefore : texts.table.filters.comparators.isLessThan;\n\n        case TableFilterComparator.IsBetween:\n            return texts.table.filters.comparators.isBetween;\n\n        case TableFilterComparator.IsEmpty:\n            return texts.table.filters.comparators.isEmpty;\n\n        case TableFilterComparator.IsNotEmpty:\n            return texts.table.filters.comparators.isNotEmpty;\n\n        case TableFilterComparator.IsLessThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrBefore : texts.table.filters.comparators.isLessThanOrEqualTo;\n\n        case TableFilterComparator.IsGreaterThanOrEqualTo:\n            return isDate ? texts.table.filters.comparators.isOnOrAfter : texts.table.filters.comparators.isGreaterThanOrEqualTo;\n\n        case TableFilterComparator.HasAnyOf:\n            return texts.table.filters.comparators.hasAnyOf;\n\n        case TableFilterComparator.HasAllOf:\n            return texts.table.filters.comparators.hasAllOf;\n\n        case TableFilterComparator.HasNoneOf:\n            return texts.table.filters.comparators.hasNoneOf;\n\n        case TableFilterComparator.IsOneOf:\n            return texts.table.filters.comparators.isOneOf;\n\n        case TableFilterComparator.IsNoneOf:\n            return texts.table.filters.comparators.isNoneOf;\n\n        default:\n            return '';\n    }\n}\n"],"names":["React"],"mappings":";;;;;AAaO,SAAS,iBAAkC,OAAqC;AACnF,QAAM,EAAE,QAAQ,UAAU,cAAc,OAAO,GAAG,eAAe;AACjE,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,mBAAmB,+BAA+B,MAAM;AAE9D,SACIA,+BAAA,cAAC,SAAA,EAAS,GAAG,YAAY,WAAU,uBAAsB,UAAU,CAAC,QAAQ,UAAU,cAAc,MAAA,GAC/F,iBAAiB,IAAI,CAAA,eAClBA,+BAAA,cAAC,QAAQ,QAAR,EAAe,KAAK,YAAY,OAAO,WAAA,GACnC,kBAAkB,YAAY,OAAO,MAAM,CAChD,CACH,CACL;AAER;AAEA,SAAS,kBACL,YACA,OACA,QACF;AACE,QAAM,SACF,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa,UACrC,QAAQ,UAAU,MAAM,aAAa;AAEzC,UAAQ,YAAA;AAAA,IACJ,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE9F,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE/F,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,eAAe,MAAM,MAAM,QAAQ,YAAY;AAAA,IAEnG,KAAK,sBAAsB;AACvB,aAAO,SAAS,MAAM,MAAM,QAAQ,YAAY,cAAc,MAAM,MAAM,QAAQ,YAAY;AAAA,IAElG,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C,KAAK,sBAAsB;AACvB,aAAO,MAAM,MAAM,QAAQ,YAAY;AAAA,IAE3C;AACI,aAAO;AAAA,EAAA;AAEnB;"}

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Checkbox = require("../../../../../../../../components/Checkbox/Checkbox.cjs");
-const Datepicker = require("../../../../../../../../components/Datepicker/Datepicker.cjs");
-const Input = require("../../../../../../../../components/Input/Input.cjs");
-const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
-const Switch = require("../../../../../../../../components/Switch/Switch.cjs");
 const types = require("../../../../../../types.cjs");
 const FilterContext = require("../FilterContext.cjs");
+const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const Input = require("../../../../../../../../components/Input/Input.cjs");
+const Datepicker = require("../../../../../../../../components/Datepicker/Datepicker.cjs");
+const Switch = require("../../../../../../../../components/Switch/Switch.cjs");
+const Checkbox = require("../../../../../../../../components/Checkbox/Checkbox.cjs");
 const querySelector = "filter-value";
 function FilterValue(props) {
   const { column, comparator, onChange: handleChange, value } = props;