@cloudscape-design/components 3.0.996 → 3.0.997

package/code-editor/ace-themes.d.ts

@@ -1,123 +1,122 @@
 export declare const LightThemes: readonly [{
-    readonly value: "chrome";
-    readonly label: "Chrome";
+  readonly value: "chrome";
+  readonly label: "Chrome";
 }, {
-    readonly value: "clouds";
-    readonly label: "Clouds";
+  readonly value: "clouds";
+  readonly label: "Clouds";
 }, {
-    readonly value: "crimson_editor";
-    readonly label: "Crimson Editor";
+  readonly value: "crimson_editor";
+  readonly label: "Crimson Editor";
 }, {
-    readonly value: "dawn";
-    readonly label: "Dawn";
+  readonly value: "dawn";
+  readonly label: "Dawn";
 }, {
-    readonly value: "dreamweaver";
-    readonly label: "Dreamweaver";
+  readonly value: "dreamweaver";
+  readonly label: "Dreamweaver";
 }, {
-    readonly value: "eclipse";
-    readonly label: "Eclipse";
+  readonly value: "eclipse";
+  readonly label: "Eclipse";
 }, {
-    readonly value: "github";
-    readonly label: "GitHub";
+  readonly value: "github";
+  readonly label: "GitHub";
 }, {
-    readonly value: "iplastic";
-    readonly label: "IPlastic";
+  readonly value: "iplastic";
+  readonly label: "IPlastic";
 }, {
-    readonly value: "solarized_light";
-    readonly label: "Solarized Light";
+  readonly value: "solarized_light";
+  readonly label: "Solarized Light";
 }, {
-    readonly value: "textmate";
-    readonly label: "TextMate";
+  readonly value: "textmate";
+  readonly label: "TextMate";
 }, {
-    readonly value: "tomorrow";
-    readonly label: "Tomorrow";
+  readonly value: "tomorrow";
+  readonly label: "Tomorrow";
 }, {
-    readonly value: "xcode";
-    readonly label: "Xcode";
+  readonly value: "xcode";
+  readonly label: "Xcode";
 }, {
-    readonly value: "kuroir";
-    readonly label: "Kuroir";
+  readonly value: "kuroir";
+  readonly label: "Kuroir";
 }, {
-    readonly value: "katzenmilch";
-    readonly label: "KatzenMilch";
+  readonly value: "katzenmilch";
+  readonly label: "KatzenMilch";
 }, {
-    readonly value: "sqlserver";
-    readonly label: "SQL Server";
+  readonly value: "sqlserver";
+  readonly label: "SQL Server";
 }, {
-    readonly value: "cloud_editor";
-    readonly label: "CloudEditor";
+  readonly value: "cloud_editor";
+  readonly label: "CloudEditor";
 }];
 export declare const DarkThemes: readonly [{
-    readonly value: "ambiance";
-    readonly label: "Ambiance";
+  readonly value: "ambiance";
+  readonly label: "Ambiance";
 }, {
-    readonly value: "chaos";
-    readonly label: "Chaos";
+  readonly value: "chaos";
+  readonly label: "Chaos";
 }, {
-    readonly value: "clouds_midnight";
-    readonly label: "Clouds Midnight";
+  readonly value: "clouds_midnight";
+  readonly label: "Clouds Midnight";
 }, {
-    readonly value: "dracula";
-    readonly label: "Dracula";
+  readonly value: "dracula";
+  readonly label: "Dracula";
 }, {
-    readonly value: "cobalt";
-    readonly label: "Cobalt";
+  readonly value: "cobalt";
+  readonly label: "Cobalt";
 }, {
-    readonly value: "gruvbox";
-    readonly label: "Gruvbox";
+  readonly value: "gruvbox";
+  readonly label: "Gruvbox";
 }, {
-    readonly value: "gob";
-    readonly label: "Green on Black";
+  readonly value: "gob";
+  readonly label: "Green on Black";
 }, {
-    readonly value: "idle_fingers";
-    readonly label: "idle Fingers";
+  readonly value: "idle_fingers";
+  readonly label: "idle Fingers";
 }, {
-    readonly value: "kr_theme";
-    readonly label: "krTheme";
+  readonly value: "kr_theme";
+  readonly label: "krTheme";
 }, {
-    readonly value: "merbivore";
-    readonly label: "Merbivore";
+  readonly value: "merbivore";
+  readonly label: "Merbivore";
 }, {
-    readonly value: "merbivore_soft";
-    readonly label: "Merbivore Soft";
+  readonly value: "merbivore_soft";
+  readonly label: "Merbivore Soft";
 }, {
-    readonly value: "mono_industrial";
-    readonly label: "Mono Industrial";
+  readonly value: "mono_industrial";
+  readonly label: "Mono Industrial";
 }, {
-    readonly value: "monokai";
-    readonly label: "Monokai";
+  readonly value: "monokai";
+  readonly label: "Monokai";
 }, {
-    readonly value: "nord_dark";
-    readonly label: "Nord Dark";
+  readonly value: "nord_dark";
+  readonly label: "Nord Dark";
 }, {
-    readonly value: "pastel_on_dark";
-    readonly label: "Pastel on dark";
+  readonly value: "pastel_on_dark";
+  readonly label: "Pastel on dark";
 }, {
-    readonly value: "solarized_dark";
-    readonly label: "Solarized Dark";
+  readonly value: "solarized_dark";
+  readonly label: "Solarized Dark";
 }, {
-    readonly value: "terminal";
-    readonly label: "Terminal";
+  readonly value: "terminal";
+  readonly label: "Terminal";
 }, {
-    readonly value: "tomorrow_night";
-    readonly label: "Tomorrow Night";
+  readonly value: "tomorrow_night";
+  readonly label: "Tomorrow Night";
 }, {
-    readonly value: "tomorrow_night_blue";
-    readonly label: "Tomorrow Night Blue";
+  readonly value: "tomorrow_night_blue";
+  readonly label: "Tomorrow Night Blue";
 }, {
-    readonly value: "tomorrow_night_bright";
-    readonly label: "Tomorrow Night Bright";
+  readonly value: "tomorrow_night_bright";
+  readonly label: "Tomorrow Night Bright";
 }, {
-    readonly value: "tomorrow_night_eighties";
-    readonly label: "Tomorrow Night 80s";
+  readonly value: "tomorrow_night_eighties";
+  readonly label: "Tomorrow Night 80s";
 }, {
-    readonly value: "twilight";
-    readonly label: "Twilight";
+  readonly value: "twilight";
+  readonly label: "Twilight";
 }, {
-    readonly value: "vibrant_ink";
-    readonly label: "Vibrant Ink";
+  readonly value: "vibrant_ink";
+  readonly label: "Vibrant Ink";
 }, {
-    readonly value: "cloud_editor_dark";
-    readonly label: "CloudEditor Dark";
-}];
-//# sourceMappingURL=ace-themes.d.ts.map
+  readonly value: "cloud_editor_dark";
+  readonly label: "CloudEditor Dark";
+}];

