@economic/taco 2.25.1-alpha.13 → 2.25.1

package/dist/esm/packages/taco/src/components/Report/components/Cell/GroupedCell.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns.js';
+import { RowContext } from '../Row/RowContext.js';
+import { Actions } from '../Internal/Actions.js';
+import { getCellAttributes } from './util.js';
+
+function GroupedCell(props) {
+  const {
+    cell,
+    cellRef,
+    isHighlighted
+  } = props;
+  const tableMeta = cell.getContext().table.options.meta;
+  const attributes = getCellAttributes(cell, isHighlighted);
+  const {
+    isHovered,
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const canShowActions = isActiveRow || isHovered && !tableMeta.rowActive.isHoverStatePaused;
+  return /*#__PURE__*/React__default.createElement(MemoedGroupedCell, Object.assign({}, attributes, {
+    cell: cell,
+    cellRef: cellRef,
+    canShowActions: canShowActions,
+    fontSize: tableMeta.fontSize.size,
+    rowActions: tableMeta.rowGroups.rowActionsForGroup
+  }));
+}
+const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupedCell(props) {
+  const {
+    canShowActions,
+    cell,
+    cellRef,
+    fontSize,
+    rowActions,
+    ...attributes
+  } = props;
+  const colSpan = cell.row.getVisibleCells().filter(c => !isInternalColumn(c.column.id)).length - 1;
+  const subRows = cell.getContext().row.subRows.map(row => row.original);
+  return /*#__PURE__*/React__default.createElement("td", Object.assign({}, attributes, {
+    ref: cellRef,
+    style: {
+      gridColumn: `span ${colSpan} / span ${colSpan}`
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "grow"
+  }, flexRender(cell.column.columnDef.cell, cell.getContext())), rowActions !== null && rowActions !== void 0 && rowActions.length && canShowActions ? ( /*#__PURE__*/React__default.createElement(Actions, {
+    actions: rowActions,
+    actionsLength: 4,
+    data: subRows,
+    fontSize: fontSize,
+    isActiveRow: true
+  })) : null);
+});
+
+export { GroupedCell };
+//# sourceMappingURL=GroupedCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../../src/components/Report/components/Cell/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, flexRender } from '@tanstack/react-table';\nimport { RowContext } from '../Row/RowContext';\nimport { getCellAttributes } from './util';\nimport { TableFontSize, TableRowActionGroupRenderer } from '../../../../primitives/Table/types';\nimport { Actions as RowGroupActions } from '../Internal/Actions';\nimport { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns';\n\nexport type GroupedCellProps<TType = unknown> = {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    isHighlighted?: true | 'current';\n};\n\nexport function GroupedCell<TType = unknown>(props: GroupedCellProps<TType>) {\n    const { cell, cellRef, isHighlighted } = props;\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            cell={cell}\n            cellRef={cellRef}\n            canShowActions={canShowActions}\n            fontSize={tableMeta.fontSize.size}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n        />\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    canShowActions: boolean;\n    fontSize: TableFontSize;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cell, cellRef, fontSize, rowActions, ...attributes } = props;\n\n    const colSpan = cell.row.getVisibleCells().filter(c => !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    return (\n        <td {...attributes} ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{flexRender(cell.column.columnDef.cell, cell.getContext())}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions actions={rowActions} actionsLength={4} data={subRows} fontSize={fontSize} isActiveRow />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["GroupedCell","props","cell","cellRef","isHighlighted","tableMeta","getContext","table","options","meta","attributes","getCellAttributes","isHovered","rowIndex","React","useContext","RowContext","isActiveRow","rowActive","rowActiveIndex","canShowActions","isHoverStatePaused","MemoedGroupedCell","fontSize","size","rowActions","rowGroups","rowActionsForGroup","memo","colSpan","row","getVisibleCells","filter","c","isInternalColumn","column","id","length","subRows","map","original","ref","style","gridColumn","className","flexRender","columnDef","RowGroupActions","actions","actionsLength","data"],"mappings":";;;;;;;SAcgBA,WAAWA,CAAkBC,KAA8B;EACvE,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;GAAe,GAAGH,KAAK;EAC9C,MAAMI,SAAS,GAAGH,IAAI,CAACI,UAAU,EAAE,CAACC,KAAK,CAACC,OAAO,CAACC,IAA6B;EAC/E,MAAMC,UAAU,GAAGC,iBAAiB,CAACT,IAAI,EAAEE,aAAa,CAAC;EAEzD,MAAM;IAAEQ,SAAS;IAAEC;GAAU,GAAGC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;EAC5D,MAAMC,WAAW,GAAGZ,SAAS,CAACa,SAAS,CAACC,cAAc,KAAKN,QAAQ;EACnE,MAAMO,cAAc,GAAGH,WAAW,IAAKL,SAAS,IAAI,CAACP,SAAS,CAACa,SAAS,CAACG,kBAAmB;EAE5F,oBACIP,6BAACQ,iBAAiB,oBACVZ,UAAU;IACdR,IAAI,EAAEA,IAAI;IACVC,OAAO,EAAEA,OAAO;IAChBiB,cAAc,EAAEA,cAAc;IAC9BG,QAAQ,EAAElB,SAAS,CAACkB,QAAQ,CAACC,IAAI;IACjCC,UAAU,EAAEpB,SAAS,CAACqB,SAAS,CAACC;KAClC;AAEV;AAUA,MAAML,iBAAiB,gBAAGR,cAAK,CAACc,IAAI,CAAC,SAASN,iBAAiBA,CAAkBrB,KAAoC;EACjH,MAAM;IAAEmB,cAAc;IAAElB,IAAI;IAAEC,OAAO;IAAEoB,QAAQ;IAAEE,UAAU;IAAE,GAAGf;GAAY,GAAGT,KAAK;EAEpF,MAAM4B,OAAO,GAAG3B,IAAI,CAAC4B,GAAG,CAACC,eAAe,EAAE,CAACC,MAAM,CAACC,CAAC,IAAI,CAACC,gBAAgB,CAACD,CAAC,CAACE,MAAM,CAACC,EAAE,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EACjG,MAAMC,OAAO,GAAGpC,IAAI,CAACI,UAAU,EAAE,CAACwB,GAAG,CAACQ,OAAO,CAACC,GAAG,CAACT,GAAG,IAAIA,GAAG,CAACU,QAAQ,CAAC;EAEtE,oBACI1B,qDAAQJ,UAAU;IAAE+B,GAAG,EAAEtC,OAAO;IAAEuC,KAAK,EAAE;MAAEC,UAAU,UAAUd,kBAAkBA;;mBAC7Ef;IAAM8B,SAAS,EAAC;KAAQC,UAAU,CAAC3C,IAAI,CAACiC,MAAM,CAACW,SAAS,CAAC5C,IAAI,EAAEA,IAAI,CAACI,UAAU,EAAE,CAAC,CAAQ,EACxFmB,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEY,MAAM,IAAIjB,cAAc,kBACjCN,6BAACiC,OAAe;IAACC,OAAO,EAAEvB,UAAU;IAAEwB,aAAa,EAAE,CAAC;IAAEC,IAAI,EAAEZ,OAAO;IAAEf,QAAQ,EAAEA,QAAQ;IAAEN,WAAW;IAAG,IACzG,IAAI,CACP;AAEb,CAAC,CAA2E;;;;"}

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

@@ -0,0 +1,73 @@
+import React__default from 'react';
+import { isInternalColumn, isCellHighlighted } from '../../../../primitives/Table/useTableManager/util/columns.js';
+import { RowContext } from '../Row/RowContext.js';
+
+function getCellAttributes(cell, isHighlighted) {
+  const columnMeta = cell.column.columnDef.meta;
+  const isPinned = cell.column.getIsPinned();
+  const attributes = {
+    'data-cell-align': columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.align,
+    'data-cell-highlighted': isHighlighted,
+    'data-cell-id': cell.column.id,
+    'data-cell-pinned': isPinned ? true : undefined,
+    'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,
+    className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,
+    style: {}
+  };
+  if (isPinned) {
+    attributes.style[isPinned] = `${cell.column.getStart(isPinned)}px`;
+  }
+  return attributes;
+}
+function useSearchHighlighting(cell, cellIndex, ref) {
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const context = cell.getContext();
+  const tableMeta = context.table.options.meta;
+  const columnMeta = cell.column.columnDef.meta;
+  const isHighlighted = React__default.useMemo(() => {
+    if (!cell.column.columnDef.enableGlobalFilter || isInternalColumn(cell.column.id) || cell.getIsAggregated() || cell.getIsPlaceholder()) {
+      return undefined;
+    }
+    let isHighlighted = false;
+    if (context.table.getState().globalFilter) {
+      isHighlighted = isCellHighlighted(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType);
+    }
+    if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {
+      return undefined;
+    }
+    const [rowActiveIndex, currentColumnIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];
+    if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {
+      return 'current';
+    }
+    return true;
+  }, [cell.getValue(), context.table.getState().globalFilter, tableMeta.search.highlightedColumnIndexes.length, tableMeta.search.currentHighlightColumnIndex]);
+  React__default.useEffect(() => {
+    if (ref.current && isHighlighted === 'current') {
+      ref.current.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+      setTimeout(() => {
+        if (ref.current) {
+          const tableEl = ref.current.closest('table[data-taco="report"]');
+          setTimeout(() => {
+            const pinnedColumns = tableEl === null || tableEl === void 0 ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
+            if (pinnedColumns !== null && pinnedColumns !== void 0 && pinnedColumns.length) {
+              var _pinnedColumns$item;
+              const lastFrozenRect = (_pinnedColumns$item = pinnedColumns.item(pinnedColumns.length - 1)) === null || _pinnedColumns$item === void 0 ? void 0 : _pinnedColumns$item.getBoundingClientRect();
+              if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {
+                tableEl === null || tableEl === void 0 ? void 0 : tableEl.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
+              }
+            }
+          }, 1);
+        }
+      }, 1);
+    }
+  }, [isHighlighted]);
+  return isHighlighted;
+}
+
+export { getCellAttributes, useSearchHighlighting };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns';\nimport { RowContext } from '../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isPinned = cell.column.getIsPinned();\n    const attributes = {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n        style: {},\n    };\n\n    if (isPinned) {\n        attributes.style[isPinned] = `${cell.column.getStart(isPinned)}px`;\n    }\n\n    return attributes;\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType);\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco=\"report\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["getCellAttributes","cell","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","attributes","align","id","undefined","enableTruncate","className","row","original","style","getStart","useSearchHighlighting","cellIndex","ref","rowIndex","React","useContext","RowContext","context","getContext","tableMeta","table","options","useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","rowActiveIndex","currentColumnIndex","highlightedColumnIndexes","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","right","scrollTo","scrollTop"],"mappings":"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"}

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';\nimport { Summary } from './Summary';\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    let content;\n    let align;\n\n    if (footer.index === 0) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}>\n            {content}\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","content","align","index","Summary","table","getContext","isPlaceholder","flexRender","undefined"],"mappings":";;;;SAIgBA,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,IAAIO,OAAO;EACX,IAAIC,KAAK;EAET,IAAInB,MAAM,CAACoB,KAAK,KAAK,CAAC,EAAE;IACpBD,KAAK,GAAG,MAAM;IACdD,OAAO,gBAAGtB,6BAACyB,OAAO;MAACC,KAAK,EAAEtB,MAAM,CAACuB,UAAU,EAAE,CAACD;MAAS;GAC1D,MAAM;IACHH,KAAK,GAAGhB,UAAU,CAACgB,KAAK;IACxBD,OAAO,GAAGlB,MAAM,CAACwB,aAAa,GAAG,IAAI,GAAGC,UAAU,CAACzB,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,MAAM,CAACuB,UAAU,EAAE,CAAC;;EAG3G,oBACI3B;IACIE,GAAG,EAAEE,MAAM,CAACD,EAAE;uBACGoB,KAAK;oBACRnB,MAAM,CAACD,EAAE;wBACLY,QAAQ,GAAGA,QAAQ,GAAGe,SAAS;IACjDV,KAAK,EAAEA;KACNE,OAAO,CACP;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 {
+    table
+  } = props;
+  const {
+    locale,
+    texts
+  } = useLocalization();
+  const length = table.options.meta.length;
+  const currentLength = table.getRowModel().rows.length;
+  let label;
+  let count;
+  // row selection
+  const rowsSelectedLength = 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: "sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]",
+    "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, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const length = (table.options.meta as ReactTableMeta<TType>).length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    const rowsSelectedLength = 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=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table2-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["Summary","props","table","locale","texts","useLocalization","length","options","meta","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getSelectedRowModel","table3","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","enableGlobalFilter","records","className"],"mappings":";;;SAQgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC;GAAO,GAAGD,KAAK;EACvB,MAAM;IAAEE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,MAAM,GAAIJ,KAAK,CAACK,OAAO,CAACC,IAA8B,CAACF,MAAM;EACnE,MAAMG,aAAa,GAAGP,KAAK,CAACQ,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM;EAErD,IAAIM,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGZ,KAAK,CAACa,mBAAmB,EAAE,CAACJ,IAAI,CAACL,MAAM;EAElE,IAAIQ,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGR,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC5CN,KAAK,gBACDO,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACnB,MAAM,CAAC,CAACoB,MAAM,CAACT,kBAAkB,CAAC,CAAU,YAC1EV,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,OAAO,CAACL,KAAK,yBAClCO,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACnB,MAAM,CAAC,CAACoB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAkB,qBAAA,GAAAtB,KAAK,CAACuB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgClB,MAAM;;EACrC,CAAC,CAACJ,KAAK,CAACuB,QAAQ,EAAE,CAACE,YAAY,IAAIzB,KAAK,CAACK,OAAO,CAACqB,kBAAmB;IACvE;IACEhB,KAAK,GAAGR,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,OAAO,CAACW,OAAO;IAC3ChB,KAAK,gBACDO,yEACIA,6CAASX,aAAa,CAAU,YAC/BL,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,OAAO,CAACL,KAAK,yBAClCO,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACnB,MAAM,CAAC,CAACoB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHM,KAAK,GAAGR,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,OAAO,CAACW,OAAO;IAC3ChB,KAAK,gBAAGO,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACnB,MAAM,CAAC,CAACoB,MAAM,CAACjB,MAAM,CAAC,CAAU;;EAG3E,oBACIc;IACIU,SAAS,EAAC,+GAA+G;iBAC/G;KACTlB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

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

