@economic/taco 2.47.0-server.3 → 2.47.0-server.5

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

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { useLocalization } from '../../Provider/Localization.js';
 import { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener.js';
@@ -9,30 +10,26 @@ import { BaseTable, DefaultEmptyState } from './BaseTable.js';
 import { VariableSizeList, areEqual } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
 
-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(() => {
+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 () {
     if (ref !== null && ref !== void 0 && ref.current) {
       setRowHeight(index, ref.current.getBoundingClientRect().height);
     }
@@ -58,109 +55,116 @@ const VariableRow = /*#__PURE__*/React__default.memo(({
     className: "yt-table__cell text-grey-300"
   }, texts.legacyTable.loading));
 }, areEqual);
-const getAverageRowHeight = (rowHeights = {}) => {
-  const keys = Object.keys(rowHeights);
-  const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);
+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);
   return estimatedHeight / keys.length;
 };
-const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
-  const tableRef = useMergedRef(ref);
-  const {
-    emptyStateRenderer = DefaultEmptyState,
-    length,
-    loadMore,
-    ...otherProps
-  } = props;
-  const {
-    rowProps,
-    tableProps,
-    rows,
-    prepareRow,
-    instance,
-    state
-  } = useTable({
-    ...otherProps,
-    windowed: true
-  }, tableRef);
+var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
+  var tableRef = useMergedRef(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, {
+      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
-  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;
+  var headerRef = React__default.useRef(null);
+  var _React$useState = React__default.useState(null),
+    rowsRef = _React$useState[0],
+    setRowsRef = _React$useState[1];
+  var tableDimensions = useBoundingClientRectListener(tableRef);
+  var headerDimensions = useBoundingClientRectListener(headerRef);
+  var height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;
   // variable row height calculations
-  const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
-  const rowHeights = React__default.useRef({});
-  const setRowHeight = React__default.useCallback((index, size) => {
+  var estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
+  var rowHeights = React__default.useRef({});
+  var setRowHeight = React__default.useCallback(function (index, size) {
     if (rowHeights.current[index] !== size) {
-      rowHeights.current = {
-        ...rowHeights.current,
-        [index]: size
-      };
+      var _extends2;
+      rowHeights.current = _extends({}, rowHeights.current, (_extends2 = {}, _extends2[index] = size, _extends2));
       if (rowsRef) {
         rowsRef.resetAfterIndex(0);
       }
     }
   }, []);
-  const getRowHeight = React__default.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);
-  React__default.useEffect(() => {
+  var getRowHeight = React__default.useCallback(function (index) {
+    return rowHeights.current[index] || estimatedRowHeight;
+  }, []);
+  React__default.useEffect(function () {
     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(() => {
+  React__default.useEffect(function () {
     rowHeights.current = {};
     if (rowsRef) {
       rowsRef.resetAfterIndex(0);
     }
   }, [rows.length]);
-  const contentHeight = estimatedRowHeight * props.data.length || 0;
-  const isScrollbarVisible = height !== null ? contentHeight > height : false;
-  const className = cn(tableProps.className, 'yt-table--windowed', {
+  var contentHeight = estimatedRowHeight * props.data.length || 0;
+  var isScrollbarVisible = height !== null ? contentHeight > height : false;
+  var className = cn(tableProps.className, 'yt-table--windowed', {
     'table-with-scrollbar': isScrollbarVisible
   });
-  let list;
-  const itemData = {
-    rows,
-    setRowHeight,
-    rowProps,
-    tableProps,
-    instance,
-    prepareRow,
-    state,
+  var list;
+  var itemData = {
+    rows: rows,
+    setRowHeight: setRowHeight,
+    rowProps: rowProps,
+    tableProps: tableProps,
+    instance: instance,
+    prepareRow: prepareRow,
+    state: state,
     rowHeights: rowHeights.current
   };
   if (height && rows.length) {
-    const listProps = {
-      height,
-      itemData,
+    var listProps = {
+      height: height,
+      itemData: itemData,
       estimatedItemSize: getAverageRowHeight(rowHeights.current),
       itemSize: getRowHeight,
       width: '100%'
     };
     if (loadMore && length) {
-      const isLoaded = index => !!rows[index];
+      var isLoaded = function isLoaded(index) {
+        return !!rows[index];
+      };
       list = /*#__PURE__*/React__default.createElement(InfiniteLoader, {
         isItemLoaded: isLoaded,
         itemCount: length,
         loadMoreItems: loadMore
-      }, ({
-        onItemsRendered,
-        ref
-      }) => (/*#__PURE__*/React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
-        itemCount: length,
-        onItemsRendered: onItemsRendered,
-        ref: list => {
-          ref(list);
-          setRowsRef(list);
-        }
-      }), VariableRow)));
+      }, function (_ref2) {
+        var onItemsRendered = _ref2.onItemsRendered,
+          _ref3 = _ref2.ref;
+        return /*#__PURE__*/React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
+          itemCount: length,
+          onItemsRendered: onItemsRendered,
+          ref: function ref(list) {
+            _ref3(list);
+            setRowsRef(list);
+          }
+        }), VariableRow);
+      });
     } else {
       list = /*#__PURE__*/React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
         itemCount: rows.length,
-        ref: ref => {
-          setRowsRef(ref);
+        ref: function ref(_ref4) {
+          setRowsRef(_ref4);
         }
       }), VariableRow);
     }
@@ -171,8 +175,12 @@ const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTa
     ref: tableRef
   }), list ? list : emptyStateRenderer());
 });
