@cloudscape-design/components 3.0.1007 → 3.0.1009

package/annotation-context/context.d.ts

@@ -2,12 +2,13 @@ import React from 'react';
 import { HotspotProps } from '../hotspot/interfaces';
 import { AnnotationContextProps } from './interfaces';
 export interface HotspotContext {
-  getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;
-  registerHotspot(id: string): void;
-  unregisterHotspot(id: string): void;
-  currentStepIndex: number;
-  currentTutorial: AnnotationContextProps.Tutorial | null;
-  onStartTutorial: AnnotationContextProps['onStartTutorial'];
-  onExitTutorial: AnnotationContextProps['onExitTutorial'];
+    getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;
+    registerHotspot(id: string): void;
+    unregisterHotspot(id: string): void;
+    currentStepIndex: number;
+    currentTutorial: AnnotationContextProps.Tutorial | null;
+    onStartTutorial: AnnotationContextProps['onStartTutorial'];
+    onExitTutorial: AnnotationContextProps['onExitTutorial'];
 }
-export declare const hotspotContext: React.Context<HotspotContext>;
+export declare const hotspotContext: React.Context<HotspotContext>;
+//# sourceMappingURL=context.d.ts.map

package/annotation-context/index.d.ts

@@ -1,12 +1,5 @@
 /// <reference types="react" />
 import { AnnotationContextProps } from './interfaces';
 export { AnnotationContextProps };
