@economic/taco 2.24.0 → 2.25.1-alpha.13

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

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnPinningStylesheet.js","sources":["../../../../../../../../src/components/Report/styles/useColumnPinningStylesheet.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\nexport function useColumnPinningStylesheet<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const { columnPinning } = table.getState();\n\n    const stylesheet = React.useMemo(() => {\n        const styles: string[] = [];\n\n        // might be a better way to get this information, but it wasn't obvious\n        const all = table\n            .getFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const left = table\n            .getLeftFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n        const right = table\n            .getRightFlatHeaders()\n            .filter(column => !column.subHeaders.length)\n            .map(x => x.id);\n\n        if (left.length) {\n            const index = all.indexOf(left[left.length - 1]);\n\n            // add right border, hide the header seperator and add shadow when scrolled\n            // we have to be specific so that nested tables don't inherit the same css\n            styles.push(`table[data-taco='report']#${tableId} > thead > tr > th:nth-child(${index + 1}),\n                table[data-taco='report']#${tableId} > tbody > tr  > td:nth-child(${index + 1}) {\n                    border-right-width: 1px;\n                }\\ntable[data-taco='report']#${tableId} > thead > tr  > th:nth-child(${index + 1})[data-cell-id^=\"__\"],\n                table[data-taco='report']#${tableId} > tbody > tr  > td:nth-child(${index + 1})[data-cell-id^=\"__\"] {\n                    border-right-color: transparent;\n                }\\ntable[data-taco='report']#${tableId} > thead > tr  > th:nth-child(${index + 1}):after {\n                    content: none;\n                }\\ntable[data-taco='report'][data-table-horizontally-scrolled=\"true\"]#${tableId} > thead > tr  > th:nth-child(${\n                index + 1\n            }),\n                table[data-taco='report'][data-table-horizontally-scrolled=\"true\"]#${tableId} > tbody > tr  > td:nth-child(${\n                index + 1\n            }) {\n                    border-right-color: rgb(221, 221, 221);\n                    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 6px 0px 6px rgb(0 0 0/8%);\n                }`);\n        }\n\n        if (right.length) {\n            const index = all.indexOf(right[right.length - 1]);\n\n            styles.push(`table[data-taco='report']#${tableId} > thead > tr > th:nth-child(${index + 1}):not([data-cell-id^=\"__\"]),\n                table[data-taco='report']#${tableId} > tbody > tr > td:nth-child(${index + 1}):not([data-cell-id^=\"__\"]) {\n                    border-left-width: 1px;\n                }`);\n        }\n\n        return styles.join('\\n');\n    }, [columnPinning]);\n\n    return stylesheet;\n}\n"],"names":["useColumnPinningStylesheet","tableId","table","columnPinning","getState","stylesheet","React","useMemo","styles","all","getFlatHeaders","filter","column","subHeaders","length","map","x","id","left","getLeftFlatHeaders","right","getRightFlatHeaders","index","indexOf","push","join"],"mappings":";;SAGgBA,0BAA0BA,CAAkBC,OAAe,EAAEC,KAAwB;EACjG,MAAM;IAAEC;GAAe,GAAGD,KAAK,CAACE,QAAQ,EAAE;EAE1C,MAAMC,UAAU,GAAGC,cAAK,CAACC,OAAO,CAAC;IAC7B,MAAMC,MAAM,GAAa,EAAE;;IAG3B,MAAMC,GAAG,GAAGP,KAAK,CACZQ,cAAc,EAAE,CAChBC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,UAAU,CAACC,MAAM,CAAC,CAC3CC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,CAAC;IACnB,MAAMC,IAAI,GAAGhB,KAAK,CACbiB,kBAAkB,EAAE,CACpBR,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,UAAU,CAACC,MAAM,CAAC,CAC3CC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,CAAC;IACnB,MAAMG,KAAK,GAAGlB,KAAK,CACdmB,mBAAmB,EAAE,CACrBV,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,UAAU,CAACC,MAAM,CAAC,CAC3CC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,EAAE,CAAC;IAEnB,IAAIC,IAAI,CAACJ,MAAM,EAAE;MACb,MAAMQ,KAAK,GAAGb,GAAG,CAACc,OAAO,CAACL,IAAI,CAACA,IAAI,CAACJ,MAAM,GAAG,CAAC,CAAC,CAAC;;;MAIhDN,MAAM,CAACgB,IAAI,8BAA8BvB,uCAAuCqB,KAAK,GAAG;4CACxDrB,wCAAwCqB,KAAK,GAAG;;+CAE7CrB,wCAAwCqB,KAAK,GAAG;4CACnDrB,wCAAwCqB,KAAK,GAAG;;+CAE7CrB,wCAAwCqB,KAAK,GAAG;;wFAEPrB,wCACxEqB,KAAK,GAAG;qFAE6DrB,wCACrEqB,KAAK,GAAG;;;kBAIN,CAAC;;IAGX,IAAIF,KAAK,CAACN,MAAM,EAAE;MACd,MAAMQ,KAAK,GAAGb,GAAG,CAACc,OAAO,CAACH,KAAK,CAACA,KAAK,CAACN,MAAM,GAAG,CAAC,CAAC,CAAC;MAElDN,MAAM,CAACgB,IAAI,8BAA8BvB,uCAAuCqB,KAAK,GAAG;4CACxDrB,uCAAuCqB,KAAK,GAAG;;kBAEzE,CAAC;;IAGX,OAAOd,MAAM,CAACiB,IAAI,CAAC,IAAI,CAAC;GAC3B,EAAE,CAACtB,aAAa,CAAC,CAAC;EAEnB,OAAOE,UAAU;AACrB;;;;"}

package/dist/esm/packages/taco/src/components/Report/styles/useCssGridStylesheet.js

@@ -1,58 +0,0 @@
-import React__default from 'react';
-import { getCellMinWidth } from '../../../primitives/Table/useTable/util/columns.js';
-
-function useCssGridStylesheet(tableId, table, fontSize) {
-  const tableMeta = table.options.meta;
-  const allVisibleColumns = table.getVisibleLeafColumns();
-  const columnSizing = table.getState().columnSizing;
-  const globalMinSize = getCellMinWidth(fontSize);
-  // header body ?footer
-  const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';
-  return React__default.useMemo(() => {
-    let printGridTemplateColumns = '';
-    const printHiddenColumns = [];
-    const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {
-      var _column$columnDef$min, _column$columnDef$met;
-      if (table.options.enableGrouping && column.getIsGrouped()) {
-        return accum;
-      }
-      const minSize = (_column$columnDef$min = column.columnDef.minSize) !== null && _column$columnDef$min !== void 0 ? _column$columnDef$min : globalMinSize;
-      const width = columnSizing[column.id];
-      let size;
-      let printSize;
-      if (column.id === '__actions') {
-        const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */
-        size = `minmax(${minWidth}px, auto)`;
-      } else if (width !== undefined) {
-        const isLastColumn = index === allVisibleColumns.length - 1;
-        if (width === 'grow' || Number.isNaN(width) && !isLastColumn) {
-          size = `minmax(${minSize}px, 1fr)`;
-        } else {
-          const minWidth = width < minSize ? minSize : width;
-          if (isLastColumn) {
-            size = `minmax(${minWidth}px, auto)`;
-          } else {
-            size = `${minWidth}px`;
-          }
-        }
-      } else {
-        size = `minmax(${minSize}px, auto)`;
-      }
-      if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.enablePrinting) === false) {
-        printSize = '';
-        printHiddenColumns.push(column.id);
-      } else {
-        printSize = 'auto';
-      }
-      printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();
-      return `${accum} ${size}`.trim();
-    }, '');
-    // we have to be specific so that nested tables don't inherit the same css
-    const hiddenColumns = printHiddenColumns.map(id => `table[data-taco='report']#${tableId} > thead > tr > th[data-cell-id='${id}']\n,table[data-taco='report']#${tableId} > tbody > tr > td[data-cell-id='${id}']\n`).join(',');
-    return `table[data-taco='report']#${tableId} { grid-template-columns: ${gridTemplateColumns}; grid-template-rows: ${gridTemplateRows}; }
-@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${hiddenColumns ? `${hiddenColumns} { display: none; }` : ''} }`;
-  }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);
-}
-
-export { useCssGridStylesheet };
-//# sourceMappingURL=useCssGridStylesheet.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCssGridStylesheet.js","sources":["../../../../../../../../src/components/Report/styles/useCssGridStylesheet.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableFontSize } from '../../../primitives/Table/types';\nimport { getCellMinWidth } from '../../../primitives/Table/useTable/util/columns';\n\nexport function useCssGridStylesheet<TType = unknown>(\n    tableId: string,\n    table: ReactTable<TType>,\n    fontSize: TableFontSize\n): string {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const globalMinSize = getCellMinWidth(fontSize);\n\n    // header body ?footer\n    const gridTemplateRows = table.getRowModel().rows.length ? 'min-content 1fr min-content' : 'min-content 1fr';\n\n    return React.useMemo(() => {\n        let printGridTemplateColumns = '';\n        const printHiddenColumns: string[] = [];\n\n        const gridTemplateColumns = allVisibleColumns.reduce((accum, column, index) => {\n            if (table.options.enableGrouping && column.getIsGrouped()) {\n                return accum;\n            }\n\n            const minSize = column.columnDef.minSize ?? globalMinSize;\n            const width = columnSizing[column.id] as number | 'grow';\n\n            let size;\n            let printSize;\n\n            if (column.id === '__actions') {\n                const minWidth = tableMeta.rowActions.rowActionsLength * 32 + 8; /* button margins l+r */\n                size = `minmax(${minWidth}px, auto)`;\n            } else if (width !== undefined) {\n                const isLastColumn = index === allVisibleColumns.length - 1;\n\n                if (width === 'grow' || (Number.isNaN(width) && !isLastColumn)) {\n                    size = `minmax(${minSize}px, 1fr)`;\n                } else {\n                    const minWidth = width < minSize ? minSize : width;\n\n                    if (isLastColumn) {\n                        size = `minmax(${minWidth}px, auto)`;\n                    } else {\n                        size = `${minWidth}px`;\n                    }\n                }\n            } else {\n                size = `minmax(${minSize}px, auto)`;\n            }\n\n            if (column.columnDef.meta?.enablePrinting === false) {\n                printSize = '';\n                printHiddenColumns.push(column.id);\n            } else {\n                printSize = 'auto';\n            }\n\n            printGridTemplateColumns = `${printGridTemplateColumns} ${printSize}`.trim();\n\n            return `${accum} ${size}`.trim();\n        }, '');\n\n        // we have to be specific so that nested tables don't inherit the same css\n        const hiddenColumns = printHiddenColumns\n            .map(\n                id =>\n                    `table[data-taco='report']#${tableId} > thead > tr > th[data-cell-id='${id}']\\n,table[data-taco='report']#${tableId} > tbody > tr > td[data-cell-id='${id}']\\n`\n            )\n            .join(',');\n\n        return `table[data-taco='report']#${tableId} { grid-template-columns: ${gridTemplateColumns}; grid-template-rows: ${gridTemplateRows}; }\n@media print { table[data-taco='report']#${tableId} { grid-template-columns: ${printGridTemplateColumns}; } ${\n            hiddenColumns ? `${hiddenColumns} { display: none; }` : ''\n        } }`;\n    }, [allVisibleColumns, columnSizing, globalMinSize, tableMeta.rowActions.rowActionsLength]);\n}\n"],"names":["useCssGridStylesheet","tableId","table","fontSize","tableMeta","options","meta","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","globalMinSize","getCellMinWidth","gridTemplateRows","getRowModel","rows","length","React","useMemo","printGridTemplateColumns","printHiddenColumns","gridTemplateColumns","reduce","accum","column","index","enableGrouping","getIsGrouped","minSize","_column$columnDef$min","columnDef","width","id","size","printSize","minWidth","rowActions","rowActionsLength","undefined","isLastColumn","Number","isNaN","_column$columnDef$met","enablePrinting","push","trim","hiddenColumns","map","join"],"mappings":";;;SAKgBA,oBAAoBA,CAChCC,OAAe,EACfC,KAAwB,EACxBC,QAAuB;EAEvB,MAAMC,SAAS,GAAGF,KAAK,CAACG,OAAO,CAACC,IAA6B;EAC7D,MAAMC,iBAAiB,GAAGL,KAAK,CAACM,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGP,KAAK,CAACQ,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,aAAa,GAAGC,eAAe,CAACT,QAAQ,CAAC;;EAG/C,MAAMU,gBAAgB,GAAGX,KAAK,CAACY,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM,GAAG,6BAA6B,GAAG,iBAAiB;EAE5G,OAAOC,cAAK,CAACC,OAAO,CAAC;IACjB,IAAIC,wBAAwB,GAAG,EAAE;IACjC,MAAMC,kBAAkB,GAAa,EAAE;IAEvC,MAAMC,mBAAmB,GAAGd,iBAAiB,CAACe,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;;MACtE,IAAIvB,KAAK,CAACG,OAAO,CAACqB,cAAc,IAAIF,MAAM,CAACG,YAAY,EAAE,EAAE;QACvD,OAAOJ,KAAK;;MAGhB,MAAMK,OAAO,IAAAC,qBAAA,GAAGL,MAAM,CAACM,SAAS,CAACF,OAAO,cAAAC,qBAAA,cAAAA,qBAAA,GAAIlB,aAAa;MACzD,MAAMoB,KAAK,GAAGtB,YAAY,CAACe,MAAM,CAACQ,EAAE,CAAoB;MAExD,IAAIC,IAAI;MACR,IAAIC,SAAS;MAEb,IAAIV,MAAM,CAACQ,EAAE,KAAK,WAAW,EAAE;QAC3B,MAAMG,QAAQ,GAAG/B,SAAS,CAACgC,UAAU,CAACC,gBAAgB,GAAG,EAAE,GAAG,CAAC,CAAC;QAChEJ,IAAI,aAAaE,mBAAmB;OACvC,MAAM,IAAIJ,KAAK,KAAKO,SAAS,EAAE;QAC5B,MAAMC,YAAY,GAAGd,KAAK,KAAKlB,iBAAiB,CAACS,MAAM,GAAG,CAAC;QAE3D,IAAIe,KAAK,KAAK,MAAM,IAAKS,MAAM,CAACC,KAAK,CAACV,KAAK,CAAC,IAAI,CAACQ,YAAa,EAAE;UAC5DN,IAAI,aAAaL,iBAAiB;SACrC,MAAM;UACH,MAAMO,QAAQ,GAAGJ,KAAK,GAAGH,OAAO,GAAGA,OAAO,GAAGG,KAAK;UAElD,IAAIQ,YAAY,EAAE;YACdN,IAAI,aAAaE,mBAAmB;WACvC,MAAM;YACHF,IAAI,MAAME,YAAY;;;OAGjC,MAAM;QACHF,IAAI,aAAaL,kBAAkB;;MAGvC,IAAI,EAAAc,qBAAA,GAAAlB,MAAM,CAACM,SAAS,CAACxB,IAAI,cAAAoC,qBAAA,uBAArBA,qBAAA,CAAuBC,cAAc,MAAK,KAAK,EAAE;QACjDT,SAAS,GAAG,EAAE;QACdd,kBAAkB,CAACwB,IAAI,CAACpB,MAAM,CAACQ,EAAE,CAAC;OACrC,MAAM;QACHE,SAAS,GAAG,MAAM;;MAGtBf,wBAAwB,MAAMA,4BAA4Be,WAAW,CAACW,IAAI,EAAE;MAE5E,UAAUtB,SAASU,MAAM,CAACY,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;;IAGN,MAAMC,aAAa,GAAG1B,kBAAkB,CACnC2B,GAAG,CACAf,EAAE,iCAC+B/B,2CAA2C+B,oCAAoC/B,2CAA2C+B,QAAQ,CACtK,CACAgB,IAAI,CAAC,GAAG,CAAC;IAEd,oCAAoC/C,oCAAoCoB,4CAA4CR;2CACjFZ,oCAAoCkB,+BACnE2B,aAAa,MAAMA,kCAAkC,GAAG,MACxD;GACP,EAAE,CAACvC,iBAAiB,EAAEE,YAAY,EAAEE,aAAa,EAAEP,SAAS,CAACgC,UAAU,CAACC,gBAAgB,CAAC,CAAC;AAC/F;;;;"}

