@economic/taco 1.41.0 → 2.0.0-alpha.173

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/EditButton.js

@@ -0,0 +1,45 @@
+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 { Shortcut } from '../../../Shortcut/Shortcut.js';
+
+function EditButton(props) {
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = props.table.options.meta;
+  const className = cn({
+    '!wcag-blue-100': tableMeta.editing.isEditing
+  });
+  const handleClick = () => tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);
+  useGlobalKeyDown({
+    key: 'e',
+    meta: true,
+    shift: false
+  }, event => {
+    event.preventDefault();
+    tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);
+  });
+  return /*#__PURE__*/React__default.createElement(Button, {
+    "aria-pressed": tableMeta.editing.isEditing,
+    className: className,
+    onClick: handleClick,
+    tooltip: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      className: "ml-2",
+      keys: {
+        key: 'e',
+        meta: true,
+        shift: false
+      }
+    }))
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    "aria-hidden": true,
+    name: "edit"
+  }), texts.table3.editing.buttons.edit.text);
+}
+
+export { EditButton };
+//# sourceMappingURL=EditButton.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/EditButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditButton.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/EditButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport cn from 'classnames';\nimport { Icon } from '../../../Icon/Icon';\nimport { Button } from '../../../Button/Button';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\n\ntype EditButtonProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    table: RTable<TType>;\n};\n\nexport function EditButton<TType = unknown>(props: EditButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n    const className = cn({\n        '!wcag-blue-100': tableMeta.editing.isEditing,\n    });\n    const handleClick = () => tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);\n\n    useGlobalKeyDown({ key: 'e', meta: true, shift: false }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);\n    });\n\n    return (\n        <Button\n            aria-pressed={tableMeta.editing.isEditing}\n            className={className}\n            onClick={handleClick}\n            tooltip={\n                <>\n                    {texts.table3.editing.buttons.edit.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'e', meta: true, shift: false }} />\n                </>\n            }>\n            <Icon aria-hidden name=\"edit\" />\n            {texts.table3.editing.buttons.edit.text}\n        </Button>\n    );\n}\n"],"names":["EditButton","props","texts","useLocalization","tableMeta","table","options","meta","className","cn","editing","isEditing","handleClick","toggleEditing","useGlobalKeyDown","key","shift","event","preventDefault","React","Button","onClick","tooltip","table3","buttons","edit","Shortcut","keys","Icon","name","text"],"mappings":";;;;;;;;SAagBA,UAAU,CAAkBC,KAA6B;EACrE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACC,OAAO,CAACC,IAAwB;EAC9D,MAAMC,SAAS,GAAGC,EAAE,CAAC;IACjB,gBAAgB,EAAEL,SAAS,CAACM,OAAO,CAACC;GACvC,CAAC;EACF,MAAMC,WAAW,GAAG,MAAMR,SAAS,CAACM,OAAO,CAACG,aAAa,CAAC,CAACT,SAAS,CAACM,OAAO,CAACC,SAAS,CAAC;EAEvFG,gBAAgB,CAAC;IAAEC,GAAG,EAAE,GAAG;IAAER,IAAI,EAAE,IAAI;IAAES,KAAK,EAAE;GAAO,EAAGC,KAAoB;IAC1EA,KAAK,CAACC,cAAc,EAAE;IACtBd,SAAS,CAACM,OAAO,CAACG,aAAa,CAAC,CAACT,SAAS,CAACM,OAAO,CAACC,SAAS,CAAC;GAChE,CAAC;EAEF,oBACIQ,6BAACC,MAAM;oBACWhB,SAAS,CAACM,OAAO,CAACC,SAAS;IACzCH,SAAS,EAAEA,SAAS;IACpBa,OAAO,EAAET,WAAW;IACpBU,OAAO,eACHH,4DACKjB,KAAK,CAACqB,MAAM,CAACb,OAAO,CAACc,OAAO,CAACC,IAAI,CAACH,OAAO,eAC1CH,6BAACO,QAAQ;MAAClB,SAAS,EAAC,MAAM;MAACmB,IAAI,EAAE;QAAEZ,GAAG,EAAE,GAAG;QAAER,IAAI,EAAE,IAAI;QAAES,KAAK,EAAE;;MAAW;kBAGnFG,6BAACS,IAAI;;IAAaC,IAAI,EAAC;IAAS,EAC/B3B,KAAK,CAACqB,MAAM,CAACb,OAAO,CAACc,OAAO,CAACC,IAAI,CAACK,IAAI,CAClC;AAEjB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/Filters.js

