@cloudscape-design/components 3.0.995 → 3.0.997

package/split-panel/utils/size-utils.d.ts

@@ -14,5 +14,4 @@ export declare const CONSTRAINED_MAIN_PANEL_MIN_HEIGHT = 40;
  * Estimate a default split panel size for the first render based on the document size.
  */
 export declare function getSplitPanelDefaultSize(position: 'side' | 'bottom'): number;
-export declare function getLimitedValue(min: number, value: number, max: number): number;
-//# sourceMappingURL=size-utils.d.ts.map
+export declare function getLimitedValue(min: number, value: number, max: number): number;

package/status-indicator/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import { StatusIndicatorProps } from './internal';
 export { StatusIndicatorProps };
-export default function StatusIndicator({ type, wrapText, ...props }: StatusIndicatorProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function StatusIndicator({
+  type,
+  wrapText,
+  ...props
+}: StatusIndicatorProps): JSX.Element;

package/status-indicator/internal.d.ts

@@ -4,46 +4,56 @@ import { BaseComponentProps } from '../internal/base-component';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SomeRequired } from '../internal/types';
 export interface StatusIndicatorProps extends BaseComponentProps {
-    /**
-     * Specifies the status type.
-     */
-    type?: StatusIndicatorProps.Type;
-    /**
-     * A text fragment that communicates the status.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,
-     * use this to communicate additional context.
-     */
-    iconAriaLabel?: string;
-    /**
-     * Specifies an override for the status indicator color.
-     */
-    colorOverride?: StatusIndicatorProps.Color;
-    /**
-     * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping
-     * and truncates it with an ellipsis.
-     */
-    wrapText?: boolean;
+  /**
+   * Specifies the status type.
+   */
+  type?: StatusIndicatorProps.Type;
+  /**
+   * A text fragment that communicates the status.
+   */
+  children?: React.ReactNode;
+  /**
+   * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,
+   * use this to communicate additional context.
+   */
+  iconAriaLabel?: string;
+  /**
+   * Specifies an override for the status indicator color.
+   */
+  colorOverride?: StatusIndicatorProps.Color;
+  /**
+   * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping
+   * and truncates it with an ellipsis.
+   */
+  wrapText?: boolean;
 }
 export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
-    /**
-     * Play an animation on the error icon when first rendered
-     */
-    __animate?: boolean;
-    /**
-     * Size of icon.
-     */
-    __size?: IconProps.Size;
-    /**
-     * The CSS behavior of the status indicator container element.
-     */
-    __display?: 'inline' | 'inline-block';
+  /**
+   * Play an animation on the error icon when first rendered
+   */
+  __animate?: boolean;
+  /**
+   * Size of icon.
+   */
+  __size?: IconProps.Size;
+  /**
+   * The CSS behavior of the status indicator container element.
+   */
+  __display?: 'inline' | 'inline-block';
 }
 export declare namespace StatusIndicatorProps {
-    type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';
-    type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
+  type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';
+  type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
 }
-export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, __animate, __internalRootRef, __size, __display, ...rest }: InternalStatusIndicatorProps): JSX.Element;
-//# sourceMappingURL=internal.d.ts.map
+export default function StatusIndicator({
+  type,
+  children,
+  iconAriaLabel,
+  colorOverride,
+  wrapText,
+  __animate,
+  __internalRootRef,
+  __size,
+  __display,
+  ...rest
+}: InternalStatusIndicatorProps): JSX.Element;

package/steps/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { StepsProps } from './interfaces';
 export { StepsProps };
-declare const Steps: ({ steps, ...props }: StepsProps) => JSX.Element;
-export default Steps;
-//# sourceMappingURL=index.d.ts.map
+declare const Steps: ({
+  steps,
+  ...props
+}: StepsProps) => JSX.Element;
+export default Steps;

package/steps/interfaces.d.ts

