@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../../../components/Group/Group';\nimport { Search } from './components/Search/Search';\nimport { Settings } from './components/Settings/Settings';\nimport { Print } from './components/Print/Print';\nimport { Filters } from './components/Filters/Filters';\nimport { TableCustomSettingsRenderer } from '../../../types';\nimport { useTable } from '../../useTable';\n\nexport type TableToolbarProps = React.TableHTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: ReturnType<typeof useTable>;\n};\n\nexport function TableToolbar(props: TableToolbarProps) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible(table, !!customTools)) {\n        return null;\n    }\n\n    const canFilter = table.instance.options.enableColumnFilters;\n    const canPrint = table.meta.printing.isEnabled;\n    const canSettings = canChangeSettings(table.instance, table.props.customSettings);\n    const canSearch = table.meta.search.isEnabled;\n\n    return (\n        <>\n            <div\n                {...attributes}\n                className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\"\n                data-taco=\"table-toolbar\">\n                {table.props.toolbarLeft}\n                <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                    {customTools}\n                    {canFilter ? <Filters length={table.meta.length} table={table.instance} /> : null}\n                    {table.props.toolbarRight}\n                    {canPrint ? <Print table={table.instance} tableId={table.id} tableRef={table.ref} /> : null}\n                    {canSettings ? <Settings customSettings={table.props.customSettings} table={table.instance} /> : null}\n                    {canSearch ? <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} /> : null}\n                </Group>\n            </div>\n            {table.props.toolbarPanel ? <div className=\"mb-4\">{table.props.toolbarPanel}</div> : undefined}\n        </>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: TableCustomSettingsRenderer) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    return (\n        table.options.enableHiding ||\n        tableMeta.columnOrdering.isEnabled ||\n        tableMeta.fontSize.isEnabled ||\n        tableMeta.rowHeight.isEnabled ||\n        typeof customSettings === 'function'\n    );\n}\n\nfunction isToolbarVisible(table: ReturnType<typeof useTable>, customTools: boolean) {\n    const hasInternalToolbar =\n        customTools ||\n        table.instance.options.enableColumnFilters ||\n        table.meta.printing.isEnabled ||\n        canChangeSettings(table.instance, table.props.customSettings) ||\n        table.meta.search.isEnabled;\n\n    return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;\n}\n"],"names":["TableToolbar","props","children","customTools","table","attributes","isToolbarVisible","canFilter","instance","options","enableColumnFilters","canPrint","meta","printing","isEnabled","canSettings","canChangeSettings","customSettings","canSearch","search","React","className","toolbarLeft","Group","Filters","length","toolbarRight","Print","tableId","id","tableRef","ref","Settings","Search","scrollToIndex","renderer","toolbarPanel","undefined","tableMeta","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":";;;;;;;SAegBA,YAAYA,CAACC,KAAwB;EACjD,MAAM;IAAEC,QAAQ,EAAEC,WAAW;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAE7D,IAAI,CAACK,gBAAgB,CAACF,KAAK,EAAE,CAAC,CAACD,WAAW,CAAC,EAAE;IACzC,OAAO,IAAI;;EAGf,MAAMI,SAAS,GAAGH,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB;EAC5D,MAAMC,QAAQ,GAAGP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS;EAC9C,MAAMC,WAAW,GAAGC,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC;EACjF,MAAMC,SAAS,GAAGd,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE7C,oBACIM,yEACIA,sDACQf,UAAU;IACdgB,SAAS,EAAC,gEAAgE;iBAChE;MACTjB,KAAK,CAACH,KAAK,CAACqB,WAAW,eACxBF,6BAACG,KAAK;IAACF,SAAS,EAAC;KACZlB,WAAW,EACXI,SAAS,gBAAGa,6BAACI,OAAO;IAACC,MAAM,EAAErB,KAAK,CAACQ,IAAI,CAACa,MAAM;IAAErB,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EAChFJ,KAAK,CAACH,KAAK,CAACyB,YAAY,EACxBf,QAAQ,gBAAGS,6BAACO,KAAK;IAACvB,KAAK,EAAEA,KAAK,CAACI,QAAQ;IAAEoB,OAAO,EAAExB,KAAK,CAACyB,EAAE;IAAEC,QAAQ,EAAE1B,KAAK,CAAC2B;IAAO,GAAG,IAAI,EAC1FhB,WAAW,gBAAGK,6BAACY,QAAQ;IAACf,cAAc,EAAEb,KAAK,CAACH,KAAK,CAACgB,cAAc;IAAEb,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,EACpGU,SAAS,gBAAGE,6BAACa,MAAM;IAACC,aAAa,EAAE9B,KAAK,CAAC+B,QAAQ,CAACD,aAAa;IAAE9B,KAAK,EAAEA,KAAK,CAACI;IAAY,GAAG,IAAI,CAC9F,CACN,EACLJ,KAAK,CAACH,KAAK,CAACmC,YAAY,gBAAGhB;IAAKC,SAAS,EAAC;KAAQjB,KAAK,CAACH,KAAK,CAACmC,YAAY,CAAO,GAAGC,SAAS,CAC/F;AAEX;AAEA,SAASrB,iBAAiBA,CAAkBZ,KAAwB,EAAEa,cAA4C;EAC9G,MAAMqB,SAAS,GAAGlC,KAAK,CAACK,OAAO,CAACG,IAA6B;EAE7D,OACIR,KAAK,CAACK,OAAO,CAAC8B,YAAY,IAC1BD,SAAS,CAACE,cAAc,CAAC1B,SAAS,IAClCwB,SAAS,CAACG,QAAQ,CAAC3B,SAAS,IAC5BwB,SAAS,CAACI,SAAS,CAAC5B,SAAS,IAC7B,OAAOG,cAAc,KAAK,UAAU;AAE5C;AAEA,SAASX,gBAAgBA,CAACF,KAAkC,EAAED,WAAoB;EAC9E,MAAMwC,kBAAkB,GACpBxC,WAAW,IACXC,KAAK,CAACI,QAAQ,CAACC,OAAO,CAACC,mBAAmB,IAC1CN,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACC,SAAS,IAC7BE,iBAAiB,CAACZ,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACH,KAAK,CAACgB,cAAc,CAAC,IAC7Db,KAAK,CAACQ,IAAI,CAACO,MAAM,CAACL,SAAS;EAE/B,OAAO6B,kBAAkB,IAAI,CAAC,CAACvC,KAAK,CAACH,KAAK,CAACqB,WAAW,IAAI,CAAC,CAAClB,KAAK,CAACH,KAAK,CAACyB,YAAY;AACxF;;;;"}

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