-WindowedTable.Column = () => null;
-WindowedTable.Group = () => null;
+WindowedTable.Column = function () {
+  return null;
+};
+WindowedTable.Group = function () {
+  return null;
+};
 
 export { WindowedTable };
 //# sourceMappingURL=WindowedTable.js.map

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 extends {}>(\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":"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"}
+{"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 extends {}>(\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","_ref","data","index","_ref$style","style","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","height","Row","key","headerGroups","className","role","legacyTable","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useMergedRef","_props$emptyStateRend","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","_excluded2","_useTable","useTable","_extends","windowed","state","headerRef","_React$useState","useState","rowsRef","setRowsRef","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","_extends2","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","_ref2","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":"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"}

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

@@ -4,17 +4,22 @@ import { Menu } from '../../../Menu/Menu.js';
 import { sanitizeRowProps } from '../../util.js';
 import { InView } from 'react-intersection-observer';
 
-const actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
-const hasActions = (inlineEditingUniqueId, handlers, actions) => {
+var actionGroupClassName = '-mt-1 -mb-1 h-8 flex';
+var hasActions = function hasActions(inlineEditingUniqueId, handlers, actions) {
   return !!actions || handlers.onRowCreate || handlers.onRowCopy || handlers.onRowDelete || !!inlineEditingUniqueId || handlers.onRowEdit;
 };
-const getActions = (actions, row = undefined) => {
-  const primary = [];
-  const secondary = [];
+var getActions = function getActions(actions, row) {
+  if (row === void 0) {
+    row = undefined;
+  }
+  var primary = [];
+  var secondary = [];
   if (actions) {
-    let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean');
+    var visibleActions = actions.filter(function (x) {
+      return !!x && typeof x !== 'boolean';
+    });
     if (row) {
-      visibleActions = visibleActions.filter(action => {
+      visibleActions = visibleActions.filter(function (action) {
         if (action.visible !== undefined) {
           if (typeof action.visible === 'function') {
             return action.visible(row);
@@ -24,7 +29,7 @@ const getActions = (actions, row = undefined) => {
         return true;
       });
     }
-    visibleActions.forEach(action => {
+    visibleActions.forEach(function (action) {
       if (action.showOnRow) {
         primary.push(action);
       } else {
@@ -34,9 +39,11 @@ const getActions = (actions, row = undefined) => {
   }
   return [primary, secondary];
 };
-const getLength = (inlineEditingUniqueId, handlers, actions) => {
-  const [primaryActions, secondaryActions] = getActions(actions);
-  let length = primaryActions.length + (secondaryActions.length ? 1 : 0);
+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);
   if (handlers.onRowCreate) {
     length++;
   }
@@ -54,18 +61,18 @@ const getLength = (inlineEditingUniqueId, handlers, actions) => {
   }
   return length;
 };
-const getActionProps = (action, row) => {
+var getActionProps = function 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: event => {
+    onClick: function onClick(event) {
       action.onClick(row, event);
     }
   };
 };
-const EditModeActions = () => {
-  React__default.useEffect(() => {
-    const listener = event => {
+var EditModeActions = function EditModeActions() {
+  React__default.useEffect(function () {
+    var listener = function listener(event) {
       var _event$target, _event$target$form;
       if (event.key === '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) {
         event.preventDefault();
@@ -73,7 +80,7 @@ const EditModeActions = () => {
       }
     };
     document.addEventListener('keydown', listener);
-    return () => {
+    return function () {
       document.removeEventListener('keydown', listener);
     };
   }, []);
@@ -90,113 +97,124 @@ const EditModeActions = () => {
     type: "reset"
   }));
 };
-const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed = false) => {
-  const inlineEditing = !!inlineEditingUniqueId;
-  const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
-  const plugin = hooks => {
+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);
+  var plugin = function plugin(hooks) {
     if (hasActions(inlineEditingUniqueId, handlers, actions)) {
-      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 /*#__PURE__*/React__default.createElement(EditModeActions, null);
-          }
-          const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
-          const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);
-          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,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-              if (!row.isExpanded) {
-                row.toggleRowExpanded();
-              }
-              handlers.onRowCreate(sanitizedRow, event);
+      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 /*#__PURE__*/React__default.createElement(EditModeActions, null);
             }
-          })), (inlineEditing || handlers.onRowEdit) && (/*#__PURE__*/React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "edit",
-            "aria-label": texts.legacyTable.edit,
-            tooltip: texts.legacyTable.edit,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              row.setActive();
-              if (inlineEditing) {
-                row.toggleRowEditing();
-              } else if (handlers.onRowEdit) {
+            var sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
+            var _getActions2 = getActions(actions, sanitizedRow),
+              primaryActions = _getActions2[0],
+              secondaryActions = _getActions2[1];
+            var 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,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
                 event.persist();
-                handlers.onRowEdit(sanitizedRow, event);
+                row.setActive();
+                if (!row.isExpanded) {
+                  row.toggleRowExpanded();
+                }
+                handlers.onRowCreate(sanitizedRow, event);
               }
+            })), (inlineEditing || handlers.onRowEdit) && (/*#__PURE__*/React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "edit",
+              "aria-label": texts.legacyTable.edit,
+              tooltip: texts.legacyTable.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 && (/*#__PURE__*/React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "copy",
+              "aria-label": texts.legacyTable.copy,
+              tooltip: texts.legacyTable.copy,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                event.persist();
+                row.setActive();
+                handlers.onRowCopy(sanitizedRow, event);
+              }
+            })), handlers.onRowDelete && (/*#__PURE__*/React__default.createElement(IconButton, {
+              appearance: "discrete",
+              icon: "delete",
+              "aria-label": texts.legacyTable.del,
+              tooltip: texts.legacyTable.del,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                event.persist();
+                row.setActive();
+                handlers.onRowDelete(sanitizedRow, event);
+              }
+            })), primaryActions.map(function (action, index) {
+              return /*#__PURE__*/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 ? (/*#__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,
+              disabled: inlineEditing && !row.canEdit,
+              onClick: function onClick(event) {
+                event.stopPropagation();
+                row.setActive();
+              }
+            })), /*#__PURE__*/React__default.createElement(Menu.Content, null, secondaryActions.map(function (action, index) {
+              return /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
+                key: index,
+                icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
+              }, getActionProps(action, sanitizedRow)), typeof action.text === 'function' ? action.text(sanitizedRow) : action.text);
+            })))) : null);
+            if (windowed) {
+              return /*#__PURE__*/React__default.createElement("div", {
+                className: actionGroupClassName
+              }, output);
             }
-          })), handlers.onRowCopy && (/*#__PURE__*/React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "copy",
-            "aria-label": texts.legacyTable.copy,
-            tooltip: texts.legacyTable.copy,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-              handlers.onRowCopy(sanitizedRow, event);
-            }
-          })), handlers.onRowDelete && (/*#__PURE__*/React__default.createElement(IconButton, {
-            appearance: "discrete",
-            icon: "delete",
-            "aria-label": texts.legacyTable.del,
-            tooltip: texts.legacyTable.del,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              event.persist();
-              row.setActive();
-              handlers.onRowDelete(sanitizedRow, event);
-            }
-          })), primaryActions.map((action, index) => (/*#__PURE__*/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 ? (/*#__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,
-            disabled: inlineEditing && !row.canEdit,
-            onClick: event => {
-              event.stopPropagation();
-              row.setActive();
-            }
-          })), /*#__PURE__*/React__default.createElement(Menu.Content, null, secondaryActions.map((action, index) => (/*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
-            key: index,
-            icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
-          }, getActionProps(action, sanitizedRow)), typeof action.text === 'function' ? action.text(sanitizedRow) : action.text)))))) : null);
-          if (windowed) {
-            return /*#__PURE__*/React__default.createElement("div", {
-              className: actionGroupClassName
-            }, output);
+            return /*#__PURE__*/React__default.createElement(InView, {
+              rootMargin: "100px 0px"
+            }, function (_ref2) {
+              var inView = _ref2.inView,
+                ref = _ref2.ref;
+              return /*#__PURE__*/React__default.createElement("div", {
+                className: actionGroupClassName,
+                ref: ref
+              }, inView ? output : null);
+            });
           }
-          return /*#__PURE__*/React__default.createElement(InView, {
-            rootMargin: "100px 0px"
-          }, ({
-            inView,
-            ref
-          }) => (/*#__PURE__*/React__default.createElement("div", {
-            className: actionGroupClassName,
-            ref: ref
-          }, inView ? output : null)));
-        }
-      }]);
+        }]);
+      });
     }
   };
   plugin.pluginName = 'useRowActions';