@economic/taco 2.47.0-server.9 → 2.47.0

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

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Button } from '../../../../../../../components/Button/Button.js';
 import { Popover } from '../../../../../../../components/Popover/Popover.js';
@@ -10,8 +9,7 @@ import { sortByHeader, isEmptyFilter } from './util.js';
 import { FilterContext } from './FilterContext.js';
 import { Filter } from './components/Filter.js';
 
-var _excluded = ["length", "table"];
-var placeholderFilter = {
+const placeholderFilter = {
   id: '',
   value: {
     comparator: TableFilterComparator.Contains,
@@ -19,34 +17,33 @@ var placeholderFilter = {
   }
 };
 function ManageFiltersPopover(props) {
-  var length = props.length,
-    table = props.table,
-    popoverProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useLocalization = useLocalization(),
-    locale = _useLocalization.locale,
-    texts = _useLocalization.texts;
-  var allColumns = table.getAllLeafColumns().filter(function (column) {
-    return !isInternalColumn(column.id);
-  }).sort(sortByHeader);
-  var columnFilters = table.getState().columnFilters;
+  const {
+    length,
+    table,
+    ...popoverProps
+  } = props;
+  const {
+    locale,
+    texts
+  } = useLocalization();
+  const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
+  const columnFilters = table.getState().columnFilters;
   // state, since we "apply" filters - our filter values have a special shape, so we force to our type
-  var _React$useState = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]),
-    filters = _React$useState[0],
-    setFilters = _React$useState[1];
+  const [filters, setFilters] = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
   // this runs if filters are set outside (e.g. through column header)
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);
     // focus the filter value, as we preset the column/comparator.
-    requestAnimationFrame(function () {
-      var filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
-      var lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;
+    requestAnimationFrame(() => {
+      const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
+      const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;
       lastFilter === null || lastFilter === void 0 ? void 0 : lastFilter.focus();
     });
   }, [columnFilters]);
   // filters