@@ -1,62 +0,0 @@
-import React__default from 'react';
-import { Icon } from '../../../../../../../components/Icon/Icon.js';
-import { IconButton } from '../../../../../../../components/IconButton/IconButton.js';
-import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
-import { Button } from '../../../../../../../components/Button/Button.js';
-import { Shortcut } from '../../../../../../../components/Shortcut/Shortcut.js';
-import { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen.js';
-import { isEmptyFilter } from './util.js';
-import { ManageFiltersPopover } from './ManageFiltersPopover.js';
-
-function Filters(props) {
-  const {
-    length,
-    table
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const isLargeScreen = useIsLargeScreen();
-  const columnFilters = table.getState().columnFilters;
-  const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));
-  const ref = React__default.useRef(null);
-  const shortcut = {
-    key: 'f',
-    meta: true,
-    shift: true
-  };
-  const buttonProps = {
-    'aria-label': texts.table.filters.tooltip,
-    className: appliedFilters.length ? '!wcag-blue-100' : undefined,
-    popover: popoverProps => /*#__PURE__*/React__default.createElement(ManageFiltersPopover, Object.assign({}, popoverProps, {
-      length: length,
-      table: table
-    })),
-    shortcut,
-    ref,
-    tooltip: ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
-      className: "ml-2",
-      keys: shortcut
-    })))
-  };
-  React__default.useEffect(() => {
-    const emptyFilter = columnFilters.find(isEmptyFilter);
-    // we set an empty filter when adding a filter through a column header.
-    if (emptyFilter) {
-      var _ref$current;
-      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.click();
-    }
-  }, [columnFilters]);
-  if (!isLargeScreen && !appliedFilters.length) {
-    return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, buttonProps, {
-      icon: "filter"
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps), /*#__PURE__*/React__default.createElement(Icon, {
-    className: !isLargeScreen ? '-mr-1.5' : undefined,
-    name: appliedFilters.length ? 'filter-solid' : 'filter'
-  }), isLargeScreen ? texts.table.filters.button : '', appliedFilters.length ? `(${appliedFilters.length})` : '');
-}
-
-export { Filters };
-//# sourceMappingURL=Filters.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../../components/IconButton/IconButton';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../types';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        popover: popoverProps => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <Button {...buttonProps}>\n            <Icon className={!isLargeScreen ? '-mr-1.5' : undefined} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["Filters","props","length","table","texts","useLocalization","isLargeScreen","useIsLargeScreen","columnFilters","getState","appliedFilters","filter","f","isEmptyFilter","ref","React","useRef","shortcut","key","meta","shift","buttonProps","filters","tooltip","className","undefined","popover","popoverProps","ManageFiltersPopover","Shortcut","keys","useEffect","emptyFilter","find","_ref$current","current","click","IconButton","icon","Button","Icon","name","button"],"mappings":";;;;;;;;;;SAiBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGF,KAAK;EAC/B,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAGL,KAAK,CAACM,QAAQ,EAAE,CAACD,aAA8B;EACrE,MAAME,cAAc,GAAGF,aAAa,CAACG,MAAM,CAACC,CAAC,IAAI,CAACC,aAAa,CAACD,CAAC,CAAC,CAAC;EACnE,MAAME,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,MAAMC,WAAW,GAAG;IAChB,YAAY,EAAEjB,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACC,OAAO;IACzCC,SAAS,EAAEd,cAAc,CAACR,MAAM,GAAG,gBAAgB,GAAGuB,SAAS;IAC/DC,OAAO,EAAEC,YAAY,iBAAIZ,6BAACa,oBAAoB,oBAAKD,YAAY;MAAEzB,MAAM,EAAEA,MAAM;MAAEC,KAAK,EAAEA;OAAS;IACjGc,QAAQ;IACRH,GAAG;IACHS,OAAO,iBACHR,4DACKX,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACC,OAAO,eAC5BR,6BAACc,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEb;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACgB,SAAS,CAAC;IACZ,MAAMC,WAAW,GAAGxB,aAAa,CAACyB,IAAI,CAACpB,aAAa,CAAC;;IAGrD,IAAImB,WAAW,EAAE;MAAA,IAAAE,YAAA;MACb,CAAAA,YAAA,GAAApB,GAAG,CAACqB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;;GAE3B,EAAE,CAAC5B,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACF,aAAa,IAAI,CAACI,cAAc,CAACR,MAAM,EAAE;IAC1C,oBAAOa,6BAACsB,UAAU,oBAAKhB,WAAW;MAAEiB,IAAI,EAAC;OAAW;;EAGxD,oBACIvB,6BAACwB,MAAM,oBAAKlB,WAAW,gBACnBN,6BAACyB,IAAI;IAAChB,SAAS,EAAE,CAAClB,aAAa,GAAG,SAAS,GAAGmB,SAAS;IAAEgB,IAAI,EAAE/B,cAAc,CAACR,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHI,aAAa,GAAGF,KAAK,CAACD,KAAK,CAACmB,OAAO,CAACoB,MAAM,GAAG,EAAE,EAC/ChC,cAAc,CAACR,MAAM,OAAOQ,cAAc,CAACR,SAAS,GAAG,EAAE,CACrD;AAEjB;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Button } from '../../../../../../../components/Button/Button';\nimport { Group } from '../../../../../../../components/Group/Group';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../types';\nimport { Filter } from './components/Filter';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = position => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(c => c.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                return !!f.value.value;\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <div className=\"flex w-[40rem] flex-col gap-4\">\n                    <div className=\"flex h-8\">\n                        <div className=\"flex w-full items-center gap-2\">\n                            <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                            <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                {texts.table.filters.total\n                                    .replace(\n                                        '[CURRENT]',\n                                        new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n                                    )\n                                    .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                            </p>\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col gap-2\">\n                        {filters.map((filter, index) => (\n                            <Filter\n                                key={`filter_${index}`}\n                                allColumns={allColumns}\n                                filter={filter}\n                                filters={filters}\n                                position={index}\n                                onChange={handleChangeFilter}\n                                onRemove={\n                                    (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                        ? handleRemoveFilter\n                                        : undefined\n                                }\n                            />\n                        ))}\n                        <div className=\"justify-start\">\n                            <Button appearance=\"discrete\" onClick={handleCreate}>\n                                + {texts.table.filters.buttons.addFilter}\n                            </Button>\n                        </div>\n                    </div>\n                    <Group className=\"ml-auto\">\n                        <Popover.Close>\n                            <Button>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}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","columnFilters","getState","filters","setFilters","React","useState","useEffect","requestAnimationFrame","filterValues","document","querySelectorAll","lastFilter","focus","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","open","nonEmptyFilters","isEmptyFilter","Popover","onChange","Content","className","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close"],"mappings":"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"}

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