package/dist/esm/packages/taco/src/components/Report/styles/useStylesheet.js

@@ -1,20 +0,0 @@
-import React__default from 'react';
-import { useCssGridStylesheet } from './useCssGridStylesheet.js';
-import { useColumnPinningStylesheet } from './useColumnPinningStylesheet.js';
-import { getCellWidthPadding, getCellHeightPadding } from './util.js';
-
-function useStylesheet(tableId, table) {
-  const tableMeta = table.options.meta;
-  const cssGridStylesheet = useCssGridStylesheet(tableId, table, tableMeta.fontSize.size);
-  const columnPinningStylesheet = useColumnPinningStylesheet(tableId, table);
-  const genericStylesheet = `table[data-taco='report']#${tableId} {
-        --table-header-group-depth: ${table.getHeaderGroups().length};
-        --table-cell-padding-x: ${getCellWidthPadding(tableMeta.fontSize.size)};
-        --table-cell-padding-y: ${getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size)};
-    }`;
-  const css = [genericStylesheet, cssGridStylesheet, columnPinningStylesheet].filter(s => !!s).join('\n');
-  return /*#__PURE__*/React__default.createElement("style", null, css);
-}
-
-export { useStylesheet };
-//# sourceMappingURL=useStylesheet.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useStylesheet.js","sources":["../../../../../../../../src/components/Report/styles/useStylesheet.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useCssGridStylesheet } from './useCssGridStylesheet';\nimport { useColumnPinningStylesheet } from './useColumnPinningStylesheet';\nimport { getCellHeightPadding, getCellWidthPadding } from './util';\n\nexport function useStylesheet<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const cssGridStylesheet = useCssGridStylesheet<TType>(tableId, table, tableMeta.fontSize.size);\n    const columnPinningStylesheet = useColumnPinningStylesheet(tableId, table);\n\n    const genericStylesheet = `table[data-taco='report']#${tableId} {\n        --table-header-group-depth: ${table.getHeaderGroups().length};\n        --table-cell-padding-x: ${getCellWidthPadding(tableMeta.fontSize.size)};\n        --table-cell-padding-y: ${getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size)};\n    }`;\n\n    const css = [genericStylesheet, cssGridStylesheet, columnPinningStylesheet].filter(s => !!s).join('\\n');\n\n    return <style>{css}</style>;\n}\n"],"names":["useStylesheet","tableId","table","tableMeta","options","meta","cssGridStylesheet","useCssGridStylesheet","fontSize","size","columnPinningStylesheet","useColumnPinningStylesheet","genericStylesheet","getHeaderGroups","length","getCellWidthPadding","getCellHeightPadding","rowHeight","height","css","filter","s","join","React"],"mappings":";;;;;SAMgBA,aAAaA,CAAkBC,OAAe,EAAEC,KAAwB;EACpF,MAAMC,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAC7D,MAAMC,iBAAiB,GAAGC,oBAAoB,CAAQN,OAAO,EAAEC,KAAK,EAAEC,SAAS,CAACK,QAAQ,CAACC,IAAI,CAAC;EAC9F,MAAMC,uBAAuB,GAAGC,0BAA0B,CAACV,OAAO,EAAEC,KAAK,CAAC;EAE1E,MAAMU,iBAAiB,gCAAgCX;sCACrBC,KAAK,CAACW,eAAe,EAAE,CAACC;kCAC5BC,mBAAmB,CAACZ,SAAS,CAACK,QAAQ,CAACC,IAAI;kCAC3CO,oBAAoB,CAACb,SAAS,CAACc,SAAS,CAACC,MAAM,EAAEf,SAAS,CAACK,QAAQ,CAACC,IAAI;MACpG;EAEF,MAAMU,GAAG,GAAG,CAACP,iBAAiB,EAAEN,iBAAiB,EAAEI,uBAAuB,CAAC,CAACU,MAAM,CAACC,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC;EAEvG,oBAAOC,4CAAQJ,GAAG,CAAS;AAC/B;;;;"}

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

