@economic/taco 2.24.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table3/components/columns/footer/Summary.js

@@ -1,41 +0,0 @@
-import React__default from 'react';
-import { useLocalization } from '../../../../Provider/Localization.js';
-
-function Summary(props) {
-  var _table$getState$colum;
-  const {
-    currentLength,
-    length,
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  const {
-    locale,
-    texts
-  } = useLocalization();
-  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
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  !!table.getState().globalFilter && tableMeta.search.excludeUnmatchedResults // 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 bottom-0 left-0 z-40 -mt-10 flex h-10 w-fit items-center whitespace-nowrap bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]",
-    "data-taco": "table2-footer-summary"
-  }, label, "\u00A0", count);
-}
-
-export { Summary };
-//# sourceMappingURL=Summary.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/footer/Summary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Summary.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    currentLength: number;\n    length: number;\n    table: RTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { currentLength, length, table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { locale, texts } = useLocalization();\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        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        (!!table.getState().globalFilter && tableMeta.search.excludeUnmatchedResults) // 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 bottom-0 left-0 z-40 -mt-10 flex h-10 w-fit items-center whitespace-nowrap bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]\"\n            data-taco=\"table2-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["Summary","props","currentLength","length","table","tableMeta","options","meta","locale","texts","useLocalization","label","count","rowsSelectedLength","getIsAllRowsSelected","getSelectedRowModel","rows","table3","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","search","excludeUnmatchedResults","records","className"],"mappings":";;;SAUgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC,aAAa;IAAEC,MAAM;IAAEC;GAAO,GAAGH,KAAK;EAC9C,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAAwB;EACxD,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAE3C,IAAIC,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGT,KAAK,CAACU,oBAAoB,EAAE,GAAGX,MAAM,GAAGC,KAAK,CAACW,mBAAmB,EAAE,CAACC,IAAI,CAACb,MAAM;EAE1G,IAAIU,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGF,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC5CR,KAAK,gBACDS,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACf,MAAM,CAAC,CAACgB,MAAM,CAACX,kBAAkB,CAAC,CAAU,YAC1EJ,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACC,OAAO,CAACP,KAAK,yBAClCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACf,MAAM,CAAC,CAACgB,MAAM,CAACrB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAsB,qBAAA,GAAArB,KAAK,CAACsB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgCtB,MAAM;;;EAErC,CAAC,CAACC,KAAK,CAACsB,QAAQ,EAAE,CAACE,YAAY,IAAIvB,SAAS,CAACwB,MAAM,CAACC,uBAAwB;IAC/E;IACEnB,KAAK,GAAGF,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACC,OAAO,CAACY,OAAO;IAC3CnB,KAAK,gBACDS,yEACIA,6CAASnB,aAAa,CAAU,YAC/BO,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACC,OAAO,CAACP,KAAK,yBAClCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACf,MAAM,CAAC,CAACgB,MAAM,CAACrB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHQ,KAAK,GAAGF,KAAK,CAACQ,MAAM,CAACC,MAAM,CAACC,OAAO,CAACY,OAAO;IAC3CnB,KAAK,gBAAGS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACf,MAAM,CAAC,CAACgB,MAAM,CAACrB,MAAM,CAAC,CAAU;;EAG3E,oBACIkB;IACIW,SAAS,EAAC,gJAAgJ;iBAChJ;KACTrB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Goto.js

@@ -1,28 +0,0 @@
-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/Table3/components/columns/header/Goto.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Goto.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/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};\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":";;;;;SAQgBA,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/Table3/components/columns/header/Group.js

