@economic/taco 1.1.4 → 1.1.5-alpha.102

package/dist/esm/components/Table/components/WindowedTable.js

@@ -1,4 +1,3 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../../Provider/Provider.js';
@@ -10,28 +9,30 @@ import { BaseTable, DefaultEmptyState } from './BaseTable.js';
 import { VariableSizeList, areEqual } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
 
-var _excluded = ["height"],
-    _excluded2 = ["emptyStateRenderer", "length", "loadMore"];
-var ROW_HEIGHT = 40;
-var VariableRow = /*#__PURE__*/React__default.memo(function (_ref) {
-  var data = _ref.data,
-      index = _ref.index,
-      _ref$style = _ref.style,
-      style = _objectWithoutPropertiesLoose(_ref$style, _excluded);
-
-  var _useLocalization = useLocalization(),
-      texts = _useLocalization.texts;
-
-  var rows = data.rows,
-      setRowHeight = data.setRowHeight,
-      rowProps = data.rowProps,
-      tableProps = data.tableProps,
-      instance = data.instance,
-      prepareRow = data.prepareRow,
-      rowHeights = data.rowHeights;
-  var row = rows[index];
-  var ref = React__default.useRef(null);
-  React__default.useEffect(function () {
+const ROW_HEIGHT = 40;
+const VariableRow = /*#__PURE__*/React__default.memo(({
+  data,
+  index,
+  style: {
+    height: _,
+    ...style
+  }
+}) => {
+  const {
+    texts
+  } = useLocalization();
+  const {
+    rows,
+    setRowHeight,
+    rowProps,
+    tableProps,
+    instance,
+    prepareRow,
+    rowHeights
+  } = data;
+  const row = rows[index];
+  const ref = React__default.useRef(null);
+  React__default.useEffect(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
       setRowHeight(index, ref.current.getBoundingClientRect().height);
     }
@@ -60,130 +61,113 @@ var VariableRow = /*#__PURE__*/React__default.memo(function (_ref) {
   }, texts.table.loading));
 }, areEqual);
 
-var getAverageRowHeight = function getAverageRowHeight(rowHeights) {
-  if (rowHeights === void 0) {
-    rowHeights = {};
-  }
-
-  var keys = Object.keys(rowHeights);
-  var estimatedHeight = keys.reduce(function (p, i) {
-    return p + rowHeights[i];
-  }, 0);
+const getAverageRowHeight = (rowHeights = {}) => {
+  const keys = Object.keys(rowHeights);
+  const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);
   return estimatedHeight / keys.length;
 };
 
-var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
-  var tableRef = useProxiedRef(ref);
-
-  var _props$emptyStateRend = props.emptyStateRenderer,
-      emptyStateRenderer = _props$emptyStateRend === void 0 ? DefaultEmptyState : _props$emptyStateRend,
-      length = props.length,
-      loadMore = props.loadMore,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
-
-  var _useTable = useTable(_extends({}, otherProps, {
+const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
+  const tableRef = useProxiedRef(ref);
+  const {
+    emptyStateRenderer = DefaultEmptyState,
+    length,
+    loadMore,
+    ...otherProps
+  } = props;
+  const {
+    rowProps,
+    tableProps,
+    rows,
+    prepareRow,
+    instance,
+    state
+  } = useTable({ ...otherProps,
     windowed: true
-  }), tableRef),
-      rowProps = _useTable.rowProps,
-      tableProps = _useTable.tableProps,
-      rows = _useTable.rows,
-      prepareRow = _useTable.prepareRow,
-      instance = _useTable.instance,
-      state = _useTable.state; // determine heights for windowing calculations
-
-
-  var headerRef = React__default.useRef(null);
-
-  var _React$useState = React__default.useState(null),
-      rowsRef = _React$useState[0],
-      setRowsRef = _React$useState[1];
+  }, tableRef); // determine heights for windowing calculations
 
-  var tableDimensions = useBoundingClientRectListener(tableRef);
-  var headerDimensions = useBoundingClientRectListener(headerRef);
-  var height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null; // variable row height calculations
+  const headerRef = React__default.useRef(null);
+  const [rowsRef, setRowsRef] = React__default.useState(null);
+  const tableDimensions = useBoundingClientRectListener(tableRef);
+  const headerDimensions = useBoundingClientRectListener(headerRef);
+  const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null; // variable row height calculations
 
-  var estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
-  var rowHeights = React__default.useRef({});
-  var setRowHeight = React__default.useCallback(function (index, size) {
+  const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
+  const rowHeights = React__default.useRef({});
+  const setRowHeight = React__default.useCallback((index, size) => {
     if (rowHeights.current[index] !== size) {
-      var _extends2;
-
-      rowHeights.current = _extends({}, rowHeights.current, (_extends2 = {}, _extends2[index] = size, _extends2));
+      rowHeights.current = { ...rowHeights.current,
+        [index]: size
+      };
 
       if (rowsRef) {
         rowsRef.resetAfterIndex(0);
       }
     }
   }, []);
-  var getRowHeight = React__default.useCallback(function (index) {
-    return rowHeights.current[index] || estimatedRowHeight;
-  }, []);
-  React__default.useEffect(function () {
+  const getRowHeight = React__default.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);
+  React__default.useEffect(() => {
     if (rowsRef && rowProps.activeIndex !== undefined) {
       rowsRef.scrollToItem(rowProps.activeIndex, 'start');
     }
   }, [rowsRef, rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
 
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     rowHeights.current = {};
 
     if (rowsRef) {
       rowsRef.resetAfterIndex(0);
     }
   }, [rows.length]);
-  var contentHeight = estimatedRowHeight * props.data.length || 0;
-  var isScrollbarVisible = height !== null ? contentHeight > height : false;
-  var className = cn(tableProps.className, 'yt-table--windowed', {
+  const contentHeight = estimatedRowHeight * props.data.length || 0;
+  const isScrollbarVisible = height !== null ? contentHeight > height : false;
+  const className = cn(tableProps.className, 'yt-table--windowed', {
     'table-with-scrollbar': isScrollbarVisible
   });
-  var list;
-  var itemData = {
-    rows: rows,
-    setRowHeight: setRowHeight,
-    rowProps: rowProps,
-    tableProps: tableProps,
-    instance: instance,
-    prepareRow: prepareRow,
-    state: state,
+  let list;
+  const itemData = {
+    rows,
+    setRowHeight,
+    rowProps,
+    tableProps,
+    instance,
+    prepareRow,
+    state,
     rowHeights: rowHeights.current
   };
 
   if (height && rows.length) {
-    var listProps = {
-      height: height,
-      itemData: itemData,
+    const listProps = {
+      height,
+      itemData,
       estimatedItemSize: getAverageRowHeight(rowHeights.current),
       itemSize: getRowHeight,
       width: '100%'
     };
 
     if (loadMore && length) {
-      var isLoaded = function isLoaded(index) {
-        return !!rows[index];
-      };
+      const isLoaded = index => !!rows[index];
 
       list = React__default.createElement(InfiniteLoader, {
         isItemLoaded: isLoaded,
         itemCount: length,
         loadMoreItems: loadMore
-      }, function (_ref2) {
-        var onItemsRendered = _ref2.onItemsRendered,
-            _ref3 = _ref2.ref;
-        return React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
-          itemCount: length,
-          onItemsRendered: onItemsRendered,
-          ref: function ref(list) {
-            _ref3(list);
-
-            setRowsRef(list);
-          }
-        }), VariableRow);
-      });
+      }, ({
+        onItemsRendered,
+        ref
+      }) => React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
+        itemCount: length,
+        onItemsRendered: onItemsRendered,
+        ref: list => {
+          ref(list);
+          setRowsRef(list);
+        }
+      }), VariableRow));
     } else {
       list = React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
         itemCount: rows.length,
-        ref: function ref(_ref4) {
-          setRowsRef(_ref4);
+        ref: ref => {
+          setRowsRef(ref);
         }
       }), VariableRow);
     }
@@ -196,13 +180,9 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
   }), list ? list : emptyStateRenderer());
 });
 
-WindowedTable.Column = function () {
-  return null;
-};
+WindowedTable.Column = () => null;
 
-WindowedTable.Group = function () {
-  return null;
-};
+WindowedTable.Group = () => null;
 
 export { WindowedTable };
 //# sourceMappingURL=WindowedTable.js.map

package/dist/esm/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 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\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-dark\">{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: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const tableRef: any = useProxiedRef<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                        >\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                >\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","useLocalization","texts","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","height","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useProxiedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","useTable","windowed","state","headerRef","useState","rowsRef","setRowsRef","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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"}
+{"version":3,"file":"WindowedTable.js","sources":["../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\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-dark\">{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: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const tableRef: any = useProxiedRef<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                        >\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                >\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","useProxiedRef","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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"}