@cloudscape-design/components 3.0.1006 → 3.0.1008

package/button-dropdown/mobile-expandable-group/mobile-expandable-group.d.ts

@@ -1,21 +1,18 @@
 import React from 'react';
 interface MobileExpandableGroupProps {
-  /**
-   * Trigger element.
-   */
-  trigger: React.ReactNode;
-  /**
-   * mobile expandable groups content elements.
-   */
-  children?: React.ReactNode;
-  /**
-   * Open state of the mobile expandable groups.
-   */
-  open?: boolean;
+    /**
+     * Trigger element.
+     */
+    trigger: React.ReactNode;
+    /**
+     * mobile expandable groups content elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Open state of the mobile expandable groups.
+     */
+    open?: boolean;
 }
-declare const MobileExpandableGroup: ({
-  children,
-  trigger,
-  open
-}: MobileExpandableGroupProps) => JSX.Element;
-export default MobileExpandableGroup;
+declare const MobileExpandableGroup: ({ children, trigger, open }: MobileExpandableGroupProps) => JSX.Element;
+export default MobileExpandableGroup;
+//# sourceMappingURL=mobile-expandable-group.d.ts.map

package/button-dropdown/tooltip.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
 interface TooltipProps {
-  children?: React.ReactNode;
-  content?: React.ReactNode;
-  position?: 'top' | 'right' | 'bottom' | 'left';
-  className?: string;
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    className?: string;
 }
-export default function Tooltip({
-  children,
-  content,
-  position,
-  className
-}: TooltipProps): JSX.Element;
-export {};
+export default function Tooltip({ children, content, position, className }: TooltipProps): JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/button-dropdown/utils/create-items-tree.d.ts

@@ -1,11 +1,12 @@
 import { ButtonDropdownProps } from '../interfaces';
 export type TreeIndex = number[];
 interface ItemsTreeApi {
-  getItem: (index: TreeIndex) => ButtonDropdownProps.ItemOrGroup | null;
-  getItemIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex;
-  getSequentialIndex: (index: TreeIndex, direction: -1 | 1) => TreeIndex | null;
-  getParentIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex | null;
+    getItem: (index: TreeIndex) => ButtonDropdownProps.ItemOrGroup | null;
+    getItemIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex;
+    getSequentialIndex: (index: TreeIndex, direction: -1 | 1) => TreeIndex | null;
+    getParentIndex: (item: ButtonDropdownProps.ItemOrGroup) => TreeIndex | null;
 }
 export default function createItemsTree(items: ButtonDropdownProps.Items): ItemsTreeApi;
 export declare function traverseItems(items: ButtonDropdownProps.Items, act: (item: ButtonDropdownProps.ItemOrGroup, index: TreeIndex) => void, parentIndex?: TreeIndex): void;
-export {};
+export {};
+//# sourceMappingURL=create-items-tree.d.ts.map

package/button-dropdown/utils/menu-item.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
 interface GetMenuItemPropsParams {
-  disabled: boolean;
-  parent?: boolean;
-  expanded?: boolean;
+    disabled: boolean;
+    parent?: boolean;
+    expanded?: boolean;
 }
 /**
  * @returns attributes for a menuitem widget given parameters
  */
 export declare const getMenuItemProps: (params: GetMenuItemPropsParams) => React.HTMLProps<HTMLElement>;
 interface GetMenuItemCheckboxPropsParams extends GetMenuItemPropsParams {
-  checked: boolean;
+    checked: boolean;
 }
 export declare const getMenuItemCheckboxProps: (params: GetMenuItemCheckboxPropsParams) => React.HTMLProps<HTMLElement>;
-export {};
+export {};
+//# sourceMappingURL=menu-item.d.ts.map

package/button-dropdown/utils/move-highlight.d.ts

