@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

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

@@ -1,138 +0,0 @@
-import React__default from "react";
-import cn from "clsx";
-import { VariableSizeList, areEqual } from "react-window";
-import InfiniteLoader from "react-window-infinite-loader";
-import { useTable } from "../hooks/useTable.js";
-import { useBoundingClientRectListener } from "../../../hooks/useBoundingClientRectListener.js";
-import { useMergedRef } from "../../../hooks/useMergedRef.js";
-import { Row } from "../util/renderRow.js";
-import { DefaultEmptyState, BaseTable } from "./BaseTable.js";
-import { useLocalization } from "../../Provider/Localization.js";
-const ROW_HEIGHT = 40;
-const VariableRow = 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 ? void 0 : ref.current) {
-      setRowHeight(index, ref.current.getBoundingClientRect().height);
-    }
-  }, [rowHeights[index]]);
-  if (row) {
-    prepareRow(row, index);
-    return /* @__PURE__ */ React__default.createElement(
-      Row,
-      {
-        ...rowProps,
-        style,
-        key: index,
-        index,
-        row,
-        instance,
-        headerGroups: tableProps.headerGroups,
-        setRowHeight,
-        ref
-      }
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement("div", { className: "yt-table__row", role: "row", style }, /* @__PURE__ */ React__default.createElement("div", { className: "yt-table__cell text-gray-300" }, texts.legacyTable.loading));
-}, areEqual);
-const getAverageRowHeight = (rowHeights = {}) => {
-  const keys = Object.keys(rowHeights);
-  const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);
-  return estimatedHeight / keys.length;
-};
-const WindowedTable = React__default.forwardRef(function WindowedTable2(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);
-  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;
-  const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
-  const rowHeights = React__default.useRef({});
-  const setRowHeight = React__default.useCallback((index, size) => {
-    if (rowHeights.current[index] !== size) {
-      rowHeights.current = {
-        ...rowHeights.current,
-        [index]: size
-      };
-      if (rowsRef) {
-        rowsRef.resetAfterIndex(0);
-      }
-    }
-  }, []);
-  const getRowHeight = React__default.useCallback((index) => rowHeights.current[index] || estimatedRowHeight, []);
-  React__default.useEffect(() => {
-    if (rowsRef && rowProps.activeIndex !== void 0) {
-      rowsRef.scrollToItem(rowProps.activeIndex, "start");
-    }
-  }, [rowsRef, rowProps.activeIndex]);
-  React__default.useEffect(() => {
-    rowHeights.current = {};
-    if (rowsRef) {
-      rowsRef.resetAfterIndex(0);
-    }
-  }, [rows.length]);
-  const contentHeight = estimatedRowHeight * props.data.length || 0;
-  const isScrollbarVisible = height === null ? false : contentHeight > height;
-  const className = cn(tableProps.className, "yt-table--windowed", { "table-with-scrollbar": isScrollbarVisible });
-  let list;
-  const itemData = {
-    rows,
-    setRowHeight,
-    rowProps,
-    tableProps,
-    instance,
-    prepareRow,
-    state,
-    rowHeights: rowHeights.current
-  };
-  if (height && rows.length) {
-    const listProps = {
-      height,
-      itemData,
-      estimatedItemSize: getAverageRowHeight(rowHeights.current),
-      itemSize: getRowHeight,
-      width: "100%"
-    };
-    if (loadMore && length) {
-      const isLoaded = (index) => !!rows[index];
-      list = /* @__PURE__ */ React__default.createElement(InfiniteLoader, { isItemLoaded: isLoaded, itemCount: length, loadMoreItems: loadMore }, ({ onItemsRendered, ref: ref2 }) => /* @__PURE__ */ React__default.createElement(
-        VariableSizeList,
-        {
-          ...listProps,
-          itemCount: length,
-          onItemsRendered,
-          ref: (list2) => {
-            ref2(list2);
-            setRowsRef(list2);
-          }
-        },
-        VariableRow
-      ));
-    } else {
-      list = /* @__PURE__ */ React__default.createElement(
-        VariableSizeList,
-        {
-          ...listProps,
-          itemCount: rows.length,
-          ref: (ref2) => {
-            setRowsRef(ref2);
-          }
-        },
-        VariableRow
-      );
-    }
-  }
-  return /* @__PURE__ */ React__default.createElement(BaseTable, { ...tableProps, className, headerRef, ref: tableRef }, list || emptyStateRenderer());
-});
-WindowedTable.Column = () => null;
-WindowedTable.Group = () => null;
-export {
-  WindowedTable
-};
-//# sourceMappingURL=WindowedTable.js.map

