@cloudscape-design/components 3.0.747 → 3.0.749

package/internal/plugins/helpers/use-discovered-content.js

@@ -0,0 +1,82 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef, useState } from 'react';
+export function createUseDiscoveredContent(componentName, onContentRegistered) {
+    return function useDiscoveredContent({ type, header, children, }) {
+        const headerRef = useRef(null);
+        const contentRef = useRef(null);
+        const replacementHeaderRef = useRef(null);
+        const replacementContentRef = useRef(null);
+        const [headerReplacementType, setFoundHeaderReplacement] = useState('original');
+        const [contentReplacementType, setFoundContentReplacement] = useState('original');
+        const mountedProvider = useRef();
+        useEffect(() => {
+            const context = { type, headerRef, contentRef };
+            return onContentRegistered(provider => {
+                let mounted = true;
+                function checkMounted(methodName) {
+                    if (!mounted) {
+                        console.warn(`[AwsUi] [Runtime ${componentName} content] \`${methodName}\` called after component unmounted`);
+                        return false;
+                    }
+                    return true;
+                }
+                mountedProvider.current = provider.runReplacer(context, {
+                    hideHeader() {
+                        if (checkMounted('hideHeader')) {
+                            setFoundHeaderReplacement('remove');
+                        }
+                    },
+                    restoreHeader() {
+                        if (checkMounted('restoreHeader')) {
+                            setFoundHeaderReplacement('original');
+                        }
+                    },
+                    replaceHeader(replacer) {
+                        if (checkMounted('replaceHeader')) {
+                            replacer(replacementHeaderRef.current);
+                            setFoundHeaderReplacement('replaced');
+                        }
+                    },
+                    hideContent() {
+                        if (checkMounted('hideContent')) {
+                            setFoundContentReplacement('remove');
+                        }
+                    },
+                    restoreContent() {
+                        if (checkMounted('restoreContent')) {
+                            setFoundContentReplacement('original');
+                        }
+                    },
+                    replaceContent(replacer) {
+                        if (checkMounted('replaceContent')) {
+                            replacer(replacementContentRef.current);
+                            setFoundContentReplacement('replaced');
+                        }
+                    },
+                });
+                return () => {
+                    var _a;
+                    (_a = mountedProvider.current) === null || _a === void 0 ? void 0 : _a.unmount({
+                        replacementHeaderContainer: replacementHeaderRef.current,
+                        replacementContentContainer: replacementContentRef.current,
+                    });
+                    mounted = false;
+                };
+            });
+        }, [type]);
+        useEffect(() => {
+            var _a;
+            (_a = mountedProvider.current) === null || _a === void 0 ? void 0 : _a.update();
+        }, [type, header, children]);
+        return {
+            headerReplacementType,
+            contentReplacementType,
+            headerRef: headerRef,
+            replacementHeaderRef: replacementHeaderRef,
+            contentRef: contentRef,
+            replacementContentRef: replacementContentRef,
+        };
+    };
+}
+//# sourceMappingURL=use-discovered-content.js.map

