@economic/taco 2.21.2 → 2.22.0

package/dist/esm/packages/taco/src/components/Report/components/Header/components/SortIndicator.js

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { Icon } from '../../../../Icon/Icon.js';
+
+const indicators = {
+  asc: /*#__PURE__*/React__default.createElement(Icon, {
+    name: "chevron-up-solid",
+    className: "pointer-events-none -my-0.5"
+  }),
+  desc: /*#__PURE__*/React__default.createElement(Icon, {
+    name: "chevron-down-solid",
+    className: "pointer-events-none -my-0.5"
+  })
+};
+function SortIndicator(props) {
+  var _indicators$props$dir;
+  return (_indicators$props$dir = indicators[props.direction]) !== null && _indicators$props$dir !== void 0 ? _indicators$props$dir : null;
+}
+const ariaSort = {
+  asc: 'ascending',
+  desc: 'descending'
+};
+function getSortAttributes(canSort, toggleSorting, sortDirection) {
+  var _ariaSort$sortDirecti;
+  if (!canSort) {
+    return {};
+  }
+  const handleClick = event => {
+    if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target)) {
+      return;
+    }
+    event.preventDefault();
+    toggleSorting === null || toggleSorting === void 0 ? void 0 : toggleSorting(event);
+  };
+  return {
+    'aria-sort': (_ariaSort$sortDirecti = ariaSort[sortDirection]) !== null && _ariaSort$sortDirecti !== void 0 ? _ariaSort$sortDirecti : 'none',
+    onClick: handleClick
+  };
+}
+
+export { SortIndicator, getSortAttributes };
+//# sourceMappingURL=SortIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumnSortDirection } from '../../../../../primitives/Table/types';\nimport { Icon } from '../../../../Icon/Icon';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as string] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending',\n    desc: 'descending',\n};\n\nexport const getAriaSort = direction => ariaSort[direction] ?? 'none';\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting?.(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as any] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["indicators","asc","React","Icon","name","className","desc","SortIndicator","props","_indicators$props$dir","direction","ariaSort","getSortAttributes","canSort","toggleSorting","sortDirection","handleClick","event","isDefaultPrevented","currentTarget","contains","target","preventDefault","_ariaSort$sortDirecti","onClick"],"mappings":";;;AAQA,MAAMA,UAAU,GAAG;EACfC,GAAG,eAAEC,6BAACC,IAAI;IAACC,IAAI,EAAC,kBAAkB;IAACC,SAAS,EAAC;IAAgC;EAC7EC,IAAI,eAAEJ,6BAACC,IAAI;IAACC,IAAI,EAAC,oBAAoB;IAACC,SAAS,EAAC;;CACnD;SAEeE,aAAaA,CAACC,KAAyB;;EACnD,QAAAC,qBAAA,GAAOT,UAAU,CAACQ,KAAK,CAACE,SAAmB,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,IAAI;AACxD;AAEA,MAAME,QAAQ,GAAG;EACbV,GAAG,EAAE,WAAW;EAChBK,IAAI,EAAE;CACT;SAIeM,iBAAiBA,CAC7BC,OAAgB,EAChBC,aAAwC,EACxCC,aAAgD;;EAEhD,IAAI,CAACF,OAAO,EAAE;IACV,OAAO,EAAE;;EAGb,MAAMG,WAAW,GAAIC,KAAuB;IACxC,IAAIA,KAAK,CAACC,kBAAkB,EAAE,IAAI,CAACD,KAAK,CAACE,aAAa,CAACC,QAAQ,CAACH,KAAK,CAACI,MAAa,CAAC,EAAE;MAClF;;IAGJJ,KAAK,CAACK,cAAc,EAAE;IACtBR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGG,KAAK,CAAC;GACzB;EAED,OAAO;IACH,WAAW,GAAAM,qBAAA,GAAEZ,QAAQ,CAACI,aAAoB,CAAC,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,MAAM;IACrDC,OAAO,EAAER;GACZ;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Header/util.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { isInternalColumn } from '../../../../primitives/Table/useTable/util/columns.js';
+
+function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureSize, setColumnSizing) {
+  React__default.useEffect(() => {
+    // columns that aren't set to grow must set a pixel width...
+    // otherwise when scrolling through the table, the column widths adjust based on the content
+    // of the column, this is because to the virtualisation mounting new rows and unmounting old ones
+    if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id) && defaultWidth !== 'grow') {
+      setColumnSizing(sizes => ({
+        ...sizes,
+        [id]: element.getBoundingClientRect().width
+      }));
+    }
+  }, [element, canMeasureSize, width]);
+}
+function getIsPinned(header) {
+  var _header$subHeaders, _header$subHeaders$fi;
+  // TODO: Is there a native function that does this check for groups?
+  return (_header$subHeaders = header.subHeaders) !== null && _header$subHeaders !== void 0 && _header$subHeaders.length ? (_header$subHeaders$fi = header.subHeaders.find(x => x.column.getIsPinned())) === null || _header$subHeaders$fi === void 0 ? void 0 : _header$subHeaders$fi.column.getIsPinned() : header.column.getIsPinned();
+}
+
+export { getIsPinned, useSetInitialColumnSizing };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Header/util.ts"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';\nimport { TableColumnWidth } from '../../../../primitives/Table/types';\nimport { isInternalColumn } from '../../../../primitives/Table/useTable/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: any\n) {\n    React.useEffect(() => {\n        // columns that aren't set to grow must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id) && defaultWidth !== 'grow') {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: element.getBoundingClientRect().width,\n            }));\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["useSetInitialColumnSizing","id","defaultWidth","width","element","canMeasureSize","setColumnSizing","React","useEffect","Number","isInteger","isInternalColumn","sizes","getBoundingClientRect","getIsPinned","header","_header$subHeaders","subHeaders","length","_header$subHeaders$fi","find","x","column"],"mappings":";;;SAKgBA,yBAAyBA,CACrCC,EAAU,EACVC,YAA0C,EAC1CC,KAAmC,EACnCC,OAAoC,EACpCC,cAAuB,EACvBC,eAAoB;EAEpBC,cAAK,CAACC,SAAS,CAAC;;;;IAIZ,IAAIH,cAAc,IAAID,OAAO,IAAI,CAACK,MAAM,CAACC,SAAS,CAACP,KAAK,CAAC,IAAI,CAACQ,gBAAgB,CAACV,EAAE,CAAC,IAAIC,YAAY,KAAK,MAAM,EAAE;MAC3GI,eAAe,CAACM,KAAK,KAAK;QACtB,GAAGA,KAAK;QACR,CAACX,EAAE,GAAGG,OAAO,CAACS,qBAAqB,EAAE,CAACV;OACzC,CAAC,CAAC;;GAEV,EAAE,CAACC,OAAO,EAAEC,cAAc,EAAEF,KAAK,CAAC,CAAC;AACxC;SAEgBW,WAAWA,CACvBC,MAAwC;;;EAGxC,OAAO,CAAAC,kBAAA,GAAAD,MAAM,CAACE,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM,IAAAC,qBAAA,GAC1BJ,MAAM,CAACE,UAAU,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,CAACR,WAAW,EAAE,CAAC,cAAAK,qBAAA,uBAAnDA,qBAAA,CAAqDG,MAAM,CAACR,WAAW,EAAE,GACzEC,MAAM,CAACO,MAAM,CAACR,WAAW,EAAE;AACrC;;;;"}

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