@@ -2,39 +2,38 @@
 import { BaseComponentProps } from '../internal/base-component';
 import { StatusIndicatorProps } from '../status-indicator/internal';
 export interface StepsProps extends BaseComponentProps {
-    /**
-     * An array of individual steps
-     *
-     * Each step definition has the following properties:
-     *  * `status` (string) - Status of the step corresponding to a status indicator.
-     *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
-     *  * `header` (ReactNode) - Summary corresponding to the step.
-     *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
-     */
-    steps: ReadonlyArray<StepsProps.Step>;
-    /**
-     * Provides an `aria-label` to the progress steps container.
-     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
-     */
-    ariaLabel?: string;
-    /**
-     * Sets the `aria-labelledby` property on the progress steps container.
-     * If there's a visible label element that you can reference, use this instead of `ariaLabel`.
-     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
-     */
-    ariaLabelledby?: string;
-    /**
-     * Sets the `aria-describedby` property on the progress steps container.
-     */
-    ariaDescribedby?: string;
+  /**
+   * An array of individual steps
+   *
+   * Each step definition has the following properties:
+   *  * `status` (string) - Status of the step corresponding to a status indicator.
+   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
+   *  * `header` (ReactNode) - Summary corresponding to the step.
+   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
+   */
+  steps: ReadonlyArray<StepsProps.Step>;
+  /**
+   * Provides an `aria-label` to the progress steps container.
+   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+   */
+  ariaLabel?: string;
+  /**
+   * Sets the `aria-labelledby` property on the progress steps container.
+   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.
+   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+   */
+  ariaLabelledby?: string;
+  /**
+   * Sets the `aria-describedby` property on the progress steps container.
+   */
+  ariaDescribedby?: string;
 }
 export declare namespace StepsProps {
-    type Status = StatusIndicatorProps.Type;
-    interface Step {
-        status: Status;
-        statusIconAriaLabel?: string;
-        header: React.ReactNode;
-        details?: React.ReactNode;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Status = StatusIndicatorProps.Type;
+  interface Step {
+    status: Status;
+    statusIconAriaLabel?: string;
+    header: React.ReactNode;
+    details?: React.ReactNode;
+  }
+}

package/steps/internal.d.ts

@@ -3,6 +3,12 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { SomeRequired } from '../internal/types';
 import { StepsProps } from './interfaces';
 type InternalStepsProps = SomeRequired<StepsProps, 'steps'> & InternalBaseComponentProps<HTMLDivElement>;
-declare const InternalSteps: ({ steps, ariaLabel, ariaLabelledby, ariaDescribedby, __internalRootRef, ...props }: InternalStepsProps) => JSX.Element;
-export default InternalSteps;
-//# sourceMappingURL=internal.d.ts.map
+declare const InternalSteps: ({
+  steps,
+  ariaLabel,
+  ariaLabelledby,
+  ariaDescribedby,
+  __internalRootRef,
+  ...props
+}: InternalStepsProps) => JSX.Element;
+export default InternalSteps;

package/table/analytics-metadata/interfaces.d.ts

@@ -1,57 +1,56 @@
 import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 export interface GeneratedAnalyticsMetadataTableSelect {
-    action: 'select';
-    detail: {
-        label?: string;
-        position: string;
-        item: string;
-    };
+  action: 'select';
+  detail: {
+    label?: string;
+    position: string;
+    item: string;
+  };
 }
 export interface GeneratedAnalyticsMetadataTableDeselect {
-    action: 'deselect';
-    detail: {
-        label?: string;
-        position: string;
-        item: string;
-    };
+  action: 'deselect';
+  detail: {
+    label?: string;
+    position: string;
+    item: string;
+  };
 }
 export interface GeneratedAnalyticsMetadataTableSelectAll {
-    action: 'selectAll';
-    detail: {
-        label: string;
-    };
+  action: 'selectAll';
+  detail: {
+    label: string;
+  };
 }
 export interface GeneratedAnalyticsMetadataTableDeselectAll {
-    action: 'deselectAll';
-    detail: {
-        label: string;
-    };
+  action: 'deselectAll';
+  detail: {
+    label: string;
+  };
 }
 export interface GeneratedAnalyticsMetadataTableSort {
-    action: 'sort';
-    detail: {
-        label: string;
-        position: string;
-        columnId: string;
-        sortingDescending: string;
-    };
+  action: 'sort';
+  detail: {
+    label: string;
+    position: string;
+    columnId: string;
+    sortingDescending: string;
+  };
 }
 export interface GeneratedAnalyticsMetadataTableComponent {
-    name: 'awsui.Table';
-    label: string | LabelIdentifier;
-    properties: {
-        selectionType: string;
-        itemsCount: string;
-        selectedItemsCount: string;
-        sortingColumnId?: string;
-        sortingDescending?: string;
-        variant: string;
-    };
-    innerContext?: {
-        position: string;
-        columnId: string;
-        columnLabel: string | LabelIdentifier;
-        item: string;
-    };
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  name: 'awsui.Table';
+  label: string | LabelIdentifier;
+  properties: {
+    selectionType: string;
+    itemsCount: string;
+    selectedItemsCount: string;
+    sortingColumnId?: string;
+    sortingDescending?: string;
+    variant: string;
+  };
+  innerContext?: {
+    position: string;
+    columnId: string;
+    columnLabel: string | LabelIdentifier;
+    item: string;
+  };
+}

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-export declare function useClickAway(onClick: () => void): import("react").MutableRefObject<any>;
-//# sourceMappingURL=click-away.d.ts.map
+export declare function useClickAway(onClick: () => void): import("react").MutableRefObject<any>;

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

@@ -1,8 +1,16 @@
 /// <reference types="react" />
 import { TableBodyCellProps } from './index';
 interface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {
-    editDisabledReason: string;
+  editDisabledReason: string;
 }
-export declare function DisabledInlineEditor<ItemType>({ item, column, ariaLabels, isEditing, onEditStart, onEditEnd, editDisabledReason, ...rest }: DisabledInlineEditorProps<ItemType>): JSX.Element;
-export {};
-//# sourceMappingURL=disabled-inline-editor.d.ts.map
+export declare function DisabledInlineEditor<ItemType>({
+  item,
+  column,
+  ariaLabels,
+  isEditing,
+  onEditStart,
+  onEditEnd,
+  editDisabledReason,
+  ...rest
+}: DisabledInlineEditorProps<ItemType>): JSX.Element;
+export {};

package/table/body-cell/index.d.ts

@@ -2,13 +2,12 @@
 import { TableProps } from '../interfaces';
 import { TableTdElementProps } from './td-element';
 export interface TableBodyCellProps<ItemType> extends TableTdElementProps {
-    column: TableProps.ColumnDefinition<ItemType>;
-    item: ItemType;
-    successfulEdit?: boolean;
-    onEditStart: () => void;
-    onEditEnd: (cancelled: boolean) => void;
-    submitEdit?: TableProps.SubmitEditFunction<ItemType>;
-    ariaLabels: TableProps['ariaLabels'];
+  column: TableProps.ColumnDefinition<ItemType>;
+  item: ItemType;
+  successfulEdit?: boolean;
+  onEditStart: () => void;
+  onEditEnd: (cancelled: boolean) => void;
+  submitEdit?: TableProps.SubmitEditFunction<ItemType>;
+  ariaLabels: TableProps['ariaLabels'];
 }
-export declare function TableBodyCell<ItemType>(props: TableBodyCellProps<ItemType>): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export declare function TableBodyCell<ItemType>(props: TableBodyCellProps<ItemType>): JSX.Element;

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

@@ -1,17 +1,23 @@
 /// <reference types="react" />
 import { TableProps } from '../interfaces';
 interface OnEditEndOptions {
-    cancelled: boolean;
-    refocusCell: boolean;
+  cancelled: boolean;
+  refocusCell: boolean;
 }
 interface InlineEditorProps<ItemType> {
-    ariaLabels: TableProps['ariaLabels'];
-    column: TableProps.ColumnDefinition<ItemType>;
-    item: ItemType;
-    onEditEnd: (options: OnEditEndOptions) => void;
-    submitEdit: TableProps.SubmitEditFunction<ItemType>;
-    __onRender?: () => void;
+  ariaLabels: TableProps['ariaLabels'];
+  column: TableProps.ColumnDefinition<ItemType>;
+  item: ItemType;
+  onEditEnd: (options: OnEditEndOptions) => void;
+  submitEdit: TableProps.SubmitEditFunction<ItemType>;
+  __onRender?: () => void;
 }
-export declare function InlineEditor<ItemType>({ ariaLabels, item, column, onEditEnd, submitEdit, __onRender, }: InlineEditorProps<ItemType>): JSX.Element;
-export {};
-//# sourceMappingURL=inline-editor.d.ts.map
+export declare function InlineEditor<ItemType>({
+  ariaLabels,
+  item,
+  column,
+  onEditEnd,
+  submitEdit,
+  __onRender
+}: InlineEditorProps<ItemType>): JSX.Element;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eA2H7B"}
+{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eAoI7B"}

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

@@ -18,21 +18,15 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
     const [currentEditValue, setCurrentEditValue] = useState();
     const i18n = useInternalI18n('table');
     const focusLockRef = useRef(null);
-    const cellContext = {
-        currentValue: currentEditValue,
-        setValue: setCurrentEditValue,
-    };
     function finishEdit({ cancelled = false, refocusCell = true } = {}) {
         if (!cancelled) {
             setCurrentEditValue(undefined);
         }
         onEditEnd({ cancelled, refocusCell: refocusCell });
     }
-    function onSubmitClick(evt) {
+    function handleSubmit() {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            evt.preventDefault(); // Prevents the form from navigating away
-            evt.stopPropagation(); // Prevents any outer form elements from submitting
             if (currentEditValue === undefined) {
                 finishEdit();
                 return;
@@ -51,6 +45,11 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
             }
         });
     }
+    function onFormSubmit(evt) {
+        evt.preventDefault(); // Prevents the form from navigating away
+        evt.stopPropagation(); // Prevents any outer form elements from submitting
+        handleSubmit();
+    }
     function onCancel({ reFocusEditedCell = true } = {}) {
         if (currentEditLoading) {
             return;
@@ -70,17 +69,23 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
         }
     }, [__onRender]);
     // asserting non-undefined editConfig here because this component is unreachable otherwise