-export default function AnnotationContext({
-  currentTutorial,
-  children,
-  onStepChange,
-  onFinish: onFinishHandler,
-  onStartTutorial,
-  onExitTutorial,
-  i18nStrings
-}: AnnotationContextProps): JSX.Element;
+export default function AnnotationContext({ currentTutorial, children, onStepChange, onFinish: onFinishHandler, onStartTutorial, onExitTutorial, i18nStrings, }: AnnotationContextProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/annotation-context/interfaces.d.ts

@@ -2,72 +2,73 @@
 import { NonCancelableEventHandler } from '../internal/events';
 import { TutorialPanelProps } from '../tutorial-panel/interfaces';
 export interface AnnotationContextProps {
-  /**
-   * The currently launched tutorial. This should be the object received
-   * in the `detail` property of the `onStartTutorial` event.
-   */
-  currentTutorial: AnnotationContextProps.Tutorial | null;
-  /**
-   * This event is fired when a user clicks the "Next" or "Previous"
-   * button on a popover, when the user clicks on a closed hotspot icon,
-   * or when the AnnotationOverlay determines that the current hotspot
-   * has disappeared from the page and a different one should be
-   * selected (e.g. when navigating between pages).
-   *
-   * Use the `reason` property of the event detail to determine why
-   * this event was fired.
-   */
-  onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;
-  /**
-   * Fired when the user selects a tutorial from the list.
-   */
-  onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
-  /**
-   * Fired when the user exits the current tutorial.
-   */
-  onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
-  /**
-   * Fired when the user clicks the "Finish" button on the last step of
-   * the tutorial.
-   */
-  onFinish?: NonCancelableEventHandler<void>;
-  /**
-   * Put all page content inside this component's children. This component
-   * will provide a context which is used by the Hotspot elements throughout
-   * the page.
-   */
-  children: React.ReactNode;
-  /**
-   * An object containing all the necessary localized strings required by the component. The object should contain:
-   *
-   * * `finishButtonText` - Specifies the text that's displayed in the finish button.
-   * * `labelDismissAnnotation` - Specifies the aria-label for the dismiss button.
-   * * `labelHotspot` - Specifies the aria-label for the hotspot button. The `openState` argument is deprecated, it's handled by the hotspot button aria-expanded attribute.
-   * * `nextButtonText` - Specifies the text that's displayed in the next button.
-   * * `previousButtonText` - Specifies the text that's displayed in the previous button.
-   * * `stepCounterText` - Specifies the step counter text that's displayed in the annotation popover.
-   * * `taskTitle` - Specifies the title text that's displayed in the annotation popover.
-   */
-  i18nStrings: AnnotationContextProps.I18nStrings;
+    /**
+     * The currently launched tutorial. This should be the object received
+     * in the `detail` property of the `onStartTutorial` event.
+     */
+    currentTutorial: AnnotationContextProps.Tutorial | null;
+    /**
+     * This event is fired when a user clicks the "Next" or "Previous"
+     * button on a popover, when the user clicks on a closed hotspot icon,
+     * or when the AnnotationOverlay determines that the current hotspot
+     * has disappeared from the page and a different one should be
+     * selected (e.g. when navigating between pages).
+     *
+     * Use the `reason` property of the event detail to determine why
+     * this event was fired.
+     */
+    onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;
+    /**
+     * Fired when the user selects a tutorial from the list.
+     */
+    onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
+    /**
+     * Fired when the user exits the current tutorial.
+     */
+    onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
+    /**
+     * Fired when the user clicks the "Finish" button on the last step of
+     * the tutorial.
+     */
+    onFinish?: NonCancelableEventHandler<void>;
+    /**
+     * Put all page content inside this component's children. This component
+     * will provide a context which is used by the Hotspot elements throughout
+     * the page.
+     */
+    children: React.ReactNode;
+    /**
+     * An object containing all the necessary localized strings required by the component. The object should contain:
+     *
+     * * `finishButtonText` - Specifies the text that's displayed in the finish button.
+     * * `labelDismissAnnotation` - Specifies the aria-label for the dismiss button.
+     * * `labelHotspot` - Specifies the aria-label for the hotspot button. The `openState` argument is deprecated, it's handled by the hotspot button aria-expanded attribute.
+     * * `nextButtonText` - Specifies the text that's displayed in the next button.
+     * * `previousButtonText` - Specifies the text that's displayed in the previous button.
+     * * `stepCounterText` - Specifies the step counter text that's displayed in the annotation popover.
+     * * `taskTitle` - Specifies the title text that's displayed in the annotation popover.
+     */
+    i18nStrings: AnnotationContextProps.I18nStrings;
 }
 export declare namespace AnnotationContextProps {
-  interface StepChangeDetail {
-    step: number;
-    reason: 'next' | 'previous' | 'open' | 'auto-fallback';
-  }
-  interface OpenChangeDetail {
-    open: boolean;
-  }
-  type Task = TutorialPanelProps.Task;
-  type Step = TutorialPanelProps.Step;
-  type Tutorial = TutorialPanelProps.Tutorial;
-  interface I18nStrings {
-    nextButtonText: string;
-    previousButtonText: string;
-    finishButtonText: string;
-    labelDismissAnnotation: string;
-    labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;
-    stepCounterText: (stepIndex: number, totalStepCount: number) => string;
-    taskTitle: (taskIndex: number, taskTitle: string) => string;
-  }
-}
+    interface StepChangeDetail {
+        step: number;
+        reason: 'next' | 'previous' | 'open' | 'auto-fallback';
+    }
+    interface OpenChangeDetail {
+        open: boolean;
+    }
+    type Task = TutorialPanelProps.Task;
+    type Step = TutorialPanelProps.Step;
+    type Tutorial = TutorialPanelProps.Tutorial;
+    interface I18nStrings {
+        nextButtonText: string;
+        previousButtonText: string;
+        finishButtonText: string;
+        labelDismissAnnotation: string;
+        labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;
+        stepCounterText: (stepIndex: number, totalStepCount: number) => string;
+        taskTitle: (taskIndex: number, taskTitle: string) => string;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/annotation-context/utils.d.ts

@@ -1,12 +1,13 @@
 import { AnnotationContextProps } from './interfaces';
 export declare function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number): {
-  task: import("..").TutorialPanelProps.Task;
-  step: import("..").TutorialPanelProps.Step;
-  localIndex: number;
-  taskIndex: number;
+    task: import("..").TutorialPanelProps.Task;
+    step: import("..").TutorialPanelProps.Step;
+    localIndex: number;
+    taskIndex: number;
 } | {
-  task: undefined;
-  step: undefined;
-  localIndex: number;
-  taskIndex: number;
-};
+    task: undefined;
+    step: undefined;
+    localIndex: number;
+    taskIndex: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/app-layout/classic.d.ts

@@ -1,19 +1,20 @@
 import React from 'react';
 import { AppLayoutProps } from './interfaces';
 declare const ClassicAppLayout: React.ForwardRefExoticComponent<Omit<AppLayoutProps, "headerSelector" | "footerSelector"> & {
-  contentType: AppLayoutProps.ContentType;
-  navigationOpen: boolean;
-  navigationWidth: number;
-  toolsWidth: number;
-  minContentWidth: number;
-  onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
+    contentType: AppLayoutProps.ContentType;
+    navigationOpen: boolean;
+    navigationWidth: number;
+    toolsWidth: number;
+    minContentWidth: number;
+    onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
 } & {
-  placement: {
-    insetBlockStart: number;
-    insetBlockEnd: number;
-    insetInlineStart: number;
-    insetInlineEnd: number;
-    inlineSize: number;
-  };
+    placement: {
+        insetBlockStart: number;
+        insetBlockEnd: number;
+        insetInlineStart: number;
+        insetInlineEnd: number;
+        inlineSize: number;
+    };
 } & React.RefAttributes<AppLayoutProps.Ref>>;
-export default ClassicAppLayout;
+export default ClassicAppLayout;
+//# sourceMappingURL=classic.d.ts.map

package/app-layout/content-wrapper/index.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 import { AppLayoutProps } from '../interfaces';
 export interface ContentWrapperProps {
-  className?: string;
-  style?: React.CSSProperties;
-  contentType: AppLayoutProps.ContentType;
-  children?: React.ReactNode;
-  isMobile: boolean;
-  navigationPadding: boolean;
-  toolsPadding: boolean;
-  disablePaddings?: boolean;
-  contentWidthStyles?: React.CSSProperties;
+    className?: string;
+    style?: React.CSSProperties;
+    contentType: AppLayoutProps.ContentType;
+    children?: React.ReactNode;
+    isMobile: boolean;
+    navigationPadding: boolean;
+    toolsPadding: boolean;
+    disablePaddings?: boolean;
+    contentWidthStyles?: React.CSSProperties;
 }
 declare const ContentWrapper: React.ForwardRefExoticComponent<ContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentWrapper;
+export default ContentWrapper;
+//# sourceMappingURL=index.d.ts.map

package/app-layout/defaults.d.ts

@@ -1,8 +1,9 @@
 import { AppLayoutProps } from './interfaces';
 interface AppLayoutState {
-  navigationOpen?: boolean;
-  minContentWidth: number;
-  maxContentWidth?: number | undefined;
+    navigationOpen?: boolean;
+    minContentWidth: number;
+    maxContentWidth?: number | undefined;
 }
 export declare function applyDefaults(contentType: AppLayoutProps.ContentType, stateFromProps: Pick<AppLayoutProps, 'minContentWidth' | 'maxContentWidth' | 'navigationOpen' | 'toolsOpen'>, isRefresh: boolean): AppLayoutState;
-export {};
+export {};
+//# sourceMappingURL=defaults.d.ts.map

package/app-layout/drawer/drawers-helpers.d.ts

@@ -1,9 +1,10 @@
 export declare function splitItems<T extends {
-  id: string;
+    id: string;
 }>(maybeItems: ReadonlyArray<T> | undefined, splitIndex: number, activeId: string | null): {
-  visibleItems: readonly T[];
-  overflowItems: never[];
+    visibleItems: readonly T[];
+    overflowItems: never[];
 } | {
-  visibleItems: T[];
-  overflowItems: T[];
-};
+    visibleItems: T[];
+    overflowItems: T[];
+};
+//# sourceMappingURL=drawers-helpers.d.ts.map

