@economic/taco 2.47.0-server-2 → 2.47.0-server.10

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    filters: TableFilter[];\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, filters, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(c => c.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0],\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn\n                allColumns={allColumns as any}\n                filters={filters}\n                onChange={handleChangeColumn as any}\n                value={id}\n                ref={ref}\n            />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Filter","props","allColumns","filter","filters","onChange","handleChange","onRemove","position","texts","useLocalization","column","find","c","id","ref","React","useRef","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_previousColumn$colum2","_nextColumn$columnDef","validComparators","guessComparatorsBasedOnControl","undefined","handleChangeComparator","nextValue","TableFilterComparator","IsEmpty","IsNotEmpty","handleChangeValue","handleRemove","useEffect","current","focus","className","table","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":"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"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../../../../components/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\nimport { TableFilter, TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(c => c.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0],\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? <IconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"close\" onClick={handleRemove} /> : null}\n        </div>\n    );\n}\n"],"names":["Filter","props","allColumns","filter","handleChange","onChange","onRemove","position","_useLocalization","useLocalization","texts","column","find","c","id","ref","React","useRef","_filter$value","value","comparator","handleChangeColumn","columnId","previousColumn","nextColumn","_previousColumn$colum","columnDef","meta","dataType","_previousColumn$colum2","_nextColumn$columnDef","validComparators","guessComparatorsBasedOnControl","undefined","handleChangeComparator","nextValue","TableFilterComparator","IsEmpty","IsNotEmpty","handleChangeValue","_extends","handleRemove","useEffect","current","focus","className","table","filters","conditions","and","where","FilterColumn","FilterComparator","FilterValue","IconButton","appearance","icon","onClick"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -1,29 +1,29 @@
 import React__default, { useEffect } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
 import { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox.js';
 import { Input } from '../../../../../../../../components/Input/Input.js';
 import { Datepicker } from '../../../../../../../../components/Datepicker/Datepicker.js';
 import { Switch } from '../../../../../../../../components/Switch/Switch.js';
 import { TableFilterComparator } from '../../../../../../types.js';
+import { FilterContext } from '../FilterContext.js';
 
-const querySelector = 'filter-value';
+var _excluded = ["column", "comparator", "onChange", "value"];
+var querySelector = 'filter-value';
 function FilterValue(props) {
-  const {
-    column,
-    comparator,
-    onChange: handleChange,
-    value
-  } = props;
-  const {
-    texts
-  } = useLocalization();
+  var column = props.column,
+    comparator = props.comparator,
+    handleChange = props.onChange,
+    value = props.value;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
   if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
     return null;
   }
   if (comparator === TableFilterComparator.IsBetween) {
     var _column$columnDef$met;
-    const fromValue = Array.isArray(value) ? value[0] : undefined;
-    const toValue = Array.isArray(value) ? value[1] : undefined;
+    var fromValue = Array.isArray(value) ? value[0] : undefined;
+    var toValue = Array.isArray(value) ? value[1] : undefined;
     if (column === undefined) {
       return /*#__PURE__*/React__default.createElement(Input, {
         "aria-label": texts.table.filters.emptyFilter.value,
@@ -39,12 +39,16 @@ function FilterValue(props) {
       }, /*#__PURE__*/React__default.createElement(Control, {
         column: column,
         "data-query-selector": querySelector,
-        onChange: value => handleChange([value, toValue]),
+        onChange: function onChange(value) {
+          return handleChange([value, toValue]);
+        },
         value: fromValue
       }), /*#__PURE__*/React__default.createElement(Control, {
         column: column,
         "data-query-selector": querySelector,
-        onChange: value => handleChange([fromValue, value]),
+        onChange: function onChange(value) {
+          return handleChange([fromValue, value]);
+        },
         value: toValue
       }));
     }
@@ -53,13 +57,17 @@ function FilterValue(props) {
     }, /*#__PURE__*/React__default.createElement(Control, {
       column: column,
       "data-query-selector": querySelector,
-      onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
+      onChange: function onChange(value) {
+        return handleChange([isNaN(value) ? undefined : value, toValue]);
+      },
       placeholder: "from",
       value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
     }), /*#__PURE__*/React__default.createElement(Control, {
       column: column,
       "data-query-selector": querySelector,
-      onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
+      onChange: function onChange(value) {
+        return handleChange([fromValue, isNaN(value) ? undefined : value]);
+      },
       placeholder: "to",
       value: toValue !== null && toValue !== void 0 ? toValue : ''
     }));
@@ -74,52 +82,53 @@ function FilterValue(props) {
 }
 function Control(props) {
   var _column$columnDef$met2, _column$columnDef$met3;
-  const {
-    column,
-    comparator,
-    onChange,
-    value,
-    ...attributes
-  } = props;
-  const controlRenderer = column === null || column === void 0 ? void 0 : (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
-  const dataType = column === null || column === void 0 ? void 0 : (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
-  useEffect(() => {
+  var column = props.column,
+    _onChange = props.onChange,
+    value = props.value,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var controlRenderer = column === null || column === void 0 ? void 0 : (_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control;
+  var dataType = column === null || column === void 0 ? void 0 : (_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType;
+  var filters = React__default.useContext(FilterContext);
+  useEffect(function () {
     // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened
     if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {
-      onChange(false);
+      _onChange(false);
     }
   }, [controlRenderer]);
   if (typeof controlRenderer === 'function') {
-    return /*#__PURE__*/React__default.cloneElement(controlRenderer({
-      ...attributes,
-      setValue: value => onChange(value),
-      value
-    }), {
-      ['data-query-selector']: querySelector,
-      className: 'focus:yt-focus'
-    });
+    var _React$cloneElement;
+    return /*#__PURE__*/React__default.cloneElement(controlRenderer(_extends({}, attributes, {
+      setValue: function setValue(value) {
+        return _onChange(value);
+      },
+      value: value
+    }), undefined, filters), (_React$cloneElement = {}, _React$cloneElement['data-query-selector'] = querySelector, _React$cloneElement.className = 'focus:yt-focus', _React$cloneElement));
   } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
-      onChange: event => onChange(event.detail),
+      onChange: function onChange(event) {
+        return _onChange(event.detail);
+      },
       value: value
     }));
   } else if (controlRenderer === 'switch') {
     return /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, attributes, {
       className: "m-1.5",
       checked: Boolean(value),
-      onChange: onChange
+      onChange: _onChange
     }));
   } else if (controlRenderer === 'checkbox') {
     return /*#__PURE__*/React__default.createElement(Checkbox, Object.assign({}, attributes, {
       className: "!m-1.5",
       checked: Boolean(value),
-      onChange: onChange
+      onChange: _onChange
     }));
   } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {
     return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, attributes, {
       className: "flex-grow",
       type: "number",
-      onChange: event => onChange(event.target.valueAsNumber),
+      onChange: function onChange(event) {
+        return _onChange(event.target.valueAsNumber);
+      },
       value: String(value !== null && value !== void 0 ? value : '')
     }));
   }
@@ -127,7 +136,9 @@ function Control(props) {
     disabled: !column
   }, attributes, {
     className: "flex-grow",
-    onChange: event => onChange(event.target.value),
+    onChange: function onChange(event) {
+      return _onChange(event.target.value);
+    },
     value: String(value !== null && value !== void 0 ? value : '')
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../../../components/Input/Input';\nimport { Datepicker } from '../../../../../../../../components/Datepicker/Datepicker';\nimport { Switch } from '../../../../../../../../components/Switch/Switch';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableColumnDataType, TableFilterComparator } from '../../../../../../types';\nimport { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    data-query-selector={querySelector}\n                    disabled\n                    value={texts.table.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([fromValue, value])}\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n    return (\n        <Control\n            comparator={comparator}\n            column={column}\n            data-query-selector={querySelector}\n            onChange={handleChange}\n            value={value}\n        />\n    );\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType: TableColumnDataType = column?.columnDef.meta?.dataType;\n\n    useEffect(() => {\n        // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n        if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {\n            onChange(false);\n        }\n    }, [controlRenderer]);\n\n    if (typeof controlRenderer === 'function') {\n        return React.cloneElement(\n            controlRenderer({\n                ...attributes,\n                setValue: value => onChange(value),\n                value,\n            }),\n            { ['data-query-selector']: querySelector, className: 'focus:yt-focus' }\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') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["querySelector","FilterValue","props","column","comparator","onChange","handleChange","value","texts","useLocalization","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useEffect","cloneElement","setValue","Datepicker","event","detail","Switch","checked","Boolean","Checkbox","type","target","valueAsNumber","String"],"mappings":"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"}
+{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../../../components/Input/Input';\nimport { Datepicker } from '../../../../../../../../components/Datepicker/Datepicker';\nimport { Switch } from '../../../../../../../../components/Switch/Switch';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableColumnDataType, TableFilterComparator } from '../../../../../../types';\nimport { Checkbox } from '../../../../../../../../components/Checkbox/Checkbox';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    data-query-selector={querySelector}\n                    disabled\n                    value={texts.table.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([fromValue, value])}\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <Control\n            comparator={comparator}\n            column={column}\n            data-query-selector={querySelector}\n            onChange={handleChange}\n            value={value}\n        />\n    );\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType: TableColumnDataType = column?.columnDef.meta?.dataType;\n    const filters = React.useContext(FilterContext);\n\n    useEffect(() => {\n        // Set value to false only after first render of the control (when it's undefined) after setting the FilterColumn value, because we don't want to change then the value every time filter is opened\n        if ((controlRenderer === 'switch' || controlRenderer === 'checkbox') && value === undefined) {\n            onChange(false);\n        }\n    }, [controlRenderer]);\n\n    if (typeof controlRenderer === 'function') {\n        return React.cloneElement(\n            controlRenderer(\n                {\n                    ...attributes,\n                    setValue: value => onChange(value),\n                    value,\n                },\n                undefined,\n                filters\n            ),\n            { ['data-query-selector']: querySelector, className: 'focus:yt-focus' }\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') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if (controlRenderer === 'checkbox') {\n        return <Checkbox {...attributes} className=\"!m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["querySelector","FilterValue","props","column","comparator","handleChange","onChange","value","_useLocalization","useLocalization","texts","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","_objectWithoutPropertiesLoose","_excluded","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useContext","FilterContext","useEffect","_React$cloneElement","cloneElement","_extends","setValue","Datepicker","event","detail","Switch","checked","Boolean","Checkbox","type","target","valueAsNumber","String"],"mappings":"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"}

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

@@ -11,25 +11,29 @@ function isEmptyFilter(filter) {
 }
 function guessComparatorsBasedOnControl(column) {
   var _column$columnDef$met;
-  const columnMeta = (_column$columnDef$met = column === null || column === void 0 ? void 0 : column.columnDef.meta) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : {};
+  var columnMeta = (_column$columnDef$met = column === null || column === void 0 ? void 0 : column.columnDef.meta) !== null && _column$columnDef$met !== void 0 ? _column$columnDef$met : {};
   if (Array.isArray(columnMeta.filters)) {
     return columnMeta.filters;
   }
   if (typeof columnMeta.control === 'function') {
-    const renderedControl = columnMeta.control({
-      onBlur: () => undefined,
-      onFocus: () => undefined,
-      setValue: () => undefined,
+    var renderedControl = columnMeta.control({
+      onBlur: function onBlur() {
+        return undefined;
+      },
+      onFocus: function onFocus() {
+        return undefined;
+      },
+      setValue: function setValue() {
+        return undefined;
+      },
       value: undefined,
       disabled: false,
       readOnly: false,
       ref: undefined
     });
     if (/*#__PURE__*/React__default.isValidElement(renderedControl)) {
-      const {
-        props,
-        type
-      } = renderedControl;
+      var props = renderedControl.props,
+        type = renderedControl.type;
       if (type.displayName === 'Select2') {
         if (props.multiple) {
           return [TableFilterComparator.HasAnyOf, TableFilterComparator.HasAllOf, TableFilterComparator.IsEqualTo, TableFilterComparator.HasNoneOf, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { TableFilter, TableFilterComparator } from '../../../../../types';\nimport React from 'react';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","isEmptyFilter","filter","value","hasOwnProperty","guessComparatorsBasedOnControl","column","columnMeta","_column$columnDef$met","Array","isArray","filters","control","renderedControl","onBlur","undefined","onFocus","setValue","disabled","readOnly","ref","React","isValidElement","props","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","getDataTypeProperties","filterComparators","dataType"],"mappings":";;;;SAKgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;SAEgBK,aAAaA,CAACC,MAAmB;EAC7C,OAAO,CAACA,MAAM,CAACC,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,CAAC;AACjD;SAEgBC,8BAA8BA,CAAkBC,MAAgC;;EAC5F,MAAMC,UAAU,IAAAC,qBAAA,GAAIF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEb,SAAS,CAACC,IAAI,cAAAc,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAEzF,IAAIC,KAAK,CAACC,OAAO,CAACH,UAAU,CAACI,OAAO,CAAC,EAAE;IACnC,OAAOJ,UAAU,CAACI,OAAO;;EAG7B,IAAI,OAAOJ,UAAU,CAACK,OAAO,KAAK,UAAU,EAAE;IAC1C,MAAMC,eAAe,GAAGN,UAAU,CAACK,OAAO,CAAC;MACvCE,MAAM,EAAEA,MAAMC,SAAS;MACvBC,OAAO,EAAEA,MAAMD,SAAS;MACxBE,QAAQ,EAAEA,MAAMF,SAAS;MACzBZ,KAAK,EAAEY,SAAS;MAChBG,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAE,KAAK;MACfC,GAAG,EAAEL;KACR,CAAC;IAEF,iBAAIM,cAAK,CAACC,cAAc,CAACT,eAAe,CAAC,EAAE;MACvC,MAAM;QAAEU,KAAK;QAAEC;OAAM,GAAGX,eAAsB;MAE9C,IAAIW,IAAI,CAACC,WAAW,KAAK,SAAS,EAAE;QAChC,IAAIF,KAAK,CAACG,QAAQ,EAAE;UAChB,OAAO,CACHC,qBAAqB,CAACC,QAAQ,EAC9BD,qBAAqB,CAACE,QAAQ,EAC9BF,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACI,SAAS,EAC/BJ,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;QAGL,OAAO,CACHN,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;;;EAKb,IAAI1B,UAAU,CAACK,OAAO,KAAK,YAAY,EAAE;IACrC,OAAOuB,qBAAqB,CAAQ,UAAU,CAAC,CAACC,iBAAiB;;EAGrE,IAAI7B,UAAU,CAACK,OAAO,KAAK,QAAQ,EAAE;IACjC,OAAOuB,qBAAqB,CAAQ,SAAS,CAAC,CAACC,iBAAiB;;EAGpE,OAAOD,qBAAqB,CAAQ5B,UAAU,CAAC8B,QAAQ,CAAC,CAACD,iBAAiB;AAC9E;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { TableFilter, TableFilterComparator } from '../../../../../types';\nimport React from 'react';\nimport { getDataTypeProperties } from '../../../../../useTableManager/util/dataTypes';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins\n}\n\nexport function guessComparatorsBasedOnControl<TType = unknown>(column?: ReactTableColumn<TType>): TableFilterComparator[] {\n    const columnMeta = (column?.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    if (Array.isArray(columnMeta.filters)) {\n        return columnMeta.filters;\n    }\n\n    if (typeof columnMeta.control === 'function') {\n        const renderedControl = columnMeta.control({\n            onBlur: () => undefined,\n            onFocus: () => undefined,\n            setValue: () => undefined,\n            value: undefined,\n            disabled: false,\n            readOnly: false,\n            ref: undefined as any,\n        });\n\n        if (React.isValidElement(renderedControl)) {\n            const { props, type } = renderedControl as any;\n\n            if (type.displayName === 'Select2') {\n                if (props.multiple) {\n                    return [\n                        TableFilterComparator.HasAnyOf,\n                        TableFilterComparator.HasAllOf,\n                        TableFilterComparator.IsEqualTo,\n                        TableFilterComparator.HasNoneOf,\n                        TableFilterComparator.IsEmpty,\n                        TableFilterComparator.IsNotEmpty,\n                    ];\n                }\n\n                return [\n                    TableFilterComparator.IsEqualTo,\n                    TableFilterComparator.IsNotEqualTo,\n                    TableFilterComparator.IsEmpty,\n                    TableFilterComparator.IsNotEmpty,\n                ];\n            }\n        }\n    }\n\n    if (columnMeta.control === 'datepicker') {\n        return getDataTypeProperties<TType>('datetime').filterComparators;\n    }\n\n    if (columnMeta.control === 'switch') {\n        return getDataTypeProperties<TType>('boolean').filterComparators;\n    }\n\n    return getDataTypeProperties<TType>(columnMeta.dataType).filterComparators;\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","isEmptyFilter","filter","value","hasOwnProperty","guessComparatorsBasedOnControl","column","columnMeta","_column$columnDef$met","Array","isArray","filters","control","renderedControl","onBlur","undefined","onFocus","setValue","disabled","readOnly","ref","React","isValidElement","props","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","getDataTypeProperties","filterComparators","dataType"],"mappings":";;;;SAKgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;SAEgBK,aAAaA,CAACC,MAAmB;EAC7C,OAAO,CAACA,MAAM,CAACC,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,CAAC;AACjD;SAEgBC,8BAA8BA,CAAkBC,MAAgC;;EAC5F,IAAMC,UAAU,IAAAC,qBAAA,GAAIF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEb,SAAS,CAACC,IAAI,cAAAc,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAEzF,IAAIC,KAAK,CAACC,OAAO,CAACH,UAAU,CAACI,OAAO,CAAC,EAAE;IACnC,OAAOJ,UAAU,CAACI,OAAO;;EAG7B,IAAI,OAAOJ,UAAU,CAACK,OAAO,KAAK,UAAU,EAAE;IAC1C,IAAMC,eAAe,GAAGN,UAAU,CAACK,OAAO,CAAC;MACvCE,MAAM,EAAE,SAAAA;QAAA,OAAMC,SAAS;;MACvBC,OAAO,EAAE,SAAAA;QAAA,OAAMD,SAAS;;MACxBE,QAAQ,EAAE,SAAAA;QAAA,OAAMF,SAAS;;MACzBZ,KAAK,EAAEY,SAAS;MAChBG,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAE,KAAK;MACfC,GAAG,EAAEL;KACR,CAAC;IAEF,iBAAIM,cAAK,CAACC,cAAc,CAACT,eAAe,CAAC,EAAE;MACvC,IAAQU,KAAK,GAAWV,eAAsB,CAAtCU,KAAK;QAAEC,IAAI,GAAKX,eAAsB,CAA/BW,IAAI;MAEnB,IAAIA,IAAI,CAACC,WAAW,KAAK,SAAS,EAAE;QAChC,IAAIF,KAAK,CAACG,QAAQ,EAAE;UAChB,OAAO,CACHC,qBAAqB,CAACC,QAAQ,EAC9BD,qBAAqB,CAACE,QAAQ,EAC9BF,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACI,SAAS,EAC/BJ,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;QAGL,OAAO,CACHN,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;;;EAKb,IAAI1B,UAAU,CAACK,OAAO,KAAK,YAAY,EAAE;IACrC,OAAOuB,qBAAqB,CAAQ,UAAU,CAAC,CAACC,iBAAiB;;EAGrE,IAAI7B,UAAU,CAACK,OAAO,KAAK,QAAQ,EAAE;IACjC,OAAOuB,qBAAqB,CAAQ,SAAS,CAAC,CAACC,iBAAiB;;EAGpE,OAAOD,qBAAqB,CAAQ5B,UAAU,CAAC8B,QAAQ,CAAC,CAACD,iBAAiB;AAC9E;;;;"}