@carbon/ibm-products 2.28.0 → 2.29.0-alpha.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. package/css/index-full-carbon.css +226 -17
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +41 -9
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +226 -17
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +189 -9
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  18. package/es/components/APIKeyModal/APIKeyModal.js +13 -9
  19. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  20. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  21. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  22. package/es/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  23. package/es/components/Datagrid/useInitialColumnSort.js +42 -0
  24. package/es/components/Datagrid/useSortableColumns.d.ts +4 -0
  25. package/es/components/Datagrid/useSortableColumns.js +16 -16
  26. package/es/components/DescriptionList/DescriptionList.d.ts +42 -0
  27. package/es/components/DescriptionList/DescriptionList.js +88 -0
  28. package/es/components/DescriptionList/constants.d.ts +6 -0
  29. package/es/components/DescriptionList/constants.js +16 -0
  30. package/es/components/DescriptionList/index.d.ts +1 -0
  31. package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  32. package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  33. package/es/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  34. package/es/components/StatusIndicator/StatusIndicator.js +100 -0
  35. package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  36. package/es/components/StatusIndicator/index.d.ts +2 -0
  37. package/es/components/index.d.ts +2 -0
  38. package/es/global/js/package-settings.d.ts +3 -0
  39. package/es/global/js/package-settings.js +3 -0
  40. package/es/index.js +2 -0
  41. package/es/settings.d.ts +3 -0
  42. package/lib/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  43. package/lib/components/APIKeyModal/APIKeyModal.js +13 -9
  44. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  45. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  46. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  47. package/lib/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  48. package/lib/components/Datagrid/useInitialColumnSort.js +46 -0
  49. package/lib/components/Datagrid/useSortableColumns.d.ts +4 -0
  50. package/lib/components/Datagrid/useSortableColumns.js +16 -15
  51. package/lib/components/DescriptionList/DescriptionList.d.ts +42 -0
  52. package/lib/components/DescriptionList/DescriptionList.js +95 -0
  53. package/lib/components/DescriptionList/constants.d.ts +6 -0
  54. package/lib/components/DescriptionList/constants.js +20 -0
  55. package/lib/components/DescriptionList/index.d.ts +1 -0
  56. package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  57. package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  58. package/lib/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  59. package/lib/components/StatusIndicator/StatusIndicator.js +107 -0
  60. package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  61. package/lib/components/StatusIndicator/index.d.ts +2 -0
  62. package/lib/components/index.d.ts +2 -0
  63. package/lib/global/js/package-settings.d.ts +3 -0
  64. package/lib/global/js/package-settings.js +3 -0
  65. package/lib/index.js +10 -0
  66. package/lib/settings.d.ts +3 -0
  67. package/package.json +3 -3
  68. package/scss/components/DescriptionList/_carbon-imports.scss +9 -0
  69. package/scss/components/DescriptionList/_description-list.scss +103 -0
  70. package/scss/components/DescriptionList/_index-with-carbon.scss +9 -0
  71. package/scss/components/DescriptionList/_index.scss +8 -0
  72. package/scss/components/SidePanel/_side-panel.scss +6 -1
  73. package/scss/components/StatusIndicator/_carbon-imports.scss +12 -0
  74. package/scss/components/StatusIndicator/_index-with-carbon.scss +9 -0
  75. package/scss/components/StatusIndicator/_index.scss +8 -0
  76. package/scss/components/StatusIndicator/_status-indicator.scss +93 -0
  77. package/scss/components/Tearsheet/_tearsheet.scss +42 -16
  78. package/scss/components/_index-with-carbon.scss +2 -0
  79. package/scss/components/_index.scss +2 -0
