@economic/taco 2.0.0-alpha.173 → 2.0.0-alpha.6

package/dist/esm/packages/taco/src/components/Table2/components/column/utils.js

@@ -0,0 +1,39 @@
+import { isDate } from 'date-fns';
+import { isWeakEqual } from '../../../../utils/date.js';
+
+const hasChanged = (value, newValue) => {
+  if (isDate(value) && isDate(newValue)) {
+    return !isWeakEqual(value, newValue);
+  } else if (Array.isArray(value)) {
+    return JSON.stringify(value) !== JSON.stringify(newValue);
+  }
+  return value !== newValue;
+};
+const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc) => {
+  const miniSortRows = [{
+    ...cell.row,
+    original: {
+      ...cell.row.original,
+      [cell.column.id]: value
+    }
+  }];
+  // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value
+  miniSortRows[0].getValue = () => value;
+  let index = 0;
+  if (rowIndex > 0) {
+    miniSortRows.unshift(rows[rowIndex - 1]);
+    index = 1;
+  }
+  if (rowIndex < rows.length - 1) {
+    miniSortRows.push(rows[rowIndex + 1]);
+  }
+  let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));
+  if (desc) {
+    resortedRows = resortedRows.reverse();
+  }
+  return resortedRows[index].id !== cell.row.id;
+};
+const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];
+
+export { clickableNodeNames, hasChanged, willRowMoveAfterSorting };
+//# sourceMappingURL=utils.js.map

package/dist/esm/packages/taco/src/components/Table2/components/column/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../../../src/components/Table2/components/column/utils.ts"],"sourcesContent":["import { isDate } from 'date-fns';\n\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index].id !== cell.row.id;\n};\n\nexport const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];\n"],"names":["hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","clickableNodeNames"],"mappings":";;;MAIaA,UAAU,GAAG,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAG,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAOL,YAAY,CAACJ,KAAK,CAAC,CAACF,EAAE,KAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AACjD;MAEaY,kBAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js

@@ -0,0 +1,155 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../../Icon/Icon.js';
+import { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Button } from '../../../Button/Button.js';
+import { Popover } from '../../../Popover/Popover.js';
+import { Shortcut } from '../../../Shortcut/Shortcut.js';
+import { isInternalColumn } from '../../utilities/columns.js';
+import { Table2FilterComparator } from '../../types.js';
+import { ColumnFilter } from './components/ColumnFilter.js';
+import { EmptyFilter } from './components/EmptyFilter.js';
+
+const FiltersButton = ({
+  length,
+  table
+}) => {
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort((a, b) => {
+    var _a$columnDef, _b$columnDef;
+    return (_a$columnDef = a.columnDef) === null || _a$columnDef === void 0 ? void 0 : _a$columnDef.header.localeCompare((_b$columnDef = b.columnDef) === null || _b$columnDef === void 0 ? void 0 : _b$columnDef.header);
+  });
+  const {
+    shouldDisableTableActions
+  } = table.options.meta;
+  const columnFilters = table.getState().columnFilters;
+  const filteredColumns = columnFilters.reduce((columns, columnFilter) => {
+    const column = allColumns.find(c => c.id === columnFilter.id);
+    if (column) {
+      return [...columns, column];
+    }
+    return columns;
+  }, []);
+  const [emptyFilterCount, setEmptyFilterCount] = React__default.useState(1);
+  const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);
+  const handleReset = () => {
+    table.resetColumnFilters();
+    setEmptyFilterCount(1);
+  };
+  useGlobalKeyDown({
+    key: 'f',
+    meta: true,
+    shift: true
+  }, event => {
+    var _ref$current;
+    event.preventDefault();
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.click();
+  });
+  const handleEmptyFilterChange = columnId => {
+    // create an actual filter on that column that the user selected
+    const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);
+    if (column) {
+      column.setFilterValue({
+        comparator: undefined,
+        value: undefined
+      });
+    }
+    // hide the empty filter row because we now have a real filter
+    setEmptyFilterCount(emptyFilterCount - 1);
+  };
+  const handleRemove = () => {
+    if (filteredColumns.length === 1 && emptyFilterCount === 0) {
+      setEmptyFilterCount(1);
+    }
+  };
+  const handleRemoveEmptyFilter = () => {
+    setEmptyFilterCount(emptyFilterCount - 1);
+  };
+  const handleOpenChange = () => {
+    const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;
+    setEmptyFilterCount(emptyFilterCount);
+  };
+  const filters = filteredColumns.length > 0 && filteredColumns.filter(column => {
+    var _column$columnDef$met;
+    const controlType = (_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.control;
+    const value = column.getFilterValue().value;
+    const comparator = column.getFilterValue().comparator;
+    if (Array.isArray(value)) {
+      if (value.length > 0 && value.find(item => item !== undefined)) {
+        return true;
+      }
+    } else if (value) {
+      return true;
+    } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator)) {
+      if (!controlType) {
+        return true;
+      }
+    }
+    return false;
+  });
+  const filtersApplied = filters && filters.length;
+  return /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": texts.table2.filters.tooltip,
+    appearance: filtersApplied ? 'primary' : 'default',
+    className: cn({
+      '!wcag-blue-100': filtersApplied
+    }),
+    disabled: shouldDisableTableActions,
+    popover: popoverProps => /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
+      onChange: handleOpenChange
+    }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex w-[40rem] flex-col gap-4"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex h-8"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "flex w-full items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement("h4", {
+      className: "mb-0 inline-flex"
+    }, texts.table2.filters.button), /*#__PURE__*/React__default.createElement("p", {
+      className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
+    }, texts.table2.filters.total.replace('[CURRENT]', String(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', String(length)))), columnFilters.length || emptyFilterCount > 1 ? /*#__PURE__*/React__default.createElement(Button, {
+      onClick: handleReset
+    }, texts.table2.filters.buttons.clearFilters) : null), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-col gap-2"
+    }, filteredColumns.map((column, index) => /*#__PURE__*/React__default.createElement(ColumnFilter, {
+      key: `${column.id}_${index}`,
+      allColumns: allColumns,
+      index: index,
+      column: column,
+      table: table,
+      onRemove: handleRemove
+    })), [...Array(emptyFilterCount)].map((_, index) => /*#__PURE__*/React__default.createElement(EmptyFilter, {
+      key: `emptyFilter_${index}`,
+      index: index,
+      allColumns: allColumns,
+      table: table,
+      onChange: value => handleEmptyFilterChange(value),
+      emptyFilterCount: emptyFilterCount,
+      filteredColumns: filteredColumns,
+      onRemove: handleRemoveEmptyFilter
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "justify-start"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "discrete",
+      onClick: handleAdd
+    }, "+ ", texts.table2.filters.buttons.addNewFilter)))))),
+    ref: ref,
+    tooltip: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table2.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      className: "ml-2",
+      keys: {
+        key: 'f',
+        meta: true,
+        shift: true
+      }
+    }))
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: filtersApplied ? 'filter-solid' : 'filter'
+  }), texts.table2.filters.button, " ", filtersApplied ? `(${filtersApplied})` : '');
+};
+
+export { FiltersButton };
+//# sourceMappingURL=FiltersButton.js.map