package/code-editor/error-screen.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import { NonCancelableEventHandler } from '../internal/events';
 interface Props {
-    children: React.ReactNode;
-    recoveryText?: string;
-    onRecoveryClick?: NonCancelableEventHandler<void>;
+  children: React.ReactNode;
+  recoveryText?: string;
+  onRecoveryClick?: NonCancelableEventHandler<void>;
 }
-declare const _default: ({ children, recoveryText, onRecoveryClick }: Props) => JSX.Element;
-export default _default;
-//# sourceMappingURL=error-screen.d.ts.map
+declare const _default: ({
+  children,
+  recoveryText,
+  onRecoveryClick
+}: Props) => JSX.Element;
+export default _default;

package/code-editor/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { CodeEditorProps } from './interfaces';
 export { CodeEditorProps };
 declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<CodeEditorProps.Ref>>;
-export default CodeEditor;
-//# sourceMappingURL=index.d.ts.map
+export default CodeEditor;

package/code-editor/interfaces.d.ts

@@ -6,156 +6,155 @@ import { BaseModalProps } from '../modal/interfaces';
 import { AceModes } from './ace-modes';
 import { DarkThemes, LightThemes } from './ace-themes';
 export interface CodeEditorProps extends BaseComponentProps, FormFieldControlProps, BaseModalProps {
-    /**
-     * The ace object.
-     */
-    ace: any;
-    /**
-     * Specifies the content that's displayed in the code editor.
-     */
-    value: string;
-    /**
-     * Specifies the programming language. You can use any of the programming languages supported by the `ace` object that you provide.
-     * Alternatively, this can be used to set a language that is not supported by the default `language` list. Make sure you've added the highlighting support for this language to the Ace instance.
-     * For more info on custom languages, see the [Code editor API](/components/code-editor?tabId=api) page.
-     */
-    language: CodeEditorProps.Language;
-    /**
-     * Specifies a custom label language. If set, it overrides the default language label.
-     */
-    languageLabel?: string;
-    /**
-     * An event handler called when the value changes.
-     * The event `detail` contains the current value of the code editor content.
-     * **Deprecated** Replaced by `onDelayedChange`.
-     */
-    onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;
-    /**
-     * An event handler called when the value changes.
-     * The event `detail` contains the current value of the code editor content.
-     * A user interaction can cause multiple change events to be emitted by the Ace editor. They are batched together into a single `onDelayedChange` event to avoid bugs when controlling the `value` field.
-     */
-    onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;
-    /**
-     * Annotations returned from Ace syntax checker after code validation.
-     */
-    onValidate?: NonCancelableEventHandler<CodeEditorProps.ValidateDetail>;
-    /**
-     * Specifies the component preferences.
-     *
-     * If set to `undefined`, the component uses the following default value:
-     *
-     * ```
-     * {
-     *   wrapLines: true,
-     *   theme: 'dawn'
-     * }
-     * ```
-     *
-     * You can use any theme provided by Ace.
-     */
-    preferences?: Partial<CodeEditorProps.Preferences>;
-    /**
-     * List of Ace themes available for selection in preferences dialog. Make sure you include at least one light and at
-     * least one dark theme. If not set explicitly, it will render all Ace themes available for selection, except
-     * "cloud_editor" and "cloud_editor_dark".
-     */
-    themes?: CodeEditorProps.AvailableThemes;
-    /**
-     * Called when any of the preferences change.
-     * The event `detail` contains the value of all the preferences as submitted by the user.
-     *
-     */
-    onPreferencesChange: NonCancelableEventHandler<CodeEditorProps.Preferences>;
-    /**
-     * Renders the code editor in a loading state.
-     */
-    loading?: boolean;
-    /**
-     * Called when the user clicks the recovery button in the error state.
-     * Use this to retry loading the code editor or to provide another option for the user to recover from the error.
-     */
-    onRecoveryClick?: NonCancelableEventHandler<void>;
-    /**
-     * An object containing all the necessary localized strings required by the component.
-     * The object should contain, among others:
-     *
-     * * `loadingState` - Specifies the text to display while the component is loading.
-     * * `errorState` - Specifies the text to display if there is an error loading Ace.
-     * * `errorStateRecovery`: Specifies the text for the recovery button that's displayed next to the error text.
-     *    Use the `recoveryClick` event to do a recovery action (for example, retrying the request).
-     * @i18n
-     */
-    i18nStrings?: CodeEditorProps.I18nStrings;
-    /**
-     * Specifies the height of the code editor document.
-     */
-    editorContentHeight?: number;
-    /**
-     * Called when the user resizes the editor by dragging the resize icon.
-     * The event `detail` contains the new height of the editor in pixels.
-     */
-    onEditorContentResize?: NonCancelableEventHandler<CodeEditorProps.ResizeDetail>;
-    /**
-     * Adds `aria-label` to the code editor's textarea element.
-     */
-    ariaLabel?: string;
+  /**
+   * The ace object.
+   */
+  ace: any;
+  /**
+   * Specifies the content that's displayed in the code editor.
+   */
+  value: string;
+  /**
+   * Specifies the programming language. You can use any of the programming languages supported by the `ace` object that you provide.
+   * Alternatively, this can be used to set a language that is not supported by the default `language` list. Make sure you've added the highlighting support for this language to the Ace instance.
+   * For more info on custom languages, see the [Code editor API](/components/code-editor?tabId=api) page.
+   */
+  language: CodeEditorProps.Language;
+  /**
+   * Specifies a custom label language. If set, it overrides the default language label.
+   */
+  languageLabel?: string;
+  /**
+   * An event handler called when the value changes.
+   * The event `detail` contains the current value of the code editor content.
+   * **Deprecated** Replaced by `onDelayedChange`.
+   */
+  onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;
+  /**
+   * An event handler called when the value changes.
+   * The event `detail` contains the current value of the code editor content.
+   * A user interaction can cause multiple change events to be emitted by the Ace editor. They are batched together into a single `onDelayedChange` event to avoid bugs when controlling the `value` field.
+   */
+  onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>;
+  /**
+   * Annotations returned from Ace syntax checker after code validation.
+   */
+  onValidate?: NonCancelableEventHandler<CodeEditorProps.ValidateDetail>;
+  /**
+   * Specifies the component preferences.
+   *
+   * If set to `undefined`, the component uses the following default value:
+   *
+   * ```
+   * {
+   *   wrapLines: true,
+   *   theme: 'dawn'
+   * }
+   * ```
+   *
+   * You can use any theme provided by Ace.
+   */
+  preferences?: Partial<CodeEditorProps.Preferences>;
+  /**
+   * List of Ace themes available for selection in preferences dialog. Make sure you include at least one light and at
+   * least one dark theme. If not set explicitly, it will render all Ace themes available for selection, except
+   * "cloud_editor" and "cloud_editor_dark".
+   */
+  themes?: CodeEditorProps.AvailableThemes;
+  /**
+   * Called when any of the preferences change.
+   * The event `detail` contains the value of all the preferences as submitted by the user.
+   *
+   */
+  onPreferencesChange: NonCancelableEventHandler<CodeEditorProps.Preferences>;
+  /**
+   * Renders the code editor in a loading state.
+   */
+  loading?: boolean;
+  /**
+   * Called when the user clicks the recovery button in the error state.
+   * Use this to retry loading the code editor or to provide another option for the user to recover from the error.
+   */
+  onRecoveryClick?: NonCancelableEventHandler<void>;
+  /**
+   * An object containing all the necessary localized strings required by the component.
+   * The object should contain, among others:
+   *
+   * * `loadingState` - Specifies the text to display while the component is loading.
+   * * `errorState` - Specifies the text to display if there is an error loading Ace.
+   * * `errorStateRecovery`: Specifies the text for the recovery button that's displayed next to the error text.
+   *    Use the `recoveryClick` event to do a recovery action (for example, retrying the request).
+   * @i18n
+   */
+  i18nStrings?: CodeEditorProps.I18nStrings;
+  /**
+   * Specifies the height of the code editor document.
+   */
+  editorContentHeight?: number;
+  /**
+   * Called when the user resizes the editor by dragging the resize icon.
+   * The event `detail` contains the new height of the editor in pixels.
+   */
+  onEditorContentResize?: NonCancelableEventHandler<CodeEditorProps.ResizeDetail>;
+  /**
+   * Adds `aria-label` to the code editor's textarea element.
+   */
+  ariaLabel?: string;
 }
 type LiteralUnion<LiteralType, BaseType extends string> = LiteralType | (BaseType & {
-    _?: never;
+  _?: never;
 });
 type BuiltInLanguage = (typeof AceModes)[number]['value'];
 export declare namespace CodeEditorProps {
-    type Language = LiteralUnion<BuiltInLanguage, string>;
-    type Theme = (typeof LightThemes)[number]['value'] | (typeof DarkThemes)[number]['value'];
-    interface AvailableThemes {
-        light: ReadonlyArray<string>;
-        dark: ReadonlyArray<string>;
-    }
-    interface Preferences {
-        wrapLines: boolean;
-        theme: Theme;
-    }
-    interface I18nStrings {
-        loadingState?: string;
-        errorState?: string;
-        errorStateRecovery?: string;
-        editorGroupAriaLabel?: string;
-        statusBarGroupAriaLabel?: string;
-        cursorPosition?: (row: number, column: number) => string;
-        errorsTab?: string;
-        warningsTab?: string;
-        preferencesButtonAriaLabel?: string;
-        paneCloseButtonAriaLabel?: string;
-        preferencesModalHeader?: string;
-        preferencesModalCancel?: string;
-        preferencesModalConfirm?: string;
-        preferencesModalCloseAriaLabel?: string;
-        preferencesModalWrapLines?: string;
-        preferencesModalTheme?: string;
-        preferencesModalLightThemes?: string;
-        preferencesModalDarkThemes?: string;
-        preferencesModalThemeFilteringPlaceholder?: string;
-        preferencesModalThemeFilteringAriaLabel?: string;
-        preferencesModalThemeFilteringClearAriaLabel?: string;
-        resizeHandleAriaLabel?: string;
-        resizeHandleTooltipText?: string;
-    }
-    interface ResizeDetail {
-        height: number;
-    }
-    interface ChangeDetail {
-        value: string;
-    }
-    interface ValidateDetail {
-        annotations: Ace.Annotation[];
-    }
-    interface Ref {
-        /**
-         * Sets input focus onto the code editor control.
-         */
-        focus(): void;
-    }
+  type Language = LiteralUnion<BuiltInLanguage, string>;
+  type Theme = (typeof LightThemes)[number]['value'] | (typeof DarkThemes)[number]['value'];
+  interface AvailableThemes {
+    light: ReadonlyArray<string>;
+    dark: ReadonlyArray<string>;
+  }
+  interface Preferences {
+    wrapLines: boolean;
+    theme: Theme;
+  }
+  interface I18nStrings {
+    loadingState?: string;
+    errorState?: string;
+    errorStateRecovery?: string;
+    editorGroupAriaLabel?: string;
+    statusBarGroupAriaLabel?: string;
+    cursorPosition?: (row: number, column: number) => string;
+    errorsTab?: string;
+    warningsTab?: string;
+    preferencesButtonAriaLabel?: string;
+    paneCloseButtonAriaLabel?: string;
+    preferencesModalHeader?: string;
+    preferencesModalCancel?: string;
+    preferencesModalConfirm?: string;
+    preferencesModalCloseAriaLabel?: string;
+    preferencesModalWrapLines?: string;
+    preferencesModalTheme?: string;
+    preferencesModalLightThemes?: string;
+    preferencesModalDarkThemes?: string;
+    preferencesModalThemeFilteringPlaceholder?: string;
+    preferencesModalThemeFilteringAriaLabel?: string;
+    preferencesModalThemeFilteringClearAriaLabel?: string;
+    resizeHandleAriaLabel?: string;
+    resizeHandleTooltipText?: string;
+  }
+  interface ResizeDetail {
+    height: number;
+  }
+  interface ChangeDetail {
+    value: string;
+  }
+  interface ValidateDetail {
+    annotations: Ace.Annotation[];
+  }
+  interface Ref {
+    /**
+     * Sets input focus onto the code editor control.
+     */
+    focus(): void;
+  }
 }