@@ -9,301 +9,9 @@ export namespace HTTPErrorContent {
9
9
  export namespace propTypes {
10
10
  let description: import("prop-types").Validator<string>;
11
11
  let errorCodeLabel: import("prop-types").Validator<string>;
12
- let links: import("prop-types").Requireable<(import("prop-types").InferProps<{
13
- /**
14
- * The text to display for the link
15
- */
16
- text: import("prop-types").Validator<string>;
17
- /**
18
- * The link's destination
19
- */
20
- href: import("prop-types").Validator<string>;
21
- as?: React.Validator<string | null | undefined> | undefined;
22
- 'aria-current'?: React.Validator<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | null | undefined> | undefined;
23
- className?: React.Validator<string | null | undefined> | undefined;
24
- disabled?: React.Validator<boolean | null | undefined> | undefined;
25
- inline?: React.Validator<boolean | null | undefined> | undefined;
26
- renderIcon?: React.Validator<React.ComponentType | null | undefined> | undefined;
27
- size?: React.Validator<"sm" | "md" | "lg" | null | undefined> | undefined;
28
- target?: React.Validator<React.HTMLAttributeAnchorTarget | null | undefined> | undefined;
29
- visited?: React.Validator<boolean | null | undefined> | undefined;
30
- download?: React.Validator<any> | undefined;
31
- hrefLang?: React.Validator<string | null | undefined> | undefined;
32
- media?: React.Validator<string | null | undefined> | undefined;
33
- ping?: React.Validator<string | null | undefined> | undefined;
34
- type?: React.Validator<string | null | undefined> | undefined;
35
- referrerPolicy?: React.Validator<React.HTMLAttributeReferrerPolicy | null | undefined> | undefined;
36
- defaultChecked?: React.Validator<boolean | null | undefined> | undefined;
37
- defaultValue?: React.Validator<string | number | readonly string[] | null | undefined> | undefined;
38
- suppressContentEditableWarning?: React.Validator<boolean | null | undefined> | undefined;
39
- suppressHydrationWarning?: React.Validator<boolean | null | undefined> | undefined;
40
- accessKey?: React.Validator<string | null | undefined> | undefined;
41
- autoFocus?: React.Validator<boolean | null | undefined> | undefined;
42
- contentEditable?: React.Validator<(boolean | "true" | "false") | "inherit" | "plaintext-only" | null | undefined> | undefined;
43
- contextMenu?: React.Validator<string | null | undefined> | undefined;
44
- dir?: React.Validator<string | null | undefined> | undefined;
45
- draggable?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
46
- hidden?: React.Validator<boolean | null | undefined> | undefined;
47
- id?: React.Validator<string | null | undefined> | undefined;
48
- lang?: React.Validator<string | null | undefined> | undefined;
49
- nonce?: React.Validator<string | null | undefined> | undefined;
50
- slot?: React.Validator<string | null | undefined> | undefined;
51
- spellCheck?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
52
- style?: React.Validator<React.CSSProperties | null | undefined> | undefined;
53
- tabIndex?: React.Validator<number | null | undefined> | undefined;
54
- title?: React.Validator<string | null | undefined> | undefined;
55
- translate?: React.Validator<"yes" | "no" | null | undefined> | undefined;
56
- radioGroup?: React.Validator<string | null | undefined> | undefined;
57
- role?: React.Validator<React.AriaRole | null | undefined> | undefined;
58
- about?: React.Validator<string | null | undefined> | undefined;
59
- content?: React.Validator<string | null | undefined> | undefined;
60
- datatype?: React.Validator<string | null | undefined> | undefined;
61
- inlist?: React.Validator<any> | undefined;
62
- prefix?: React.Validator<string | null | undefined> | undefined;
63
- property?: React.Validator<string | null | undefined> | undefined;
64
- rel?: React.Validator<string | null | undefined> | undefined;
65
- resource?: React.Validator<string | null | undefined> | undefined;
66
- rev?: React.Validator<string | null | undefined> | undefined;
67
- typeof?: React.Validator<string | null | undefined> | undefined;
68
- vocab?: React.Validator<string | null | undefined> | undefined;
69
- autoCapitalize?: React.Validator<string | null | undefined> | undefined;
70
- autoCorrect?: React.Validator<string | null | undefined> | undefined;
71
- autoSave?: React.Validator<string | null | undefined> | undefined;
72
- color?: React.Validator<string | null | undefined> | undefined;
73
- itemProp?: React.Validator<string | null | undefined> | undefined;
74
- itemScope?: React.Validator<boolean | null | undefined> | undefined;
75
- itemType?: React.Validator<string | null | undefined> | undefined;
76
- itemID?: React.Validator<string | null | undefined> | undefined;
77
- itemRef?: React.Validator<string | null | undefined> | undefined;
78
- results?: React.Validator<number | null | undefined> | undefined;
79
- security?: React.Validator<string | null | undefined> | undefined;
80
- unselectable?: React.Validator<"on" | "off" | null | undefined> | undefined;
81
- inputMode?: React.Validator<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined> | undefined;
82
- is?: React.Validator<string | null | undefined> | undefined;
83
- "aria-activedescendant"?: React.Validator<string | null | undefined> | undefined;
84
- "aria-atomic"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
85
- "aria-autocomplete"?: React.Validator<"list" | "none" | "inline" | "both" | null | undefined> | undefined;
86
- "aria-braillelabel"?: React.Validator<string | null | undefined> | undefined;
87
- "aria-brailleroledescription"?: React.Validator<string | null | undefined> | undefined;
88
- "aria-busy"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
89
- "aria-checked"?: React.Validator<boolean | "true" | "false" | "mixed" | null | undefined> | undefined;
90
- "aria-colcount"?: React.Validator<number | null | undefined> | undefined;
91
- "aria-colindex"?: React.Validator<number | null | undefined> | undefined;
92
- "aria-colindextext"?: React.Validator<string | null | undefined> | undefined;
93
- "aria-colspan"?: React.Validator<number | null | undefined> | undefined;
94
- "aria-controls"?: React.Validator<string | null | undefined> | undefined;
95
- "aria-describedby"?: React.Validator<string | null | undefined> | undefined;
96
- "aria-description"?: React.Validator<string | null | undefined> | undefined;
97
- "aria-details"?: React.Validator<string | null | undefined> | undefined;
98
- "aria-disabled"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
99
- "aria-dropeffect"?: React.Validator<"link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined> | undefined;
100
- "aria-errormessage"?: React.Validator<string | null | undefined> | undefined;
101
- "aria-expanded"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
102
- "aria-flowto"?: React.Validator<string | null | undefined> | undefined;
103
- "aria-grabbed"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
104
- "aria-haspopup"?: React.Validator<boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | null | undefined> | undefined;
105
- "aria-hidden"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
106
- "aria-invalid"?: React.Validator<boolean | "true" | "false" | "grammar" | "spelling" | null | undefined> | undefined;
107
- "aria-keyshortcuts"?: React.Validator<string | null | undefined> | undefined;
108
- "aria-label"?: React.Validator<string | null | undefined> | undefined;
109
- "aria-labelledby"?: React.Validator<string | null | undefined> | undefined;
110
- "aria-level"?: React.Validator<number | null | undefined> | undefined;
111
- "aria-live"?: React.Validator<"off" | "assertive" | "polite" | null | undefined> | undefined;
112
- "aria-modal"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
113
- "aria-multiline"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
114
- "aria-multiselectable"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
115
- "aria-orientation"?: React.Validator<"horizontal" | "vertical" | null | undefined> | undefined;
116
- "aria-owns"?: React.Validator<string | null | undefined> | undefined;
117
- "aria-placeholder"?: React.Validator<string | null | undefined> | undefined;
118
- "aria-posinset"?: React.Validator<number | null | undefined> | undefined;
119
- "aria-pressed"?: React.Validator<boolean | "true" | "false" | "mixed" | null | undefined> | undefined;
120
- "aria-readonly"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
121
- "aria-relevant"?: React.Validator<"all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined> | undefined;
122
- "aria-required"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
123
- "aria-roledescription"?: React.Validator<string | null | undefined> | undefined;
124
- "aria-rowcount"?: React.Validator<number | null | undefined> | undefined;
125
- "aria-rowindex"?: React.Validator<number | null | undefined> | undefined;
126
- "aria-rowindextext"?: React.Validator<string | null | undefined> | undefined;
127
- "aria-rowspan"?: React.Validator<number | null | undefined> | undefined;
128
- "aria-selected"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
129
- "aria-setsize"?: React.Validator<number | null | undefined> | undefined;
130
- "aria-sort"?: React.Validator<"none" | "ascending" | "descending" | "other" | null | undefined> | undefined;
131
- "aria-valuemax"?: React.Validator<number | null | undefined> | undefined;
132
- "aria-valuemin"?: React.Validator<number | null | undefined> | undefined;
133
- "aria-valuenow"?: React.Validator<number | null | undefined> | undefined;
134
- "aria-valuetext"?: React.Validator<string | null | undefined> | undefined;
135
- children?: React.Validator<React.ReactNode> | undefined;
136
- dangerouslySetInnerHTML?: React.Validator<{
137
- __html: string | TrustedHTML;
138
- } | null | undefined> | undefined;
139
- onCopy?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
140
- onCopyCapture?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
141
- onCut?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
142
- onCutCapture?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
143
- onPaste?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
144
- onPasteCapture?: React.Validator<React.ClipboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
145
- onCompositionEnd?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
146
- onCompositionEndCapture?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
147
- onCompositionStart?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
148
- onCompositionStartCapture?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
149
- onCompositionUpdate?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
150
- onCompositionUpdateCapture?: React.Validator<React.CompositionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
151
- onFocus?: React.Validator<React.FocusEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
152
- onFocusCapture?: React.Validator<React.FocusEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
153
- onBlur?: React.Validator<React.FocusEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
154
- onBlurCapture?: React.Validator<React.FocusEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
155
- onChange?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
156
- onChangeCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
157
- onBeforeInput?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
158
- onBeforeInputCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
159
- onInput?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
160
- onInputCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
161
- onReset?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
162
- onResetCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
163
- onSubmit?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
164
- onSubmitCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
165
- onInvalid?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
166
- onInvalidCapture?: React.Validator<React.FormEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
167
- onLoad?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
168
- onLoadCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
169
- onError?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
170
- onErrorCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
171
- onKeyDown?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
172
- onKeyDownCapture?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
173
- onKeyPress?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
174
- onKeyPressCapture?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
175
- onKeyUp?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
176
- onKeyUpCapture?: React.Validator<React.KeyboardEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
177
- onAbort?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
178
- onAbortCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
179
- onCanPlay?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
180
- onCanPlayCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
181
- onCanPlayThrough?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
182
- onCanPlayThroughCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
183
- onDurationChange?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
184
- onDurationChangeCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
185
- onEmptied?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
186
- onEmptiedCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
187
- onEncrypted?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
188
- onEncryptedCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
189
- onEnded?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
190
- onEndedCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
191
- onLoadedData?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
192
- onLoadedDataCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
193
- onLoadedMetadata?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
194
- onLoadedMetadataCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
195
- onLoadStart?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
196
- onLoadStartCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
197
- onPause?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
198
- onPauseCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
199
- onPlay?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
200
- onPlayCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
201
- onPlaying?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
202
- onPlayingCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
203
- onProgress?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
204
- onProgressCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
205
- onRateChange?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
206
- onRateChangeCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
207
- onResize?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
208
- onResizeCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
209
- onSeeked?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
210
- onSeekedCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
211
- onSeeking?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
212
- onSeekingCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
213
- onStalled?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
214
- onStalledCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
215
- onSuspend?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
216
- onSuspendCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
217
- onTimeUpdate?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
218
- onTimeUpdateCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
219
- onVolumeChange?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
220
- onVolumeChangeCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
221
- onWaiting?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
222
- onWaitingCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
223
- onAuxClick?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
224
- onAuxClickCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
225
- onClick?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
226
- onClickCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
227
- onContextMenu?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
228
- onContextMenuCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
229
- onDoubleClick?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
230
- onDoubleClickCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
231
- onDrag?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
232
- onDragCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
233
- onDragEnd?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
234
- onDragEndCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
235
- onDragEnter?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
236
- onDragEnterCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
237
- onDragExit?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
238
- onDragExitCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
239
- onDragLeave?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
240
- onDragLeaveCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
241
- onDragOver?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
242
- onDragOverCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
243
- onDragStart?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
244
- onDragStartCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
245
- onDrop?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
246
- onDropCapture?: React.Validator<React.DragEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
247
- onMouseDown?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
248
- onMouseDownCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
249
- onMouseEnter?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
250
- onMouseLeave?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
251
- onMouseMove?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
252
- onMouseMoveCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
253
- onMouseOut?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
254
- onMouseOutCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
255
- onMouseOver?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
256
- onMouseOverCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
257
- onMouseUp?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
258
- onMouseUpCapture?: React.Validator<React.MouseEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
259
- onSelect?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
260
- onSelectCapture?: React.Validator<React.ReactEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
261
- onTouchCancel?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
262
- onTouchCancelCapture?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
263
- onTouchEnd?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
264
- onTouchEndCapture?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
265
- onTouchMove?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
266
- onTouchMoveCapture?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
267
- onTouchStart?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
268
- onTouchStartCapture?: React.Validator<React.TouchEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
269
- onPointerDown?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
270
- onPointerDownCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
271
- onPointerMove?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
272
- onPointerMoveCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
273
- onPointerUp?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
274
- onPointerUpCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
275
- onPointerCancel?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
276
- onPointerCancelCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
277
- onPointerEnter?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
278
- onPointerEnterCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
279
- onPointerLeave?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
280
- onPointerLeaveCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
281
- onPointerOver?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
282
- onPointerOverCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
283
- onPointerOut?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
284
- onPointerOutCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
285
- onGotPointerCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
286
- onGotPointerCaptureCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
287
- onLostPointerCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
288
- onLostPointerCaptureCapture?: React.Validator<React.PointerEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
289
- onScroll?: React.Validator<React.UIEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
290
- onScrollCapture?: React.Validator<React.UIEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
291
- onWheel?: React.Validator<React.WheelEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
292
- onWheelCapture?: React.Validator<React.WheelEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
293
- onAnimationStart?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
294
- onAnimationStartCapture?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
295
- onAnimationEnd?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
296
- onAnimationEndCapture?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
297
- onAnimationIteration?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
298
- onAnimationIterationCapture?: React.Validator<React.AnimationEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
299
- onTransitionEnd?: React.Validator<React.TransitionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
300
- onTransitionEndCapture?: React.Validator<React.TransitionEventHandler<HTMLAnchorElement> | null | undefined> | undefined;
301
- ref?: React.Validator<React.Ref<HTMLAnchorElement> | undefined> | undefined;
302
- key?: React.Validator<React.Key | null | undefined> | undefined;
303
- }> | null | undefined)[]>;
12
+ let links: import("prop-types").Requireable<(import("prop-types").InferProps<any> | null | undefined)[]>;
304
13
  let title: import("prop-types").Validator<string>;
305
14
  }
306
15
  }
