@cloudscape-design/components 3.0.995 → 3.0.997

package/pie-chart/utils.d.ts

@@ -1,12 +1,12 @@
 import { ComponentFormatFunction } from '../i18n/context';
 import { PieChartProps } from './interfaces';
 export interface Dimension {
-    innerRadius: number;
-    outerRadius: number;
-    padding: number;
-    paddingLabels: number;
-    innerLabelPadding: number;
-    cornerRadius?: number;
+  innerRadius: number;
+  outerRadius: number;
+  padding: number;
+  paddingLabels: number;
+  innerLabelPadding: number;
+  cornerRadius?: number;
 }
 export declare const minLabelLineAngularPadding: number;
 export declare const dimensionsBySize: Record<NonNullable<PieChartProps['size']>, Dimension>;
@@ -15,19 +15,23 @@ export declare const refreshDimensionsBySize: Record<NonNullable<PieChartProps['
  * When `size` is a string ("small", "medium" or "large") the predefined pie chart element dimensions for classic and visual refresh are used.
  * When `size` is a number the outer and inner radii are computed and the rest of the dimensions are taken from the closest predefined size.
  */
-export declare function getDimensionsBySize({ size, hasLabels, visualRefresh, }: {
-    size: NonNullable<PieChartProps['size']> | number;
-    hasLabels: boolean;
-    visualRefresh?: boolean;
+export declare function getDimensionsBySize({
+  size,
+  hasLabels,
+  visualRefresh
+}: {
+  size: NonNullable<PieChartProps['size']> | number;
+  hasLabels: boolean;
+  visualRefresh?: boolean;
 }): Dimension & {
-    size: NonNullable<PieChartProps['size']>;
+  size: NonNullable<PieChartProps['size']>;
 };
 export declare const defaultDetails: (i18n: ComponentFormatFunction<'pie-chart'>, i18nStrings: PieChartProps.I18nStrings) => (datum: PieChartProps.Datum, dataSum: number) => ({
-    key: string;
-    value: number;
+  key: string;
+  value: number;
 } | {
-    key: string;
-    value: string;
+  key: string;
+  value: string;
 })[];
 /**
  * Adjusts the position of the given label nodes to avoid visual overlapping.
@@ -36,8 +40,7 @@ export declare const defaultDetails: (i18n: ComponentFormatFunction<'pie-chart'>
  * @param leftSide Boolean flag whether we are processing the left or right side of the chart labels
  */
 export declare const balanceLabelNodes: (nodes: NodeListOf<SVGGElement>, markers: Array<{
-    endY: number;
-    endX: number;
+  endY: number;
+  endX: number;
 }>, leftSide: boolean, radius: number) => void;
-export declare const computeSmartAngle: (startAngle: number, endAngle: number, optimize?: boolean) => number;
-//# sourceMappingURL=utils.d.ts.map
+export declare const computeSmartAngle: (startAngle: number, endAngle: number, optimize?: boolean) => number;

package/popover/arrow.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { InternalPosition } from './interfaces';
 interface ArrowProps {
-    position: InternalPosition | null;
+  position: InternalPosition | null;
 }
 declare const _default: React.MemoExoticComponent<(props: ArrowProps) => JSX.Element>;
-export default _default;
-//# sourceMappingURL=arrow.d.ts.map
+export default _default;

package/popover/body.d.ts

@@ -1,15 +1,25 @@
 import React from 'react';
 export interface PopoverBodyProps {
-    dismissButton: boolean;
-    dismissAriaLabel: string | undefined;
-    onDismiss: (() => void) | undefined;
-    header: React.ReactNode | undefined;
-    children: React.ReactNode;
-    variant?: 'annotation' | 'chart';
-    overflowVisible?: 'content' | 'both';
-    className?: string;
-    ariaLabelledby?: string;
-    closeAnalyticsAction?: string;
+  dismissButton: boolean;
+  dismissAriaLabel: string | undefined;
+  onDismiss: (() => void) | undefined;
+  header: React.ReactNode | undefined;
+  children: React.ReactNode;
+  variant?: 'annotation' | 'chart';
+  overflowVisible?: 'content' | 'both';
+  className?: string;
+  ariaLabelledby?: string;
+  closeAnalyticsAction?: string;
 }
-export default function PopoverBody({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }: PopoverBodyProps): JSX.Element;
-//# sourceMappingURL=body.d.ts.map
+export default function PopoverBody({
+  dismissButton: showDismissButton,
+  dismissAriaLabel,
+  header,
+  children,
+  onDismiss,
+  variant,
+  overflowVisible,
+  className,
+  ariaLabelledby,
+  closeAnalyticsAction
+}: PopoverBodyProps): JSX.Element;

package/popover/container.d.ts

@@ -1,35 +1,52 @@
 import React from 'react';
 import { InternalPosition, PopoverProps } from './interfaces';
 interface PopoverContainerProps {
-    /** References the element the container is positioned against. */
-    trackRef?: React.RefObject<HTMLElement | SVGElement>;
-    getTrack?: () => null | HTMLElement | SVGElement;
-    /**
-      Used to update the container position in case track or track position changes:
-  
-      const trackRef = useRef<Element>(null)
-      return (<>
-        <Track style={getPosition(selectedItemId)} ref={trackRef} />
-        <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>
-      </>)
-    */
-    trackKey?: string | number;
-    minVisibleBlockSize?: number;
-    position: PopoverProps.Position;
-    zIndex?: React.CSSProperties['zIndex'];
-    arrow: (position: InternalPosition | null) => React.ReactNode;
-    children: React.ReactNode;
-    renderWithPortal?: boolean;
-    size: PopoverProps.Size | 'content';
-    fixedWidth: boolean;
-    variant?: 'annotation';
-    keepPosition?: boolean;
-    allowScrollToFit?: boolean;
-    allowVerticalOverflow?: boolean;
-    hideOnOverscroll?: boolean;
-    hoverArea?: boolean;
-    className?: string;
+  /** References the element the container is positioned against. */
+  trackRef?: React.RefObject<HTMLElement | SVGElement>;
+  getTrack?: () => null | HTMLElement | SVGElement;
+  /**
+    Used to update the container position in case track or track position changes:
+       const trackRef = useRef<Element>(null)
+    return (<>
+      <Track style={getPosition(selectedItemId)} ref={trackRef} />
+      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>
+    </>)
+  */
+  trackKey?: string | number;
+  minVisibleBlockSize?: number;
+  position: PopoverProps.Position;
+  zIndex?: React.CSSProperties['zIndex'];
+  arrow: (position: InternalPosition | null) => React.ReactNode;
+  children: React.ReactNode;
+  renderWithPortal?: boolean;
+  size: PopoverProps.Size | 'content';
+  fixedWidth: boolean;
+  variant?: 'annotation';
+  keepPosition?: boolean;
+  allowScrollToFit?: boolean;
+  allowVerticalOverflow?: boolean;
+  hideOnOverscroll?: boolean;
+  hoverArea?: boolean;
+  className?: string;
 }
-export default function PopoverContainer({ position, trackRef, getTrack: externalGetTrack, trackKey, minVisibleBlockSize, arrow, children, zIndex, renderWithPortal, size, fixedWidth, variant, keepPosition, allowScrollToFit, allowVerticalOverflow, hideOnOverscroll, hoverArea, className, }: PopoverContainerProps): JSX.Element | null;
-export {};
-//# sourceMappingURL=container.d.ts.map
+export default function PopoverContainer({
+  position,
+  trackRef,
+  getTrack: externalGetTrack,
+  trackKey,
+  minVisibleBlockSize,
+  arrow,
+  children,
+  zIndex,
+  renderWithPortal,
+  size,
+  fixedWidth,
+  variant,
+  keepPosition,
+  allowScrollToFit,
+  allowVerticalOverflow,
+  hideOnOverscroll,
+  hoverArea,
+  className
+}: PopoverContainerProps): JSX.Element | null;
+export {};

package/popover/index.d.ts

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

package/popover/interfaces.d.ts

@@ -1,97 +1,96 @@
 /// <reference types="react" />
 import { BaseComponentProps } from '../internal/base-component';
 export interface PopoverProps extends BaseComponentProps {
-    /**
-     * Determines where the popover is displayed when opened, relative to the trigger.
-     * If the popover doesn't have enough space to open in this direction, it
-     * automatically chooses a better direction based on available space.
-     */
-    position?: PopoverProps.Position;
-    /**
-     * Determines the maximum width for the popover.
-     */
-    size?: PopoverProps.Size;
-    /**
-     * Expands the popover body to its maximum width regardless of content.
-     * For example, use it when you need to place a column layout in the popover content.
-     */
-    fixedWidth?: boolean;
-    /**
-     * Specifies the type of content inside the trigger region. The following types are available:
-     * - `text` - Use for triggers containing inline components, like status indicator.
-     * - `text-inline` - Use for triggers containing plain text only.
-     * - `custom` - Use for the [button](/components/button/) component.
-     */
-    triggerType?: PopoverProps.TriggerType;
-    /**
-     * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers
-     * that don't have visible text, and to distinguish between multiple triggers with identical visible text.
-     */
-    triggerAriaLabel?: string;
-    /**
-     * Specifies if the text trigger content should wrap. If you set it to false, it prevents the text from
-     * wrapping and truncates it with an ellipsis.
-     */
-    wrapTriggerText?: boolean;
-    /**
-     * Element that triggers the popover when selected by the user.
-     * @displayname trigger
-     */
-    children?: React.ReactNode;
-    /**
-     * Specifies optional header text for the popover.
-     */
-    header?: string;
-    /**
-     * Content of the popover.
-     */
-    content?: React.ReactNode;
-    /**
-     * Determines whether the dismiss button is shown in the popover body.
-     */
-    dismissButton?: boolean;
-    /**
-     * Adds an `aria-label` to the dismiss button for accessibility.
-     * @i18n
-     */
-    dismissAriaLabel?: string;
-    /**
-     * By default, the popover is constrained to fit inside its parent
-     * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
-     * Enabling this property will allow the popover to be rendered in the root stack context using
-     * [React Portals](https://reactjs.org/docs/portals.html).
-     * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.
-     *
-     * Note: Using popover rendered with portal within a Modal is not supported.
-     */
-    renderWithPortal?: boolean;
+  /**
+   * Determines where the popover is displayed when opened, relative to the trigger.
+   * If the popover doesn't have enough space to open in this direction, it
+   * automatically chooses a better direction based on available space.
+   */
+  position?: PopoverProps.Position;
+  /**
+   * Determines the maximum width for the popover.
+   */
+  size?: PopoverProps.Size;
+  /**
+   * Expands the popover body to its maximum width regardless of content.
+   * For example, use it when you need to place a column layout in the popover content.
+   */
+  fixedWidth?: boolean;
+  /**
+   * Specifies the type of content inside the trigger region. The following types are available:
+   * - `text` - Use for triggers containing inline components, like status indicator.
+   * - `text-inline` - Use for triggers containing plain text only.
+   * - `custom` - Use for the [button](/components/button/) component.
+   */
+  triggerType?: PopoverProps.TriggerType;
+  /**
+   * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers
+   * that don't have visible text, and to distinguish between multiple triggers with identical visible text.
+   */
+  triggerAriaLabel?: string;
+  /**
+   * Specifies if the text trigger content should wrap. If you set it to false, it prevents the text from
+   * wrapping and truncates it with an ellipsis.
+   */
+  wrapTriggerText?: boolean;
+  /**
+   * Element that triggers the popover when selected by the user.
+   * @displayname trigger
+   */
+  children?: React.ReactNode;
+  /**
+   * Specifies optional header text for the popover.
+   */
+  header?: string;
+  /**
+   * Content of the popover.
+   */
+  content?: React.ReactNode;
+  /**
+   * Determines whether the dismiss button is shown in the popover body.
+   */
+  dismissButton?: boolean;
+  /**
+   * Adds an `aria-label` to the dismiss button for accessibility.
+   * @i18n
+   */
+  dismissAriaLabel?: string;
+  /**
+   * By default, the popover is constrained to fit inside its parent
+   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
+   * Enabling this property will allow the popover to be rendered in the root stack context using
+   * [React Portals](https://reactjs.org/docs/portals.html).
+   * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.
+   *
+   * Note: Using popover rendered with portal within a Modal is not supported.
+   */
+  renderWithPortal?: boolean;
 }
 /**
  * The position the popover is actually in, given space constraints.
  */
 export type InternalPosition = 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom' | 'top-center' | 'top-right' | 'top-left' | 'bottom-center' | 'bottom-right' | 'bottom-left';
 export interface Offset {
-    insetInlineStart: number;
-    insetBlockStart: number;
+  insetInlineStart: number;
+  insetBlockStart: number;
 }
 export interface Dimensions {
-    inlineSize: number;
-    blockSize: number;
+  inlineSize: number;
+  blockSize: number;
 }
 export type BoundingBox = Dimensions & Offset;
 export type Rect = BoundingBox & {
-    insetBlockEnd: number;
-    insetInlineEnd: number;
+  insetBlockEnd: number;
+  insetInlineEnd: number;
 };
 export declare namespace PopoverProps {
-    type Position = 'top' | 'right' | 'bottom' | 'left';
-    type Size = 'small' | 'medium' | 'large';
-    type TriggerType = 'text' | 'text-inline' | 'custom';
-    interface Ref {
-        /**
-         * Sets focus on the popover's trigger.
-         */
-        focus(): void;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Position = 'top' | 'right' | 'bottom' | 'left';
+  type Size = 'small' | 'medium' | 'large';
+  type TriggerType = 'text' | 'text-inline' | 'custom';
+  interface Ref {
+    /**
+     * Sets focus on the popover's trigger.
+     */
+    focus(): void;
+  }
+}

package/popover/internal.d.ts

@@ -3,16 +3,15 @@ import { NonCancelableEventHandler } from '../internal/events/index';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { PopoverProps } from './interfaces';
 export interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {
-    __onOpen?: NonCancelableEventHandler<null>;
-    triggerType?: PopoverProps.TriggerType | 'filtering-token';
-    size: PopoverProps.Size | 'content';
-    __closeAnalyticsAction?: string;
-    isInline?: boolean;
+  __onOpen?: NonCancelableEventHandler<null>;
+  triggerType?: PopoverProps.TriggerType | 'filtering-token';
+  size: PopoverProps.Size | 'content';
+  __closeAnalyticsAction?: string;
+  isInline?: boolean;
 }
 export interface InternalPopoverRef {
-    dismissPopover: () => void;
-    focus: HTMLElement['focus'];
+  dismissPopover: () => void;
+  focus: HTMLElement['focus'];
 }
 declare const _default: React.ForwardRefExoticComponent<InternalPopoverProps & React.RefAttributes<InternalPopoverRef>>;
-export default _default;
-//# sourceMappingURL=internal.d.ts.map
+export default _default;

package/popover/use-popover-position.d.ts

@@ -1,23 +1,35 @@
 import React from 'react';
 import { InternalPosition, Offset, PopoverProps } from './interfaces';
-export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, getTrack, contentRef, allowScrollToFit, allowVerticalOverflow, preferredPosition, renderWithPortal, keepPosition, hideOnOverscroll, minVisibleBlockSize, }: {
-    popoverRef: React.RefObject<HTMLDivElement | null>;
-    bodyRef: React.RefObject<HTMLDivElement | null>;
-    arrowRef: React.RefObject<HTMLDivElement | null>;
-    getTrack: () => null | HTMLElement | SVGElement;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    allowScrollToFit?: boolean;
-    allowVerticalOverflow?: boolean;
-    preferredPosition: PopoverProps.Position;
-    renderWithPortal?: boolean;
-    keepPosition?: boolean;
-    hideOnOverscroll?: boolean;
-    minVisibleBlockSize?: number;
+export default function usePopoverPosition({
+  popoverRef,
+  bodyRef,
+  arrowRef,
+  getTrack,
+  contentRef,
+  allowScrollToFit,
+  allowVerticalOverflow,
+  preferredPosition,
+  renderWithPortal,
+  keepPosition,
+  hideOnOverscroll,
+  minVisibleBlockSize
+}: {
+  popoverRef: React.RefObject<HTMLDivElement | null>;
+  bodyRef: React.RefObject<HTMLDivElement | null>;
+  arrowRef: React.RefObject<HTMLDivElement | null>;
+  getTrack: () => null | HTMLElement | SVGElement;
+  contentRef: React.RefObject<HTMLDivElement | null>;
+  allowScrollToFit?: boolean;
+  allowVerticalOverflow?: boolean;
+  preferredPosition: PopoverProps.Position;
+  renderWithPortal?: boolean;
+  keepPosition?: boolean;
+  hideOnOverscroll?: boolean;
+  minVisibleBlockSize?: number;
 }): {
-    updatePositionHandler: (onContentResize?: any) => void;
-    popoverStyle: Partial<Offset>;
-    internalPosition: InternalPosition | null;
-    positionHandlerRef: React.MutableRefObject<() => void>;
-    isOverscrolling: boolean;
-};
-//# sourceMappingURL=use-popover-position.d.ts.map
+  updatePositionHandler: (onContentResize?: any) => void;
+  popoverStyle: Partial<Offset>;
+  internalPosition: InternalPosition | null;
+  positionHandlerRef: React.MutableRefObject<() => void>;
+  isOverscrolling: boolean;
+};

package/popover/utils/positions.d.ts

@@ -1,8 +1,8 @@
 import { BoundingBox, Dimensions, InternalPosition, PopoverProps, Rect } from '../interfaces';
 interface CalculatedPosition {
-    scrollable?: boolean;
-    internalPosition: InternalPosition;
-    rect: BoundingBox;
+  scrollable?: boolean;
+  internalPosition: InternalPosition;
+  rect: BoundingBox;
 }
 export declare const PRIORITY_MAPPING: Record<PopoverProps.Position, InternalPosition[]>;
 /**
@@ -12,26 +12,36 @@ export declare function intersectRectangles(rectangles: BoundingBox[]): number |
 /**
  * A functions that returns the correct popover position based on screen dimensions.
  */
-export declare function calculatePosition({ preferredPosition, fixedInternalPosition, trigger, arrow, body, container, viewport, renderWithPortal, allowVerticalOverflow, minVisibleBlockSize, }: {
-    preferredPosition: PopoverProps.Position;
-    fixedInternalPosition?: InternalPosition;
-    trigger: BoundingBox;
-    arrow: Dimensions;
-    body: Dimensions;
-    container: BoundingBox;
-    viewport: BoundingBox;
-    renderWithPortal?: boolean;
-    allowVerticalOverflow?: boolean;
-    minVisibleBlockSize?: number;
+export declare function calculatePosition({
+  preferredPosition,
+  fixedInternalPosition,
+  trigger,
+  arrow,
+  body,
+  container,
+  viewport,
+  renderWithPortal,
+  allowVerticalOverflow,
+  minVisibleBlockSize
+}: {
+  preferredPosition: PopoverProps.Position;
+  fixedInternalPosition?: InternalPosition;
+  trigger: BoundingBox;
+  arrow: Dimensions;
+  body: Dimensions;
+  container: BoundingBox;
+  viewport: BoundingBox;
+  renderWithPortal?: boolean;
+  allowVerticalOverflow?: boolean;
+  minVisibleBlockSize?: number;
 }): CalculatedPosition;
 export declare function getOffsetDimensions(element: HTMLElement): {
-    offsetHeight: number;
-    offsetWidth: number;
+  offsetHeight: number;
+  offsetWidth: number;
 };
 export declare function getDimensions(element: HTMLElement): {
-    inlineSize: number;
-    blockSize: number;
+  inlineSize: number;
+  blockSize: number;
 };
 export declare function isCenterOutside(child: Rect, parent: Rect): boolean;
-export {};
-//# sourceMappingURL=positions.d.ts.map
+export {};

package/progress-bar/index.d.ts

@@ -1,5 +1,18 @@
 /// <reference types="react" />
 import { ProgressBarProps } from './interfaces';
 export { ProgressBarProps };
-export default function ProgressBar({ value, status, variant, resultButtonText, label, ariaLabel, ariaLabelledby, ariaDescribedby, description, additionalInfo, resultText, onResultButtonClick, ...rest }: ProgressBarProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function ProgressBar({
+  value,
+  status,
+  variant,
+  resultButtonText,
+  label,
+  ariaLabel,
+  ariaLabelledby,
+  ariaDescribedby,
+  description,
+  additionalInfo,
+  resultText,
+  onResultButtonClick,
+  ...rest
+}: ProgressBarProps): JSX.Element;