package/internal/plugins/helpers/use-discovered-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-discovered-content.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-content.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 { ReactNode, useEffect, useRef, useState } from 'react';\n\nimport {\n  AlertFlashContentController,\n  AlertFlashContentResult,\n  ReplacementType,\n} from '../controllers/alert-flash-content';\n\nexport function createUseDiscoveredContent(\n  componentName: string,\n  onContentRegistered: AlertFlashContentController['onContentRegistered']\n) {\n  return function useDiscoveredContent({\n    type,\n    header,\n    children,\n  }: {\n    type: string;\n    header: ReactNode;\n    children: ReactNode;\n  }) {\n    const headerRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const replacementHeaderRef = useRef<HTMLDivElement>(null);\n    const replacementContentRef = useRef<HTMLDivElement>(null);\n    const [headerReplacementType, setFoundHeaderReplacement] = useState<ReplacementType>('original');\n    const [contentReplacementType, setFoundContentReplacement] = useState<ReplacementType>('original');\n    const mountedProvider = useRef<AlertFlashContentResult | undefined>();\n\n    useEffect(() => {\n      const context = { type, headerRef, contentRef };\n\n      return onContentRegistered(provider => {\n        let mounted = true;\n\n        function checkMounted(methodName: string) {\n          if (!mounted) {\n            console.warn(\n              `[AwsUi] [Runtime ${componentName} content] \\`${methodName}\\` called after component unmounted`\n            );\n            return false;\n          }\n          return true;\n        }\n\n        mountedProvider.current = provider.runReplacer(context, {\n          hideHeader() {\n            if (checkMounted('hideHeader')) {\n              setFoundHeaderReplacement('remove');\n            }\n          },\n          restoreHeader() {\n            if (checkMounted('restoreHeader')) {\n              setFoundHeaderReplacement('original');\n            }\n          },\n          replaceHeader(replacer: (container: HTMLElement) => void) {\n            if (checkMounted('replaceHeader')) {\n              replacer(replacementHeaderRef.current!);\n              setFoundHeaderReplacement('replaced');\n            }\n          },\n          hideContent() {\n            if (checkMounted('hideContent')) {\n              setFoundContentReplacement('remove');\n            }\n          },\n          restoreContent() {\n            if (checkMounted('restoreContent')) {\n              setFoundContentReplacement('original');\n            }\n          },\n          replaceContent(replacer: (container: HTMLElement) => void) {\n            if (checkMounted('replaceContent')) {\n              replacer(replacementContentRef.current!);\n              setFoundContentReplacement('replaced');\n            }\n          },\n        });\n\n        return () => {\n          mountedProvider.current?.unmount({\n            replacementHeaderContainer: replacementHeaderRef.current!,\n            replacementContentContainer: replacementContentRef.current!,\n          });\n          mounted = false;\n        };\n      });\n    }, [type]);\n\n    useEffect(() => {\n      mountedProvider.current?.update();\n    }, [type, header, children]);\n\n    return {\n      headerReplacementType,\n      contentReplacementType,\n      headerRef: headerRef as React.Ref<HTMLDivElement>,\n      replacementHeaderRef: replacementHeaderRef as React.Ref<HTMLDivElement>,\n      contentRef: contentRef as React.Ref<HTMLDivElement>,\n      replacementContentRef: replacementContentRef as React.Ref<HTMLDivElement>,\n    };\n  };\n}\n"]}

package/link/internal.js

@@ -114,7 +114,7 @@ const InternalLink = React.forwardRef((_a, ref) => {
     const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;
     const sharedProps = Object.assign(Object.assign({ id: linkId }, baseProps), { 
         // https://github.com/microsoft/TypeScript/issues/36659
-        ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel, 'aria-labelledby': '', [DATA_ATTR_FUNNEL_VALUE]: uniqueId });
+        ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel, 'aria-labelledby': undefined, [DATA_ATTR_FUNNEL_VALUE]: uniqueId });
     if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {
         sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;
     }