@@ -1,61 +0,0 @@
-// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)
-function getCellHeightPadding(height, fontSize) {
-  // TODO: can we get the rem values from tailwind
-  switch (height) {
-    case 'short':
-      {
-        switch (fontSize) {
-          case 'small':
-            return '8px';
-          default:
-            return '6px';
-        }
-      }
-    case 'tall':
-      {
-        switch (fontSize) {
-          case 'small':
-            return '16px';
-          case 'large':
-            return '12px';
-          default:
-            return '14px';
-        }
-      }
-    case 'extra-tall':
-      {
-        switch (fontSize) {
-          case 'small':
-            return '22px';
-          case 'large':
-            return '18px';
-          default:
-            return '20px';
-        }
-      }
-    default:
-      {
-        switch (fontSize) {
-          case 'small':
-            return '12px';
-          case 'large':
-            return '8px';
-          default:
-            return '10px';
-        }
-      }
-  }
-}
-function getCellWidthPadding(fontSize) {
-  switch (fontSize) {
-    case 'small':
-      return '8px';
-    case 'medium':
-      return '12px';
-    default:
-      return '16px';
-  }
-}
-
-export { getCellHeightPadding, getCellWidthPadding };
-//# sourceMappingURL=util.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../src/components/Report/styles/util.ts"],"sourcesContent":["import { TableFontSize, TableRowHeight } from '../../../primitives/Table/types';\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nexport function getCellHeightPadding(height: TableRowHeight, fontSize: TableFontSize) {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case 'small':\n                    return '8px';\n\n                default:\n                    return '6px';\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '16px';\n\n                case 'large':\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '22px';\n\n                case 'large':\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case 'small':\n                    return '12px';\n\n                case 'large':\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n}\n\nexport function getCellWidthPadding(fontSize: TableFontSize) {\n    switch (fontSize) {\n        case 'small':\n            return '8px';\n\n        case 'medium':\n            return '12px';\n\n        default:\n            return '16px';\n    }\n}\n"],"names":["getCellHeightPadding","height","fontSize","getCellWidthPadding"],"mappings":"AAEA;SACgBA,oBAAoBA,CAACC,MAAsB,EAAEC,QAAuB;;EAEhF,QAAQD,MAAM;IACV,KAAK,OAAO;MAAE;QACV,QAAQC,QAAQ;UACZ,KAAK,OAAO;YACR,OAAO,KAAK;UAEhB;YACI,OAAO,KAAK;;;IAIxB,KAAK,MAAM;MAAE;QACT,QAAQA,QAAQ;UACZ,KAAK,OAAO;YACR,OAAO,MAAM;UAEjB,KAAK,OAAO;YACR,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB,KAAK,YAAY;MAAE;QACf,QAAQA,QAAQ;UACZ,KAAK,OAAO;YACR,OAAO,MAAM;UAEjB,KAAK,OAAO;YACR,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB;MAAS;QACL,QAAQA,QAAQ;UACZ,KAAK,OAAO;YACR,OAAO,MAAM;UAEjB,KAAK,OAAO;YACR,OAAO,KAAK;UAEhB;YACI,OAAO,MAAM;;;;AAIjC;SAEgBC,mBAAmBA,CAACD,QAAuB;EACvD,QAAQA,QAAQ;IACZ,KAAK,OAAO;MACR,OAAO,KAAK;IAEhB,KAAK,QAAQ;MACT,OAAO,MAAM;IAEjB;MACI,OAAO,MAAM;;AAEzB;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"rows.js","sources":["../../../../../../../../src/components/Report/util/rows.ts"],"sourcesContent":["export const ROW_HEIGHT_ESTIMATES = {\n    short: 33,\n    medium: 41,\n    tall: 49,\n    'extra-tall': 57,\n};\n\nexport const HEADER_ROW_HEIGHT_ESTIMATE = ROW_HEIGHT_ESTIMATES.medium + 2; // header includes 2px border\n"],"names":["ROW_HEIGHT_ESTIMATES","short","medium","tall","HEADER_ROW_HEIGHT_ESTIMATE"],"mappings":"MAAaA,oBAAoB,GAAG;EAChCC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,EAAE;EACR,YAAY,EAAE;;MAGLC,0BAA0B,GAAGJ,oBAAoB,CAACE,MAAM,GAAG,EAAE;;;;"}

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