@@ -1,74 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { Tooltip } from '../../../../Tooltip/Tooltip.js';
-import { HeaderSeparator } from './Header.js';
-
-function Group(props) {
-  const {
-    children,
-    column,
-    header,
-    table,
-    hasSeparator
-  } = props;
-  const columnMeta = React__default.useMemo(() => column.columnDef.meta, []);
-  const tableMeta = table.options.meta;
-  const memoedProps = {
-    align: 'center',
-    children: children !== null && children !== void 0 ? children : columnMeta.header,
-    colSpan: header.colSpan,
-    hasSeparator,
-    id: header.id,
-    index: header.index,
-    isPrinting: tableMeta.printing.isPrinting,
-    length: table.getRowModel().rows.length,
-    meta: columnMeta,
-    table
-  };
-  return /*#__PURE__*/React__default.createElement(MemoedGroup, Object.assign({}, memoedProps));
-}
-const MemoedGroup = /*#__PURE__*/React__default.memo(function MemoedGroup(props) {
-  var _meta$tooltip;
-  const {
-    align,
-    children,
-    colSpan,
-    hasSeparator,
-    id,
-    isPrinting,
-    meta,
-    table
-  } = props;
-  const containerClassName = cn('px-2 z-10 hover:z-20', {
-    sticky: !isPrinting
-  });
-  const innerClassName = cn('font-bold box-content group/column relative', 'px-[var(--table3-cell-padding-x)]', {
-    'h-10 items-center': !isPrinting,
-    'pb-2': isPrinting,
-    'border-b-2': !!children
-  }, meta.headerClassName);
-  if (table.options.debugAll) {
-    console.log('header group render', id);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: containerClassName,
-    style: colSpan > 1 ? {
-      gridColumn: `span ${colSpan} / span ${colSpan}`
-    } : undefined,
-    "data-taco": "table3-column-group",
-    "data-align": align,
-    role: "columnheader"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: innerClassName
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: String((_meta$tooltip = meta === null || meta === void 0 ? void 0 : meta.tooltip) !== null && _meta$tooltip !== void 0 ? _meta$tooltip : children),
-    placement: "top"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: cn({
-      truncate: !isPrinting
-    })
-  }, children)), hasSeparator ? /*#__PURE__*/React__default.createElement(HeaderSeparator, null) : null));
-});
-
-export { Group };
-//# sourceMappingURL=Group.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nimport { HeaderProps, HeaderSeparator } from './Header';\nimport { ColumnMeta, TableMeta } from '@tanstack/react-table';\nimport { Table3ColumnAlignment } from '../../../types';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\n\nexport function Group<TType = unknown>(props: HeaderProps<TType>) {\n    const { children, column, header, table, hasSeparator } = props;\n    const columnMeta = React.useMemo(() => column.columnDef.meta, []) as ColumnMeta<TType, unknown>;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    const memoedProps = {\n        align: 'center' as Table3ColumnAlignment,\n        children: children ?? columnMeta.header,\n        colSpan: header.colSpan,\n        hasSeparator,\n        id: header.id,\n        index: header.index,\n        isPrinting: tableMeta.printing.isPrinting,\n        length: table.getRowModel().rows.length,\n        meta: columnMeta,\n        table,\n    };\n\n    return <MemoedGroup<TType> {...memoedProps} />;\n}\n\n// Memoization\nexport type MemoedGroupProps<TType = unknown> = Omit<HeaderProps<TType>, 'column' | 'header' | 'scrollToIndex'> & {\n    align?: Table3ColumnAlignment;\n    colSpan: number;\n    hasSeparator?: boolean;\n    id: string;\n    index: number;\n    isPrinting: boolean;\n    length: number;\n    meta: ColumnMeta<TType, unknown>;\n};\n\nconst MemoedGroup = React.memo(function MemoedGroup<TType = unknown>(props: MemoedGroupProps<TType>) {\n    const { align, children, colSpan, hasSeparator, id, isPrinting, meta, table } = props;\n\n    const containerClassName = cn('px-2 z-10 hover:z-20', { sticky: !isPrinting });\n\n    const innerClassName = cn(\n        'font-bold box-content group/column relative',\n        'px-[var(--table3-cell-padding-x)]',\n        {\n            'h-10 items-center': !isPrinting,\n            'pb-2': isPrinting,\n            'border-b-2': !!children,\n        },\n        meta.headerClassName\n    );\n\n    if (table.options.debugAll) {\n        console.log('header group render', id);\n    }\n\n    return (\n        <div\n            className={containerClassName}\n            style={colSpan > 1 ? { gridColumn: `span ${colSpan} / span ${colSpan}` } : undefined}\n            data-taco=\"table3-column-group\"\n            data-align={align}\n            role=\"columnheader\">\n            <div className={innerClassName}>\n                <Tooltip title={String(meta?.tooltip ?? children)} placement=\"top\">\n                    <span className={cn({ truncate: !isPrinting })}>{children}</span>\n                </Tooltip>\n                {hasSeparator ? <HeaderSeparator /> : null}\n            </div>\n        </div>\n    );\n}) as <TType = unknown>(props: MemoedGroupProps<TType>) => JSX.Element;\n"],"names":["Group","props","children","column","header","table","hasSeparator","columnMeta","React","useMemo","columnDef","meta","tableMeta","options","memoedProps","align","colSpan","id","index","isPrinting","printing","length","getRowModel","rows","MemoedGroup","memo","containerClassName","cn","sticky","innerClassName","headerClassName","debugAll","console","log","className","style","gridColumn","undefined","role","Tooltip","title","String","_meta$tooltip","tooltip","placement","truncate","HeaderSeparator"],"mappings":";;;;;SAQgBA,KAAKA,CAAkBC,KAAyB;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;GAAc,GAAGL,KAAK;EAC/D,MAAMM,UAAU,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAMN,MAAM,CAACO,SAAS,CAACC,IAAI,EAAE,EAAE,CAA+B;EAC/F,MAAMC,SAAS,GAAGP,KAAK,CAACQ,OAAO,CAACF,IAAwB;EAExD,MAAMG,WAAW,GAAG;IAChBC,KAAK,EAAE,QAAiC;IACxCb,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,UAAU,CAACH,MAAM;IACvCY,OAAO,EAAEZ,MAAM,CAACY,OAAO;IACvBV,YAAY;IACZW,EAAE,EAAEb,MAAM,CAACa,EAAE;IACbC,KAAK,EAAEd,MAAM,CAACc,KAAK;IACnBC,UAAU,EAAEP,SAAS,CAACQ,QAAQ,CAACD,UAAU;IACzCE,MAAM,EAAEhB,KAAK,CAACiB,WAAW,EAAE,CAACC,IAAI,CAACF,MAAM;IACvCV,IAAI,EAAEJ,UAAU;IAChBF;GACH;EAED,oBAAOG,6BAACgB,WAAW,oBAAYV,WAAW,EAAI;AAClD;AAcA,MAAMU,WAAW,gBAAGhB,cAAK,CAACiB,IAAI,CAAC,SAASD,WAAWA,CAAkBvB,KAA8B;;EAC/F,MAAM;IAAEc,KAAK;IAAEb,QAAQ;IAAEc,OAAO;IAAEV,YAAY;IAAEW,EAAE;IAAEE,UAAU;IAAER,IAAI;IAAEN;GAAO,GAAGJ,KAAK;EAErF,MAAMyB,kBAAkB,GAAGC,EAAE,CAAC,sBAAsB,EAAE;IAAEC,MAAM,EAAE,CAACT;GAAY,CAAC;EAE9E,MAAMU,cAAc,GAAGF,EAAE,CACrB,6CAA6C,EAC7C,mCAAmC,EACnC;IACI,mBAAmB,EAAE,CAACR,UAAU;IAChC,MAAM,EAAEA,UAAU;IAClB,YAAY,EAAE,CAAC,CAACjB;GACnB,EACDS,IAAI,CAACmB,eAAe,CACvB;EAED,IAAIzB,KAAK,CAACQ,OAAO,CAACkB,QAAQ,EAAE;IACxBC,OAAO,CAACC,GAAG,CAAC,qBAAqB,EAAEhB,EAAE,CAAC;;EAG1C,oBACIT;IACI0B,SAAS,EAAER,kBAAkB;IAC7BS,KAAK,EAAEnB,OAAO,GAAG,CAAC,GAAG;MAAEoB,UAAU,UAAUpB,kBAAkBA;KAAW,GAAGqB,SAAS;iBAC1E,qBAAqB;kBACnBtB,KAAK;IACjBuB,IAAI,EAAC;kBACL9B;IAAK0B,SAAS,EAAEL;kBACZrB,6BAAC+B,OAAO;IAACC,KAAK,EAAEC,MAAM,EAAAC,aAAA,GAAC/B,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgC,OAAO,cAAAD,aAAA,cAAAA,aAAA,GAAIxC,QAAQ,CAAC;IAAE0C,SAAS,EAAC;kBACzDpC;IAAM0B,SAAS,EAAEP,EAAE,CAAC;MAAEkB,QAAQ,EAAE,CAAC1B;KAAY;KAAIjB,QAAQ,CAAQ,CAC3D,EACTI,YAAY,gBAAGE,6BAACsC,eAAe,OAAG,GAAG,IAAI,CACxC,CACJ;AAEd,CAAC,CAAqE;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js