package/link/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/link/internal.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, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { LinkProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalLinkProps = InternalBaseComponentProps<HTMLAnchorElement> &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant: providedVariant,\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      onClick,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const { defaultVariant } = useContext(LinkDefaultVariantContext);\n    const variant = providedVariant || defaultVariant;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      ref: useMergeRefs(linkRef, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': '',\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <a\n          {...sharedProps}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a\n        {...sharedProps}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/link/internal.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, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { LinkProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalLinkProps = InternalBaseComponentProps<HTMLAnchorElement> &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant: providedVariant,\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      onClick,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const { defaultVariant } = useContext(LinkDefaultVariantContext);\n    const variant = providedVariant || defaultVariant;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      ref: useMergeRefs(linkRef, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': undefined as string | undefined,\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <a\n          {...sharedProps}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a\n        {...sharedProps}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}

package/package.json

@@ -126,7 +126,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.747",
+  "version": "3.0.749",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/property-filter/styles.css.js

@@ -1,43 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_13ua9_141",
-  "search-field": "awsui_search-field_1wzqe_13ua9_176",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_13ua9_182",
-  "add-token": "awsui_add-token_1wzqe_13ua9_186",
-  "tokens": "awsui_tokens_1wzqe_13ua9_193",
-  "token-operator": "awsui_token-operator_1wzqe_13ua9_198",
-  "property-editor": "awsui_property-editor_1wzqe_13ua9_202",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_13ua9_210",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_13ua9_213",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_13ua9_216",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_13ua9_219",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_13ua9_222",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_13ua9_225",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_13ua9_228",
-  "token-editor": "awsui_token-editor_1wzqe_13ua9_235",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_13ua9_243",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_13ua9_246",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_13ua9_249",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_13ua9_252",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_13ua9_255",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_13ua9_258",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_13ua9_261",
-  "token-editor-grid": "awsui_token-editor-grid_1wzqe_13ua9_270",
-  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_13ua9_307",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_13ua9_310",
-  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_13ua9_319",
-  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_13ua9_323",
-  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_13ua9_329",
-  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_13ua9_338",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_13ua9_342",
-  "custom-control": "awsui_custom-control_1wzqe_13ua9_346",
-  "input": "awsui_input_1wzqe_13ua9_182",
-  "results": "awsui_results_1wzqe_13ua9_354",
-  "token-trigger": "awsui_token-trigger_1wzqe_13ua9_359",
-  "remove-all": "awsui_remove-all_1wzqe_13ua9_364",
-  "join-operation": "awsui_join-operation_1wzqe_13ua9_365",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_13ua9_366",
-  "constraint": "awsui_constraint_1wzqe_13ua9_370"
+  "root": "awsui_root_1wzqe_184ob_141",
+  "search-field": "awsui_search-field_1wzqe_184ob_176",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_184ob_182",
+  "add-token": "awsui_add-token_1wzqe_184ob_186",
+  "tokens": "awsui_tokens_1wzqe_184ob_193",
+  "token-operator": "awsui_token-operator_1wzqe_184ob_198",
+  "property-editor": "awsui_property-editor_1wzqe_184ob_202",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_184ob_209",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_184ob_212",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_184ob_215",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_184ob_218",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_184ob_221",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_184ob_224",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_184ob_227",
+  "token-editor": "awsui_token-editor_1wzqe_184ob_234",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_184ob_241",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_184ob_244",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_184ob_247",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_184ob_250",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_184ob_253",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_184ob_256",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_184ob_259",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_184ob_268",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_184ob_305",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_184ob_308",
+  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_184ob_317",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_184ob_321",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_184ob_327",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_184ob_336",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_184ob_340",
+  "custom-control": "awsui_custom-control_1wzqe_184ob_344",
+  "input": "awsui_input_1wzqe_184ob_182",
+  "results": "awsui_results_1wzqe_184ob_352",
+  "token-trigger": "awsui_token-trigger_1wzqe_184ob_357",
+  "remove-all": "awsui_remove-all_1wzqe_184ob_362",
+  "join-operation": "awsui_join-operation_1wzqe_184ob_363",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_184ob_364",
+  "constraint": "awsui_constraint_1wzqe_184ob_368"
 };
   

