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

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

@@ -1,23 +1,23 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Group } from '../../../../../components/Group/Group.js';
 import { Search } from './components/Search/Search.js';
 import { Settings } from './components/Settings/Settings.js';
 import { Print } from './components/Print/Print.js';
 import { Filters } from './components/Filters/Filters.js';
 
+var _excluded = ["children", "table"];
 function TableToolbar(props) {
-  const {
-    children: customTools,
-    table,
-    ...attributes
-  } = props;
+  var customTools = props.children,
+    table = props.table,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
   if (!isToolbarVisible(table, !!customTools)) {
     return null;
   }
-  const canFilter = table.instance.options.enableColumnFilters;
-  const canPrint = table.meta.printing.isEnabled;
-  const canSettings = canChangeSettings(table.instance, table.props.customSettings);
-  const canSearch = table.meta.search.isEnabled;
+  var canFilter = table.instance.options.enableColumnFilters;
+  var canPrint = table.meta.printing.isEnabled;
+  var canSettings = canChangeSettings(table.instance, table.props.customSettings);
+  var canSearch = table.meta.search.isEnabled;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: "mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden",
     "data-taco": "table-toolbar"
@@ -42,11 +42,11 @@ function TableToolbar(props) {
   }, table.props.toolbarPanel) : undefined);
 }
 function canChangeSettings(table, customSettings) {
-  const tableMeta = table.options.meta;
+  var tableMeta = table.options.meta;
   return table.options.enableHiding || tableMeta.columnOrdering.isEnabled || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || typeof customSettings === 'function';
 }
 function isToolbarVisible(table, customTools) {
-  const hasInternalToolbar = customTools || table.instance.options.enableColumnFilters || table.meta.printing.isEnabled || canChangeSettings(table.instance, table.props.customSettings) || table.meta.search.isEnabled;
+  var hasInternalToolbar = customTools || table.instance.options.enableColumnFilters || table.meta.printing.isEnabled || canChangeSettings(table.instance, table.props.customSettings) || table.meta.search.isEnabled;
   return hasInternalToolbar || !!table.props.toolbarLeft || !!table.props.toolbarRight;
 }
 

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

@@ -1 +1 @@
-{"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 { useTableReturnValue } from '../../useTable';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(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 items-center 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 ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : 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<TType = unknown>(table: useTableReturnValue<TType>, 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":"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"}
+{"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 { useTableReturnValue } from '../../useTable';\n\nexport type TableToolbarProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    children?: JSX.Element | null;\n    table: useTableReturnValue<TType>;\n};\n\nexport function TableToolbar<TType = unknown>(props: TableToolbarProps<TType>) {\n    const { children: customTools, table, ...attributes } = props;\n\n    if (!isToolbarVisible<TType>(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 items-center 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 ? (\n                        <Search scrollToIndex={table.renderer.scrollToIndex} table={table.instance} tableRef={table.ref} />\n                    ) : 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<TType = unknown>(table: useTableReturnValue<TType>, 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","customTools","children","table","attributes","_objectWithoutPropertiesLoose","_excluded","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":"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"}

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var FilterContext = /*#__PURE__*/React__default.createContext([]);
+
+export { FilterContext };
+//# sourceMappingURL=FilterContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContext.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/FilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport { TableFilter } from '../../../../../types';\n\nexport const FilterContext = React.createContext<TableFilter[]>([]);\n"],"names":["FilterContext","React","createContext"],"mappings":";;IAGaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB,EAAE;;;;"}

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