-    const { ariaLabel = undefined, validation = noop, errorIconAriaLabel, constraintText, editingCell, } = column.editConfig;
+    const { ariaLabel = undefined, validation = noop, errorIconAriaLabel, constraintText, editingCell, disableNativeForm, } = column.editConfig;
+    const cellContext = {
+        currentValue: currentEditValue,
+        setValue: setCurrentEditValue,
+        submitValue: handleSubmit,
+    };
+    const FormElement = disableNativeForm ? 'div' : 'form';
     return (React.createElement(FocusLock, { restoreFocus: true, ref: focusLockRef },
         React.createElement("div", { role: "dialog", ref: clickAwayRef, "aria-label": (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, column, item), onKeyDown: handleEscape },
-            React.createElement("form", { onSubmit: onSubmitClick },
+            React.createElement(FormElement, { onSubmit: disableNativeForm ? undefined : onFormSubmit },
                 React.createElement(FormField, { stretch: true, label: ariaLabel, constraintText: constraintText, __hideLabel: true, __disableGutters: true, i18nStrings: { errorIconAriaLabel }, errorText: validation(item, currentEditValue) },
                     React.createElement("div", { className: styles['body-cell-editor-row'] },
                         React.createElement("div", { className: styles['body-cell-editor-row-editor'] }, editingCell(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 })),
+                                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: disableNativeForm ? 'none' : 'submit', onClick: disableNativeForm ? handleSubmit : undefined, iconName: "check", variant: "inline-icon", loading: currentEditLoading })),
                             React.createElement(InternalLiveRegion, { tagName: "span", hidden: true }, currentEditLoading
                                 ? i18n('ariaLabels.submittingEditText', (_d = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.submittingEditText) === null || _d === void 0 ? void 0 : _d.call(ariaLabels, column))
                                 : ''))))))));

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