package/property-filter/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among 
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1wzqe_13ua9_141:not(#\9) {
+.awsui_root_1wzqe_184ob_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,94 +174,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_search-field_1wzqe_13ua9_176:not(#\9) {
+.awsui_search-field_1wzqe_184ob_176:not(#\9) {
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_13ua9_182:not(#\9) {
+.awsui_input-wrapper_1wzqe_184ob_182:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_13ua9_186:not(#\9) {
+.awsui_add-token_1wzqe_184ob_186:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-udix3p, 16px);
   padding-inline-start: var(--space-m-udix3p, 16px);
 }
 
-.awsui_tokens_1wzqe_13ua9_193:not(#\9) {
+.awsui_tokens_1wzqe_184ob_193:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
 }
 
-.awsui_token-operator_1wzqe_13ua9_198:not(#\9) {
+.awsui_token-operator_1wzqe_184ob_198:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_property-editor_1wzqe_13ua9_202:not(#\9) {
-  -webkit-user-select: text;
-          user-select: text;
+.awsui_property-editor_1wzqe_184ob_202:not(#\9) {
   margin-block: var(--space-xxs-p8yyaw, 4px);
   margin-inline: var(--space-xxs-p8yyaw, 4px);
   padding-block: var(--space-m-udix3p, 16px);
   padding-inline: var(--space-m-udix3p, 16px);
   overflow-y: auto;
 }
-.awsui_property-editor-form_1wzqe_13ua9_210:not(#\9) {
+.awsui_property-editor-form_1wzqe_184ob_209:not(#\9) {
   margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_13ua9_213:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_184ob_212:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_13ua9_216:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_184ob_215:not(#\9) {
   margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_13ua9_219:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_184ob_218:not(#\9) {
   margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_13ua9_222:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_184ob_221:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_13ua9_225:not(#\9) {
+.awsui_property-editor-submit_1wzqe_184ob_224:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_13ua9_228:not(#\9) {
+.awsui_property-editor-actions_1wzqe_184ob_227:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-34lx8l, 12px);
   border-block-start: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
 }
 
-.awsui_token-editor_1wzqe_13ua9_235:not(#\9) {
+.awsui_token-editor_1wzqe_184ob_234:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
-  -webkit-user-select: text;
-          user-select: text;
   margin-block: var(--space-xxs-p8yyaw, 4px);
   margin-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_token-editor-form_1wzqe_13ua9_243:not(#\9) {
+.awsui_token-editor-form_1wzqe_184ob_241:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-field-property_1wzqe_13ua9_246:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_184ob_244:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-field-operator_1wzqe_13ua9_249:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_184ob_247:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-field-value_1wzqe_13ua9_252:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_184ob_250:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-cancel_1wzqe_13ua9_255:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_184ob_253:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_token-editor-submit_1wzqe_13ua9_258:not(#\9) {
+.awsui_token-editor-submit_1wzqe_184ob_256:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-actions_1wzqe_13ua9_261:not(#\9) {
+.awsui_token-editor-actions_1wzqe_184ob_259:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-34lx8l, 12px);
@@ -270,7 +266,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
   margin-block-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_token-editor-grid_1wzqe_13ua9_270:not(#\9) {
+.awsui_token-editor-grid_1wzqe_184ob_268:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -308,70 +304,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-s-34lx8l, 12px);
   grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 120px) minmax(min-content, 3fr) min-content;
 }
-.awsui_token-editor-grid-group_1wzqe_13ua9_307:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_184ob_305:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grid_1wzqe_13ua9_270.awsui_token-editor-narrow_1wzqe_13ua9_310:not(#\9) {
+.awsui_token-editor-grid_1wzqe_184ob_268.awsui_token-editor-narrow_1wzqe_184ob_308:not(#\9) {
   grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-udix3p, 16px);
 }
-.awsui_token-editor-grid_1wzqe_13ua9_270.awsui_token-editor-narrow_1wzqe_13ua9_310 > .awsui_token-editor-grid-group_1wzqe_13ua9_307:not(#\9) {
+.awsui_token-editor-grid_1wzqe_184ob_268.awsui_token-editor-narrow_1wzqe_184ob_308 > .awsui_token-editor-grid-group_1wzqe_184ob_305:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-34lx8l, 12px);
 }
-.awsui_token-editor-grid_1wzqe_13ua9_270.awsui_token-editor-narrow_1wzqe_13ua9_310 > .awsui_token-editor-grid-group_1wzqe_13ua9_307.awsui_token-editor-supports-groups_1wzqe_13ua9_319:not(#\9) {
+.awsui_token-editor-grid_1wzqe_184ob_268.awsui_token-editor-narrow_1wzqe_184ob_308 > .awsui_token-editor-grid-group_1wzqe_184ob_305.awsui_token-editor-supports-groups_1wzqe_184ob_317:not(#\9) {
   padding-block-end: var(--space-m-udix3p, 16px);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_token-editor-grid-header_1wzqe_13ua9_323:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_184ob_321:not(#\9) {
   color: var(--color-text-column-header-czuvwg, #414d5c);
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   text-align: start;
 }
-.awsui_token-editor-grid-cell_1wzqe_13ua9_329:not(#\9):not(.awsui_token-editor-narrow_1wzqe_13ua9_310) {
+.awsui_token-editor-grid-cell_1wzqe_184ob_327:not(#\9):not(.awsui_token-editor-narrow_1wzqe_184ob_308) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grid-cell_1wzqe_13ua9_329.awsui_token-editor-narrow_1wzqe_13ua9_310:not(#\9):nth-child(4) {
+.awsui_token-editor-grid-cell_1wzqe_184ob_327.awsui_token-editor-narrow_1wzqe_184ob_308:not(#\9):nth-child(4) {
   display: flex;
   justify-content: flex-end;
 }
-.awsui_token-editor-add-token_1wzqe_13ua9_338:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_184ob_336:not(#\9) {
   margin-block-start: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_custom-content-wrapper_1wzqe_13ua9_342:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_184ob_340:not(#\9) {
   display: contents;
 }
 
-.awsui_custom-control_1wzqe_13ua9_346:not(#\9) {
+.awsui_custom-control_1wzqe_184ob_344:not(#\9) {
   margin-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_input_1wzqe_13ua9_182:not(#\9) {
+.awsui_input_1wzqe_184ob_182:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1wzqe_13ua9_354:not(#\9) {
+.awsui_results_1wzqe_184ob_352:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px));
   padding-inline: 0;
 }
 
-.awsui_token-trigger_1wzqe_13ua9_359:not(#\9) {
+.awsui_token-trigger_1wzqe_184ob_357:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_remove-all_1wzqe_13ua9_364:not(#\9),
-.awsui_join-operation_1wzqe_13ua9_365:not(#\9),
-.awsui_custom-filter-actions_1wzqe_13ua9_366:not(#\9) {
+.awsui_remove-all_1wzqe_184ob_362:not(#\9),
+.awsui_join-operation_1wzqe_184ob_363:not(#\9),
+.awsui_custom-filter-actions_1wzqe_184ob_364:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_constraint_1wzqe_13ua9_370:not(#\9) {
+.awsui_constraint_1wzqe_184ob_368:not(#\9) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
   color: var(--color-text-form-secondary-dxc248, #5f6b7a);
   font-size: var(--font-size-body-s-asqx2i, 12px);

package/property-filter/styles.selectors.js

@@ -2,43 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_13ua9_141",
-  "search-field": "awsui_search-field_1wzqe_13ua9_176",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_13ua9_182",
-  "add-token": "awsui_add-token_1wzqe_13ua9_186",
-  "tokens": "awsui_tokens_1wzqe_13ua9_193",
-  "token-operator": "awsui_token-operator_1wzqe_13ua9_198",
-  "property-editor": "awsui_property-editor_1wzqe_13ua9_202",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_13ua9_210",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_13ua9_213",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_13ua9_216",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_13ua9_219",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_13ua9_222",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_13ua9_225",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_13ua9_228",
-  "token-editor": "awsui_token-editor_1wzqe_13ua9_235",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_13ua9_243",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_13ua9_246",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_13ua9_249",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_13ua9_252",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_13ua9_255",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_13ua9_258",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_13ua9_261",
-  "token-editor-grid": "awsui_token-editor-grid_1wzqe_13ua9_270",
-  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_13ua9_307",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_13ua9_310",
-  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_13ua9_319",
-  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_13ua9_323",
-  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_13ua9_329",
-  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_13ua9_338",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_13ua9_342",
-  "custom-control": "awsui_custom-control_1wzqe_13ua9_346",
-  "input": "awsui_input_1wzqe_13ua9_182",
-  "results": "awsui_results_1wzqe_13ua9_354",
-  "token-trigger": "awsui_token-trigger_1wzqe_13ua9_359",
-  "remove-all": "awsui_remove-all_1wzqe_13ua9_364",
-  "join-operation": "awsui_join-operation_1wzqe_13ua9_365",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_13ua9_366",
-  "constraint": "awsui_constraint_1wzqe_13ua9_370"
+  "root": "awsui_root_1wzqe_184ob_141",
+  "search-field": "awsui_search-field_1wzqe_184ob_176",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_184ob_182",
+  "add-token": "awsui_add-token_1wzqe_184ob_186",
+  "tokens": "awsui_tokens_1wzqe_184ob_193",
+  "token-operator": "awsui_token-operator_1wzqe_184ob_198",
+  "property-editor": "awsui_property-editor_1wzqe_184ob_202",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_184ob_209",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_184ob_212",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_184ob_215",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_184ob_218",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_184ob_221",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_184ob_224",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_184ob_227",
+  "token-editor": "awsui_token-editor_1wzqe_184ob_234",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_184ob_241",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_184ob_244",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_184ob_247",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_184ob_250",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_184ob_253",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_184ob_256",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_184ob_259",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_184ob_268",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_184ob_305",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_184ob_308",
+  "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_184ob_317",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_184ob_321",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_184ob_327",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_184ob_336",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_184ob_340",
+  "custom-control": "awsui_custom-control_1wzqe_184ob_344",
+  "input": "awsui_input_1wzqe_184ob_182",
+  "results": "awsui_results_1wzqe_184ob_352",
+  "token-trigger": "awsui_token-trigger_1wzqe_184ob_357",
+  "remove-all": "awsui_remove-all_1wzqe_184ob_362",
+  "join-operation": "awsui_join-operation_1wzqe_184ob_363",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_184ob_364",
+  "constraint": "awsui_constraint_1wzqe_184ob_368"
 };
   

package/side-navigation/implementation.d.ts

@@ -2,6 +2,6 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { SideNavigationProps } from './interfaces';
 export type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;
-export declare function SideNavigationImplementation({ header, activeHref, items, onFollow, onChange, __internalRootRef, ...props }: SideNavigationInternalProps): JSX.Element;
+export declare function SideNavigationImplementation({ header, itemsControl, activeHref, items, onFollow, onChange, __internalRootRef, ...props }: SideNavigationInternalProps): JSX.Element;
 export declare const createWidgetizedSideNavigation: (Loader?: typeof SideNavigationImplementation | undefined) => typeof SideNavigationImplementation;
 //# sourceMappingURL=implementation.d.ts.map

package/side-navigation/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAE3F,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAwD7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAE3F,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAyD7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}

package/side-navigation/implementation.js

@@ -12,7 +12,7 @@ import { Header, NavigationItemsList } from './parts';
 import { checkDuplicateHrefs, generateExpandableItemsMapping } from './util';
 import styles from './styles.css.js';
 export function SideNavigationImplementation(_a) {
-    var { header, activeHref, items = [], onFollow, onChange, __internalRootRef } = _a, props = __rest(_a, ["header", "activeHref", "items", "onFollow", "onChange", "__internalRootRef"]);
+    var { header, itemsControl, activeHref, items = [], onFollow, onChange, __internalRootRef } = _a, props = __rest(_a, ["header", "itemsControl", "activeHref", "items", "onFollow", "onChange", "__internalRootRef"]);
     const baseProps = getBaseProps(props);
     const isToolbar = useAppLayoutToolbarEnabled();
     const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);
@@ -31,6 +31,7 @@ export function SideNavigationImplementation(_a) {
     }, [onFollow]);
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className, isToolbar && styles['with-toolbar']), ref: __internalRootRef }),
         header && (React.createElement(Header, { definition: header, activeHref: activeHref, fireChange: onChangeHandler, fireFollow: onFollowHandler })),
+        itemsControl && React.createElement("div", { className: styles['items-control'] }, itemsControl),
         items && (React.createElement("div", { className: styles['list-container'] },
             React.createElement(NavigationItemsList, { variant: "root", items: items, fireFollow: onFollowHandler, fireChange: onChangeHandler, activeHref: activeHref })))));
 }