307
16
  declare const componentName: "HTTPErrorContent";
308
- import React from 'react';
309
17
  export {};
@@ -0,0 +1,5 @@
1
+ /**
2
+ * A list of icon/description pairs used to show multiple states of progress.
3
+ */
4
+ export let StatusIndicator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,100 @@
1
+ /**
2
+ * Copyright IBM Corp. 2020, 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
9
+ import React__default from 'react';
10
+ import PropTypes from '../../node_modules/prop-types/index.js';
11
+ import cx from 'classnames';
12
+ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
13
+ import { pkg } from '../../settings.js';
14
+ import { Button } from '@carbon/react';
15
+ import { Restart } from '@carbon/react/icons';
16
+
17
+ var _Restart;
18
+ var _excluded = ["children", "className", "onRetry", "retryLabel", "showRetry", "title"];
19
+
20
+ // The block part of our conventional BEM class names (blockClass__E--M).
21
+ var blockClass = "".concat(pkg.prefix, "--status-indicator");
22
+ var componentName = 'StatusIndicator';
23
+ var defaults = {
24
+ retryLabel: 'Retry',
25
+ showRetry: false
26
+ };
27
+
28
+ /**
29
+ * A list of icon/description pairs used to show multiple states of progress.
30
+ */
31
+ var StatusIndicator = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
32
+ var children = _ref.children,
33
+ className = _ref.className,
34
+ onRetry = _ref.onRetry,
35
+ _ref$retryLabel = _ref.retryLabel,
36
+ retryLabel = _ref$retryLabel === void 0 ? defaults.retryLabel : _ref$retryLabel,
37
+ _ref$showRetry = _ref.showRetry,
38
+ showRetry = _ref$showRetry === void 0 ? defaults.showRetry : _ref$showRetry,
39
+ title = _ref.title,
40
+ rest = _objectWithoutProperties(_ref, _excluded);
41
+ return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
42
+ className: cx(blockClass, className),
43
+ ref: ref
44
+ }, getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default.createElement("h1", {
45
+ className: "".concat(blockClass, "__title")
46
+ }, title), /*#__PURE__*/React__default.createElement("ul", {
47
+ className: "".concat(blockClass, "__list")
48
+ }, children), showRetry && onRetry && retryLabel && /*#__PURE__*/React__default.createElement(Button, {
49
+ className: "".concat(blockClass, "__button"),
50
+ kind: "ghost",
51
+ onClick: onRetry,
52
+ onKeyUp: onRetry,
53
+ renderIcon: function renderIcon() {
54
+ return _Restart || (_Restart = /*#__PURE__*/React__default.createElement(Restart, {
55
+ size: 16
56
+ }));
57
+ }
58
+ }, retryLabel));
59
+ });
60
+
61
+ // Return a placeholder if not released and not enabled by feature flag
62
+ StatusIndicator = pkg.checkComponentEnabled(StatusIndicator, componentName);
63
+
64
+ // The display name of the component, used by React. Note that displayName
65
+ // is used in preference to relying on function.name.
66
+ StatusIndicator.displayName = componentName;
67
+
68
+ // The types and DocGen commentary for the component props,
69
+ // in alphabetical order (for consistency).
70
+ // See https://www.npmjs.com/package/prop-types#usage.
71
+ StatusIndicator.propTypes = {
72
+ /**
73
+ * Provide the contents of the StatusIndicator.
74
+ */
75
+ children: PropTypes.node.isRequired,
76
+ /**
77
+ * Provide an optional class to be applied to the containing node.
78
+ */
79
+ className: PropTypes.string,
80
+ /**
81
+ * Optional callback function for the retry button.
82
+ */
83
+ onRetry: PropTypes.func,
84
+ /**
85
+ * The text for the retry button.
86
+ */
87
+ retryLabel: PropTypes.string,
88
+ /**
89
+ * Set to `true` to show the retry button.
90
+ *
91
+ * `retryLabel` and `onRetry` must also be defined.
92
+ */
93
+ showRetry: PropTypes.bool,
94
+ /**
95
+ * The title that appears at the top of the list.
96
+ */
97
+ title: PropTypes.node
98
+ };
99
+
100
+ export { StatusIndicator };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * An icon/description pair that describes one step of the `StatusIndicator`.
3
+ */
4
+ export let StatusIndicatorStep: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
5
+ import React from 'react';
@@ -0,0 +1,2 @@
1
+ export { StatusIndicator } from "./StatusIndicator";
2
+ export { StatusIndicatorStep } from "./StatusIndicatorStep";
@@ -40,10 +40,12 @@ export { InterstitialScreen } from "./InterstitialScreen";
40
40
  export { InterstitialScreenView } from "./InterstitialScreenView";