@@ -1 +1 @@
-{"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, useRef, useState } from 'react';\n\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport FocusLock, { FocusLockRef } from '../../internal/components/focus-lock';\nimport { Optional } from '../../internal/types';\nimport InternalLiveRegion from '../../live-region/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../interfaces';\nimport { useClickAway } from './click-away';\n\nimport styles from './styles.css.js';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface OnEditEndOptions {\n  cancelled: boolean;\n  refocusCell: boolean;\n}\n\ninterface InlineEditorProps<ItemType> {\n  ariaLabels: TableProps['ariaLabels'];\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  onEditEnd: (options: OnEditEndOptions) => void;\n  submitEdit: TableProps.SubmitEditFunction<ItemType>;\n  __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n  ariaLabels,\n  item,\n  column,\n  onEditEnd,\n  submitEdit,\n  __onRender,\n}: InlineEditorProps<ItemType>) {\n  const [currentEditLoading, setCurrentEditLoading] = useState(false);\n  const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n  const i18n = useInternalI18n('table');\n\n  const focusLockRef = useRef<FocusLockRef>(null);\n\n  const cellContext = {\n    currentValue: currentEditValue,\n    setValue: setCurrentEditValue,\n  };\n\n  function finishEdit({ cancelled = false, refocusCell = true }: Partial<OnEditEndOptions> = {}) {\n    if (!cancelled) {\n      setCurrentEditValue(undefined);\n    }\n    onEditEnd({ cancelled, refocusCell: refocusCell });\n  }\n\n  async function onSubmitClick(evt: React.FormEvent) {\n    evt.preventDefault(); // Prevents the form from navigating away\n    evt.stopPropagation(); // Prevents any outer form elements from submitting\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\n      // Consumers in the past have not always been able to support not specifiying the value so we keep and ignore\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (e) {\n      setCurrentEditLoading(false);\n      focusLockRef.current?.focusFirst();\n    }\n  }\n\n  function onCancel({ reFocusEditedCell = true } = {}) {\n    if (currentEditLoading) {\n      return;\n    }\n    finishEdit({ cancelled: true, refocusCell: reFocusEditedCell });\n  }\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onCancel();\n    }\n  }\n\n  const clickAwayRef = useClickAway(() => onCancel({ reFocusEditedCell: false }));\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 {\n    ariaLabel = undefined,\n    validation = noop,\n    errorIconAriaLabel,\n    constraintText,\n    editingCell,\n  } = column.editConfig!;\n\n  return (\n    <FocusLock restoreFocus={true} ref={focusLockRef}>\n      <div\n        role=\"dialog\"\n        ref={clickAwayRef}\n        aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n        onKeyDown={handleEscape}\n      >\n        <form onSubmit={onSubmitClick}>\n          <FormField\n            stretch={true}\n            label={ariaLabel}\n            constraintText={constraintText}\n            __hideLabel={true}\n            __disableGutters={true}\n            i18nStrings={{ errorIconAriaLabel }}\n            errorText={validation(item, currentEditValue)}\n          >\n            <div className={styles['body-cell-editor-row']}>\n              <div className={styles['body-cell-editor-row-editor']}>{editingCell(item, cellContext)}</div>\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                <InternalLiveRegion tagName=\"span\" hidden={true}>\n                  {currentEditLoading\n                    ? i18n('ariaLabels.submittingEditText', ariaLabels?.submittingEditText?.(column))\n                    : ''}\n                </InternalLiveRegion>\n              </span>\n            </div>\n          </FormField>\n        </form>\n      </div>\n    </FocusLock>\n  );\n}\n"]}
+{"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, useRef, useState } from 'react';\n\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport FocusLock, { FocusLockRef } from '../../internal/components/focus-lock';\nimport { Optional } from '../../internal/types';\nimport InternalLiveRegion from '../../live-region/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../interfaces';\nimport { useClickAway } from './click-away';\n\nimport styles from './styles.css.js';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface OnEditEndOptions {\n  cancelled: boolean;\n  refocusCell: boolean;\n}\n\ninterface InlineEditorProps<ItemType> {\n  ariaLabels: TableProps['ariaLabels'];\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  onEditEnd: (options: OnEditEndOptions) => void;\n  submitEdit: TableProps.SubmitEditFunction<ItemType>;\n  __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n  ariaLabels,\n  item,\n  column,\n  onEditEnd,\n  submitEdit,\n  __onRender,\n}: InlineEditorProps<ItemType>) {\n  const [currentEditLoading, setCurrentEditLoading] = useState(false);\n  const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n  const i18n = useInternalI18n('table');\n\n  const focusLockRef = useRef<FocusLockRef>(null);\n\n  function finishEdit({ cancelled = false, refocusCell = true }: Partial<OnEditEndOptions> = {}) {\n    if (!cancelled) {\n      setCurrentEditValue(undefined);\n    }\n    onEditEnd({ cancelled, refocusCell: refocusCell });\n  }\n\n  async function handleSubmit() {\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\n      // Consumers in the past have not always been able to support not specifiying the value so we keep and ignore\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (e) {\n      setCurrentEditLoading(false);\n      focusLockRef.current?.focusFirst();\n    }\n  }\n\n  function onFormSubmit(evt: React.FormEvent) {\n    evt.preventDefault(); // Prevents the form from navigating away\n    evt.stopPropagation(); // Prevents any outer form elements from submitting\n    handleSubmit();\n  }\n\n  function onCancel({ reFocusEditedCell = true } = {}) {\n    if (currentEditLoading) {\n      return;\n    }\n    finishEdit({ cancelled: true, refocusCell: reFocusEditedCell });\n  }\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onCancel();\n    }\n  }\n\n  const clickAwayRef = useClickAway(() => onCancel({ reFocusEditedCell: false }));\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 {\n    ariaLabel = undefined,\n    validation = noop,\n    errorIconAriaLabel,\n    constraintText,\n    editingCell,\n    disableNativeForm,\n  } = column.editConfig!;\n\n  const cellContext = {\n    currentValue: currentEditValue,\n    setValue: setCurrentEditValue,\n    submitValue: handleSubmit,\n  };\n\n  const FormElement = disableNativeForm ? 'div' : 'form';\n\n  return (\n    <FocusLock restoreFocus={true} ref={focusLockRef}>\n      <div\n        role=\"dialog\"\n        ref={clickAwayRef}\n        aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n        onKeyDown={handleEscape}\n      >\n        <FormElement onSubmit={disableNativeForm ? undefined : onFormSubmit}>\n          <FormField\n            stretch={true}\n            label={ariaLabel}\n            constraintText={constraintText}\n            __hideLabel={true}\n            __disableGutters={true}\n            i18nStrings={{ errorIconAriaLabel }}\n            errorText={validation(item, currentEditValue)}\n          >\n            <div className={styles['body-cell-editor-row']}>\n              <div className={styles['body-cell-editor-row-editor']}>{editingCell(item, cellContext)}</div>\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={disableNativeForm ? 'none' : 'submit'}\n                    onClick={disableNativeForm ? handleSubmit : undefined}\n                    iconName=\"check\"\n                    variant=\"inline-icon\"\n                    loading={currentEditLoading}\n                  />\n                </SpaceBetween>\n                <InternalLiveRegion tagName=\"span\" hidden={true}>\n                  {currentEditLoading\n                    ? i18n('ariaLabels.submittingEditText', ariaLabels?.submittingEditText?.(column))\n                    : ''}\n                </InternalLiveRegion>\n              </span>\n            </div>\n          </FormField>\n        </FormElement>\n      </div>\n    </FocusLock>\n  );\n}\n"]}

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

