@cloudscape-design/components 3.0.154 → 3.0.155

package/table/body-cell/click-away.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare function useClickAway(onClick: () => void): React.MutableRefObject<any>;
-interface ClickAwayActive {
-    onClick: () => void;
-    children: React.ReactNode;
-}
-export declare function ClickAway({ onClick, children }: ClickAwayActive): JSX.Element;
-export {};
-//# sourceMappingURL=click-away.d.ts.map

package/table/body-cell/click-away.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/click-away.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,IAAI,+BAgB/C;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,eAa/D"}

package/table/body-cell/click-away.js

@@ -1,38 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef } from 'react';
-import { containsOrEqual } from '../../internal/utils/dom';
-import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
-export function useClickAway(onClick) {
-    var awayRef = useRef(null);
-    var onClickStable = useStableEventHandler(onClick);
-    useEffect(function () {
-        function handleClick(event) {
-            if (!containsOrEqual(awayRef.current, event.target)) {
-                onClickStable();
-            }
-        }
-        // contains returns wrong result if the next render would remove the element
-        // but capture phase happens before the render, so returns correct result
-        // Ref: https://github.com/facebook/react/issues/20325
-        document.addEventListener('click', handleClick, { capture: true });
-        return function () { return document.removeEventListener('click', handleClick, { capture: true }); };
-    }, [onClickStable]);
-    return awayRef;
-}
-export function ClickAway(_a) {
-    var onClick = _a.onClick, children = _a.children;
-    var onClickStable = useStableEventHandler(onClick);
-    var ref = useRef(null);
-    useEffect(function () {
-        function handleClick(event) {
-            if (!containsOrEqual(ref.current, event.target)) {
-                onClickStable();
-            }
-        }
-        document.addEventListener('click', handleClick, true);
-        return function () { return document.removeEventListener('click', handleClick, true); };
-    }, [onClickStable]);
-    return React.createElement("span", { ref: ref }, children);
-}
-//# sourceMappingURL=click-away.js.map

package/table/body-cell/click-away.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"click-away.js","sourceRoot":"","sources":["../../../../src/table/body-cell/click-away.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,MAAM,UAAU,YAAY,CAAC,OAAmB;IAC9C,IAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAClC,IAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,SAAS,CAAC;QACR,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC3D,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,4EAA4E;QAC5E,yEAAyE;QACzE,sDAAsD;QACtD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAArE,CAAqE,CAAC;IACrF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,OAAO,CAAC;AACjB,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAsC;QAApC,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3C,IAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,IAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,SAAS,CAAC;QACR,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,MAAc,CAAC,EAAE;gBACvD,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACtD,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,EAAxD,CAAwD,CAAC;IACxE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,8BAAM,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAQ,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { containsOrEqual } from '../../internal/utils/dom';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\n\nexport function useClickAway(onClick: () => void) {\n  const awayRef = useRef<any>(null);\n  const onClickStable = useStableEventHandler(onClick);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!containsOrEqual(awayRef.current, event.target as Node)) {\n        onClickStable();\n      }\n    }\n    // contains returns wrong result if the next render would remove the element\n    // but capture phase happens before the render, so returns correct result\n    // Ref: https://github.com/facebook/react/issues/20325\n    document.addEventListener('click', handleClick, { capture: true });\n    return () => document.removeEventListener('click', handleClick, { capture: true });\n  }, [onClickStable]);\n  return awayRef;\n}\n\ninterface ClickAwayActive {\n  onClick: () => void;\n  children: React.ReactNode;\n}\nexport function ClickAway({ onClick, children }: ClickAwayActive) {\n  const onClickStable = useStableEventHandler(onClick);\n  const ref = useRef<HTMLSpanElement>(null);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!containsOrEqual(ref.current, event.target as Node)) {\n        onClickStable();\n      }\n    }\n    document.addEventListener('click', handleClick, true);\n    return () => document.removeEventListener('click', handleClick, true);\n  }, [onClickStable]);\n  return <span ref={ref}>{children}</span>;\n}\n"]}

package/table/body-cell/inline-editor.d.ts

@@ -1,12 +0,0 @@
-import { TableProps } from '../interfaces';
-interface InlineEditorProps<ItemType, ValueType> {
-    ariaLabels: TableProps['ariaLabels'];
-    column: TableProps.EditableColumnDefinition<ItemType, ValueType>;
-    item: ItemType;
-    onEditEnd: () => void;
-    submitEdit: TableProps.SubmitEditFunction<ItemType, ValueType>;
-    __onRender?: () => void;
-}
-export declare function InlineEditor<ItemType, ValueType>({ ariaLabels, item, column, onEditEnd, submitEdit, __onRender, }: InlineEditorProps<ItemType, ValueType>): JSX.Element;
-export {};
-//# sourceMappingURL=inline-editor.d.ts.map