@@ -1,186 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { Tooltip } from '../../../../Tooltip/Tooltip.js';
-import { isGotoAvailable, isMenuAvailable, Menu } from './Menu.js';
-import { Resizer } from './Resizer.js';
-import { getSortAttributes, SortIndicator } from './SortIndicator.js';
-import { isFrozenColumn, isInternalColumn } from '../../../util/columns.js';
-
-const SORT_DIRECTION = {
-  ASC: 'asc',
-  DESC: 'desc'
-};
-function Header(props) {
-  const {
-    children,
-    column,
-    header,
-    hasSeparator,
-    scrollToIndex,
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  const columnMeta = React__default.useMemo(() => column.columnDef.meta, []);
-  const canSort = column.getCanSort();
-  const hasGoto = isGotoAvailable(table, header);
-  // passing header or column results in re-renders on scroll, so anything from those objects as memoed props
-  const handleHide = React__default.useMemo(() => header.column.getToggleVisibilityHandler(), []);
-  const handleResize = React__default.useMemo(() => header.getResizeHandler(), []);
-  const handleSort = React__default.useMemo(() => header.column.getToggleSortingHandler(), []);
-  const handleSortToggle = React__default.useCallback(sortDirection => {
-    // When sorting is not applied, sortDirection is false.
-    if (sortDirection === false) {
-      header.column.clearSorting();
-    } else {
-      header.column.toggleSorting(sortDirection === SORT_DIRECTION.DESC);
-    }
-  }, []);
-  const sorting = table.getState().sorting;
-  const filters = table.getState().columnFilters;
-  const search = table.getState().globalFilter;
-  const handleGoto = React__default.useMemo(() => {
-    if (hasGoto) {
-      return 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);
-      };
-    }
-    return undefined;
-  }, [hasGoto, JSON.stringify(sorting), JSON.stringify(filters), search]);
-  const headerContentProps = {
-    align: columnMeta.align,
-    canFreeze: tableMeta.columnFreezing.isEnabled,
-    canHide: column.getCanHide(),
-    canResize: column.getCanResize(),
-    canSort,
-    children: children !== null && children !== void 0 ? children : columnMeta.header,
-    colSpan: header.colSpan,
-    hasMenu: isMenuAvailable(table, header),
-    hasSeparator,
-    id: header.id,
-    index: header.index,
-    isFrozen: isFrozenColumn(header, table),
-    isPlaceholder: header.isPlaceholder,
-    isPrinting: tableMeta.printing.isPrinting,
-    isResizing: column.getIsResizing(),
-    length: table.getRowModel().rows.length,
-    meta: columnMeta,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onResize: handleResize,
-    onSort: handleSort,
-    onSortToggle: handleSortToggle,
-    scrollToIndex,
-    sortDirection: column.getIsSorted(),
-    table
-  };
-  return /*#__PURE__*/React__default.createElement(HeaderContent, Object.assign({}, headerContentProps));
-}
-function HeaderContent(props) {
-  var _meta$tooltip;
-  const {
-    align,
-    children,
-    canFreeze,
-    canHide,
-    canResize,
-    canSort,
-    colSpan,
-    hasMenu,
-    hasSeparator,
-    id,
-    index,
-    isFrozen,
-    isPlaceholder,
-    isPrinting,
-    isResizing,
-    length,
-    meta,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onResize: handleResize,
-    onSort: handleSort,
-    onSortToggle: handleSortToggle,
-    scrollToIndex,
-    sortDirection,
-    table
-  } = props;
-  const className = cn('font-bold border-b-2 box-content group/column relative', '[[role="table"][data-resizing="true"]_&]:pointer-events-none', 'px-[var(--table3-cell-padding-x)]', {
-    '!border-white': isPlaceholder,
-    'h-10 items-center sticky': !isPrinting,
-    'pb-2': isPrinting,
-    'cursor-pointer select-none': canSort,
-    'hover:bg-grey-100': !isPlaceholder && (canSort || canResize || hasMenu),
-    'focus-within:bg-grey-100': hasMenu,
-    '!pointer-events-all !bg-grey-100': !isPlaceholder && isResizing,
-    // z-indexes
-    'z-10 hover:z-20': !isFrozen && !isResizing,
-    'z-20': !isFrozen && isResizing,
-    // when column is frozen, we need to increase it's z-index when it's hovered,
-    // so that resize handler appears on top of next frozen cell, and didn't get cut by it.
-    '!z-30 hover:!z-40': isFrozen,
-    '!z-40': isFrozen && isResizing
-  }, colSpan > 1 ? `col-span-${colSpan}` : '', meta.headerClassName);
-  const [internalRef, setInternalRef] = React__default.useState(null);
-  React__default.useLayoutEffect(() => {
-    if (internalRef && length) {
-      // the actions column size gets set by the column itself
-      if (isInternalColumn(id)) {
-        return;
-      }
-      table.setColumnSizing(sizes => ({
-        ...sizes,
-        [id]: internalRef.getBoundingClientRect().width
-      }));
-    }
-  }, [internalRef, length]);
-  if (table.options.debugAll) {
-    console.log('header render', id);
-  }
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, canSort ? getSortAttributes(handleSort, sortDirection) : undefined, {
-    className: className,
-    "data-align": align,
-    "data-column-index": index,
-    role: "columnheader",
-    ref: setInternalRef
-  }), isPlaceholder ? null : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isInternalColumn(id) ? children : ( /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: String((_meta$tooltip = meta === null || meta === void 0 ? void 0 : meta.tooltip) !== null && _meta$tooltip !== void 0 ? _meta$tooltip : children),
-    placement: "top"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: cn({
-      truncate: !isPrinting
-    })
-  }, children))), canSort ? /*#__PURE__*/React__default.createElement(SortIndicator, {
-    direction: sortDirection
-  }) : null, hasMenu ? ( /*#__PURE__*/React__default.createElement(Menu, {
-    canFreeze: canFreeze,
-    canHide: canHide,
-    canSort: canSort,
-    className: cn({
-      'ml-auto': align !== 'right',
-      'ml-2': align === 'right'
-    }),
-    index: index,
-    menu: meta.menu,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onSortToggle: handleSortToggle,
-    scrollToIndex: scrollToIndex,
-    sortDirection: sortDirection,
-    table: table
-  })) : null)), hasSeparator ? /*#__PURE__*/React__default.createElement(HeaderSeparator, null) : null, !isPlaceholder && canResize ? /*#__PURE__*/React__default.createElement(Resizer, {
-    isResizing: isResizing,
-    onResize: handleResize
-  }) : null);
-}
-function HeaderSeparator() {
-  return /*#__PURE__*/React__default.createElement("div", {
-    "data-taco": "header-separator",
-    className: cn('invisible absolute right-[0.5px] top-0 flex h-full w-2 touch-none select-none justify-center py-2 group-hover/header:visible')
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: cn('bg-grey-300 h-full w-[1px]')
-  }));
-}
-
-export { Header, HeaderSeparator, SORT_DIRECTION };
-//# sourceMappingURL=Header.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ColumnMeta, HeaderContext, TableMeta } from '@tanstack/react-table';\n\nimport { Menu, isMenuAvailable, isGotoAvailable } from './Menu';\nimport { Resizer } from './Resizer';\nimport { Table3ColumnAlignment, Table3SortDirection, TableStrategy } from '../../../types';\nimport { getSortAttributes, SortIndicator } from './SortIndicator';\nimport { isFrozenColumn, isInternalColumn } from '../../../util/columns';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\n\nexport const SORT_DIRECTION: Record<string, Table3SortDirection> = {\n    ASC: 'asc',\n    DESC: 'desc',\n};\n\nexport type HeaderSortDirection = Table3SortDirection | false;\nexport type SortToggleHandler = (sortDirection: HeaderSortDirection) => void;\n\nexport type HeaderProps<TType = unknown> = HeaderContext<TType, unknown> & {\n    children?: string | JSX.Element;\n    hasSeparator?: boolean;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { children, column, header, hasSeparator, scrollToIndex, table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const columnMeta = React.useMemo(() => column.columnDef.meta, []) as ColumnMeta<TType, unknown>;\n    const canSort = column.getCanSort();\n    const hasGoto = isGotoAvailable(table, header);\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const handleHide = React.useMemo(() => header.column.getToggleVisibilityHandler(), []);\n    const handleResize = React.useMemo(() => header.getResizeHandler(), []);\n    const handleSort = React.useMemo(() => header.column.getToggleSortingHandler(), []);\n    const handleSortToggle = React.useCallback((sortDirection: HeaderSortDirection) => {\n        // When sorting is not applied, sortDirection is false.\n        if (sortDirection === false) {\n            header.column.clearSorting();\n        } else {\n            header.column.toggleSorting(sortDirection === SORT_DIRECTION.DESC);\n        }\n    }, []);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    const handleGoto = React.useMemo(() => {\n        if (hasGoto) {\n            return ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n                query: string\n            ) => Promise<number>;\n        }\n\n        return undefined;\n    }, [hasGoto, JSON.stringify(sorting), JSON.stringify(filters), search]);\n\n    const headerContentProps: HeaderContentProps<TType> = {\n        align: columnMeta.align,\n        canFreeze: tableMeta.columnFreezing.isEnabled,\n        canHide: column.getCanHide(),\n        canResize: column.getCanResize(),\n        canSort,\n        children: children ?? columnMeta.header,\n        colSpan: header.colSpan,\n        hasMenu: isMenuAvailable<TType>(table, header),\n        hasSeparator,\n        id: header.id,\n        index: header.index,\n        isFrozen: isFrozenColumn(header, table),\n        isPlaceholder: header.isPlaceholder,\n        isPrinting: tableMeta.printing.isPrinting,\n        isResizing: column.getIsResizing(),\n        length: table.getRowModel().rows.length,\n        meta: columnMeta,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onResize: handleResize,\n        onSort: handleSort as (event: unknown) => void,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection: column.getIsSorted(),\n        table,\n    };\n\n    return <HeaderContent<TType> {...headerContentProps} />;\n}\n\n// Memoization\nexport type HeaderContentProps<TType = unknown> = Omit<HeaderProps<TType>, 'column' | 'header'> & {\n    align?: Table3ColumnAlignment;\n    canFreeze: boolean;\n    canHide: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    colSpan: number;\n    hasMenu: boolean;\n    hasSeparator?: boolean;\n    id: string;\n    index: number;\n    isFrozen: boolean;\n    isPlaceholder: boolean;\n    isPrinting: boolean;\n    isResizing: boolean;\n    length: number;\n    meta: ColumnMeta<TType, unknown>;\n    onGoto?: (query: string) => Promise<number>;\n    onHide: (event: unknown) => void;\n    onResize: (event: unknown) => void;\n    onSort: (event: unknown) => void;\n    onSortToggle: SortToggleHandler;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    sortDirection: HeaderSortDirection;\n};\n\nfunction HeaderContent<TType = unknown>(props: HeaderContentProps<TType>) {\n    const {\n        align,\n        children,\n        canFreeze,\n        canHide,\n        canResize,\n        canSort,\n        colSpan,\n        hasMenu,\n        hasSeparator,\n        id,\n        index,\n        isFrozen,\n        isPlaceholder,\n        isPrinting,\n        isResizing,\n        length,\n        meta,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection,\n        table,\n    } = props;\n\n    const className = cn(\n        'font-bold border-b-2 box-content group/column relative',\n        '[[role=\"table\"][data-resizing=\"true\"]_&]:pointer-events-none',\n        'px-[var(--table3-cell-padding-x)]',\n        {\n            '!border-white': isPlaceholder,\n            'h-10 items-center sticky': !isPrinting,\n            'pb-2': isPrinting,\n            'cursor-pointer select-none': canSort,\n            'hover:bg-grey-100': !isPlaceholder && (canSort || canResize || hasMenu),\n            'focus-within:bg-grey-100': hasMenu,\n            '!pointer-events-all !bg-grey-100': !isPlaceholder && isResizing,\n            // z-indexes\n            'z-10 hover:z-20': !isFrozen && !isResizing,\n            'z-20': !isFrozen && isResizing,\n            // when column is frozen, we need to increase it's z-index when it's hovered,\n            // so that resize handler appears on top of next frozen cell, and didn't get cut by it.\n            '!z-30 hover:!z-40': isFrozen,\n            '!z-40': isFrozen && isResizing,\n        },\n        colSpan > 1 ? `col-span-${colSpan}` : '',\n        meta.headerClassName\n    );\n\n    const [internalRef, setInternalRef] = React.useState<HTMLDivElement | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (internalRef && length) {\n            // the actions column size gets set by the column itself\n            if (isInternalColumn(id)) {\n                return;\n            }\n\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: internalRef.getBoundingClientRect().width,\n            }));\n        }\n    }, [internalRef, length]);\n\n    if (table.options.debugAll) {\n        console.log('header render', id);\n    }\n    return (\n        <div\n            {...(canSort ? getSortAttributes(handleSort, sortDirection) : undefined)}\n            className={className}\n            data-align={align}\n            data-column-index={index}\n            role=\"columnheader\"\n            ref={setInternalRef}>\n            {isPlaceholder ? null : (\n                <>\n                    {isInternalColumn(id) ? (\n                        children\n                    ) : (\n                        <Tooltip title={String(meta?.tooltip ?? children)} placement=\"top\">\n                            <span className={cn({ truncate: !isPrinting })}>{children}</span>\n                        </Tooltip>\n                    )}\n                    {canSort ? <SortIndicator direction={sortDirection} /> : null}\n                    {hasMenu ? (\n                        <Menu\n                            canFreeze={canFreeze}\n                            canHide={canHide}\n                            canSort={canSort}\n                            className={cn({\n                                'ml-auto': align !== 'right',\n                                'ml-2': align === 'right',\n                            })}\n                            index={index}\n                            menu={meta.menu}\n                            onGoto={handleGoto}\n                            onHide={handleHide}\n                            onSortToggle={handleSortToggle}\n                            scrollToIndex={scrollToIndex}\n                            sortDirection={sortDirection}\n                            table={table}\n                        />\n                    ) : null}\n                </>\n            )}\n            {/* Header separator need to go before Resizer to prevent it's overlapping */}\n            {hasSeparator ? <HeaderSeparator /> : null}\n            {!isPlaceholder && canResize ? <Resizer isResizing={isResizing} onResize={handleResize} /> : null}\n        </div>\n    );\n}\n\nexport function HeaderSeparator() {\n    return (\n        <div\n            data-taco=\"header-separator\"\n            className={cn(\n                'invisible absolute right-[0.5px] top-0 flex h-full w-2 touch-none select-none justify-center py-2 group-hover/header:visible'\n            )}>\n            <div className={cn('bg-grey-300 h-full w-[1px]')} />\n        </div>\n    );\n}\n"],"names":["SORT_DIRECTION","ASC","DESC","Header","props","children","column","header","hasSeparator","scrollToIndex","table","tableMeta","options","meta","columnMeta","React","useMemo","columnDef","canSort","getCanSort","hasGoto","isGotoAvailable","handleHide","getToggleVisibilityHandler","handleResize","getResizeHandler","handleSort","getToggleSortingHandler","handleSortToggle","useCallback","sortDirection","clearSorting","toggleSorting","sorting","getState","filters","columnFilters","search","globalFilter","handleGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","rowGoto","call","id","undefined","JSON","stringify","headerContentProps","align","canFreeze","columnFreezing","isEnabled","canHide","getCanHide","canResize","getCanResize","colSpan","hasMenu","isMenuAvailable","index","isFrozen","isFrozenColumn","isPlaceholder","isPrinting","printing","isResizing","getIsResizing","length","getRowModel","rows","onGoto","onHide","onResize","onSort","onSortToggle","getIsSorted","HeaderContent","className","cn","headerClassName","internalRef","setInternalRef","useState","useLayoutEffect","isInternalColumn","setColumnSizing","sizes","getBoundingClientRect","width","debugAll","console","log","getSortAttributes","role","ref","Tooltip","title","String","_meta$tooltip","tooltip","placement","truncate","SortIndicator","direction","Menu","menu","HeaderSeparator","Resizer"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js