@@ -9,38 +9,39 @@ 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 = {
+  var length = props.length,
+    table = props.table;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var isLargeScreen = useIsLargeScreen();
+  var columnFilters = table.getState().columnFilters;
+  var appliedFilters = columnFilters.filter(function (f) {
+    return !isEmptyFilter(f);
+  });
+  var ref = React__default.useRef(null);
+  var shortcut = {
     key: 'f',
     meta: true,
     shift: true
   };
-  const buttonProps = {
+  var 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,
+    popover: function popover(popoverProps) {
+      return /*#__PURE__*/React__default.createElement(ManageFiltersPopover, Object.assign({}, popoverProps, {
+        length: length,
+        table: table
+      }));
+    },
+    shortcut: shortcut,
+    ref: 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);
+  React__default.useEffect(function () {
+    var emptyFilter = columnFilters.find(isEmptyFilter);
     // we set an empty filter when adding a filter through a column header.
     if (emptyFilter) {
       var _ref$current;
@@ -55,7 +56,7 @@ function Filters(props) {
   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})` : '');
+  }), isLargeScreen ? texts.table.filters.button : '', appliedFilters.length ? "(" + appliedFilters.length + ")" : '');
 }
 
 export { Filters };

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

@@ -1 +1 @@
-{"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,gBACHR,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,GAAG,IAAIQ,cAAc,CAACR,MAAM,GAAG,GAAG,EAAE,CACrD;AAEjB;;;;"}
+{"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","_useLocalization","useLocalization","texts","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,IAAQC,MAAM,GAAYD,KAAK,CAAvBC,MAAM;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EACrB,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,IAAMC,aAAa,GAAGN,KAAK,CAACO,QAAQ,EAAE,CAACD,aAA8B;EACrE,IAAME,cAAc,GAAGF,aAAa,CAACG,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAI,CAACC,aAAa,CAACD,CAAC,CAAC;IAAC;EACnE,IAAME,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EAEjD,IAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,IAAMC,WAAW,GAAG;IAChB,YAAY,EAAEhB,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACC,OAAO;IACzCC,SAAS,EAAEd,cAAc,CAACT,MAAM,GAAG,gBAAgB,GAAGwB,SAAS;IAC/DC,OAAO,EAAE,SAAAA,QAAAC,YAAY;MAAA,oBAAIZ,6BAACa,oBAAoB,oBAAKD,YAAY;QAAE1B,MAAM,EAAEA,MAAM;QAAEC,KAAK,EAAEA;SAAS;;IACjGe,QAAQ,EAARA,QAAQ;IACRH,GAAG,EAAHA,GAAG;IACHS,OAAO,gBACHR,4DACKV,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACC,OAAO,eAC5BR,6BAACc,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEb;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAMC,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,CAACT,MAAM,EAAE;IAC1C,oBAAOc,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,CAACT,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHK,aAAa,GAAGD,KAAK,CAACH,KAAK,CAACoB,OAAO,CAACoB,MAAM,GAAG,EAAE,EAC/ChC,cAAc,CAACT,MAAM,SAAOS,cAAc,CAACT,MAAM,SAAM,EAAE,CACrD;AAEjB;;;;"}

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useLocalization } from '../../../../../../../components/Provider/Localization.js';
 import { Button } from '../../../../../../../components/Button/Button.js';
 import { Popover } from '../../../../../../../components/Popover/Popover.js';
@@ -6,9 +7,11 @@ import { Group } from '../../../../../../../components/Group/Group.js';
 import { TableFilterComparator } from '../../../../../types.js';
 import { isInternalColumn } from '../../../../../useTableManager/util/columns.js';
 import { sortByHeader, isEmptyFilter } from './util.js';
+import { FilterContext } from './FilterContext.js';
 import { Filter } from './components/Filter.js';
 
-const placeholderFilter = {
+var _excluded = ["length", "table"];
+var placeholderFilter = {
   id: '',
   value: {
     comparator: TableFilterComparator.Contains,
@@ -16,33 +19,34 @@ const placeholderFilter = {
   }
 };
 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;
+  var length = props.length,
+    table = props.table,
+    popoverProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    locale = _useLocalization.locale,
+    texts = _useLocalization.texts;
+  var allColumns = table.getAllLeafColumns().filter(function (column) {
+    return !isInternalColumn(column.id);
+  }).sort(sortByHeader);
+  var columnFilters = table.getState().columnFilters;
   // 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]);
+  var _React$useState = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]),
+    filters = _React$useState[0],
+    setFilters = _React$useState[1];
   // this runs if filters are set outside (e.g. through column header)
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     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;
+    requestAnimationFrame(function () {
+      var filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
+      var 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) => {
+  var handleChangeFilter = function handleChangeFilter(position, filter) {
+    setFilters(function (currentFilters) {
+      return currentFilters.map(function (current, index) {
         if (index === position) {
           return filter;
         }
@@ -50,48 +54,58 @@ function ManageFiltersPopover(props) {
       });
     });
   };
-  const handleRemoveFilter = position => {
+  var handleRemoveFilter = function handleRemoveFilter(position) {
     if (filters.length === 1) {
       setFilters([placeholderFilter]);
       return;
     }
-    setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));
+    setFilters(function (currentFilters) {
+      return currentFilters.filter(function (_, index) {
+        return index !== position;
+      });
+    });
   };
-  const handleCreate = () => {
+  var handleCreate = function handleCreate() {
     setFilters(filters.concat(placeholderFilter));
   };
   //
-  const handleApply = () => {
-    table.setColumnFilters(() => {
-      const newFilters = filters.filter(f => {
+  var handleApply = function handleApply() {
+    table.setColumnFilters(function () {
+      var newFilters = filters.filter(function (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;
+        var controlRenderer = (_allColumns$find = allColumns.find(function (c) {
+          return c.id === f.id;
+        })) === null || _allColumns$find === void 0 ? void 0 : (_allColumns$find$colu = _allColumns$find.columnDef.meta) === null || _allColumns$find$colu === void 0 ? void 0 : _allColumns$find$colu.control;
         if (f.value.comparator === TableFilterComparator.IsEmpty || f.value.comparator === TableFilterComparator.IsNotEmpty || controlRenderer === 'switch') {
           return true;
         }
-        const value = f.value.value;
+        var value = f.value.value;
         return value !== undefined && value !== null && value !== '';
       });
       return newFilters;
     });
   };
-  const handleClear = () => {
+  var handleClear = function handleClear() {
     table.resetColumnFilters();
     setFilters([placeholderFilter]);
   };
-  const handleClose = open => {
+  var handleClose = function handleClose(open) {
     if (!open) {
-      const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));
+      var nonEmptyFilters = columnFilters.filter(function (f) {
+        return !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", {
+  }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement(FilterContext.Provider, {
+    value: filters
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex w-[40rem] flex-col gap-4"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex h-8"
@@ -103,15 +117,18 @@ function ManageFiltersPopover(props) {
     className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
   }, texts.table.filters.total.replace('[CURRENT]', new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))))), /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-2"
-  }, filters.map((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", {
+  }, filters.map(function (filter, index) {
+    return /*#__PURE__*/React__default.createElement(Filter, {
+      key: "filter_" + index,
+      allColumns: allColumns,
+      filter: filter,
+      position: index,
+      onChange: handleChangeFilter,
+      onRemove: filters.length > 0 && filters.some(function (f) {
+        return f.id;
+      }) || filters.length > 1 ? handleRemoveFilter : undefined
+    });
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "justify-start"
   }, /*#__PURE__*/React__default.createElement(Button, {
     appearance: "discrete",
@@ -123,7 +140,7 @@ function ManageFiltersPopover(props) {
   }, texts.table.filters.buttons.clear), /*#__PURE__*/React__default.createElement(Button, {
     appearance: "primary",
     onClick: handleApply
-  }, texts.table.filters.buttons.apply)))));
+  }, texts.table.filters.buttons.apply))))));
 }
 
 export { ManageFiltersPopover };

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

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

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

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