@@ -1,32 +0,0 @@
-import React__default from 'react';
-import { isElementInsideOverlay, isSiblingElementInsideSameParentOverlay, isElementInteractive, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom.js';
-
-function useTableGlobalShortcuts(table, tableRef, scrollToIndex) {
-  const tableMeta = table.options.meta;
-  const rows = table.getRowModel().rows;
-  React__default.useEffect(() => {
-    const handleKeyDown = event => {
-      const trigger = event.target;
-      if (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current) || isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current)) {
-        return;
-      }
-      tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableRef);
-      tableMeta.rowSelection.handleKeyDown(event, table);
-      if (tableMeta.rowActive.rowActiveIndex !== undefined) {
-        var _rows$tableMeta$rowAc;
-        tableMeta.rowClick.handleKeyDown(event, (_rows$tableMeta$rowAc = rows[tableMeta.rowActive.rowActiveIndex]) === null || _rows$tableMeta$rowAc === void 0 ? void 0 : _rows$tableMeta$rowAc.original);
-      }
-    };
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  },
-  // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143
-  // scrollToIndex function changes when row count changes, so it is important to update handlers with new
-  // scrollToIndex function.
-  [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]);
-}
-
-export { useTableGlobalShortcuts };
-//# sourceMappingURL=useTableGlobalShortcuts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../../../../src/components/Report/util/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../../primitives/Table/types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../../utils/dom';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n\n                if (\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, tableRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, tableRef.current))\n                ) {\n                    return;\n                }\n\n                tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableRef);\n                tableMeta.rowSelection.handleKeyDown(event, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n        // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143\n        // scrollToIndex function changes when row count changes, so it is important to update handlers with new\n        // scrollToIndex function.\n        [tableRef.current, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["useTableGlobalShortcuts","table","tableRef","scrollToIndex","tableMeta","options","meta","rows","getRowModel","React","useEffect","handleKeyDown","event","trigger","target","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","current","isElementInteractive","isElementInsideOrTriggeredFromContainer","rowActive","length","rowSelection","rowActiveIndex","undefined","_rows$tableMeta$rowAc","rowClick","original","document","addEventListener","removeEventListener"],"mappings":";;;SAUgBA,uBAAuBA,CACnCC,KAAwB,EACxBC,QAAmC,EACnCC,aAAsC;EAEtC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,IAAI,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACD,IAAI;EAErCE,cAAK,CAACC,SAAS,CACX;IACI,MAAMC,aAAa,GAAIC,KAAoB;MACvC,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAqB;MAE3C,IACKC,sBAAsB,CAACF,OAAO,CAAC,IAAI,CAACG,uCAAuC,CAACH,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAC,IACtGC,oBAAoB,CAACL,OAAO,CAAC,IAAI,CAACM,uCAAuC,CAACN,OAAO,EAAEX,QAAQ,CAACe,OAAO,CAAE,EACxG;QACE;;MAGJb,SAAS,CAACgB,SAAS,CAACT,aAAa,CAACC,KAAK,EAAEL,IAAI,CAACc,MAAM,EAAElB,aAAa,EAAED,QAAQ,CAAC;MAC9EE,SAAS,CAACkB,YAAY,CAACX,aAAa,CAACC,KAAK,EAAEX,KAAK,CAAC;MAElD,IAAIG,SAAS,CAACgB,SAAS,CAACG,cAAc,KAAKC,SAAS,EAAE;QAAA,IAAAC,qBAAA;QAClDrB,SAAS,CAACsB,QAAQ,CAACf,aAAa,CAACC,KAAK,GAAAa,qBAAA,GAAElB,IAAI,CAACH,SAAS,CAACgB,SAAS,CAACG,cAAc,CAAC,cAAAE,qBAAA,uBAAxCA,qBAAA,CAA0CE,QAAQ,CAAC;;KAElG;IAEDC,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAElB,aAAa,CAAC;IAEnD,OAAO;MACHiB,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEnB,aAAa,CAAC;KACzD;GACJ;;;;EAID,CAACT,QAAQ,CAACe,OAAO,EAAEb,SAAS,CAACgB,SAAS,CAACG,cAAc,EAAEpB,aAAa,CAAC,CACxE;AACL;;;;"}

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