@@ -0,0 +1,148 @@
+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 { Group } from '../../../../../Group/Group.js';
+import { Shortcut } from '../../../../../Shortcut/Shortcut.js';
+import { isInternalColumn } from '../../../../util/columns.js';
+import { Table3FilterComparator } from '../../../../types.js';
+import { Filter } from './components/Filter.js';
+import { Placeholder } from './components/Placeholder.js';
+
+function sortByHeader(a, b) {
+  var _a$columnDef$meta, _a$columnDef$meta$hea, _a$columnDef$meta$hea2, _b$columnDef$meta;
+  return (_a$columnDef$meta = a.columnDef.meta) === null || _a$columnDef$meta === void 0 ? void 0 : (_a$columnDef$meta$hea = _a$columnDef$meta.header) === null || _a$columnDef$meta$hea === void 0 ? void 0 : (_a$columnDef$meta$hea2 = _a$columnDef$meta$hea.localeCompare) === null || _a$columnDef$meta$hea2 === void 0 ? void 0 : _a$columnDef$meta$hea2.call(_a$columnDef$meta$hea, (_b$columnDef$meta = b.columnDef.meta) === null || _b$columnDef$meta === void 0 ? void 0 : _b$columnDef$meta.header);
+}
+function Filters(props) {
+  const {
+    total,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const ref = React__default.useRef(null);
+  const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
+  const appliedFilters = table.getState().columnFilters;
+  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();
+  });
+  // state, since we "apply" filters
+  const [filters, setFilters] = React__default.useState(table.getState().columnFilters);
+  const [placeholderCount, setPlaceholderCount] = React__default.useState(1);
+  // filters
+  const handleChangeFilter = (currentId, filter) => {
+    setFilters(currentFilters => {
+      const nextFilters = [...currentFilters];
+      const index = nextFilters.findIndex(f => f.id === currentId);
+      nextFilters[index] = filter;
+      return nextFilters;
+    });
+  };
+  const handleRemoveFilter = columnId => {
+    if (filters.length === 1 && placeholderCount === 0) {
+      setPlaceholderCount(count => count + 1);
+    }
+    setFilters(currentFilters => currentFilters.filter(f => f.id !== columnId));
+  };
+  // placeholders
+  const handleCreateFilterFromPlaceholder = columnId => {
+    setFilters(currentFilters => [...currentFilters, {
+      id: columnId,
+      value: {
+        comparator: Table3FilterComparator.Contains,
+        value: undefined
+      }
+    }]);
+    handleRemovePlaceholder();
+  };
+  const handleCreatePlaceholder = () => {
+    setPlaceholderCount(count => count + 1);
+  };
+  const handleRemovePlaceholder = () => {
+    setPlaceholderCount(count => count - 1);
+  };
+  //
+  const handleApply = () => {
+    table.setColumnFilters(filters.filter(f => {
+      if (f.value.comparator === Table3FilterComparator.IsEmpty || f.value.comparator === Table3FilterComparator.IsNotEmpty) {
+        return true;
+      }
+      return !!f.value.value;
+    }));
+  };
+  const handleClear = () => {
+    table.resetColumnFilters();
+    setFilters([]);
+    setPlaceholderCount(1);
+  };
+  return /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": texts.table3.filters.tooltip,
+    className: cn({
+      '!wcag-blue-100': appliedFilters.length
+    }),
+    popover: popoverProps => /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps), /*#__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.table3.filters.button), /*#__PURE__*/React__default.createElement("p", {
+      className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
+    }, texts.table3.filters.total.replace('[CURRENT]', String(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', String(total))))), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-col gap-2"
+    }, filters.map((filter, index) => /*#__PURE__*/React__default.createElement(Filter, {
+      key: `filter_${index}`,
+      allColumns: allColumns,
+      filter: filter,
+      filters: filters,
+      position: index,
+      onChange: handleChangeFilter,
+      onRemove: handleRemoveFilter
+    })), [...Array(placeholderCount)].map((_, index) => /*#__PURE__*/React__default.createElement(Placeholder, {
+      key: `placeholder_${index}`,
+      allColumns: allColumns,
+      filters: filters,
+      position: filters.length + index,
+      onCreate: handleCreateFilterFromPlaceholder,
+      onRemove: placeholderCount > 1 || filters.length > 0 ? handleRemovePlaceholder : undefined
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "justify-start"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "discrete",
+      onClick: handleCreatePlaceholder
+    }, "+ ", texts.table3.filters.buttons.addFilter))), /*#__PURE__*/React__default.createElement(Group, {
+      className: "ml-auto"
+    }, /*#__PURE__*/React__default.createElement(Popover.Close, null, /*#__PURE__*/React__default.createElement(Button, null, "Cancel")), /*#__PURE__*/React__default.createElement(Button, {
+      onClick: handleClear
+    }, "Clear"), /*#__PURE__*/React__default.createElement(Button, {
+      appearance: "primary",
+      onClick: handleApply
+    }, "Apply"))))),
+    ref: ref,
+    tooltip: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      className: "ml-2",
+      keys: {
+        key: 'f',
+        meta: true,
+        shift: true
+      }
+    }))
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: appliedFilters.length ? 'filter-solid' : 'filter'
+  }), texts.table3.filters.button, " ", appliedFilters.length ? `(${appliedFilters.length})` : '');
+}
+
+export { Filters };
+//# sourceMappingURL=Filters.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTable, Column as RTColumn } from '@tanstack/react-table';\nimport { Button } from '../../../../../Button/Button';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { Table3FilterValue, Table3FilterComparator, Table3Filter } from '../../../../types';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { isInternalColumn } from '../../../../util/columns';\nimport { Placeholder } from './components/Placeholder';\nimport { Filter } from './components/Filter';\nimport { Group } from '../../../../../Group/Group';\n\nfunction sortByHeader<TType = unknown>(a: RTColumn<TType>, b: RTColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport type FiltersProps<TType = unknown> = {\n    total: number;\n    table: RTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { total, table } = props;\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(sortByHeader);\n    const appliedFilters = table.getState().columnFilters;\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    // state, since we \"apply\" filters\n    const [filters, setFilters] = React.useState<Table3Filter[]>(table.getState().columnFilters as Table3Filter[]);\n    const [placeholderCount, setPlaceholderCount] = React.useState(1);\n\n    // filters\n    const handleChangeFilter = (currentId: string, filter: { id: string; value: Table3FilterValue }) => {\n        setFilters(currentFilters => {\n            const nextFilters = [...currentFilters];\n            const index = nextFilters.findIndex(f => f.id === currentId);\n            nextFilters[index] = filter;\n            return nextFilters;\n        });\n    };\n\n    const handleRemoveFilter = (columnId: string) => {\n        if (filters.length === 1 && placeholderCount === 0) {\n            setPlaceholderCount(count => count + 1);\n        }\n\n        setFilters(currentFilters => currentFilters.filter(f => f.id !== columnId));\n    };\n\n    // placeholders\n    const handleCreateFilterFromPlaceholder = (columnId: string) => {\n        setFilters(currentFilters => [\n            ...currentFilters,\n            {\n                id: columnId,\n                value: {\n                    comparator: Table3FilterComparator.Contains,\n                    value: undefined,\n                },\n            },\n        ]);\n        handleRemovePlaceholder();\n    };\n\n    const handleCreatePlaceholder = () => {\n        setPlaceholderCount(count => count + 1);\n    };\n\n    const handleRemovePlaceholder = () => {\n        setPlaceholderCount(count => count - 1);\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(\n            filters.filter(f => {\n                if (\n                    f.value.comparator === Table3FilterComparator.IsEmpty ||\n                    f.value.comparator === Table3FilterComparator.IsNotEmpty\n                ) {\n                    return true;\n                }\n\n                return !!f.value.value;\n            })\n        );\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([]);\n        setPlaceholderCount(1);\n    };\n\n    return (\n        <Button\n            aria-label={texts.table3.filters.tooltip}\n            className={cn({\n                '!wcag-blue-100': appliedFilters.length,\n            })}\n            popover={popoverProps => (\n                <Popover {...popoverProps}>\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.table3.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table3.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(total))}\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 as RTColumn<unknown, unknown>[]}\n                                        filter={filter}\n                                        filters={filters}\n                                        position={index}\n                                        onChange={handleChangeFilter}\n                                        onRemove={handleRemoveFilter}\n                                    />\n                                ))}\n                                {[...Array(placeholderCount)].map((_, index) => (\n                                    <Placeholder\n                                        key={`placeholder_${index}`}\n                                        allColumns={allColumns as RTColumn<unknown, unknown>[]}\n                                        filters={filters}\n                                        position={filters.length + index}\n                                        onCreate={handleCreateFilterFromPlaceholder as any}\n                                        onRemove={\n                                            placeholderCount > 1 || filters.length > 0 ? handleRemovePlaceholder : undefined\n                                        }\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleCreatePlaceholder}>\n                                        + {texts.table3.filters.buttons.addFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                            <Group className=\"ml-auto\">\n                                <Popover.Close>\n                                    <Button>Cancel</Button>\n                                </Popover.Close>\n                                <Button onClick={handleClear}>Clear</Button>\n                                <Button appearance=\"primary\" onClick={handleApply}>\n                                    Apply\n                                </Button>\n                            </Group>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table3.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {texts.table3.filters.button} {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["sortByHeader","a","b","columnDef","meta","header","localeCompare","Filters","props","total","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","appliedFilters","getState","columnFilters","useGlobalKeyDown","key","shift","event","preventDefault","current","click","filters","setFilters","useState","placeholderCount","setPlaceholderCount","handleChangeFilter","currentId","currentFilters","nextFilters","index","findIndex","f","handleRemoveFilter","columnId","length","count","handleCreateFilterFromPlaceholder","value","comparator","Table3FilterComparator","Contains","undefined","handleRemovePlaceholder","handleCreatePlaceholder","handleApply","setColumnFilters","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","Button","table3","tooltip","className","cn","popover","popoverProps","Popover","Content","button","replace","String","getFilteredRowModel","rows","map","Filter","position","onChange","onRemove","Array","_","Placeholder","onCreate","appearance","onClick","buttons","addFilter","Group","Close","Shortcut","keys","Icon","name"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/Filter.js