@@ -4,40 +4,39 @@ import { TableProps } from '../interfaces.js';
 import { StickyColumnsModel } from '../sticky-columns';
 import { TableRole } from '../table-role';
 export interface TableTdElementProps {
-    wrapLines: boolean | undefined;
-    isRowHeader?: boolean;
-    isFirstRow: boolean;
-    isLastRow: boolean;
-    isSelected: boolean;
-    isNextSelected: boolean;
-    isPrevSelected: boolean;
-    nativeAttributes?: Omit<React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;
-    onClick?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    children?: React.ReactNode;
-    isEvenRow?: boolean;
-    stripedRows?: boolean;
-    isSelection?: boolean;
-    hasSelection?: boolean;
-    hasFooter?: boolean;
-    columnId: PropertyKey;
-    colIndex: number;
-    stickyState: StickyColumnsModel;
-    tableRole: TableRole;
-    level?: number;
-    isExpandable?: boolean;
-    isExpanded?: boolean;
-    onExpandableItemToggle?: () => void;
-    expandButtonLabel?: string;
-    collapseButtonLabel?: string;
-    verticalAlign?: TableProps.VerticalAlign;
-    resizableColumns?: boolean;
-    resizableStyle?: ColumnWidthStyle;
-    isEditable: boolean;
-    isEditing: boolean;
-    isEditingDisabled?: boolean;
-    hasSuccessIcon?: boolean;
+  wrapLines: boolean | undefined;
+  isRowHeader?: boolean;
+  isFirstRow: boolean;
+  isLastRow: boolean;
+  isSelected: boolean;
+  isNextSelected: boolean;
+  isPrevSelected: boolean;
+  nativeAttributes?: Omit<React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>, 'style' | 'className' | 'onClick'>;
+  onClick?: () => void;
+  onFocus?: () => void;
+  onBlur?: () => void;
+  children?: React.ReactNode;
+  isEvenRow?: boolean;
+  stripedRows?: boolean;
+  isSelection?: boolean;
+  hasSelection?: boolean;
+  hasFooter?: boolean;
+  columnId: PropertyKey;
+  colIndex: number;
+  stickyState: StickyColumnsModel;
+  tableRole: TableRole;
+  level?: number;
+  isExpandable?: boolean;
+  isExpanded?: boolean;
+  onExpandableItemToggle?: () => void;
+  expandButtonLabel?: string;
+  collapseButtonLabel?: string;
+  verticalAlign?: TableProps.VerticalAlign;
+  resizableColumns?: boolean;
+  resizableStyle?: ColumnWidthStyle;
+  isEditable: boolean;
+  isEditing: boolean;
+  isEditingDisabled?: boolean;
+  hasSuccessIcon?: boolean;
 }
-export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=td-element.d.ts.map
+export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;

package/table/column-widths-utils.d.ts

@@ -1,9 +1,8 @@
 import { TableProps } from './interfaces';
 export interface ColumnWidthStyle {
-    width?: string | number;
-    minWidth?: string | number;
-    maxWidth?: string | number;
+  width?: string | number;
+  minWidth?: string | number;
+  maxWidth?: string | number;
 }
 export declare function checkColumnWidths(columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>): void;
-export declare function setElementWidths(element: HTMLElement, styles: ColumnWidthStyle): void;
-//# sourceMappingURL=column-widths-utils.d.ts.map
+export declare function setElementWidths(element: HTMLElement, styles: ColumnWidthStyle): void;