@cloudscape-design/components 3.0.1006 → 3.0.1008

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

@@ -1,122 +1,123 @@
 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";
-}];
+    readonly value: "cloud_editor_dark";
+    readonly label: "CloudEditor Dark";
+}];
+//# sourceMappingURL=ace-themes.d.ts.map

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

@@ -1,13 +1,10 @@
 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;
+declare const _default: ({ children, recoveryText, onRecoveryClick }: Props) => JSX.Element;
+export default _default;
+//# sourceMappingURL=error-screen.d.ts.map

package/code-editor/index.d.ts

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

package/code-editor/interfaces.d.ts

@@ -6,155 +6,156 @@ 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 {};
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

package/code-editor/listeners.d.ts

@@ -1,4 +1,5 @@
 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;
+export declare function useChangeEffect(editor: null | Ace.Editor, onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>, onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>): void;
+//# sourceMappingURL=listeners.d.ts.map

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

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

package/code-editor/pane.d.ts

@@ -2,31 +2,19 @@
 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 {};
+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

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

@@ -1,27 +1,28 @@
 /// <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;
+export default _default;
+//# sourceMappingURL=preferences-modal.d.ts.map