@economic/taco 1.1.6 → 1.1.7

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

@@ -1,208 +0,0 @@
-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';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener.js';
-import { useTable } from '../hooks/useTable.js';
-import { Row } from '../util/renderRow.js';
-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 () {
-    if (ref !== null && ref !== void 0 && ref.current) {
-      setRowHeight(index, ref.current.getBoundingClientRect().height);
-    }
-  }, [rowHeights[index]]);
-
-  if (row) {
-    prepareRow(row, index);
-    return React__default.createElement(Row, Object.assign({}, rowProps, {
-      style: style,
-      key: index,
-      index: index,
-      row: row,
-      instance: instance,
-      headerGroups: tableProps.headerGroups,
-      setRowHeight: setRowHeight,
-      ref: ref
-    }));
-  }
-
-  return React__default.createElement("div", {
-    className: "yt-table__row",
-    role: "row",
-    style: style
-  }, React__default.createElement("div", {
-    className: "yt-table__cell text-grey-dark"
-  }, 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);
-  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, {
-    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];
-
-  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) {
-    if (rowHeights.current[index] !== size) {
-      var _extends2;
-
-      rowHeights.current = _extends({}, rowHeights.current, (_extends2 = {}, _extends2[index] = size, _extends2));
-
-      if (rowsRef) {
-        rowsRef.resetAfterIndex(0);
-      }
-    }
-  }, []);
-  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(function () {
-    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', {
-    'table-with-scrollbar': isScrollbarVisible
-  });
-  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) {
-    var listProps = {
-      height: height,
-      itemData: itemData,
-      estimatedItemSize: getAverageRowHeight(rowHeights.current),
-      itemSize: getRowHeight,
-      width: '100%'
-    };
-
-    if (loadMore && length) {
-      var isLoaded = function isLoaded(index) {
-        return !!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);
-      });
-    } else {
-      list = React__default.createElement(VariableSizeList, Object.assign({}, listProps, {
-        itemCount: rows.length,
-        ref: function ref(_ref4) {
-          setRowsRef(_ref4);
-        }
-      }), VariableRow);
-    }
-  }
-
-  return React__default.createElement(BaseTable, Object.assign({}, tableProps, {
-    className: className,
-    headerRef: headerRef,
-    ref: tableRef
-  }), list ? list : emptyStateRenderer());
-});
-
-WindowedTable.Column = function () {
-  return null;
-};
-
-WindowedTable.Group = function () {
-  return null;
-};
-
-export { WindowedTable };
-//# sourceMappingURL=WindowedTable.js.map

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

@@ -1 +0,0 @@
-{"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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"}

package/dist/esm/components/Table/hooks/plugins/useRowActions.js