@@ -0,0 +1,107 @@
+import React__default from 'react';
+import { IconButton } from '../../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { Table3FilterComparator } from '../../../../../types.js';
+import { FilterColumn } from './FilterColumn.js';
+import { FilterComparator } from './FilterComparator.js';
+import { FilterValue } from './FilterValue.js';
+
+function Filter(props) {
+  const {
+    allColumns,
+    filter,
+    filters,
+    onChange: handleChange,
+    onRemove,
+    position
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const column = allColumns.find(c => c.id === filter.id);
+  const {
+    id,
+    value: {
+      comparator,
+      value
+    }
+  } = filter;
+  const handleChangeColumn = columnId => {
+    handleChange(id, {
+      id: columnId,
+      value: filter.value
+    });
+  };
+  const handleChangeComparator = comparator => {
+    let nextValue = filter.value.value;
+    if (comparator === Table3FilterComparator.IsEmpty || comparator === Table3FilterComparator.IsNotEmpty) {
+      nextValue = undefined;
+    }
+    handleChange(id, {
+      id,
+      value: {
+        comparator,
+        value: nextValue
+      }
+    });
+  };
+  const handleChangeValue = value => {
+    handleChange(id, {
+      id,
+      value: {
+        ...filter.value,
+        value
+      }
+    });
+  };
+  const handleRemove = () => onRemove(id);
+  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"
+  }, position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where), /*#__PURE__*/React__default.createElement(FilterColumn, {
+    allColumns: allColumns,
+    filters: filters,
+    onChange: handleChangeColumn,
+    value: id
+  }), /*#__PURE__*/React__default.createElement(FilterComparator, {
+    onChange: handleChangeComparator,
+    validComparators: guessComparatorsBasedOnControl(),
+    value: comparator
+  }), /*#__PURE__*/React__default.createElement(FilterValue, {
+    column: column,
+    comparator: comparator,
+    onChange: handleChangeValue,
+    value: value
+  }), /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    className: "ml-auto",
+    icon: "close",
+    onClick: handleRemove
+  }));
+}
+function guessComparatorsBasedOnControl(instance, control) {
+  if ( /*#__PURE__*/React__default.isValidElement(instance)) {
+    const {
+      props,
+      type
+    } = instance;
+    if (type.displayName === 'Select2') {
+      if (props.multiple) {
+        return [Table3FilterComparator.IsOneOf, Table3FilterComparator.IsNoneOf, Table3FilterComparator.IsAllOf];
+      }
+      return [Table3FilterComparator.IsEqualTo, Table3FilterComparator.IsNotEqualTo];
+    }
+  }
+  switch (control) {
+    case 'datepicker':
+      return [Table3FilterComparator.IsEqualTo, Table3FilterComparator.IsNotEqualTo, Table3FilterComparator.IsGreaterThan, Table3FilterComparator.IsLessThan, Table3FilterComparator.IsBetween];
+    case 'switch':
+      return [Table3FilterComparator.IsEqualTo];
+    default:
+      return [Table3FilterComparator.Contains, Table3FilterComparator.DoesNotContain, Table3FilterComparator.IsEqualTo, Table3FilterComparator.IsNotEqualTo, Table3FilterComparator.IsEmpty, Table3FilterComparator.IsNotEmpty, Table3FilterComparator.IsGreaterThan, Table3FilterComparator.IsLessThan, Table3FilterComparator.IsBetween];
+  }
+}
+
+export { Filter, guessComparatorsBasedOnControl };
+//# sourceMappingURL=Filter.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, ColumnFiltersState } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../IconButton/IconButton';\nimport { Table3ColumnControlRenderer, Table3FilterComparator, Table3Filter } from '../../../../../types';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: RTColumn<TType, unknown>[];\n    filter: Table3Filter;\n    filters: ColumnFiltersState;\n    position: number;\n    onChange: (id: string, value: Table3Filter) => void;\n    onRemove: (columnId: string) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, filters, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(c => c.id === filter.id) as RTColumn<TType, unknown>;\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        handleChange(id, { id: columnId, value: filter.value });\n    };\n\n    const handleChangeComparator = (comparator: Table3FilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === Table3FilterComparator.IsEmpty || comparator === Table3FilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n\n        handleChange(id, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(id, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove(id);\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                {position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns} filters={filters} onChange={handleChangeColumn as any} value={id} />\n            <FilterComparator\n                onChange={handleChangeComparator as any}\n                validComparators={guessComparatorsBasedOnControl()}\n                value={comparator}\n            />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} />\n        </div>\n    );\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(\n    instance?: JSX.Element,\n    control?: Table3ColumnControlRenderer<TType>\n) {\n    if (React.isValidElement(instance)) {\n        const { props, type } = instance as any;\n\n        if (type.displayName === 'Select2') {\n            if (props.multiple) {\n                return [Table3FilterComparator.IsOneOf, Table3FilterComparator.IsNoneOf, Table3FilterComparator.IsAllOf];\n            }\n\n            return [Table3FilterComparator.IsEqualTo, Table3FilterComparator.IsNotEqualTo];\n        }\n    }\n\n    switch (control) {\n        case 'datepicker':\n            return [\n                Table3FilterComparator.IsEqualTo,\n                Table3FilterComparator.IsNotEqualTo,\n                Table3FilterComparator.IsGreaterThan,\n                Table3FilterComparator.IsLessThan,\n                Table3FilterComparator.IsBetween,\n            ];\n\n        case 'switch':\n            return [Table3FilterComparator.IsEqualTo];\n\n        default:\n            return [\n                Table3FilterComparator.Contains,\n                Table3FilterComparator.DoesNotContain,\n                Table3FilterComparator.IsEqualTo,\n                Table3FilterComparator.IsNotEqualTo,\n                Table3FilterComparator.IsEmpty,\n                Table3FilterComparator.IsNotEmpty,\n                Table3FilterComparator.IsGreaterThan,\n                Table3FilterComparator.IsLessThan,\n                Table3FilterComparator.IsBetween,\n            ];\n    }\n}\n"],"names":["Filter","props","allColumns","filter","filters","onChange","handleChange","onRemove","position","texts","useLocalization","column","find","c","id","value","comparator","handleChangeColumn","columnId","handleChangeComparator","nextValue","Table3FilterComparator","IsEmpty","IsNotEmpty","undefined","handleChangeValue","handleRemove","React","className","table3","conditions","and","where","FilterColumn","FilterComparator","validComparators","guessComparatorsBasedOnControl","FilterValue","IconButton","appearance","icon","onClick","instance","control","isValidElement","type","displayName","multiple","IsOneOf","IsNoneOf","IsAllOf","IsEqualTo","IsNotEqualTo","IsGreaterThan","IsLessThan","IsBetween","Contains","DoesNotContain"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterColumn.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { Select2 } from '../../../../../../Select2/Select2.js';
+
+function FilterColumn(props) {
+  const {
+    allColumns,
+    filters,
+    onChange: handleChange,
+    value = null,
+    ...attributes
+  } = props;
+  return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
+    className: "!w-32 flex-shrink-0",
+    emptyValue: null,
+    onChange: handleChange,
+    value: value
+  }), allColumns.map(column => {
+    var _column$columnDef$met;
+    return /*#__PURE__*/React__default.createElement(Select2.Option, {
+      key: column.id,
+      value: column.id,
+      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);
+  }));
+}
+
+export { FilterColumn };
+//# sourceMappingURL=FilterColumn.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterColumn.js","sources":["../../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/components/FilterColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, ColumnFiltersState } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../Select2/Select2';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<TType, unknown>[];\n    filters: ColumnFiltersState;\n};\n\nexport function FilterColumn<TType = unknown>(props: FilterColumnProps<TType>) {\n    const { allColumns, filters, onChange: handleChange, value = null, ...attributes } = props;\n\n    return (\n        <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" emptyValue={null} onChange={handleChange} value={value}>\n            {allColumns.map(column => (\n                <Select2.Option\n                    key={column.id}\n                    value={column.id}\n                    disabled={column.id !== value && (!column.getCanFilter() || !!filters.find(f => f.id === column.id))}>\n                    {column.columnDef.meta?.header as string}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n}\n"],"names":["FilterColumn","props","allColumns","filters","onChange","handleChange","value","attributes","React","Select2","className","emptyValue","map","column","Option","key","id","disabled","getCanFilter","find","f","columnDef","meta","header"],"mappings":";;;SASgBA,YAAY,CAAkBC,KAA+B;EACzE,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK,GAAG,IAAI;IAAE,GAAGC;GAAY,GAAGN,KAAK;EAE1F,oBACIO,6BAACC,OAAO,oBAAKF,UAAU;IAAEG,SAAS,EAAC,qBAAqB;IAACC,UAAU,EAAE,IAAI;IAAEP,QAAQ,EAAEC,YAAY;IAAEC,KAAK,EAAEA;MACrGJ,UAAU,CAACU,GAAG,CAACC,MAAM;IAAA;IAAA,oBAClBL,6BAACC,OAAO,CAACK,MAAM;MACXC,GAAG,EAAEF,MAAM,CAACG,EAAE;MACdV,KAAK,EAAEO,MAAM,CAACG,EAAE;MAChBC,QAAQ,EAAEJ,MAAM,CAACG,EAAE,KAAKV,KAAK,KAAK,CAACO,MAAM,CAACK,YAAY,EAAE,IAAI,CAAC,CAACf,OAAO,CAACgB,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACJ,EAAE,KAAKH,MAAM,CAACG,EAAE,CAAC;gCAClGH,MAAM,CAACQ,SAAS,CAACC,IAAI,0DAArB,sBAAuBC,MAAgB,CAC3B;GACpB,CAAC,CACI;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterComparator.js

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { Select2 } from '../../../../../../Select2/Select2.js';
+import { Table3FilterComparator } from '../../../../../types.js';
+
+function FilterComparator(props) {
+  const {
+    onChange: handleChange,
+    value,
+    validComparators,
+    ...attributes
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  React__default.useEffect(() => {
+    if (value === undefined) {
+      handleChange === null || handleChange === void 0 ? void 0 : handleChange(validComparators[0]);
+    }
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
+    className: "!w-32 flex-shrink-0",
+    onChange: handleChange,
+    value: value
+  }), validComparators.map(comp => /*#__PURE__*/React__default.createElement(Select2.Option, {
+    key: comp,
+    value: comp
+  }, getComparatorText(comp, texts))));
+}
+const getComparatorText = (comparator, texts) => {
+  switch (comparator) {
+    case Table3FilterComparator.Contains:
+      return texts.table3.filters.comparators.contains;
+    case Table3FilterComparator.DoesNotContain:
+      return texts.table3.filters.comparators.doesNotContain;
+    case Table3FilterComparator.IsEqualTo:
+      return texts.table3.filters.comparators.isEqualTo;
+    case Table3FilterComparator.IsNotEqualTo:
+      return texts.table3.filters.comparators.isNotEqualTo;
+    case Table3FilterComparator.IsGreaterThan:
+      return texts.table3.filters.comparators.isGreaterThan;
+    case Table3FilterComparator.IsLessThan:
+      return texts.table3.filters.comparators.isLessThan;
+    case Table3FilterComparator.IsBetween:
+      return texts.table3.filters.comparators.isBetween;
+    case Table3FilterComparator.IsOneOf:
+      return texts.table3.filters.comparators.isOneOf;
+    case Table3FilterComparator.IsNoneOf:
+      return texts.table3.filters.comparators.isNoneOf;
+    case Table3FilterComparator.IsAllOf:
+      return texts.table3.filters.comparators.isAllOf;
+    case Table3FilterComparator.IsEmpty:
+      return texts.table3.filters.comparators.isEmpty;
+    case Table3FilterComparator.IsNotEmpty:
+      return texts.table3.filters.comparators.isNotEmpty;
+  }
+};
+
+export { FilterComparator };
+//# sourceMappingURL=FilterComparator.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterComparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterComparator.js","sources":["../../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/components/FilterComparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2, Select2Props } from '../../../../../../Select2/Select2';\nimport { Table3FilterComparator } from '../../../../../types';\nimport { LocalizationTexts, useLocalization } from '../../../../../../Provider/Localization';\n\nexport type FilterComparatorProps = Omit<Select2Props, 'children'> & {\n    validComparators: Table3FilterComparator[];\n};\n\nexport function FilterComparator(props: FilterComparatorProps) {\n    const { onChange: handleChange, value, validComparators, ...attributes } = props;\n    const { texts } = useLocalization();\n\n    React.useEffect(() => {\n        if (value === undefined) {\n            handleChange?.(validComparators[0]);\n        }\n    }, []);\n\n    return (\n        <Select2 {...attributes} className=\"!w-32 flex-shrink-0\" onChange={handleChange} value={value}>\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: Table3FilterComparator, texts: LocalizationTexts) => {\n    switch (comparator) {\n        case Table3FilterComparator.Contains:\n            return texts.table3.filters.comparators.contains;\n\n        case Table3FilterComparator.DoesNotContain:\n            return texts.table3.filters.comparators.doesNotContain;\n\n        case Table3FilterComparator.IsEqualTo:\n            return texts.table3.filters.comparators.isEqualTo;\n\n        case Table3FilterComparator.IsNotEqualTo:\n            return texts.table3.filters.comparators.isNotEqualTo;\n\n        case Table3FilterComparator.IsGreaterThan:\n            return texts.table3.filters.comparators.isGreaterThan;\n\n        case Table3FilterComparator.IsLessThan:\n            return texts.table3.filters.comparators.isLessThan;\n\n        case Table3FilterComparator.IsBetween:\n            return texts.table3.filters.comparators.isBetween;\n\n        case Table3FilterComparator.IsOneOf:\n            return texts.table3.filters.comparators.isOneOf;\n\n        case Table3FilterComparator.IsNoneOf:\n            return texts.table3.filters.comparators.isNoneOf;\n\n        case Table3FilterComparator.IsAllOf:\n            return texts.table3.filters.comparators.isAllOf;\n\n        case Table3FilterComparator.IsEmpty:\n            return texts.table3.filters.comparators.isEmpty;\n\n        case Table3FilterComparator.IsNotEmpty:\n            return texts.table3.filters.comparators.isNotEmpty;\n    }\n};\n"],"names":["FilterComparator","props","onChange","handleChange","value","validComparators","attributes","texts","useLocalization","React","useEffect","undefined","Select2","className","map","comp","Option","key","getComparatorText","comparator","Table3FilterComparator","Contains","table3","filters","comparators","contains","DoesNotContain","doesNotContain","IsEqualTo","isEqualTo","IsNotEqualTo","isNotEqualTo","IsGreaterThan","isGreaterThan","IsLessThan","isLessThan","IsBetween","isBetween","IsOneOf","isOneOf","IsNoneOf","isNoneOf","IsAllOf","isAllOf","IsEmpty","isEmpty","IsNotEmpty","isNotEmpty"],"mappings":";;;;;SASgBA,gBAAgB,CAACC,KAA4B;EACzD,MAAM;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK;IAAEC,gBAAgB;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAChF,MAAM;IAAEM;GAAO,GAAGC,eAAe,EAAE;EAEnCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIN,KAAK,KAAKO,SAAS,EAAE;MACrBR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGE,gBAAgB,CAAC,CAAC,CAAC,CAAC;;GAE1C,EAAE,EAAE,CAAC;EAEN,oBACII,6BAACG,OAAO,oBAAKN,UAAU;IAAEO,SAAS,EAAC,qBAAqB;IAACX,QAAQ,EAAEC,YAAY;IAAEC,KAAK,EAAEA;MACnFC,gBAAgB,CAACS,GAAG,CAACC,IAAI,iBACtBN,6BAACG,OAAO,CAACI,MAAM;IAACC,GAAG,EAAEF,IAAI;IAAEX,KAAK,EAAEW;KAC7BG,iBAAiB,CAACH,IAAI,EAAER,KAAK,CAAC,CAEtC,CAAC,CACI;AAElB;AAEA,MAAMW,iBAAiB,GAAG,CAACC,UAAkC,EAAEZ,KAAwB;EACnF,QAAQY,UAAU;IACd,KAAKC,sBAAsB,CAACC,QAAQ;MAChC,OAAOd,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACC,QAAQ;IAEpD,KAAKL,sBAAsB,CAACM,cAAc;MACtC,OAAOnB,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACG,cAAc;IAE1D,KAAKP,sBAAsB,CAACQ,SAAS;MACjC,OAAOrB,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACK,SAAS;IAErD,KAAKT,sBAAsB,CAACU,YAAY;MACpC,OAAOvB,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACO,YAAY;IAExD,KAAKX,sBAAsB,CAACY,aAAa;MACrC,OAAOzB,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACS,aAAa;IAEzD,KAAKb,sBAAsB,CAACc,UAAU;MAClC,OAAO3B,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACW,UAAU;IAEtD,KAAKf,sBAAsB,CAACgB,SAAS;MACjC,OAAO7B,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACa,SAAS;IAErD,KAAKjB,sBAAsB,CAACkB,OAAO;MAC/B,OAAO/B,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACe,OAAO;IAEnD,KAAKnB,sBAAsB,CAACoB,QAAQ;MAChC,OAAOjC,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACiB,QAAQ;IAEpD,KAAKrB,sBAAsB,CAACsB,OAAO;MAC/B,OAAOnC,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACmB,OAAO;IAEnD,KAAKvB,sBAAsB,CAACwB,OAAO;MAC/B,OAAOrC,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACqB,OAAO;IAEnD,KAAKzB,sBAAsB,CAAC0B,UAAU;MAClC,OAAOvC,KAAK,CAACe,MAAM,CAACC,OAAO,CAACC,WAAW,CAACuB,UAAU;;AAE9D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterValue.js