package/app-layout/drawer/index.d.ts

@@ -1,13 +1,5 @@
 import React from 'react';
 import { DesktopDrawerProps, DrawerTriggersBarProps } from './interfaces';
 export declare const Drawer: React.ForwardRefExoticComponent<DesktopDrawerProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DrawerTriggersBar: ({
-  isMobile,
-  topOffset,
-  bottomOffset,
-  activeDrawerId,
-  ariaLabels,
-  drawers,
-  drawerRefs,
-  onDrawerChange
-}: DrawerTriggersBarProps) => JSX.Element;
+export declare const DrawerTriggersBar: ({ isMobile, topOffset, bottomOffset, activeDrawerId, ariaLabels, drawers, drawerRefs, onDrawerChange, }: DrawerTriggersBarProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/app-layout/drawer/interfaces.d.ts

@@ -3,57 +3,58 @@ import { AppLayoutProps } from '../interfaces';
 import { togglesConfig } from '../toggles';
 import { FocusControlRefs } from '../utils/use-focus-control';
 export interface DesktopDrawerProps {
-  id?: string;
-  contentClassName: string;
-  toggleClassName: string;
-  closeClassName: string;
-  toggleRefs: {
-    toggle: React.Ref<{
-      focus(): void;
-    }>;
-    close: React.Ref<{
-      focus(): void;
-    }>;
-  };
-  width: number;
-  topOffset: number | undefined;
-  bottomOffset: number | undefined;
-  ariaLabels: {
-    mainLabel: string | undefined;
-    closeLabel: string | undefined;
-    openLabel: string | undefined;
-    resizeHandle?: string;
-    resizeHandleTooltipText?: string;
-  };
-  children: React.ReactNode;
-  hideOpenButton?: boolean;
-  type: keyof typeof togglesConfig;
-  isMobile: boolean;
-  isOpen: boolean;
-  isHidden?: boolean;
-  onToggle: (isOpen: boolean) => void;
-  onClick?: (event: React.MouseEvent) => void;
-  onLoseFocus?: (event: React.FocusEvent) => void;
-  resizeHandle?: React.ReactNode;
+    id?: string;
+    contentClassName: string;
+    toggleClassName: string;
+    closeClassName: string;
+    toggleRefs: {
+        toggle: React.Ref<{
+            focus(): void;
+        }>;
+        close: React.Ref<{
+            focus(): void;
+        }>;
+    };
+    width: number;
+    topOffset: number | undefined;
+    bottomOffset: number | undefined;
+    ariaLabels: {
+        mainLabel: string | undefined;
+        closeLabel: string | undefined;
+        openLabel: string | undefined;
+        resizeHandle?: string;
+        resizeHandleTooltipText?: string;
+    };
+    children: React.ReactNode;
+    hideOpenButton?: boolean;
+    type: keyof typeof togglesConfig;
+    isMobile: boolean;
+    isOpen: boolean;
+    isHidden?: boolean;
+    onToggle: (isOpen: boolean) => void;
+    onClick?: (event: React.MouseEvent) => void;
+    onLoseFocus?: (event: React.FocusEvent) => void;
+    resizeHandle?: React.ReactNode;
 }
 export interface ResizableDrawerProps extends DesktopDrawerProps {
-  activeDrawer: AppLayoutProps.Drawer | undefined;
-  onResize: (resizeDetail: {
-    size: number;
-    id: string;
-  }) => void;
-  minWidth: number;
-  maxWidth: number;
-  refs: FocusControlRefs;
-  toolsContent: React.ReactNode;
+    activeDrawer: AppLayoutProps.Drawer | undefined;
+    onResize: (resizeDetail: {
+        size: number;
+        id: string;
+    }) => void;
+    minWidth: number;
+    maxWidth: number;
+    refs: FocusControlRefs;
+    toolsContent: React.ReactNode;
 }
 export interface DrawerTriggersBarProps {
-  topOffset: number | undefined;
-  bottomOffset: number | undefined;
-  isMobile: boolean;
-  drawers: Array<AppLayoutProps.Drawer>;
-  activeDrawerId: string | null;
-  onDrawerChange: (newDrawerId: string | null) => void;
-  ariaLabels: AppLayoutProps['ariaLabels'];
-  drawerRefs: FocusControlRefs;
-}
+    topOffset: number | undefined;
+    bottomOffset: number | undefined;
+    isMobile: boolean;
+    drawers: Array<AppLayoutProps.Drawer>;
+    activeDrawerId: string | null;
+    onDrawerChange: (newDrawerId: string | null) => void;
+    ariaLabels: AppLayoutProps['ariaLabels'];
+    drawerRefs: FocusControlRefs;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/app-layout/drawer/overflow-menu.d.ts

@@ -3,20 +3,15 @@ import { ButtonDropdownProps, InternalButtonDropdownProps } from '../../button-d
 import { CancelableEventHandler } from '../../internal/events';
 import { AppLayoutProps } from '../interfaces';
 type Drawer = AppLayoutProps.Drawer & {
-  active?: boolean;
+    active?: boolean;
 };
 interface OverflowMenuProps {
-  items: Array<Drawer>;
-  onItemClick: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-  customTriggerBuilder?: InternalButtonDropdownProps['customTriggerBuilder'];
-  ariaLabel?: string;
-  globalDrawersStartIndex?: number;
+    items: Array<Drawer>;
+    onItemClick: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+    customTriggerBuilder?: InternalButtonDropdownProps['customTriggerBuilder'];
+    ariaLabel?: string;
+    globalDrawersStartIndex?: number;
 }
-export default function OverflowMenu({
-  items: drawers,
-  onItemClick,
-  customTriggerBuilder,
-  ariaLabel,
-  globalDrawersStartIndex
-}: OverflowMenuProps): JSX.Element;
-export {};
+export default function OverflowMenu({ items: drawers, onItemClick, customTriggerBuilder, ariaLabel, globalDrawersStartIndex, }: OverflowMenuProps): JSX.Element;
+export {};
+//# sourceMappingURL=overflow-menu.d.ts.map

package/app-layout/drawer/resizable-drawer.d.ts

@@ -1,11 +1,4 @@
 /// <reference types="react" />
 import { ResizableDrawerProps } from './interfaces';
-export declare const ResizableDrawer: ({
-  onResize,
-  maxWidth,
-  minWidth,
-  refs,
-  activeDrawer,
-  toolsContent,
-  ...props
-}: ResizableDrawerProps) => JSX.Element;
+export declare const ResizableDrawer: ({ onResize, maxWidth, minWidth, refs, activeDrawer, toolsContent, ...props }: ResizableDrawerProps) => JSX.Element;
+//# sourceMappingURL=resizable-drawer.d.ts.map

package/app-layout/index.d.ts

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