@@ -1,162 +0,0 @@
-import React__default from 'react';
-import { useVirtualizer, defaultRangeExtractor } from '@tanstack/react-virtual';
-import { HEADER_ROW_HEIGHT_ESTIMATE, ROW_HEIGHT_ESTIMATES } from './rows.js';
-import { Row } from '../components/Row/Row.js';
-
-const TABLE_SCROLL_PADDING_BOTTOM = 36;
-const TABLE_PADDING_BOTTOM = 120;
-function useTableRenderer(table, tableRef, defaultRowActiveIndex) {
-  var _table$getState$group, _virtualItems$;
-  const tableMeta = table.options.meta;
-  const rows = table.getRowModel().rows;
-  const HEADER_OFFSET_TOTAL = HEADER_ROW_HEIGHT_ESTIMATE * table.getHeaderGroups().length;
-  // expanded rows
-  const {
-    createRowMeasurer,
-    estimateSize
-  } = useRowHeightVirtualisation(table);
-  // row groups
-  const rangeExtractor = useRowGroupVirtualisation(table);
-  const virtualiser = useVirtualizer({
-    count: rows.length,
-    estimateSize,
-    getScrollElement: () => tableRef.current,
-    overscan: tableMeta.printing.isPrinting ? rows.length : undefined,
-    rangeExtractor,
-    scrollPaddingStart: (_table$getState$group = table.getState().grouping) !== null && _table$getState$group !== void 0 && _table$getState$group.length ? HEADER_ROW_HEIGHT_ESTIMATE : undefined,
-    scrollPaddingEnd: HEADER_OFFSET_TOTAL + TABLE_SCROLL_PADDING_BOTTOM,
-    paddingEnd: TABLE_PADDING_BOTTOM
-  });
-  const virtualItems = virtualiser.getVirtualItems();
-  const scrollToIndex = React__default.useCallback((index, options = {
-    align: 'auto',
-    behavior: 'smooth'
-  }) => {
-    const notSmooth = {
-      ...options,
-      behavior: 'auto'
-    };
-    if (tableRef.current) {
-      if (index === 0) {
-        virtualiser.scrollToOffset(0, notSmooth);
-      } else if (index >= virtualItems.length - 1) {
-        // scrolling to the last row isn't easy when rows have dynamic height
-        // because you don't know all the heights until they render...
-        // so when you skip to the last you don't know if "the end" is actually the end
-        virtualiser.scrollToIndex(index, notSmooth);
-        // https://github.com/TanStack/virtual/issues/216
-        setTimeout(() => {
-          virtualiser.scrollToIndex(index, notSmooth);
-          setTimeout(() => {
-            virtualiser.scrollToIndex(index, notSmooth);
-          }, 150);
-        }, 150);
-      } else {
-        virtualiser.scrollToIndex(index, options);
-      }
-    }
-  }, [virtualItems.length, tableRef.current]);
-  // styling for offsetting rows - this "is" the virtualisation
-  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [
-  // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0
-  Math.max(0, ((_virtualItems$ = virtualItems[1]) !== null && _virtualItems$ !== void 0 ? _virtualItems$ : virtualItems[0]).start - virtualiser.options.scrollMargin - virtualItems[0].size), Math.max(0, virtualiser.getTotalSize() - virtualItems[virtualItems.length - 1].end)] : [0, 0];
-  // ensure default active rows are scrolled to
-  React__default.useEffect(() => {
-    if (defaultRowActiveIndex) {
-      scrollToIndex(defaultRowActiveIndex, {
-        align: 'center',
-        behavior: 'auto'
-      });
-    }
-  }, []);
-  // rendered output
-  let style = {};
-  let content = null;
-  if (rows.length) {
-    style = {
-      height: `${virtualiser.getTotalSize()}px`,
-      paddingBottom,
-      paddingTop
-    };
-    content = virtualItems.map(virtualRow => {
-      const row = rows[virtualRow.index];
-      const measureRow = createRowMeasurer(virtualiser.resizeItem, virtualRow);
-      return /*#__PURE__*/React__default.createElement(Row, {
-        key: row.id,
-        row: row,
-        index: virtualRow.index,
-        table: table,
-        measureRow: measureRow
-      });
-    });
-  }
-  return {
-    rows: content,
-    style,
-    scrollToIndex
-  };
-}
-// support varying row heights - variable row heights, row expansion
-function useRowHeightVirtualisation(table) {
-  const tableMeta = table.options.meta;
-  const rows = table.getRowModel().rows;
-  const expandedState = table.getState().expanded;
-  const [expandedRowHeightsCache, setExpandedRowHeightsCache] = React__default.useState({});
-  // look at all registered expanded row heights and use them to form a more accurate average size
-  // it might be worth considering if taking the max, or an upper bound, would be better
-  const averageExpandedRowHeight = React__default.useMemo(() => {
-    const values = Object.values(expandedRowHeightsCache);
-    return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;
-  }, [expandedRowHeightsCache]);
-  // row heights
-  const estimateSize = React__default.useCallback(index => {
-    var _rows$index, _rows$index$getIsExpa;
-    const rowHeight = tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;
-    if (expandedState === true || (_rows$index = rows[index]) !== null && _rows$index !== void 0 && (_rows$index$getIsExpa = _rows$index.getIsExpanded) !== null && _rows$index$getIsExpa !== void 0 && _rows$index$getIsExpa.call(_rows$index)) {
-      return rowHeight + averageExpandedRowHeight;
-    }
-    return rowHeight;
-  }, [tableMeta.rowHeight.height, averageExpandedRowHeight, expandedState]);
-  const createRowMeasurer = React__default.useCallback((resizeItem, virtualRow) => (rowHeight, expansionHeight) => {
-    // register the expansion height so that it can be used to determine an average
-    if (expansionHeight) {
-      setExpandedRowHeightsCache(cache => ({
-        ...cache,
-        [virtualRow.index]: expansionHeight
-      }));
-    }
-    // update the whole row's size to include the expanded height
-    resizeItem(virtualRow, rowHeight + (expansionHeight !== null && expansionHeight !== void 0 ? expansionHeight : 0));
-  }, []);
-  return {
-    estimateSize,
-    createRowMeasurer
-  };
-}
-// support virtualised row groups (where the row group headers are sticky)
-function useRowGroupVirtualisation(table) {
-  const rows = table.getRowModel().rows;
-  const isTableGrouped = !!table.getState().grouping.length;
-  const rowGroupIndexes = React__default.useMemo(() => {
-    const indexes = [];
-    if (isTableGrouped) {
-      rows.forEach((row, index) => {
-        if (row.getIsGrouped()) {
-          indexes.push(index);
-        }
-      });
-    }
-    return indexes;
-  }, []);
-  // this is taken from the react-virtual docs/examples
-  const rangeExtractor = React__default.useCallback(range => {
-    var _reverse$find;
-    const activeRowGroupIndex = (_reverse$find = [...rowGroupIndexes].reverse().find(index => range.startIndex >= index)) !== null && _reverse$find !== void 0 ? _reverse$find : rowGroupIndexes[0];
-    const next = new Set([activeRowGroupIndex, ...defaultRangeExtractor(range)]);
-    return [...next].sort((a, b) => a - b);
-  }, [rowGroupIndexes]);
-  return isTableGrouped ? rangeExtractor : undefined;
-}
-
-export { useTableRenderer };
-//# sourceMappingURL=useTableRenderer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableRenderer.js","sources":["../../../../../../../../src/components/Report/util/useTableRenderer.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport {\n    useVirtualizer,\n    defaultRangeExtractor,\n    ScrollToOptions as ReactVirtualScrollToOptions,\n    VirtualItem,\n} from '@tanstack/react-virtual';\nimport { TableRef } from '../../../primitives/Table/types';\nimport { HEADER_ROW_HEIGHT_ESTIMATE, ROW_HEIGHT_ESTIMATES } from './rows';\nimport { Row } from '../components/Row/Row';\n\nconst TABLE_SCROLL_PADDING_BOTTOM = 36;\nconst TABLE_PADDING_BOTTOM = 120;\n\nexport function useTableRenderer<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const HEADER_OFFSET_TOTAL = HEADER_ROW_HEIGHT_ESTIMATE * table.getHeaderGroups().length;\n\n    // expanded rows\n    const { createRowMeasurer, estimateSize } = useRowHeightVirtualisation<TType>(table);\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    const virtualiser = useVirtualizer({\n        count: rows.length,\n        estimateSize,\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? rows.length : undefined,\n        rangeExtractor,\n        scrollPaddingStart: table.getState().grouping?.length ? HEADER_ROW_HEIGHT_ESTIMATE : undefined,\n        scrollPaddingEnd: HEADER_OFFSET_TOTAL + TABLE_SCROLL_PADDING_BOTTOM,\n        paddingEnd: TABLE_PADDING_BOTTOM,\n    });\n\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index >= virtualItems.length - 1) {\n                    // scrolling to the last row isn't easy when rows have dynamic height\n                    // because you don't know all the heights until they render...\n                    // so when you skip to the last you don't know if \"the end\" is actually the end\n                    virtualiser.scrollToIndex(index, notSmooth);\n\n                    // https://github.com/TanStack/virtual/issues/216\n                    setTimeout(() => {\n                        virtualiser.scrollToIndex(index, notSmooth);\n\n                        setTimeout(() => {\n                            virtualiser.scrollToIndex(index, notSmooth);\n                        }, 150);\n                    }, 150);\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current]\n    );\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [\n                  // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n                  Math.max(\n                      0,\n                      (virtualItems[1] ?? virtualItems[0]).start - virtualiser.options.scrollMargin - virtualItems[0].size\n                  ),\n                  Math.max(0, virtualiser.getTotalSize() - virtualItems[virtualItems.length - 1].end),\n              ]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: JSX.Element[] | null = null;\n\n    if (rows.length) {\n        style = {\n            height: `${virtualiser.getTotalSize()}px`,\n            paddingBottom,\n            paddingTop,\n        };\n        content = virtualItems.map(virtualRow => {\n            const row = rows[virtualRow.index];\n            const measureRow = createRowMeasurer(virtualiser.resizeItem, virtualRow);\n            return <Row key={row.id} row={row} index={virtualRow.index} table={table} measureRow={measureRow} />;\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support varying row heights - variable row heights, row expansion\nfunction useRowHeightVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const expandedState = table.getState().expanded;\n\n    const [expandedRowHeightsCache, setExpandedRowHeightsCache] = React.useState<Record<number, number>>({});\n\n    // look at all registered expanded row heights and use them to form a more accurate average size\n    // it might be worth considering if taking the max, or an upper bound, would be better\n    const averageExpandedRowHeight = React.useMemo(() => {\n        const values: number[] = Object.values(expandedRowHeightsCache);\n        return values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;\n    }, [expandedRowHeightsCache]);\n\n    // row heights\n    const estimateSize = React.useCallback(\n        (index: number) => {\n            const rowHeight = tableMeta.rowHeight.height\n                ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height]\n                : ROW_HEIGHT_ESTIMATES.medium;\n\n            if (expandedState === true || rows[index]?.getIsExpanded?.()) {\n                return rowHeight + averageExpandedRowHeight;\n            }\n\n            return rowHeight;\n        },\n        [tableMeta.rowHeight.height, averageExpandedRowHeight, expandedState]\n    );\n\n    const createRowMeasurer = React.useCallback(\n        (resizeItem: (item: VirtualItem, size: number) => void, virtualRow: VirtualItem) =>\n            (rowHeight: number, expansionHeight?: number) => {\n                // register the expansion height so that it can be used to determine an average\n                if (expansionHeight) {\n                    setExpandedRowHeightsCache(cache => ({ ...cache, [virtualRow.index]: expansionHeight }));\n                }\n\n                // update the whole row's size to include the expanded height\n                resizeItem(virtualRow, rowHeight + (expansionHeight ?? 0));\n            },\n        []\n    );\n\n    return { estimateSize, createRowMeasurer };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, []);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        range => {\n            const activeRowGroupIndex =\n                [...rowGroupIndexes].reverse().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            const next = new Set([activeRowGroupIndex, ...defaultRangeExtractor(range)]);\n            return [...next].sort((a, b) => a - b);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["TABLE_SCROLL_PADDING_BOTTOM","TABLE_PADDING_BOTTOM","useTableRenderer","table","tableRef","defaultRowActiveIndex","tableMeta","options","meta","rows","getRowModel","HEADER_OFFSET_TOTAL","HEADER_ROW_HEIGHT_ESTIMATE","getHeaderGroups","length","createRowMeasurer","estimateSize","useRowHeightVirtualisation","rangeExtractor","useRowGroupVirtualisation","virtualiser","useVirtualizer","count","getScrollElement","current","overscan","printing","isPrinting","undefined","scrollPaddingStart","_table$getState$group","getState","grouping","scrollPaddingEnd","paddingEnd","virtualItems","getVirtualItems","scrollToIndex","React","useCallback","index","align","behavior","notSmooth","scrollToOffset","setTimeout","paddingTop","paddingBottom","Math","max","_virtualItems$","start","scrollMargin","size","getTotalSize","end","useEffect","style","content","height","map","virtualRow","row","measureRow","resizeItem","Row","key","id","expandedState","expanded","expandedRowHeightsCache","setExpandedRowHeightsCache","useState","averageExpandedRowHeight","useMemo","values","Object","reduce","a","b","rowHeight","ROW_HEIGHT_ESTIMATES","medium","_rows$index","_rows$index$getIsExpa","getIsExpanded","call","expansionHeight","cache","isTableGrouped","rowGroupIndexes","indexes","forEach","getIsGrouped","push","range","activeRowGroupIndex","_reverse$find","reverse","find","startIndex","next","Set","defaultRangeExtractor","sort"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/alert/ErrorAlert.js