package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersButton.js","sources":["../../../../../../../../../src/components/Table2/components/filters/FiltersButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../../Button/Button';\nimport { Icon } from '../../../Icon/Icon';\nimport { Popover } from '../../../Popover/Popover';\nimport { Table2Filter, Table2FilterComparator } from '../../types';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { ColumnFilter } from './components/ColumnFilter';\nimport { EmptyFilter } from './components/EmptyFilter';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Select2Value } from '../../../Select2/types';\n\nexport type FiltersButtonProps = {\n    length: number;\n    table: RTTable<any>;\n};\n\nexport const FiltersButton = ({ length, table }: FiltersButtonProps) => {\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort((a, b) => (a.columnDef?.header as string).localeCompare(b.columnDef?.header as string));\n    const { shouldDisableTableActions } = table.options.meta as TableMeta<any>;\n\n    const columnFilters = table.getState().columnFilters;\n\n    const filteredColumns = columnFilters.reduce((columns: RTColumn<any, any>[], columnFilter) => {\n        const column = allColumns.find(c => c.id === columnFilter.id);\n\n        if (column) {\n            return [...columns, column];\n        }\n\n        return columns;\n    }, []);\n\n    const [emptyFilterCount, setEmptyFilterCount] = React.useState(1);\n\n    const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);\n\n    const handleReset = () => {\n        table.resetColumnFilters();\n        setEmptyFilterCount(1);\n    };\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleEmptyFilterChange = (columnId: Select2Value) => {\n        // create an actual filter on that column that the user selected\n        const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);\n\n        if (column) {\n            column.setFilterValue({\n                comparator: undefined,\n                value: undefined,\n            } as Table2Filter);\n        }\n\n        // hide the empty filter row because we now have a real filter\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleRemove = () => {\n        if (filteredColumns.length === 1 && emptyFilterCount === 0) {\n            setEmptyFilterCount(1);\n        }\n    };\n\n    const handleRemoveEmptyFilter = () => {\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleOpenChange = () => {\n        const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;\n        setEmptyFilterCount(emptyFilterCount);\n    };\n\n    const filters =\n        filteredColumns.length > 0 &&\n        filteredColumns.filter(column => {\n            const controlType = column.columnDef.meta?.control;\n            const value = (column.getFilterValue() as Table2Filter).value;\n            const comparator = (column.getFilterValue() as Table2Filter).comparator;\n\n            if (Array.isArray(value)) {\n                if (value.length > 0 && value.find(item => item !== undefined)) {\n                    return true;\n                }\n            } else if (value) {\n                return true;\n            } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator as number)) {\n                if (!controlType) {\n                    return true;\n                }\n            }\n            return false;\n        });\n    const filtersApplied = filters && filters.length;\n\n    return (\n        <Button\n            aria-label={texts.table2.filters.tooltip}\n            appearance={filtersApplied ? 'primary' : 'default'}\n            className={cn({\n                '!wcag-blue-100': filtersApplied,\n            })}\n            disabled={shouldDisableTableActions}\n            popover={popoverProps => (\n                <Popover {...popoverProps} onChange={handleOpenChange}>\n                    <Popover.Content>\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.table2.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table2.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(length))}\n                                    </p>\n                                </div>\n                                {columnFilters.length || emptyFilterCount > 1 ? (\n                                    <Button onClick={handleReset}>{texts.table2.filters.buttons.clearFilters}</Button>\n                                ) : null}\n                            </div>\n\n                            <div className=\"flex flex-col gap-2\">\n                                {filteredColumns.map((column, index) => (\n                                    <ColumnFilter\n                                        key={`${column.id}_${index}`}\n                                        allColumns={allColumns}\n                                        index={index}\n                                        column={column}\n                                        table={table}\n                                        onRemove={handleRemove}\n                                    />\n                                ))}\n                                {[...Array(emptyFilterCount)].map((_, index) => (\n                                    <EmptyFilter\n                                        key={`emptyFilter_${index}`}\n                                        index={index}\n                                        allColumns={allColumns}\n                                        table={table}\n                                        onChange={value => handleEmptyFilterChange(value)}\n                                        emptyFilterCount={emptyFilterCount}\n                                        filteredColumns={filteredColumns}\n                                        onRemove={handleRemoveEmptyFilter}\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleAdd}>\n                                        + {texts.table2.filters.buttons.addNewFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table2.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={filtersApplied ? 'filter-solid' : 'filter'} />\n            {texts.table2.filters.button} {filtersApplied ? `(${filtersApplied})` : ''}\n        </Button>\n    );\n};\n"],"names":["FiltersButton","length","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","a","b","columnDef","header","localeCompare","shouldDisableTableActions","options","meta","columnFilters","getState","filteredColumns","reduce","columns","columnFilter","find","c","emptyFilterCount","setEmptyFilterCount","useState","handleAdd","handleReset","resetColumnFilters","useGlobalKeyDown","key","shift","event","preventDefault","current","click","handleEmptyFilterChange","columnId","getCanFilter","setFilterValue","comparator","undefined","value","handleRemove","handleRemoveEmptyFilter","handleOpenChange","filters","controlType","control","getFilterValue","Array","isArray","item","Table2FilterComparator","IsEmpty","IsNotEmpty","includes","filtersApplied","Button","table2","tooltip","appearance","className","cn","disabled","popover","popoverProps","Popover","onChange","Content","button","total","replace","String","getFilteredRowModel","rows","onClick","buttons","clearFilters","map","index","ColumnFilter","onRemove","_","EmptyFilter","addNewFilter","Shortcut","keys","Icon","name"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Column.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import { Select2 } from '../../../../Select2/Select2.js';
+
+const Column = ({
+  allColumns,
+  column,
+  index,
+  table,
+  ...props
+}) => {
+  const handleChange = id => {
+    table.setColumnFilters(currentColumnFilters => {
+      const nextColumnFilters = [...currentColumnFilters];
+      nextColumnFilters[index].id = id;
+      nextColumnFilters[index].value = {};
+      return nextColumnFilters;
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, props, {
+    autoFocus: true,
+    onChange: handleChange,
+    value: column.id
+  }), allColumns.map(c => /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: c.id,
+    disabled: !c.getCanFilter() || c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id),
+    value: c.id
+  }, String(c.columnDef.header))));
+};
+
+export { Column };
+//# sourceMappingURL=Column.js.map

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Column.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2Filter } from '../../../types';\n\ntype ColumnProps = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n};\n\nexport const Column = ({ allColumns, column, index, table, ...props }: ColumnProps) => {\n    const handleChange = id => {\n        table.setColumnFilters(currentColumnFilters => {\n            const nextColumnFilters = [...currentColumnFilters];\n            nextColumnFilters[index].id = id;\n            (nextColumnFilters[index] as Table2Filter).value = {};\n            return nextColumnFilters;\n        });\n    };\n\n    return (\n        <Select2 {...props} autoFocus onChange={handleChange} value={column.id}>\n            {allColumns.map(c => (\n                <Select2.Option\n                    key={c.id}\n                    disabled={\n                        !c.getCanFilter() || (c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id))\n                    }\n                    value={c.id}>\n                    {String(c.columnDef.header)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n"],"names":["Column","allColumns","column","index","table","props","handleChange","id","setColumnFilters","currentColumnFilters","nextColumnFilters","value","React","Select2","autoFocus","onChange","map","c","Option","key","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header"],"mappings":";;;MAYaA,MAAM,GAAG,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;CAAoB;EAC9E,MAAMC,YAAY,GAAGC,EAAE;IACnBH,KAAK,CAACI,gBAAgB,CAACC,oBAAoB;MACvC,MAAMC,iBAAiB,GAAG,CAAC,GAAGD,oBAAoB,CAAC;MACnDC,iBAAiB,CAACP,KAAK,CAAC,CAACI,EAAE,GAAGA,EAAE;MAC/BG,iBAAiB,CAACP,KAAK,CAAkB,CAACQ,KAAK,GAAG,EAAE;MACrD,OAAOD,iBAAiB;KAC3B,CAAC;GACL;EAED,oBACIE,6BAACC,OAAO,oBAAKR,KAAK;IAAES,SAAS;IAACC,QAAQ,EAAET,YAAY;IAAEK,KAAK,EAAET,MAAM,CAACK;MAC/DN,UAAU,CAACe,GAAG,CAACC,CAAC,iBACbL,6BAACC,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACV,EAAE;IACTa,QAAQ,EACJ,CAACH,CAAC,CAACI,YAAY,EAAE,IAAKJ,CAAC,CAACV,EAAE,KAAKL,MAAM,CAACK,EAAE,IAAI,CAAC,CAACH,KAAK,CAACkB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAClB,EAAE,KAAKU,CAAC,CAACV,EAAE,CAAE;IAE1GI,KAAK,EAAEM,CAAC,CAACV;KACRmB,MAAM,CAACT,CAAC,CAACU,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/ColumnFilter.js

@@ -0,0 +1,129 @@
+import React__default from 'react';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Input } from '../../../../Input/Input.js';
+import { Datepicker } from '../../../../Datepicker/Datepicker.js';
+import { Switch } from '../../../../Switch/Switch.js';
+import { Table2FilterComparator } from '../../../types.js';
+import { Column } from './Column.js';
+import { Comparator } from './Comparator.js';
+import { InferredControl } from './InferredControl.js';
+
+const ColumnFilter = props => {
+  var _column$columnDef$hea, _column$columnDef$met;
+  const {
+    allColumns,
+    column,
+    index,
+    table,
+    onRemove
+  } = props;
+  const {
+    comparator,
+    value
+  } = column.getFilterValue();
+  const ariaLabel = String((_column$columnDef$hea = column.columnDef.header) !== null && _column$columnDef$hea !== void 0 ? _column$columnDef$hea : '');
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  let control;
+  const controlType = (_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.control;
+  if (typeof controlType === 'function') {
+    control = controlType({
+      onBlur: () => Promise.resolve(),
+      onFocus: () => Promise.resolve(),
+      ref,
+      setValue: value => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value
+      })),
+      value,
+      disabled: false,
+      readOnly: false
+    });
+  } else if (controlType === 'input') {
+    control = /*#__PURE__*/React__default.createElement(Input, {
+      "aria-label": ariaLabel,
+      onChange: event => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value: event.target.value
+      })),
+      value: String(value !== null && value !== void 0 ? value : '')
+    });
+  } else if (controlType === 'datepicker') {
+    control = /*#__PURE__*/React__default.createElement(Datepicker, {
+      "aria-label": ariaLabel,
+      onChange: event => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value: event.detail
+      })),
+      value: value
+    });
+  } else if (controlType === 'switch') {
+    control = /*#__PURE__*/React__default.createElement(Switch, {
+      "aria-label": ariaLabel,
+      checked: Boolean(value),
+      onChange: checked => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value: checked
+      }))
+    });
+  }
+  const handleRemove = () => {
+    column.setFilterValue(undefined);
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove();
+  };
+  const comparators = guessComparatorsBasedOnControl(control, controlType);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right"
+  }, index === 0 ? texts.table2.filters.conditions.where : texts.table2.filters.conditions.and), /*#__PURE__*/React__default.createElement(Column, {
+    className: "!w-32 flex-shrink-0",
+    allColumns: allColumns,
+    column: column,
+    index: index,
+    table: table
+  }), /*#__PURE__*/React__default.createElement(Comparator, {
+    className: "!w-32 flex-shrink-0",
+    column: column,
+    comparator: comparator,
+    validComparators: comparators
+  }), comparator !== undefined ? /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-grow items-center"
+  }, /*#__PURE__*/React__default.createElement(InferredControl, {
+    column: column,
+    comparator: comparator,
+    value: value
+  })) : null, /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    icon: "close",
+    onClick: handleRemove
+  }));
+};
+const guessComparatorsBasedOnControl = (instance, control) => {
+  if ( /*#__PURE__*/React__default.isValidElement(instance)) {
+    const {
+      props,
+      type
+    } = instance;
+    if (type.displayName === 'Select2') {
+      if (props.multiple) {
+        return [Table2FilterComparator.IsOneOf, Table2FilterComparator.IsNoneOf, Table2FilterComparator.IsAllOf];
+      }
+      return [Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo];
+    }
+  }
+  switch (control) {
+    case 'datepicker':
+      return [Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo, Table2FilterComparator.IsGreaterThan, Table2FilterComparator.IsLessThan, Table2FilterComparator.IsBetween];
+    case 'switch':
+      return [Table2FilterComparator.IsEqualTo];
+    default:
+      return [Table2FilterComparator.Contains, Table2FilterComparator.DoesNotContain, Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo, Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty, Table2FilterComparator.IsGreaterThan, Table2FilterComparator.IsLessThan, Table2FilterComparator.IsBetween];
+  }
+};
+
+export { ColumnFilter };
+//# sourceMappingURL=ColumnFilter.js.map

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/ColumnFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnFilter.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/ColumnFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Input } from '../../../../Input/Input';\nimport { Table2ColumnControlRenderer, Table2Filter, Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Column } from './Column';\nimport { Comparator } from './Comparator';\nimport { InferredControl } from './InferredControl';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type ColumnFilterProps = {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n    onRemove?: () => void;\n};\n\nexport const ColumnFilter = (props: ColumnFilterProps) => {\n    const { allColumns, column, index, table, onRemove } = props;\n    const { comparator, value } = column.getFilterValue() as Table2Filter;\n    const ariaLabel = String(column.columnDef.header ?? '');\n    const { texts } = useLocalization();\n    const ref = React.useRef(null);\n\n    let control;\n    const controlType = column.columnDef.meta?.control;\n\n    if (typeof controlType === 'function') {\n        control = controlType({\n            onBlur: () => Promise.resolve(),\n            onFocus: () => Promise.resolve(),\n            ref,\n            setValue: value => column.setFilterValue(currentValue => ({ ...currentValue, value })),\n            value,\n            disabled: false,\n            readOnly: false,\n        });\n    } else if (controlType === 'input') {\n        control = (\n            <Input\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: event.target.value }))}\n                value={String(value ?? '')}\n            />\n        );\n    } else if (controlType === 'datepicker') {\n        control = (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: (event as any).detail }))}\n                value={value as Date}\n            />\n        );\n    } else if (controlType === 'switch') {\n        control = (\n            <Switch\n                aria-label={ariaLabel}\n                checked={Boolean(value)}\n                onChange={checked => column.setFilterValue(currentValue => ({ ...currentValue, value: checked }))}\n            />\n        );\n    }\n\n    const handleRemove = () => {\n        column.setFilterValue(undefined);\n        onRemove?.();\n    };\n    const comparators = guessComparatorsBasedOnControl(control, controlType);\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {index === 0 ? texts.table2.filters.conditions.where : texts.table2.filters.conditions.and}\n            </div>\n            <Column className=\"!w-32 flex-shrink-0\" allColumns={allColumns} column={column} index={index} table={table} />\n            <Comparator className=\"!w-32 flex-shrink-0\" column={column} comparator={comparator} validComparators={comparators} />\n            {comparator !== undefined ? (\n                <div className=\"flex flex-grow items-center\">\n                    <InferredControl column={column} comparator={comparator} value={value} />\n                </div>\n            ) : null}\n            <IconButton appearance=\"discrete\" icon=\"close\" onClick={handleRemove} />\n        </div>\n    );\n};\n\nconst guessComparatorsBasedOnControl = (instance: JSX.Element, control?: Table2ColumnControlRenderer) => {\n    if (React.isValidElement(instance)) {\n        const { props, type } = instance as any;\n\n        if (type.displayName === 'Select2') {\n            if (props.multiple) {\n                return [Table2FilterComparator.IsOneOf, Table2FilterComparator.IsNoneOf, Table2FilterComparator.IsAllOf];\n            }\n\n            return [Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo];\n        }\n    }\n\n    switch (control) {\n        case 'datepicker':\n            return [\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n\n        case 'switch':\n            return [Table2FilterComparator.IsEqualTo];\n\n        default:\n            return [\n                Table2FilterComparator.Contains,\n                Table2FilterComparator.DoesNotContain,\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsEmpty,\n                Table2FilterComparator.IsNotEmpty,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n    }\n};\n"],"names":["ColumnFilter","props","allColumns","column","index","table","onRemove","comparator","value","getFilterValue","ariaLabel","String","columnDef","header","texts","useLocalization","ref","React","useRef","control","controlType","meta","onBlur","Promise","resolve","onFocus","setValue","setFilterValue","currentValue","disabled","readOnly","Input","onChange","event","target","Datepicker","detail","Switch","checked","Boolean","handleRemove","undefined","comparators","guessComparatorsBasedOnControl","className","table2","filters","conditions","where","and","Column","Comparator","validComparators","InferredControl","IconButton","appearance","icon","onClick","instance","isValidElement","type","displayName","multiple","Table2FilterComparator","IsOneOf","IsNoneOf","IsAllOf","IsEqualTo","IsNotEqualTo","IsGreaterThan","IsLessThan","IsBetween","Contains","DoesNotContain","IsEmpty","IsNotEmpty"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Comparator.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Select2 } from '../../../../Select2/Select2.js';
+import { Table2FilterComparator } from '../../../types.js';
+
+const Comparator = ({
+  column,
+  comparator,
+  validComparators,
+  ...props
+}) => {
+  const {
+    texts
+  } = useLocalization();
+  const handleChange = comparator => {
+    column.setFilterValue(currentFilterValue => ({
+      comparator,
+      value: comparator === Table2FilterComparator.IsBetween ? [] : currentFilterValue.value
+    }));
+  };
+  React__default.useEffect(() => {
+    if (comparator === undefined) {
+      const initialComparator = validComparators[0];
+      column.setFilterValue(currentFilterValue => ({
+        comparator: initialComparator,
+        value: initialComparator === Table2FilterComparator.IsBetween && !Array.isArray(currentFilterValue.value) ? [] : currentFilterValue.value
+      }));
+    }
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, props, {
+    onChange: handleChange,
+    value: comparator
+  }), validComparators.map(comp => /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: comp,
+    value: comp
+  }, getComparatorText(comp, texts))));
+};
+const getComparatorText = (comparator, texts) => {
+  switch (comparator) {
+    case Table2FilterComparator.Contains:
+      return texts.table2.filters.comparators.contains;
+    case Table2FilterComparator.DoesNotContain:
+      return texts.table2.filters.comparators.doesNotContain;
+    case Table2FilterComparator.IsEqualTo:
+      return texts.table2.filters.comparators.isEqualTo;
+    case Table2FilterComparator.IsNotEqualTo:
+      return texts.table2.filters.comparators.isNotEqualTo;
+    case Table2FilterComparator.IsGreaterThan:
+      return texts.table2.filters.comparators.isGreaterThan;
+    case Table2FilterComparator.IsLessThan:
+      return texts.table2.filters.comparators.isLessThan;
+    case Table2FilterComparator.IsBetween:
+      return texts.table2.filters.comparators.isBetween;
+    case Table2FilterComparator.IsOneOf:
+      return texts.table2.filters.comparators.isOneOf;
+    case Table2FilterComparator.IsNoneOf:
+      return texts.table2.filters.comparators.isNoneOf;
+    case Table2FilterComparator.IsAllOf:
+      return texts.table2.filters.comparators.isAllOf;
+    case Table2FilterComparator.IsEmpty:
+      return texts.table2.filters.comparators.isEmpty;
+    case Table2FilterComparator.IsNotEmpty:
+      return texts.table2.filters.comparators.isNotEmpty;
+  }
+};
+
+export { Comparator };
+//# sourceMappingURL=Comparator.js.map

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Comparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comparator.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Comparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2FilterComparator } from '../../../types';\nimport { LocalizationTexts, useLocalization } from '../../../../Provider/Localization';\n\ntype ComparatorProps = Omit<Select2Props, 'children'> & {\n    column: RTColumn<any, any>;\n    comparator?: Table2FilterComparator;\n    validComparators: Table2FilterComparator[];\n};\n\nexport const Comparator = ({ column, comparator, validComparators, ...props }: ComparatorProps) => {\n    const { texts } = useLocalization();\n    const handleChange = comparator => {\n        column.setFilterValue(currentFilterValue => ({\n            comparator,\n            value: comparator === Table2FilterComparator.IsBetween ? [] : currentFilterValue.value,\n        }));\n    };\n\n    React.useEffect(() => {\n        if (comparator === undefined) {\n            const initialComparator = validComparators[0];\n            column.setFilterValue(currentFilterValue => ({\n                comparator: initialComparator,\n                value:\n                    initialComparator === Table2FilterComparator.IsBetween && !Array.isArray(currentFilterValue.value)\n                        ? []\n                        : currentFilterValue.value,\n            }));\n        }\n    }, []);\n\n    return (\n        <Select2 {...props} onChange={handleChange} value={comparator}>\n            {validComparators.map(comp => (\n                <Select2.Option key={comp} value={comp}>\n                    {getComparatorText(comp, texts)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n\nconst getComparatorText = (comparator: Table2FilterComparator, texts: LocalizationTexts) => {\n    switch (comparator) {\n        case Table2FilterComparator.Contains:\n            return texts.table2.filters.comparators.contains;\n        case Table2FilterComparator.DoesNotContain:\n            return texts.table2.filters.comparators.doesNotContain;\n        case Table2FilterComparator.IsEqualTo:\n            return texts.table2.filters.comparators.isEqualTo;\n        case Table2FilterComparator.IsNotEqualTo:\n            return texts.table2.filters.comparators.isNotEqualTo;\n        case Table2FilterComparator.IsGreaterThan:\n            return texts.table2.filters.comparators.isGreaterThan;\n        case Table2FilterComparator.IsLessThan:\n            return texts.table2.filters.comparators.isLessThan;\n        case Table2FilterComparator.IsBetween:\n            return texts.table2.filters.comparators.isBetween;\n        case Table2FilterComparator.IsOneOf:\n            return texts.table2.filters.comparators.isOneOf;\n        case Table2FilterComparator.IsNoneOf:\n            return texts.table2.filters.comparators.isNoneOf;\n        case Table2FilterComparator.IsAllOf:\n            return texts.table2.filters.comparators.isAllOf;\n        case Table2FilterComparator.IsEmpty:\n            return texts.table2.filters.comparators.isEmpty;\n        case Table2FilterComparator.IsNotEmpty:\n            return texts.table2.filters.comparators.isNotEmpty;\n    }\n};\n"],"names":["Comparator","column","comparator","validComparators","props","texts","useLocalization","handleChange","setFilterValue","currentFilterValue","value","Table2FilterComparator","IsBetween","React","useEffect","undefined","initialComparator","Array","isArray","Select2","onChange","map","comp","Option","key","getComparatorText","Contains","table2","filters","comparators","contains","DoesNotContain","doesNotContain","IsEqualTo","isEqualTo","IsNotEqualTo","isNotEqualTo","IsGreaterThan","isGreaterThan","IsLessThan","isLessThan","isBetween","IsOneOf","isOneOf","IsNoneOf","isNoneOf","IsAllOf","isAllOf","IsEmpty","isEmpty","IsNotEmpty","isNotEmpty"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/EmptyFilter.js

@@ -0,0 +1,63 @@
+import React__default from 'react';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Input } from '../../../../Input/Input.js';
+import { Select2 } from '../../../../Select2/Select2.js';
+
+const EmptyFilter = props => {
+  const {
+    texts
+  } = useLocalization();
+  const {
+    onChange,
+    onRemove,
+    allColumns,
+    table,
+    index,
+    filteredColumns,
+    emptyFilterCount
+  } = props;
+  const handleChange = value => {
+    if (value) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right"
+  }, filteredColumns.length > 0 || filteredColumns.length === 0 && index > 0 ? texts.table2.filters.conditions.and : texts.table2.filters.conditions.where), /*#__PURE__*/React__default.createElement(Select2, {
+    className: "!w-32 flex-shrink-0",
+    emptyValue: null,
+    autoFocus: true,
+    onChange: handleChange,
+    value: null
+  }, allColumns.map(c => /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: c.id,
+    value: c.id,
+    disabled: !c.getCanFilter() || !!table.getState().columnFilters.find(f => f.id === c.id)
+  }, String(c.columnDef.header)))), /*#__PURE__*/React__default.createElement(Select2, {
+    className: "!w-32 flex-shrink-0",
+    value: 1,
+    autoFocus: true,
+    disabled: true
+  }, /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: 'condition1',
+    value: 1
+  }, texts.table2.filters.emptyFilter.condition), /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: 'condition2',
+    value: 2
+  }, "Condition2")), /*#__PURE__*/React__default.createElement(Input, {
+    "aria-label": 'Value',
+    className: "flex-grow items-center",
+    disabled: true,
+    value: texts.table2.filters.emptyFilter.value
+  }), (emptyFilterCount > 1 || filteredColumns.length > 0) && /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    icon: "close",
+    onClick: onRemove
+  }));
+};
+
+export { EmptyFilter };
+//# sourceMappingURL=EmptyFilter.js.map

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/EmptyFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyFilter.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/EmptyFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Input } from '../../../../Input/Input';\nimport { Select2, Select2Value } from '../../../../Select2/Select2';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type EmptyFilterProps = {\n    allColumns: RTColumn<any, any>[];\n    table: RTTable<any>;\n    onChange?: (value: Select2Value) => void;\n    onRemove?: () => void;\n    filteredColumns: RTColumn<any, any>[];\n    emptyFilterCount: Number;\n    index: Number;\n};\n\nexport const EmptyFilter = (props: EmptyFilterProps) => {\n    const { texts } = useLocalization();\n    const { onChange, onRemove, allColumns, table, index, filteredColumns, emptyFilterCount } = props;\n\n    const handleChange = (value: Select2Value) => {\n        if (value) {\n            onChange?.(value);\n        }\n    };\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {filteredColumns.length > 0 || (filteredColumns.length === 0 && index > 0)\n                    ? texts.table2.filters.conditions.and\n                    : texts.table2.filters.conditions.where}\n            </div>\n            <Select2 className=\"!w-32 flex-shrink-0\" emptyValue={null} autoFocus onChange={handleChange} value={null}>\n                {allColumns.map(c => (\n                    <Select2.Option\n                        key={c.id}\n                        value={c.id}\n                        disabled={!c.getCanFilter() || !!table.getState().columnFilters.find(f => f.id === c.id)}>\n                        {String(c.columnDef.header)}\n                    </Select2.Option>\n                ))}\n            </Select2>\n            <Select2 className=\"!w-32 flex-shrink-0\" value={1} autoFocus disabled>\n                <Select2.Option key={'condition1'} value={1}>\n                    {texts.table2.filters.emptyFilter.condition}\n                </Select2.Option>\n                <Select2.Option key={'condition2'} value={2}>\n                    Condition2\n                </Select2.Option>\n            </Select2>\n            <Input\n                aria-label={'Value'}\n                className=\"flex-grow items-center\"\n                disabled\n                value={texts.table2.filters.emptyFilter.value}\n            />\n            {(emptyFilterCount > 1 || filteredColumns.length > 0) && (\n                <IconButton appearance=\"discrete\" icon=\"close\" onClick={onRemove} />\n            )}\n        </div>\n    );\n};\n"],"names":["EmptyFilter","props","texts","useLocalization","onChange","onRemove","allColumns","table","index","filteredColumns","emptyFilterCount","handleChange","value","React","className","length","table2","filters","conditions","and","where","Select2","emptyValue","autoFocus","map","c","Option","key","id","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header","emptyFilter","condition","Input","IconButton","appearance","icon","onClick"],"mappings":";;;;;;MAiBaA,WAAW,GAAIC,KAAuB;EAC/C,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,KAAK;IAAEC,KAAK;IAAEC,eAAe;IAAEC;GAAkB,GAAGT,KAAK;EAEjG,MAAMU,YAAY,GAAIC,KAAmB;IACrC,IAAIA,KAAK,EAAE;MACPR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGQ,KAAK,CAAC;;GAExB;EAED,oBACIC;IAAKC,SAAS,EAAC;kBACXD;IAAKC,SAAS,EAAC;KACVL,eAAe,CAACM,MAAM,GAAG,CAAC,IAAKN,eAAe,CAACM,MAAM,KAAK,CAAC,IAAIP,KAAK,GAAG,CAAE,GACpEN,KAAK,CAACc,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,GAAG,GACnCjB,KAAK,CAACc,MAAM,CAACC,OAAO,CAACC,UAAU,CAACE,KAAK,CACzC,eACNP,6BAACQ,OAAO;IAACP,SAAS,EAAC,qBAAqB;IAACQ,UAAU,EAAE,IAAI;IAAEC,SAAS;IAACnB,QAAQ,EAAEO,YAAY;IAAEC,KAAK,EAAE;KAC/FN,UAAU,CAACkB,GAAG,CAACC,CAAC,iBACbZ,6BAACQ,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACG,EAAE;IACThB,KAAK,EAAEa,CAAC,CAACG,EAAE;IACXC,QAAQ,EAAE,CAACJ,CAAC,CAACK,YAAY,EAAE,IAAI,CAAC,CAACvB,KAAK,CAACwB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACN,EAAE,KAAKH,CAAC,CAACG,EAAE;KACtFO,MAAM,CAACV,CAAC,CAACW,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI,eACVxB,6BAACQ,OAAO;IAACP,SAAS,EAAC,qBAAqB;IAACF,KAAK,EAAE,CAAC;IAAEW,SAAS;IAACM,QAAQ;kBACjEhB,6BAACQ,OAAO,CAACK,MAAM;IAACC,GAAG,EAAE,YAAY;IAAEf,KAAK,EAAE;KACrCV,KAAK,CAACc,MAAM,CAACC,OAAO,CAACqB,WAAW,CAACC,SAAS,CAC9B,eACjB1B,6BAACQ,OAAO,CAACK,MAAM;IAACC,GAAG,EAAE,YAAY;IAAEf,KAAK,EAAE;kBAEzB,CACX,eACVC,6BAAC2B,KAAK;kBACU,OAAO;IACnB1B,SAAS,EAAC,wBAAwB;IAClCe,QAAQ;IACRjB,KAAK,EAAEV,KAAK,CAACc,MAAM,CAACC,OAAO,CAACqB,WAAW,CAAC1B;IAC1C,EACD,CAACF,gBAAgB,GAAG,CAAC,IAAID,eAAe,CAACM,MAAM,GAAG,CAAC,kBAChDF,6BAAC4B,UAAU;IAACC,UAAU,EAAC,UAAU;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEvC;IAC3D,CACC;AAEd;;;;"}