@@ -1,21 +1,16 @@
 import { ButtonDropdownProps } from '../interfaces';
 import { TreeIndex } from './create-items-tree';
 interface MoveHighlightProps {
-  startIndex: TreeIndex;
-  expandedIndex: TreeIndex;
-  getNext: (index: TreeIndex) => {
-    index: TreeIndex;
-    item: ButtonDropdownProps.ItemOrGroup;
-    parent?: ButtonDropdownProps.ItemOrGroup;
-  } | null;
-  hasExpandableGroups: boolean;
-  isInRestrictedView: boolean;
+    startIndex: TreeIndex;
+    expandedIndex: TreeIndex;
+    getNext: (index: TreeIndex) => {
+        index: TreeIndex;
+        item: ButtonDropdownProps.ItemOrGroup;
+        parent?: ButtonDropdownProps.ItemOrGroup;
+    } | null;
+    hasExpandableGroups: boolean;
+    isInRestrictedView: boolean;
 }
-export default function moveHighlight({
-  startIndex,
-  expandedIndex,
-  getNext,
-  hasExpandableGroups,
-  isInRestrictedView
-}: MoveHighlightProps): TreeIndex | null;
-export {};
+export default function moveHighlight({ startIndex, expandedIndex, getNext, hasExpandableGroups, isInRestrictedView, }: MoveHighlightProps): TreeIndex | null;
+export {};
+//# sourceMappingURL=move-highlight.d.ts.map

package/button-dropdown/utils/use-button-dropdown.d.ts

@@ -2,31 +2,24 @@ import React from 'react';
 import { CancelableEventHandler } from '../../internal/events';
 import { ButtonDropdownProps, ButtonDropdownSettings, GroupToggle, HighlightProps, ItemActivate } from '../interfaces';
 interface UseButtonDropdownOptions extends ButtonDropdownSettings {
-  items: ButtonDropdownProps.Items;
-  onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-  onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-  onReturnFocus: () => void;
-  expandToViewport?: boolean;
+    items: ButtonDropdownProps.Items;
+    onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+    onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+    onReturnFocus: () => void;
+    expandToViewport?: boolean;
 }
 interface UseButtonDropdownApi extends HighlightProps {
-  isOpen: boolean;
-  onKeyDown: (event: React.KeyboardEvent) => void;
-  onKeyUp: (event: React.KeyboardEvent) => void;
-  onItemActivate: ItemActivate;
-  onGroupToggle: GroupToggle;
-  toggleDropdown: (options?: {
-    moveHighlightOnOpen?: boolean;
-  }) => void;
-  closeDropdown: () => void;
-  setIsUsingMouse: (isUsingMouse: boolean) => void;
+    isOpen: boolean;
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    onKeyUp: (event: React.KeyboardEvent) => void;
+    onItemActivate: ItemActivate;
+    onGroupToggle: GroupToggle;
+    toggleDropdown: (options?: {
+        moveHighlightOnOpen?: boolean;
+    }) => void;
+    closeDropdown: () => void;
+    setIsUsingMouse: (isUsingMouse: boolean) => void;
 }
-export declare function useButtonDropdown({
-  items,
-  onItemClick,
-  onItemFollow,
-  onReturnFocus,
-  hasExpandableGroups,
-  isInRestrictedView,
-  expandToViewport
-}: UseButtonDropdownOptions): UseButtonDropdownApi;
-export {};
+export declare function useButtonDropdown({ items, onItemClick, onItemFollow, onReturnFocus, hasExpandableGroups, isInRestrictedView, expandToViewport, }: UseButtonDropdownOptions): UseButtonDropdownApi;
+export {};
+//# sourceMappingURL=use-button-dropdown.d.ts.map

package/button-dropdown/utils/use-highlighted-menu.d.ts

@@ -1,19 +1,16 @@
 import { ButtonDropdownProps, HighlightProps } from '../interfaces';
 interface UseHighlightedMenuOptions {
-  items: ButtonDropdownProps.Items;
-  hasExpandableGroups: boolean;
-  isInRestrictedView?: boolean;
+    items: ButtonDropdownProps.Items;
+    hasExpandableGroups: boolean;
+    isInRestrictedView?: boolean;
 }
 interface UseHighlightedMenuApi extends HighlightProps {
-  moveHighlight: (direction: -1 | 1) => void;
-  expandGroup: (group?: ButtonDropdownProps.ItemGroup) => void;
-  collapseGroup: () => void;
-  reset: () => void;
-  setIsUsingMouse: (isUsingMouse: boolean) => void;
+    moveHighlight: (direction: -1 | 1) => void;
+    expandGroup: (group?: ButtonDropdownProps.ItemGroup) => void;
+    collapseGroup: () => void;
+    reset: () => void;
+    setIsUsingMouse: (isUsingMouse: boolean) => void;
 }