41
41
  export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
42
42
  export { DelimitedList } from "./DelimitedList";
43
+ export { DescriptionList } from "./DescriptionList";
43
44
  export { FullPageError } from "./FullPageError";
44
45
  export { SearchBar } from "./SearchBar";
45
46
  export { StringFormatter } from "./StringFormatter";
46
47
  export { UserAvatar } from "./UserAvatar";
48
+ export { StatusIndicator } from "./StatusIndicator";
47
49
  export { ComboButton, ComboButtonItem } from "./ComboButton";
48
50
  export { CreateFullPage, CreateFullPageStep } from "./CreateFullPage";
49
51
  export { CreateTearsheet, CreateTearsheetStep, CreateTearsheetDivider } from "./CreateTearsheet";
@@ -80,6 +80,8 @@ declare namespace defaults {
80
80
  let DelimitedList: boolean;
81
81
  let FullPageError: boolean;
82
82
  let StringFormatter: boolean;
83
+ let StatusIndicator: boolean;
84
+ let StatusIndicatorStep: boolean;
83
85
  let Coachmark: boolean;
84
86
  let CoachmarkBeacon: boolean;
85
87
  let CoachmarkButton: boolean;
@@ -87,6 +89,7 @@ declare namespace defaults {
87
89
  let CoachmarkOverlayElement: boolean;
88
90
  let CoachmarkOverlayElements: boolean;
89
91
  let CoachmarkStack: boolean;
92
+ let DescriptionList: boolean;
90
93
  let SearchBar: boolean;
91
94
  let UserAvatar: boolean;
92
95
  let Checklist: boolean;
@@ -79,6 +79,8 @@ var defaults = {
79
79
  DelimitedList: false,
80
80
  FullPageError: false,
81
81
  StringFormatter: false,
82
+ StatusIndicator: false,
83
+ StatusIndicatorStep: false,
82
84
  /* new component flags here - comment used by generate CLI */
83
85
 
84
86
  // Novice to pro components not yet reviewed and released:
@@ -89,6 +91,7 @@ var defaults = {
89
91
  CoachmarkOverlayElement: false,
90
92
  CoachmarkOverlayElements: false,
91
93
  CoachmarkStack: false,
94
+ DescriptionList: false,
92
95
  SearchBar: false,
93
96
  UserAvatar: false,
94
97
  /* new component flags here - comment used by generate CLI */
package/es/index.js CHANGED
@@ -105,7 +105,9 @@ export { InterstitialScreen } from './components/InterstitialScreen/Interstitial
105
105
  export { InterstitialScreenView } from './components/InterstitialScreenView/InterstitialScreenView.js';
106
106
  export { InterstitialScreenViewModule } from './components/InterstitialScreenViewModule/InterstitialScreenViewModule.js';
107
107
  export { DelimitedList } from './components/DelimitedList/DelimitedList.js';
108
+ export { DescriptionList } from './components/DescriptionList/DescriptionList.js';
108
109
  export { FullPageError } from './components/FullPageError/FullPageError.js';
109
110
  export { SearchBar } from './components/SearchBar/SearchBar.js';
110
111
  export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
111
112
  export { UserAvatar } from './components/UserAvatar/UserAvatar.js';
113
+ export { StatusIndicator } from './components/StatusIndicator/StatusIndicator.js';
package/es/settings.d.ts CHANGED
@@ -66,6 +66,8 @@ export const pkg: {
66
66
  DelimitedList: boolean;
67
67
  FullPageError: boolean;
68
68
  StringFormatter: boolean;
69
+ StatusIndicator: boolean;
70
+ StatusIndicatorStep: boolean;
69
71
  Coachmark: boolean;
70
72
  CoachmarkBeacon: boolean;
71
73
  CoachmarkButton: boolean;
@@ -73,6 +75,7 @@ export const pkg: {
73
75
  CoachmarkOverlayElement: boolean;
74
76
  CoachmarkOverlayElements: boolean;
75
77
  CoachmarkStack: boolean;
78
+ DescriptionList: boolean;
76
79
  SearchBar: boolean;
77
80
  UserAvatar: boolean;
78
81
  Checklist: boolean;
@@ -1,2 +1,3 @@
1
- export let APIKeyModal: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
2
1
  import React from 'react';
2
+ import { APIKeyModalProps } from './APIKeyModal.types';
3
+ export declare let APIKeyModal: React.FC<APIKeyModalProps>;
@@ -34,9 +34,10 @@ var componentName = 'APIKeyModal';
34
34
  // Default values for props
35
35
  var defaults = {
36
36
  apiKeyName: '',
37
- customSteps: Object.freeze([])
37
+ customSteps: []
38
38
  };
39
39
  exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
40
+ var _customSteps$currentS3;
40
41
  var apiKey = _ref.apiKey,
41
42
  apiKeyLabel = _ref.apiKeyLabel,
42
43
  _ref$apiKeyName = _ref.apiKeyName,
@@ -126,8 +127,9 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
126
127
  if (loading) {
127
128
  return true;
128
129
  }
129
- if (hasSteps && 'valid' in customSteps[currentStep]) {
130
- return !customSteps[currentStep].valid;
130
+ if (hasSteps && 'valid' in ((customSteps === null || customSteps === void 0 ? void 0 : customSteps[currentStep]) || [])) {
131
+ var _customSteps$currentS;
132
+ return !((_customSteps$currentS = customSteps[currentStep]) !== null && _customSteps$currentS !== void 0 && _customSteps$currentS.valid);
131
133
  }
132
134
  if (!hasSteps && nameRequired && !name) {
133
135
  return true;
@@ -158,7 +160,8 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
158
160
  } else if (apiKeyLoaded) {
159
161
  setTitle(generateSuccessTitle);
160
162
  } else if (hasSteps) {
161
- setTitle(customSteps[currentStep].title);
163
+ var _customSteps$currentS2;
164
+ setTitle((_customSteps$currentS2 = customSteps[currentStep]) === null || _customSteps$currentS2 === void 0 ? void 0 : _customSteps$currentS2.title);
162
165
  } else {
163
166
  setTitle(generateTitle);
164
167
  }
@@ -169,7 +172,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
169
172
  var onCloseHandler = function onCloseHandler() {
170
173
  setName('');
171
174
  setCurrentStep(0);
172
- onClose();
175
+ onClose === null || onClose === void 0 || onClose();
173
176
  };
174
177
  var submitHandler = /*#__PURE__*/function () {
175
178
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(e) {
@@ -213,9 +216,9 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
213
216
  break;
214
217
  case 21:
215
218
  if (editing) {
216
- onRequestEdit(name);
219
+ onRequestEdit === null || onRequestEdit === void 0 || onRequestEdit(name);
217
220
  } else {
218
- onRequestGenerate(name);
221
+ onRequestGenerate === null || onRequestGenerate === void 0 || onRequestGenerate(name);
219
222
  }
220
223
  case 22:
221
224
  case "end":
@@ -249,7 +252,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
249
252
  label: modalLabel
250
253
  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
251
254
  className: "".concat(blockClass, "__body-container")
252
- }, hasSteps && !apiKeyLoaded ? customSteps[currentStep].content : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, body && /*#__PURE__*/React__default["default"].createElement("p", {
255
+ }, hasSteps && !apiKeyLoaded ? (_customSteps$currentS3 = customSteps[currentStep]) === null || _customSteps$currentS3 === void 0 ? void 0 : _customSteps$currentS3.content : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, body && /*#__PURE__*/React__default["default"].createElement("p", {
253
256
  className: "".concat(blockClass, "__body")
254
257
  }, body), !editing && apiKey && hasAPIKeyVisibilityToggle && /*#__PURE__*/React__default["default"].createElement(react.PasswordInput, {
255
258
  value: apiKey,
@@ -264,7 +267,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
264
267
  id: apiKeyInputId.current
265
268
  }), (editing || !apiKeyLoaded && nameRequired) && /*#__PURE__*/React__default["default"].createElement(react.Form, {
266
269
  onSubmit: submitHandler,
267
- "aria-label": title
270
+ "aria-label": title !== null && title !== void 0 ? title : undefined
268
271
  }, /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
269
272
  helperText: nameHelperText,
270
273
  placeholder: namePlaceholder,
@@ -372,6 +375,7 @@ exports.APIKeyModal.propTypes = {
372
375
  /**
373
376
  * if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
374
377
  */
378
+ /**@ts-ignore*/
375
379
  customSteps: index["default"].arrayOf(index["default"].shape({
376
380
  /**
377
381
  * designates if the step has passed whatever validation rules are in place.