@@ -0,0 +1,90 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { IconButton } from '../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+import { Shortcut } from '../../../Shortcut/Shortcut.js';
+import { Menu } from '../../../Menu/Menu.js';
+import { FontSizes } from '../../../../types.js';
+import { RowContext } from '../Row/RowContext.js';
+
+function Header() {
+  return null;
+}
+function Actions(props) {
+  const {
+    actions,
+    actionsLength,
+    data,
+    fontSize,
+    isActiveRow
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const visibleActions = actions.map(action => action(data)).filter(action => !!action);
+  const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
+  const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
+  const className = cn('-mb-2 flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden', {
+    // Adjust negative margin on row actions cell to ensure that the cell aligns vertically.
+    '-mt-2': fontSize === FontSizes.small,
+    '-mt-1.5': fontSize !== FontSizes.small
+  });
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: className
+  }, actionsOnRow.map((button, index) => {
+    var _ref, _button$props$tooltip;
+    const tooltip = String((_ref = (_button$props$tooltip = button.props.tooltip) !== null && _button$props$tooltip !== void 0 ? _button$props$tooltip : button.props['aria-label']) !== null && _ref !== void 0 ? _ref : '');
+    return /*#__PURE__*/React__default.cloneElement(button, {
+      appearance: 'transparent',
+      key: index,
+      tabIndex: isActiveRow ? 0 : -1,
+      tooltip: button.props.shortcut ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+        className: "ml-2",
+        keys: button.props.shortcut
+      }))) : tooltip
+    });
+  }), actionsInMenu.length ? ( /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "transparent",
+    "aria-label": texts.table3.columns.actions.tooltip,
+    icon: "more",
+    tabIndex: isActiveRow ? 0 : -1,
+    menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, actionsInMenu.map((action, i) => ( /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
+      key: i
+    }, action.props, {
+      shortcut: action.props.shortcut
+    }), action.props['aria-label']))))))
+  })) : null);
+}
+const Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
+  const {
+    row,
+    table
+  } = context;
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const tableMeta = table.options.meta;
+  const actions = tableMeta.rowActions.rowActions;
+  const actionsLength = tableMeta.rowActions.rowActionsLength;
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
+  const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
+  const {
+    isHovered
+  } = React__default.useContext(RowContext);
+  // We don't want to show actions in edit mode, since we have editing actions,
+  // which is shown in edit mode instead.
+  if (actions !== null && actions !== void 0 && actions.length && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
+    return /*#__PURE__*/React__default.createElement(Actions, {
+      actions: actions,
+      actionsLength: actionsLength,
+      data: row.original,
+      fontSize: tableMeta.fontSize.size,
+      isActiveRow: isActiveRow
+    });
+  }
+  return null;
+});
+
+export { Actions, Cell, Header };
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../../../../../src/components/Report/components/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { RowContext } from '../Row/RowContext';\nimport { TableFontSize, TableRowActionRenderer } from '../../../../primitives/Table/types';\nimport { FontSizes } from '../../../../types';\n\nexport function Header() {\n    return null;\n}\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    fontSize: TableFontSize;\n    isActiveRow: boolean;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, fontSize, isActiveRow } = props;\n    const { texts } = useLocalization();\n    const visibleActions = actions.map(action => action(data)).filter(action => !!action) as JSX.Element[];\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    const className = cn(\n        '-mb-2 flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden',\n        {\n            // Adjust negative margin on row actions cell to ensure that the cell aligns vertically.\n            '-mt-2': fontSize === FontSizes.small,\n            '-mt-1.5': fontSize !== FontSizes.small,\n        }\n    );\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table3.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nexport const Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const { isHovered } = React.useContext(RowContext);\n\n    // We don't want to show actions in edit mode, since we have editing actions,\n    // which is shown in edit mode instead.\n    if (actions?.length && (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))) {\n        return (\n            <Actions\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                fontSize={tableMeta.fontSize.size}\n                isActiveRow={isActiveRow}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n"],"names":["Header","Actions","props","actions","actionsLength","data","fontSize","isActiveRow","texts","useLocalization","visibleActions","map","action","filter","actionsOnRow","length","slice","actionsInMenu","className","cn","FontSizes","small","React","button","index","tooltip","String","_ref","_button$props$tooltip","cloneElement","appearance","key","tabIndex","shortcut","Shortcut","keys","IconButton","table3","columns","icon","menu","menuProps","Menu","Content","i","Item","Cell","memo","MemoedCell","context","row","table","rowIndex","useContext","RowContext","tableMeta","options","meta","rowActions","rowActionsLength","rowActive","rowActiveIndex","isResizingColumn","getState","columnSizingInfo","isHoverStatePaused","isHovered","original","size"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import { Tooltip } from '../../../Tooltip/Tooltip.js';
+import { IconButton } from '../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../Provider/Localization.js';
+
+function Header(context) {
+  const {
+    texts
+  } = useLocalization();
+  const {
+    table
+  } = context;
+  const isSomeRowsExpanded = table.getIsSomeRowsExpanded();
+  const handleClick = event => {
+    event.stopPropagation();
+    table.toggleAllRowsExpanded(!isSomeRowsExpanded);
+  };
+  const title = isSomeRowsExpanded ? texts.table3.columns.expansion.collapseAll : texts.table3.columns.expansion.expandAll;
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: title
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    appearance: "transparent",
+    icon: isSomeRowsExpanded ? 'chevron-down-double' : 'chevron-right-double',
+    onClick: handleClick,
+    tabIndex: -1,
+    title: title
+  }));
+}
+function Cell(context) {
+  var _tableMeta$rowExpansi, _tableMeta$rowExpansi2;
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = context.table.options.meta;
+  const hasExpandedRow = (_tableMeta$rowExpansi = (_tableMeta$rowExpansi2 = tableMeta.rowExpansion).rowExpansionRenderer) === null || _tableMeta$rowExpansi === void 0 ? void 0 : _tableMeta$rowExpansi.call(_tableMeta$rowExpansi2, context.row.original);
+  if (hasExpandedRow) {
+    const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;
+    const isExpanded = context.row.getIsExpanded();
+    const handleClick = event => {
+      event.stopPropagation();
+      context.row.toggleExpanded();
+    };
+    const title = isExpanded ? texts.table3.columns.expansion.collapse : texts.table3.columns.expansion.expand;
+    const tabIndex = isActiveRow ? 0 : -1;
+    return /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: title
+    }, /*#__PURE__*/React__default.createElement(IconButton, {
+      appearance: "discrete",
+      icon: isExpanded ? 'chevron-down' : 'chevron-right',
+      onClick: handleClick,
+      tabIndex: tabIndex,
+      title: title
+    }));
+  }
+  return null;
+}
+
+export { Cell, Header };
+//# sourceMappingURL=Expansion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Expansion.js","sources":["../../../../../../../../../src/components/Report/components/Internal/Expansion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { IconButton } from '../../../IconButton/IconButton';\n\nexport function Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n\n    const isSomeRowsExpanded = table.getIsSomeRowsExpanded();\n\n    const handleClick = event => {\n        event.stopPropagation();\n        table.toggleAllRowsExpanded(!isSomeRowsExpanded);\n    };\n\n    const title = isSomeRowsExpanded ? texts.table3.columns.expansion.collapseAll : texts.table3.columns.expansion.expandAll;\n\n    return (\n        <Tooltip title={title}>\n            <IconButton\n                appearance=\"transparent\"\n                icon={isSomeRowsExpanded ? 'chevron-down-double' : 'chevron-right-double'}\n                onClick={handleClick}\n                tabIndex={-1}\n                title={title}\n            />\n        </Tooltip>\n    );\n}\n\nexport function Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    const hasExpandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(context.row.original);\n\n    if (hasExpandedRow) {\n        const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;\n        const isExpanded = context.row.getIsExpanded();\n\n        const handleClick = event => {\n            event.stopPropagation();\n            context.row.toggleExpanded();\n        };\n\n        const title = isExpanded ? texts.table3.columns.expansion.collapse : texts.table3.columns.expansion.expand;\n        const tabIndex = isActiveRow ? 0 : -1;\n\n        return (\n            <Tooltip title={title}>\n                <IconButton\n                    appearance=\"discrete\"\n                    icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                    onClick={handleClick}\n                    tabIndex={tabIndex}\n                    title={title}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n"],"names":["Header","context","texts","useLocalization","table","isSomeRowsExpanded","getIsSomeRowsExpanded","handleClick","event","stopPropagation","toggleAllRowsExpanded","title","table3","columns","expansion","collapseAll","expandAll","React","Tooltip","IconButton","appearance","icon","onClick","tabIndex","Cell","tableMeta","options","meta","hasExpandedRow","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","rowExpansion","rowExpansionRenderer","call","row","original","isActiveRow","rowActive","rowActiveIndex","index","isExpanded","getIsExpanded","toggleExpanded","collapse","expand"],"mappings":";;;;;SAUgBA,MAAMA,CAAkBC,OAAgD;EACpF,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EAEzB,MAAMI,kBAAkB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAExD,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBL,KAAK,CAACM,qBAAqB,CAAC,CAACL,kBAAkB,CAAC;GACnD;EAED,MAAMM,KAAK,GAAGN,kBAAkB,GAAGH,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,SAAS,CAACC,WAAW,GAAGb,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,SAAS,CAACE,SAAS;EAExH,oBACIC,6BAACC,OAAO;IAACP,KAAK,EAAEA;kBACZM,6BAACE,UAAU;IACPC,UAAU,EAAC,aAAa;IACxBC,IAAI,EAAEhB,kBAAkB,GAAG,qBAAqB,GAAG,sBAAsB;IACzEiB,OAAO,EAAEf,WAAW;IACpBgB,QAAQ,EAAE,CAAC,CAAC;IACZZ,KAAK,EAAEA;IACT,CACI;AAElB;SAEgBa,IAAIA,CAAkBvB,OAA8C;;EAChF,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMsB,SAAS,GAAGxB,OAAO,CAACG,KAAK,CAACsB,OAAO,CAACC,IAA6B;EAErE,MAAMC,cAAc,IAAAC,qBAAA,GAAG,CAAAC,sBAAA,GAAAL,SAAS,CAACM,YAAY,EAACC,oBAAoB,cAAAH,qBAAA,uBAA3CA,qBAAA,CAAAI,IAAA,CAAAH,sBAAA,EAA8C7B,OAAO,CAACiC,GAAG,CAACC,QAAQ,CAAC;EAE1F,IAAIP,cAAc,EAAE;IAChB,MAAMQ,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKrC,OAAO,CAACiC,GAAG,CAACK,KAAK;IAC5E,MAAMC,UAAU,GAAGvC,OAAO,CAACiC,GAAG,CAACO,aAAa,EAAE;IAE9C,MAAMlC,WAAW,GAAGC,KAAK;MACrBA,KAAK,CAACC,eAAe,EAAE;MACvBR,OAAO,CAACiC,GAAG,CAACQ,cAAc,EAAE;KAC/B;IAED,MAAM/B,KAAK,GAAG6B,UAAU,GAAGtC,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,SAAS,CAAC6B,QAAQ,GAAGzC,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,SAAS,CAAC8B,MAAM;IAC1G,MAAMrB,QAAQ,GAAGa,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,oBACInB,6BAACC,OAAO;MAACP,KAAK,EAAEA;oBACZM,6BAACE,UAAU;MACPC,UAAU,EAAC,UAAU;MACrBC,IAAI,EAAEmB,UAAU,GAAG,cAAc,GAAG,eAAe;MACnDlB,OAAO,EAAEf,WAAW;MACpBgB,QAAQ,EAAEA,QAAQ;MAClBZ,KAAK,EAAEA;MACT,CACI;;EAIlB,OAAO,IAAI;AACf;;;;"}

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