-export default function useHighlightedMenu({
-  items,
-  hasExpandableGroups,
-  isInRestrictedView
-}: UseHighlightedMenuOptions): UseHighlightedMenuApi;
-export {};
+export default function useHighlightedMenu({ items, hasExpandableGroups, isInRestrictedView, }: UseHighlightedMenuOptions): UseHighlightedMenuApi;
+export {};
+//# sourceMappingURL=use-highlighted-menu.d.ts.map

package/button-dropdown/utils/utils.d.ts

@@ -6,4 +6,5 @@ export declare const getItemTarget: (item: ButtonDropdownProps.Item) => "_blank"
 export declare function indexIncludes(source: number[], target: number[]): boolean;
 export declare function indexEquals(left: number[], right: number[]): boolean;
 export declare function hasCheckboxItems(items: ButtonDropdownProps.Items): boolean;
-export declare function hasDisabledReasonItems(items: ButtonDropdownProps.Items): boolean;
+export declare function hasDisabledReasonItems(items: ButtonDropdownProps.Items): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/button-group/analytics-metadata/interfaces.d.ts

@@ -4,6 +4,7 @@ export type GeneratedAnalyticsMetadataButtonGroupClick = GeneratedAnalyticsMetad
 export type GeneratedAnalyticsMetadataButtonGroupExpand = GeneratedAnalyticsMetadataButtonDropdownExpand;
 export type GeneratedAnalyticsMetadataButtonGroupCollapse = GeneratedAnalyticsMetadataButtonDropdownCollapse;
 export interface GeneratedAnalyticsMetadataButtonGroupComponent {
-  name: 'awsui.ButtonGroup';
-  label: string | LabelIdentifier;
-}
+    name: 'awsui.ButtonGroup';
+    label: string | LabelIdentifier;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/button-group/file-input-item.d.ts

@@ -3,10 +3,11 @@ import { FileInputProps } from '../file-input/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface FileInputItemProps {
-  item: ButtonGroupProps.IconFileInput;
-  showTooltip: boolean;
-  onTooltipDismiss: () => void;
-  onFilesChange?: CancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
+    item: ButtonGroupProps.IconFileInput;
+    showTooltip: boolean;
+    onTooltipDismiss: () => void;
+    onFilesChange?: CancelableEventHandler<ButtonGroupProps.FilesChangeDetails>;
 }
 declare const FileInputItem: React.ForwardRefExoticComponent<FileInputItemProps & React.RefAttributes<FileInputProps.Ref>>;
-export default FileInputItem;
+export default FileInputItem;
+//# sourceMappingURL=file-input-item.d.ts.map

package/button-group/icon-button-item.d.ts

@@ -3,11 +3,12 @@ import { ButtonProps } from '../button/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface IconButtonItemProps {
-  item: ButtonGroupProps.IconButton;
-  showTooltip: boolean;
-  showFeedback: boolean;
-  onTooltipDismiss: () => void;
-  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
+    item: ButtonGroupProps.IconButton;
+    showTooltip: boolean;
+    showFeedback: boolean;
+    onTooltipDismiss: () => void;
+    onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
 }
 declare const IconButtonItem: React.ForwardRefExoticComponent<IconButtonItemProps & React.RefAttributes<ButtonProps.Ref>>;
-export default IconButtonItem;
+export default IconButtonItem;
+//# sourceMappingURL=icon-button-item.d.ts.map

package/button-group/icon-toggle-button-item.d.ts