@@ -1,154 +0,0 @@
-import React__default, { Fragment } from 'react';
-import { Alert } from '../../../Alert/Alert.js';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Button } from '../../../Button/Button.js';
-import { Dialog } from '../../../Dialog/Dialog.js';
-import { Group } from '../../../Group/Group.js';
-import { focusableSelector } from '../../util/editing.js';
-import { lastCellIndex } from '../rows/Row.js';
-
-function ErrorAlert(props) {
-  var _column$columnDef$met;
-  const {
-    table,
-    tableRef,
-    scrollToIndex,
-    rowIdentifier
-  } = props;
-  const tableMeta = table.options.meta;
-  const errors = tableMeta.validation.errors;
-  const errorsRowIds = errors ? Object.keys(errors) : [];
-  const rows = table.getRowModel().rows;
-  const coreRows = table.getCoreRowModel().rows;
-  const {
-    texts
-  } = useLocalization();
-  const [resetFiltersConfirmationOpen, setResetFiltersConfirmationOpen] = React__default.useState(false);
-  const [internalRowId, setInternalRowId] = React__default.useState(null);
-  const [internalRowIndex, setInternalRowIndex] = React__default.useState(null);
-  const [isFiltersReset, setIsFiltersReset] = React__default.useState(false);
-  const columns = table.getAllFlatColumns();
-  const column = columns.find(column => column.id === rowIdentifier);
-  const rowIdentifierHeader = column === null || column === void 0 ? void 0 : (_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.header;
-  // Find and focus first invalid cell
-  const navigateToFirstInvalidCell = () => {
-    var _tableRef$current;
-    const firstInvalidCell = (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.querySelector('[role="row"][data-current="true"] [role="cell"][data-invalid="true"]');
-    const firstInvalidElement = firstInvalidCell === null || firstInvalidCell === void 0 ? void 0 : firstInvalidCell.querySelector(focusableSelector);
-    if (firstInvalidElement) {
-      firstInvalidElement === null || firstInvalidElement === void 0 ? void 0 : firstInvalidElement.focus();
-      lastCellIndex.value = firstInvalidCell === null || firstInvalidCell === void 0 ? void 0 : firstInvalidCell.getAttribute('data-column-index');
-    }
-  };
-  // Navigate to row and focus first invalid cell
-  const navigateToRow = rowIndex => {
-    tableMeta.rowActive.setRowActiveIndex(rowIndex);
-    scrollToIndex(rowIndex, {
-      align: 'center'
-    });
-    lastCellIndex.value = undefined;
-    // Need to request animation frame here, because newly selected row is not rendered yet.
-    requestAnimationFrame(() => {
-      navigateToFirstInvalidCell();
-    });
-  };
-  // When internal row index is changed after click on row link, we should navigate to the row.
-  React__default.useEffect(() => {
-    if (internalRowIndex !== null && internalRowIndex >= 0) {
-      navigateToRow(internalRowIndex);
-    }
-  }, [internalRowIndex]);
-  // When filters are reset, we're able to get the real row index by rowId
-  React__default.useEffect(() => {
-    if (isFiltersReset) {
-      const rowIndex = rows.findIndex(row => row.id === internalRowId);
-      if (rowIndex === -1) {
-        return;
-      }
-      setInternalRowIndex(rowIndex);
-    }
-  }, [isFiltersReset]);
-  const onRowNumberClick = React__default.useCallback(rowId => {
-    // When row is hidden due filtering it will not be present in rows (but it still will be present in coreRows)
-    const foundIndex = rows.findIndex(row => row.id === rowId);
-    if (foundIndex === -1) {
-      setIsFiltersReset(false);
-      setResetFiltersConfirmationOpen(true);
-      // Since row indexes changed due filtering, we need to save row id, so that we can find it when filters will be reset
-      setInternalRowId(rowId);
-      return;
-    }
-    // In cases when user clicked on a row link multiple times we still need to navigate to the row, and focus the cell,
-    // because row/cell will loose focus on next click, but row index will not change.
-    if (foundIndex === internalRowIndex) {
-      navigateToRow(foundIndex);
-    } else {
-      setInternalRowIndex(foundIndex);
-    }
-  }, [rows, internalRowIndex]);
-  const onResetFiltersConfirm = () => {
-    setIsFiltersReset(true);
-  };
-  // Getting the row from core rows (ignoring search and filtering)
-  const getCoreRow = React__default.useCallback(rowId => coreRows.find(coreRow => coreRow.id === rowId), [coreRows]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-4 empty:hidden"
-  }, errorsRowIds.length ? ( /*#__PURE__*/React__default.createElement(Alert, {
-    state: "error",
-    className: "mb-1"
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("b", null, errorsRowIds.length, " ", texts.table3.validation.alert.unsavedEntries(errorsRowIds.length)), ' '), rowIdentifierHeader || texts.table3.validation.index, ' ', errorsRowIds.map((rowId, index) => {
-    const coreRow = getCoreRow(rowId);
-    return /*#__PURE__*/React__default.createElement(Fragment, {
-      key: `${rowId}`
-    }, /*#__PURE__*/React__default.createElement(Button, {
-      className: "!min-h-[theme(spacing.2)] !min-w-[theme(spacing.2)] !px-1",
-      appearance: "discrete",
-      onClick: () => {
-        onRowNumberClick(rowId);
-      }
-    }, rowIdentifier ? coreRow === null || coreRow === void 0 ? void 0 : coreRow.original[rowIdentifier] : coreRow === null || coreRow === void 0 ? void 0 : coreRow.index), /*#__PURE__*/React__default.createElement("span", null, index < errorsRowIds.length - 1 ? ',' : ''));
-  }), texts.table3.validation.alert.incompleteAndHavntBeenSaved(errorsRowIds.length))) : null, /*#__PURE__*/React__default.createElement(FilterResetDialog, {
-    open: resetFiltersConfirmationOpen,
-    onClose: () => {
-      setResetFiltersConfirmationOpen(false);
-    },
-    onConfirm: onResetFiltersConfirm,
-    table: table
-  }));
-}
-function FilterResetDialog(props) {
-  const {
-    open,
-    onClose,
-    onConfirm,
-    table
-  } = props;
-  const tableMeta = table.options.meta;
-  const {
-    texts
-  } = useLocalization();
-  const resetFilters = React__default.useCallback(() => {
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    tableMeta.search.setQuery('');
-    table.resetGlobalFilter();
-    table.resetColumnFilters();
-  }, [table, tableMeta.search]);
-  const handleConfirmClick = () => {
-    resetFilters();
-    onConfirm();
-    onClose();
-  };
-  return /*#__PURE__*/React__default.createElement(Dialog, {
-    open: open,
-    onClose: onClose,
-    size: "xs"
-  }, /*#__PURE__*/React__default.createElement(Dialog.Content, {
-    "aria-label": "Create a new account"
-  }, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table3.validation.resetFiltersDialog.title), /*#__PURE__*/React__default.createElement("p", null, texts.table3.validation.resetFiltersDialog.description), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, null, texts.table3.validation.resetFiltersDialog.cancel)), /*#__PURE__*/React__default.createElement(Button, {
-    appearance: "primary",
-    onClick: handleConfirmClick
-  }, texts.table3.validation.resetFiltersDialog.confirm)))));
-}
-
-export { ErrorAlert };
-//# sourceMappingURL=ErrorAlert.js.map

