@economic/taco 2.25.1-alpha.13 → 2.25.1

package/dist/esm/packages/taco/src/components/Report/components/Internal/Selection.js

@@ -0,0 +1,154 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Tooltip } from '../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Checkbox } from '../../../Checkbox/Checkbox.js';
+import { Shortcut } from '../../../Shortcut/Shortcut.js';
+import { getRadioClassnames } from '../../../RadioGroup/util.js';
+import { TableServerLoadAllState } from '../../../../primitives/Table/types.js';
+import { RowContext } from '../Row/RowContext.js';
+
+function Header(context) {
+  const {
+    texts
+  } = useLocalization();
+  const {
+    table
+  } = context;
+  const tableMeta = table.options.meta;
+  if (table.options.enableMultiRowSelection) {
+    const isAllRowsSelected = table.getIsAllRowsSelected();
+    const isSomeRowsSelected = table.getIsSomeRowsSelected();
+    const title = isAllRowsSelected ? texts.table3.columns.select.deselectAll : texts.table3.columns.select.selectAll;
+    const handleChange = function (checked) {
+      try {
+        function _temp2() {
+          table.toggleAllRowsSelected(checked);
+        }
+        const _temp = function () {
+          if (tableMeta.server.loadAllIfNeeded) {
+            // don't pass the search query because we need all data - not filtered data
+            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+          }
+        }();
+        // load all data if that is possible
+        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    return /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: title
+    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+      "aria-label": title,
+      className: "hover:border-blue !-mt-px",
+      key: String(`${isAllRowsSelected}_${isSomeRowsSelected}`),
+      checked: isAllRowsSelected,
+      indeterminate: isSomeRowsSelected,
+      loading: tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
+      onChange: handleChange
+    }));
+  }
+  return null;
+}
+const toggleBetween = (fromRowIndex, toRowIndex) => {
+  const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;
+  const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;
+  return [fromIndex, toIndex];
+};
+function Cell(context) {
+  var _table$getState$group;
+  const {
+    texts
+  } = useLocalization();
+  const {
+    row,
+    table
+  } = context;
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const tableMeta = table.options.meta;
+  if (table.options.enableGrouping && (_table$getState$group = table.getState().grouping) !== null && _table$getState$group !== void 0 && _table$getState$group.length && !row.getIsGrouped()) {
+    return null;
+  }
+  const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();
+  const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;
+  if (table.options.enableMultiRowSelection) {
+    const handleClick = function (event) {
+      try {
+        function _temp7() {
+          tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;
+        }
+        event.stopPropagation();
+        const _temp6 = function () {
+          if (row.getIsGrouped()) {
+            row.subRows.forEach(row => row.toggleSelected());
+          } else {
+            const _temp5 = function () {
+              if (event.shiftKey) {
+                var _tableMeta$rowSelecti;
+                function _temp4() {
+                  table.setRowSelection(currentRowSelection => ({
+                    ...currentRowSelection,
+                    ...selectedRows.reduce((state, row) => ({
+                      ...state,
+                      [row.id]: true
+                    }), {})
+                  }));
+                }
+                const [fromIndex, toIndex] = toggleBetween((_tableMeta$rowSelecti = tableMeta.rowSelection.lastSelectedRowIndex.current) !== null && _tableMeta$rowSelecti !== void 0 ? _tableMeta$rowSelecti : 0, rowIndex);
+                const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);
+                const _temp3 = function () {
+                  if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {
+                    // don't pass the search query because we need all data - not filtered data
+                    return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+                  }
+                }();
+                return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+              } else {
+                row.toggleSelected();
+              }
+            }();
+            if (_temp5 && _temp5.then) return _temp5.then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp7) : _temp7(_temp6));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    return /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title, /*#__PURE__*/React__default.createElement(Shortcut, {
+        className: "ml-2",
+        keys: "Space"
+      }))
+    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+      "aria-label": title,
+      className: "!mt-0",
+      checked: isSelected,
+      onClick: handleClick,
+      // this is necessary to remove console spam from eslint
+      onChange: () => false
+    }));
+  } else {
+    const className = cn('!mt-0', getRadioClassnames());
+    const handleClick = event => {
+      event.stopPropagation();
+      row.toggleSelected();
+      tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;
+    };
+    return /*#__PURE__*/React__default.createElement("button", {
+      className: className,
+      "aria-checked": isSelected,
+      onClick: handleClick,
+      role: "radio",
+      type: "button"
+    }, isSelected ? /*#__PURE__*/React__default.createElement("span", {
+      className: "h-2 w-2 rounded-full bg-white"
+    }) : null);
+  }
+}
+
+export { Cell, Header };
+//# sourceMappingURL=Selection.js.map

