@cloudscape-design/components-themeable 3.0.348 → 3.0.349

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 (203) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +2 -0
  3. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +3 -3
  4. package/lib/internal/scss/app-layout/visual-refresh/navigation.scss +1 -0
  5. package/lib/internal/scss/app-layout/visual-refresh/tools.scss +1 -0
  6. package/lib/internal/scss/button/styles.scss +1 -1
  7. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +2 -3
  8. package/lib/internal/scss/button-dropdown/item-element/styles.scss +2 -2
  9. package/lib/internal/scss/cards/styles.scss +3 -9
  10. package/lib/internal/scss/container/shared.scss +2 -2
  11. package/lib/internal/scss/container/styles.scss +3 -0
  12. package/lib/internal/scss/expandable-section/styles.scss +2 -2
  13. package/lib/internal/scss/header/styles.scss +61 -58
  14. package/lib/internal/scss/modal/styles.scss +1 -1
  15. package/lib/internal/scss/segmented-control/segment.scss +1 -1
  16. package/lib/internal/scss/table/styles.scss +6 -14
  17. package/lib/internal/template/app-layout/styles.css.js +17 -17
  18. package/lib/internal/template/app-layout/styles.scoped.css +21 -21
  19. package/lib/internal/template/app-layout/styles.selectors.js +17 -17
  20. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  21. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +173 -169
  22. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  23. package/lib/internal/template/area-chart/chart-container.d.ts +2 -2
  24. package/lib/internal/template/area-chart/chart-container.d.ts.map +1 -1
  25. package/lib/internal/template/area-chart/chart-container.js +1 -1
  26. package/lib/internal/template/area-chart/chart-container.js.map +1 -1
  27. package/lib/internal/template/area-chart/interfaces.d.ts +5 -1
  28. package/lib/internal/template/area-chart/interfaces.d.ts.map +1 -1
  29. package/lib/internal/template/area-chart/interfaces.js.map +1 -1
  30. package/lib/internal/template/area-chart/internal.d.ts +1 -1
  31. package/lib/internal/template/area-chart/internal.d.ts.map +1 -1
  32. package/lib/internal/template/area-chart/internal.js +2 -2
  33. package/lib/internal/template/area-chart/internal.js.map +1 -1
  34. package/lib/internal/template/attribute-editor/interfaces.d.ts +7 -0
  35. package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
  36. package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
  37. package/lib/internal/template/attribute-editor/internal.d.ts.map +1 -1
  38. package/lib/internal/template/attribute-editor/internal.js +2 -2
  39. package/lib/internal/template/attribute-editor/internal.js.map +1 -1
  40. package/lib/internal/template/attribute-editor/row.d.ts +3 -2
  41. package/lib/internal/template/attribute-editor/row.d.ts.map +1 -1
  42. package/lib/internal/template/attribute-editor/row.js +2 -2
  43. package/lib/internal/template/attribute-editor/row.js.map +1 -1
  44. package/lib/internal/template/box/styles.css.js +189 -189
  45. package/lib/internal/template/box/styles.scoped.css +257 -257
  46. package/lib/internal/template/box/styles.selectors.js +189 -189
  47. package/lib/internal/template/button/styles.css.js +20 -20
  48. package/lib/internal/template/button/styles.scoped.css +154 -154
  49. package/lib/internal/template/button/styles.selectors.js +20 -20
  50. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  51. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +25 -25
  52. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  53. package/lib/internal/template/button-dropdown/item-element/styles.css.js +14 -14
  54. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +20 -20
  55. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +14 -14
  56. package/lib/internal/template/cards/styles.css.js +38 -38
  57. package/lib/internal/template/cards/styles.scoped.css +57 -62
  58. package/lib/internal/template/cards/styles.selectors.js +38 -38
  59. package/lib/internal/template/container/styles.css.js +28 -28
  60. package/lib/internal/template/container/styles.scoped.css +57 -54
  61. package/lib/internal/template/container/styles.selectors.js +28 -28
  62. package/lib/internal/template/content-layout/styles.css.js +7 -7
  63. package/lib/internal/template/content-layout/styles.scoped.css +13 -13
  64. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  65. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  66. package/lib/internal/template/expandable-section/styles.scoped.css +61 -61
  67. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  68. package/lib/internal/template/flashbar/styles.css.js +46 -46
  69. package/lib/internal/template/flashbar/styles.scoped.css +146 -146
  70. package/lib/internal/template/flashbar/styles.selectors.js +46 -46
  71. package/lib/internal/template/form-field/internal.js +3 -2
  72. package/lib/internal/template/form-field/internal.js.map +1 -1
  73. package/lib/internal/template/header/internal.d.ts.map +1 -1
  74. package/lib/internal/template/header/internal.js +5 -5
  75. package/lib/internal/template/header/internal.js.map +1 -1
  76. package/lib/internal/template/header/styles.css.js +33 -44
  77. package/lib/internal/template/header/styles.scoped.css +85 -91
  78. package/lib/internal/template/header/styles.selectors.js +33 -44
  79. package/lib/internal/template/help-panel/styles.css.js +4 -4
  80. package/lib/internal/template/help-panel/styles.scoped.css +80 -80
  81. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  82. package/lib/internal/template/icon/styles.css.js +21 -21
  83. package/lib/internal/template/icon/styles.scoped.css +54 -54
  84. package/lib/internal/template/icon/styles.selectors.js +21 -21
  85. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  86. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +14 -13
  87. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  88. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +6 -7
  89. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -1
  90. package/lib/internal/template/internal/analytics/context/analytics-context.js +2 -6
  91. package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -1
  92. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +4 -7
  93. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  94. package/lib/internal/template/internal/analytics/hooks/use-funnel.js +9 -7
  95. package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -1
  96. package/lib/internal/template/internal/base-component/styles.scoped.css +86 -80
  97. package/lib/internal/template/internal/components/button-trigger/index.d.ts +2 -1
  98. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  99. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  100. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  101. package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts +10 -2
  102. package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  103. package/lib/internal/template/internal/components/cartesian-chart/interfaces.js.map +1 -1
  104. package/lib/internal/template/internal/components/dropdown/index.d.ts +1 -1
  105. package/lib/internal/template/internal/components/dropdown/index.d.ts.map +1 -1
  106. package/lib/internal/template/internal/components/dropdown/index.js +4 -4
  107. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  108. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts +8 -0
  109. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +1 -1
  110. package/lib/internal/template/internal/components/dropdown/interfaces.js.map +1 -1
  111. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  112. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
  113. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  114. package/lib/internal/template/internal/environment.js +1 -1
  115. package/lib/internal/template/internal/generated/theming/index.cjs +153 -120
  116. package/lib/internal/template/internal/generated/theming/index.js +153 -120
  117. package/lib/internal/template/link/internal.d.ts.map +1 -1
  118. package/lib/internal/template/link/internal.js +3 -2
  119. package/lib/internal/template/link/internal.js.map +1 -1
  120. package/lib/internal/template/link/styles.css.js +20 -20
  121. package/lib/internal/template/link/styles.scoped.css +83 -83
  122. package/lib/internal/template/link/styles.selectors.js +20 -20
  123. package/lib/internal/template/mixed-line-bar-chart/internal.d.ts +1 -1
  124. package/lib/internal/template/mixed-line-bar-chart/internal.d.ts.map +1 -1
  125. package/lib/internal/template/mixed-line-bar-chart/internal.js +2 -2
  126. package/lib/internal/template/mixed-line-bar-chart/internal.js.map +1 -1
  127. package/lib/internal/template/modal/styles.css.js +23 -23
  128. package/lib/internal/template/modal/styles.scoped.css +40 -40
  129. package/lib/internal/template/modal/styles.selectors.js +23 -23
  130. package/lib/internal/template/pagination/styles.css.js +9 -9
  131. package/lib/internal/template/pagination/styles.scoped.css +24 -24
  132. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  133. package/lib/internal/template/popover/styles.css.js +50 -50
  134. package/lib/internal/template/popover/styles.scoped.css +65 -65
  135. package/lib/internal/template/popover/styles.selectors.js +50 -50
  136. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  137. package/lib/internal/template/property-filter/index.js +4 -3
  138. package/lib/internal/template/property-filter/index.js.map +1 -1
  139. package/lib/internal/template/property-filter/interfaces.d.ts +16 -5
  140. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  141. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  142. package/lib/internal/template/s3-resource-selector/index.d.ts.map +1 -1
  143. package/lib/internal/template/s3-resource-selector/index.js +2 -2
  144. package/lib/internal/template/s3-resource-selector/index.js.map +1 -1
  145. package/lib/internal/template/s3-resource-selector/interfaces.d.ts +7 -0
  146. package/lib/internal/template/s3-resource-selector/interfaces.d.ts.map +1 -1
  147. package/lib/internal/template/s3-resource-selector/interfaces.js.map +1 -1
  148. package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts +1 -0
  149. package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  150. package/lib/internal/template/s3-resource-selector/s3-in-context/index.js +2 -2
  151. package/lib/internal/template/s3-resource-selector/s3-in-context/index.js.map +1 -1
  152. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  153. package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
  154. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  155. package/lib/internal/template/select/utils/use-select.d.ts +5 -7
  156. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  157. package/lib/internal/template/select/utils/use-select.js +6 -0
  158. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  159. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  160. package/lib/internal/template/side-navigation/styles.scoped.css +49 -49
  161. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  162. package/lib/internal/template/spinner/styles.css.js +13 -13
  163. package/lib/internal/template/spinner/styles.scoped.css +22 -22
  164. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  165. package/lib/internal/template/split-panel/styles.css.js +56 -56
  166. package/lib/internal/template/split-panel/styles.scoped.css +80 -80
  167. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  168. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  169. package/lib/internal/template/table/header-cell/styles.scoped.css +41 -41
  170. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  171. package/lib/internal/template/table/styles.css.js +34 -34
  172. package/lib/internal/template/table/styles.scoped.css +45 -52
  173. package/lib/internal/template/table/styles.selectors.js +34 -34
  174. package/lib/internal/template/tabs/styles.css.js +21 -21
  175. package/lib/internal/template/tabs/styles.scoped.css +41 -41
  176. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  177. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  178. package/lib/internal/template/tag-editor/styles.scoped.css +11 -11
  179. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  180. package/lib/internal/template/text-content/styles.css.js +1 -1
  181. package/lib/internal/template/text-content/styles.scoped.css +71 -71
  182. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  183. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  184. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -45
  185. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  186. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  187. package/lib/internal/template/top-navigation/styles.scoped.css +74 -74
  188. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  189. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  190. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
  191. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  192. package/lib/internal/template/wizard/interfaces.d.ts +10 -3
  193. package/lib/internal/template/wizard/interfaces.d.ts.map +1 -1
  194. package/lib/internal/template/wizard/interfaces.js.map +1 -1
  195. package/lib/internal/template/wizard/internal.d.ts +1 -1
  196. package/lib/internal/template/wizard/internal.d.ts.map +1 -1
  197. package/lib/internal/template/wizard/internal.js +5 -5
  198. package/lib/internal/template/wizard/internal.js.map +1 -1
  199. package/lib/internal/template/wizard/wizard-form.d.ts +2 -1
  200. package/lib/internal/template/wizard/wizard-form.d.ts.map +1 -1
  201. package/lib/internal/template/wizard/wizard-form.js +2 -2
  202. package/lib/internal/template/wizard/wizard-form.js.map +1 -1
  203. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"wizard-form.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form.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';\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\n\ninterface WizardFormProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n isVisualRefresh: boolean;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport default function WizardForm({\n steps,\n activeStepIndex,\n isVisualRefresh,\n showCollapsedSteps,\n i18nStrings,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n const isMobile = useMobile();\n const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [activeStepIndex]);\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n return (\n <>\n <WizardFormHeader isMobile={isMobile || showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n {title}\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n <AnalyticsFunnelStep\n stepNameSelector={`.${styles['form-header-component-wrapper']}`}\n stepNumber={activeStepIndex + 1}\n >\n {({ funnelStepProps }) => (\n <InternalForm\n className={clsx(styles['form-component'])}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n {...funnelStepProps}\n >\n {content}\n </InternalForm>\n )}\n </AnalyticsFunnelStep>\n </>\n );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n let nextRequiredStepIndex = activeStepIndex;\n do {\n nextRequiredStepIndex++;\n } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}
