@economic/taco 2.21.2 → 2.22.0

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

@@ -0,0 +1,34 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+
+function Footer(header) {
+  return /*#__PURE__*/React__default.createElement(MemoedFooter, {
+    key: header.id,
+    footer: header
+  });
+}
+const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(props) {
+  var _footer$subHeaders, _footer$subHeaders$fi;
+  const {
+    footer
+  } = props;
+  const columnMeta = footer.column.columnDef.meta;
+  // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers
+  const isHeaderGroup = !!((_footer$subHeaders = footer.subHeaders) !== null && _footer$subHeaders !== void 0 && _footer$subHeaders.length);
+  const isPinned = isHeaderGroup ? (_footer$subHeaders$fi = footer.subHeaders.find(x => x.column.getIsPinned())) === null || _footer$subHeaders$fi === void 0 ? void 0 : _footer$subHeaders$fi.column.getIsPinned() : footer.column.getIsPinned();
+  const style = {};
+  if (isPinned) {
+    // pinned columns should be offset from either the left or right
+    style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;
+  }
+  return /*#__PURE__*/React__default.createElement("td", {
+    key: footer.id,
+    "data-cell-align": columnMeta.align,
+    "data-cell-id": footer.id,
+    "data-cell-pinned": isPinned ? isPinned : undefined,
+    style: style
+  }, footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext()));
+});
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\n\nexport function Footer<TType = unknown>(header: ReactTableHeader<TType, unknown>) {\n    return <MemoedFooter key={header.id} footer={header} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={columnMeta.align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}>\n            {footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext())}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["Footer","header","React","MemoedFooter","key","id","footer","memo","props","columnMeta","column","columnDef","meta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","find","x","getIsPinned","style","getStart","align","undefined","isPlaceholder","flexRender","getContext"],"mappings":";;;SAGgBA,MAAMA,CAAkBC,MAAwC;EAC5E,oBAAOC,6BAACC,YAAY;IAACC,GAAG,EAAEH,MAAM,CAACI,EAAE;IAAEC,MAAM,EAAEL;IAAU;AAC3D;AAMA,MAAME,YAAY,gBAAGD,cAAK,CAACK,IAAI,CAAC,SAASJ,YAAYA,CAAkBK,KAA+B;;EAClG,MAAM;IAAEF;GAAQ,GAAGE,KAAK;EACxB,MAAMC,UAAU,GAAGH,MAAM,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;;EAGvF,MAAMC,aAAa,GAAG,CAAC,GAAAC,kBAAA,GAACR,MAAM,CAACS,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM;EACjD,MAAMC,QAAQ,GAAGJ,aAAa,IAAAK,qBAAA,GACxBZ,MAAM,CAACS,UAAU,CAACI,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACV,MAAM,CAACW,WAAW,EAAE,CAAC,cAAAH,qBAAA,uBAAnDA,qBAAA,CAAqDR,MAAM,CAACW,WAAW,EAAE,GACzEf,MAAM,CAACI,MAAM,CAACW,WAAW,EAAE;EAEjC,MAAMC,KAAK,GAAwB,EAAE;EAErC,IAAIL,QAAQ,EAAE;;IAEVK,KAAK,CAACL,QAAQ,CAAC,MAAMX,MAAM,CAACI,MAAM,CAACa,QAAQ,CAACN,QAAQ,CAAC,GAAG,KAAK;;EAGjE,oBACIf;IACIE,GAAG,EAAEE,MAAM,CAACD,EAAE;uBACGI,UAAU,CAACe,KAAK;oBACnBlB,MAAM,CAACD,EAAE;wBACLY,QAAQ,GAAGA,QAAQ,GAAGQ,SAAS;IACjDH,KAAK,EAAEA;KACNhB,MAAM,CAACoB,aAAa,GAAG,IAAI,GAAGC,UAAU,CAACrB,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,MAAM,CAACsB,UAAU,EAAE,CAAC,CAC7F;AAEb,CAAC,CAAsE;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Footer/Summary.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { useLocalization } from '../../../Provider/Localization.js';
+
+function Summary(props) {
+  var _table$getState$colum;
+  const {
+    length,
+    table
+  } = props;
+  const {
+    locale,
+    texts
+  } = useLocalization();
+  const currentLength = table.getRowModel().rows.length;
+  let label;
+  let count;
+  // row selection
+  const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;
+  if (rowsSelectedLength > 0) {
+    label = texts.table3.footer.summary.selected;
+    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(rowsSelectedLength)), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
+  } else if ((_table$getState$colum = table.getState().columnFilters) !== null && _table$getState$colum !== void 0 && _table$getState$colum.length ||
+  // filtered data
+  !!table.getState().globalFilter && table.options.enableGlobalFilter // search with hide enabled
+  ) {
+    label = texts.table3.footer.summary.records;
+    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, currentLength), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
+  } else {
+    label = texts.table3.footer.summary.records;
+    count = /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length));
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "border-grey-300 sticky z-20 -mt-[2.63rem] ml-px flex h-10 w-fit items-center whitespace-nowrap rounded-bl border-t-2 bg-white px-4 !pr-3",
+    "data-taco": "table2-footer-summary"
+  }, label, "\u00A0", count);
+}
+
+export { Summary };
+//# sourceMappingURL=Summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","sources":["../../../../../../../../../src/components/Report/components/Footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { length, table } = props;\n    const { locale, texts } = useLocalization();\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table3.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table3.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        table.getState().columnFilters?.length || // filtered data\n        (!!table.getState().globalFilter && table.options.enableGlobalFilter) // search with hide enabled\n    ) {\n        label = texts.table3.footer.summary.records;\n        count = (\n            <>\n                <strong>{currentLength}</strong>&nbsp;\n                {texts.table3.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table3.footer.summary.records;\n        count = <strong>{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"border-grey-300 sticky z-20 -mt-[2.63rem] ml-px flex h-10 w-fit items-center whitespace-nowrap rounded-bl border-t-2 bg-white px-4 !pr-3\"\n            data-taco=\"table2-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["Summary","props","length","table","locale","texts","useLocalization","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getIsAllRowsSelected","getSelectedRowModel","table3","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","options","enableGlobalFilter","records","className"],"mappings":";;;SASgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGF,KAAK;EAC/B,MAAM;IAAEG,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,aAAa,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACC,IAAI,CAACP,MAAM;EAErD,IAAIQ,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGT,KAAK,CAACU,oBAAoB,EAAE,GAAGX,MAAM,GAAGC,KAAK,CAACW,mBAAmB,EAAE,CAACL,IAAI,CAACP,MAAM;EAE1G,IAAIU,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGL,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC5CP,KAAK,gBACDQ,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACjB,MAAM,CAAC,CAACkB,MAAM,CAACV,kBAAkB,CAAC,CAAU,YAC1EP,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACjB,MAAM,CAAC,CAACkB,MAAM,CAACpB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAqB,qBAAA,GAAApB,KAAK,CAACqB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgCrB,MAAM;;EACrC,CAAC,CAACC,KAAK,CAACqB,QAAQ,EAAE,CAACE,YAAY,IAAIvB,KAAK,CAACwB,OAAO,CAACC,kBAAmB;IACvE;IACElB,KAAK,GAAGL,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,OAAO,CAACY,OAAO;IAC3ClB,KAAK,gBACDQ,yEACIA,6CAASZ,aAAa,CAAU,YAC/BF,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,OAAO,CAACN,KAAK,yBAClCQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACjB,MAAM,CAAC,CAACkB,MAAM,CAACpB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHQ,KAAK,GAAGL,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,OAAO,CAACY,OAAO;IAC3ClB,KAAK,gBAAGQ,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACjB,MAAM,CAAC,CAACkB,MAAM,CAACpB,MAAM,CAAC,CAAU;;EAG3E,oBACIiB;IACIW,SAAS,EAAC,0IAA0I;iBAC1I;KACTpB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

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