@@ -1,260 +0,0 @@
-import React__default from 'react';
-import { IconButton } from '../../../IconButton/IconButton.js';
-import keycode from 'keycode';
-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';
-
-var hasActions = function 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 = [];
-
-  if (actions) {
-    var visibleActions = actions.filter(function (x) {
-      return !!x;
-    });
-
-    if (row) {
-      visibleActions = visibleActions.filter(function (action) {
-        if (action.visible !== undefined) {
-          if (typeof action.visible === 'function') {
-            return action.visible(row);
-          }
-
-          return action.visible;
-        }
-
-        return true;
-      });
-    }
-
-    visibleActions.forEach(function (action) {
-      if (action.showOnRow) {
-        primary.push(action);
-      } else {
-        secondary.push(action);
-      }
-    });
-  }
-
-  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);
-
-  if (handlers.onRowCreate) {
-    length++;
-  }
-
-  if (handlers.onRowCopy) {
-    length++;
-  }
-
-  if (handlers.onRowDelete) {
-    length++;
-  }
-
-  if (!!inlineEditingUniqueId || handlers.onRowEdit) {
-    length++;
-
-    if (length < 2) {
-      length++;
-    }
-  }
-
-  return length;
-};
-
-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: function onClick(event) {
-      action.onClick(row, event);
-    }
-  };
-};
-
-var EditModeActions = function EditModeActions() {
-  React__default.useEffect(function () {
-    var listener = function 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) {
-        event.preventDefault();
-        event.target.form.reset();
-      }
-    };
-
-    document.addEventListener('keydown', listener);
-    return function () {
-      document.removeEventListener('keydown', listener);
-    };
-  }, []);
-  return React__default.createElement("div", {
-    className: actionGroupClassName
-  }, React__default.createElement(IconButton, {
-    appearance: "primary",
-    icon: "tick",
-    type: "submit",
-    className: "mr-2"
-  }), React__default.createElement(IconButton, {
-    appearance: "ghost",
-    icon: "close",
-    type: "reset"
-  }));
-};
-
-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(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: "circle-plus",
-              "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();
-                }
-
-                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: 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();
-                event.persist();
-                row.setActive();
-                handlers.onRowDelete(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)), typeof action.text === 'function' ? action.text(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);
-            });
-          }
-        }]);
-      });
-    }
-  };
-
-  plugin.pluginName = 'useRowActions';
-  return plugin;
-};
-
-export { useRowActions };
-//# sourceMappingURL=useRowActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRowActions.js","sources":["../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport keycode from 'keycode';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Provider';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, TableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: TableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x);\n\n        if (row) {\n            visibleActions = visibleActions.filter((action: RowAction<any>) => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach((action: RowAction<any>) => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: TableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.keyCode === keycode('escape') && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.table.newSubRow}\n                                        tooltip={texts.table.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.table.edit}\n                                        tooltip={texts.table.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.table.copy}\n                                        tooltip={texts.table.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.table.del}\n                                        tooltip={texts.table.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.table.actions}\n                                                tooltip={texts.table.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}\n                                                >\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","keyCode","keycode","target","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","table","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","key","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":";;;;;;;AAUA,IAAMA,oBAAoB,GAAG,sBAA7B;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,qBAAD,EAA6BC,QAA7B,EAA4CC,OAA5C;EACf,OACI,CAAC,CAACA,OAAF,IACAD,QAAQ,CAACE,WADT,IAEAF,QAAQ,CAACG,SAFT,IAGAH,QAAQ,CAACI,WAHT,IAIA,CAAC,CAACL,qBAJF,IAKAC,QAAQ,CAACK,SANb;AAQH,CATD;;AAWA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CACfL,OADe,EAEfM,GAFe;MAEfA;IAAAA,MAAiCC;;;EAEjC,IAAMC,OAAO,GAAqB,EAAlC;EACA,IAAMC,SAAS,GAAqB,EAApC;;EAEA,IAAIT,OAAJ,EAAa;IACT,IAAIU,cAAc,GAAGV,OAAO,CAACW,MAAR,CAAe,UAAAC,CAAC;MAAA,OAAI,CAAC,CAACA,CAAN;KAAhB,CAArB;;IAEA,IAAIN,GAAJ,EAAS;MACLI,cAAc,GAAGA,cAAc,CAACC,MAAf,CAAsB,UAACE,MAAD;QACnC,IAAIA,MAAM,CAACC,OAAP,KAAmBP,SAAvB,EAAkC;UAC9B,IAAI,OAAOM,MAAM,CAACC,OAAd,KAA0B,UAA9B,EAA0C;YACtC,OAAOD,MAAM,CAACC,OAAP,CAAeR,GAAf,CAAP;;;UAGJ,OAAOO,MAAM,CAACC,OAAd;;;QAGJ,OAAO,IAAP;OATa,CAAjB;;;IAaJJ,cAAc,CAACK,OAAf,CAAuB,UAACF,MAAD;MACnB,IAAIA,MAAM,CAACG,SAAX,EAAsB;QAClBR,OAAO,CAACS,IAAR,CAAaJ,MAAb;OADJ,MAEO;QACHJ,SAAS,CAACQ,IAAV,CAAeJ,MAAf;;KAJR;;;EASJ,OAAO,CAACL,OAAD,EAAUC,SAAV,CAAP;AACH,CAlCD;;AAoCA,IAAMS,SAAS,GAAG,SAAZA,SAAY,CAACpB,qBAAD,EAA6BC,QAA7B,EAA4CC,OAA5C;EACd,kBAA2CK,UAAU,CAACL,OAAD,CAArD;MAAOmB,cAAP;MAAuBC,gBAAvB;;EAEA,IAAIC,MAAM,GAAGF,cAAc,CAACE,MAAf,IAAyBD,gBAAgB,CAACC,MAAjB,GAA0B,CAA1B,GAA8B,CAAvD,CAAb;;EAEA,IAAItB,QAAQ,CAACE,WAAb,EAA0B;IACtBoB,MAAM;;;EAGV,IAAItB,QAAQ,CAACG,SAAb,EAAwB;IACpBmB,MAAM;;;EAGV,IAAItB,QAAQ,CAACI,WAAb,EAA0B;IACtBkB,MAAM;;;EAGV,IAAI,CAAC,CAACvB,qBAAF,IAA2BC,QAAQ,CAACK,SAAxC,EAAmD;IAC/CiB,MAAM;;IAEN,IAAIA,MAAM,GAAG,CAAb,EAAgB;MACZA,MAAM;;;;EAId,OAAOA,MAAP;AACH,CA1BD;;AA4BA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACT,MAAD,EAAyBP,GAAzB;EACnB,OAAO;IACH,cAAc,OAAOO,MAAM,CAACU,OAAd,KAA0B,UAA1B,GAAuCV,MAAM,CAACU,OAAP,CAAejB,GAAf,CAAvC,GAA6DO,MAAM,CAACU,OAD/E;IAEHC,QAAQ,EAAE,OAAOX,MAAM,CAACW,QAAd,KAA2B,UAA3B,GAAwCX,MAAM,CAACW,QAAP,CAAgBlB,GAAhB,CAAxC,GAA+DO,MAAM,CAACW,QAF7E;IAGHC,OAAO,EAAE,iBAACC,KAAD;MACLb,MAAM,CAACY,OAAP,CAAenB,GAAf,EAAoBoB,KAApB;;GAJR;AAOH,CARD;;AAUA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;EACpBC,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACJ,KAAD;;;MACb,IAAIA,KAAK,CAACK,OAAN,KAAkBC,OAAO,CAAC,QAAD,CAAzB,qBAAuCN,KAAK,CAACO,MAA7C,gEAAuC,cAAcC,IAArD,+CAAuC,mBAAoBC,KAA/D,EAAsE;QAClET,KAAK,CAACU,cAAN;QACAV,KAAK,CAACO,MAAN,CAAaC,IAAb,CAAkBC,KAAlB;;KAHR;;IAOAE,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;IAEA,OAAO;MACHO,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC;KADJ;GAVJ,EAaG,EAbH;EAeA,OACIF,4BAAA,MAAA;IAAKY,SAAS,EAAE5C;GAAhB,EACIgC,4BAAA,CAACa,UAAD;IAAYC,UAAU,EAAC;IAAUC,IAAI,EAAC;IAAOC,IAAI,EAAC;IAASJ,SAAS,EAAC;GAArE,CADJ,EAEIZ,4BAAA,CAACa,UAAD;IAAYC,UAAU,EAAC;IAAQC,IAAI,EAAC;IAAQC,IAAI,EAAC;GAAjD,CAFJ,CADJ;AAMH,CAtBD;;IAwBaC,aAAa,GAAG,SAAhBA,aAAgB,CACzB/C,qBADyB,EAEzBC,QAFyB,EAGzBC,OAHyB,EAIzB8C,oBAJyB,EAKzBC,KALyB,EAMzBC,QANyB;MAMzBA;IAAAA,WAAW;;;EAEX,IAAMC,aAAa,GAAG,CAAC,CAACnD,qBAAxB;EACA,IAAMoD,aAAa,GAAGhC,SAAS,CAACpB,qBAAD,EAAwBC,QAAxB,EAAkCC,OAAlC,CAA/B;;EAEA,IAAMmD,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;IACX,IAAIvD,UAAU,CAACC,qBAAD,EAAwBC,QAAxB,EAAkCC,OAAlC,CAAd,EAA0D;MACtDoD,KAAK,CAACC,cAAN,CAAqBpC,IAArB,CAA0B,UAACqC,OAAD;QAAA,iBACnBA,OADmB,GAEtB;UACIC,EAAE,EAAE,UADR;UAEIf,SAAS,EAAE,wCAFf;UAGIgB,IAAI,iBAAeN,aAAf,sBAHR;UAIIO,IAAI,EAAE;gBAAGnD,WAAAA;;YACL,IAAIA,GAAG,CAACoD,SAAR,EAAmB;cACf,OAAO9B,4BAAA,CAACD,eAAD,MAAA,CAAP;;;YAGJ,IAAMgC,YAAY,GAAGC,gBAAgB,CAACtD,GAAD,EAAMwC,oBAAN,CAArC;;YACA,mBAA2CzC,UAAU,CAACL,OAAD,EAAU2D,YAAV,CAArD;gBAAOxC,cAAP;gBAAuBC,gBAAvB;;YAEA,IAAMyC,MAAM,GACRjC,4BAAA,wBAAA,MAAA,EACK7B,QAAQ,CAACE,WAAT,IACG2B,4BAAA,CAACa,UAAD;cACIC,UAAU,EAAC;cACXC,IAAI,EAAC;4BACOI,KAAK,CAACe,KAAN,CAAYC;cACxBxC,OAAO,EAAEwB,KAAK,CAACe,KAAN,CAAYC;cACrBvC,QAAQ,EAAEyB,aAAa,IAAI,CAAC3C,GAAG,CAAC0D;cAChCvC,OAAO,EAAE,iBAACC,KAAD;gBACLA,KAAK,CAACuC,eAAN;gBACAvC,KAAK,CAACwC,OAAN;gBACA5D,GAAG,CAAC6D,SAAJ;;gBAEA,IAAI,CAAC7D,GAAG,CAAC8D,UAAT,EAAqB;kBACjB9D,GAAG,CAAC+D,iBAAJ;;;gBAGJtE,QAAQ,CAACE,WAAT,CAAqB0D,YAArB,EAAmCjC,KAAnC;;aAfR,CAFR,EAqBK,CAACuB,aAAa,IAAIlD,QAAQ,CAACK,SAA3B,KACGwB,4BAAA,CAACa,UAAD;cACIC,UAAU,EAAC;cACXC,IAAI,EAAC;4BACOI,KAAK,CAACe,KAAN,CAAYQ;cACxB/C,OAAO,EAAEwB,KAAK,CAACe,KAAN,CAAYQ;cACrB9C,QAAQ,EAAEyB,aAAa,IAAI,CAAC3C,GAAG,CAAC0D;cAChCvC,OAAO,EAAE,iBAACC,KAAD;gBACLA,KAAK,CAACuC,eAAN;gBACA3D,GAAG,CAAC6D,SAAJ;;gBAEA,IAAIlB,aAAJ,EAAmB;kBACf3C,GAAG,CAACiE,gBAAJ;iBADJ,MAEO,IAAIxE,QAAQ,CAACK,SAAb,EAAwB;kBAC3BsB,KAAK,CAACwC,OAAN;kBACAnE,QAAQ,CAACK,SAAT,CAAmBuD,YAAnB,EAAiCjC,KAAjC;;;aAdZ,CAtBR,EAyCK3B,QAAQ,CAACG,SAAT,IACG0B,4BAAA,CAACa,UAAD;cACIC,UAAU,EAAC;cACXC,IAAI,EAAC;4BACOI,KAAK,CAACe,KAAN,CAAYU;cACxBjD,OAAO,EAAEwB,KAAK,CAACe,KAAN,CAAYU;cACrBhD,QAAQ,EAAEyB,aAAa,IAAI,CAAC3C,GAAG,CAAC0D;cAChCvC,OAAO,EAAE,iBAACC,KAAD;gBACLA,KAAK,CAACuC,eAAN;gBACAvC,KAAK,CAACwC,OAAN;gBACA5D,GAAG,CAAC6D,SAAJ;gBACApE,QAAQ,CAACG,SAAT,CAAmByD,YAAnB,EAAiCjC,KAAjC;;aAVR,CA1CR,EAwDK3B,QAAQ,CAACI,WAAT,IACGyB,4BAAA,CAACa,UAAD;cACIC,UAAU,EAAC;cACXC,IAAI,EAAC;4BACOI,KAAK,CAACe,KAAN,CAAYW;cACxBlD,OAAO,EAAEwB,KAAK,CAACe,KAAN,CAAYW;cACrBjD,QAAQ,EAAEyB,aAAa,IAAI,CAAC3C,GAAG,CAAC0D;cAChCvC,OAAO,EAAE,iBAACC,KAAD;gBACLA,KAAK,CAACuC,eAAN;gBACAvC,KAAK,CAACwC,OAAN;gBACA5D,GAAG,CAAC6D,SAAJ;gBACApE,QAAQ,CAACI,WAAT,CAAqBwD,YAArB,EAAmCjC,KAAnC;;aAVR,CAzDR,EAuEKP,cAAc,CAACuD,GAAf,CAAmB,UAAC7D,MAAD,EAAuB8D,KAAvB;cAAA,OAChB/C,4BAAA,CAACa,UAAD,oBACQnB,cAAc,CAACT,MAAD,EAAS8C,YAAT;gBAClBiB,GAAG,EAAED;gBACLjC,UAAU,EAAC;gBACXC,IAAI,EAAE,OAAO9B,MAAM,CAAC8B,IAAd,KAAuB,UAAvB,GAAoC9B,MAAM,CAAC8B,IAAP,CAAYgB,YAAZ,CAApC,GAAgE9C,MAAM,CAAC8B;gBAC7EpB,OAAO,EACH,OAAOV,MAAM,CAACU,OAAd,KAA0B,UAA1B,GAAuCV,MAAM,CAACU,OAAP,CAAeoC,YAAf,CAAvC,GAAsE9C,MAAM,CAACU;gBANrF,CADgB;aAAnB,CAvEL,EAkFKH,gBAAgB,CAACC,MAAjB,GACGO,4BAAA,CAACiD,IAAD,MAAA,EACIjD,4BAAA,CAACiD,IAAI,CAACC,OAAN,MAAA,EACIlD,4BAAA,CAACa,UAAD;cACIC,UAAU,EAAC;cACXC,IAAI,EAAC;4BACOI,KAAK,CAACe,KAAN,CAAY9D;cACxBuB,OAAO,EAAEwB,KAAK,CAACe,KAAN,CAAY9D;cACrBwB,QAAQ,EAAEyB,aAAa,IAAI,CAAC3C,GAAG,CAAC0D;cAChCvC,OAAO,EAAE,iBAACC,KAAD;gBACLA,KAAK,CAACuC,eAAN;gBACA3D,GAAG,CAAC6D,SAAJ;;aARR,CADJ,CADJ,EAcIvC,4BAAA,CAACiD,IAAI,CAACE,OAAN,MAAA,EACK3D,gBAAgB,CAACsD,GAAjB,CAAqB,UAAC7D,MAAD,EAAuB8D,KAAvB;cAAA,OAClB/C,4BAAA,CAACiD,IAAI,CAACG,IAAN;gBACIJ,GAAG,EAAED;gBACLhC,IAAI,EACA,OAAO9B,MAAM,CAAC8B,IAAd,KAAuB,UAAvB,GACM9B,MAAM,CAAC8B,IAAP,CAAYgB,YAAZ,CADN,GAEM9C,MAAM,CAAC8B;iBAEbrB,cAAc,CAACT,MAAD,EAAS8C,YAAT,EAPtB,EASK,OAAO9C,MAAM,CAACoE,IAAd,KAAuB,UAAvB,GAAoCpE,MAAM,CAACoE,IAAP,CAAYtB,YAAZ,CAApC,GAAgE9C,MAAM,CAACoE,IAT5E,CADkB;aAArB,CADL,CAdJ,CADH,GA+BG,IAjHR,CADJ;;YAsHA,IAAIjC,QAAJ,EAAc;cACV,OAAOpB,4BAAA,MAAA;gBAAKY,SAAS,EAAE5C;eAAhB,EAAuCiE,MAAvC,CAAP;;;YAGJ,OACIjC,4BAAA,CAACsD,MAAD;cAAQC,UAAU,EAAC;aAAnB,EACK;cAAA,IAAGC,MAAH,SAAGA,MAAH;kBAAWC,GAAX,SAAWA,GAAX;cAAA,OACGzD,4BAAA,MAAA;gBAAKY,SAAS,EAAE5C;gBAAsByF,GAAG,EAAEA;eAA3C,EACKD,MAAM,GAAGvB,MAAH,GAAY,IADvB,CADH;aADL,CADJ;;SAxIc;OAA1B;;GAFR;;EAwJAV,MAAM,CAACmC,UAAP,GAAoB,eAApB;EACA,OAAOnC,MAAP;AACH;;;;"}