@@ -1,102 +0,0 @@
-import React__default from 'react';
-import { IconButton } from '../../../../../../../../components/IconButton/IconButton.js';
-import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
-import { TableFilterComparator } 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 ref = React__default.useRef(null);
-  const {
-    id,
-    value: {
-      comparator,
-      value
-    }
-  } = filter;
-  const handleChangeColumn = columnId => {
-    var _previousColumn$colum, _nextColumn$columnDef;
-    const previousColumn = allColumns.find(column => column.id === id);
-    const nextColumn = allColumns.find(column => column.id === columnId);
-    // UX requirement: if old column data type is the same as next column data type,
-    // then we applying the same filter value for the next column,
-    // but when data types are different, we're reseting comparator ans value for the next column
-    const value = (previousColumn === null || previousColumn === void 0 ? void 0 : (_previousColumn$colum = previousColumn.columnDef.meta) === null || _previousColumn$colum === void 0 ? void 0 : _previousColumn$colum.dataType) === (nextColumn === null || nextColumn === void 0 ? void 0 : (_nextColumn$columnDef = nextColumn.columnDef.meta) === null || _nextColumn$columnDef === void 0 ? void 0 : _nextColumn$columnDef.dataType) ? filter.value : {
-      comparator: TableFilterComparator.Contains,
-      value: undefined
-    };
-    handleChange(position, {
-      id: columnId,
-      value
-    });
-  };
-  const handleChangeComparator = comparator => {
-    let nextValue = filter.value.value;
-    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {
-      nextValue = undefined;
-    }
-    handleChange(position, {
-      id,
-      value: {
-        comparator,
-        value: nextValue
-      }
-    });
-  };
-  const handleChangeValue = value => {
-    handleChange(position, {
-      id,
-      value: {
-        ...filter.value,
-        value
-      }
-    });
-  };
-  const handleRemove = () => onRemove === null || onRemove === void 0 ? void 0 : onRemove(position);
-  React__default.useEffect(() => {
-    if (ref.current && !id) {
-      ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.
-    }
-  }, [id]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-start gap-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right"
-  }, position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where), /*#__PURE__*/React__default.createElement(FilterColumn, {
-    allColumns: allColumns,
-    filters: filters,
-    onChange: handleChangeColumn,
-    value: id,
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement(FilterComparator, {
-    column: column,
-    onChange: handleChangeComparator,
-    value: comparator
-  }), /*#__PURE__*/React__default.createElement(FilterValue, {
-    column: column,
-    comparator: comparator,
-    onChange: handleChangeValue,
-    value: value
-  }), onRemove ? /*#__PURE__*/React__default.createElement(IconButton, {
-    appearance: "discrete",
-    className: "ml-auto",
-    icon: "close",
-    onClick: handleRemove
-  }) : null);
-}
-
-export { Filter };
-//# sourceMappingURL=Filter.js.map

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