package/table/body-cell/inline-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,UAAU,iBAAiB,CAAC,QAAQ,EAAE,SAAS;IAC7C,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,wBAAwB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACjE,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,EAChD,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,eAqGxC"}

package/table/body-cell/inline-editor.js

@@ -1,88 +0,0 @@
-import { __awaiter, __generator } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useState } from 'react';
-import Button from '../../button/internal';
-import FormField from '../../form-field/internal';
-import SpaceBetween from '../../space-between/internal';
-import { useClickAway } from './click-away';
-import styles from './styles.css.js';
-// A function that does nothing
-var noop = function () { return undefined; };
-export function InlineEditor(_a) {
-    var _b, _c;
-    var ariaLabels = _a.ariaLabels, item = _a.item, column = _a.column, onEditEnd = _a.onEditEnd, submitEdit = _a.submitEdit, __onRender = _a.__onRender;
-    var _d = useState(false), currentEditLoading = _d[0], setCurrentEditLoading = _d[1];
-    var _e = useState(), currentEditValue = _e[0], setCurrentEditValue = _e[1];
-    var cellContext = {
-        isEditing: true,
-        currentValue: currentEditValue,
-        setValue: setCurrentEditValue
-    };
-    function finishEdit(cancel) {
-        if (cancel === void 0) { cancel = false; }
-        if (!cancel) {
-            setCurrentEditValue(undefined);
-        }
-        onEditEnd();
-    }
-    function onSubmitClick(evt) {
-        return __awaiter(this, void 0, void 0, function () {
-            var e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        evt.preventDefault();
-                        if (currentEditValue === undefined) {
-                            finishEdit();
-                            return [2 /*return*/];
-                        }
-                        setCurrentEditLoading(true);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, submitEdit(item, column, currentEditValue)];
-                    case 2:
-                        _a.sent();
-                        setCurrentEditLoading(false);
-                        finishEdit();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        e_1 = _a.sent();
-                        setCurrentEditLoading(false);
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function onCancel() {
-        if (currentEditLoading) {
-            return;
-        }
-        finishEdit(true);
-    }
-    function handleEscape(event) {
-        if (event.key === 'Escape') {
-            onCancel();
-        }
-    }
-    var clickAwayRef = useClickAway(onCancel);
-    useEffect(function () {
-        if (__onRender) {
-            var timer_1 = setTimeout(__onRender, 1);
-            return function () { return clearTimeout(timer_1); };
-        }
-    }, [__onRender]);
-    // asserting non-undefined editConfig here because this component is unreachable otherwise
-    var _f = column.editConfig, _g = _f.ariaLabel, ariaLabel = _g === void 0 ? undefined : _g, _h = _f.validation, validation = _h === void 0 ? noop : _h, errorIconAriaLabel = _f.errorIconAriaLabel;
-    return (React.createElement("form", { ref: clickAwayRef, onSubmit: onSubmitClick, onKeyDown: handleEscape, className: styles['body-cell-editor-form'] },
-        React.createElement(FormField, { stretch: true, label: ariaLabel, __hideLabel: true, __disableGutters: true, __useReactAutofocus: true, i18nStrings: { errorIconAriaLabel: errorIconAriaLabel }, errorText: validation(item, currentEditValue) },
-            React.createElement("div", { className: styles['body-cell-editor-row'] },
-                column.cell(item, cellContext),
-                React.createElement("span", { className: styles['body-cell-editor-controls'] },
-                    React.createElement(SpaceBetween, { direction: "horizontal", size: "xxs" },
-                        !currentEditLoading ? (React.createElement(Button, { ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cancelEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), formAction: "none", iconName: "close", variant: "inline-icon", onClick: onCancel })) : null,
-                        React.createElement(Button, { ariaLabel: (_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.submitEditLabel) === null || _c === void 0 ? void 0 : _c.call(ariaLabels, column), formAction: "submit", iconName: "check", variant: "inline-icon", loading: currentEditLoading })))))));
-}
-//# sourceMappingURL=inline-editor.js.map

package/table/body-cell/inline-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState } from 'react';\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { useClickAway } from './click-away';\nimport { TableProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { Optional } from '../../internal/types';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface InlineEditorProps<ItemType, ValueType> {\n  ariaLabels: TableProps['ariaLabels'];\n  column: TableProps.EditableColumnDefinition<ItemType, ValueType>;\n  item: ItemType;\n  onEditEnd: () => void;\n  submitEdit: TableProps.SubmitEditFunction<ItemType, ValueType>;\n  __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType, ValueType>({\n  ariaLabels,\n  item,\n  column,\n  onEditEnd,\n  submitEdit,\n  __onRender,\n}: InlineEditorProps<ItemType, ValueType>) {\n  const [currentEditLoading, setCurrentEditLoading] = useState(false);\n  const [currentEditValue, setCurrentEditValue] = useState<Optional<ValueType>>();\n\n  const cellContext = {\n    isEditing: true,\n    currentValue: currentEditValue,\n    setValue: setCurrentEditValue,\n  };\n\n  function finishEdit(cancel = false) {\n    if (!cancel) {\n      setCurrentEditValue(undefined);\n    }\n    onEditEnd();\n  }\n\n  async function onSubmitClick(evt: React.FormEvent) {\n    evt.preventDefault();\n    if (currentEditValue === undefined) {\n      finishEdit();\n      return;\n    }\n\n    setCurrentEditLoading(true);\n    try {\n      await submitEdit(item, column, currentEditValue);\n      setCurrentEditLoading(false);\n      finishEdit();\n    } catch (e) {\n      setCurrentEditLoading(false);\n    }\n  }\n\n  function onCancel() {\n    if (currentEditLoading) {\n      return;\n    }\n    finishEdit(true);\n  }\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onCancel();\n    }\n  }\n\n  const clickAwayRef = useClickAway(onCancel);\n\n  useEffect(() => {\n    if (__onRender) {\n      const timer = setTimeout(__onRender, 1);\n      return () => clearTimeout(timer);\n    }\n  }, [__onRender]);\n\n  // asserting non-undefined editConfig here because this component is unreachable otherwise\n  const { ariaLabel = undefined, validation = noop, errorIconAriaLabel } = column.editConfig!;\n\n  return (\n    <form\n      ref={clickAwayRef}\n      onSubmit={onSubmitClick}\n      onKeyDown={handleEscape}\n      className={styles['body-cell-editor-form']}\n    >\n      <FormField\n        stretch={true}\n        label={ariaLabel}\n        __hideLabel={true}\n        __disableGutters={true}\n        __useReactAutofocus={true}\n        i18nStrings={{ errorIconAriaLabel }}\n        errorText={validation(item, currentEditValue)}\n      >\n        <div className={styles['body-cell-editor-row']}>\n          {column.cell(item, cellContext)}\n          <span className={styles['body-cell-editor-controls']}>\n            <SpaceBetween direction=\"horizontal\" size=\"xxs\">\n              {!currentEditLoading ? (\n                <Button\n                  ariaLabel={ariaLabels?.cancelEditLabel?.(column)}\n                  formAction=\"none\"\n                  iconName=\"close\"\n                  variant=\"inline-icon\"\n                  onClick={onCancel}\n                />\n              ) : null}\n              <Button\n                ariaLabel={ariaLabels?.submitEditLabel?.(column)}\n                formAction=\"submit\"\n                iconName=\"check\"\n                variant=\"inline-icon\"\n                loading={currentEditLoading}\n              />\n            </SpaceBetween>\n          </span>\n        </div>\n      </FormField>\n    </form>\n  );\n}\n"]}

package/table/body-cell/td-element.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export interface TableTdElementProps {
-    className?: string;
-    style?: React.CSSProperties;
-    wrapLines: boolean | undefined;
-    isFirstRow: boolean;
-    isLastRow: boolean;
-    isSelected: boolean;
-    isNextSelected: boolean;
-    isPrevSelected: boolean;
-    nativeAttributes?: Omit<React.HTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;
-    onClick?: () => void;
-    children?: React.ReactNode;
-    isEvenRow?: boolean;
-    stripedRows?: boolean;
-    hasSelection?: boolean;
-    hasFooter?: boolean;
-    isVisualRefresh?: boolean;
-}
-export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=td-element.d.ts.map

package/table/body-cell/td-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-element.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IACvG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGAgD1B,CAAC"}

package/table/body-cell/td-element.js

@@ -1,11 +0,0 @@
-import { __assign } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
-import React from 'react';
-import styles from './styles.css.js';
-export var TableTdElement = React.forwardRef(function (_a, ref) {
-    var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, nativeAttributes = _a.nativeAttributes, onClick = _a.onClick, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows, isVisualRefresh = _a.isVisualRefresh, hasSelection = _a.hasSelection, hasFooter = _a.hasFooter;
-    return (React.createElement("td", __assign({ style: style, className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer']), onClick: onClick, ref: ref }, nativeAttributes), children));
-});
-//# sourceMappingURL=td-element.js.map

package/table/body-cell/td-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"td-element.js","sourceRoot":"","sources":["../../../../src/table/body-cell/td-element.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,UACE,EAiBC,EACD,GAAG;QAjBD,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAIX,OAAO,CACL,qCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAClC,EACD,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,IACJ,gBAAgB,GAEnB,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\n\nexport interface TableTdElementProps {\n  className?: string;\n  style?: React.CSSProperties;\n  wrapLines: boolean | undefined;\n  isFirstRow: boolean;\n  isLastRow: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  nativeAttributes?: Omit<React.HTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;\n  onClick?: () => void;\n  children?: React.ReactNode;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  hasSelection?: boolean;\n  hasFooter?: boolean;\n  isVisualRefresh?: boolean;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n  (\n    {\n      className,\n      style,\n      children,\n      wrapLines,\n      isFirstRow,\n      isLastRow,\n      isSelected,\n      isNextSelected,\n      isPrevSelected,\n      nativeAttributes,\n      onClick,\n      isEvenRow,\n      stripedRows,\n      isVisualRefresh,\n      hasSelection,\n      hasFooter,\n    },\n    ref\n  ) => {\n    return (\n      <td\n        style={style}\n        className={clsx(\n          className,\n          styles['body-cell'],\n          wrapLines && styles['body-cell-wrap'],\n          isFirstRow && styles['body-cell-first-row'],\n          isLastRow && styles['body-cell-last-row'],\n          isSelected && styles['body-cell-selected'],\n          isNextSelected && styles['body-cell-next-selected'],\n          isPrevSelected && styles['body-cell-prev-selected'],\n          !isEvenRow && stripedRows && styles['body-cell-shaded'],\n          stripedRows && styles['has-striped-rows'],\n          isVisualRefresh && styles['is-visual-refresh'],\n          hasSelection && styles['has-selection'],\n          hasFooter && styles['has-footer']\n        )}\n        onClick={onClick}\n        ref={ref}\n        {...nativeAttributes}\n      >\n        {children}\n      </td>\n    );\n  }\n);\n"]}

package/table/body-cell/use-stable-scroll-position.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export declare function isScrollable(ele: HTMLElement): boolean;
-export declare function getScrollableParent(ele: HTMLElement | null): HTMLElement;
-export interface UseStableScrollPositionResult {
-    /** Stores the current scroll position of the nearest scrollable container. */
-    storeScrollPosition: () => void;
-    /** Restores the scroll position of the nearest scrollable container to the last stored position. */
-    restoreScrollPosition: () => void;
-}
-/**
- * This hook stores the scroll position of the nearest scrollable parent of the
- * `activeElementRef` when `storeScrollPosition` is called, and restores it when
- * `restoreScrollPosition` is called.
- * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.
- */
-export declare function useStableScrollPosition<T extends HTMLElement>(activeElementRef: React.RefObject<T>): UseStableScrollPositionResult;
-//# sourceMappingURL=use-stable-scroll-position.d.ts.map

package/table/body-cell/use-stable-scroll-position.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-stable-scroll-position.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/use-stable-scroll-position.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,WAK5C;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,CAMxE;AAED,MAAM,WAAW,6BAA6B;IAC5C,8EAA8E;IAC9E,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAMD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,WAAW,EAC3D,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GACnC,6BAA6B,CAsB/B"}

package/table/body-cell/use-stable-scroll-position.js

@@ -1,48 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useCallback, useRef } from 'react';
-export function isScrollable(ele) {
-    var overflowXStyle = window.getComputedStyle(ele).overflowX;
-    var isOverflowHidden = overflowXStyle.indexOf('hidden') !== -1;
-    return ele.scrollWidth > ele.clientWidth && !isOverflowHidden;
-}
-export function getScrollableParent(ele) {
-    return !ele || ele === document.body
-        ? document.body
-        : isScrollable(ele)
-            ? ele
-            : getScrollableParent(ele.parentElement);
-}
-var shouldScroll = function (_a, _b) {
-    var cx = _a[0], cy = _a[1];
-    var px = _b[0], py = _b[1];
-    return cx - px > 5 || cy - py > 5;
-};
-/**
- * This hook stores the scroll position of the nearest scrollable parent of the
- * `activeElementRef` when `storeScrollPosition` is called, and restores it when
- * `restoreScrollPosition` is called.
- * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.
- */
-export function useStableScrollPosition(activeElementRef) {
-    var scrollRef = useRef();
-    var storeScrollPosition = useCallback(function () {
-        var _a;
-        var scrollableParent = getScrollableParent((_a = activeElementRef.current) !== null && _a !== void 0 ? _a : document.body);
-        if (scrollableParent) {
-            scrollRef.current = [scrollableParent.scrollLeft, scrollableParent.scrollTop];
-        }
-    }, [activeElementRef]);
-    var restoreScrollPosition = useCallback(function () {
-        var _a;
-        var _b;
-        var scrollableParent = getScrollableParent((_b = activeElementRef.current) !== null && _b !== void 0 ? _b : document.body);
-        if (scrollRef.current &&
-            scrollRef.current.toString() !== '0,0' &&
-            shouldScroll(scrollRef.current, [scrollableParent.scrollLeft, scrollableParent.scrollTop])) {
-            _a = scrollRef.current, scrollableParent.scrollLeft = _a[0], scrollableParent.scrollTop = _a[1];
-        }
-    }, [activeElementRef]);
-    return { storeScrollPosition: storeScrollPosition, restoreScrollPosition: restoreScrollPosition };
-}
-//# sourceMappingURL=use-stable-scroll-position.js.map

package/table/body-cell/use-stable-scroll-position.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-stable-scroll-position.js","sourceRoot":"","sources":["../../../../src/table/body-cell/use-stable-scroll-position.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAc,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,UAAU,YAAY,CAAC,GAAgB;IAC3C,IAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC;IAC9D,IAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjE,OAAO,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,GAAuB;IACzD,OAAO,CAAC,GAAG,IAAI,GAAG,KAAK,QAAQ,CAAC,IAAI;QAClC,CAAC,CAAC,QAAQ,CAAC,IAAI;QACf,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC;YACnB,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAC7C,CAAC;AASD,IAAM,YAAY,GAAG,UAAC,EAA0B,EAAE,EAA0B;QAArD,EAAE,QAAA,EAAE,EAAE,QAAA;QAAsB,EAAE,QAAA,EAAE,EAAE,QAAA;IACvD,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CACrC,gBAAoC;IAEpC,IAAM,SAAS,GAAG,MAAM,EAAyC,CAAC;IAElE,IAAM,mBAAmB,GAAG,WAAW,CAAC;;QACtC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAA,gBAAgB,CAAC,OAAO,mCAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxF,IAAI,gBAAgB,EAAE;YACpB,SAAS,CAAC,OAAO,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,qBAAqB,GAAG,WAAW,CAAC;;;QACxC,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,MAAA,gBAAgB,CAAC,OAAO,mCAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxF,IACE,SAAS,CAAC,OAAO;YACjB,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,KAAK;YACtC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,EAC1F;YACA,KAA4D,SAAS,CAAC,OAAO,EAA5E,gBAAgB,CAAC,UAAU,QAAA,EAAE,gBAAgB,CAAC,SAAS,QAAA,CAAsB;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,mBAAmB,qBAAA,EAAE,qBAAqB,uBAAA,EAAE,CAAC;AACxD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback, useRef } from 'react';\n\nexport function isScrollable(ele: HTMLElement) {\n  const overflowXStyle = window.getComputedStyle(ele).overflowX;\n  const isOverflowHidden = overflowXStyle.indexOf('hidden') !== -1;\n\n  return ele.scrollWidth > ele.clientWidth && !isOverflowHidden;\n}\n\nexport function getScrollableParent(ele: HTMLElement | null): HTMLElement {\n  return !ele || ele === document.body\n    ? document.body\n    : isScrollable(ele)\n    ? ele\n    : getScrollableParent(ele.parentElement);\n}\n\nexport interface UseStableScrollPositionResult {\n  /** Stores the current scroll position of the nearest scrollable container. */\n  storeScrollPosition: () => void;\n  /** Restores the scroll position of the nearest scrollable container to the last stored position. */\n  restoreScrollPosition: () => void;\n}\n\nconst shouldScroll = ([cx, cy]: [number, number], [px, py]: [number, number]) => {\n  return cx - px > 5 || cy - py > 5;\n};\n\n/**\n * This hook stores the scroll position of the nearest scrollable parent of the\n * `activeElementRef` when `storeScrollPosition` is called, and restores it when\n * `restoreScrollPosition` is called.\n * @param activeElementRef Ref to an active element in the table. This is used to find the nearest scrollable parent.\n */\nexport function useStableScrollPosition<T extends HTMLElement>(\n  activeElementRef: React.RefObject<T>\n): UseStableScrollPositionResult {\n  const scrollRef = useRef<Parameters<HTMLBodyElement['scroll']>>();\n\n  const storeScrollPosition = useCallback(() => {\n    const scrollableParent = getScrollableParent(activeElementRef.current ?? document.body);\n    if (scrollableParent) {\n      scrollRef.current = [scrollableParent.scrollLeft, scrollableParent.scrollTop];\n    }\n  }, [activeElementRef]);\n\n  const restoreScrollPosition = useCallback(() => {\n    const scrollableParent = getScrollableParent(activeElementRef.current ?? document.body);\n    if (\n      scrollRef.current &&\n      scrollRef.current.toString() !== '0,0' &&\n      shouldScroll(scrollRef.current, [scrollableParent.scrollLeft, scrollableParent.scrollTop])\n    ) {\n      [scrollableParent.scrollLeft, scrollableParent.scrollTop] = scrollRef.current;\n    }\n  }, [activeElementRef]);\n\n  return { storeScrollPosition, restoreScrollPosition };\n}\n"]}

package/table/use-table-focus-navigation.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from 'react';
-import { TableProps } from './interfaces';
-/**
- * This hook is used to navigate between table cells using the keyboard arrow keys.
- * All the functionality is implemented in the hook, so the table component does not
- * need to implement any keyboard event handlers.
- * @param enable - Toggle functionality of the hook
- * @param tableRoot - A ref to a table container. Ideally the root element of the table (<table>); tbody is also acceptable.
- * @param columnDefinitions - The column definitions for the table.
- * @param numRows - The number of rows in the table.
- */
-declare function useTableFocusNavigation<T extends {
-    editConfig?: TableProps.EditConfig<any>;
-}>(selectionType: "none" | "single" | "multi" | undefined, tableRoot: RefObject<HTMLTableElement>, columnDefinitions: Readonly<T[]>, numRows: number): void;
-export default useTableFocusNavigation;
-//# sourceMappingURL=use-table-focus-navigation.d.ts.map

package/table/use-table-focus-navigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-focus-navigation.d.ts","sourceRoot":"","sources":["../../../src/table/use-table-focus-navigation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA2C,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C;;;;;;;;GAQG;AACH,iBAAS,uBAAuB,CAAC,CAAC,SAAS;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;CAAE,EACpF,aAAa,yCAAsC,EACnD,SAAS,EAAE,SAAS,CAAC,gBAAgB,CAAC,EACtC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAChC,OAAO,EAAE,MAAM,QAqIhB;AAED,eAAe,uBAAuB,CAAC"}

package/table/use-table-focus-navigation.js

@@ -1,131 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useCallback, useEffect, useMemo, useRef } from 'react';
-function iterateTableCells(table, func) {
-    table.querySelectorAll('tr').forEach(function (row, rowIndex) {
-        row.querySelectorAll('td').forEach(function (cell, cellIndex) {
-            func(cell, rowIndex, cellIndex);
-        });
-    });
-}
-/**
- * This hook is used to navigate between table cells using the keyboard arrow keys.
- * All the functionality is implemented in the hook, so the table component does not
- * need to implement any keyboard event handlers.
- * @param enable - Toggle functionality of the hook
- * @param tableRoot - A ref to a table container. Ideally the root element of the table (<table>); tbody is also acceptable.
- * @param columnDefinitions - The column definitions for the table.
- * @param numRows - The number of rows in the table.
- */
-function useTableFocusNavigation(selectionType, tableRoot, columnDefinitions, numRows) {
-    if (selectionType === void 0) { selectionType = 'none'; }
-    var currentFocusCell = useRef(null);
-    var focusableColumns = useMemo(function () {
-        var cols = columnDefinitions.map(function (column) { return !!column.editConfig; });
-        if (selectionType !== 'none') {
-            cols.unshift(false);
-        }
-        return cols;
-    }, [columnDefinitions, selectionType]);
-    var maxColumnIndex = useMemo(function () { return focusableColumns.length - 1; }, [focusableColumns]);
-    var minColumnIndex = useMemo(function () { return (selectionType !== 'none' ? 1 : 0); }, [selectionType]);
-    var focusCell = useCallback(function (rowIndex, columnIndex) {
-        if (tableRoot === null || tableRoot === void 0 ? void 0 : tableRoot.current) {
-            iterateTableCells(tableRoot.current, function (cell, rIndex, cIndex) {
-                var _a;
-                if (rIndex === rowIndex && cIndex === columnIndex) {
-                    var editButton = cell.querySelector('button:last-child');
-                    (_a = editButton === null || editButton === void 0 ? void 0 : editButton.focus) === null || _a === void 0 ? void 0 : _a.call(editButton, { preventScroll: true });
-                }
-            });
-        }
-    }, [tableRoot]);
-    var shiftFocus = useCallback(function (vertical, horizontal) {
-        // istanbul ignore if next
-        if (!currentFocusCell.current) {
-            return;
-        }
-        var _a = currentFocusCell.current.slice(), rowIndex = _a[0], columnIndex = _a[1];
-        var newRowIndex = rowIndex;
-        var newColumnIndex = columnIndex;
-        if (vertical !== 0) {
-            newRowIndex = Math.min(numRows, Math.max(rowIndex + vertical, 0));
-        }
-        if (horizontal !== 0) {
-            while (newColumnIndex <= maxColumnIndex && newColumnIndex >= minColumnIndex) {
-                newColumnIndex += horizontal;
-                if (focusableColumns[newColumnIndex]) {
-                    break;
-                }
-            }
-        }
-        if ((rowIndex !== newRowIndex || columnIndex !== newColumnIndex) &&
-            currentFocusCell.current &&
-            tableRoot.current) {
-            focusCell(newRowIndex, newColumnIndex);
-        }
-    }, [focusCell, focusableColumns, maxColumnIndex, minColumnIndex, numRows, tableRoot]);
-    var handleArrowKeyEvents = useCallback(function (event) {
-        var _a, _b;
-        var abort = !!((_a = tableRoot.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-inline-editing-active = "true"]')) ||
-            !((_b = document.activeElement) === null || _b === void 0 ? void 0 : _b.closest('[data-inline-editing-active]'));
-        if (abort) {
-            return;
-        }
-        switch (event.key) {
-            case 'ArrowUp':
-                event.preventDefault();
-                shiftFocus(-1, 0);
-                break;
-            case 'ArrowDown':
-                event.preventDefault();
-                shiftFocus(1, 0);
-                break;
-            case 'ArrowLeft':
-                event.preventDefault();
-                shiftFocus(0, -1);
-                break;
-            case 'ArrowRight':
-                event.preventDefault();
-                shiftFocus(0, 1);
-                break;
-            // istanbul ignore next (default case = do nothing, not testable)
-            default:
-                return;
-        }
-    }, [shiftFocus, tableRoot]);
-    useEffect(function () {
-        var eventListeners = new Map();
-        // istanbul ignore if
-        if (!tableRoot.current) {
-            return;
-        }
-        var tableElement = tableRoot.current;
-        // istanbul ignore next (tested in use-focus-navigation.test.tsx#L210)
-        function cleanUpListeners() {
-            iterateTableCells(tableElement, function (cell, rowIndex, columnIndex) {
-                var listeners = eventListeners.get([rowIndex, columnIndex]);
-                if (listeners === null || listeners === void 0 ? void 0 : listeners.focusin) {
-                    cell.removeEventListener('focusin', listeners.focusin);
-                }
-            });
-            tableElement.removeEventListener('keydown', handleArrowKeyEvents);
-        }
-        iterateTableCells(tableElement, function (cell, rowIndex, cellIndex) {
-            if (!focusableColumns[cellIndex]) {
-                return;
-            }
-            var listenerFns = {
-                focusin: function () {
-                    currentFocusCell.current = [rowIndex, cellIndex];
-                }
-            };
-            eventListeners.set([rowIndex, cellIndex], listenerFns);
-            cell.addEventListener('focusin', listenerFns.focusin, { passive: true });
-        });
-        tableElement.addEventListener('keydown', handleArrowKeyEvents);
-        return function () { return tableElement && cleanUpListeners(); };
-    }, [focusableColumns, handleArrowKeyEvents, tableRoot]);
-}
-export default useTableFocusNavigation;
-//# sourceMappingURL=use-table-focus-navigation.js.map

package/table/use-table-focus-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-table-focus-navigation.js","sourceRoot":"","sources":["../../../src/table/use-table-focus-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefObject, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { TableProps } from './interfaces';\n\nfunction iterateTableCells<T extends HTMLElement>(\n  table: T,\n  func: (cell: HTMLTableCellElement, rowIndex: number, columnIndex: number) => void\n) {\n  table.querySelectorAll('tr').forEach((row: HTMLTableRowElement, rowIndex: number) => {\n    row.querySelectorAll('td').forEach((cell, cellIndex) => {\n      func(cell, rowIndex, cellIndex);\n    });\n  });\n}\n\n/**\n * This hook is used to navigate between table cells using the keyboard arrow keys.\n * All the functionality is implemented in the hook, so the table component does not\n * need to implement any keyboard event handlers.\n * @param enable - Toggle functionality of the hook\n * @param tableRoot - A ref to a table container. Ideally the root element of the table (<table>); tbody is also acceptable.\n * @param columnDefinitions - The column definitions for the table.\n * @param numRows - The number of rows in the table.\n */\nfunction useTableFocusNavigation<T extends { editConfig?: TableProps.EditConfig<any> }>(\n  selectionType: 'single' | 'multi' | 'none' = 'none',\n  tableRoot: RefObject<HTMLTableElement>,\n  columnDefinitions: Readonly<T[]>,\n  numRows: number\n) {\n  const currentFocusCell = useRef<[number, number] | null>(null);\n\n  const focusableColumns = useMemo(() => {\n    const cols = columnDefinitions.map(column => !!column.editConfig);\n    if (selectionType !== 'none') {\n      cols.unshift(false);\n    }\n    return cols;\n  }, [columnDefinitions, selectionType]);\n\n  const maxColumnIndex = useMemo(() => focusableColumns.length - 1, [focusableColumns]);\n  const minColumnIndex = useMemo(() => (selectionType !== 'none' ? 1 : 0), [selectionType]);\n\n  const focusCell = useCallback(\n    (rowIndex: number, columnIndex: number) => {\n      if (tableRoot?.current) {\n        iterateTableCells(tableRoot.current, (cell, rIndex, cIndex) => {\n          if (rIndex === rowIndex && cIndex === columnIndex) {\n            const editButton = cell.querySelector('button:last-child') as HTMLButtonElement | null;\n            editButton?.focus?.({ preventScroll: true });\n          }\n        });\n      }\n    },\n    [tableRoot]\n  );\n\n  const shiftFocus = useCallback(\n    (vertical: -1 | 0 | 1, horizontal: -1 | 0 | 1) => {\n      // istanbul ignore if next\n      if (!currentFocusCell.current) {\n        return;\n      }\n      const [rowIndex, columnIndex] = currentFocusCell.current.slice();\n      let newRowIndex = rowIndex;\n      let newColumnIndex = columnIndex;\n\n      if (vertical !== 0) {\n        newRowIndex = Math.min(numRows, Math.max(rowIndex + vertical, 0));\n      }\n\n      if (horizontal !== 0) {\n        while (newColumnIndex <= maxColumnIndex && newColumnIndex >= minColumnIndex) {\n          newColumnIndex += horizontal;\n          if (focusableColumns[newColumnIndex]) {\n            break;\n          }\n        }\n      }\n\n      if (\n        (rowIndex !== newRowIndex || columnIndex !== newColumnIndex) &&\n        currentFocusCell.current &&\n        tableRoot.current\n      ) {\n        focusCell(newRowIndex, newColumnIndex);\n      }\n    },\n    [focusCell, focusableColumns, maxColumnIndex, minColumnIndex, numRows, tableRoot]\n  );\n\n  const handleArrowKeyEvents = useCallback(\n    (event: KeyboardEvent) => {\n      const abort =\n        !!tableRoot.current?.querySelector('[data-inline-editing-active = \"true\"]') ||\n        !document.activeElement?.closest('[data-inline-editing-active]');\n\n      if (abort) {\n        return;\n      }\n      switch (event.key) {\n        case 'ArrowUp':\n          event.preventDefault();\n          shiftFocus(-1, 0);\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          shiftFocus(1, 0);\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          shiftFocus(0, -1);\n          break;\n        case 'ArrowRight':\n          event.preventDefault();\n          shiftFocus(0, 1);\n          break;\n        // istanbul ignore next (default case = do nothing, not testable)\n        default:\n          return;\n      }\n    },\n    [shiftFocus, tableRoot]\n  );\n\n  useEffect(() => {\n    const eventListeners = new Map<[number, number], { focusin(evt: any): void }>();\n    // istanbul ignore if\n    if (!tableRoot.current) {\n      return;\n    }\n\n    const tableElement = tableRoot.current;\n\n    // istanbul ignore next (tested in use-focus-navigation.test.tsx#L210)\n    function cleanUpListeners() {\n      iterateTableCells(tableElement, (cell, rowIndex, columnIndex) => {\n        const listeners = eventListeners.get([rowIndex, columnIndex]);\n        if (listeners?.focusin) {\n          cell.removeEventListener('focusin', listeners.focusin);\n        }\n      });\n      tableElement.removeEventListener('keydown', handleArrowKeyEvents);\n    }\n\n    iterateTableCells(tableElement, (cell, rowIndex, cellIndex) => {\n      if (!focusableColumns[cellIndex]) {\n        return;\n      }\n      const listenerFns = {\n        focusin: () => {\n          currentFocusCell.current = [rowIndex, cellIndex];\n        },\n      };\n      eventListeners.set([rowIndex, cellIndex], listenerFns);\n      cell.addEventListener('focusin', listenerFns.focusin, { passive: true });\n    });\n    tableElement.addEventListener('keydown', handleArrowKeyEvents);\n\n    return () => tableElement && cleanUpListeners();\n  }, [focusableColumns, handleArrowKeyEvents, tableRoot]);\n}\n\nexport default useTableFocusNavigation;\n"]}