@economic/taco 2.25.1-alpha.13 → 2.25.1

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

@@ -0,0 +1,162 @@
+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

@@ -0,0 +1 @@
+{"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/Table/components/WindowedTable.js

@@ -56,7 +56,7 @@ const VariableRow = /*#__PURE__*/React__default.memo(({
     style: style
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "yt-table__cell text-grey-300"
-  }, texts.legacyTable.loading));
+  }, texts.table.loading));
 }, areEqual);
 const getAverageRowHeight = (rowHeights = {}) => {
   const keys = Object.keys(rowHeights);

package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowedTable.js","sources":["../../../../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { LegacyTableProps, ForwardedGenericTableWithStatics, LegacyTableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Localization';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n    const { texts } = useLocalization();\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n    const row = rows[index];\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\n        }\n    }, [rowHeights[index]]);\n\n    if (row) {\n        prepareRow(row, index);\n\n        return (\n            <Row\n                {...rowProps}\n                style={style}\n                key={index}\n                index={index}\n                row={row}\n                instance={instance}\n                headerGroups={tableProps.headerGroups}\n                setRowHeight={setRowHeight}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\n            <div className=\"yt-table__cell text-grey-300\">{texts.legacyTable.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n    return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<LegacyTableRef>\n) {\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n    // determine heights for windowing calculations\n    const headerRef = React.useRef<HTMLDivElement>(null);\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\n    const tableDimensions = useBoundingClientRectListener(tableRef);\n    const headerDimensions = useBoundingClientRectListener(headerRef);\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n    // variable row height calculations\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n    const rowHeights = React.useRef<Record<string, number>>({});\n    const setRowHeight = React.useCallback((index: number, size: number) => {\n        if (rowHeights.current[index] !== size) {\n            rowHeights.current = {\n                ...rowHeights.current,\n                [index]: size,\n            };\n\n            if (rowsRef) {\n                rowsRef.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowProps.activeIndex !== undefined) {\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\n        }\n    }, [rowsRef, rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef) {\n            rowsRef.resetAfterIndex(0);\n        }\n    }, [rows.length]);\n\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n    let list;\n\n    const itemData = {\n        rows,\n        setRowHeight,\n        rowProps,\n        tableProps,\n        instance,\n        prepareRow,\n        state,\n        rowHeights: rowHeights.current,\n    };\n\n    if (height && rows.length) {\n        const listProps = {\n            height,\n            itemData,\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\n            itemSize: getRowHeight,\n            width: '100%',\n        };\n\n        if (loadMore && length) {\n            const isLoaded = (index: number) => !!rows[index];\n\n            list = (\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n                    {({ onItemsRendered, ref }: any) => (\n                        <VariableSizeList\n                            {...listProps}\n                            itemCount={length}\n                            onItemsRendered={onItemsRendered}\n                            ref={list => {\n                                ref(list);\n                                setRowsRef(list);\n                            }}>\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList\n                    {...listProps}\n                    itemCount={rows.length}\n                    ref={ref => {\n                        setRowsRef(ref);\n                    }}>\n                    {VariableRow}\n                </VariableSizeList>\n            );\n        }\n    }\n\n    return (\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n            {list ? list : emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","height","_","texts","useLocalization","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","Row","key","headerGroups","className","role","legacyTable","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useMergedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","state","useTable","windowed","headerRef","rowsRef","setRowsRef","useState","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":";;;;;;;;;;;AAaA,MAAMA,UAAU,GAAG,EAAE;AAErB,MAAMC,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAAC,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK,EAAE;IAAEC,MAAM,EAAEC,CAAC;IAAE,GAAGF;;CAAc;EAChF,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;GAAY,GAAGb,IAAI;EAC3F,MAAMc,GAAG,GAAGP,IAAI,CAACN,KAAK,CAAC;EACvB,MAAMc,GAAG,GAAGjB,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EAE9ClB,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIF,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEG,OAAO,EAAE;MACdV,YAAY,CAACP,KAAK,EAAEc,GAAG,CAACG,OAAO,CAACC,qBAAqB,EAAE,CAAChB,MAAM,CAAC;;GAEtE,EAAE,CAACU,UAAU,CAACZ,KAAK,CAAC,CAAC,CAAC;EAEvB,IAAIa,GAAG,EAAE;IACLF,UAAU,CAACE,GAAG,EAAEb,KAAK,CAAC;IAEtB,oBACIH,6BAACsB,GAAG,oBACIX,QAAQ;MACZP,KAAK,EAAEA,KAAK;MACZmB,GAAG,EAAEpB,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZa,GAAG,EAAEA,GAAG;MACRH,QAAQ,EAAEA,QAAQ;MAClBW,YAAY,EAAEZ,UAAU,CAACY,YAAY;MACrCd,YAAY,EAAEA,YAAY;MAC1BO,GAAG,EAAEA;OACP;;EAIV,oBACIjB;IAAKyB,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC,KAAK;IAACtB,KAAK,EAAEA;kBAC7CJ;IAAKyB,SAAS,EAAC;KAAgClB,KAAK,CAACoB,WAAW,CAACC,OAAO,CAAO,CAC7E;AAEd,CAAC,EAAEC,QAAQ,CAAC;AAEZ,MAAMC,mBAAmB,GAAGA,CAACf,UAAU,GAAG,EAAE;EACxC,MAAMgB,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAChB,UAAU,CAAC;EACpC,MAAMkB,eAAe,GAAGF,IAAI,CAACG,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGpB,UAAU,CAACqB,CAAC,CAAC,EAAE,CAAC,CAAC;EACnE,OAAOH,eAAe,GAAGF,IAAI,CAACM,MAAM;AACxC,CAAC;MAEYC,aAAa,gBAAGtC,cAAK,CAACuC,UAAU,CAAC,SAASD,aAAaA,CAChEE,KAA0D,EAC1DvB,GAA8B;EAE9B,MAAMwB,QAAQ,GAAQC,YAAY,CAAiBzB,GAAG,CAAC;EACvD,MAAM;IAAE0B,kBAAkB,GAAGC,iBAAiB;IAAEP,MAAM;IAAEQ,QAAQ;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzF,MAAM;IAAE7B,QAAQ;IAAEC,UAAU;IAAEH,IAAI;IAAEK,UAAU;IAAED,QAAQ;IAAEkC;GAAO,GAAGC,QAAQ,CAAI;IAAE,GAAGF,UAAU;IAAEG,QAAQ,EAAE;GAAM,EAAER,QAAQ,CAAC;;EAG5H,MAAMS,SAAS,GAAGlD,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EACpD,MAAM,CAACiC,OAAO,EAAEC,UAAU,CAAC,GAAGpD,cAAK,CAACqD,QAAQ,CAAM,IAAI,CAAC;EACvD,MAAMC,eAAe,GAAGC,6BAA6B,CAACd,QAAQ,CAAC;EAC/D,MAAMe,gBAAgB,GAAGD,6BAA6B,CAACL,SAAS,CAAC;EACjE,MAAM7C,MAAM,GAAGiD,eAAe,IAAIE,gBAAgB,GAAGF,eAAe,CAACjD,MAAM,GAAGmD,gBAAgB,CAACnD,MAAM,GAAG,IAAI;;EAG5G,MAAMoD,kBAAkB,GAAG9C,QAAQ,CAAC+C,SAAS,IAAI5D,UAAU;EAC3D,MAAMiB,UAAU,GAAGf,cAAK,CAACkB,MAAM,CAAyB,EAAE,CAAC;EAC3D,MAAMR,YAAY,GAAGV,cAAK,CAAC2D,WAAW,CAAC,CAACxD,KAAa,EAAEyD,IAAY;IAC/D,IAAI7C,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,KAAKyD,IAAI,EAAE;MACpC7C,UAAU,CAACK,OAAO,GAAG;QACjB,GAAGL,UAAU,CAACK,OAAO;QACrB,CAACjB,KAAK,GAAGyD;OACZ;MAED,IAAIT,OAAO,EAAE;QACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;;GAGrC,EAAE,EAAE,CAAC;EACN,MAAMC,YAAY,GAAG9D,cAAK,CAAC2D,WAAW,CAACxD,KAAK,IAAIY,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,IAAIsD,kBAAkB,EAAE,EAAE,CAAC;EAEpGzD,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIgC,OAAO,IAAIxC,QAAQ,CAACoD,WAAW,KAAKC,SAAS,EAAE;MAC/Cb,OAAO,CAACc,YAAY,CAACtD,QAAQ,CAACoD,WAAW,EAAE,OAAO,CAAC;;GAE1D,EAAE,CAACZ,OAAO,EAAExC,QAAQ,CAACoD,WAAW,CAAC,CAAC;;EAGnC/D,cAAK,CAACmB,SAAS,CAAC;IACZJ,UAAU,CAACK,OAAO,GAAG,EAAE;IAEvB,IAAI+B,OAAO,EAAE;MACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;GAEjC,EAAE,CAACpD,IAAI,CAAC4B,MAAM,CAAC,CAAC;EAEjB,MAAM6B,aAAa,GAAGT,kBAAkB,GAAGjB,KAAK,CAACtC,IAAI,CAACmC,MAAM,IAAI,CAAC;EACjE,MAAM8B,kBAAkB,GAAG9D,MAAM,KAAK,IAAI,GAAG6D,aAAa,GAAG7D,MAAM,GAAG,KAAK;EAE3E,MAAMoB,SAAS,GAAG2C,EAAE,CAACxD,UAAU,CAACa,SAAS,EAAE,oBAAoB,EAAE;IAAE,sBAAsB,EAAE0C;GAAoB,CAAC;EAEhH,IAAIE,IAAI;EAER,MAAMC,QAAQ,GAAG;IACb7D,IAAI;IACJC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACViC,KAAK;IACLhC,UAAU,EAAEA,UAAU,CAACK;GAC1B;EAED,IAAIf,MAAM,IAAII,IAAI,CAAC4B,MAAM,EAAE;IACvB,MAAMkC,SAAS,GAAG;MACdlE,MAAM;MACNiE,QAAQ;MACRE,iBAAiB,EAAE1C,mBAAmB,CAACf,UAAU,CAACK,OAAO,CAAC;MAC1DqD,QAAQ,EAAEX,YAAY;MACtBY,KAAK,EAAE;KACV;IAED,IAAI7B,QAAQ,IAAIR,MAAM,EAAE;MACpB,MAAMsC,QAAQ,GAAIxE,KAAa,IAAK,CAAC,CAACM,IAAI,CAACN,KAAK,CAAC;MAEjDkE,IAAI,gBACArE,6BAAC4E,cAAc;QAACC,YAAY,EAAEF,QAAQ;QAAEG,SAAS,EAAEzC,MAAM;QAAE0C,aAAa,EAAElC;SACrE,CAAC;QAAEmC,eAAe;QAAE/D;OAAU,oBAC3BjB,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAEzC,MAAM;QACjB2C,eAAe,EAAEA,eAAe;QAChC/D,GAAG,EAAEoD,IAAI;UACLpD,GAAG,CAACoD,IAAI,CAAC;UACTjB,UAAU,CAACiB,IAAI,CAAC;;UAEnBtE,WAAW,CACG,CACtB,CAER;KACJ,MAAM;MACHsE,IAAI,gBACArE,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAErE,IAAI,CAAC4B,MAAM;QACtBpB,GAAG,EAAEA,GAAG;UACJmC,UAAU,CAACnC,GAAG,CAAC;;UAElBlB,WAAW,CAEnB;;;EAIT,oBACIC,6BAACkF,SAAS,oBAAKtE,UAAU;IAAEa,SAAS,EAAEA,SAAS;IAAEyB,SAAS,EAAEA,SAAS;IAAEjC,GAAG,EAAEwB;MACvE4B,IAAI,GAAGA,IAAI,GAAG1B,kBAAkB,EAAE,CAC3B;AAEpB,CAAC;AAEDL,aAAa,CAAC6C,MAAM,GAAG,MAAM,IAAI;AACjC7C,aAAa,CAAC8C,KAAK,GAAG,MAAM,IAAI;;;;"}
+{"version":3,"file":"WindowedTable.js","sources":["../../../../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { LegacyTableProps, ForwardedGenericTableWithStatics, LegacyTableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Localization';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n    const { texts } = useLocalization();\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n    const row = rows[index];\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\n        }\n    }, [rowHeights[index]]);\n\n    if (row) {\n        prepareRow(row, index);\n\n        return (\n            <Row\n                {...rowProps}\n                style={style}\n                key={index}\n                index={index}\n                row={row}\n                instance={instance}\n                headerGroups={tableProps.headerGroups}\n                setRowHeight={setRowHeight}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\n            <div className=\"yt-table__cell text-grey-300\">{texts.table.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n    return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<LegacyTableRef>\n) {\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n    // determine heights for windowing calculations\n    const headerRef = React.useRef<HTMLDivElement>(null);\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\n    const tableDimensions = useBoundingClientRectListener(tableRef);\n    const headerDimensions = useBoundingClientRectListener(headerRef);\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n    // variable row height calculations\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n    const rowHeights = React.useRef<Record<string, number>>({});\n    const setRowHeight = React.useCallback((index: number, size: number) => {\n        if (rowHeights.current[index] !== size) {\n            rowHeights.current = {\n                ...rowHeights.current,\n                [index]: size,\n            };\n\n            if (rowsRef) {\n                rowsRef.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowProps.activeIndex !== undefined) {\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\n        }\n    }, [rowsRef, rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef) {\n            rowsRef.resetAfterIndex(0);\n        }\n    }, [rows.length]);\n\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n    let list;\n\n    const itemData = {\n        rows,\n        setRowHeight,\n        rowProps,\n        tableProps,\n        instance,\n        prepareRow,\n        state,\n        rowHeights: rowHeights.current,\n    };\n\n    if (height && rows.length) {\n        const listProps = {\n            height,\n            itemData,\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\n            itemSize: getRowHeight,\n            width: '100%',\n        };\n\n        if (loadMore && length) {\n            const isLoaded = (index: number) => !!rows[index];\n\n            list = (\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n                    {({ onItemsRendered, ref }: any) => (\n                        <VariableSizeList\n                            {...listProps}\n                            itemCount={length}\n                            onItemsRendered={onItemsRendered}\n                            ref={list => {\n                                ref(list);\n                                setRowsRef(list);\n                            }}>\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList\n                    {...listProps}\n                    itemCount={rows.length}\n                    ref={ref => {\n                        setRowsRef(ref);\n                    }}>\n                    {VariableRow}\n                </VariableSizeList>\n            );\n        }\n    }\n\n    return (\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n            {list ? list : emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","height","_","texts","useLocalization","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useMergedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","state","useTable","windowed","headerRef","rowsRef","setRowsRef","useState","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowActions.js

@@ -110,8 +110,8 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           const output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && ( /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "circle-plus",
-            "aria-label": texts.legacyTable.newSubRow,
-            tooltip: texts.legacyTable.newSubRow,
+            "aria-label": texts.table.newSubRow,
+            tooltip: texts.table.newSubRow,
             disabled: inlineEditing && !row.canEdit,
             onClick: event => {
               event.stopPropagation();
@@ -125,8 +125,8 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           })), (inlineEditing || handlers.onRowEdit) && ( /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "edit",
-            "aria-label": texts.legacyTable.edit,
-            tooltip: texts.legacyTable.edit,
+            "aria-label": texts.table.edit,
+            tooltip: texts.table.edit,
             disabled: inlineEditing && !row.canEdit,
             onClick: event => {
               event.stopPropagation();
@@ -141,8 +141,8 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           })), handlers.onRowCopy && ( /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "copy",
-            "aria-label": texts.legacyTable.copy,
-            tooltip: texts.legacyTable.copy,
+            "aria-label": texts.table.copy,
+            tooltip: texts.table.copy,
             disabled: inlineEditing && !row.canEdit,
             onClick: event => {
               event.stopPropagation();
@@ -153,8 +153,8 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           })), handlers.onRowDelete && ( /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "delete",
-            "aria-label": texts.legacyTable.del,
-            tooltip: texts.legacyTable.del,
+            "aria-label": texts.table.del,
+            tooltip: texts.table.del,
             disabled: inlineEditing && !row.canEdit,
             onClick: event => {
               event.stopPropagation();
@@ -170,8 +170,8 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           })))), secondaryActions.length ? ( /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(Menu.Trigger, null, /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "ellipsis-vertical",
-            "aria-label": texts.legacyTable.actions,
-            tooltip: texts.legacyTable.actions,
+            "aria-label": texts.table.actions,
+            tooltip: texts.table.actions,
             disabled: inlineEditing && !row.canEdit,
             onClick: event => {
               event.stopPropagation();

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Localization';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, LegacyTableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: LegacyTableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\n\n        if (row) {\n            visibleActions = visibleActions.filter(action => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach(action => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: LegacyTableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.key === 'Escape' && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.legacyTable.newSubRow}\n                                        tooltip={texts.legacyTable.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.legacyTable.edit}\n                                        tooltip={texts.legacyTable.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.legacyTable.copy}\n                                        tooltip={texts.legacyTable.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.legacyTable.del}\n                                        tooltip={texts.legacyTable.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.legacyTable.actions}\n                                                tooltip={texts.legacyTable.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}>\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","_event$target","target","_event$target$form","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","legacyTable","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":"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"}
+{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Localization';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, LegacyTableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: LegacyTableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\n\n        if (row) {\n            visibleActions = visibleActions.filter(action => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach(action => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: LegacyTableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.key === 'Escape' && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.table.newSubRow}\n                                        tooltip={texts.table.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.table.edit}\n                                        tooltip={texts.table.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.table.copy}\n                                        tooltip={texts.table.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.table.del}\n                                        tooltip={texts.table.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.table.actions}\n                                                tooltip={texts.table.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}>\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","_event$target","target","_event$target$form","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","table","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":"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"}