@economic/taco 0.0.10-alpha.0 → 0.0.13-alpha.0

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,121 +61,108 @@ 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);
+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); // determine heights for windowing calculations
 
-  var _props$emptyStateRend = props.emptyStateRenderer,
-      emptyStateRenderer = _props$emptyStateRend === void 0 ? DefaultEmptyState : _props$emptyStateRend,
-      length = props.length,
-      loadMore = props.loadMore,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  const headerRef = React__default.useRef(null);
+  const rowsRef = React__default.useRef(null);
+  const tableDimensions = useBoundingClientRectListener(tableRef);
+  const headerDimensions = useBoundingClientRectListener(headerRef);
+  const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null; // variable row height calculations
 
-  var _useTable = useTable(_extends({}, 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 rowsRef = React__default.useRef(null);
-  var tableDimensions = useBoundingClientRectListener(tableRef);
-  var headerDimensions = useBoundingClientRectListener(headerRef);
-  var 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.current) {
         rowsRef.current.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 && rowsRef.current && rowProps.activeIndex !== undefined) {
       rowsRef.current.scrollToItem(rowProps.activeIndex);
     }
   }, [rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
 
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     rowHeights.current = {};
 
     if (rowsRef.current) {
       rowsRef.current.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);
-
-            rowsRef.current = list;
-          }
-        }), VariableRow);
-      });
+      }, ({
+        onItemsRendered,
+        ref
+      }) => React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
+        itemCount: length,
+        onItemsRendered: onItemsRendered,
+        ref: list => {
+          ref(list);
+          rowsRef.current = list;
+        }
+      }), VariableRow));
     } else {
       list = React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
         itemCount: rows.length,
@@ -190,13 +178,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 = React.useRef<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.current) {\n                rowsRef.current.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {\n            rowsRef.current.scrollToItem(rowProps.activeIndex);\n        }\n    }, [rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef.current) {\n            rowsRef.current.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                                rowsRef.current = list;\n                            }}\n                        >\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList {...listProps} itemCount={rows.length} ref={rowsRef}>\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","rowsRef","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';\r\nimport cn from 'classnames';\r\nimport { PluginHook } from 'react-table';\r\nimport { areEqual, VariableSizeList } from 'react-window';\r\nimport InfiniteLoader from 'react-window-infinite-loader';\r\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\r\nimport { useTable } from '../hooks/useTable';\r\nimport { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { Row } from '../util/renderRow';\r\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\r\nimport { useLocalization } from '../../Provider/Provider';\r\n\r\nconst ROW_HEIGHT = 40;\r\n\r\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\r\n    const { texts } = useLocalization();\r\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\r\n    const row = rows[index];\r\n    const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (ref?.current) {\r\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\r\n        }\r\n    }, [rowHeights[index]]);\r\n\r\n    if (row) {\r\n        prepareRow(row, index);\r\n\r\n        return (\r\n            <Row\r\n                {...rowProps}\r\n                style={style}\r\n                key={index}\r\n                index={index}\r\n                row={row}\r\n                instance={instance}\r\n                headerGroups={tableProps.headerGroups}\r\n                setRowHeight={setRowHeight}\r\n                ref={ref}\r\n            />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\r\n            <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\r\n        </div>\r\n    );\r\n}, areEqual);\r\n\r\nconst getAverageRowHeight = (rowHeights = {}) => {\r\n    const keys = Object.keys(rowHeights);\r\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\r\n    return estimatedHeight / keys.length;\r\n};\r\n\r\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\r\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\r\n    ref: React.Ref<TableRef>\r\n) {\r\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\r\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\r\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\r\n\r\n    // determine heights for windowing calculations\r\n    const headerRef = React.useRef<HTMLDivElement>(null);\r\n    const rowsRef = React.useRef<any>(null);\r\n    const tableDimensions = useBoundingClientRectListener(tableRef);\r\n    const headerDimensions = useBoundingClientRectListener(headerRef);\r\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\r\n\r\n    // variable row height calculations\r\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\r\n    const rowHeights = React.useRef<Record<string, number>>({});\r\n    const setRowHeight = React.useCallback((index: number, size: number) => {\r\n        if (rowHeights.current[index] !== size) {\r\n            rowHeights.current = {\r\n                ...rowHeights.current,\r\n                [index]: size,\r\n            };\r\n\r\n            if (rowsRef.current) {\r\n                rowsRef.current.resetAfterIndex(0);\r\n            }\r\n        }\r\n    }, []);\r\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\r\n\r\n    React.useEffect(() => {\r\n        if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {\r\n            rowsRef.current.scrollToItem(rowProps.activeIndex);\r\n        }\r\n    }, [rowProps.activeIndex]);\r\n\r\n    // trigger recalculation of variable row heights if the data changes\r\n    React.useEffect(() => {\r\n        rowHeights.current = {};\r\n\r\n        if (rowsRef.current) {\r\n            rowsRef.current.resetAfterIndex(0);\r\n        }\r\n    }, [rows.length]);\r\n\r\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\r\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\r\n\r\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\r\n\r\n    let list;\r\n\r\n    const itemData = {\r\n        rows,\r\n        setRowHeight,\r\n        rowProps,\r\n        tableProps,\r\n        instance,\r\n        prepareRow,\r\n        state,\r\n        rowHeights: rowHeights.current,\r\n    };\r\n\r\n    if (height && rows.length) {\r\n        const listProps = {\r\n            height,\r\n            itemData,\r\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\r\n            itemSize: getRowHeight,\r\n            width: '100%',\r\n        };\r\n\r\n        if (loadMore && length) {\r\n            const isLoaded = (index: number) => !!rows[index];\r\n\r\n            list = (\r\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\r\n                    {({ onItemsRendered, ref }: any) => (\r\n                        <VariableSizeList\r\n                            {...listProps}\r\n                            itemCount={length}\r\n                            onItemsRendered={onItemsRendered}\r\n                            ref={list => {\r\n                                ref(list);\r\n                                rowsRef.current = list;\r\n                            }}\r\n                        >\r\n                            {VariableRow}\r\n                        </VariableSizeList>\r\n                    )}\r\n                </InfiniteLoader>\r\n            );\r\n        } else {\r\n            list = (\r\n                <VariableSizeList {...listProps} itemCount={rows.length} ref={rowsRef}>\r\n                    {VariableRow}\r\n                </VariableSizeList>\r\n            );\r\n        }\r\n    }\r\n\r\n    return (\r\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\r\n            {list ? list : emptyStateRenderer()}\r\n        </BaseTable>\r\n    );\r\n}) as ForwardedGenericTableWithStatics;\r\n\r\nWindowedTable.Column = () => null;\r\nWindowedTable.Group = () => null;\r\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","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/components/Table/hooks/plugins/useRowActions.js