@@ -0,0 +1,211 @@
+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/useTableManager/util/columns.js';
+import { TableFilterComparator } from '../../../../primitives/Table/types.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 canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;
+  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,
+    canFilter,
+    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,
+    isFiltered: header.column.getIsFiltered(),
+    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 (canFilter) {
+    memoedProps.onFilter = () => {
+      header.column.setFilterValue({
+        comparator: TableFilterComparator.Contains
+      });
+    };
+  }
+  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,
+    canFilter,
+    canGoto,
+    canHide,
+    canMeasureSize,
+    canPin,
+    canResize,
+    canSort,
+    children,
+    className,
+    colSpan,
+    customMenu,
+    defaultWidth,
+    hasMenu,
+    id,
+    index,
+    isFiltered,
+    isGroup,
+    isPinned,
+    isPlaceholder,
+    isResizing,
+    offset,
+    onFilter: handleFilter,
+    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, {
+    canFilter: canFilter,
+    canGoto: canGoto,
+    canHide: canHide,
+    canPin: canPin,
+    canSort: canSort,
+    className: cn({
+      'ml-auto': align !== 'right',
+      'ml-0': align === 'right'
+    }),
+    customMenu: customMenu,
+    index: index,
+    isFiltered: isFiltered,
+    onFilter: handleFilter,
+    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/useTableManager/util/columns';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport {\n    TableColumnAlignment,\n    TableColumnMenu,\n    TableColumnSortDirection,\n    TableColumnWidth,\n    TableFilterComparator,\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 canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\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        canFilter,\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        isFiltered: header.column.getIsFiltered(),\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 (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\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    canFilter: boolean;\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    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\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        canFilter,\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        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\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                    canFilter={canFilter}\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                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\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","canFilter","isPlaceholder","getCanFilter","enableColumnFilters","canHide","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","isFiltered","getIsFiltered","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","tooltip","width","columnSizing","nextHeader","headerGroup","headers","onFilter","setFilterValue","comparator","TableFilterComparator","Contains","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","handleFilter","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;;;;"}