-export {};
-//# sourceMappingURL=interfaces.d.ts.map
+export {};

package/code-editor/listeners.d.ts

@@ -1,5 +1,4 @@
 import { Ace } from 'ace-builds';
 import { NonCancelableEventHandler } from '../internal/events';
 import { CodeEditorProps } from './interfaces';
-export declare function useChangeEffect(editor: null | Ace.Editor, onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>, onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>): void;
-//# sourceMappingURL=listeners.d.ts.map
+export declare function useChangeEffect(editor: null | Ace.Editor, onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>, onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>): void;

package/code-editor/loading-screen.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 interface Props {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }
 declare const _default: (props: Props) => JSX.Element;
-export default _default;
-//# sourceMappingURL=loading-screen.d.ts.map
+export default _default;

package/code-editor/pane.d.ts

@@ -2,19 +2,31 @@
 import { Ace } from 'ace-builds';
 import { PaneStatus } from './util';
 interface PaneProps {
-    id: string;
-    paneStatus: PaneStatus;
-    visible: boolean;
-    annotations: Ace.Annotation[];
-    highlighted?: Ace.Annotation;
-    cursorPositionLabel?: (row: number, column: number) => string;
-    closeButtonAriaLabel?: string;
-    handleAriaLabel?: string;
-    handleTooltipText?: string;
-    onClose: () => void;
-    onAnnotationClick: (annotation: Ace.Annotation) => void;
-    onAnnotationClear: () => void;
+  id: string;
+  paneStatus: PaneStatus;
+  visible: boolean;
+  annotations: Ace.Annotation[];
+  highlighted?: Ace.Annotation;
+  cursorPositionLabel?: (row: number, column: number) => string;
+  closeButtonAriaLabel?: string;
+  handleAriaLabel?: string;
+  handleTooltipText?: string;
+  onClose: () => void;
+  onAnnotationClick: (annotation: Ace.Annotation) => void;
+  onAnnotationClear: () => void;
 }