-  var handleChangeFilter = function handleChangeFilter(position, filter) {
-    setFilters(function (currentFilters) {
-      return currentFilters.map(function (current, index) {
+  const handleChangeFilter = (position, filter) => {
+    setFilters(currentFilters => {
+      return currentFilters.map((current, index) => {
         if (index === position) {
           return filter;
         }
@@ -54,49 +51,41 @@ function ManageFiltersPopover(props) {
       });
     });
   };
-  var handleRemoveFilter = function handleRemoveFilter(position) {
+  const handleRemoveFilter = position => {
     if (filters.length === 1) {
       setFilters([placeholderFilter]);
       return;
     }
-    setFilters(function (currentFilters) {
-      return currentFilters.filter(function (_, index) {
-        return index !== position;
-      });
-    });
+    setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));
   };
-  var handleCreate = function handleCreate() {
+  const handleCreate = () => {
     setFilters(filters.concat(placeholderFilter));
   };
   //
-  var handleApply = function handleApply() {
-    table.setColumnFilters(function () {
-      var newFilters = filters.filter(function (f) {
+  const handleApply = () => {
+    table.setColumnFilters(() => {
+      const newFilters = filters.filter(f => {
         var _allColumns$find, _allColumns$find$colu;
         if (f.id === null || f.id === '') {
           return false;
         }
-        var controlRenderer = (_allColumns$find = allColumns.find(function (c) {
-          return c.id === f.id;
-        })) === null || _allColumns$find === void 0 ? void 0 : (_allColumns$find$colu = _allColumns$find.columnDef.meta) === null || _allColumns$find$colu === void 0 ? void 0 : _allColumns$find$colu.control;
+        const controlRenderer = (_allColumns$find = allColumns.find(c => c.id === f.id)) === null || _allColumns$find === void 0 ? void 0 : (_allColumns$find$colu = _allColumns$find.columnDef.meta) === null || _allColumns$find$colu === void 0 ? void 0 : _allColumns$find$colu.control;
         if (f.value.comparator === TableFilterComparator.IsEmpty || f.value.comparator === TableFilterComparator.IsNotEmpty || controlRenderer === 'switch') {
           return true;
         }
-        var value = f.value.value;
+        const value = f.value.value;
         return value !== undefined && value !== null && value !== '';
       });
       return newFilters;
     });
   };
-  var handleClear = function handleClear() {
+  const handleClear = () => {
     table.resetColumnFilters();
     setFilters([placeholderFilter]);
   };
-  var handleClose = function handleClose(open) {
+  const handleClose = open => {
     if (!open) {
-      var nonEmptyFilters = columnFilters.filter(function (f) {
-        return !isEmptyFilter(f);
-      });
+      const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));
       table.setColumnFilters(nonEmptyFilters);
       setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);
     }
@@ -117,18 +106,14 @@ function ManageFiltersPopover(props) {
     className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
   }, texts.table.filters.total.replace('[CURRENT]', new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))))), /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-2"
-  }, filters.map(function (filter, index) {
-    return /*#__PURE__*/React__default.createElement(Filter, {
-      key: "filter_" + index,
-      allColumns: allColumns,
-      filter: filter,
-      position: index,
-      onChange: handleChangeFilter,
-      onRemove: filters.length > 0 && filters.some(function (f) {
-        return f.id;
-      }) || filters.length > 1 ? handleRemoveFilter : undefined
-    });
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }, filters.map((filter, index) => (/*#__PURE__*/React__default.createElement(Filter, {
+    key: `filter_${index}`,
+    allColumns: allColumns,
+    filter: filter,
+    position: index,
+    onChange: handleChangeFilter,
+    onRemove: filters.length > 0 && filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "justify-start"
   }, /*#__PURE__*/React__default.createElement(Button, {
     appearance: "discrete",

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

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n\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 => {\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(c => c.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=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\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={\n                                        (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                            ? handleRemoveFilter\n                                            : undefined\n                                    }\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button appearance=\"discrete\" onClick={handleCreate}>\n                                    + {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Group className=\"ml-auto\">\n                            <Popover.Close>\n                                <Button>{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button onClick={handleClear}>{texts.table.filters.buttons.clear}</Button>\n                            <Button appearance=\"primary\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Group>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","locale","texts","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","columnFilters","getState","_React$useState","React","useState","filters","setFilters","useEffect","requestAnimationFrame","filterValues","document","querySelectorAll","lastFilter","focus","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","open","nonEmptyFilters","isEmptyFilter","Popover","onChange","Content","FilterContext","Provider","className","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close","cancel","clear","apply"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n\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 => {\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(c => c.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=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\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={\n                                        (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                            ? handleRemoveFilter\n                                            : undefined\n                                    }\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button appearance=\"discrete\" onClick={handleCreate}>\n                                    + {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Group className=\"ml-auto\">\n                            <Popover.Close>\n                                <Button>{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button onClick={handleClear}>{texts.table.filters.buttons.clear}</Button>\n                            <Button appearance=\"primary\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Group>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","columnFilters","getState","filters","setFilters","React","useState","useEffect","requestAnimationFrame","filterValues","document","querySelectorAll","lastFilter","focus","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","open","nonEmptyFilters","isEmptyFilter","Popover","onChange","Content","FilterContext","Provider","className","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close","cancel","clear","apply"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { extends as _extends } from '../../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '../../../../../../../../components/IconButton/IconButton.js';
 import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
 import { TableFilterComparator } from '../../../../../../types.js';
@@ -9,29 +8,29 @@ import { FilterComparator } from './FilterComparator.js';
 import { FilterValue } from './FilterValue.js';
 
 function Filter(props) {
-  var allColumns = props.allColumns,
-    filter = props.filter,
-    handleChange = props.onChange,
-    onRemove = props.onRemove,
-    position = props.position;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var column = allColumns.find(function (c) {
-    return c.id === filter.id;
-  });
-  var ref = React__default.useRef(null);
-  var id = filter.id,
-    _filter$value = filter.value,
-    comparator = _filter$value.comparator,
-    value = _filter$value.value;
-  var handleChangeColumn = function handleChangeColumn(columnId) {
+  const {
+    allColumns,
+    filter,
+    onChange: handleChange,
+    onRemove,
+    position
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const column = allColumns.find(c => c.id === filter.id);
+  const ref = React__default.useRef(null);
+  const {
+    id,
+    value: {
+      comparator,
+      value
+    }
+  } = filter;
+  const handleChangeColumn = columnId => {
     var _previousColumn$colum, _previousColumn$colum2, _nextColumn$columnDef;
-    var previousColumn = allColumns.find(function (column) {
-      return column.id === id;
-    });
-    var nextColumn = allColumns.find(function (column) {
-      return column.id === columnId;
-    });
+    const previousColumn = allColumns.find(column => column.id === id);
+    const nextColumn = allColumns.find(column => column.id === columnId);
     // UX requirement: if old column data type is the same as next column data type,
     // then we applying the same filter value for the next column,
     // but when data types are different, we're reseting comparator ans value for the next column
@@ -42,41 +41,40 @@ function Filter(props) {
       });
       return;
     }
-    var validComparators = guessComparatorsBasedOnControl(nextColumn);
-    var value = {
+    const validComparators = guessComparatorsBasedOnControl(nextColumn);
+    const value = {
       comparator: validComparators[0],
       value: undefined
     };
     handleChange(position, {
       id: columnId,
-      value: value
+      value
     });
   };
-  var handleChangeComparator = function handleChangeComparator(comparator) {
-    var nextValue = filter.value.value;
+  const handleChangeComparator = comparator => {
+    let nextValue = filter.value.value;
     if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
       nextValue = undefined;
     }
     handleChange(position, {
-      id: id,
+      id,
       value: {
-        comparator: comparator,
+        comparator,
         value: nextValue
       }
     });
   };
-  var handleChangeValue = function handleChangeValue(value) {
+  const handleChangeValue = value => {
     handleChange(position, {
-      id: id,
-      value: _extends({}, filter.value, {
-        value: value
-      })
+      id,
+      value: {
+        ...filter.value,
+        value
+      }
     });
   };
-  var handleRemove = function handleRemove() {
-    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(position);
-  };
-  React__default.useEffect(function () {
+  const handleRemove = () => onRemove === null || onRemove === void 0 ? void 0 : onRemove(position);
+  React__default.useEffect(() => {
     if (ref.current && !id) {
       ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(c => c.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],\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\">\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 ? <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Filter","props","allColumns","filter","handleChange","onChange","onRemove","position","_useLocalization","useLocalization","texts","column","find","c","id","ref","React","useRef","_filter$value","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_previousColumn$colum2","_nextColumn$columnDef","validComparators","guessComparatorsBasedOnControl","undefined","handleChangeComparator","nextValue","TableFilterComparator","IsEmpty","IsNotEmpty","handleChangeValue","_extends","handleRemove","useEffect","current","focus","className","table","filters","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":"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"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(c => c.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],\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\">\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 ? <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Filter","props","allColumns","filter","onChange","handleChange","onRemove","position","texts","useLocalization","column","find","c","id","ref","React","useRef","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_previousColumn$colum2","_nextColumn$columnDef","validComparators","guessComparatorsBasedOnControl","undefined","handleChangeComparator","nextValue","TableFilterComparator","IsEmpty","IsNotEmpty","handleChangeValue","handleRemove","useEffect","current","focus","className","table","filters","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../../../../../../../components/Icon/Icon.js';
 import { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip.js';
 import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
@@ -7,20 +6,19 @@ import { Field } from '../../../../../../../../components/Field/Field.js';
 import { Select2 } from '../../../../../../../../components/Select2/Select2.js';
 import { FilterContext } from '../FilterContext.js';
 
-var _excluded = ["allColumns", "onChange", "value"];
-var FilterColumn = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var allColumns = props.allColumns,
-    handleChange = props.onChange,
-    _props$value = props.value,
-    value = _props$value === void 0 ? null : _props$value,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var filters = React__default.useContext(FilterContext);
-  var selectedColumn = allColumns.find(function (column) {
-    return column.id === value;
-  });
-  var warning = selectedColumn && !selectedColumn.getIsVisible();
+const FilterColumn = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+    allColumns,
+    onChange: handleChange,
+    value = null,
+    ...attributes
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const filters = React__default.useContext(FilterContext);
+  const selectedColumn = allColumns.find(column => column.id === value);
+  const warning = selectedColumn && !selectedColumn.getIsVisible();
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col"
   }, /*#__PURE__*/React__default.createElement(Field, {
@@ -33,7 +31,7 @@ var FilterColumn = /*#__PURE__*/React__default.forwardRef(function (props, ref)
     emptyValue: null,
     onChange: handleChange,
     value: value
-  }), allColumns.map(function (column) {
+  }), allColumns.map(column => {
     var _column$columnDef$met, _column$parent, _column$parent$column;
     return /*#__PURE__*/React__default.createElement(Select2.Option, {
       key: column.id,
@@ -44,10 +42,8 @@ var FilterColumn = /*#__PURE__*/React__default.forwardRef(function (props, ref)
         name: "eye-off",
         className: "text-grey-500 !h-5 !w-5"
       }))) : undefined,
-      disabled: column.id !== value && (!column.getCanFilter() || !!filters.find(function (f) {
-        return f.id === column.id;
-      }))
-    }, ((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.header) + (column.parent ? " (" + ((_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef.meta) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header) + ")" : ''));
+      disabled: column.id !== value && (!column.getCanFilter() || !!filters.find(f => f.id === column.id))
+    }, ((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.header) + (column.parent ? ` (${(_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : (_column$parent$column = _column$parent.columnDef.meta) === null || _column$parent$column === void 0 ? void 0 : _column$parent$column.header})` : ''));
   }))));
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"focus:yt-focus !w-32 flex-shrink-0 \"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            postfix={\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=\"text-grey-500 !h-5 !w-5\" />\n                                    </Tooltip>\n                                ) : undefined\n                            }\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.find(f => f.id === column.id))}>\n                            {(column.columnDef.meta?.header as string) +\n                                (column.parent ? ` (${column.parent?.columnDef.meta?.header})` : '')}\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["FilterColumn","React","forwardRef","props","ref","allColumns","handleChange","onChange","_props$value","value","attributes","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","filters","useContext","FilterContext","selectedColumn","find","column","id","warning","getIsVisible","className","Field","message","table","hiddenColumn","undefined","Select2","emptyValue","map","_column$columnDef$met","_column$parent","_column$parent$column","Option","key","postfix","getIsGrouped","Tooltip","title","hiddenGroupedColumn","Icon","name","disabled","getCanFilter","f","columnDef","meta","header","parent"],"mappings":";;;;;;;;;;IAaaA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG;EAC1F,IAAQC,UAAU,GAA0DF,KAAK,CAAzEE,UAAU;IAAYC,YAAY,GAAkCH,KAAK,CAA7DI,QAAQ;IAAAC,YAAA,GAAgDL,KAAK,CAArCM,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKR,KAAK,EAAAS,SAAA;EACjF,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,OAAO,GAAGf,cAAK,CAACgB,UAAU,CAACC,aAAa,CAAC;EAC/C,IAAMC,cAAc,GAAGd,UAAU,CAACe,IAAI,CAAC,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACC,EAAE,KAAKb,KAAK;IAAC;EACrE,IAAMc,OAAO,GAAGJ,cAAc,IAAI,CAACA,cAAc,CAACK,YAAY,EAAE;EAEhE,oBACIvB;IAAKwB,SAAS,EAAC;kBACXxB,6BAACyB,KAAK;IACFC,OAAO,EAAEJ,OAAO,GAAGR,KAAK,CAACa,KAAK,CAACZ,OAAO,CAACa,YAAY,GAAGC,SAAS;IAC/DP,OAAO,EAAEA,OAAO;IAChBE,SAAS,EAAC;kBACVxB,6BAAC8B,OAAO,oBACArB,UAAU;IACdN,GAAG,EAAEA,GAAG;IACRqB,SAAS,EAAC,qCAAqC;IAC/CO,UAAU,EAAE,IAAI;IAChBzB,QAAQ,EAAED,YAAY;IACtBG,KAAK,EAAEA;MACNJ,UAAU,CAAC4B,GAAG,CAAC,UAAAZ,MAAM;IAAA,IAAAa,qBAAA,EAAAC,cAAA,EAAAC,qBAAA;IAAA,oBAClBnC,6BAAC8B,OAAO,CAACM,MAAM;MACXC,GAAG,EAAEjB,MAAM,CAACC,EAAE;MACdb,KAAK,EAAEY,MAAM,CAACC,EAAE;MAChBiB,OAAO,EACH,CAAClB,MAAM,CAACG,YAAY,EAAE,IAAIH,MAAM,CAACmB,YAAY,EAAE,iBAC3CvC,6BAACwC,OAAO;QACJC,KAAK,EACDrB,MAAM,CAACmB,YAAY,EAAE,GACfzB,KAAK,CAACa,KAAK,CAACZ,OAAO,CAAC2B,mBAAmB,GACvC5B,KAAK,CAACa,KAAK,CAACZ,OAAO,CAACa;sBAE9B5B,6BAAC2C,IAAI;QAACC,IAAI,EAAC,SAAS;QAACpB,SAAS,EAAC;QAA4B,CACrD,IACVK,SAAS;MAEjBgB,QAAQ,EAAEzB,MAAM,CAACC,EAAE,KAAKb,KAAK,KAAK,CAACY,MAAM,CAAC0B,YAAY,EAAE,IAAI,CAAC,CAAC/B,OAAO,CAACI,IAAI,CAAC,UAAA4B,CAAC;QAAA,OAAIA,CAAC,CAAC1B,EAAE,KAAKD,MAAM,CAACC,EAAE;QAAC;OACjG,EAAAY,qBAAA,GAAAb,MAAM,CAAC4B,SAAS,CAACC,IAAI,cAAAhB,qBAAA,uBAArBA,qBAAA,CAAuBiB,MAAiB,KACrC9B,MAAM,CAAC+B,MAAM,YAAAjB,cAAA,GAAQd,MAAM,CAAC+B,MAAM,cAAAjB,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAec,SAAS,CAACC,IAAI,cAAAd,qBAAA,uBAA7BA,qBAAA,CAA+Be,MAAM,UAAM,EAAE,CAAC,CAC3D;GACpB,CAAC,CACI,CACN,CACN;AAEd,CAAC;;;;"}
+{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"focus:yt-focus !w-32 flex-shrink-0 \"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            postfix={\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=\"text-grey-500 !h-5 !w-5\" />\n                                    </Tooltip>\n                                ) : undefined\n                            }\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.find(f => f.id === column.id))}>\n                            {(column.columnDef.meta?.header as string) +\n                                (column.parent ? ` (${column.parent?.columnDef.meta?.header})` : '')}\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["FilterColumn","React","forwardRef","props","ref","allColumns","onChange","handleChange","value","attributes","texts","useLocalization","filters","useContext","FilterContext","selectedColumn","find","column","id","warning","getIsVisible","className","Field","message","table","hiddenColumn","undefined","Select2","emptyValue","map","_column$columnDef$met","_column$parent","_column$parent$column","Option","key","postfix","getIsGrouped","Tooltip","title","hiddenGroupedColumn","Icon","name","disabled","getCanFilter","f","columnDef","meta","header","parent"],"mappings":";;;;;;;;MAaaA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAuC,CAACC,KAAK,EAAEC,GAAG;EAC1F,MAAM;IAAEC,UAAU;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK,GAAG,IAAI;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACjF,MAAM;IAAEO;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,OAAO,GAAGX,cAAK,CAACY,UAAU,CAACC,aAAa,CAAC;EAC/C,MAAMC,cAAc,GAAGV,UAAU,CAACW,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,KAAKV,KAAK,CAAC;EACrE,MAAMW,OAAO,GAAGJ,cAAc,IAAI,CAACA,cAAc,CAACK,YAAY,EAAE;EAEhE,oBACInB;IAAKoB,SAAS,EAAC;kBACXpB,6BAACqB,KAAK;IACFC,OAAO,EAAEJ,OAAO,GAAGT,KAAK,CAACc,KAAK,CAACZ,OAAO,CAACa,YAAY,GAAGC,SAAS;IAC/DP,OAAO,EAAEA,OAAO;IAChBE,SAAS,EAAC;kBACVpB,6BAAC0B,OAAO,oBACAlB,UAAU;IACdL,GAAG,EAAEA,GAAG;IACRiB,SAAS,EAAC,qCAAqC;IAC/CO,UAAU,EAAE,IAAI;IAChBtB,QAAQ,EAAEC,YAAY;IACtBC,KAAK,EAAEA;MACNH,UAAU,CAACwB,GAAG,CAACZ,MAAM;IAAA,IAAAa,qBAAA,EAAAC,cAAA,EAAAC,qBAAA;IAAA,oBAClB/B,6BAAC0B,OAAO,CAACM,MAAM;MACXC,GAAG,EAAEjB,MAAM,CAACC,EAAE;MACdV,KAAK,EAAES,MAAM,CAACC,EAAE;MAChBiB,OAAO,EACH,CAAClB,MAAM,CAACG,YAAY,EAAE,IAAIH,MAAM,CAACmB,YAAY,EAAE,iBAC3CnC,6BAACoC,OAAO;QACJC,KAAK,EACDrB,MAAM,CAACmB,YAAY,EAAE,GACf1B,KAAK,CAACc,KAAK,CAACZ,OAAO,CAAC2B,mBAAmB,GACvC7B,KAAK,CAACc,KAAK,CAACZ,OAAO,CAACa;sBAE9BxB,6BAACuC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACpB,SAAS,EAAC;QAA4B,CACrD,IACVK,SAAS;MAEjBgB,QAAQ,EAAEzB,MAAM,CAACC,EAAE,KAAKV,KAAK,KAAK,CAACS,MAAM,CAAC0B,YAAY,EAAE,IAAI,CAAC,CAAC/B,OAAO,CAACI,IAAI,CAAC4B,CAAC,IAAIA,CAAC,CAAC1B,EAAE,KAAKD,MAAM,CAACC,EAAE,CAAC;OACjG,EAAAY,qBAAA,GAAAb,MAAM,CAAC4B,SAAS,CAACC,IAAI,cAAAhB,qBAAA,uBAArBA,qBAAA,CAAuBiB,MAAiB,KACrC9B,MAAM,CAAC+B,MAAM,GAAG,MAAAjB,cAAA,GAAKd,MAAM,CAAC+B,MAAM,cAAAjB,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAec,SAAS,CAACC,IAAI,cAAAd,qBAAA,uBAA7BA,qBAAA,CAA+Be,MAAM,GAAG,GAAG,EAAE,CAAC,CAC3D;GACpB,CAAC,CACI,CACN,CACN;AAEd,CAAC;;;;"}

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

@@ -1,34 +1,33 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
 import { TableFilterComparator } from '../../../../../../types.js';
 import { Select2 } from '../../../../../../../../components/Select2/Select2.js';
 import { guessComparatorsBasedOnControl } from '../util.js';
 
-var _excluded = ["column", "onChange", "value"];
 function FilterComparator(props) {
-  var column = props.column,
-    handleChange = props.onChange,
-    value = props.value,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var validComparators = guessComparatorsBasedOnControl(column);
+  const {
+    column,
+    onChange: handleChange,
+    value,
+    ...attributes
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const validComparators = guessComparatorsBasedOnControl(column);
   return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
     className: "!w-32 flex-shrink-0",
     disabled: !column,
     onChange: handleChange,
     value: value
-  }), validComparators.map(function (comparator) {
-    return /*#__PURE__*/React__default.createElement(Select2.Option, {
-      key: comparator,
-      value: comparator
-    }, getComparatorText(comparator, texts, column));
-  }));
+  }), validComparators.map(comparator => (/*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: comparator,
+    value: comparator
+  }, getComparatorText(comparator, texts, column)))));
 }
 function getComparatorText(comparator, texts, column) {
   var _column$columnDef, _column$columnDef$met;
-  var isDate = (column === null || column === void 0 ? void 0 : (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : (_column$columnDef$met = _column$columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.control) === 'datepicker';
+  const isDate = (column === null || column === void 0 ? void 0 : (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : (_column$columnDef$met = _column$columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.control) === 'datepicker';
   switch (comparator) {
     case TableFilterComparator.Contains:
       return texts.table.filters.comparators.contains;

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

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