@@ -5,27 +5,21 @@ import { Menu } from '../../../Menu/Menu.js';
 import { sanitizeRowProps } from '../../util.js';
 import { InView } from 'react-intersection-observer';
 
-var actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
+const actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
 
-var hasActions = function hasActions(inlineEditingUniqueId, handlers, actions) {
+const hasActions = (inlineEditingUniqueId, handlers, actions) => {
   return !!actions || handlers.onRowCreate || handlers.onRowCopy || handlers.onRowDelete || !!inlineEditingUniqueId || handlers.onRowEdit;
 };
 
-var getActions = function getActions(actions, row) {
-  if (row === void 0) {
-    row = undefined;
-  }
-
-  var primary = [];
-  var secondary = [];
+const getActions = (actions, row = undefined) => {
+  const primary = [];
+  const secondary = [];
 
   if (actions) {
-    var visibleActions = actions.filter(function (x) {
-      return !!x;
-    });
+    let visibleActions = actions.filter(x => !!x);
 
     if (row) {
-      visibleActions = visibleActions.filter(function (action) {
+      visibleActions = visibleActions.filter(action => {
         if (action.visible !== undefined) {
           if (typeof action.visible === 'function') {
             return action.visible(row);
@@ -38,7 +32,7 @@ var getActions = function getActions(actions, row) {
       });
     }
 
-    visibleActions.forEach(function (action) {
+    visibleActions.forEach(action => {
       if (action.showOnRow) {
         primary.push(action);
       } else {
@@ -50,12 +44,9 @@ var getActions = function getActions(actions, row) {
   return [primary, secondary];
 };
 
-var getLength = function getLength(inlineEditingUniqueId, handlers, actions) {
-  var _getActions = getActions(actions),
-      primaryActions = _getActions[0],
-      secondaryActions = _getActions[1];
-
-  var length = primaryActions.length + (secondaryActions.length ? 1 : 0);
+const getLength = (inlineEditingUniqueId, handlers, actions) => {
+  const [primaryActions, secondaryActions] = getActions(actions);
+  let length = primaryActions.length + (secondaryActions.length ? 1 : 0);
 
   if (handlers.onRowCreate) {
     length++;
@@ -80,20 +71,20 @@ var getLength = function getLength(inlineEditingUniqueId, handlers, actions) {
   return length;
 };
 
-var getActionProps = function getActionProps(action, row) {
+const getActionProps = (action, row) => {
   return {
     'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,
     disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,
-    onClick: function onClick(event) {
+    onClick: event => {
       event.persist();
       action.onClick(row, event);
     }
   };
 };
 
-var EditModeActions = function EditModeActions() {
-  React__default.useEffect(function () {
-    var listener = function listener(event) {
+const EditModeActions = () => {
+  React__default.useEffect(() => {
+    const listener = event => {
       var _event$target, _event$target$form;
 
       if (event.keyCode === keycode('escape') && (_event$target = event.target) !== null && _event$target !== void 0 && (_event$target$form = _event$target.form) !== null && _event$target$form !== void 0 && _event$target$form.reset) {
@@ -103,7 +94,7 @@ var EditModeActions = function EditModeActions() {
     };
 
     document.addEventListener('keydown', listener);
-    return function () {
+    return () => {
       document.removeEventListener('keydown', listener);
     };
   }, []);
@@ -121,135 +112,120 @@ var EditModeActions = function EditModeActions() {
   }));
 };
 
-var useRowActions = function useRowActions(inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed) {
-  if (windowed === void 0) {
-    windowed = false;
-  }
-
-  var inlineEditing = !!inlineEditingUniqueId;
-  var actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
+const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed = false) => {
+  const inlineEditing = !!inlineEditingUniqueId;
+  const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
 
-  var plugin = function plugin(hooks) {
+  const plugin = hooks => {
     if (hasActions(inlineEditingUniqueId, handlers, actions)) {
-      hooks.visibleColumns.push(function (columns) {
-        return [].concat(columns, [{
-          id: '_actions',
-          className: 'flex justify-end px-1 overflow-visible',
-          flex: "0 0 calc((" + actionsLength + " * 2rem) + .5rem)",
-          Cell: function Cell(_ref) {
-            var row = _ref.row;
-
-            if (row.isEditing) {
-              return React__default.createElement(EditModeActions, null);
-            }
-
-            var sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
-
-            var _getActions2 = getActions(actions, sanitizedRow),
-                primaryActions = _getActions2[0],
-                secondaryActions = _getActions2[1];
-
-            var output = React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && React__default.createElement(IconButton, {
-              appearance: "discrete",
-              icon: "plus-circle",
-              "aria-label": texts.table.newSubRow,
-              tooltip: texts.table.newSubRow,
-              disabled: inlineEditing && !row.canEdit,
-              onClick: function onClick(event) {
-                event.stopPropagation();
-                event.persist();
-                row.setActive();
-
-                if (!row.isExpanded) {
-                  row.toggleRowExpanded();
-                }
+      hooks.visibleColumns.push(columns => [...columns, {
+        id: '_actions',
+        className: 'flex justify-end px-1 overflow-visible',
+        flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,
+        Cell: ({
+          row
+        }) => {
+          if (row.isEditing) {
+            return React__default.createElement(EditModeActions, null);
+          }
 
-                handlers.onRowCreate(sanitizedRow, event);
+          const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
+          const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);
+          const output = React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && React__default.createElement(IconButton, {
+            appearance: "discrete",
+            icon: "plus-circle",
+            "aria-label": texts.table.newSubRow,
+            tooltip: texts.table.newSubRow,
+            disabled: inlineEditing && !row.canEdit,
+            onClick: event => {
+              event.stopPropagation();
+              event.persist();
+              row.setActive();
+
+              if (!row.isExpanded) {
+                row.toggleRowExpanded();
               }
-            }), (inlineEditing || handlers.onRowEdit) && React__default.createElement(IconButton, {
-              appearance: "discrete",
-              icon: "edit",
-              "aria-label": texts.table.edit,
-              tooltip: texts.table.edit,
-              disabled: inlineEditing && !row.canEdit,
-              onClick: function onClick(event) {
-                event.stopPropagation();
-                row.setActive();
 
-                if (inlineEditing) {
-                  row.toggleRowEditing();
-                } else if (handlers.onRowEdit) {
-                  event.persist();
-                  handlers.onRowEdit(sanitizedRow, event);
-                }
-              }
-            }), handlers.onRowCopy && React__default.createElement(IconButton, {
-              appearance: "discrete",
-              icon: "copy",
-              "aria-label": texts.table.copy,
-              tooltip: texts.table.copy,
-              disabled: inlineEditing && !row.canEdit,
-              onClick: function onClick(event) {
-                event.stopPropagation();
-                event.persist();
-                row.setActive();
-                handlers.onRowCopy(sanitizedRow, event);
-              }
-            }), handlers.onRowDelete && React__default.createElement(IconButton, {
-              appearance: "discrete",
-              icon: "delete",
-              "aria-label": texts.table.del,
-              tooltip: texts.table.del,
-              disabled: inlineEditing && !row.canEdit,
-              onClick: function onClick(event) {
-                event.stopPropagation();
+              handlers.onRowCreate(sanitizedRow, event);
+            }
+          }), (inlineEditing || handlers.onRowEdit) && React__default.createElement(IconButton, {
+            appearance: "discrete",
+            icon: "edit",
+            "aria-label": texts.table.edit,
+            tooltip: texts.table.edit,
+            disabled: inlineEditing && !row.canEdit,
+            onClick: event => {
+              event.stopPropagation();
+              row.setActive();
+
+              if (inlineEditing) {
+                row.toggleRowEditing();
+              } else if (handlers.onRowEdit) {
                 event.persist();
-                row.setActive();
-                handlers.onRowDelete(sanitizedRow, event);
+                handlers.onRowEdit(sanitizedRow, event);
               }
-            }), primaryActions.map(function (action, index) {
-              return React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
-                key: index,
-                appearance: "discrete",
-                icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
-                tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
-              }));
-            }), secondaryActions.length ? React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(IconButton, {
-              appearance: "discrete",
-              icon: "ellipsis-vertical",
-              "aria-label": texts.table.actions,
-              tooltip: texts.table.actions,
-              disabled: inlineEditing && !row.canEdit,
-              onClick: function onClick(event) {
-                event.stopPropagation();
-                row.setActive();
-              }
-            })), React__default.createElement(Menu.Content, null, secondaryActions.map(function (action, index) {
-              return React__default.createElement(Menu.Item, Object.assign({
-                key: index,
-                icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
-              }, getActionProps(action, sanitizedRow)), action.text);
-            }))) : null);
-
-            if (windowed) {
-              return React__default.createElement("div", {
-                className: actionGroupClassName
-              }, output);
             }
-
-            return React__default.createElement(InView, {
-              rootMargin: "100px 0px"
-            }, function (_ref2) {
-              var inView = _ref2.inView,
-                  ref = _ref2.ref;
-              return React__default.createElement("div", {
-                className: actionGroupClassName,
-                ref: ref
-              }, inView ? output : null);
-            });
+          }), handlers.onRowCopy && React__default.createElement(IconButton, {
+            appearance: "discrete",
+            icon: "copy",
+            "aria-label": texts.table.copy,
+            tooltip: texts.table.copy,
+            disabled: inlineEditing && !row.canEdit,
+            onClick: event => {
+              event.stopPropagation();
+              event.persist();
+              row.setActive();
+              handlers.onRowCopy(sanitizedRow, event);
+            }
+          }), handlers.onRowDelete && React__default.createElement(IconButton, {
+            appearance: "discrete",
+            icon: "delete",
+            "aria-label": texts.table.del,
+            tooltip: texts.table.del,
+            disabled: inlineEditing && !row.canEdit,
+            onClick: event => {
+              event.stopPropagation();
+              event.persist();
+              row.setActive();
+              handlers.onRowDelete(sanitizedRow, event);
+            }
+          }), primaryActions.map((action, index) => React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
+            key: index,
+            appearance: "discrete",
+            icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
+            tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
+          }))), secondaryActions.length ? React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(IconButton, {
+            appearance: "discrete",
+            icon: "ellipsis-vertical",
+            "aria-label": texts.table.actions,
+            tooltip: texts.table.actions,
+            disabled: inlineEditing && !row.canEdit,
+            onClick: event => {
+              event.stopPropagation();
+              row.setActive();
+            }
+          })), React__default.createElement(Menu.Content, null, secondaryActions.map((action, index) => React__default.createElement(Menu.Item, Object.assign({
+            key: index,
+            icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
+          }, getActionProps(action, sanitizedRow)), action.text)))) : null);
+
+          if (windowed) {
+            return React__default.createElement("div", {
+              className: actionGroupClassName
+            }, output);
           }
-        }]);
-      });
+
+          return React__default.createElement(InView, {
+            rootMargin: "100px 0px"
+          }, ({
+            inView,
+            ref
+          }) => React__default.createElement("div", {
+            className: actionGroupClassName,
+            ref: ref
+          }, inView ? output : null));
+        }
+      }]);
     }
   };