@@ -3,11 +3,12 @@ import { ButtonProps } from '../button/interfaces.js';
 import { CancelableEventHandler } from '../internal/events/index.js';
 import { ButtonGroupProps } from './interfaces.js';
 interface IconToggleButtonItemProps {
-  item: ButtonGroupProps.IconToggleButton;
-  showTooltip: boolean;
-  showFeedback: boolean;
-  onTooltipDismiss: () => void;
-  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
+    item: ButtonGroupProps.IconToggleButton;
+    showTooltip: boolean;
+    showFeedback: boolean;
+    onTooltipDismiss: () => void;
+    onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;
 }
 declare const IconToggleButtonItem: React.ForwardRefExoticComponent<IconToggleButtonItemProps & React.RefAttributes<ButtonProps.Ref>>;
-export default IconToggleButtonItem;
+export default IconToggleButtonItem;
+//# sourceMappingURL=icon-toggle-button-item.d.ts.map

package/button-group/icon-toggle-button-item.js

@@ -19,7 +19,7 @@ const IconToggleButtonItem = forwardRef(({ item, showTooltip, showFeedback, onTo
     if (!hasPressedIcon) {
         warnOnce('ButtonGroup', `Missing pressed icon for item with id: ${item.id}`);
     }
-    const feedbackContent = item.pressed ? (_a = item.pressedPopoverFeedback) !== null && _a !== void 0 ? _a : item.popoverFeedback : item.popoverFeedback;
+    const feedbackContent = item.pressed ? ((_a = item.pressedPopoverFeedback) !== null && _a !== void 0 ? _a : item.popoverFeedback) : item.popoverFeedback;
     const canShowTooltip = showTooltip && !item.disabled && !item.loading;
     const canShowFeedback = showTooltip && showFeedback && feedbackContent;
     return (React.createElement("div", { ref: containerRef },

package/button-group/icon-toggle-button-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-toggle-button-item.js","sourceRoot":"","sources":["../../../src/button-group/icon-toggle-button-item.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, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events/index.js';\nimport InternalLiveRegion from '../live-region/internal.js';\nimport { InternalToggleButton } from '../toggle-button/internal.js';\nimport { ButtonGroupProps } from './interfaces.js';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface IconToggleButtonItemProps {\n  item: ButtonGroupProps.IconToggleButton;\n  showTooltip: boolean;\n  showFeedback: boolean;\n  onTooltipDismiss: () => void;\n  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n}\n\nconst IconToggleButtonItem = forwardRef(\n  (\n    { item, showTooltip, showFeedback, onTooltipDismiss, onItemClick }: IconToggleButtonItemProps,\n    ref: React.Ref<ButtonProps.Ref>\n  ) => {\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const hasIcon = item.iconName || item.iconUrl || item.iconSvg;\n    const hasPressedIcon = item.pressedIconName || item.pressedIconUrl || item.pressedIconSvg;\n\n    if (!hasIcon) {\n      warnOnce('ButtonGroup', `Missing icon for item with id: ${item.id}`);\n    }\n    if (!hasPressedIcon) {\n      warnOnce('ButtonGroup', `Missing pressed icon for item with id: ${item.id}`);\n    }\n\n    const feedbackContent = item.pressed ? item.pressedPopoverFeedback ?? item.popoverFeedback : item.popoverFeedback;\n    const canShowTooltip = showTooltip && !item.disabled && !item.loading;\n    const canShowFeedback = showTooltip && showFeedback && feedbackContent;\n    return (\n      <div ref={containerRef}>\n        <InternalToggleButton\n          variant=\"icon\"\n          pressed={item.pressed}\n          loading={item.loading}\n          loadingText={item.loadingText}\n          disabled={item.disabled}\n          disabledReason={showFeedback ? undefined : item.disabledReason} // don't show disabled reason when popover feedback is shown\n          iconName={hasIcon ? item.iconName : 'close'}\n          iconUrl={item.iconUrl}\n          iconSvg={item.iconSvg}\n          pressedIconName={hasIcon ? item.pressedIconName : 'close'}\n          pressedIconUrl={item.pressedIconUrl}\n          pressedIconSvg={item.pressedIconUrl}\n          ariaLabel={item.text}\n          onChange={event => fireCancelableEvent(onItemClick, { id: item.id, pressed: event.detail.pressed })}\n          ref={ref}\n          data-testid={item.id}\n          data-itemid={item.id}\n          className={clsx(testUtilStyles.item, testUtilStyles['button-group-item'])}\n          __title=\"\"\n        >\n          {item.text}\n        </InternalToggleButton>\n        {(canShowTooltip || canShowFeedback) && (\n          <Tooltip\n            trackRef={containerRef}\n            trackKey={item.id}\n            value={\n              (showFeedback && <InternalLiveRegion tagName=\"span\">{feedbackContent}</InternalLiveRegion>) || item.text\n            }\n            className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}\n            onDismiss={onTooltipDismiss}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default IconToggleButtonItem;\n"]}
+{"version":3,"file":"icon-toggle-button-item.js","sourceRoot":"","sources":["../../../src/button-group/icon-toggle-button-item.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, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { CancelableEventHandler, fireCancelableEvent } from '../internal/events/index.js';\nimport InternalLiveRegion from '../live-region/internal.js';\nimport { InternalToggleButton } from '../toggle-button/internal.js';\nimport { ButtonGroupProps } from './interfaces.js';\n\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface IconToggleButtonItemProps {\n  item: ButtonGroupProps.IconToggleButton;\n  showTooltip: boolean;\n  showFeedback: boolean;\n  onTooltipDismiss: () => void;\n  onItemClick?: CancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n}\n\nconst IconToggleButtonItem = forwardRef(\n  (\n    { item, showTooltip, showFeedback, onTooltipDismiss, onItemClick }: IconToggleButtonItemProps,\n    ref: React.Ref<ButtonProps.Ref>\n  ) => {\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const hasIcon = item.iconName || item.iconUrl || item.iconSvg;\n    const hasPressedIcon = item.pressedIconName || item.pressedIconUrl || item.pressedIconSvg;\n\n    if (!hasIcon) {\n      warnOnce('ButtonGroup', `Missing icon for item with id: ${item.id}`);\n    }\n    if (!hasPressedIcon) {\n      warnOnce('ButtonGroup', `Missing pressed icon for item with id: ${item.id}`);\n    }\n\n    const feedbackContent = item.pressed ? (item.pressedPopoverFeedback ?? item.popoverFeedback) : item.popoverFeedback;\n    const canShowTooltip = showTooltip && !item.disabled && !item.loading;\n    const canShowFeedback = showTooltip && showFeedback && feedbackContent;\n    return (\n      <div ref={containerRef}>\n        <InternalToggleButton\n          variant=\"icon\"\n          pressed={item.pressed}\n          loading={item.loading}\n          loadingText={item.loadingText}\n          disabled={item.disabled}\n          disabledReason={showFeedback ? undefined : item.disabledReason} // don't show disabled reason when popover feedback is shown\n          iconName={hasIcon ? item.iconName : 'close'}\n          iconUrl={item.iconUrl}\n          iconSvg={item.iconSvg}\n          pressedIconName={hasIcon ? item.pressedIconName : 'close'}\n          pressedIconUrl={item.pressedIconUrl}\n          pressedIconSvg={item.pressedIconUrl}\n          ariaLabel={item.text}\n          onChange={event => fireCancelableEvent(onItemClick, { id: item.id, pressed: event.detail.pressed })}\n          ref={ref}\n          data-testid={item.id}\n          data-itemid={item.id}\n          className={clsx(testUtilStyles.item, testUtilStyles['button-group-item'])}\n          __title=\"\"\n        >\n          {item.text}\n        </InternalToggleButton>\n        {(canShowTooltip || canShowFeedback) && (\n          <Tooltip\n            trackRef={containerRef}\n            trackKey={item.id}\n            value={\n              (showFeedback && <InternalLiveRegion tagName=\"span\">{feedbackContent}</InternalLiveRegion>) || item.text\n            }\n            className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}\n            onDismiss={onTooltipDismiss}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default IconToggleButtonItem;\n"]}

package/button-group/index.d.ts

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