package/dist/esm/packages/taco/src/components/Report/components/Internal/Selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.js","sources":["../../../../../../../../../src/components/Report/components/Internal/Selection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n    RowSelectionState,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { Checkbox } from '../../../Checkbox/Checkbox';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { getRadioClassnames } from '../../../RadioGroup/util';\nimport { TableServerLoadAllState } from '../../../../primitives/Table/types';\nimport { RowContext } from '../Row/RowContext';\n\nexport function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (table.options.enableMultiRowSelection) {\n        const isAllRowsSelected = table.getIsAllRowsSelected();\n        const isSomeRowsSelected = table.getIsSomeRowsSelected();\n        const title = isAllRowsSelected ? texts.table3.columns.select.deselectAll : texts.table3.columns.select.selectAll;\n\n        const handleChange = async (checked: boolean) => {\n            // load all data if that is possible\n            if (tableMeta.server.loadAllIfNeeded) {\n                // don't pass the search query because we need all data - not filtered data\n                await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n            }\n\n            table.toggleAllRowsSelected(checked);\n        };\n\n        return (\n            <Tooltip title={title}>\n                <Checkbox\n                    aria-label={title}\n                    className=\"hover:border-blue !-mt-px\"\n                    key={String(`${isAllRowsSelected}_${isSomeRowsSelected}`)}\n                    checked={isAllRowsSelected}\n                    indeterminate={isSomeRowsSelected}\n                    loading={tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading}\n                    onChange={handleChange}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nexport function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { row, table } = context;\n    const { rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (table.options.enableGrouping && table.getState().grouping?.length && !row.getIsGrouped()) {\n        return null;\n    }\n\n    const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();\n    const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;\n\n    if (table.options.enableMultiRowSelection) {\n        const handleClick = async (event: React.MouseEvent) => {\n            event.stopPropagation();\n\n            if (row.getIsGrouped()) {\n                row.subRows.forEach(row => row.toggleSelected());\n            } else if (event.shiftKey) {\n                const [fromIndex, toIndex] = toggleBetween(tableMeta.rowSelection.lastSelectedRowIndex.current ?? 0, rowIndex);\n                const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);\n\n                if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {\n                    // don't pass the search query because we need all data - not filtered data\n                    await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n                }\n\n                table.setRowSelection((currentRowSelection: RowSelectionState) => ({\n                    ...currentRowSelection,\n                    ...selectedRows.reduce((state, row) => ({ ...state, [row.id]: true }), {}),\n                }));\n            } else {\n                row.toggleSelected();\n            }\n\n            tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n        };\n\n        return (\n            <Tooltip\n                title={\n                    <>\n                        {title}\n                        <Shortcut className=\"ml-2\" keys=\"Space\" />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={title}\n                    className=\"!mt-0\"\n                    checked={isSelected}\n                    onClick={handleClick}\n                    // this is necessary to remove console spam from eslint\n                    onChange={() => false}\n                />\n            </Tooltip>\n        );\n    } else {\n        const className = cn('!mt-0', getRadioClassnames());\n\n        const handleClick = (event: React.MouseEvent): void => {\n            event.stopPropagation();\n            row.toggleSelected();\n            tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n        };\n\n        return (\n            <button className={className} aria-checked={isSelected} onClick={handleClick} role=\"radio\" type=\"button\">\n                {isSelected ? <span className=\"h-2 w-2 rounded-full bg-white\" /> : null}\n            </button>\n        );\n    }\n}\n"],"names":["Header","context","texts","useLocalization","table","tableMeta","options","meta","enableMultiRowSelection","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","table3","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","Promise","resolve","getState","sorting","columnFilters","undefined","then","_temp2","e","reject","React","Tooltip","Checkbox","className","key","String","indeterminate","loading","loadAllStatus","TableServerLoadAllState","Loading","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","rowIndex","useContext","RowContext","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","deselect","handleClick","event","rowSelection","lastSelectedRowIndex","current","index","stopPropagation","_temp6","subRows","forEach","toggleSelected","_temp5","shiftKey","_tableMeta$rowSelecti","_temp4","setRowSelection","currentRowSelection","selectedRows","reduce","state","id","getRowModel","rows","slice","_temp3","some","original","_temp7","Shortcut","keys","onClick","cn","getRadioClassnames","role","type"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Row/DisplayRow.js

@@ -0,0 +1,102 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { RowContext } from './RowContext.js';
+import { Cell } from '../Cell/Cell.js';
+
+const DisplayRow = /*#__PURE__*/React__default.memo(function DisplayRow(props) {
+  const {
+    index,
+    measureRow,
+    row,
+    table
+  } = props;
+  const {
+    setIsHovered
+  } = React__default.useContext(RowContext);
+  const tableMeta = table.options.meta;
+  const attributes = {
+    'data-row-id': row.id,
+    'data-row-index': index,
+    onMouseEnter: React__default.useCallback(() => setIsHovered(true), []),
+    onMouseLeave: React__default.useCallback(() => setIsHovered(false), []),
+    tabIndex: -1
+  };
+  const handleClick = React__default.useCallback(event => {
+    var _event$currentTarget;
+    const clickedElement = event.target;
+    if (!((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(event.target)) || clickableElements.includes(clickedElement.tagName.toLowerCase()) || clickedElement.closest(clickableElements.map(tag => `tr ${tag}`).join(','))) {
+      return;
+    }
+    tableMeta.rowClick.handleClick(event, row.original);
+  }, [row.original]);
+  const handleClickCapture = React__default.useCallback(() => {
+    // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable
+    requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));
+  }, []);
+  // row active
+  if (tableMeta.rowActive.isEnabled) {
+    attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;
+    // we use capture because it let's us picks up clicks on components inside the row, e.g. checkboxes
+    attributes.onClickCapture = handleClickCapture;
+  }
+  // row click
+  if (tableMeta.rowClick.isEnabled) {
+    attributes.onClick = handleClick;
+  }
+  // row grouping
+  if (table.options.enableGrouping) {
+    attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;
+  }
+  // row selection
+  if (table.options.enableRowSelection) {
+    attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;
+  }
+  let expandedRow;
+  if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {
+    var _tableMeta$rowExpansi, _tableMeta$rowExpansi2, _tableMeta$rowExpansi3;
+    attributes['data-row-expanded'] = true;
+    expandedRow = (_tableMeta$rowExpansi = (_tableMeta$rowExpansi2 = tableMeta.rowExpansion).rowExpansionRenderer) === null || _tableMeta$rowExpansi === void 0 ? void 0 : (_tableMeta$rowExpansi3 = _tableMeta$rowExpansi.call(_tableMeta$rowExpansi2, row.original)) === null || _tableMeta$rowExpansi3 === void 0 ? void 0 : _tableMeta$rowExpansi3();
+  }
+  const rowMeta = row.original._meta;
+  if (rowMeta) {
+    if (rowMeta.layout) {
+      attributes['data-row-meta-layout'] = rowMeta.layout;
+    }
+  }
+  const ref = React__default.useRef(null);
+  const expansionRef = React__default.useRef(null);
+  const isExpanded = !!attributes['data-row-expanded'];
+  useSetVirtualisedRowHeight(measureRow, ref.current, expansionRef.current, isExpanded);
+  const className = cn('group/row', {
+    'hover:cursor-pointer': typeof attributes.onClick === 'function'
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", Object.assign({}, attributes, {
+    className: className,
+    ref: ref
+  }), row.getVisibleCells().map((cell, cellIndex) => ( /*#__PURE__*/React__default.createElement(Cell, {
+    key: cell.id,
+    cell: cell,
+    index: cellIndex
+  })))), expandedRow ? ( /*#__PURE__*/React__default.createElement("tr", {
+    "data-row-parent-id": row.id,
+    ref: expansionRef
+  }, /*#__PURE__*/React__default.createElement("td", {
+    className: "col-span-full"
+  }, expandedRow))) : null);
+});
+const clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];
+function useSetVirtualisedRowHeight(measureRow, rowEl, expansionEl, isExpanded) {
+  React__default.useEffect(() => {
+    if (rowEl) {
+      const height = rowEl.getBoundingClientRect().height;
+      if (isExpanded && expansionEl) {
+        measureRow(height, expansionEl.getBoundingClientRect().height);
+      } else {
+        measureRow(height);
+      }
+    }
+  }, [isExpanded, rowEl, expansionEl]);
+}
+
+export { DisplayRow };
+//# sourceMappingURL=DisplayRow.js.map