package/dist/esm/components/Table/hooks/plugins/useRowDraggable.js

@@ -1,133 +0,0 @@
-import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { Icon } from '../../../Icon/Icon.js';
-import { actions } from 'react-table';
-import { sanitizeRowProps } from '../../util.js';
-
-var pluginName = 'useRowDraggable';
-actions.resetRowDragging = 'resetRowDragging';
-actions.toggleRowDragging = 'toggleRowDragging';
-
-function reducer(state, action) {
-  if (action.type === actions.init) {
-    return _extends({
-      draggingRowIndexPath: null
-    }, state);
-  }
-
-  if (action.type === actions.resetRowDragging) {
-    return _extends({}, state, {
-      draggingRowIndexPath: null
-    });
-  }
-
-  if (action.type === actions.toggleRowDragging) {
-    var indexPath = action.indexPath;
-    return _extends({}, state, {
-      draggingRowIndexPath: indexPath
-    });
-  }
-
-  return state;
-}
-
-var prepareRow = function prepareRow(row, _ref) {
-  var instance = _ref.instance;
-
-  row.toggleRowDragging = function () {
-    if (instance.state.draggingRowIndexPath === row.id) {
-      instance.dispatch({
-        type: actions.resetRowDragging
-      });
-    } else {
-      instance.dispatch({
-        type: actions.toggleRowDragging,
-        indexPath: row.id
-      });
-    }
-  };
-
-  if (instance.state.draggingRowIndexPath) {
-    var _instance$state$selec;
-
-    row.isDragging = instance.state.draggingRowIndexPath === row.id || !!((_instance$state$selec = instance.state.selectedRowIds) !== null && _instance$state$selec !== void 0 && _instance$state$selec[row.id]);
-  } else {
-    row.isDragging = false;
-  }
-};
-
-var visibleColumns = function visibleColumns(columns) {
-  return [{
-    id: 'draggable',
-    className: 'yt-table__cell--draggable flex-col px-0',
-    Cell: function Cell() {
-      return React__default.createElement(Icon, {
-        name: "drag",
-        className: "text-grey-darkest invisible w-[20px] cursor-grab"
-      });
-    },
-    flex: '0 0 20px'
-  }].concat(columns);
-};
-
-var getRowProps = function getRowProps(onRowDrag) {
-  return function (props, _ref2) {
-    var instance = _ref2.instance,
-        row = _ref2.row;
-
-    var onDragStart = function onDragStart(event) {
-      event.persist();
-      row.toggleRowDragging();
-      var indexPaths = [row.id].concat(Object.keys(instance.state.selectedRowIds));
-      var data = instance.rows.filter(function (r) {
-        return indexPaths.includes(r.id);
-      }).map(sanitizeRowProps);
-
-      var showPlaceholder = function showPlaceholder(placeholder) {
-        var element = window.document.createElement('div');
-        element.id = 'yt-table__drag__placeholder';
-        element.innerText = placeholder;
-        window.document.body.appendChild(element);
-
-        if (typeof DataTransfer.prototype.setDragImage === 'function') {
-          event.dataTransfer.setDragImage(element, 0, 20);
-        }
-      };
-
-      onRowDrag(data, showPlaceholder, event);
-    };
-
-    var onDragEnd = function onDragEnd() {
-      var element = document.getElementById('yt-table__drag__placeholder');
-
-      if (element && element.parentNode) {
-        element.parentNode.removeChild(element);
-      }
-
-      row.toggleRowDragging();
-    };
-
-    return [props, {
-      draggable: true,
-      onDragStart: onDragStart,
-      onDragEnd: onDragEnd
-    }];
-  };
-};
-
-var useRowDraggable = function useRowDraggable(onRowDrag) {
-  var plugin = function plugin(hooks) {
-    if (onRowDrag) {
-      hooks.stateReducers.push(reducer);
-      hooks.prepareRow.push(prepareRow);
-      hooks.visibleColumns.push(visibleColumns);
-      hooks.getRowProps.push(getRowProps(onRowDrag));
-    }
-  };
-
-  plugin.pluginName = pluginName;
-  return plugin;
-};
-
-export { useRowDraggable };
-//# sourceMappingURL=useRowDraggable.js.map