@@ -1,206 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { createShortcutKeyDownHandler } from '../../../../../utils/keyboard.js';
-import { IconButton } from '../../../../IconButton/IconButton.js';
-import { useLocalization } from '../../../../Provider/Localization.js';
-import { Menu as Menu$1 } from '../../../../Menu/Menu.js';
-import { _finallyRethrows, _catch } from '../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
-import { GotoPopover } from './Goto.js';
-import { getTableLeftScrollDistance } from '../../../util/scrolling.js';
-import { SORT_DIRECTION } from './Header.js';
-import { isInternalColumn } from '../../../util/columns.js';
-
-function isGotoAvailable(table, header) {
-  if (isInternalColumn(header.id)) {
-    return false;
-  }
-  const tableMeta = table.options.meta;
-  return !!(tableMeta.rowGoto.isEnabled && header.column.getCanSort() && header.column.getIsSorted());
-}
-function isMenuAvailable(table, header) {
-  var _header$column$column;
-  if (isInternalColumn(header.id)) {
-    return false;
-  }
-  const tableMeta = table.options.meta;
-  return !!((_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 && _header$column$column.menu) || !!tableMeta.columnFreezing.isEnabled || !!table.options.enableHiding && !!header.column.getCanHide() || isGotoAvailable(table, header);
-}
-function Menu(props) {
-  const {
-    canFreeze,
-    canHide,
-    canSort,
-    index,
-    menu,
-    onGoto: handleGoto,
-    onHide: handleHide,
-    onSortToggle: handleSortToggle,
-    scrollToIndex,
-    sortDirection,
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  const {
-    texts
-  } = useLocalization();
-  const [popover, setPopover] = React__default.useState(undefined);
-  const [sortDirectionState, setSortDirectionState] = React__default.useState(sortDirection);
-  const ref = React__default.useRef(null);
-  const gotoShortcut = 'g';
-  React__default.useEffect(() => {
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    const {
-      frozenColumnIndex: externalFrozenColumnIndex = -1,
-      frozenInternalColumnCount = 0
-    } = tableMeta.columnFreezing;
-    const handler = createShortcutKeyDownHandler(gotoShortcut, () => {
-      // Only execute the below code if the header menu has goto menu item
-      if (handleGoto) {
-        var _ref$current;
-        const tableElement = tableMeta.tableRef.current;
-        const frozenColumnIndex = externalFrozenColumnIndex > -1 ? externalFrozenColumnIndex + frozenInternalColumnCount : frozenInternalColumnCount - 1;
-        const parentHeader = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('[role="columnheader"]');
-        if (!tableElement || !parentHeader) {
-          return;
-        }
-        const leftScrollDistance = getTableLeftScrollDistance(tableElement, parentHeader, frozenColumnIndex);
-        if (leftScrollDistance !== null) {
-          tableElement.scrollLeft = leftScrollDistance;
-        }
-      }
-    },
-    // Prevents the stopping of event propagation
-    false);
-    document.addEventListener('keydown', handler);
-    return () => document.removeEventListener('keydown', handler);
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  }, [tableMeta.columnFreezing.frozenColumnIndex, handleGoto]);
-  const handleSortMenuRadioGroupChange = newSortDirection => {
-    setSortDirectionState(newSortDirection);
-    handleSortToggle(newSortDirection);
-  };
-  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) {
-                      tableMeta.rowActive.setRowActiveIndex(index);
-                      scrollToIndex(index + 2, {
-                        align: 'center'
-                      });
-                    });
-                  }, function () {});
-                }, 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 className = cn('-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden', 'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto', 'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto', 'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto', {
-    '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement
-  }, props.className);
-  const memoedMenuItems = React__default.useMemo(() => {
-    const menuItems = [];
-    if (canHide) {
-      // 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$1.Item, {
-        icon: "eye-off",
-        onClick: handleClick
-      }, texts.table3.columns.menu.hideColumn));
-    }
-    // We rely on canSort value instead of onSort function's value because some columns might have sorting disabled,
-    // so even though onSort is truthy, we don't want to show sorting menu.
-    if (canSort) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
-        icon: "sort-by",
-        subMenu: () => ( /*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
-          onChange: handleSortMenuRadioGroupChange,
-          value: sortDirectionState
-        }, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
-          value: SORT_DIRECTION.ASC
-        }, texts.table3.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
-          value: SORT_DIRECTION.DESC
-        }, texts.table3.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
-          value: false
-        }, texts.table3.columns.menu.sortingOrder.unsorted))))
-      }, texts.table3.columns.menu.sorting));
-    }
-    if (handleGoto) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
-        icon: "move",
-        onClick: () => setPopover('goto'),
-        shortcut: gotoShortcut
-      }, texts.table3.columns.menu.gotoRow, "..."));
-    }
-    if (canFreeze) {
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      const frozenIndex = index - tableMeta.columnFreezing.frozenInternalColumnCount;
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      const handleClick = () => tableMeta.columnFreezing.setFrozenColumnIndex(frozenIndex);
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
-        icon: "column-freeze",
-        onClick: handleClick
-      }, frozenIndex === 0 ? texts.table3.columns.menu.freezeFirstColumn : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(frozenIndex + 1))));
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      if (tableMeta.columnFreezing.frozenColumnIndex !== undefined) {
-        const handleClick = () => {
-          // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-          tableMeta.columnFreezing.setFrozenColumnIndex(undefined);
-        };
-        menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
-          icon: "column-unfreeze",
-          onClick: handleClick
-        }, texts.table3.columns.menu.unfreezeColumns));
-      }
-    }
-    if (menu) {
-      const customMenu = menu({
-        trigger: undefined
-      });
-      const customItems = React__default.Children.toArray(customMenu.props.children.props.children);
-      if (customItems.length) {
-        if (menuItems.length) {
-          menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Separator, null));
-        }
-        menuItems.push(...customItems);
-      }
-    }
-    return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
-      key
-    }));
-  }, [menu, index, canFreeze, canHide, canSort, handleGoto, handleSortToggle, sortDirection,
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  tableMeta.columnFreezing.frozenColumnIndex]);
-  return /*#__PURE__*/React__default.createElement(IconButton, {
-    className: className,
-    icon: "more",
-    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, memoedMenuItems))),
-    popover: popoverElement,
-    onClickCapture: event => event.preventDefault(),
-    ref: ref
-  });
-}
-
-export { Menu, isGotoAvailable, isMenuAvailable };
-//# sourceMappingURL=Menu.js.map