package/dist/esm/packages/taco/src/components/Report/components/Row/DisplayRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../../../src/components/Report/components/Row/DisplayRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, Row as ReactTableRow, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { RowContext } from './RowContext';\nimport { Cell } from '../Cell/Cell';\nimport { ReportRowWithMetaData } from '../../types';\n\nexport type DisplayRowProps<TType = unknown> = {\n    index: number;\n    measureRow: (size: number, expansionHeight?: number) => void;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n};\n\nexport const DisplayRow = React.memo(function DisplayRow<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { index, measureRow, row, table } = props;\n    const { setIsHovered } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const attributes: any = {\n        'data-row-id': row.id,\n        'data-row-index': index,\n        onMouseEnter: React.useCallback(() => setIsHovered(true), []),\n        onMouseLeave: React.useCallback(() => setIsHovered(false), []),\n        tabIndex: -1,\n    };\n\n    const handleClick = React.useCallback(\n        (event: React.MouseEvent<HTMLTableRowElement>) => {\n            const clickedElement = event.target as HTMLElement;\n\n            if (\n                !event.currentTarget?.contains(event.target as HTMLElement) ||\n                clickableElements.includes(clickedElement.tagName.toLowerCase()) ||\n                clickedElement.closest(clickableElements.map(tag => `tr ${tag}`).join(','))\n            ) {\n                return;\n            }\n\n            tableMeta.rowClick.handleClick(event, row.original);\n        },\n        [row.original]\n    );\n    const handleClickCapture = React.useCallback(() => {\n        // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable\n        requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n    }, []);\n\n    // row active\n    if (tableMeta.rowActive.isEnabled) {\n        attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n        // we use capture because it let's us picks up clicks on components inside the row, e.g. checkboxes\n        attributes.onClickCapture = handleClickCapture;\n    }\n\n    // row click\n    if (tableMeta.rowClick.isEnabled) {\n        attributes.onClick = handleClick;\n    }\n\n    // row grouping\n    if (table.options.enableGrouping) {\n        attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n    }\n\n    // row selection\n    if (table.options.enableRowSelection) {\n        attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n    }\n\n    let expandedRow;\n\n    if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {\n        attributes['data-row-expanded'] = true;\n        expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n    }\n\n    const rowMeta = (row.original as ReportRowWithMetaData<TType>)._meta;\n\n    if (rowMeta) {\n        if (rowMeta.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n    }\n\n    const ref = React.useRef<HTMLTableRowElement>(null);\n    const expansionRef = React.useRef<HTMLTableRowElement>(null);\n    const isExpanded = !!attributes['data-row-expanded'];\n\n    useSetVirtualisedRowHeight(measureRow, ref.current, expansionRef.current, isExpanded);\n\n    const className = cn('group/row', {\n        'hover:cursor-pointer': typeof attributes.onClick === 'function',\n    });\n\n    return (\n        <>\n            <tr {...attributes} className={className} ref={ref}>\n                {row.getVisibleCells().map((cell, cellIndex) => (\n                    <Cell key={cell.id} cell={cell} index={cellIndex} />\n                ))}\n            </tr>\n            {expandedRow ? (\n                <tr data-row-parent-id={row.id} ref={expansionRef}>\n                    <td className=\"col-span-full\">{expandedRow}</td>\n                </tr>\n            ) : null}\n        </>\n    );\n}) as <TType = unknown>(props: DisplayRowProps<TType>) => JSX.Element;\n\nconst clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];\n\nfunction useSetVirtualisedRowHeight(\n    measureRow: (size: number, expansionHeight?: number) => void,\n    rowEl: HTMLTableRowElement | null,\n    expansionEl: HTMLTableRowElement | null,\n    isExpanded: boolean\n) {\n    React.useEffect(() => {\n        if (rowEl) {\n            const height = rowEl.getBoundingClientRect().height;\n\n            if (isExpanded && expansionEl) {\n                measureRow(height, expansionEl.getBoundingClientRect().height);\n            } else {\n                measureRow(height);\n            }\n        }\n    }, [isExpanded, rowEl, expansionEl]);\n}\n"],"names":["DisplayRow","React","memo","props","index","measureRow","row","table","setIsHovered","useContext","RowContext","tableMeta","options","meta","attributes","id","onMouseEnter","useCallback","onMouseLeave","tabIndex","handleClick","event","clickedElement","target","_event$currentTarget","currentTarget","contains","clickableElements","includes","tagName","toLowerCase","closest","map","tag","join","rowClick","original","handleClickCapture","requestAnimationFrame","rowActive","setRowActiveIndex","isEnabled","rowActiveIndex","undefined","onClickCapture","onClick","enableGrouping","getIsGrouped","enableRowSelection","getIsSelected","getIsAllSubRowsSelected","expandedRow","rowExpansion","getIsExpanded","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","_tableMeta$rowExpansi3","rowExpansionRenderer","call","rowMeta","_meta","layout","ref","useRef","expansionRef","isExpanded","useSetVirtualisedRowHeight","current","className","cn","getVisibleCells","cell","cellIndex","Cell","key","rowEl","expansionEl","useEffect","height","getBoundingClientRect"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Row/Row.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { RowContext } from './RowContext.js';
+import { SkeletonRow } from './SkeletonRow.js';
+import { DisplayRow } from './DisplayRow.js';
+
+/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */
+function Row(props) {
+  // context - it must be here for cells to read it, since they render alongside the row
+  const [isHovered, setIsHovered] = React__default.useState(false);
+  const contextValue = React__default.useMemo(() => ({
+    isHovered,
+    setIsHovered,
+    rowIndex: props.index
+  }), [isHovered]);
+  if (props.row.original === undefined) {
+    return /*#__PURE__*/React__default.createElement(SkeletonRow, Object.assign({}, props));
+  }
+  return /*#__PURE__*/React__default.createElement(RowContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React__default.createElement(DisplayRow, Object.assign({}, props)));
+}
+
+export { Row };
+//# sourceMappingURL=Row.js.map

package/dist/esm/packages/taco/src/components/Report/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Report/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';\nimport { SkeletonRow } from './SkeletonRow';\nimport { DisplayRow } from './DisplayRow';\nimport { RowContext } from './RowContext';\n\nexport type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & {\n    index: number;\n    measureRow: (size: number, expansionHeight?: number) => void;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n};\n\n/* anonymous functions will break the memoisation on each render, wrap handlers in callbacks */\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    // context - it must be here for cells to read it, since they render alongside the row\n    const [isHovered, setIsHovered] = React.useState(false);\n    const contextValue = React.useMemo(() => ({ isHovered, setIsHovered, rowIndex: props.index }), [isHovered]);\n\n    if (props.row.original === undefined) {\n        return <SkeletonRow {...props} />;\n    }\n\n    return (\n        <RowContext.Provider value={contextValue}>\n            <DisplayRow<TType> {...props} />\n        </RowContext.Provider>\n    );\n}\n"],"names":["Row","props","isHovered","setIsHovered","React","useState","contextValue","useMemo","rowIndex","index","row","original","undefined","SkeletonRow","RowContext","Provider","value","DisplayRow"],"mappings":";;;;;AAaA;SACgBA,GAAGA,CAAkBC,KAAsB;;EAEvD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAMC,YAAY,GAAGF,cAAK,CAACG,OAAO,CAAC,OAAO;IAAEL,SAAS;IAAEC,YAAY;IAAEK,QAAQ,EAAEP,KAAK,CAACQ;GAAO,CAAC,EAAE,CAACP,SAAS,CAAC,CAAC;EAE3G,IAAID,KAAK,CAACS,GAAG,CAACC,QAAQ,KAAKC,SAAS,EAAE;IAClC,oBAAOR,6BAACS,WAAW,oBAAKZ,KAAK,EAAI;;EAGrC,oBACIG,6BAACU,UAAU,CAACC,QAAQ;IAACC,KAAK,EAAEV;kBACxBF,6BAACa,UAAU,oBAAYhB,KAAK,EAAI,CACd;AAE9B;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Row/RowContext.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+const RowContext = /*#__PURE__*/React__default.createContext({
+  isHovered: false,
+  setIsHovered: () => undefined,
+  rowIndex: -1
+});
+
+export { RowContext };
+//# sourceMappingURL=RowContext.js.map

package/dist/esm/packages/taco/src/components/Report/components/Row/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sources":["../../../../../../../../../src/components/Report/components/Row/RowContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype RowContextValue = {\n    isHovered: boolean;\n    setIsHovered: (value: boolean) => void;\n    rowIndex: number;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isHovered: false,\n    setIsHovered: () => undefined,\n    rowIndex: -1,\n});\n"],"names":["RowContext","React","createContext","isHovered","setIsHovered","undefined","rowIndex"],"mappings":";;MAQaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAEA,MAAMC,SAAS;EAC7BC,QAAQ,EAAE,CAAC;CACd;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Row/SkeletonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonRow.js","sources":["../../../../../../../../../src/components/Report/components/Row/SkeletonRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { useInView } from 'react-intersection-observer';\n\nexport type RowProps<TType = unknown> = {\n    index: number;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n};\n\nexport function SkeletonRow<TType = unknown>(props: RowProps<TType>) {\n    const { index, row, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (tableMeta.server.isEnabled) {\n        return <RowWithServerLoading {...props} index={index} />;\n    }\n\n    return <Skeleton id={row.id} cells={row.getVisibleCells()} />;\n}\n\nexport function RowWithServerLoading<TType = unknown>(props: RowProps<TType>) {\n    const { index, row, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const pageIndex = (Math.floor(index / tableMeta.server.pageSize) * tableMeta.server.pageSize) / tableMeta.server.pageSize;\n\n    const { ref, inView } = useInView({\n        threshold: 0,\n        triggerOnce: true,\n        initialInView: pageIndex === 0,\n    });\n\n    React.useEffect(() => {\n        if (inView) {\n            tableMeta.server.loadPage?.(\n                pageIndex,\n                table.getState().sorting,\n                table.getState().columnFilters,\n                table.getState().globalFilter\n            );\n        }\n    }, [inView]);\n\n    return <Skeleton cells={row.getVisibleCells()} ref={ref} />;\n}\n\nexport const Skeleton = React.forwardRef(function Skeleton(props: any, ref: React.Ref<HTMLTableRowElement>) {\n    const { cells } = props;\n\n    return (\n        <>\n            <tr ref={ref}>\n                {cells.map(cell => (\n                    <td key={cell.id}>\n                        <span className=\"bg-grey-100 text-grey-700 h-4 w-full text-center text-xs\" />\n                    </td>\n                ))}\n            </tr>\n        </>\n    );\n});\n"],"names":["SkeletonRow","props","index","row","table","tableMeta","options","meta","server","isEnabled","React","RowWithServerLoading","Skeleton","id","cells","getVisibleCells","pageIndex","Math","floor","pageSize","ref","inView","useInView","threshold","triggerOnce","initialInView","useEffect","_tableMeta$server$loa","_tableMeta$server","loadPage","call","getState","sorting","columnFilters","globalFilter","forwardRef","map","cell","key","className"],"mappings":";;;SAUgBA,WAAWA,CAAkBC,KAAsB;EAC/D,MAAM;IAAEC,KAAK;IAAEC,GAAG;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,IAAIF,SAAS,CAACG,MAAM,CAACC,SAAS,EAAE;IAC5B,oBAAOC,6BAACC,oBAAoB,oBAAKV,KAAK;MAAEC,KAAK,EAAEA;OAAS;;EAG5D,oBAAOQ,6BAACE,QAAQ;IAACC,EAAE,EAAEV,GAAG,CAACU,EAAE;IAAEC,KAAK,EAAEX,GAAG,CAACY,eAAe;IAAM;AACjE;SAEgBJ,oBAAoBA,CAAkBV,KAAsB;EACxE,MAAM;IAAEC,KAAK;IAAEC,GAAG;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,MAAMS,SAAS,GAAIC,IAAI,CAACC,KAAK,CAAChB,KAAK,GAAGG,SAAS,CAACG,MAAM,CAACW,QAAQ,CAAC,GAAGd,SAAS,CAACG,MAAM,CAACW,QAAQ,GAAId,SAAS,CAACG,MAAM,CAACW,QAAQ;EAEzH,MAAM;IAAEC,GAAG;IAAEC;GAAQ,GAAGC,SAAS,CAAC;IAC9BC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,IAAI;IACjBC,aAAa,EAAET,SAAS,KAAK;GAChC,CAAC;EAEFN,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAIL,MAAM,EAAE;MAAA,IAAAM,qBAAA,EAAAC,iBAAA;MACR,CAAAD,qBAAA,IAAAC,iBAAA,GAAAvB,SAAS,CAACG,MAAM,EAACqB,QAAQ,cAAAF,qBAAA,uBAAzBA,qBAAA,CAAAG,IAAA,CAAAF,iBAAA,EACIZ,SAAS,EACTZ,KAAK,CAAC2B,QAAQ,EAAE,CAACC,OAAO,EACxB5B,KAAK,CAAC2B,QAAQ,EAAE,CAACE,aAAa,EAC9B7B,KAAK,CAAC2B,QAAQ,EAAE,CAACG,YAAY,CAChC;;GAER,EAAE,CAACb,MAAM,CAAC,CAAC;EAEZ,oBAAOX,6BAACE,QAAQ;IAACE,KAAK,EAAEX,GAAG,CAACY,eAAe,EAAE;IAAEK,GAAG,EAAEA;IAAO;AAC/D;MAEaR,QAAQ,gBAAGF,cAAK,CAACyB,UAAU,CAAC,SAASvB,QAAQA,CAACX,KAAU,EAAEmB,GAAmC;EACtG,MAAM;IAAEN;GAAO,GAAGb,KAAK;EAEvB,oBACIS,yEACIA;IAAIU,GAAG,EAAEA;KACJN,KAAK,CAACsB,GAAG,CAACC,IAAI,mBACX3B;IAAI4B,GAAG,EAAED,IAAI,CAACxB;kBACVH;IAAM6B,SAAS,EAAC;IAA6D,CAC5E,CACR,CAAC,CACD,CACN;AAEX,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/Toolbar.js

@@ -0,0 +1,63 @@
+import React__default from 'react';
+import { Group } from '../../../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';
+
+function Toolbar(props) {
+  const {
+    customSettings,
+    left,
+    length,
+    right,
+    scrollToIndex,
+    table,
+    tableId,
+    tableRef
+  } = props;
+  const tableMeta = table.options.meta;
+  if (!isToolbarVisible(props, customSettings)) {
+    return null;
+  }
+  const canFilter = table.options.enableColumnFilters;
+  const canPrint = tableMeta.printing.isEnabled;
+  const canSettings = canChangeSettings(table, customSettings);
+  const canSearch = tableMeta.search.isEnabled;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden",
+    "data-taco": "report-toolbar"
+  }, left, /*#__PURE__*/React__default.createElement(Group, {
+    className: "ml-auto flex-shrink-0 print:hidden"
+  }, canFilter ? /*#__PURE__*/React__default.createElement(Filters, {
+    length: length,
+    table: table
+  }) : null, right, canPrint ? /*#__PURE__*/React__default.createElement(Print, {
+    table: table,
+    tableId: tableId,
+    tableRef: tableRef
+  }) : null, canSettings ? /*#__PURE__*/React__default.createElement(Settings, {
+    customSettings: customSettings,
+    table: table
+  }) : null, canSearch ? /*#__PURE__*/React__default.createElement(Search, {
+    scrollToIndex: scrollToIndex,
+    table: table
+  }) : null));
+}
+function canChangeSettings(table, customSettings) {
+  const tableMeta = table.options.meta;
+  return table.options.enableHiding || tableMeta.columnOrdering.isEnabled || tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || typeof customSettings === 'function';
+}
+function isToolbarVisible(props, customSettings) {
+  const {
+    left,
+    right,
+    table
+  } = props;
+  const tableMeta = table.options.meta;
+  const hasInternalToolbar = table.options.enableColumnFilters || tableMeta.printing.isEnabled || canChangeSettings(table, customSettings) || tableMeta.search.isEnabled;
+  return hasInternalToolbar || !!left || !!right;
+}
+
+export { Toolbar };
+//# sourceMappingURL=Toolbar.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../../../../src/components/Report/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Group } from '../../../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 { TableRef } from '../../../../primitives/Table/types';\nimport { ReportCustomSettingsRenderer } from '../../types';\n\nexport type ToolbarProps<TType = unknown> = {\n    customSettings?: ReportCustomSettingsRenderer;\n    left?: JSX.Element;\n    length: number;\n    right?: JSX.Element;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableId: string;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function Toolbar<TType = unknown>(props: ToolbarProps<TType>) {\n    const { customSettings, left, length, right, scrollToIndex, table, tableId, tableRef } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (!isToolbarVisible(props, customSettings)) {\n        return null;\n    }\n\n    const canFilter = table.options.enableColumnFilters;\n    const canPrint = tableMeta.printing.isEnabled;\n    const canSettings = canChangeSettings(table, customSettings);\n    const canSearch = tableMeta.search.isEnabled;\n\n    return (\n        <div className=\"mb-4 flex flex-shrink flex-grow-0 flex-wrap gap-2 print:hidden\" data-taco=\"report-toolbar\">\n            {left}\n            <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                {canFilter ? <Filters length={length} table={table} /> : null}\n                {right}\n                {canPrint ? <Print table={table} tableId={tableId} tableRef={tableRef} /> : null}\n                {canSettings ? <Settings customSettings={customSettings} table={table} /> : null}\n                {canSearch ? <Search scrollToIndex={scrollToIndex} table={table} /> : null}\n            </Group>\n        </div>\n    );\n}\n\nfunction canChangeSettings<TType = unknown>(table: ReactTable<TType>, customSettings?: ReportCustomSettingsRenderer) {\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>(props: ToolbarProps<TType>, customSettings?: ReportCustomSettingsRenderer) {\n    const { left, right, table } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const hasInternalToolbar =\n        table.options.enableColumnFilters ||\n        tableMeta.printing.isEnabled ||\n        canChangeSettings(table, customSettings) ||\n        tableMeta.search.isEnabled;\n\n    return hasInternalToolbar || !!left || !!right;\n}\n"],"names":["Toolbar","props","customSettings","left","length","right","scrollToIndex","table","tableId","tableRef","tableMeta","options","meta","isToolbarVisible","canFilter","enableColumnFilters","canPrint","printing","isEnabled","canSettings","canChangeSettings","canSearch","search","React","className","Group","Filters","Print","Settings","Search","enableHiding","columnOrdering","fontSize","rowHeight","hasInternalToolbar"],"mappings":";;;;;;;SAqBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,cAAc;IAAEC,IAAI;IAAEC,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,KAAK;IAAEC,OAAO;IAAEC;GAAU,GAAGR,KAAK;EAC9F,MAAMS,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAE7D,IAAI,CAACC,gBAAgB,CAACZ,KAAK,EAAEC,cAAc,CAAC,EAAE;IAC1C,OAAO,IAAI;;EAGf,MAAMY,SAAS,GAAGP,KAAK,CAACI,OAAO,CAACI,mBAAmB;EACnD,MAAMC,QAAQ,GAAGN,SAAS,CAACO,QAAQ,CAACC,SAAS;EAC7C,MAAMC,WAAW,GAAGC,iBAAiB,CAACb,KAAK,EAAEL,cAAc,CAAC;EAC5D,MAAMmB,SAAS,GAAGX,SAAS,CAACY,MAAM,CAACJ,SAAS;EAE5C,oBACIK;IAAKC,SAAS,EAAC,gEAAgE;iBAAW;KACrFrB,IAAI,eACLoB,6BAACE,KAAK;IAACD,SAAS,EAAC;KACZV,SAAS,gBAAGS,6BAACG,OAAO;IAACtB,MAAM,EAAEA,MAAM;IAAEG,KAAK,EAAEA;IAAS,GAAG,IAAI,EAC5DF,KAAK,EACLW,QAAQ,gBAAGO,6BAACI,KAAK;IAACpB,KAAK,EAAEA,KAAK;IAAEC,OAAO,EAAEA,OAAO;IAAEC,QAAQ,EAAEA;IAAY,GAAG,IAAI,EAC/EU,WAAW,gBAAGI,6BAACK,QAAQ;IAAC1B,cAAc,EAAEA,cAAc;IAAEK,KAAK,EAAEA;IAAS,GAAG,IAAI,EAC/Ec,SAAS,gBAAGE,6BAACM,MAAM;IAACvB,aAAa,EAAEA,aAAa;IAAEC,KAAK,EAAEA;IAAS,GAAG,IAAI,CACtE,CACN;AAEd;AAEA,SAASa,iBAAiBA,CAAkBb,KAAwB,EAAEL,cAA6C;EAC/G,MAAMQ,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAE7D,OACIL,KAAK,CAACI,OAAO,CAACmB,YAAY,IAC1BpB,SAAS,CAACqB,cAAc,CAACb,SAAS,IAClCR,SAAS,CAACsB,QAAQ,CAACd,SAAS,IAC5BR,SAAS,CAACuB,SAAS,CAACf,SAAS,IAC7B,OAAOhB,cAAc,KAAK,UAAU;AAE5C;AAEA,SAASW,gBAAgBA,CAAkBZ,KAA0B,EAAEC,cAA6C;EAChH,MAAM;IAAEC,IAAI;IAAEE,KAAK;IAAEE;GAAO,GAAGN,KAAK;EACpC,MAAMS,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAE7D,MAAMsB,kBAAkB,GACpB3B,KAAK,CAACI,OAAO,CAACI,mBAAmB,IACjCL,SAAS,CAACO,QAAQ,CAACC,SAAS,IAC5BE,iBAAiB,CAACb,KAAK,EAAEL,cAAc,CAAC,IACxCQ,SAAS,CAACY,MAAM,CAACJ,SAAS;EAE9B,OAAOgB,kBAAkB,IAAI,CAAC,CAAC/B,IAAI,IAAI,CAAC,CAACE,KAAK;AAClD;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/Filters.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { Icon } from '../../../../../Icon/Icon.js';
+import { IconButton } from '../../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../../Provider/Localization.js';
+import { Button } from '../../../../../Button/Button.js';
+import { Shortcut } from '../../../../../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.table3.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.table3.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.table3.filters.button : '', appliedFilters.length ? `(${appliedFilters.length})` : '');
+}
+
+export { Filters };
+//# sourceMappingURL=Filters.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../src/components/Report/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 '../../../../../Provider/Localization';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { Button } from '../../../../../Button/Button';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../../primitives/Table/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.table3.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.table3.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.table3.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","table3","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,CAACkB,MAAM,CAACC,OAAO,CAACC,OAAO;IAC1CC,SAAS,EAAEf,cAAc,CAACR,MAAM,GAAG,gBAAgB,GAAGwB,SAAS;IAC/DC,OAAO,EAAEC,YAAY,iBAAIb,6BAACc,oBAAoB,oBAAKD,YAAY;MAAE1B,MAAM,EAAEA,MAAM;MAAEC,KAAK,EAAEA;OAAS;IACjGc,QAAQ;IACRH,GAAG;IACHU,OAAO,iBACHT,4DACKX,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACC,OAAO,eAC7BT,6BAACe,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEd;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACiB,SAAS,CAAC;IACZ,MAAMC,WAAW,GAAGzB,aAAa,CAAC0B,IAAI,CAACrB,aAAa,CAAC;;IAGrD,IAAIoB,WAAW,EAAE;MAAA,IAAAE,YAAA;MACb,CAAAA,YAAA,GAAArB,GAAG,CAACsB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;;GAE3B,EAAE,CAAC7B,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACF,aAAa,IAAI,CAACI,cAAc,CAACR,MAAM,EAAE;IAC1C,oBAAOa,6BAACuB,UAAU,oBAAKjB,WAAW;MAAEkB,IAAI,EAAC;OAAW;;EAGxD,oBACIxB,6BAACyB,MAAM,oBAAKnB,WAAW,gBACnBN,6BAAC0B,IAAI;IAAChB,SAAS,EAAE,CAACnB,aAAa,GAAG,SAAS,GAAGoB,SAAS;IAAEgB,IAAI,EAAEhC,cAAc,CAACR,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHI,aAAa,GAAGF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACoB,MAAM,GAAG,EAAE,EAChDjC,cAAc,CAACR,MAAM,OAAOQ,cAAc,CAACR,SAAS,GAAG,EAAE,CACrD;AAEjB;;;;"}