@@ -0,0 +1,194 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { Tooltip } from '../../../Tooltip/Tooltip.js';
+import { flexRender } from '@tanstack/react-table';
+import { isInternalColumn, unfreezeAllExternalColumns, freezeUptoExternalColumn } from '../../../../primitives/Table/useTable/util/columns.js';
+import { getSortAttributes, SortIndicator } from './components/SortIndicator.js';
+import { Resizer } from './components/Resizer.js';
+import { HeaderMenu } from './components/Menu.js';
+import { getIsPinned, useSetInitialColumnSizing } from './util.js';
+
+function Header(header) {
+  var _header$column$column;
+  if (header.column.getIsGrouped()) {
+    return null;
+  }
+  const {
+    table
+  } = header.getContext();
+  const tableMeta = table.options.meta;
+  const columnMeta = (_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 ? _header$column$column : {};
+  const isGroup = !!header.subHeaders.length;
+  const isPinned = getIsPinned(header);
+  const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();
+  const canMeasureSize = !!table.getRowModel().rows.length;
+  const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();
+  const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();
+  const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();
+  const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();
+  const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);
+  const sorting = table.getState().sorting;
+  const filters = table.getState().columnFilters;
+  const search = table.getState().globalFilter;
+  // passing header or column results in re-renders on scroll, so anything from those objects as memoed props
+  const memoedProps = {
+    align: columnMeta.align,
+    canHide,
+    canGoto,
+    canMeasureSize,
+    canPin,
+    canResize,
+    canSort,
+    className: cn('group/header', columnMeta.headerClassName),
+    children: flexRender(header.column.columnDef.header, header.getContext()),
+    colSpan: header.colSpan,
+    customMenu: columnMeta.menu,
+    defaultWidth: columnMeta.defaultWidth,
+    hasMenu,
+    id: header.id,
+    index: header.index,
+    isGroup,
+    isPinned,
+    isPlaceholder: header.isPlaceholder,
+    offset: header.column.getStart(isPinned),
+    setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,
+    setColumnSizing: table.setColumnSizing,
+    tooltip: columnMeta.tooltip,
+    width: table.getState().columnSizing[header.id]
+  };
+  if (header.isPlaceholder) {
+    const nextHeader = header.headerGroup.headers[header.index + 1];
+    memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {
+      'after:!content-none': nextHeader === null || nextHeader === void 0 ? void 0 : nextHeader.isPlaceholder
+    });
+  }
+  if (canGoto) {
+    memoedProps.onGoto = query => {
+      var _tableMeta$rowGoto$ha, _tableMeta$rowGoto;
+      return (_tableMeta$rowGoto$ha = (_tableMeta$rowGoto = tableMeta.rowGoto).handleGoto) === null || _tableMeta$rowGoto$ha === void 0 ? void 0 : _tableMeta$rowGoto$ha.call(_tableMeta$rowGoto, header.id, query, sorting, filters, search);
+    };
+  }
+  if (canHide) {
+    memoedProps.onHide = header.column.getToggleVisibilityHandler();
+  }
+  if (canPin) {
+    memoedProps.onPin = index => {
+      // TODO: this can probably be moved to a feature hook
+      table.setColumnPinning(pinningState => {
+        return {
+          ...pinningState,
+          left: index === undefined ? unfreezeAllExternalColumns(pinningState.left) : freezeUptoExternalColumn(index, table.getAllLeafColumns().map(column => column.id))
+        };
+      });
+    };
+  }
+  if (canResize) {
+    memoedProps.isResizing = header.column.getIsResizing();
+    memoedProps.onResize = header.getResizeHandler();
+  }
+  if (canSort) {
+    const handleSortToggle = sortDirection => {
+      if (sortDirection === false) {
+        header.column.clearSorting();
+      } else {
+        header.column.toggleSorting(sortDirection === 'desc');
+      }
+    };
+    memoedProps.onSort = header.column.getToggleSortingHandler();
+    memoedProps.onSortToggle = handleSortToggle;
+    memoedProps.sortDirection = header.column.getIsSorted();
+  }
+  return /*#__PURE__*/React__default.createElement(MemoedHeader, Object.assign({
+    key: header.id
+  }, memoedProps));
+}
+const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(props) {
+  const {
+    align,
+    canGoto,
+    canHide,
+    canMeasureSize,
+    canPin,
+    canResize,
+    canSort,
+    children,
+    className,
+    colSpan,
+    customMenu,
+    defaultWidth,
+    hasMenu,
+    id,
+    index,
+    isGroup,
+    isPinned,
+    isPlaceholder,
+    isResizing,
+    offset,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onPin: handlePin,
+    onResize: handleResize,
+    onSort: handleSort,
+    onSortToggle: handleSortToggle,
+    setRowActiveIndex,
+    setColumnSizing,
+    sortDirection,
+    tooltip,
+    width
+  } = props;
+  const [ref, setRef] = React__default.useState(null);
+  // save column width if none is set
+  useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);
+  // feature specific styles
+  const style = {};
+  // column groups often span multiple columns
+  if (colSpan > 1) {
+    style.gridColumn = `span ${colSpan}`;
+  }
+  // pinned columns should be offset from either the left or right
+  if (isPinned) {
+    style[isPinned] = `${offset}px`;
+  }
+  return /*#__PURE__*/React__default.createElement("th", Object.assign({}, getSortAttributes(canSort, handleSort, sortDirection), {
+    className: className,
+    "data-cell-align": isGroup ? 'center' : align,
+    "data-cell-id": id,
+    "data-cell-pinned": isPinned ? isPinned : undefined,
+    style: style,
+    ref: setRef
+  }), isPlaceholder ? null : isInternalColumn(id) ? children : ( /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: String(tooltip !== null && tooltip !== void 0 ? tooltip : children),
+    placement: "top"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "truncate"
+  }, children))), sortDirection ? /*#__PURE__*/React__default.createElement(SortIndicator, {
+    direction: sortDirection
+  }) : null, hasMenu ? ( /*#__PURE__*/React__default.createElement(HeaderMenu, {
+    canGoto: canGoto,
+    canHide: canHide,
+    canPin: canPin,
+    canSort: canSort,
+    className: cn({
+      'ml-auto': align !== 'right',
+      'ml-0': align === 'right'
+    }),
+    customMenu: customMenu,
+    index: index,
+    onGoto: handleGoto,
+    onHide: handleHide,
+    onPin: handlePin,
+    onSortToggle: handleSortToggle,
+    setRowActiveIndex: setRowActiveIndex,
+    sortDirection: sortDirection
+  })) : null, canResize ? ( /*#__PURE__*/React__default.createElement(Resizer, {
+    headerRef: ref,
+    id: id,
+    isResizing: isResizing,
+    onResize: handleResize,
+    setColumnSizing: setColumnSizing,
+    width: width
+  })) : null);
+});
+
+export { Header };
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/components/Report/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    flexRender,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport {\n    freezeUptoExternalColumn,\n    isInternalColumn,\n    unfreezeAllExternalColumns,\n} from '../../../../primitives/Table/useTable/util/columns';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport {\n    TableColumnAlignment,\n    TableColumnMenu,\n    TableColumnSortDirection,\n    TableColumnWidth,\n} from '../../../../primitives/Table/types';\nimport { Resizer } from './components/Resizer';\nimport { HeaderMenu } from './components/Menu';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\nexport function Header<TType = unknown>(header: ReactTableHeader<TType, unknown>) {\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        defaultWidth: columnMeta.defaultWidth,\n        hasMenu,\n        id: header.id,\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: any;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        defaultWidth,\n        hasMenu,\n        id,\n        index,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : isInternalColumn(id) ? (\n                children\n            ) : (\n                <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n                    <span className=\"truncate\">{children}</span>\n                </Tooltip>\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Header","header","column","getIsGrouped","table","getContext","tableMeta","options","meta","columnMeta","_header$column$column","columnDef","isGroup","subHeaders","length","isPinned","getIsPinned","canHide","isPlaceholder","getCanHide","canMeasureSize","getRowModel","rows","canPin","getCanPin","canResize","getCanResize","canSort","getCanSort","canGoto","rowGoto","isEnabled","getIsSorted","hasMenu","isInternalColumn","id","menu","sorting","getState","filters","columnFilters","search","globalFilter","memoedProps","align","className","cn","headerClassName","children","flexRender","colSpan","customMenu","defaultWidth","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","tooltip","width","columnSizing","nextHeader","headerGroup","headers","onGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","handleGoto","call","onHide","getToggleVisibilityHandler","onPin","setColumnPinning","pinningState","left","undefined","unfreezeAllExternalColumns","freezeUptoExternalColumn","getAllLeafColumns","map","isResizing","getIsResizing","onResize","getResizeHandler","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","React","MemoedHeader","key","memo","props","handleHide","handlePin","handleResize","handleSort","ref","setRef","useState","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","Tooltip","title","String","placement","SortIndicator","direction","HeaderMenu","Resizer","headerRef"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { useLocalization } from '../../../../Provider/Localization.js';
+import { Popover } from '../../../../Popover/Popover.js';
+import { SearchInput } from '../../../../SearchInput/SearchInput.js';
+
+function GotoPopover(props) {
+  const {
+    onGoto: handleGoto,
+    trigger,
+    ...popoverProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const handleSearch = value => handleGoto(value);
+  return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
+    anchor: trigger
+  }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement(SearchInput, {
+    "aria-label": texts.table3.columns.menu.gotoRow,
+    name: "query",
+    onSearch: handleSearch,
+    onKeyDown: event => event.stopPropagation(),
+    placeholder: `${texts.table3.columns.menu.gotoRow}...`
+  })));
+}
+
+export { GotoPopover };
+//# sourceMappingURL=Goto.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Goto.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Popover, PopoverProps } from '../../../../Popover/Popover';\nimport { SearchInput } from '../../../../SearchInput/SearchInput';\n\nexport type GotoProps = PopoverProps & {\n    onGoto: (query: string) => Promise<void>;\n};\n\nexport function GotoPopover(props: GotoProps) {\n    const { onGoto: handleGoto, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n\n    const handleSearch = value => handleGoto(value);\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <SearchInput\n                    aria-label={texts.table3.columns.menu.gotoRow}\n                    name=\"query\"\n                    onSearch={handleSearch}\n                    onKeyDown={event => event.stopPropagation()}\n                    placeholder={`${texts.table3.columns.menu.gotoRow}...`}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["GotoPopover","props","onGoto","handleGoto","trigger","popoverProps","texts","useLocalization","handleSearch","value","React","Popover","anchor","Content","SearchInput","table3","columns","menu","gotoRow","name","onSearch","onKeyDown","event","stopPropagation","placeholder"],"mappings":";;;;;SASgBA,WAAWA,CAACC,KAAgB;EACxC,MAAM;IAAEC,MAAM,EAAEC,UAAU;IAAEC,OAAO;IAAE,GAAGC;GAAc,GAAGJ,KAAK;EAC9D,MAAM;IAAEK;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,YAAY,GAAGC,KAAK,IAAIN,UAAU,CAACM,KAAK,CAAC;EAE/C,oBACIC,6BAACC,OAAO,oBAAKN,YAAY;IAAEO,MAAM,EAAER;mBAC/BM,6BAACC,OAAO,CAACE,OAAO,qBACZH,6BAACI,WAAW;kBACIR,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC7CC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEZ,YAAY;IACtBa,SAAS,EAAEC,KAAK,IAAIA,KAAK,CAACC,eAAe,EAAE;IAC3CC,WAAW,KAAKlB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC;IAC5C,CACY,CACZ;AAElB;;;;"}

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

@@ -0,0 +1,150 @@
+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 {
+    canGoto,
+    canHide,
+    canPin,
+    canSort,
+    customMenu,
+    index,
+    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 (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
+    }));
+  }, [canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, 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    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    customMenu?: TableColumnMenu;\n    index: number;\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        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        index,\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\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    }, [canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, sortDirection]);\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","canGoto","canHide","canPin","canSort","customMenu","index","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","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;;;;"}