package/dist/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 '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-gray-300\">{texts.legacyTable.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    // @ts-expect-error\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 object>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<object>[] },\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: number) => 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 ? false : contentHeight > height;\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 || emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["React","WindowedTable","ref","list"],"mappings":"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"}

package/dist/components/Table/hooks/plugins/useRowActions.cjs

@@ -1,211 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactIntersectionObserver = require("react-intersection-observer");
-const util = require("../../util.cjs");
-const IconButton = require("../../../LegacyComponents/IconButton/IconButton.cjs");
-const Menu = require("../../../Menu/Menu.cjs");
-const actionGroupClassName = "-mt-1 -mb-1 h-8 flex";
-const hasActions = (inlineEditingUniqueId, handlers, actions) => {
-  return !!actions || handlers.onRowCreate || handlers.onRowCopy || handlers.onRowDelete || !!inlineEditingUniqueId || handlers.onRowEdit;
-};
-const getActions = (actions, row = void 0) => {
-  const primary = [];
-  const secondary = [];
-  if (actions) {
-    let visibleActions = actions.filter((x) => !!x && typeof x !== "boolean");
-    if (row) {
-      visibleActions = visibleActions.filter((action) => {
-        if (action.visible !== void 0) {
-          if (typeof action.visible === "function") {
-            return action.visible(row);
-          }
-          return action.visible;
-        }
-        return true;
-      });
-    }
-    visibleActions.forEach((action) => {
-      if (action.showOnRow) {
-        primary.push(action);
-      } else {
-        secondary.push(action);
-      }
-    });
-  }
-  return [primary, secondary];
-};
-const getLength = (inlineEditingUniqueId, handlers, actions) => {
-  const [primaryActions, secondaryActions] = getActions(actions);
-  let 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;
-};
-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: (event) => {
-      action.onClick(row, event);
-    }
-  };
-};
-const EditModeActions = () => {
-  React.useEffect(() => {
-    const listener = (event) => {
-      var _a, _b;
-      if (event.key === "Escape" && ((_b = (_a = event.target) == null ? void 0 : _a.form) == null ? void 0 : _b.reset)) {
-        event.preventDefault();
-        event.target.form.reset();
-      }
-    };
-    document.addEventListener("keydown", listener);
-    return () => {
-      document.removeEventListener("keydown", listener);
-    };
-  }, []);
-  return /* @__PURE__ */ React.createElement("div", { className: actionGroupClassName }, /* @__PURE__ */ React.createElement(IconButton.LegacyIconButton, { appearance: "primary", icon: "tick", type: "submit", className: "mr-2" }), /* @__PURE__ */ React.createElement(IconButton.LegacyIconButton, { appearance: "ghost", icon: "close", type: "reset" }));
-};
-const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed = false) => {
-  const inlineEditing = !!inlineEditingUniqueId;
-  const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
-  const 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.createElement(EditModeActions, null);
-            }
-            const sanitizedRow = util.sanitizeRowProps(row, rowExpansionRenderer);
-            const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);
-            const output = /* @__PURE__ */ React.createElement(React.Fragment, null, handlers.onRowCreate && /* @__PURE__ */ React.createElement(
-              IconButton.LegacyIconButton,
-              {
-                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);
-                }
-              }
-            ), (inlineEditing || handlers.onRowEdit) && /* @__PURE__ */ React.createElement(
-              IconButton.LegacyIconButton,
-              {
-                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) {
-                    event.persist();
-                    handlers.onRowEdit(sanitizedRow, event);
-                  }
-                }
-              }
-            ), handlers.onRowCopy && /* @__PURE__ */ React.createElement(
-              IconButton.LegacyIconButton,
-              {
-                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.createElement(
-              IconButton.LegacyIconButton,
-              {
-                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.createElement(
-              IconButton.LegacyIconButton,
-              {
-                ...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.createElement(Menu.Menu, null, /* @__PURE__ */ React.createElement(Menu.Menu.Trigger, null, /* @__PURE__ */ React.createElement(
-              IconButton.LegacyIconButton,
-              {
-                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.createElement(Menu.Menu.Content, null, secondaryActions.map((action, index) => /* @__PURE__ */ React.createElement(
-              Menu.Menu.Item,
-              {
-                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.createElement("div", { className: actionGroupClassName }, output);
-            }
-            return /* @__PURE__ */ React.createElement(reactIntersectionObserver.InView, { rootMargin: "100px 0px" }, ({ inView, ref }) => /* @__PURE__ */ React.createElement("div", { className: actionGroupClassName, ref }, inView ? output : null));
-          }
-        }
-      ]);
-    }
-  };
-  plugin.pluginName = "useRowActions";
-  return plugin;
-};
-exports.useRowActions = useRowActions;
-//# sourceMappingURL=useRowActions.cjs.map

package/dist/components/Table/hooks/plugins/useRowActions.cjs.map

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

package/dist/components/Table/hooks/plugins/useRowActions.d.ts

@@ -1,4 +0,0 @@
-import { PluginHook } from 'react-table';
-import { LocalizationTexts } from '../../../Provider/Localization';
-import { RowActionHandler } from '../../types';
-export declare const useRowActions: <T extends object>(inlineEditingUniqueId: keyof T | undefined, handlers: any, actions: RowActionHandler<T>[] | undefined, rowExpansionRenderer: any, texts: LocalizationTexts, windowed?: boolean) => PluginHook<object>;

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

@@ -1,211 +0,0 @@
-import React__default from "react";
-import { InView } from "react-intersection-observer";
-import { sanitizeRowProps } from "../../util.js";
-import { LegacyIconButton } from "../../../LegacyComponents/IconButton/IconButton.js";
-import { Menu } from "../../../Menu/Menu.js";
-const actionGroupClassName = "-mt-1 -mb-1 h-8 flex";
-const hasActions = (inlineEditingUniqueId, handlers, actions) => {
-  return !!actions || handlers.onRowCreate || handlers.onRowCopy || handlers.onRowDelete || !!inlineEditingUniqueId || handlers.onRowEdit;
-};
-const getActions = (actions, row = void 0) => {
-  const primary = [];
-  const secondary = [];
-  if (actions) {
-    let visibleActions = actions.filter((x) => !!x && typeof x !== "boolean");
-    if (row) {
-      visibleActions = visibleActions.filter((action) => {
-        if (action.visible !== void 0) {
-          if (typeof action.visible === "function") {
-            return action.visible(row);
-          }
-          return action.visible;
-        }
-        return true;
-      });
-    }
-    visibleActions.forEach((action) => {
-      if (action.showOnRow) {
-        primary.push(action);
-      } else {
-        secondary.push(action);
-      }
-    });
-  }
-  return [primary, secondary];
-};
-const getLength = (inlineEditingUniqueId, handlers, actions) => {
-  const [primaryActions, secondaryActions] = getActions(actions);
-  let 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;
-};
-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: (event) => {
-      action.onClick(row, event);
-    }
-  };
-};
-const EditModeActions = () => {
-  React__default.useEffect(() => {
-    const listener = (event) => {
-      var _a, _b;
-      if (event.key === "Escape" && ((_b = (_a = event.target) == null ? void 0 : _a.form) == null ? void 0 : _b.reset)) {
-        event.preventDefault();
-        event.target.form.reset();
-      }
-    };
-    document.addEventListener("keydown", listener);
-    return () => {
-      document.removeEventListener("keydown", listener);
-    };
-  }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: actionGroupClassName }, /* @__PURE__ */ React__default.createElement(LegacyIconButton, { appearance: "primary", icon: "tick", type: "submit", className: "mr-2" }), /* @__PURE__ */ React__default.createElement(LegacyIconButton, { appearance: "ghost", icon: "close", type: "reset" }));
-};
-const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRenderer, texts, windowed = false) => {
-  const inlineEditing = !!inlineEditingUniqueId;
-  const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);
-  const 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(
-              LegacyIconButton,
-              {
-                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);
-                }
-              }
-            ), (inlineEditing || handlers.onRowEdit) && /* @__PURE__ */ React__default.createElement(
-              LegacyIconButton,
-              {
-                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) {
-                    event.persist();
-                    handlers.onRowEdit(sanitizedRow, event);
-                  }
-                }
-              }
-            ), handlers.onRowCopy && /* @__PURE__ */ React__default.createElement(
-              LegacyIconButton,
-              {
-                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(
-              LegacyIconButton,
-              {
-                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(
-              LegacyIconButton,
-              {
-                ...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(
-              LegacyIconButton,
-              {
-                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,
-              {
-                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" }, ({ inView, ref }) => /* @__PURE__ */ React__default.createElement("div", { className: actionGroupClassName, ref }, inView ? output : null));
-          }
-        }
-      ]);
-    }
-  };
-  plugin.pluginName = "useRowActions";
-  return plugin;
-};
-export {
-  useRowActions
-};
-//# sourceMappingURL=useRowActions.js.map