@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1,159 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { IconButton } from '../../../../IconButton/IconButton.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Menu } from '../../../../Menu/Menu.js';
+import { _finallyRethrows, _catch } from '../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { GotoPopover } from './Goto.js';
+
+function HeaderMenu(props) {
+  const {
+    canFilter,
+    canGoto,
+    canHide,
+    canPin,
+    canSort,
+    customMenu,
+    index,
+    isFiltered,
+    onFilter: handleFilter,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onPin: handlePin,
+    onSortToggle: handleSortToggle,
+    //   scrollToIndex,
+    setRowActiveIndex,
+    sortDirection
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const [popover, setPopover] = React__default.useState(undefined);
+  let popoverElement;
+  if (popover) {
+    const handleClosePopover = () => setPopover(undefined);
+    switch (popover) {
+      case 'goto':
+        {
+          if (handleGoto) {
+            const goto = function (query) {
+              try {
+                const _temp = _finallyRethrows(function () {
+                  return _catch(function () {
+                    return Promise.resolve(handleGoto(query)).then(function (index) {
+                      // scroll to first, row active might not be enabled
+                      //scrollToIndex(index + 2, { align: 'center' });
+                      setRowActiveIndex(index);
+                    });
+                  }, function (e) {
+                    console.error(e);
+                    //
+                  });
+                }, function (_wasThrown, _result) {
+                  handleClosePopover();
+                  if (_wasThrown) throw _result;
+                  return _result;
+                });
+                return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+              } catch (e) {
+                return Promise.reject(e);
+              }
+            };
+            popoverElement = props => /*#__PURE__*/React__default.createElement(GotoPopover, Object.assign({}, props, {
+              open: true,
+              onChange: handleClosePopover,
+              onGoto: goto
+            }));
+          }
+        }
+    }
+  }
+  const memoedMenuItems = React__default.useMemo(() => {
+    const menuItems = [];
+    if (canHide && handleHide) {
+      // we do this in the next tick, otherwise the menu closes and react throws a "state update on unmounted component" error
+      const handleClick = event => setTimeout(() => handleHide(event), 1);
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: "eye-off",
+        onClick: handleClick
+      }, texts.table3.columns.menu.hideColumn));
+    }
+    if (canSort) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: "sort-by",
+        subMenu: () => ( /*#__PURE__*/React__default.createElement(Menu.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu.RadioGroup, {
+          onChange: handleSortToggle,
+          value: sortDirection
+        }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+          value: "asc"
+        }, texts.table3.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+          value: "desc"
+        }, texts.table3.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+          value: false
+        }, texts.table3.columns.menu.sortingOrder.unsorted))))
+      }, texts.table3.columns.menu.sorting));
+    }
+    if (canGoto) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: "move",
+        onClick: () => setPopover('goto'),
+        shortcut: "g"
+      }, texts.table3.columns.menu.gotoRow, "..."));
+    }
+    if (canPin && handlePin) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: "column-freeze",
+        onClick: () => handlePin(index)
+      }, index === 0 ? texts.table3.columns.menu.freezeFirstColumn : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: "column-unfreeze",
+        onClick: () => handlePin(undefined)
+      }, texts.table3.columns.menu.unfreezeColumns));
+    }
+    if (canFilter && handleFilter) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
+        icon: isFiltered ? 'filter-solid' : 'filter',
+        onClick: () => handleFilter()
+      }, isFiltered ? texts.table3.columns.menu.editFilter : texts.table3.columns.menu.filter));
+    }
+    if (customMenu) {
+      const menu = customMenu({
+        trigger: undefined
+      });
+      const customItems = React__default.Children.toArray(menu.props.children.props.children);
+      if (customItems.length) {
+        if (menuItems.length) {
+          menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Separator, null));
+        }
+        menuItems.push(...customItems);
+      }
+    }
+    return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
+      key
+    }));
+  }, [canFilter, canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, isFiltered, sortDirection]);
+  // can't use display: none because the button needs to be focusable
+  const className = cn(
+  // positioning
+  'justify-end -mr-1 overflow-hidden',
+  // sizing
+  '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',
+  // visible - hover
+  'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',
+  // visible - expanded
+  'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',
+  // visible - focus
+  'focus:!w-6 focus:!min-w-[theme(spacing.6)]', {
+    '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement
+  }, props.className);
+  return /*#__PURE__*/React__default.createElement(IconButton, {
+    className: className,
+    icon: "more",
+    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems))),
+    popover: popoverElement,
+    onClickCapture: event => event.preventDefault()
+  });
+}
+
+export { HeaderMenu };
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../../primitives/Table/types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    // scrollToIndex: TableStrategy['scrollToIndex'];\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        //   scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            // scroll to first, row active might not be enabled\n                            //scrollToIndex(index + 2, { align: 'center' });\n                            setRowActiveIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table3.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table3.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table3.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table3.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table3.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table3.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table3.columns.menu.editFilter : texts.table3.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const menu = customMenu({ trigger: undefined });\n            const customItems = React.Children.toArray(menu.props.children.props.children) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end -mr-1 overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","customMenu","index","isFiltered","onFilter","handleFilter","onGoto","handleGoto","onHide","handleHide","onPin","handlePin","onSortToggle","handleSortToggle","setRowActiveIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","editFilter","filter","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Tooltip } from '../../../../Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../Provider/Localization.js';
+
+function Resizer(props) {
+  const {
+    headerRef,
+    id,
+    isResizing,
+    onResize,
+    setColumnSizing,
+    width
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  // this prevents sort handlers being activated
+  const handleClick = event => {
+    event.stopPropagation();
+    event.preventDefault();
+  };
+  // columns set to "grow" don't set a width, so if resize is being triggered on a grow column make sure to set a size first
+  const handleResize = event => {
+    if (!Number.isInteger(width) && headerRef) {
+      setColumnSizing(sizes => ({
+        ...sizes,
+        [id]: headerRef.getBoundingClientRect().width
+      }));
+      setTimeout(() => {
+        onResize === null || onResize === void 0 ? void 0 : onResize(event);
+      }, 1);
+    } else {
+      onResize === null || onResize === void 0 ? void 0 : onResize(event);
+    }
+  };
+  const handle = /*#__PURE__*/React__default.createElement("div", {
+    className: cn('invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5', 'group-hover/header:visible', '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2', {
+      '!visible': isResizing
+    }),
+    onClick: handleClick,
+    onMouseDown: handleResize,
+    onTouchStart: handleResize
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: cn('h-full w-1 rounded', {
+      '!bg-blue-500': isResizing,
+      'bg-grey-500 hover:bg-grey-700': !isResizing
+    })
+  }));
+  if (isResizing) {
+    return handle;
+  }
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    placement: "top",
+    title: texts.table3.columns.resize.tooltip
+  }, handle);
+}
+
+export { Resizer };
+//# sourceMappingURL=Resizer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/Resizer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { TableColumnWidth } from '../../../../../primitives/Table/types';\n\ntype ResizerProps = {\n    headerRef: HTMLTableCellElement | null;\n    id: string;\n    isResizing: boolean;\n    onResize: (event: unknown) => void;\n    setColumnSizing: any;\n    width?: TableColumnWidth;\n};\n\nexport function Resizer(props: ResizerProps) {\n    const { headerRef, id, isResizing, onResize, setColumnSizing, width } = props;\n    const { texts } = useLocalization();\n\n    // this prevents sort handlers being activated\n    const handleClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    // columns set to \"grow\" don't set a width, so if resize is being triggered on a grow column make sure to set a size first\n    const handleResize = event => {\n        if (!Number.isInteger(width) && headerRef) {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: headerRef.getBoundingClientRect().width,\n            }));\n            setTimeout(() => {\n                onResize?.(event);\n            }, 1);\n        } else {\n            onResize?.(event);\n        }\n    };\n\n    const handle = (\n        <div\n            className={cn(\n                'invisible absolute right-0 top-0 z-10 -mr-2 flex h-full w-4 cursor-col-resize touch-none select-none justify-center rounded py-0.5',\n                'group-hover/header:visible',\n                '[th:last-child>&]:!mr-0 [th:last-child>&]:w-2',\n                {\n                    '!visible': isResizing,\n                }\n            )}\n            onClick={handleClick}\n            onMouseDown={handleResize}\n            onTouchStart={handleResize}>\n            <div\n                className={cn('h-full w-1 rounded', {\n                    '!bg-blue-500': isResizing,\n                    'bg-grey-500 hover:bg-grey-700': !isResizing,\n                })}\n            />\n        </div>\n    );\n\n    if (isResizing) {\n        return handle;\n    }\n\n    return (\n        <Tooltip placement=\"top\" title={texts.table3.columns.resize.tooltip}>\n            {handle}\n        </Tooltip>\n    );\n}\n"],"names":["Resizer","props","headerRef","id","isResizing","onResize","setColumnSizing","width","texts","useLocalization","handleClick","event","stopPropagation","preventDefault","handleResize","Number","isInteger","sizes","getBoundingClientRect","setTimeout","handle","React","className","cn","onClick","onMouseDown","onTouchStart","Tooltip","placement","title","table3","columns","resize","tooltip"],"mappings":";;;;;SAegBA,OAAOA,CAACC,KAAmB;EACvC,MAAM;IAAEC,SAAS;IAAEC,EAAE;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,eAAe;IAAEC;GAAO,GAAGN,KAAK;EAC7E,MAAM;IAAEO;GAAO,GAAGC,eAAe,EAAE;;EAGnC,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBD,KAAK,CAACE,cAAc,EAAE;GACzB;;EAGD,MAAMC,YAAY,GAAGH,KAAK;IACtB,IAAI,CAACI,MAAM,CAACC,SAAS,CAACT,KAAK,CAAC,IAAIL,SAAS,EAAE;MACvCI,eAAe,CAACW,KAAK,KAAK;QACtB,GAAGA,KAAK;QACR,CAACd,EAAE,GAAGD,SAAS,CAACgB,qBAAqB,EAAE,CAACX;OAC3C,CAAC,CAAC;MACHY,UAAU,CAAC;QACPd,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGM,KAAK,CAAC;OACpB,EAAE,CAAC,CAAC;KACR,MAAM;MACHN,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGM,KAAK,CAAC;;GAExB;EAED,MAAMS,MAAM,gBACRC;IACIC,SAAS,EAAEC,EAAE,CACT,oIAAoI,EACpI,4BAA4B,EAC5B,+CAA+C,EAC/C;MACI,UAAU,EAAEnB;KACf,CACJ;IACDoB,OAAO,EAAEd,WAAW;IACpBe,WAAW,EAAEX,YAAY;IACzBY,YAAY,EAAEZ;kBACdO;IACIC,SAAS,EAAEC,EAAE,CAAC,oBAAoB,EAAE;MAChC,cAAc,EAAEnB,UAAU;MAC1B,+BAA+B,EAAE,CAACA;KACrC;IACH,CAET;EAED,IAAIA,UAAU,EAAE;IACZ,OAAOgB,MAAM;;EAGjB,oBACIC,6BAACM,OAAO;IAACC,SAAS,EAAC,KAAK;IAACC,KAAK,EAAErB,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC;KACvDb,MAAM,CACD;AAElB;;;;"}

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