@cloudscape-design/components 3.0.978 → 3.0.980

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/alert/internal.d.ts.map +1 -1
  2. package/alert/internal.js +1 -1
  3. package/alert/internal.js.map +1 -1
  4. package/app-layout/index.d.ts.map +1 -1
  5. package/app-layout/index.js +1 -2
  6. package/app-layout/index.js.map +1 -1
  7. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  8. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +36 -35
  9. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  10. package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
  11. package/app-layout/visual-refresh-toolbar/index.js +1 -2
  12. package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  13. package/app-layout/visual-refresh-toolbar/toolbar/index.js +1 -1
  14. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  15. package/app-layout-toolbar/index.d.ts.map +1 -1
  16. package/app-layout-toolbar/index.js +1 -2
  17. package/app-layout-toolbar/index.js.map +1 -1
  18. package/area-chart/chart-container.d.ts.map +1 -1
  19. package/area-chart/chart-container.js +1 -1
  20. package/area-chart/chart-container.js.map +1 -1
  21. package/area-chart/internal.d.ts.map +1 -1
  22. package/area-chart/internal.js +1 -2
  23. package/area-chart/internal.js.map +1 -1
  24. package/attribute-editor/internal.d.ts.map +1 -1
  25. package/attribute-editor/internal.js +1 -1
  26. package/attribute-editor/internal.js.map +1 -1
  27. package/breadcrumb-group/implementation.d.ts.map +1 -1
  28. package/breadcrumb-group/implementation.js +1 -2
  29. package/breadcrumb-group/implementation.js.map +1 -1
  30. package/button/internal.d.ts.map +1 -1
  31. package/button/internal.js +1 -2
  32. package/button/internal.js.map +1 -1
  33. package/button-group/internal.d.ts.map +1 -1
  34. package/button-group/internal.js +1 -2
  35. package/button-group/internal.js.map +1 -1
  36. package/calendar/grid/index.d.ts.map +1 -1
  37. package/calendar/grid/index.js +1 -1
  38. package/calendar/grid/index.js.map +1 -1
  39. package/cards/index.js +1 -1
  40. package/cards/index.js.map +1 -1
  41. package/code-editor/index.d.ts.map +1 -1
  42. package/code-editor/index.js +1 -2
  43. package/code-editor/index.js.map +1 -1
  44. package/container/internal.d.ts.map +1 -1
  45. package/container/internal.js +1 -1
  46. package/container/internal.js.map +1 -1
  47. package/content-layout/internal.d.ts.map +1 -1
  48. package/content-layout/internal.js +1 -2
  49. package/content-layout/internal.js.map +1 -1
  50. package/date-picker/index.d.ts.map +1 -1
  51. package/date-picker/index.js +1 -1
  52. package/date-picker/index.js.map +1 -1
  53. package/date-range-picker/calendar/grids/grid-cell.d.ts.map +1 -1
  54. package/date-range-picker/calendar/grids/grid-cell.js +1 -1
  55. package/date-range-picker/calendar/grids/grid-cell.js.map +1 -1
  56. package/date-range-picker/index.d.ts.map +1 -1
  57. package/date-range-picker/index.js +1 -2
  58. package/date-range-picker/index.js.map +1 -1
  59. package/file-input/internal.d.ts.map +1 -1
  60. package/file-input/internal.js +1 -2
  61. package/file-input/internal.js.map +1 -1
  62. package/file-token-group/internal.d.ts.map +1 -1
  63. package/file-token-group/internal.js +1 -1
  64. package/file-token-group/internal.js.map +1 -1
  65. package/file-upload/internal.d.ts.map +1 -1
  66. package/file-upload/internal.js +1 -2
  67. package/file-upload/internal.js.map +1 -1
  68. package/flashbar/common.d.ts.map +1 -1
  69. package/flashbar/common.js +1 -2
  70. package/flashbar/common.js.map +1 -1
  71. package/flashbar/flash.d.ts.map +1 -1
  72. package/flashbar/flash.js +1 -2
  73. package/flashbar/flash.js.map +1 -1
  74. package/grid/internal.d.ts.map +1 -1
  75. package/grid/internal.js +1 -2
  76. package/grid/internal.js.map +1 -1
  77. package/icon/internal.d.ts.map +1 -1
  78. package/icon/internal.js +1 -2
  79. package/icon/internal.js.map +1 -1
  80. package/input/internal.d.ts.map +1 -1
  81. package/input/internal.js +1 -1
  82. package/input/internal.js.map +1 -1
  83. package/internal/components/chart-popover/index.d.ts.map +1 -1
  84. package/internal/components/chart-popover/index.js +1 -1
  85. package/internal/components/chart-popover/index.js.map +1 -1
  86. package/internal/components/chart-series-details/index.d.ts.map +1 -1
  87. package/internal/components/chart-series-details/index.js +1 -1
  88. package/internal/components/chart-series-details/index.js.map +1 -1
  89. package/internal/components/drag-handle/button.d.ts.map +1 -1
  90. package/internal/components/drag-handle/button.js +1 -1
  91. package/internal/components/drag-handle/button.js.map +1 -1
  92. package/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  93. package/internal/components/drag-handle-wrapper/styles.scoped.css +36 -36
  94. package/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  95. package/internal/components/dropdown/index.d.ts.map +1 -1
  96. package/internal/components/dropdown/index.js +1 -2
  97. package/internal/components/dropdown/index.js.map +1 -1
  98. package/internal/components/focus-lock/index.d.ts.map +1 -1
  99. package/internal/components/focus-lock/index.js +1 -1
  100. package/internal/components/focus-lock/index.js.map +1 -1
  101. package/internal/components/masked-input/index.d.ts.map +1 -1
  102. package/internal/components/masked-input/index.js +1 -1
  103. package/internal/components/masked-input/index.js.map +1 -1
  104. package/internal/components/options-list/index.d.ts.map +1 -1
  105. package/internal/components/options-list/index.js +1 -2
  106. package/internal/components/options-list/index.js.map +1 -1
  107. package/internal/environment.js +1 -1
  108. package/internal/environment.json +1 -1
  109. package/internal/manifest.json +1 -1
  110. package/link/internal.d.ts.map +1 -1
  111. package/link/internal.js +1 -1
  112. package/link/internal.js.map +1 -1
  113. package/live-region/internal.d.ts.map +1 -1
  114. package/live-region/internal.js +1 -1
  115. package/live-region/internal.js.map +1 -1
  116. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  117. package/mixed-line-bar-chart/chart-container.js +1 -2
  118. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  119. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  120. package/mixed-line-bar-chart/internal.js +1 -2
  121. package/mixed-line-bar-chart/internal.js.map +1 -1
  122. package/modal/internal.d.ts.map +1 -1
  123. package/modal/internal.js +1 -2
  124. package/modal/internal.js.map +1 -1
  125. package/package.json +1 -1
  126. package/pie-chart/index.d.ts.map +1 -1
  127. package/pie-chart/index.js +1 -1
  128. package/pie-chart/index.js.map +1 -1
  129. package/popover/internal.d.ts.map +1 -1
  130. package/popover/internal.js +1 -2
  131. package/popover/internal.js.map +1 -1
  132. package/property-filter/filtering-token/index.d.ts.map +1 -1
  133. package/property-filter/filtering-token/index.js +1 -2
  134. package/property-filter/filtering-token/index.js.map +1 -1
  135. package/property-filter/internal.d.ts.map +1 -1
  136. package/property-filter/internal.js +1 -1
  137. package/property-filter/internal.js.map +1 -1
  138. package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
  139. package/property-filter/property-filter-autosuggest.js +1 -1
  140. package/property-filter/property-filter-autosuggest.js.map +1 -1
  141. package/radio-group/radio-button.d.ts.map +1 -1
  142. package/radio-group/radio-button.js +1 -1
  143. package/radio-group/radio-button.js.map +1 -1
  144. package/segmented-control/segment.d.ts.map +1 -1
  145. package/segmented-control/segment.js +1 -1
  146. package/segmented-control/segment.js.map +1 -1
  147. package/select/internal.d.ts.map +1 -1
  148. package/select/internal.js +1 -2
  149. package/select/internal.js.map +1 -1
  150. package/select/parts/item.d.ts.map +1 -1
  151. package/select/parts/item.js +1 -1
  152. package/select/parts/item.js.map +1 -1
  153. package/select/parts/multiselect-item.d.ts.map +1 -1
  154. package/select/parts/multiselect-item.js +1 -1
  155. package/select/parts/multiselect-item.js.map +1 -1
  156. package/select/parts/plain-list.d.ts.map +1 -1
  157. package/select/parts/plain-list.js +1 -1
  158. package/select/parts/plain-list.js.map +1 -1
  159. package/select/parts/trigger.d.ts.map +1 -1
  160. package/select/parts/trigger.js +1 -1
  161. package/select/parts/trigger.js.map +1 -1
  162. package/select/parts/virtual-list.js +1 -1
  163. package/select/parts/virtual-list.js.map +1 -1
  164. package/space-between/internal.d.ts.map +1 -1
  165. package/space-between/internal.js +1 -1
  166. package/space-between/internal.js.map +1 -1
  167. package/split-panel/implementation.d.ts.map +1 -1
  168. package/split-panel/implementation.js +1 -1
  169. package/split-panel/implementation.js.map +1 -1
  170. package/table/body-cell/td-element.js +1 -1
  171. package/table/body-cell/td-element.js.map +1 -1
  172. package/table/header-cell/index.d.ts.map +1 -1
  173. package/table/header-cell/index.js +1 -2
  174. package/table/header-cell/index.js.map +1 -1
  175. package/table/header-cell/th-element.js +1 -1
  176. package/table/header-cell/th-element.js.map +1 -1
  177. package/table/internal.d.ts.map +1 -1
  178. package/table/internal.js +4 -3
  179. package/table/internal.js.map +1 -1
  180. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
  181. package/table/sticky-scrollbar/sticky-scrollbar.js +1 -1
  182. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
  183. package/tabs/tab-header-bar.d.ts.map +1 -1
  184. package/tabs/tab-header-bar.js +13 -1
  185. package/tabs/tab-header-bar.js.map +1 -1
  186. package/tiles/internal.d.ts.map +1 -1
  187. package/tiles/internal.js +1 -1
  188. package/tiles/internal.js.map +1 -1
  189. package/tiles/tile.d.ts.map +1 -1
  190. package/tiles/tile.js +1 -1
  191. package/tiles/tile.js.map +1 -1
  192. package/token-group/internal.d.ts.map +1 -1
  193. package/token-group/internal.js +1 -1
  194. package/token-group/internal.js.map +1 -1
  195. package/top-navigation/1.0-beta/use-top-navigation.js +1 -1
  196. package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
  197. package/top-navigation/use-top-navigation.js +1 -1
  198. package/top-navigation/use-top-navigation.js.map +1 -1
  199. package/wizard/internal.d.ts.map +1 -1
  200. package/wizard/internal.js +1 -2
  201. package/wizard/internal.js.map +1 -1
  202. package/internal/hooks/use-merge-refs/index.d.ts +0 -10
  203. package/internal/hooks/use-merge-refs/index.d.ts.map +0 -1
  204. package/internal/hooks/use-merge-refs/index.js +0 -30
  205. package/internal/hooks/use-merge-refs/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAetC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AASlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoB1C,QAAA,MAAM,aAAa;;;;wCAmKlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAgBtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoB1C,QAAA,MAAM,aAAa;;;;wCAmKlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/alert/internal.js CHANGED