1
+ {"version":3,"file":"wizard-form.js","sourceRoot":"lib/default/","sources":["wizard/wizard-form.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAkBxF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,cAAc,EACd,aAAa,GACG;;IAChB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAClG,MAAM,UAAU,GAAG,eAAe,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,iBAAiB,CAAC,GAAG,EAAE;;QACrB,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,EAAE;YAC1C,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,UAAU,GAAG,WAAW,IAAI,iBAAiB,KAAK,CAAC,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GACpB,iBAAiB,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,iBAAiB;QACvD,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,CAAC,CAAC;QAChF,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,IAAI,kBAAkB,EAAE,eAAe,EAAE,eAAe;YAC1F,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,IAAI,MAAM,CAAC,wBAAwB,CAAC,CAAC,IACrG,MAAA,WAAW,CAAC,mBAAmB,4DAAG,eAAe,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CACjE;YACN,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI;gBAC3G,8BAAM,SAAS,EAAE,MAAM,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa;oBACvF,KAAK;oBACL,UAAU,IAAI,+BAAI,MAAM,WAAW,CAAC,QAAQ,EAAE,CAAK,CAC/C,CACQ,CACA;QACnB,oBAAC,mBAAmB,IAClB,gBAAgB,EAAE,IAAI,MAAM,CAAC,+BAA+B,CAAC,EAAE,EAC/D,UAAU,EAAE,eAAe,GAAG,CAAC,IAE9B,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,oBAAC,YAAY,kBACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACzC,OAAO,EACL,oBAAC,aAAa,IACZ,gBAAgB,EAAE,WAAW,CAAC,YAAY,EAC1C,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,EACrG,wBAAwB,EACtB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,+BAA+B,CAAC,CAAC,CAAC,WAAW,CAAC,6BAA6B,EAEtG,kBAAkB,EAAE,WAAW,CAAC,cAAc,EAC9C,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,YAAY,EAAE,eAAe,KAAK,CAAC,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,GAClC,EAEJ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,WAAW,CAAC,kBAAkB,IAC9C,eAAe,GAElB,OAAO,CACK,CAChB,CACmB,CACrB,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAsC,EAAE,eAAuB;IAC5F,IAAI,qBAAqB,GAAG,eAAe,CAAC;IAC5C,GAAG;QACD,qBAAqB,EAAE,CAAC;KACzB,QAAQ,qBAAqB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,UAAU,EAAE;IAE9F,OAAO,qBAAqB,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClF,CAAC","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';\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport WizardActions from './wizard-actions';\nimport { WizardProps } from './interfaces';\nimport WizardFormHeader from './wizard-form-header';\nimport styles from './styles.css.js';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\n\ninterface WizardFormProps {\n steps: ReadonlyArray<WizardProps.Step>;\n activeStepIndex: number;\n isVisualRefresh: boolean;\n showCollapsedSteps: boolean;\n i18nStrings: WizardProps.I18nStrings;\n submitButtonText?: string;\n isPrimaryLoading: boolean;\n allowSkipTo: boolean;\n secondaryActions?: React.ReactNode;\n onCancelClick: () => void;\n onPreviousClick: () => void;\n onPrimaryClick: () => void;\n onSkipToClick: (stepIndex: number) => void;\n}\n\nexport default function WizardForm({\n steps,\n activeStepIndex,\n isVisualRefresh,\n showCollapsedSteps,\n i18nStrings,\n submitButtonText,\n isPrimaryLoading,\n allowSkipTo,\n secondaryActions,\n onCancelClick,\n onPreviousClick,\n onPrimaryClick,\n onSkipToClick,\n}: WizardFormProps) {\n const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n const isLastStep = activeStepIndex >= steps.length - 1;\n const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n const isMobile = useMobile();\n const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n useEffectOnUpdate(() => {\n if (stepHeaderRef && stepHeaderRef.current) {\n stepHeaderRef.current?.focus();\n }\n }, [activeStepIndex]);\n\n const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n const skipToButtonText =\n skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n : undefined;\n\n return (\n <>\n <WizardFormHeader isMobile={isMobile || showCollapsedSteps} isVisualRefresh={isVisualRefresh}>\n <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n </div>\n <InternalHeader className={styles['form-header-component']} variant=\"h1\" description={description} info={info}>\n <span className={styles['form-header-component-wrapper']} tabIndex={-1} ref={stepHeaderRef}>\n {title}\n {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n </span>\n </InternalHeader>\n </WizardFormHeader>\n <AnalyticsFunnelStep\n stepNameSelector={`.${styles['form-header-component-wrapper']}`}\n stepNumber={activeStepIndex + 1}\n >\n {({ funnelStepProps }) => (\n <InternalForm\n className={clsx(styles['form-component'])}\n actions={\n <WizardActions\n cancelButtonText={i18nStrings.cancelButton}\n primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n primaryButtonLoadingText={\n isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n }\n previousButtonText={i18nStrings.previousButton}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onPrimaryClick={onPrimaryClick}\n onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n showPrevious={activeStepIndex !== 0}\n isPrimaryLoading={isPrimaryLoading}\n showSkipTo={showSkipTo}\n skipToButtonText={skipToButtonText}\n />\n }\n secondaryActions={secondaryActions}\n errorText={errorText}\n errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n {...funnelStepProps}\n >\n {content}\n </InternalForm>\n )}\n </AnalyticsFunnelStep>\n </>\n );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n let nextRequiredStepIndex = activeStepIndex;\n do {\n nextRequiredStepIndex++;\n } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.348",
3
+ "version": "3.0.349",
4
4
  "files": [
5
5
  "lib",
6
6
  "package.json",