@@ -1 +0,0 @@
-{"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';\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        const value =\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n                ? filter.value\n                : {\n                      comparator: TableFilterComparator.Contains,\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","_nextColumn$columnDef","TableFilterComparator","Contains","undefined","handleChangeComparator","nextValue","IsEmpty","IsNotEmpty","handleChangeValue","handleRemove","useEffect","current","focus","className","table","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,50 +0,0 @@
-import React__default from 'react';
-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';
-
-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();
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col"
-  }, /*#__PURE__*/React__default.createElement(Field, {
-    message: warning ? texts.table.filters.hiddenColumn : undefined,
-    warning: warning,
-    className: "min-h-[theme(spacing.8)]"
-  }, /*#__PURE__*/React__default.createElement(Select2, Object.assign({}, attributes, {
-    ref: ref,
-    className: "focus:yt-focus !w-32 flex-shrink-0 ",
-    emptyValue: null,
-    onChange: handleChange,
-    value: value
-  }), allColumns.map(column => {
-    var _column$columnDef$met, _column$parent, _column$parent$column;
-    return /*#__PURE__*/React__default.createElement(Select2.Option, {
-      key: column.id,
-      value: column.id,
-      postfix: !column.getIsVisible() || column.getIsGrouped() ? ( /*#__PURE__*/React__default.createElement(Tooltip, {
-        title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        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})` : ''));
-  }))));
-});
-
-export { FilterColumn };
-//# sourceMappingURL=FilterColumn.js.map

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

@@ -1 +0,0 @@
-{"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,kBAC3CjC,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,0BAAQ/B,MAAM,CAAC+B,MAAM,cAAAjB,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAec,SAAS,CAACC,IAAI,cAAAd,qBAAA,uBAA7BA,qBAAA,CAA+Be,SAAS,GAAG,EAAE,CAAC,CAC3D;GACpB,CAAC,CACI,CACN,CACN;AAEd,CAAC;;;;"}

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

@@ -1,110 +0,0 @@
-import React__default from 'react';
-import { useLocalization } from '../../../../../../../../components/Provider/Localization.js';
-import { TableFilterComparator } from '../../../../../../types.js';
-import { Select2 } from '../../../../../../../../components/Select2/Select2.js';
-
-function FilterComparator(props) {
-  const {
-    column,
-    onChange: handleChange,
-    value,
-    ...attributes
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const validComparators = guessComparatorsBasedOnControl(column);
-  React__default.useEffect(() => {
-    if (value === undefined || !validComparators.includes(value)) {
-      handleChange === null || handleChange === void 0 ? void 0 : handleChange(validComparators[0]);
-    }
-  }, [validComparators]);
-  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)))));
-}
-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 : {};
-  if (Array.isArray(columnMeta.filters)) {
-    return columnMeta.filters;
-  }
-  if (typeof columnMeta.control === 'function') {
-    const renderedControl = columnMeta.control({
-      onBlur: () => undefined,
-      onFocus: () => undefined,
-      setValue: () => undefined,
-      value: undefined,
-      disabled: false,
-      readOnly: false,
-      ref: undefined
-    });
-    if ( /*#__PURE__*/React__default.isValidElement(renderedControl)) {
-      const {
-        props,
-        type
-      } = renderedControl;
-      if (type.displayName === 'Select2') {
-        if (props.multiple) {
-          return [TableFilterComparator.HasAnyOf, TableFilterComparator.HasAllOf, TableFilterComparator.IsEqualTo, TableFilterComparator.HasNoneOf, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
-        }
-        return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
-      }
-    }
-  }
-  if (columnMeta.dataType === 'number') {
-    return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsGreaterThan, TableFilterComparator.IsLessThan, TableFilterComparator.IsBetween, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
-  }
-  if (columnMeta.control === 'datepicker' || columnMeta.dataType === 'datetime') {
-    return [TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsBetween, TableFilterComparator.IsLessThan, TableFilterComparator.IsGreaterThan, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty, TableFilterComparator.IsLessThanOrEqualTo, TableFilterComparator.IsGreaterThanOrEqualTo];
-  }
-  if (columnMeta.control === 'switch') {
-    return [TableFilterComparator.IsEqualTo];
-  }
-  return [TableFilterComparator.Contains, TableFilterComparator.DoesNotContain, TableFilterComparator.IsEqualTo, TableFilterComparator.IsNotEqualTo, TableFilterComparator.IsEmpty, TableFilterComparator.IsNotEmpty];
-}
-function getComparatorText(comparator, texts, column) {
-  var _column$columnDef, _column$columnDef$met2;
-  const isDate = (column === null || column === void 0 ? void 0 : (_column$columnDef = column.columnDef) === null || _column$columnDef === void 0 ? void 0 : (_column$columnDef$met2 = _column$columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.control) === 'datepicker';
-  switch (comparator) {
-    case TableFilterComparator.Contains:
-      return texts.table.filters.comparators.contains;
-    case TableFilterComparator.DoesNotContain:
-      return texts.table.filters.comparators.doesNotContain;
-    case TableFilterComparator.IsEqualTo:
-      return texts.table.filters.comparators.isEqualTo;
-    case TableFilterComparator.IsNotEqualTo:
-      return texts.table.filters.comparators.isNotEqualTo;
-    case TableFilterComparator.IsGreaterThan:
-      return isDate ? texts.table.filters.comparators.isAfter : texts.table.filters.comparators.isGreaterThan;
-    case TableFilterComparator.IsLessThan:
-      return isDate ? texts.table.filters.comparators.isBefore : texts.table.filters.comparators.isLessThan;
-    case TableFilterComparator.IsBetween:
-      return texts.table.filters.comparators.isBetween;
-    case TableFilterComparator.IsEmpty:
-      return texts.table.filters.comparators.isEmpty;
-    case TableFilterComparator.IsNotEmpty:
-      return texts.table.filters.comparators.isNotEmpty;
-    case TableFilterComparator.IsLessThanOrEqualTo:
-      return isDate ? texts.table.filters.comparators.isOnOrBefore : texts.table.filters.comparators.isLessThanOrEqualTo;
-    case TableFilterComparator.IsGreaterThanOrEqualTo:
-      return isDate ? texts.table.filters.comparators.isOnOrAfter : texts.table.filters.comparators.isGreaterThanOrEqualTo;
-    case TableFilterComparator.HasAnyOf:
-      return texts.table.filters.comparators.hasAnyOf;
-    case TableFilterComparator.HasAllOf:
-      return texts.table.filters.comparators.hasAllOf;
-    case TableFilterComparator.HasNoneOf:
-      return texts.table.filters.comparators.hasNoneOf;
-    default:
-      return '';
-  }
-}
-
-export { FilterComparator };
-//# sourceMappingURL=FilterComparator.js.map

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

@@ -1 +0,0 @@
-{"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, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { LocalizationTexts, useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../types';\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    React.useEffect(() => {\n        if (value === undefined || !validComparators.includes(value as number)) {\n            handleChange?.(validComparators[0]);\n        }\n    }, [validComparators]);\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 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 as any).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.dataType === 'number') {\n        return [\n            TableFilterComparator.IsEqualTo,\n            TableFilterComparator.IsNotEqualTo,\n            TableFilterComparator.IsGreaterThan,\n            TableFilterComparator.IsLessThan,\n            TableFilterComparator.IsBetween,\n            TableFilterComparator.IsEmpty,\n            TableFilterComparator.IsNotEmpty,\n        ];\n    }\n\n    if (columnMeta.control === 'datepicker' || columnMeta.dataType === 'datetime') {\n        return [\n            TableFilterComparator.IsEqualTo,\n            TableFilterComparator.IsNotEqualTo,\n            TableFilterComparator.IsBetween,\n            TableFilterComparator.IsLessThan,\n            TableFilterComparator.IsGreaterThan,\n            TableFilterComparator.IsEmpty,\n            TableFilterComparator.IsNotEmpty,\n            TableFilterComparator.IsLessThanOrEqualTo,\n            TableFilterComparator.IsGreaterThanOrEqualTo,\n        ];\n    }\n\n    if (columnMeta.control === 'switch') {\n        return [TableFilterComparator.IsEqualTo];\n    }\n\n    return [\n        TableFilterComparator.Contains,\n        TableFilterComparator.DoesNotContain,\n        TableFilterComparator.IsEqualTo,\n        TableFilterComparator.IsNotEqualTo,\n        TableFilterComparator.IsEmpty,\n        TableFilterComparator.IsNotEmpty,\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","useEffect","undefined","includes","Select2","className","disabled","map","comparator","Option","key","getComparatorText","columnMeta","_column$columnDef$met","columnDef","meta","Array","isArray","filters","control","renderedControl","onBlur","onFocus","setValue","readOnly","ref","isValidElement","type","displayName","multiple","TableFilterComparator","HasAnyOf","HasAllOf","IsEqualTo","HasNoneOf","IsEmpty","IsNotEmpty","IsNotEqualTo","dataType","IsGreaterThan","IsLessThan","IsBetween","IsLessThanOrEqualTo","IsGreaterThanOrEqualTo","Contains","DoesNotContain","isDate","_column$columnDef","_column$columnDef$met2","table","comparators","contains","doesNotContain","isEqualTo","isNotEqualTo","isAfter","isGreaterThan","isBefore","isLessThan","isBetween","isEmpty","isNotEmpty","isOnOrBefore","isLessThanOrEqualTo","isOnOrAfter","isGreaterThanOrEqualTo","hasAnyOf","hasAllOf","hasNoneOf"],"mappings":";;;;;SAUgBA,gBAAgBA,CAAkBC,KAAmC;EACjF,MAAM;IAAEC,MAAM;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGL,KAAK;EACtE,MAAM;IAAEM;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,gBAAgB,GAAGC,8BAA8B,CAACR,MAAM,CAAC;EAE/DS,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIP,KAAK,KAAKQ,SAAS,IAAI,CAACJ,gBAAgB,CAACK,QAAQ,CAACT,KAAe,CAAC,EAAE;MACpED,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGK,gBAAgB,CAAC,CAAC,CAAC,CAAC;;GAE1C,EAAE,CAACA,gBAAgB,CAAC,CAAC;EAEtB,oBACIE,6BAACI,OAAO,oBAAKT,UAAU;IAAEU,SAAS,EAAC,qBAAqB;IAACC,QAAQ,EAAE,CAACf,MAAM;IAAEC,QAAQ,EAAEC,YAAY;IAAEC,KAAK,EAAEA;MACtGI,gBAAgB,CAACS,GAAG,CAACC,UAAU,mBAC5BR,6BAACI,OAAO,CAACK,MAAM;IAACC,GAAG,EAAEF,UAAU;IAAEd,KAAK,EAAEc;KACnCG,iBAAiB,CAACH,UAAU,EAAEZ,KAAK,EAAEL,MAAM,CAAC,CAChC,CACpB,CAAC,CACI;AAElB;AAEA,SAASQ,8BAA8BA,CAAkBR,MAAgC;;EACrF,MAAMqB,UAAU,IAAAC,qBAAA,GAAItB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEuB,SAAS,CAACC,IAAI,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,EAA2C;EAEzF,IAAIG,KAAK,CAACC,OAAO,CAACL,UAAU,CAACM,OAAO,CAAC,EAAE;IACnC,OAAQN,UAAkB,CAACM,OAAO;;EAGtC,IAAI,OAAON,UAAU,CAACO,OAAO,KAAK,UAAU,EAAE;IAC1C,MAAMC,eAAe,GAAGR,UAAU,CAACO,OAAO,CAAC;MACvCE,MAAM,EAAEA,MAAMnB,SAAS;MACvBoB,OAAO,EAAEA,MAAMpB,SAAS;MACxBqB,QAAQ,EAAEA,MAAMrB,SAAS;MACzBR,KAAK,EAAEQ,SAAS;MAChBI,QAAQ,EAAE,KAAK;MACfkB,QAAQ,EAAE,KAAK;MACfC,GAAG,EAAEvB;KACR,CAAC;IAEF,kBAAIF,cAAK,CAAC0B,cAAc,CAACN,eAAe,CAAC,EAAE;MACvC,MAAM;QAAE9B,KAAK;QAAEqC;OAAM,GAAGP,eAAsB;MAE9C,IAAIO,IAAI,CAACC,WAAW,KAAK,SAAS,EAAE;QAChC,IAAItC,KAAK,CAACuC,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,IAAIxB,UAAU,CAAC0B,QAAQ,KAAK,QAAQ,EAAE;IAClC,OAAO,CACHR,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACS,aAAa,EACnCT,qBAAqB,CAACU,UAAU,EAChCV,qBAAqB,CAACW,SAAS,EAC/BX,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;;EAGL,IAAIxB,UAAU,CAACO,OAAO,KAAK,YAAY,IAAIP,UAAU,CAAC0B,QAAQ,KAAK,UAAU,EAAE;IAC3E,OAAO,CACHR,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACW,SAAS,EAC/BX,qBAAqB,CAACU,UAAU,EAChCV,qBAAqB,CAACS,aAAa,EACnCT,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,EAChCN,qBAAqB,CAACY,mBAAmB,EACzCZ,qBAAqB,CAACa,sBAAsB,CAC/C;;EAGL,IAAI/B,UAAU,CAACO,OAAO,KAAK,QAAQ,EAAE;IACjC,OAAO,CAACW,qBAAqB,CAACG,SAAS,CAAC;;EAG5C,OAAO,CACHH,qBAAqB,CAACc,QAAQ,EAC9Bd,qBAAqB,CAACe,cAAc,EACpCf,qBAAqB,CAACG,SAAS,EAC/BH,qBAAqB,CAACO,YAAY,EAClCP,qBAAqB,CAACK,OAAO,EAC7BL,qBAAqB,CAACM,UAAU,CACnC;AACL;AAEA,SAASzB,iBAAiBA,CACtBH,UAAiC,EACjCZ,KAAwB,EACxBL,MAAyC;;EAEzC,MAAMuD,MAAM,GAAG,CAAAvD,MAAM,aAANA,MAAM,wBAAAwD,iBAAA,GAANxD,MAAM,CAAEuB,SAAS,cAAAiC,iBAAA,wBAAAC,sBAAA,GAAjBD,iBAAA,CAAmBhC,IAAI,cAAAiC,sBAAA,uBAAvBA,sBAAA,CAAyB7B,OAAO,MAAK,YAAY;EAEhE,QAAQX,UAAU;IACd,KAAKsB,qBAAqB,CAACc,QAAQ;MAC/B,OAAOhD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACC,QAAQ;IAEnD,KAAKrB,qBAAqB,CAACe,cAAc;MACrC,OAAOjD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACE,cAAc;IAEzD,KAAKtB,qBAAqB,CAACG,SAAS;MAChC,OAAOrC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACG,SAAS;IAEpD,KAAKvB,qBAAqB,CAACO,YAAY;MACnC,OAAOzC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACI,YAAY;IAEvD,KAAKxB,qBAAqB,CAACS,aAAa;MACpC,OAAOO,MAAM,GAAGlD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACK,OAAO,GAAG3D,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACM,aAAa;IAE3G,KAAK1B,qBAAqB,CAACU,UAAU;MACjC,OAAOM,MAAM,GAAGlD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACO,QAAQ,GAAG7D,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACQ,UAAU;IAEzG,KAAK5B,qBAAqB,CAACW,SAAS;MAChC,OAAO7C,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACS,SAAS;IAEpD,KAAK7B,qBAAqB,CAACK,OAAO;MAC9B,OAAOvC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACU,OAAO;IAElD,KAAK9B,qBAAqB,CAACM,UAAU;MACjC,OAAOxC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACW,UAAU;IAErD,KAAK/B,qBAAqB,CAACY,mBAAmB;MAC1C,OAAOI,MAAM,GAAGlD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACY,YAAY,GAAGlE,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACa,mBAAmB;IAEtH,KAAKjC,qBAAqB,CAACa,sBAAsB;MAC7C,OAAOG,MAAM,GAAGlD,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACc,WAAW,GAAGpE,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACe,sBAAsB;IAExH,KAAKnC,qBAAqB,CAACC,QAAQ;MAC/B,OAAOnC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACgB,QAAQ;IAEnD,KAAKpC,qBAAqB,CAACE,QAAQ;MAC/B,OAAOpC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACiB,QAAQ;IAEnD,KAAKrC,qBAAqB,CAACI,SAAS;MAChC,OAAOtC,KAAK,CAACqD,KAAK,CAAC/B,OAAO,CAACgC,WAAW,CAACkB,SAAS;IAEpD;MACI,OAAO,EAAE;;AAErB;;;;"}