-export declare const Pane: ({ id, paneStatus, visible, annotations, highlighted, onClose, onAnnotationClick, onAnnotationClear, cursorPositionLabel, closeButtonAriaLabel, handleAriaLabel, handleTooltipText, }: PaneProps) => JSX.Element | null;
-export {};
-//# sourceMappingURL=pane.d.ts.map
+export declare const Pane: ({
+  id,
+  paneStatus,
+  visible,
+  annotations,
+  highlighted,
+  onClose,
+  onAnnotationClick,
+  onAnnotationClear,
+  cursorPositionLabel,
+  closeButtonAriaLabel,
+  handleAriaLabel,
+  handleTooltipText
+}: PaneProps) => JSX.Element | null;
+export {};

package/code-editor/preferences-modal.d.ts

@@ -1,28 +1,27 @@
 /// <reference types="react" />
 import { CodeEditorProps } from './interfaces';
 interface PreferencesModali18nStrings {
-    header?: string;
-    cancel?: string;
-    confirm?: string;
-    close?: string;
-    wrapLines?: string;
-    theme?: string;
-    lightThemes?: string;
-    darkThemes?: string;
-    themeFilteringPlaceholder?: string;
-    themeFilteringAriaLabel?: string;
-    themeFilteringClearAriaLabel?: string;
+  header?: string;
+  cancel?: string;
+  confirm?: string;
+  close?: string;
+  wrapLines?: string;
+  theme?: string;
+  lightThemes?: string;
+  darkThemes?: string;
+  themeFilteringPlaceholder?: string;
+  themeFilteringAriaLabel?: string;
+  themeFilteringClearAriaLabel?: string;
 }
 interface PreferencesModalProps {
-    preferences?: Partial<CodeEditorProps.Preferences>;
-    getModalRoot: CodeEditorProps['getModalRoot'];
-    removeModalRoot: CodeEditorProps['removeModalRoot'];
-    i18nStrings: PreferencesModali18nStrings;
-    themes: CodeEditorProps.AvailableThemes;
-    defaultTheme: CodeEditorProps.Theme;
-    onConfirm: (preferences: CodeEditorProps.Preferences) => void;
-    onDismiss: () => void;
+  preferences?: Partial<CodeEditorProps.Preferences>;
+  getModalRoot: CodeEditorProps['getModalRoot'];
+  removeModalRoot: CodeEditorProps['removeModalRoot'];
+  i18nStrings: PreferencesModali18nStrings;
+  themes: CodeEditorProps.AvailableThemes;
+  defaultTheme: CodeEditorProps.Theme;
+  onConfirm: (preferences: CodeEditorProps.Preferences) => void;
+  onDismiss: () => void;
 }
 declare const _default: (props: PreferencesModalProps) => JSX.Element;
-export default _default;
-//# sourceMappingURL=preferences-modal.d.ts.map
+export default _default;