package/dist/esm/packages/taco/src/components/Table3/components/alert/ErrorAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorAlert.js","sources":["../../../../../../../../../src/components/Table3/components/alert/ErrorAlert.tsx"],"sourcesContent":["import { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { TableStrategy } from '../../types';\nimport React, { Fragment } from 'react';\nimport { Alert } from '../../../Alert/Alert';\nimport { Button } from '../../../Button/Button';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { focusableSelector } from '../../util/editing';\nimport { lastCellIndex } from '../rows/Row';\nimport { Dialog } from '../../../Dialog/Dialog';\nimport { Group } from '../../../Group/Group';\n\nexport type ErrorAlertProps<TType = unknown> = {\n    table: RTable<TType>;\n    tableRef: React.RefObject<HTMLDivElement>;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    rowIdentifier?: string;\n};\n\nexport function ErrorAlert<TType = unknown>(props: ErrorAlertProps<TType>) {\n    const { table, tableRef, scrollToIndex, rowIdentifier } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const errors = tableMeta.validation.errors;\n    const errorsRowIds = errors ? Object.keys(errors) : [];\n    const rows = table.getRowModel().rows;\n    const coreRows = table.getCoreRowModel().rows;\n    const { texts } = useLocalization();\n    const [resetFiltersConfirmationOpen, setResetFiltersConfirmationOpen] = React.useState(false);\n    const [internalRowId, setInternalRowId] = React.useState<string | null>(null);\n    const [internalRowIndex, setInternalRowIndex] = React.useState<number | null>(null);\n    const [isFiltersReset, setIsFiltersReset] = React.useState(false);\n    const columns = table.getAllFlatColumns();\n    const column = columns.find(column => column.id === rowIdentifier);\n    const rowIdentifierHeader = column?.columnDef.meta?.header;\n\n    // Find and focus first invalid cell\n    const navigateToFirstInvalidCell = () => {\n        const firstInvalidCell = tableRef.current?.querySelector(\n            '[role=\"row\"][data-current=\"true\"] [role=\"cell\"][data-invalid=\"true\"]'\n        );\n        const firstInvalidElement = firstInvalidCell?.querySelector(focusableSelector);\n\n        if (firstInvalidElement) {\n            (firstInvalidElement as HTMLElement)?.focus();\n            lastCellIndex.value = firstInvalidCell?.getAttribute('data-column-index');\n        }\n    };\n\n    // Navigate to row and focus first invalid cell\n    const navigateToRow = rowIndex => {\n        tableMeta.rowActive.setRowActiveIndex(rowIndex);\n        scrollToIndex(rowIndex, { align: 'center' });\n        lastCellIndex.value = undefined;\n\n        // Need to request animation frame here, because newly selected row is not rendered yet.\n        requestAnimationFrame(() => {\n            navigateToFirstInvalidCell();\n        });\n    };\n\n    // When internal row index is changed after click on row link, we should navigate to the row.\n    React.useEffect(() => {\n        if (internalRowIndex !== null && internalRowIndex >= 0) {\n            navigateToRow(internalRowIndex);\n        }\n    }, [internalRowIndex]);\n\n    // When filters are reset, we're able to get the real row index by rowId\n    React.useEffect(() => {\n        if (isFiltersReset) {\n            const rowIndex = rows.findIndex(row => row.id === internalRowId);\n            if (rowIndex === -1) {\n                return;\n            }\n            setInternalRowIndex(rowIndex);\n        }\n    }, [isFiltersReset]);\n\n    const onRowNumberClick = React.useCallback(\n        (rowId: string) => {\n            // When row is hidden due filtering it will not be present in rows (but it still will be present in coreRows)\n            const foundIndex = rows.findIndex(row => row.id === rowId);\n            if (foundIndex === -1) {\n                setIsFiltersReset(false);\n                setResetFiltersConfirmationOpen(true);\n\n                // Since row indexes changed due filtering, we need to save row id, so that we can find it when filters will be reset\n                setInternalRowId(rowId);\n                return;\n            }\n\n            // In cases when user clicked on a row link multiple times we still need to navigate to the row, and focus the cell,\n            // because row/cell will loose focus on next click, but row index will not change.\n            if (foundIndex === internalRowIndex) {\n                navigateToRow(foundIndex);\n            } else {\n                setInternalRowIndex(foundIndex);\n            }\n        },\n        [rows, internalRowIndex]\n    );\n\n    const onResetFiltersConfirm = () => {\n        setIsFiltersReset(true);\n    };\n\n    // Getting the row from core rows (ignoring search and filtering)\n    const getCoreRow = React.useCallback((rowId: string) => coreRows.find(coreRow => coreRow.id === rowId), [coreRows]);\n\n    return (\n        <div className=\"mb-4 empty:hidden\">\n            {errorsRowIds.length ? (\n                <Alert state=\"error\" className=\"mb-1\">\n                    <>\n                        <b>\n                            {errorsRowIds.length} {texts.table3.validation.alert.unsavedEntries(errorsRowIds.length)}\n                        </b>{' '}\n                    </>\n                    {rowIdentifierHeader || texts.table3.validation.index}{' '}\n                    {errorsRowIds.map((rowId: string, index) => {\n                        const coreRow = getCoreRow(rowId);\n                        return (\n                            <Fragment key={`${rowId}`}>\n                                <Button\n                                    className=\"!min-h-[theme(spacing.2)] !min-w-[theme(spacing.2)] !px-1\"\n                                    appearance=\"discrete\"\n                                    onClick={() => {\n                                        onRowNumberClick(rowId);\n                                    }}>\n                                    {/* Getting row from core rows, because 'table.getRow' will fail if row is hidden due filtering */}\n                                    {rowIdentifier ? coreRow?.original[rowIdentifier] : coreRow?.index}\n                                </Button>\n                                <span>{index < errorsRowIds.length - 1 ? ',' : ''}</span>\n                            </Fragment>\n                        );\n                    })}\n                    {texts.table3.validation.alert.incompleteAndHavntBeenSaved(errorsRowIds.length)}\n                </Alert>\n            ) : null}\n            <FilterResetDialog\n                open={resetFiltersConfirmationOpen}\n                onClose={() => {\n                    setResetFiltersConfirmationOpen(false);\n                }}\n                onConfirm={onResetFiltersConfirm}\n                table={table}\n            />\n        </div>\n    );\n}\n\ntype FilterResetDialogProps<TType = unknown> = {\n    open: boolean;\n    onClose: () => void;\n    onConfirm: () => void;\n    table: RTable<TType>;\n};\nfunction FilterResetDialog<TType = unknown>(props: FilterResetDialogProps<TType>) {\n    const { open, onClose, onConfirm, table } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { texts } = useLocalization();\n\n    const resetFilters = React.useCallback(() => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.search.setQuery('');\n        table.resetGlobalFilter();\n        table.resetColumnFilters();\n    }, [table, tableMeta.search]);\n\n    const handleConfirmClick = () => {\n        resetFilters();\n        onConfirm();\n        onClose();\n    };\n\n    return (\n        <Dialog open={open} onClose={onClose} size=\"xs\">\n            <Dialog.Content aria-label=\"Create a new account\">\n                <Dialog.Title>{texts.table3.validation.resetFiltersDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.validation.resetFiltersDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Group>\n                        <Dialog.Close>\n                            <Button>{texts.table3.validation.resetFiltersDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Button appearance=\"primary\" onClick={handleConfirmClick}>\n                            {texts.table3.validation.resetFiltersDialog.confirm}\n                        </Button>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["ErrorAlert","props","table","tableRef","scrollToIndex","rowIdentifier","tableMeta","options","meta","errors","validation","errorsRowIds","Object","keys","rows","getRowModel","coreRows","getCoreRowModel","texts","useLocalization","resetFiltersConfirmationOpen","setResetFiltersConfirmationOpen","React","useState","internalRowId","setInternalRowId","internalRowIndex","setInternalRowIndex","isFiltersReset","setIsFiltersReset","columns","getAllFlatColumns","column","find","id","rowIdentifierHeader","_column$columnDef$met","columnDef","header","navigateToFirstInvalidCell","firstInvalidCell","_tableRef$current","current","querySelector","firstInvalidElement","focusableSelector","focus","lastCellIndex","value","getAttribute","navigateToRow","rowIndex","rowActive","setRowActiveIndex","align","undefined","requestAnimationFrame","useEffect","findIndex","row","onRowNumberClick","useCallback","rowId","foundIndex","onResetFiltersConfirm","getCoreRow","coreRow","className","length","Alert","state","table3","alert","unsavedEntries","index","map","Fragment","key","Button","appearance","onClick","original","incompleteAndHavntBeenSaved","FilterResetDialog","open","onClose","onConfirm","resetFilters","search","setQuery","resetGlobalFilter","resetColumnFilters","handleConfirmClick","Dialog","size","Content","Title","resetFiltersDialog","title","description","Footer","Group","Close","cancel","confirm"],"mappings":"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"}