@@ -3,6 +3,7 @@ import { __rest } from "tslib";
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import React, { useRef } from 'react';
5
5
  import clsx from 'clsx';
6
+ import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
6
7
  import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
7
8
  import { InternalButton } from '../button/internal';
8
9
  import { useInternalI18n } from '../i18n/context';
@@ -13,7 +14,6 @@ import VisualContext from '../internal/components/visual-context';
13
14
  import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
14
15
  import { fireNonCancelableEvent } from '../internal/events';
15
16
  import useForwardFocus from '../internal/hooks/forward-focus';
16
- import { useMergeRefs } from '../internal/hooks/use-merge-refs';
17
17
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
18
18
  import { awsuiPluginsInternal } from '../internal/plugins/api';
19
19
  import { createUseDiscoveredAction, createUseDiscoveredContent } from '../internal/plugins/helpers';
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/alert/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { fireNonCancelableEvent } 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 { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { awsuiPluginsInternal } from '../internal/plugins/api';\nimport { createUseDiscoveredAction, createUseDiscoveredContent } from '../internal/plugins/helpers';\nimport { SomeRequired } from '../internal/types';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { ActionsWrapper } from './actions-wrapper';\nimport { GeneratedAnalyticsMetadataAlertDismiss } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n error: 'status-negative',\n warning: 'status-warning',\n success: 'status-positive',\n info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> &\n InternalBaseComponentProps<HTMLDivElement> & {\n messageSlotId?: string;\n };\n\nconst useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);\nconst useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);\n\nconst InternalAlert = React.forwardRef(\n (\n {\n type,\n i18nStrings,\n visible = true,\n dismissible,\n children,\n header,\n buttonText,\n action,\n onDismiss,\n onButtonClick,\n __internalRootRef = null,\n statusIconAriaLabel: deprecatedStatusIconAriaLabel,\n dismissAriaLabel: deprecatedDismissAriaLabel,\n messageSlotId,\n ...rest\n }: InternalAlertProps,\n ref: React.Ref<AlertProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('alert');\n\n const focusRef = useRef<HTMLDivElement>(null);\n useForwardFocus(ref, focusRef);\n\n const { discoveredActions, headerRef: headerRefAction, contentRef: contentRefAction } = useDiscoveredAction(type);\n const {\n initialHidden,\n headerReplacementType,\n contentReplacementType,\n headerRef: headerRefContent,\n contentRef: contentRefContent,\n replacementHeaderRef,\n replacementContentRef,\n } = useDiscoveredContent({ type, header, children });\n\n const [containerWidth, containerMeasureRef] = useContainerWidth();\n const containerRef = useMergeRefs(containerMeasureRef, __internalRootRef);\n const headerRef = useMergeRefs(headerRefAction, headerRefContent);\n const contentRef = useMergeRefs(contentRefAction, contentRefContent);\n\n const isRefresh = useVisualRefresh();\n const size = isRefresh\n ? 'normal'\n : headerReplacementType !== 'remove' && header && contentReplacementType !== 'remove' && children\n ? 'big'\n : 'normal';\n\n const hasAction = Boolean(action || buttonText || discoveredActions.length);\n\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_ALERT]: type,\n };\n\n const statusIconAriaLabel = i18n(\n `i18nStrings.${type}IconAriaLabel`,\n i18nStrings?.[`${type}IconAriaLabel`] ?? deprecatedStatusIconAriaLabel\n );\n\n const dismissAriaLabel = i18n(\n 'i18nStrings.dismissAriaLabel',\n i18nStrings?.dismissAriaLabel ?? i18n('dismissAriaLabel', deprecatedDismissAriaLabel)\n );\n\n return (\n <div\n {...baseProps}\n {...analyticsAttributes}\n aria-hidden={!visible}\n className={clsx(\n styles.root,\n { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden },\n baseProps.className\n )}\n ref={containerRef}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <VisualContext contextName=\"alert\">\n <div\n className={clsx(\n styles.alert,\n styles[`type-${type}`],\n styles[`icon-size-${size}`],\n hasAction && styles['with-action'],\n dismissible && styles['with-dismiss']\n )}\n >\n <div className={styles['alert-wrapper']}>\n <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n <div className={clsx(styles.icon, styles.text)}>\n <InternalIcon name={typeToIcon[type]} size={size} ariaLabel={statusIconAriaLabel} />\n </div>\n <div className={clsx(styles.message, styles.text)} id={messageSlotId}>\n <div\n className={clsx(\n header && styles.header,\n headerReplacementType !== 'original' ? styles.hidden : analyticsSelectors.header\n )}\n ref={headerRef}\n >\n {header}\n </div>\n <div\n className={clsx(\n styles['header-replacement'],\n headerReplacementType !== 'replaced' ? styles.hidden : analyticsSelectors.header\n )}\n ref={replacementHeaderRef}\n ></div>\n <div\n className={clsx(styles.content, contentReplacementType !== 'original' && styles.hidden)}\n ref={contentRef}\n >\n {children}\n </div>\n <div\n className={clsx(\n styles['content-replacement'],\n contentReplacementType !== 'replaced' && styles.hidden\n )}\n ref={replacementContentRef}\n ></div>\n </div>\n </div>\n <ActionsWrapper\n className={styles.action}\n testUtilClasses={{\n actionSlot: styles['action-slot'],\n actionButton: styles['action-button'],\n }}\n action={action}\n discoveredActions={discoveredActions}\n buttonText={buttonText}\n onButtonClick={() => fireNonCancelableEvent(onButtonClick)}\n containerWidth={containerWidth}\n wrappedClass={styles['action-wrapped']}\n />\n </div>\n {dismissible && (\n <div\n className={styles.dismiss}\n {...getAnalyticsMetadataAttribute({\n action: 'dismiss',\n } as Partial<GeneratedAnalyticsMetadataAlertDismiss>)}\n >\n <InternalButton\n className={styles['dismiss-button']}\n variant=\"icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissAriaLabel}\n onClick={() => fireNonCancelableEvent(onDismiss)}\n />\n </div>\n )}\n </div>\n </VisualContext>\n </LinkDefaultVariantContext.Provider>\n </div>\n );\n }\n);\n\nexport default InternalAlert;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/alert/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { awsuiPluginsInternal } from '../internal/plugins/api';\nimport { createUseDiscoveredAction, createUseDiscoveredContent } from '../internal/plugins/helpers';\nimport { SomeRequired } from '../internal/types';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { ActionsWrapper } from './actions-wrapper';\nimport { GeneratedAnalyticsMetadataAlertDismiss } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n error: 'status-negative',\n warning: 'status-warning',\n success: 'status-positive',\n info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> &\n InternalBaseComponentProps<HTMLDivElement> & {\n messageSlotId?: string;\n };\n\nconst useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);\nconst useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);\n\nconst InternalAlert = React.forwardRef(\n (\n {\n type,\n i18nStrings,\n visible = true,\n dismissible,\n children,\n header,\n buttonText,\n action,\n onDismiss,\n onButtonClick,\n __internalRootRef = null,\n statusIconAriaLabel: deprecatedStatusIconAriaLabel,\n dismissAriaLabel: deprecatedDismissAriaLabel,\n messageSlotId,\n ...rest\n }: InternalAlertProps,\n ref: React.Ref<AlertProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('alert');\n\n const focusRef = useRef<HTMLDivElement>(null);\n useForwardFocus(ref, focusRef);\n\n const { discoveredActions, headerRef: headerRefAction, contentRef: contentRefAction } = useDiscoveredAction(type);\n const {\n initialHidden,\n headerReplacementType,\n contentReplacementType,\n headerRef: headerRefContent,\n contentRef: contentRefContent,\n replacementHeaderRef,\n replacementContentRef,\n } = useDiscoveredContent({ type, header, children });\n\n const [containerWidth, containerMeasureRef] = useContainerWidth();\n const containerRef = useMergeRefs(containerMeasureRef, __internalRootRef);\n const headerRef = useMergeRefs(headerRefAction, headerRefContent);\n const contentRef = useMergeRefs(contentRefAction, contentRefContent);\n\n const isRefresh = useVisualRefresh();\n const size = isRefresh\n ? 'normal'\n : headerReplacementType !== 'remove' && header && contentReplacementType !== 'remove' && children\n ? 'big'\n : 'normal';\n\n const hasAction = Boolean(action || buttonText || discoveredActions.length);\n\n const analyticsAttributes = {\n [DATA_ATTR_ANALYTICS_ALERT]: type,\n };\n\n const statusIconAriaLabel = i18n(\n `i18nStrings.${type}IconAriaLabel`,\n i18nStrings?.[`${type}IconAriaLabel`] ?? deprecatedStatusIconAriaLabel\n );\n\n const dismissAriaLabel = i18n(\n 'i18nStrings.dismissAriaLabel',\n i18nStrings?.dismissAriaLabel ?? i18n('dismissAriaLabel', deprecatedDismissAriaLabel)\n );\n\n return (\n <div\n {...baseProps}\n {...analyticsAttributes}\n aria-hidden={!visible}\n className={clsx(\n styles.root,\n { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden },\n baseProps.className\n )}\n ref={containerRef}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <VisualContext contextName=\"alert\">\n <div\n className={clsx(\n styles.alert,\n styles[`type-${type}`],\n styles[`icon-size-${size}`],\n hasAction && styles['with-action'],\n dismissible && styles['with-dismiss']\n )}\n >\n <div className={styles['alert-wrapper']}>\n <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n <div className={clsx(styles.icon, styles.text)}>\n <InternalIcon name={typeToIcon[type]} size={size} ariaLabel={statusIconAriaLabel} />\n </div>\n <div className={clsx(styles.message, styles.text)} id={messageSlotId}>\n <div\n className={clsx(\n header && styles.header,\n headerReplacementType !== 'original' ? styles.hidden : analyticsSelectors.header\n )}\n ref={headerRef}\n >\n {header}\n </div>\n <div\n className={clsx(\n styles['header-replacement'],\n headerReplacementType !== 'replaced' ? styles.hidden : analyticsSelectors.header\n )}\n ref={replacementHeaderRef}\n ></div>\n <div\n className={clsx(styles.content, contentReplacementType !== 'original' && styles.hidden)}\n ref={contentRef}\n >\n {children}\n </div>\n <div\n className={clsx(\n styles['content-replacement'],\n contentReplacementType !== 'replaced' && styles.hidden\n )}\n ref={replacementContentRef}\n ></div>\n </div>\n </div>\n <ActionsWrapper\n className={styles.action}\n testUtilClasses={{\n actionSlot: styles['action-slot'],\n actionButton: styles['action-button'],\n }}\n action={action}\n discoveredActions={discoveredActions}\n buttonText={buttonText}\n onButtonClick={() => fireNonCancelableEvent(onButtonClick)}\n containerWidth={containerWidth}\n wrappedClass={styles['action-wrapped']}\n />\n </div>\n {dismissible && (\n <div\n className={styles.dismiss}\n {...getAnalyticsMetadataAttribute({\n action: 'dismiss',\n } as Partial<GeneratedAnalyticsMetadataAlertDismiss>)}\n >\n <InternalButton\n className={styles['dismiss-button']}\n variant=\"icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissAriaLabel}\n onClick={() => fireNonCancelableEvent(onDismiss)}\n />\n </div>\n )}\n </div>\n </VisualContext>\n </LinkDefaultVariantContext.Provider>\n </div>\n );\n }\n);\n\nexport default InternalAlert;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FAwGd,CAAC;AAGF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FAwGd,CAAC;AAGF,eAAe,SAAS,CAAC"}
@@ -2,12 +2,11 @@ import { __rest } from "tslib";
2
2
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import React from 'react';
5
- import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
5
+ import { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';
6
6
  import { useInternalI18n } from '../i18n/context';
7
7
  import { getBaseProps } from '../internal/base-component';
8
8
  import useBaseComponent from '../internal/hooks/use-base-component';
9
9
  import { useControllable } from '../internal/hooks/use-controllable';
10
- import { useMergeRefs } from '../internal/hooks/use-merge-refs';
11
10
  import { useMobile } from '../internal/hooks/use-mobile';
12
11
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
13
12
  import { isDevelopment } from '../internal/is-development';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.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 from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent<HTMLDivElement>(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const i18n = useInternalI18n('app-layout');\n const ariaLabels = {\n navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n };\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAIzE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EAYiB,EACjB,GAAkC,EAClC,EAAE;;QAdF,EACE,WAAW,GAAG,SAAS,EACvB,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,GAAG,EACrB,UAAU,GAAG,GAAG,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EAAE,wBAAwB,EACxC,kBAAkB,EAAE,4BAA4B,EAChD,iBAAiB,OAEF,EADZ,IAAI,cAXT,uLAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE;YACpC,QAAQ,CACN,WAAW,EACX,wKAAwK,CACzK,CAAC;SACH;KACF;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAC5C,WAAW,EACX;QACE,KAAK,EAAE;YACL,WAAW;YACX,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,eAAe;YACf,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU;YACV,eAAe;YACf,eAAe;YACf,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,2BAA2B,EAAE,IAAI,CAAC,2BAA2B;SAC9D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAI;YAC1C,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa;SACvC;KACF,EACD,iBAAiB,CAClB,CAAC;IACF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG;QACjB,UAAU,EAAE,IAAI,CAAC,uBAAuB,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,CAAC;QACtE,eAAe,EAAE,IAAI,CAAC,4BAA4B,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,eAAe,CAAC;QACrF,gBAAgB,EAAE,IAAI,CAAC,6BAA6B,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC;QACxF,aAAa,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC;QAC/E,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,CAAC;QACvD,UAAU,EAAE,IAAI,CAAC,uBAAuB,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,CAAC;QACtE,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC;QACzE,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,OAAO,CAAC;QAC7D,eAAe,EAAE,IAAI,CAAC,4BAA4B,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,eAAe,CAAC;QACrF,wBAAwB,EAAE,IAAI,CAAC,qCAAqC,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,wBAAwB,CAAC;KACjH,CAAC;IACF,MAAM,KAA6D,aAAa,CAC9E,WAAW,EACX,EAAE,eAAe,EAAE,eAAe,EAAE,EACpC,SAAS,CACV,EAJK,EAAE,cAAc,EAAE,qBAAqB,OAI5C,EAJiD,YAAY,cAAxD,kBAA0D,CAI/D,CAAC;IAEF,MAAM,CAAC,cAAc,GAAG,KAAK,EAAE,iBAAiB,CAAC,GAAG,eAAe,CACjE,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EACxC,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,EAAE,CACtG,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;QAC1F,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,4BAA4B,aAA5B,4BAA4B,uBAA5B,4BAA4B,CAAG,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,qBAAqB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IAEnF,wDAAwD;IACxD,MAAM,KAAK,+CACT,WAAW;QACX,eAAe;QACf,UAAU;QACV,cAAc;QACd,kBAAkB,IACf,YAAY,GACZ,IAAI,KACP,UAAU;QACV,SAAS,GACV,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,2CAAK,GAAG,EAAE,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAM,SAAS;QAC/D,oBAAC,iBAAiB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACzC,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent<HTMLDivElement>(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const i18n = useInternalI18n('app-layout');\n const ariaLabels = {\n navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n };\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
@@ -1,22 +1,22 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_12i0j_lhybb_189",
5
- "with-expanded-motion": "awsui_with-expanded-motion_12i0j_lhybb_203",
6
- "legacy": "awsui_legacy_12i0j_lhybb_217",
7
- "last-opened": "awsui_last-opened_12i0j_lhybb_225",
8
- "drawer-global": "awsui_drawer-global_12i0j_lhybb_229",
9
- "drawer-expanded": "awsui_drawer-expanded_12i0j_lhybb_238",
10
- "drawer-hidden": "awsui_drawer-hidden_12i0j_lhybb_242",
11
- "has-next-siblings": "awsui_has-next-siblings_12i0j_lhybb_252",
12
- "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lhybb_252",
13
- "drawer-content-container": "awsui_drawer-content-container_12i0j_lhybb_266",
14
- "drawer-gap": "awsui_drawer-gap_12i0j_lhybb_269",
15
- "drawer-close-button": "awsui_drawer-close-button_12i0j_lhybb_287",
16
- "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lhybb_293",
17
- "drawer-content": "awsui_drawer-content_12i0j_lhybb_266",
18
- "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lhybb_305",
19
- "drawer-slider": "awsui_drawer-slider_12i0j_lhybb_308",
20
- "drawer-actions": "awsui_drawer-actions_12i0j_lhybb_358"
4
+ "drawer": "awsui_drawer_12i0j_k4z6d_189",
5
+ "with-expanded-motion": "awsui_with-expanded-motion_12i0j_k4z6d_203",
6
+ "legacy": "awsui_legacy_12i0j_k4z6d_217",
7
+ "last-opened": "awsui_last-opened_12i0j_k4z6d_225",
8
+ "drawer-global": "awsui_drawer-global_12i0j_k4z6d_229",
9
+ "drawer-expanded": "awsui_drawer-expanded_12i0j_k4z6d_238",
10
+ "drawer-hidden": "awsui_drawer-hidden_12i0j_k4z6d_242",
11
+ "has-next-siblings": "awsui_has-next-siblings_12i0j_k4z6d_252",
12
+ "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_k4z6d_252",
13
+ "drawer-content-container": "awsui_drawer-content-container_12i0j_k4z6d_266",
14
+ "drawer-gap": "awsui_drawer-gap_12i0j_k4z6d_269",
15
+ "drawer-close-button": "awsui_drawer-close-button_12i0j_k4z6d_287",
16
+ "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_k4z6d_293",
17
+ "drawer-content": "awsui_drawer-content_12i0j_k4z6d_266",
18
+ "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_k4z6d_305",
19
+ "drawer-slider": "awsui_drawer-slider_12i0j_k4z6d_308",
20
+ "drawer-actions": "awsui_drawer-actions_12i0j_k4z6d_359"
21
21
  };
22
22
 
@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_drawer_12i0j_lhybb_189:not(#\9) {
189
+ .awsui_drawer_12i0j_k4z6d_189:not(#\9) {
190
190
  position: sticky;
191
191
  z-index: 830;
192
192
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
@@ -200,56 +200,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
200
200
  pointer-events: auto;
201
201
  word-wrap: break-word;
202
202
  }
203
- .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
203
+ .awsui_drawer_12i0j_k4z6d_189.awsui_with-expanded-motion_12i0j_k4z6d_203:not(#\9) {
204
204
  transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
205
205
  }
206
206
  @media (prefers-reduced-motion: reduce) {
207
- .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
207
+ .awsui_drawer_12i0j_k4z6d_189.awsui_with-expanded-motion_12i0j_k4z6d_203:not(#\9) {
208
208
  animation: none;
209
209
  transition: none;
210
210
  }
211
211
  }
212
- .awsui-motion-disabled .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_lhybb_189.awsui_with-expanded-motion_12i0j_lhybb_203:not(#\9) {
212
+ .awsui-motion-disabled .awsui_drawer_12i0j_k4z6d_189.awsui_with-expanded-motion_12i0j_k4z6d_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_k4z6d_189.awsui_with-expanded-motion_12i0j_k4z6d_203:not(#\9) {
213
213
  animation: none;
214
214
  transition: none;
215
215
  }
216
216
  @media (min-width: 689px) {
217
- .awsui_drawer_12i0j_lhybb_189:not(#\9):not(.awsui_legacy_12i0j_lhybb_217) {
217
+ .awsui_drawer_12i0j_k4z6d_189:not(#\9):not(.awsui_legacy_12i0j_k4z6d_217) {
218
218
  border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
219
219
  }
220
220
  }
221
221
  @media (max-width: 688px) {
222
- .awsui_drawer_12i0j_lhybb_189:not(#\9) {
222
+ .awsui_drawer_12i0j_k4z6d_189:not(#\9) {
223
223
  inline-size: 100%;
224
224
  }
225
- .awsui_drawer_12i0j_lhybb_189.awsui_last-opened_12i0j_lhybb_225:not(#\9) {
225
+ .awsui_drawer_12i0j_k4z6d_189.awsui_last-opened_12i0j_k4z6d_225:not(#\9) {
226
226
  z-index: 1001;
227
227
  }
228
228
  }
229
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9) {
229
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-global_12i0j_k4z6d_229:not(#\9) {
230
230
  display: block;
231
231
  }
232
232
  @media (min-width: 689px) {
233
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9) {
233
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-global_12i0j_k4z6d_229:not(#\9) {
234
234
  inline-size: var(--awsui-drawer-size-xgujsu);
235
235
  }
236
236
  }
237
237
  @media (max-width: 688px) {
238
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-global_12i0j_lhybb_229:not(#\9):not(.awsui_last-opened_12i0j_lhybb_225):not(.awsui_drawer-expanded_12i0j_lhybb_238) {
238
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-global_12i0j_k4z6d_229:not(#\9):not(.awsui_last-opened_12i0j_k4z6d_225):not(.awsui_drawer-expanded_12i0j_k4z6d_238) {
239
239
  display: none;
240
240
  }
241
241
  }
242
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-hidden_12i0j_lhybb_242:not(#\9) {
242
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-hidden_12i0j_k4z6d_242:not(#\9) {
243
243
  display: none;
244
244
  }
245
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238:not(#\9) {
245
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238:not(#\9) {
246
246
  inline-size: 100%;
247
247
  }
248
248
  @media (min-width: 689px) {
249
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238:not(#\9) {
249
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238:not(#\9) {
250
250
  border-inline-start: none;
251
251
  }
252
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238.awsui_has-next-siblings_12i0j_lhybb_252 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9):after {
252
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238.awsui_has-next-siblings_12i0j_k4z6d_252 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252:not(#\9):after {
253
253
  content: "";
254
254
  position: absolute;
255
255
  block-size: 100%;
@@ -259,14 +259,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
259
259
  border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
260
260
  box-sizing: border-box;
261
261
  }
262
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
262
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252:not(#\9) {
263
263
  inline-size: 100%;
264
264
  grid-template-columns: 8px 1fr;
265
265
  }
266
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
266
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266:not(#\9) {
267
267
  grid-column: 2;
268
268
  }
269
- .awsui_drawer_12i0j_lhybb_189.awsui_drawer-expanded_12i0j_lhybb_238 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-gap_12i0j_lhybb_269:not(#\9) {
269
+ .awsui_drawer_12i0j_k4z6d_189.awsui_drawer-expanded_12i0j_k4z6d_238 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-gap_12i0j_k4z6d_269:not(#\9) {
270
270
  grid-column: 1;
271
271
  grid-row: 1;
272
272
  block-size: 100%;
@@ -275,7 +275,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
275
275
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
276
276
  }
277
277
  }
278
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
278
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-content-container_12i0j_k4z6d_266:not(#\9) {
279
279
  grid-column: 1/span 2;
280
280
  grid-row: 1;
281
281
  display: grid;
@@ -284,13 +284,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
284
284
  overflow-y: auto;
285
285
  min-inline-size: var(--awsui-drawer-size-xgujsu);
286
286
  }
287
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-close-button_12i0j_lhybb_287:not(#\9) {
287
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-close-button_12i0j_k4z6d_287:not(#\9) {
288
288
  grid-column: 3;
289
289
  grid-row: 2;
290
290
  z-index: 1;
291
291
  align-self: start;
292
292
  }
293
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-expanded-mode-button_12i0j_lhybb_293:not(#\9) {
293
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-expanded-mode-button_12i0j_k4z6d_293:not(#\9) {
294
294
  grid-column: 2;
295
295
  grid-row: 2;
296
296
  z-index: 1;
@@ -298,47 +298,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
298
298
  display: flex;
299
299
  justify-content: flex-end;
300
300
  }
301
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266:not(#\9) {
301
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-content_12i0j_k4z6d_266:not(#\9) {
302
302
  grid-column: 1/span 4;
303
303
  grid-row: 1/span 2;
304
304
  }
305
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266.awsui_drawer-content-hidden_12i0j_lhybb_305:not(#\9) {
305
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-content_12i0j_k4z6d_266.awsui_drawer-content-hidden_12i0j_k4z6d_305:not(#\9) {
306
306
  display: none;
307
307
  }
308
- .awsui_drawer_12i0j_lhybb_189 > .awsui_drawer-slider_12i0j_lhybb_308:not(#\9) {
308
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_drawer-slider_12i0j_k4z6d_308:not(#\9) {
309
309
  grid-column: 1;
310
310
  grid-row: 1;
311
311
  block-size: 100%;
312
312
  display: flex;
313
313
  align-items: center;
314
314
  }
315
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
315
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252:not(#\9) {
316
316
  display: grid;
317
317
  min-inline-size: var(--awsui-drawer-size-xgujsu);
318
318
  grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
319
319
  overflow: hidden;
320
320
  }
321
321
  @media (max-width: 688px) {
322
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252:not(#\9) {
322
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252:not(#\9) {
323
323
  grid-template-columns: 1fr;
324
324
  grid-column: 1/span 2;
325
325
  }
326
326
  }
327
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-gap_12i0j_lhybb_269:not(#\9) {
327
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-gap_12i0j_k4z6d_269:not(#\9) {
328
328
  grid-column: 1;
329
329
  grid-row: 1;
330
330
  block-size: 100%;
331
331
  inline-size: 8px;
332
332
  background: var(--color-gap-global-drawer-w5yxw2, #ebebf0);
333
333
  border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
334
+ box-sizing: border-box;
334
335
  }
335
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-slider_12i0j_lhybb_308:not(#\9) {
336
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-slider_12i0j_k4z6d_308:not(#\9) {
336
337
  grid-column: 2;
337
338
  grid-row: 1;
338
339
  display: flex;
339
340
  align-items: center;
340
341
  }
341
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
342
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266:not(#\9) {
342
343
  grid-row: 1;
343
344
  display: grid;
344
345
  grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
@@ -346,16 +347,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
346
347
  overflow-y: auto;
347
348
  }
348
349
  @media (min-width: 689px) {
349
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
350
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266:not(#\9) {
350
351
  grid-column: 2/span 2;
351
352
  }
352
353
  }
353
354
  @media (max-width: 688px) {
354
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266:not(#\9) {
355
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266:not(#\9) {
355
356
  grid-column: 1/span 2;
356
357
  }
357
358
  }
358
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-actions_12i0j_lhybb_358:not(#\9) {
359
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-actions_12i0j_k4z6d_359:not(#\9) {
359
360
  position: absolute;
360
361
  display: flex;
361
362
  align-self: flex-start;
@@ -363,13 +364,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
363
364
  padding-inline-end: var(--space-m-dsumyt, 16px);
364
365
  padding-block-start: 14px;
365
366
  }
366
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-close-button_12i0j_lhybb_287:not(#\9) {
367
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-close-button_12i0j_k4z6d_287:not(#\9) {
367
368
  grid-column: 3;
368
369
  grid-row: 2;
369
370
  z-index: 1;
370
371
  align-self: start;
371
372
  }
372
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-expanded-mode-button_12i0j_lhybb_293:not(#\9) {
373
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-expanded-mode-button_12i0j_k4z6d_293:not(#\9) {
373
374
  grid-column: 2;
374
375
  grid-row: 2;
375
376
  z-index: 1;
@@ -377,10 +378,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
377
378
  display: flex;
378
379
  justify-content: flex-end;
379
380
  }
380
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266:not(#\9) {
381
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-content_12i0j_k4z6d_266:not(#\9) {
381
382
  grid-column: 1/span 4;
382
383
  grid-row: 1/span 2;
383
384
  }
384
- .awsui_drawer_12i0j_lhybb_189 > .awsui_global-drawer-wrapper_12i0j_lhybb_252 > .awsui_drawer-content-container_12i0j_lhybb_266 > .awsui_drawer-content_12i0j_lhybb_266.awsui_drawer-content-hidden_12i0j_lhybb_305:not(#\9) {
385
+ .awsui_drawer_12i0j_k4z6d_189 > .awsui_global-drawer-wrapper_12i0j_k4z6d_252 > .awsui_drawer-content-container_12i0j_k4z6d_266 > .awsui_drawer-content_12i0j_k4z6d_266.awsui_drawer-content-hidden_12i0j_k4z6d_305:not(#\9) {
385
386
  display: none;
386
387
  }
@@ -2,22 +2,22 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_12i0j_lhybb_189",
6
- "with-expanded-motion": "awsui_with-expanded-motion_12i0j_lhybb_203",
7
- "legacy": "awsui_legacy_12i0j_lhybb_217",
8
- "last-opened": "awsui_last-opened_12i0j_lhybb_225",
9
- "drawer-global": "awsui_drawer-global_12i0j_lhybb_229",
10
- "drawer-expanded": "awsui_drawer-expanded_12i0j_lhybb_238",
11
- "drawer-hidden": "awsui_drawer-hidden_12i0j_lhybb_242",
12
- "has-next-siblings": "awsui_has-next-siblings_12i0j_lhybb_252",
13
- "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_lhybb_252",
14
- "drawer-content-container": "awsui_drawer-content-container_12i0j_lhybb_266",
15
- "drawer-gap": "awsui_drawer-gap_12i0j_lhybb_269",
16
- "drawer-close-button": "awsui_drawer-close-button_12i0j_lhybb_287",
17
- "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_lhybb_293",
18
- "drawer-content": "awsui_drawer-content_12i0j_lhybb_266",
19
- "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_lhybb_305",
20
- "drawer-slider": "awsui_drawer-slider_12i0j_lhybb_308",
21
- "drawer-actions": "awsui_drawer-actions_12i0j_lhybb_358"
5
+ "drawer": "awsui_drawer_12i0j_k4z6d_189",
6
+ "with-expanded-motion": "awsui_with-expanded-motion_12i0j_k4z6d_203",
7
+ "legacy": "awsui_legacy_12i0j_k4z6d_217",
8
+ "last-opened": "awsui_last-opened_12i0j_k4z6d_225",
9
+ "drawer-global": "awsui_drawer-global_12i0j_k4z6d_229",
10
+ "drawer-expanded": "awsui_drawer-expanded_12i0j_k4z6d_238",
11
+ "drawer-hidden": "awsui_drawer-hidden_12i0j_k4z6d_242",
12
+ "has-next-siblings": "awsui_has-next-siblings_12i0j_k4z6d_252",
13
+ "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_k4z6d_252",
14
+ "drawer-content-container": "awsui_drawer-content-container_12i0j_k4z6d_266",
15
+ "drawer-gap": "awsui_drawer-gap_12i0j_k4z6d_269",
16
+ "drawer-close-button": "awsui_drawer-close-button_12i0j_k4z6d_287",
17
+ "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_k4z6d_293",
18
+ "drawer-content": "awsui_drawer-content_12i0j_k4z6d_266",
19
+ "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_k4z6d_305",
20
+ "drawer-slider": "awsui_drawer-slider_12i0j_k4z6d_308",
21
+ "drawer-actions": "awsui_drawer-actions_12i0j_k4z6d_359"
22
22
  };
23
23
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAejG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,cAAc,CAAC;AAa1E,QAAA,MAAM,6BAA6B,mGAsgBlC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAcjG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAAE,sBAAsB,EAAsB,MAAM,cAAc,CAAC;AAa1E,QAAA,MAAM,6BAA6B,mGAsgBlC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
@@ -2,12 +2,11 @@ import { __rest } from "tslib";
2
2
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  // SPDX-License-Identifier: Apache-2.0
4
4
  import React, { useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';
5
- import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
5
+ import { useMergeRefs, useStableCallback } from '@cloudscape-design/component-toolkit/internal';
6
6
  import ScreenreaderOnly from '../../internal/components/screenreader-only';
7
7
  import { fireNonCancelableEvent } from '../../internal/events';
8
8
  import { useControllable } from '../../internal/hooks/use-controllable';
9
9
  import { useIntersectionObserver } from '../../internal/hooks/use-intersection-observer';
10
- import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
11
10
  import { useMobile } from '../../internal/hooks/use-mobile';
12
11
  import { useUniqueId } from '../../internal/hooks/use-unique-id';
13
12
  import { useGetGlobalBreadcrumbs } from '../../internal/plugins/helpers/use-global-breadcrumbs';