@kaizen/components 1.70.8 → 1.70.10
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.
- package/dist/cjs/Avatar/Avatar.cjs +3 -3
- package/dist/cjs/Avatar/Avatar.module.css.cjs +20 -0
- package/dist/cjs/AvatarGroup/AvatarGroup.cjs +1 -1
- package/dist/cjs/AvatarGroup/AvatarGroup.module.css.cjs +11 -0
- package/dist/cjs/Badge/Badge.cjs +1 -1
- package/dist/cjs/Badge/Badge.module.css.cjs +14 -0
- package/dist/cjs/Brand/Brand.cjs +1 -1
- package/dist/cjs/Brand/{Brand.module.scss.cjs → Brand.module.css.cjs} +1 -1
- package/dist/cjs/BrandMoment/BrandMoment.cjs +1 -1
- package/dist/cjs/BrandMoment/BrandMoment.module.css.cjs +29 -0
- package/dist/cjs/ButtonGroup/ButtonGroup.cjs +1 -1
- package/dist/cjs/ButtonGroup/ButtonGroup.module.css.cjs +9 -0
- package/dist/esm/Avatar/Avatar.mjs +6 -6
- package/dist/esm/Avatar/Avatar.module.css.mjs +18 -0
- package/dist/esm/AvatarGroup/AvatarGroup.mjs +2 -2
- package/dist/esm/AvatarGroup/AvatarGroup.module.css.mjs +9 -0
- package/dist/esm/Badge/Badge.mjs +1 -1
- package/dist/esm/Badge/Badge.module.css.mjs +12 -0
- package/dist/esm/Brand/Brand.mjs +1 -1
- package/dist/esm/Brand/{Brand.module.scss.mjs → Brand.module.css.mjs} +1 -1
- package/dist/esm/BrandMoment/BrandMoment.mjs +6 -6
- package/dist/esm/BrandMoment/BrandMoment.module.css.mjs +27 -0
- package/dist/esm/Button/GenericButton/GenericButton.mjs +2 -2
- package/dist/esm/ButtonGroup/ButtonGroup.mjs +1 -1
- package/dist/esm/ButtonGroup/ButtonGroup.module.css.mjs +7 -0
- package/dist/esm/Collapsible/Collapsible/Collapsible.mjs +2 -2
- package/dist/esm/DatePicker/DatePicker.mjs +1 -1
- package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
- package/dist/esm/DatePicker/utils/validateDate.mjs +3 -3
- package/dist/esm/DateRangePicker/DateRangePicker.mjs +1 -1
- package/dist/esm/EmptyState/EmptyState.mjs +2 -2
- package/dist/esm/FieldMessage/FieldMessage.mjs +1 -1
- package/dist/esm/Filter/Filter/Filter.mjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +2 -2
- package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +2 -2
- package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs +1 -1
- package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +1 -1
- package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +1 -1
- package/dist/esm/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +1 -1
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +3 -3
- package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +1 -1
- package/dist/esm/GuidanceBlock/GuidanceBlock.mjs +4 -4
- package/dist/esm/Illustration/subcomponents/Base/Base.mjs +2 -2
- package/dist/esm/Input/InputRange/InputRange.mjs +1 -1
- package/dist/esm/Input/InputSearch/InputSearch.mjs +3 -3
- package/dist/esm/LikertScaleLegacy/LikertScaleLegacy.mjs +1 -1
- package/dist/esm/Menu/subcomponents/StatelessMenu/StatelessMenu.mjs +1 -1
- package/dist/esm/Modal/ContextModal/ContextModal.mjs +1 -1
- package/dist/esm/Modal/GenericModal/GenericModal.mjs +1 -1
- package/dist/esm/MultiSelect/MultiSelect.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +1 -1
- package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs +1 -1
- package/dist/esm/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +2 -2
- package/dist/esm/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +1 -1
- package/dist/esm/Notification/subcomponents/GenericNotification/GenericNotification.mjs +3 -3
- package/dist/esm/Pagination/Pagination.mjs +2 -2
- package/dist/esm/Popover/Popover.mjs +3 -3
- package/dist/esm/ProgressBar/ProgressBar.mjs +1 -1
- package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs +3 -3
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +1 -1
- package/dist/esm/RichTextEditor/utils/plugins/LinkManager/validation.mjs +1 -1
- package/dist/esm/SearchField/SearchField.mjs +1 -1
- package/dist/esm/Select/Select.mjs +1 -1
- package/dist/esm/Slider/Slider.mjs +1 -1
- package/dist/esm/Table/Table.mjs +15 -15
- package/dist/esm/Tabs/subcomponents/Tab.mjs +1 -1
- package/dist/esm/Tag/Tag.mjs +2 -2
- package/dist/esm/TextAreaField/TextAreaField.mjs +1 -1
- package/dist/esm/TextField/TextField.mjs +3 -3
- package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs +1 -1
- package/dist/esm/Tile/TileGrid/TileGrid.mjs +2 -2
- package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs +5 -5
- package/dist/esm/TitleBlockZen/TitleBlockZen.mjs +12 -12
- package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs +5 -5
- package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs +5 -5
- package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs +2 -2
- package/dist/esm/Tooltip/Tooltip.mjs +1 -1
- package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +1 -1
- package/dist/esm/__rc__/Button/subcomponents/ButtonContent/ButtonContent.mjs +1 -1
- package/dist/esm/__rc__/Button/subcomponents/PendingContent/PendingContent.mjs +1 -1
- package/dist/esm/__rc__/Menu/MenuItem.mjs +2 -2
- package/dist/esm/__rc__/Select/Select.mjs +3 -3
- package/dist/esm/__rc__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs +1 -1
- package/dist/esm/__rc__/Select/subcomponents/ListItem/ListItem.mjs +2 -2
- package/dist/esm/__rc__/Select/utils/transformSelectItemToCollectionElement.mjs +2 -2
- package/dist/esm/__rc__/Tabs/subcomponents/Tab/Tab.mjs +1 -1
- package/dist/esm/__rc__/Tooltip/Tooltip.mjs +1 -1
- package/dist/esm/utils/getNodeText.mjs +1 -1
- package/dist/styles.css +315 -277
- package/package.json +1 -1
- package/src/Avatar/Avatar.module.css +138 -0
- package/src/Avatar/Avatar.tsx +6 -3
- package/src/AvatarGroup/AvatarGroup.module.css +57 -0
- package/src/AvatarGroup/AvatarGroup.tsx +1 -1
- package/src/Badge/Badge.module.css +101 -0
- package/src/Badge/Badge.tsx +1 -1
- package/src/Brand/Brand.tsx +1 -1
- package/src/BrandMoment/{BrandMoment.module.scss → BrandMoment.module.css} +29 -50
- package/src/BrandMoment/BrandMoment.tsx +1 -1
- package/src/ButtonGroup/ButtonGroup.module.css +48 -0
- package/src/ButtonGroup/ButtonGroup.tsx +1 -1
- package/src/Tile/TileGrid/TileGrid.module.scss +2 -0
- package/dist/cjs/Avatar/Avatar.module.scss.cjs +0 -20
- package/dist/cjs/AvatarGroup/AvatarGroup.module.scss.cjs +0 -11
- package/dist/cjs/Badge/Badge.module.scss.cjs +0 -14
- package/dist/cjs/BrandMoment/BrandMoment.module.scss.cjs +0 -29
- package/dist/cjs/ButtonGroup/ButtonGroup.module.scss.cjs +0 -9
- package/dist/esm/Avatar/Avatar.module.scss.mjs +0 -18
- package/dist/esm/AvatarGroup/AvatarGroup.module.scss.mjs +0 -9
- package/dist/esm/Badge/Badge.module.scss.mjs +0 -12
- package/dist/esm/BrandMoment/BrandMoment.module.scss.mjs +0 -27
- package/dist/esm/ButtonGroup/ButtonGroup.module.scss.mjs +0 -7
- package/src/Avatar/Avatar.module.scss +0 -169
- package/src/AvatarGroup/AvatarGroup.module.scss +0 -79
- package/src/Badge/Badge.module.scss +0 -113
- /package/src/Brand/{Brand.module.scss → Brand.module.css} +0 -0
|
@@ -17,9 +17,9 @@ const TileGrid = /*#__PURE__*/function () {
|
|
|
17
17
|
return /*#__PURE__*/React.createElement("ul", __assign({
|
|
18
18
|
className: classnames(styles.grid, classNameOverride),
|
|
19
19
|
"data-tile-grid": true
|
|
20
|
-
}, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (
|
|
20
|
+
}, restProps), isFragment ? ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) ? (/*#__PURE__*/React.createElement(TileListItem, {
|
|
21
21
|
tiles: children.props.children
|
|
22
|
-
})) : null : (
|
|
22
|
+
})) : null : (/*#__PURE__*/React.createElement(TileListItem, {
|
|
23
23
|
tiles: children
|
|
24
24
|
})));
|
|
25
25
|
};
|
|
@@ -44,7 +44,7 @@ const GenericTile = /*#__PURE__*/function () {
|
|
|
44
44
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
45
45
|
variant: "heading-3",
|
|
46
46
|
tag: titleTag
|
|
47
|
-
}, title), metadata && (
|
|
47
|
+
}, title), metadata && (/*#__PURE__*/React.createElement("div", {
|
|
48
48
|
className: styles.titleMeta
|
|
49
49
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
50
50
|
variant: "small",
|
|
@@ -54,7 +54,7 @@ const GenericTile = /*#__PURE__*/function () {
|
|
|
54
54
|
var renderFront = function () {
|
|
55
55
|
return /*#__PURE__*/React.createElement("div", {
|
|
56
56
|
className: classnames(styles.face, styles.faceFront, mood ? styles[mood] : styles[variant])
|
|
57
|
-
}, information && (
|
|
57
|
+
}, information && (/*#__PURE__*/React.createElement("div", {
|
|
58
58
|
className: styles.informationBtn
|
|
59
59
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
60
60
|
label: infoButtonLabel !== null && infoButtonLabel !== void 0 ? infoButtonLabel : "".concat(translatedInfoLabel, " ").concat(title),
|
|
@@ -80,14 +80,14 @@ const GenericTile = /*#__PURE__*/function () {
|
|
|
80
80
|
if (informationProp && typeof informationProp === 'object' && 'text' in informationProp) {
|
|
81
81
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
|
|
82
82
|
variant: "body"
|
|
83
|
-
}, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (
|
|
83
|
+
}, informationProp.text), ((_a = informationProp.primaryAction) !== null && _a !== void 0 ? _a : informationProp.secondaryAction) && (/*#__PURE__*/React.createElement("div", {
|
|
84
84
|
className: styles.footer
|
|
85
85
|
}, /*#__PURE__*/React.createElement("div", {
|
|
86
86
|
className: styles.actions
|
|
87
|
-
}, informationProp.secondaryAction && (
|
|
87
|
+
}, informationProp.secondaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
|
|
88
88
|
secondary: true,
|
|
89
89
|
disabled: !isFlipped
|
|
90
|
-
}, informationProp.secondaryAction))), informationProp.primaryAction && (
|
|
90
|
+
}, informationProp.secondaryAction))), informationProp.primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
|
|
91
91
|
disabled: !isFlipped
|
|
92
92
|
}, informationProp.primaryAction)))))));
|
|
93
93
|
}
|
|
@@ -56,11 +56,11 @@ var isJSXElement = function (imageElementOrAvatarProps) {
|
|
|
56
56
|
return 'props' in imageElementOrAvatarProps;
|
|
57
57
|
};
|
|
58
58
|
var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
|
|
59
|
-
return isJSXElement(imageElementOrAvatarProps) ? (
|
|
59
|
+
return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement("div", {
|
|
60
60
|
"data-automation-id": avatarAutomationId,
|
|
61
61
|
"data-testid": avatarAutomationId,
|
|
62
62
|
className: classnames(styles.avatar, styles.withBorder)
|
|
63
|
-
}, imageElementOrAvatarProps)) : (
|
|
63
|
+
}, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
|
|
64
64
|
"data-automation-id": avatarAutomationId,
|
|
65
65
|
"data-testid": avatarAutomationId,
|
|
66
66
|
className: styles.avatar
|
|
@@ -78,7 +78,7 @@ var renderSubtitle = function (subtitle, subtitleAutomationId) {
|
|
|
78
78
|
}, subtitle));
|
|
79
79
|
};
|
|
80
80
|
var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
|
|
81
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && (
|
|
81
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && (/*#__PURE__*/React.createElement("div", {
|
|
82
82
|
className: styles.sectionTitle
|
|
83
83
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
84
84
|
variant: "heading-2",
|
|
@@ -86,7 +86,7 @@ var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription,
|
|
|
86
86
|
classNameOverride: styles.sectionTitleOverride,
|
|
87
87
|
"data-automation-id": sectionTitleAutomationId,
|
|
88
88
|
"data-testid": sectionTitleAutomationId
|
|
89
|
-
}, sectionTitle))), sectionTitleDescription && (
|
|
89
|
+
}, sectionTitle))), sectionTitleDescription && (/*#__PURE__*/React.createElement("div", {
|
|
90
90
|
"data-automation-id": sectionTitleDescriptionAutomationId,
|
|
91
91
|
"data-testid": sectionTitleDescriptionAutomationId,
|
|
92
92
|
className: classnames(styles.sectionTitleDescription, !isReversed(variant) && styles.dark)
|
|
@@ -143,7 +143,7 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
|
|
|
143
143
|
className: styles.navigationTabScrollerContainer
|
|
144
144
|
}, /*#__PURE__*/React.createElement("div", {
|
|
145
145
|
className: classnames(styles.navigationTabsContainer, collapse && styles.navigationTabsContainerCollapsed)
|
|
146
|
-
}, !collapse && navigationTabs !== undefined && (
|
|
146
|
+
}, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
147
147
|
className: styles.navigationTabEdgeShadowLeft
|
|
148
148
|
}), /*#__PURE__*/React.createElement("nav", {
|
|
149
149
|
className: styles.navigationTabsNav,
|
|
@@ -218,14 +218,14 @@ const TitleBlockZen = /*#__PURE__*/function () {
|
|
|
218
218
|
className: styles.titleRowInnerContent
|
|
219
219
|
}, /*#__PURE__*/React.createElement("div", {
|
|
220
220
|
className: styles.titleAndAdjacent
|
|
221
|
-
}, breadcrumb && (
|
|
221
|
+
}, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
|
|
222
222
|
breadcrumb: breadcrumb,
|
|
223
223
|
automationId: breadcrumbAutomationId,
|
|
224
224
|
textAutomationId: breadcrumbTextAutomationId,
|
|
225
225
|
textDirection: textDirection
|
|
226
226
|
})), /*#__PURE__*/React.createElement("div", {
|
|
227
227
|
className: styles.titleAndAdjacentNotBreadcrumb
|
|
228
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (
|
|
228
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
|
|
229
229
|
className: styles.hamburger
|
|
230
230
|
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
231
231
|
onClick: handleHamburgerClick,
|
|
@@ -247,18 +247,18 @@ const TitleBlockZen = /*#__PURE__*/function () {
|
|
|
247
247
|
classNameOverride: styles.titleTextOverride,
|
|
248
248
|
"data-automation-id": titleAutomationId,
|
|
249
249
|
"data-testid": titleAutomationId
|
|
250
|
-
}, title)), isSmallOrMediumViewport && pageSwitcherSelect && (
|
|
250
|
+
}, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
|
|
251
251
|
className: styles.pageSwitcherSelectUnderneathTitle
|
|
252
252
|
}, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
|
|
253
253
|
variant: "secondary-small",
|
|
254
254
|
reversed: true
|
|
255
|
-
})))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (
|
|
255
|
+
})))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
|
|
256
256
|
className: styles.pageSwitcherSelectNextToTitle
|
|
257
257
|
}, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
|
|
258
258
|
variant: "secondary",
|
|
259
259
|
reversed: true,
|
|
260
260
|
fullWidth: true
|
|
261
|
-
}))))))), ((_d = (_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && (
|
|
261
|
+
}))))))), ((_d = (_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MainActions, {
|
|
262
262
|
primaryAction: primaryAction,
|
|
263
263
|
defaultAction: defaultAction,
|
|
264
264
|
reversed: isReversed(variant),
|
|
@@ -270,7 +270,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
|
|
|
270
270
|
className: styles.rowBelowSeparatorInner
|
|
271
271
|
}, /*#__PURE__*/React.createElement("div", {
|
|
272
272
|
className: styles.rowBelowSeparatorInnerContent
|
|
273
|
-
}, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _e : renderSectionTitle) && (
|
|
273
|
+
}, ((_e = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _e !== void 0 ? _e : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
|
|
274
274
|
className: styles.sectionTitleContainer
|
|
275
275
|
}, /*#__PURE__*/React.createElement("div", {
|
|
276
276
|
className: styles.sectionTitleInner
|
|
@@ -279,7 +279,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
|
|
|
279
279
|
sectionTitleAutomationId: sectionTitleAutomationId,
|
|
280
280
|
sectionTitleDescription: sectionTitleDescription,
|
|
281
281
|
sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
|
|
282
|
-
}) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && (
|
|
282
|
+
}) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
|
|
283
283
|
secondaryActions: secondaryActions,
|
|
284
284
|
secondaryOverflowMenuItems: secondaryOverflowMenuItems,
|
|
285
285
|
reversed: isReversed(variant)
|
|
@@ -30,14 +30,14 @@ const MainActions = /*#__PURE__*/function () {
|
|
|
30
30
|
});
|
|
31
31
|
items = __spreadArray(__spreadArray([], defaultAction ? [{
|
|
32
32
|
key: 'defaultAction',
|
|
33
|
-
node: (
|
|
33
|
+
node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
|
|
34
34
|
reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
|
|
35
35
|
"data-automation-id": "title-block-default-action-button",
|
|
36
36
|
"data-testid": "title-block-default-action-button"
|
|
37
37
|
})))
|
|
38
38
|
}] : [], true), primaryAction ? [{
|
|
39
39
|
key: 'primaryAction',
|
|
40
|
-
node: (
|
|
40
|
+
node: (/*#__PURE__*/React.createElement(Menu, {
|
|
41
41
|
align: "right",
|
|
42
42
|
button: /*#__PURE__*/React.createElement(Button, {
|
|
43
43
|
label: primaryAction.label,
|
|
@@ -59,14 +59,14 @@ const MainActions = /*#__PURE__*/function () {
|
|
|
59
59
|
} else {
|
|
60
60
|
items = __spreadArray(__spreadArray([], defaultAction ? [{
|
|
61
61
|
key: 'defaultAction',
|
|
62
|
-
node: (
|
|
62
|
+
node: (/*#__PURE__*/React.createElement(Button, __assign({}, defaultAction, {
|
|
63
63
|
reversed: (_c = defaultAction.reversed) !== null && _c !== void 0 ? _c : reversed,
|
|
64
64
|
"data-automation-id": "title-block-default-action-button",
|
|
65
65
|
"data-testid": "title-block-default-action-button"
|
|
66
66
|
})))
|
|
67
67
|
}] : [], true), primaryAction ? [{
|
|
68
68
|
key: 'primaryAction',
|
|
69
|
-
node: (
|
|
69
|
+
node: (/*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
|
|
70
70
|
primary: (_d = primaryAction.primary) !== null && _d !== void 0 ? _d : true,
|
|
71
71
|
reversed: (_e = primaryAction.reversed) !== null && _e !== void 0 ? _e : reversed,
|
|
72
72
|
"data-automation-id": "title-block-primary-action-button",
|
|
@@ -80,7 +80,7 @@ const MainActions = /*#__PURE__*/function () {
|
|
|
80
80
|
if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {
|
|
81
81
|
items = __spreadArray([{
|
|
82
82
|
key: 'overflowMenu',
|
|
83
|
-
node: (
|
|
83
|
+
node: (/*#__PURE__*/React.createElement(Menu, {
|
|
84
84
|
align: "right",
|
|
85
85
|
button: /*#__PURE__*/React.createElement(IconButton, {
|
|
86
86
|
id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
|
|
@@ -95,7 +95,7 @@ var DrawerMenuContent = function (_a) {
|
|
|
95
95
|
secondaryActions = _a.secondaryActions,
|
|
96
96
|
secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
|
|
97
97
|
var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== void 0 ? _b : secondaryActions) !== null && _c !== void 0 ? _c : secondaryOverflowMenuItems;
|
|
98
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && (
|
|
98
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MenuList, {
|
|
99
99
|
heading: showOtherActionsHeading ? /*#__PURE__*/React.createElement(MenuHeading, null, "Other actions") : undefined
|
|
100
100
|
}, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems))));
|
|
101
101
|
};
|
|
@@ -198,11 +198,11 @@ var DrawerHandle = function (_a) {
|
|
|
198
198
|
return /*#__PURE__*/React.createElement("div", {
|
|
199
199
|
className: classnames(styles.mobileActionsTopRow, !showDrawer && styles.mobileActionsTopRowSingleButton),
|
|
200
200
|
"data-testid": "title-block-mobile-actions-drawer-handle"
|
|
201
|
-
}, 'component' in primaryAction ? (
|
|
201
|
+
}, 'component' in primaryAction ? (/*#__PURE__*/React.createElement(primaryAction.component, __assign({
|
|
202
202
|
className: classnames(styles.mobileActionsPrimaryLabel, styles.mobileActionsPrimaryButton)
|
|
203
|
-
}, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : (
|
|
203
|
+
}, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))) : (/*#__PURE__*/React.createElement(ButtonOrLink, {
|
|
204
204
|
action: getAction(primaryAction)
|
|
205
|
-
}, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && (
|
|
205
|
+
}, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition))), showDrawer && (/*#__PURE__*/React.createElement("button", {
|
|
206
206
|
type: "button",
|
|
207
207
|
className: styles.mobileActionsExpandButton,
|
|
208
208
|
onClick: toggleDisplay,
|
|
@@ -284,7 +284,7 @@ const MobileActions = /*#__PURE__*/function () {
|
|
|
284
284
|
drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
|
|
285
285
|
toggleDisplay: toggleDisplay,
|
|
286
286
|
isOpen: isOpen
|
|
287
|
-
}), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (
|
|
287
|
+
}), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (/*#__PURE__*/React.createElement("div", {
|
|
288
288
|
ref: menuContent,
|
|
289
289
|
className: styles.mobileActionsMenuContainer
|
|
290
290
|
}, /*#__PURE__*/React.createElement(DrawerMenuContent, {
|
|
@@ -42,7 +42,7 @@ const SecondaryActions = /*#__PURE__*/function () {
|
|
|
42
42
|
return {
|
|
43
43
|
key: "".concat(i),
|
|
44
44
|
// We shouldn't use an index here, see note above
|
|
45
|
-
node: (
|
|
45
|
+
node: (/*#__PURE__*/React.createElement(Menu, {
|
|
46
46
|
align: "right",
|
|
47
47
|
button: /*#__PURE__*/React.createElement(Button, {
|
|
48
48
|
secondary: true,
|
|
@@ -68,7 +68,7 @@ const SecondaryActions = /*#__PURE__*/function () {
|
|
|
68
68
|
return {
|
|
69
69
|
key: "".concat(i),
|
|
70
70
|
// We shouldn't use an index here, see note above
|
|
71
|
-
node: (
|
|
71
|
+
node: (/*#__PURE__*/React.createElement(Button, __assign({
|
|
72
72
|
secondary: true,
|
|
73
73
|
reversed: reversed
|
|
74
74
|
}, action, {
|
|
@@ -63,7 +63,7 @@ var TooltipContent = function (_a) {
|
|
|
63
63
|
isVisible = _f.isVisible,
|
|
64
64
|
isAnimIn = _f.isAnimIn,
|
|
65
65
|
isAnimOut = _f.isAnimOut;
|
|
66
|
-
return isVisible || isAnimOut || isAnimIn ? (
|
|
66
|
+
return isVisible || isAnimOut || isAnimIn ? (/*#__PURE__*/React.createElement("div", __assign({
|
|
67
67
|
ref: setPopperElement,
|
|
68
68
|
className: styles.tooltip,
|
|
69
69
|
style: popperStyles.popper
|
package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs
CHANGED
|
@@ -71,7 +71,7 @@ const ProgressStepper = /*#__PURE__*/function () {
|
|
|
71
71
|
className: styles.stepIndicator
|
|
72
72
|
}, /*#__PURE__*/React.createElement("span", {
|
|
73
73
|
className: classnames(styles.stepIcon, (_b = {}, _b[styles.isCompleted] = isCompletedStep, _b))
|
|
74
|
-
}, icon)), index < steps.length - 1 && (
|
|
74
|
+
}, icon)), index < steps.length - 1 && (/*#__PURE__*/React.createElement("div", {
|
|
75
75
|
className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
|
|
76
76
|
}))));
|
|
77
77
|
})), /*#__PURE__*/React.createElement("span", {
|
|
@@ -19,7 +19,7 @@ var ButtonContent = function (_a) {
|
|
|
19
19
|
className: classnames(className, styles.buttonContent, styles[size])
|
|
20
20
|
}, restProps), icon && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
|
|
21
21
|
className: styles.buttonIcon
|
|
22
|
-
}, icon), hasHiddenLabel ? (
|
|
22
|
+
}, icon), hasHiddenLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : (/*#__PURE__*/React.createElement("span", {
|
|
23
23
|
className: styles.buttonLabel
|
|
24
24
|
}, children)), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
|
|
25
25
|
className: styles.buttonIcon
|
|
@@ -17,7 +17,7 @@ var PendingContent = function (_a) {
|
|
|
17
17
|
size = _c === void 0 ? 'medium' : _c;
|
|
18
18
|
return /*#__PURE__*/React.createElement("span", {
|
|
19
19
|
className: classnames(styles.pendingContent, styles[size])
|
|
20
|
-
}, hasHiddenPendingLabel ? (
|
|
20
|
+
}, hasHiddenPendingLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
21
21
|
size: size === 'small' ? 'xs' : 'sm',
|
|
22
22
|
accessibilityLabel: "",
|
|
23
23
|
classNameOverride: hasHiddenPendingLabel ? styles.centerSpinner : undefined
|
|
@@ -19,11 +19,11 @@ const MenuItem = /*#__PURE__*/function () {
|
|
|
19
19
|
ref: ref,
|
|
20
20
|
className: mergeClassNames(styles.item, className),
|
|
21
21
|
textValue: determinedTextValue
|
|
22
|
-
}, props), /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'string' && icon ? (
|
|
22
|
+
}, props), /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'string' && icon ? (/*#__PURE__*/React.createElement("div", {
|
|
23
23
|
className: styles.flexWrapper
|
|
24
24
|
}, /*#__PURE__*/React.createElement("span", {
|
|
25
25
|
className: styles.iconWrapper
|
|
26
|
-
}, icon), children)) : (
|
|
26
|
+
}, icon), children)) : (/*#__PURE__*/React.createElement(React.Fragment, null, children))));
|
|
27
27
|
});
|
|
28
28
|
MenuItem.displayName = 'MenuItem';
|
|
29
29
|
return MenuItem;
|
|
@@ -111,7 +111,7 @@ const Select = /*#__PURE__*/function () {
|
|
|
111
111
|
triggerRef: triggerRef
|
|
112
112
|
}), /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: styles.container
|
|
114
|
-
}, trigger === undefined ? (
|
|
114
|
+
}, trigger === undefined ? (/*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && (/*#__PURE__*/React.createElement(Popover, {
|
|
115
115
|
id: popoverId,
|
|
116
116
|
portalContainer: portalContainer,
|
|
117
117
|
refs: refs
|
|
@@ -119,11 +119,11 @@ const Select = /*#__PURE__*/function () {
|
|
|
119
119
|
state: state
|
|
120
120
|
}, /*#__PURE__*/React.createElement(SelectPopoverContents, {
|
|
121
121
|
menuProps: menuProps
|
|
122
|
-
}, children))))), validationMessage && (
|
|
122
|
+
}, children))))), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
|
|
123
123
|
message: validationMessage,
|
|
124
124
|
status: status,
|
|
125
125
|
reversed: isReversed
|
|
126
|
-
}))), description && (
|
|
126
|
+
}))), description && (/*#__PURE__*/React.createElement(FieldMessage, __assign({}, descriptionProps, {
|
|
127
127
|
id: descriptionId,
|
|
128
128
|
message: description,
|
|
129
129
|
reversed: isReversed
|
|
@@ -16,7 +16,7 @@ const ListBoxSection = /*#__PURE__*/function () {
|
|
|
16
16
|
groupProps = _b.groupProps;
|
|
17
17
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", __assign({}, itemProps, {
|
|
18
18
|
className: styles.sectionWrapper
|
|
19
|
-
}), section.rendered && (
|
|
19
|
+
}), section.rendered && (/*#__PURE__*/React.createElement(Heading, __assign({
|
|
20
20
|
tag: "span",
|
|
21
21
|
variant: "heading-6"
|
|
22
22
|
}, headingProps, {
|
|
@@ -4,10 +4,10 @@ import { Option } from '../Option/Option.mjs';
|
|
|
4
4
|
const ListItem = /*#__PURE__*/function () {
|
|
5
5
|
const ListItem = function (_a) {
|
|
6
6
|
var item = _a.item;
|
|
7
|
-
return item.type === 'section' ? (
|
|
7
|
+
return item.type === 'section' ? (/*#__PURE__*/React.createElement(ListBoxSection, {
|
|
8
8
|
key: item.key,
|
|
9
9
|
section: item
|
|
10
|
-
})) : (
|
|
10
|
+
})) : (/*#__PURE__*/React.createElement(Option, {
|
|
11
11
|
key: item.key,
|
|
12
12
|
item: item
|
|
13
13
|
}));
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Section, Item } from '@react-stately/collections';
|
|
3
3
|
import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
|
|
4
4
|
var transformSelectItemToCollectionElement = function (item) {
|
|
5
|
-
return isSelectOptionGroup(item) ? (
|
|
5
|
+
return isSelectOptionGroup(item) ? (/*#__PURE__*/React.createElement(Section, {
|
|
6
6
|
key: item.label,
|
|
7
7
|
title: item.label,
|
|
8
8
|
items: item.options
|
|
@@ -10,7 +10,7 @@ var transformSelectItemToCollectionElement = function (item) {
|
|
|
10
10
|
return /*#__PURE__*/React.createElement(Item, {
|
|
11
11
|
key: child.value
|
|
12
12
|
}, child.label);
|
|
13
|
-
})) : (
|
|
13
|
+
})) : (/*#__PURE__*/React.createElement(Item, {
|
|
14
14
|
key: item.value
|
|
15
15
|
}, item.label));
|
|
16
16
|
};
|
|
@@ -22,7 +22,7 @@ var Tab = function (props) {
|
|
|
22
22
|
var isSelected = _a.isSelected,
|
|
23
23
|
isFocusVisible = _a.isFocusVisible,
|
|
24
24
|
isHovered = _a.isHovered;
|
|
25
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, children, badge && (
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, children, badge && (/*#__PURE__*/React.createElement("span", {
|
|
26
26
|
className: styles.badge
|
|
27
27
|
}, /*#__PURE__*/React.createElement(Badge, {
|
|
28
28
|
variant: isSelected || isFocusVisible || isHovered ? 'active' : 'default'
|
|
@@ -36,7 +36,7 @@ const Tooltip = /*#__PURE__*/function () {
|
|
|
36
36
|
className: mergeClassNames(styles.tooltip, className, reverseColors && styles.reversed)
|
|
37
37
|
}), function (renderProps) {
|
|
38
38
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OverlayArrow, null), typeof children === 'function' ? children(renderProps) : children);
|
|
39
|
-
}), shouldInlineHiddenContent ? (
|
|
39
|
+
}), shouldInlineHiddenContent ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, typeof children === 'function' ? contextState && children({
|
|
40
40
|
placement: 'center',
|
|
41
41
|
isEntering: false,
|
|
42
42
|
isExiting: false,
|
|
@@ -5,7 +5,7 @@ var getNodeText = function (node) {
|
|
|
5
5
|
if (!node) return '';
|
|
6
6
|
if (typeof node === 'string' || typeof node === 'number') return node;
|
|
7
7
|
if (node instanceof Array) return node.map(getNodeText).join('');
|
|
8
|
-
if (
|
|
8
|
+
if (/*#__PURE__*/React.isValidElement(node)) return getNodeText(node.props.children);
|
|
9
9
|
return '';
|
|
10
10
|
};
|
|
11
11
|
export { getNodeText };
|