@@ -0,0 +1,89 @@
+import React__default from 'react';
+import { Input } from '../../../../../../Input/Input.js';
+import { Datepicker } from '../../../../../../Datepicker/Datepicker.js';
+import { Switch } from '../../../../../../Switch/Switch.js';
+import { Table3FilterComparator } from '../../../../../types.js';
+
+function FilterValue(props) {
+  const {
+    column,
+    comparator,
+    onChange: handleChange,
+    value
+  } = props;
+  if (comparator === Table3FilterComparator.IsEmpty || comparator === Table3FilterComparator.IsNotEmpty) {
+    return null;
+  }
+  if (comparator === Table3FilterComparator.IsBetween) {
+    var _column$columnDef$met;
+    const fromValue = Array.isArray(value) ? value[0] : undefined;
+    const toValue = Array.isArray(value) ? value[1] : undefined;
+    if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.dataType) === 'datetime') {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "flex flex-grow items-center gap-2"
+      }, /*#__PURE__*/React__default.createElement(Control, {
+        column: column,
+        onChange: value => handleChange([value, toValue]),
+        value: fromValue
+      }), /*#__PURE__*/React__default.createElement(Control, {
+        column: column,
+        onChange: value => handleChange([fromValue, value]),
+        value: toValue
+      }));
+    }
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-grow items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement(Control, {
+      column: column,
+      onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
+      placeholder: "from",
+      value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
+    }), /*#__PURE__*/React__default.createElement(Control, {
+      column: column,
+      onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
+      placeholder: "to",
+      value: toValue !== null && toValue !== void 0 ? toValue : ''
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Control, {
+    column: column,
+    onChange: handleChange,
+    value: value
+  });
+}
+function Control(props) {
+  var _column$columnDef$met2, _column$columnDef$met3;
+  const {
+    column,
+    onChange,
+    value,
+    ...attributes
+  } = props;
+  const controlRenderer = (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
+  const dataType = (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
+  if (typeof controlRenderer === 'function') {
+    return controlRenderer({
+      ...attributes,
+      setValue: value => onChange(value),
+      value
+    });
+  } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
+    return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
+      onChange: event => onChange(event.detail),
+      value: value
+    }));
+  } else if (controlRenderer === 'switch' || dataType === 'boolean') {
+    return /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, attributes, {
+      checked: Boolean(value),
+      onChange: onChange
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, attributes, {
+    className: "flex-grow",
+    onChange: event => onChange(event.target.value),
+    value: String(value !== null && value !== void 0 ? value : '')
+  }));
+}
+
+export { FilterValue };
+//# sourceMappingURL=FilterValue.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/FilterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/components/FilterValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../Input/Input';\nimport { Table3FilterComparator } from '../../../../../types';\nimport { Datepicker } from '../../../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../../../Switch/Switch';\n\nexport type FilterValueProps<TType = unknown> = {\n    column: RTColumn<TType, unknown>;\n    comparator: Table3FilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n\n    if (comparator === Table3FilterComparator.IsEmpty || comparator === Table3FilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === Table3FilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control column={column} onChange={value => handleChange([value, toValue])} value={fromValue} />\n                    <Control column={column} onChange={value => handleChange([fromValue, value])} value={toValue} />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    return <Control column={column} onChange={handleChange} value={value} />;\n}\n\nfunction Control(props) {\n    const { column, onChange, value, ...attributes } = props;\n\n    const controlRenderer = column.columnDef.meta?.control;\n    const dataType = column.columnDef.meta?.dataType;\n\n    if (typeof controlRenderer === 'function') {\n        return controlRenderer({\n            ...attributes,\n            setValue: value => onChange(value),\n            value,\n        });\n    } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    } else if (controlRenderer === 'switch' || dataType === 'boolean') {\n        return <Switch {...attributes} checked={Boolean(value)} onChange={onChange} />;\n    }\n\n    return (\n        <Input\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["FilterValue","props","column","comparator","onChange","handleChange","value","Table3FilterComparator","IsEmpty","IsNotEmpty","IsBetween","fromValue","Array","isArray","undefined","toValue","columnDef","meta","dataType","React","className","Control","isNaN","placeholder","attributes","controlRenderer","control","setValue","Datepicker","event","detail","Switch","checked","Boolean","Input","target","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/Placeholder.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import { IconButton } from '../../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../Provider/Localization.js';
+import { Input } from '../../../../../../Input/Input.js';
+import { FilterColumn } from './FilterColumn.js';
+import { FilterComparator } from './FilterComparator.js';
+import { guessComparatorsBasedOnControl } from './Filter.js';
+
+function Placeholder(props) {
+  const {
+    allColumns,
+    filters,
+    onCreate: handleCreate,
+    onRemove: handleRemove,
+    position
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  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"
+  }, position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where), /*#__PURE__*/React__default.createElement(FilterColumn, {
+    allColumns: allColumns,
+    filters: filters,
+    onChange: handleCreate,
+    value: null
+  }), /*#__PURE__*/React__default.createElement(FilterComparator, {
+    disabled: true,
+    validComparators: guessComparatorsBasedOnControl()
+  }), /*#__PURE__*/React__default.createElement(Input, {
+    "aria-label": texts.table3.filters.emptyFilter.value,
+    className: "flex-grow",
+    disabled: true,
+    value: texts.table3.filters.emptyFilter.value
+  }), handleRemove ? /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "discrete",
+    icon: "close",
+    onClick: handleRemove
+  }) : null);
+}
+
+export { Placeholder };
+//# sourceMappingURL=Placeholder.js.map

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Filter/filters/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../../../../../src/components/Table3/components/toolbar/Filter/filters/components/Placeholder.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, ColumnFiltersState } from '@tanstack/react-table';\nimport { Select2Value } from '../../../../../../Select2/Select2';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { Input } from '../../../../../../Input/Input';\nimport { IconButton } from '../../../../../../IconButton/IconButton';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { guessComparatorsBasedOnControl } from './Filter';\n\nexport type PlaceholderFilterProps<TType = unknown> = {\n    allColumns: RTColumn<TType, unknown>[];\n    filters: ColumnFiltersState;\n    position: number;\n    onCreate?: (value: Select2Value) => void;\n    onRemove?: () => void;\n};\n\nexport function Placeholder<TType = unknown>(props: PlaceholderFilterProps<TType>) {\n    const { allColumns, filters, onCreate: handleCreate, onRemove: handleRemove, position } = props;\n    const { texts } = useLocalization();\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                {position > 0 ? texts.table3.filters.conditions.and : texts.table3.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns} filters={filters} onChange={handleCreate} value={null} />\n            <FilterComparator disabled validComparators={guessComparatorsBasedOnControl()} />\n            <Input\n                aria-label={texts.table3.filters.emptyFilter.value}\n                className=\"flex-grow\"\n                disabled\n                value={texts.table3.filters.emptyFilter.value}\n            />\n            {handleRemove ? <IconButton appearance=\"discrete\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Placeholder","props","allColumns","filters","onCreate","handleCreate","onRemove","handleRemove","position","texts","useLocalization","React","className","table3","conditions","and","where","FilterColumn","onChange","value","FilterComparator","disabled","validComparators","guessComparatorsBasedOnControl","Input","emptyFilter","IconButton","appearance","icon","onClick"],"mappings":";;;;;;;;SAkBgBA,WAAW,CAAkBC,KAAoC;EAC7E,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,QAAQ,EAAEC,YAAY;IAAEC;GAAU,GAAGP,KAAK;EAC/F,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIC;IAAKC,SAAS,EAAC;kBACXD;IAAKC,SAAS,EAAC;KACVJ,QAAQ,GAAG,CAAC,GAAGC,KAAK,CAACI,MAAM,CAACV,OAAO,CAACW,UAAU,CAACC,GAAG,GAAGN,KAAK,CAACI,MAAM,CAACV,OAAO,CAACW,UAAU,CAACE,KAAK,CACzF,eACNL,6BAACM,YAAY;IAACf,UAAU,EAAEA,UAAU;IAAEC,OAAO,EAAEA,OAAO;IAAEe,QAAQ,EAAEb,YAAY;IAAEc,KAAK,EAAE;IAAQ,eAC/FR,6BAACS,gBAAgB;IAACC,QAAQ;IAACC,gBAAgB,EAAEC,8BAA8B;IAAM,eACjFZ,6BAACa,KAAK;kBACUf,KAAK,CAACI,MAAM,CAACV,OAAO,CAACsB,WAAW,CAACN,KAAK;IAClDP,SAAS,EAAC,WAAW;IACrBS,QAAQ;IACRF,KAAK,EAAEV,KAAK,CAACI,MAAM,CAACV,OAAO,CAACsB,WAAW,CAACN;IAC1C,EACDZ,YAAY,gBAAGI,6BAACe,UAAU;IAACC,UAAU,EAAC,UAAU;IAACC,IAAI,EAAC,OAAO;IAACC,OAAO,EAAEtB;IAAgB,GAAG,IAAI,CAC7F;AAEd;;;;"}