@@ -0,0 +1,118 @@
+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';
+
+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,
+      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 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 = event => {
+      event.stopPropagation();
+      if (row.getIsGrouped()) {
+        row.subRows.forEach(row => row.toggleSelected());
+      } else if (event.shiftKey) {
+        var _tableMeta$rowSelecti;
+        const [fromIndex, toIndex] = toggleBetween((_tableMeta$rowSelecti = tableMeta.rowSelection.lastSelectedRowIndex.current) !== null && _tableMeta$rowSelecti !== void 0 ? _tableMeta$rowSelecti : 0, row.index);
+        table.getRowModel().rows.slice(fromIndex, toIndex + 1).forEach(row => row.toggleSelected(true));
+      } else {
+        row.toggleSelected();
+      }
+      tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;
+    };
+    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} 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';\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                    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 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 = (event: React.MouseEvent): void => {\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, row.index);\n\n                table\n                    .getRowModel()\n                    .rows.slice(fromIndex, toIndex + 1)\n                    .forEach(row => row.toggleSelected(true));\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","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","deselect","handleClick","event","stopPropagation","subRows","forEach","toggleSelected","shiftKey","_tableMeta$rowSelecti","rowSelection","lastSelectedRowIndex","current","index","getRowModel","rows","slice","Shortcut","keys","onClick","cn","getRadioClassnames","role","type"],"mappings":";;;;;;;;SAagBA,MAAMA,CAAkBC,OAAgD;EACpF,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EACzB,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,IAAIH,KAAK,CAACE,OAAO,CAACE,uBAAuB,EAAE;IACvC,MAAMC,iBAAiB,GAAGL,KAAK,CAACM,oBAAoB,EAAE;IACtD,MAAMC,kBAAkB,GAAGP,KAAK,CAACQ,qBAAqB,EAAE;IACxD,MAAMC,KAAK,GAAGJ,iBAAiB,GAAGP,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,WAAW,GAAGf,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,MAAM,CAACE,SAAS;IAEjH,MAAMC,YAAY,aAAUC,OAAgB;MAAA;;UAOxChB,KAAK,CAACiB,qBAAqB,CAACD,OAAO,CAAC;;QAAC,MAAAE,KAAA;UAAA,IALjCjB,SAAS,CAACkB,MAAM,CAACC,eAAe;;YAChC,OAAAC,OAAA,CAAAC,OAAA,CACMrB,SAAS,CAACkB,MAAM,CAACC,eAAe,CAACpB,KAAK,CAACuB,QAAQ,EAAE,CAACC,OAAO,EAAExB,KAAK,CAACuB,QAAQ,EAAE,CAACE,aAAa,EAAEC,SAAS,CAAC,EAAAC,IAAA;;;;QAH/G,OAAAN,OAAA,CAAAC,OAAA,CAAAJ,KAAA,IAAAA,KAAA,CAAAS,IAAA,GAAAT,KAAA,CAAAS,IAAA,CAAAC,MAAA,IAAAA,MAAA,CAAAV,KAAA;OAOH,QAAAW,CAAA;QAAA,OAAAR,OAAA,CAAAS,MAAA,CAAAD,CAAA;;;IAED,oBACIE,6BAACC,OAAO;MAACvB,KAAK,EAAEA;oBACZsB,6BAACE,QAAQ;oBACOxB,KAAK;MACjByB,SAAS,EAAC,2BAA2B;MACrCC,GAAG,EAAEC,MAAM,IAAI/B,qBAAqBE,oBAAoB,CAAC;MACzDS,OAAO,EAAEX,iBAAiB;MAC1BgC,aAAa,EAAE9B,kBAAkB;MACjC+B,QAAQ,EAAEvB;MACZ,CACI;;EAIlB,OAAO,IAAI;AACf;AAEA,MAAMwB,aAAa,GAAGA,CAACC,YAAoB,EAAEC,UAAkB;EAC3D,MAAMC,SAAS,GAAGD,UAAU,GAAGD,YAAY,GAAGC,UAAU,GAAGD,YAAY;EACvE,MAAMG,OAAO,GAAGF,UAAU,GAAGD,YAAY,GAAGC,UAAU,GAAGD,YAAY;EAErE,OAAO,CAACE,SAAS,EAAEC,OAAO,CAAC;AAC/B,CAAC;SAEeC,IAAIA,CAAkB/C,OAA8C;;EAChF,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAE8C,GAAG;IAAE7C;GAAO,GAAGH,OAAO;EAC9B,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,IAAIH,KAAK,CAACE,OAAO,CAAC4C,cAAc,KAAAC,qBAAA,GAAI/C,KAAK,CAACuB,QAAQ,EAAE,CAACyB,QAAQ,cAAAD,qBAAA,eAAzBA,qBAAA,CAA2BE,MAAM,IAAI,CAACJ,GAAG,CAACK,YAAY,EAAE,EAAE;IAC1F,OAAO,IAAI;;EAGf,MAAMC,UAAU,GAAGN,GAAG,CAACK,YAAY,EAAE,GAAGL,GAAG,CAACO,uBAAuB,EAAE,GAAGP,GAAG,CAACQ,aAAa,EAAE;EAC3F,MAAM5C,KAAK,GAAG0C,UAAU,GAAGrD,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,MAAM,CAAC0C,QAAQ,GAAGxD,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,MAAM,CAACA,MAAM;EAEpG,IAAIZ,KAAK,CAACE,OAAO,CAACE,uBAAuB,EAAE;IACvC,MAAMmD,WAAW,GAAIC,KAAuB;MACxCA,KAAK,CAACC,eAAe,EAAE;MAEvB,IAAIZ,GAAG,CAACK,YAAY,EAAE,EAAE;QACpBL,GAAG,CAACa,OAAO,CAACC,OAAO,CAACd,GAAG,IAAIA,GAAG,CAACe,cAAc,EAAE,CAAC;OACnD,MAAM,IAAIJ,KAAK,CAACK,QAAQ,EAAE;QAAA,IAAAC,qBAAA;QACvB,MAAM,CAACpB,SAAS,EAAEC,OAAO,CAAC,GAAGJ,aAAa,EAAAuB,qBAAA,GAAC7D,SAAS,CAAC8D,YAAY,CAACC,oBAAoB,CAACC,OAAO,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,CAAC,EAAEjB,GAAG,CAACqB,KAAK,CAAC;QAE/GlE,KAAK,CACAmE,WAAW,EAAE,CACbC,IAAI,CAACC,KAAK,CAAC3B,SAAS,EAAEC,OAAO,GAAG,CAAC,CAAC,CAClCgB,OAAO,CAACd,GAAG,IAAIA,GAAG,CAACe,cAAc,CAAC,IAAI,CAAC,CAAC;OAChD,MAAM;QACHf,GAAG,CAACe,cAAc,EAAE;;MAGxB3D,SAAS,CAAC8D,YAAY,CAACC,oBAAoB,CAACC,OAAO,GAAGpB,GAAG,CAACqB,KAAK;KAClE;IAED,oBACInC,6BAACC,OAAO;MACJvB,KAAK,eACDsB,4DACKtB,KAAK,eACNsB,6BAACuC,QAAQ;QAACpC,SAAS,EAAC,MAAM;QAACqC,IAAI,EAAC;QAAU;oBAGlDxC,6BAACE,QAAQ;oBACOxB,KAAK;MACjByB,SAAS,EAAC,OAAO;MACjBlB,OAAO,EAAEmC,UAAU;MACnBqB,OAAO,EAAEjB,WAAW;;MAEpBjB,QAAQ,EAAEA,MAAM;MAClB,CACI;GAEjB,MAAM;IACH,MAAMJ,SAAS,GAAGuC,EAAE,CAAC,OAAO,EAAEC,kBAAkB,EAAE,CAAC;IAEnD,MAAMnB,WAAW,GAAIC,KAAuB;MACxCA,KAAK,CAACC,eAAe,EAAE;MACvBZ,GAAG,CAACe,cAAc,EAAE;MACpB3D,SAAS,CAAC8D,YAAY,CAACC,oBAAoB,CAACC,OAAO,GAAGpB,GAAG,CAACqB,KAAK;KAClE;IAED,oBACInC;MAAQG,SAAS,EAAEA,SAAS;sBAAgBiB,UAAU;MAAEqB,OAAO,EAAEjB,WAAW;MAAEoB,IAAI,EAAC,OAAO;MAACC,IAAI,EAAC;OAC3FzB,UAAU,gBAAGpB;MAAMG,SAAS,EAAC;MAAkC,GAAG,IAAI,CAClE;;AAGrB;;;;"}

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;;;;"}