@carbon/ibm-products 2.38.0-alpha.5 → 2.38.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-without-carbon-released-only.css +218 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index.css +218 -0
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionSet/ActionSet.js +3 -2
- package/es/components/Checklist/Checklist.js +10 -10
- package/es/components/Checklist/ChecklistChart.d.ts +1 -1
- package/es/components/Checklist/ChecklistChart.js +6 -30
- package/es/components/Coachmark/Coachmark.d.ts +65 -2
- package/es/components/Coachmark/Coachmark.js +7 -10
- package/es/components/Coachmark/CoachmarkDragbar.d.ts +40 -2
- package/es/components/Coachmark/CoachmarkDragbar.js +3 -1
- package/es/components/Coachmark/CoachmarkHeader.d.ts +27 -2
- package/es/components/Coachmark/CoachmarkHeader.js +0 -1
- package/es/components/Coachmark/CoachmarkOverlay.d.ts +42 -2
- package/es/components/Coachmark/CoachmarkOverlay.js +18 -15
- package/es/components/Coachmark/CoachmarkTagline.d.ts +27 -2
- package/es/components/Coachmark/CoachmarkTagline.js +0 -1
- package/es/components/Coachmark/utils/enums.d.ts +20 -20
- package/es/components/Coachmark/utils/enums.js +22 -20
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +2 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +25 -23
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +14 -24
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +2 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +4 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +11 -11
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +5 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +54 -44
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +14 -8
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +5 -2
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- package/es/components/SearchBar/SearchBar.d.ts +10 -1
- package/es/components/SearchBar/SearchBar.js +26 -20
- package/es/components/TagSet/TagSet.d.ts +87 -3
- package/es/components/TagSet/TagSet.js +20 -9
- package/es/components/TagSet/TagSetModal.d.ts +32 -26
- package/es/components/TagSet/TagSetModal.js +5 -5
- package/es/components/TagSet/TagSetOverflow.d.ts +45 -2
- package/es/components/TagSet/TagSetOverflow.js +14 -12
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts +15 -2
- package/es/components/WebTerminal/hooks/index.d.ts +16 -11
- package/es/components/WebTerminal/hooks/index.js +1 -1
- package/es/global/js/package-settings.d.ts +1 -1
- package/es/global/js/package-settings.js +1 -1
- package/es/node_modules/@carbon/colors/es/index.js +4 -1
- package/es/settings.d.ts +1 -1
- package/lib/components/ActionSet/ActionSet.js +2 -1
- package/lib/components/Checklist/Checklist.js +10 -10
- package/lib/components/Checklist/ChecklistChart.d.ts +1 -1
- package/lib/components/Checklist/ChecklistChart.js +6 -30
- package/lib/components/Coachmark/Coachmark.d.ts +65 -2
- package/lib/components/Coachmark/Coachmark.js +6 -9
- package/lib/components/Coachmark/CoachmarkDragbar.d.ts +40 -2
- package/lib/components/Coachmark/CoachmarkDragbar.js +3 -1
- package/lib/components/Coachmark/CoachmarkHeader.d.ts +27 -2
- package/lib/components/Coachmark/CoachmarkHeader.js +0 -1
- package/lib/components/Coachmark/CoachmarkOverlay.d.ts +42 -2
- package/lib/components/Coachmark/CoachmarkOverlay.js +18 -15
- package/lib/components/Coachmark/CoachmarkTagline.d.ts +27 -2
- package/lib/components/Coachmark/CoachmarkTagline.js +0 -1
- package/lib/components/Coachmark/utils/enums.d.ts +20 -20
- package/lib/components/Coachmark/utils/enums.js +22 -20
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +2 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +25 -23
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +13 -23
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +2 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +4 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +11 -11
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +5 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +54 -44
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +13 -7
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +5 -2
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- package/lib/components/SearchBar/SearchBar.d.ts +10 -1
- package/lib/components/SearchBar/SearchBar.js +26 -18
- package/lib/components/TagSet/TagSet.d.ts +87 -3
- package/lib/components/TagSet/TagSet.js +20 -9
- package/lib/components/TagSet/TagSetModal.d.ts +32 -26
- package/lib/components/TagSet/TagSetModal.js +3 -3
- package/lib/components/TagSet/TagSetOverflow.d.ts +45 -2
- package/lib/components/TagSet/TagSetOverflow.js +14 -12
- package/lib/components/WebTerminal/WebTerminal.js +2 -2
- package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts +15 -2
- package/lib/components/WebTerminal/hooks/index.d.ts +16 -11
- package/lib/components/WebTerminal/hooks/index.js +1 -1
- package/lib/global/js/package-settings.d.ts +1 -1
- package/lib/global/js/package-settings.js +1 -1
- package/lib/node_modules/@carbon/colors/es/index.js +6 -0
- package/lib/settings.d.ts +1 -1
- package/package.json +3 -3
- package/scss/components/Checklist/_carbon-imports.scss +2 -2
- package/scss/components/_index-released-only-with-carbon.scss +2 -1
- package/scss/components/_index-released-only.scss +2 -1
- package/scss/components/_index-with-carbon.scss +1 -0
- package/telemetry.yml +5 -8
@@ -41,18 +41,26 @@ var defaults = {
|
|
41
41
|
overflowType: 'default',
|
42
42
|
onOverflowTagChange: function onOverflowTagChange() {}
|
43
43
|
};
|
44
|
+
|
45
|
+
// interface TagType extends TagBaseProps
|
46
|
+
// {
|
47
|
+
// label: string;
|
48
|
+
// // we duplicate this prop to improve the DocGen
|
49
|
+
// type?: typeof tagTypes[number];
|
50
|
+
// }
|
51
|
+
|
44
52
|
exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
45
53
|
var _ref$align = _ref.align,
|
46
|
-
align = _ref$align === void 0 ?
|
54
|
+
align = _ref$align === void 0 ? 'start' : _ref$align,
|
47
55
|
allTagsModalTarget = _ref.allTagsModalTarget,
|
48
56
|
className = _ref.className,
|
49
57
|
maxVisible = _ref.maxVisible,
|
50
58
|
multiline = _ref.multiline,
|
51
59
|
_ref$overflowAlign = _ref.overflowAlign,
|
52
|
-
overflowAlign = _ref$overflowAlign === void 0 ?
|
60
|
+
overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
|
53
61
|
overflowClassName = _ref.overflowClassName,
|
54
62
|
_ref$overflowType = _ref.overflowType,
|
55
|
-
overflowType = _ref$overflowType === void 0 ?
|
63
|
+
overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
|
56
64
|
allTagsModalTitle = _ref.allTagsModalTitle,
|
57
65
|
allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
|
58
66
|
allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
|
@@ -82,7 +90,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
82
90
|
setShowAllModalOpen = _useState8[1];
|
83
91
|
var localTagSetRef = React.useRef(null);
|
84
92
|
var tagSetRef = ref || localTagSetRef;
|
85
|
-
var sizingContainerRef = React.useRef();
|
93
|
+
var sizingContainerRef = React.useRef(null);
|
86
94
|
var displayedArea = React.useRef(null);
|
87
95
|
var _useState9 = React.useState([]),
|
88
96
|
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
@@ -107,7 +115,9 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
107
115
|
key: index,
|
108
116
|
className: "".concat(blockClass, "__sizing-tag"),
|
109
117
|
ref: function ref(el) {
|
110
|
-
|
118
|
+
if (el != null) {
|
119
|
+
newSizingTags[index] = el;
|
120
|
+
}
|
111
121
|
}
|
112
122
|
}, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
|
113
123
|
// ensure id is not duplicated
|
@@ -164,7 +174,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
164
174
|
}, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags, onOverflowTagChange, popoverOpen, handleTagOnClose]);
|
165
175
|
var checkFullyVisibleTags = React.useCallback(function () {
|
166
176
|
if (multiline) {
|
167
|
-
return setDisplayCount(maxVisible);
|
177
|
+
return setDisplayCount(maxVisible || 3);
|
168
178
|
}
|
169
179
|
|
170
180
|
// how many will fit?
|
@@ -172,7 +182,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
172
182
|
if (sizingTags.length > 0) {
|
173
183
|
var optionalContainingElement = containingElementRef === null || containingElementRef === void 0 ? void 0 : containingElementRef.current;
|
174
184
|
var measurementOffsetValue = typeof measurementOffset === 'number' ? measurementOffset : 0;
|
175
|
-
var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef
|
185
|
+
var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === void 0 ? void 0 : tagSetRef['current'].offsetWidth;
|
176
186
|
for (var i in sizingTags) {
|
177
187
|
var _sizingTags$i;
|
178
188
|
var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === void 0 ? void 0 : _sizingTags$i.offsetWidth) || 0;
|
@@ -183,7 +193,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
|
|
183
193
|
break;
|
184
194
|
}
|
185
195
|
}
|
186
|
-
if (willFit < sizingTags.length) {
|
196
|
+
if (willFit < sizingTags.length && overflowTag.current) {
|
187
197
|
while (willFit > 0 && spaceAvailable < overflowTag.current.offsetWidth) {
|
188
198
|
// Highly unlikely any useful tag is smaller
|
189
199
|
willFit -= 1; // remove one tag
|
@@ -271,7 +281,7 @@ var TYPES = {
|
|
271
281
|
outline: 'Outline'
|
272
282
|
};
|
273
283
|
var tagTypes = Object.keys(TYPES);
|
274
|
-
exports.TagSet
|
284
|
+
exports.TagSet['types'] = tagTypes;
|
275
285
|
exports.TagSet.propTypes = {
|
276
286
|
/**
|
277
287
|
* align the Tags displayed by the TagSet. Default start.
|
@@ -301,6 +311,7 @@ exports.TagSet.propTypes = {
|
|
301
311
|
* Optional ref for custom resize container to measure available space
|
302
312
|
* Default will measure the available space of the TagSet container itself.
|
303
313
|
*/
|
314
|
+
/**@ts-ignore */
|
304
315
|
containingElementRef: index["default"].object,
|
305
316
|
/**
|
306
317
|
* maximum visible tags
|
@@ -1,29 +1,35 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
1
|
+
/// <reference path="../../../src/custom-typings/index.d.ts" />
|
2
|
+
import React, { ReactNode } from 'react';
|
3
|
+
import PropTypes from 'prop-types';
|
4
|
+
import { Tag } from '@carbon/react';
|
5
|
+
interface TagType {
|
6
|
+
label: string;
|
7
|
+
}
|
8
|
+
type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
|
9
|
+
interface TagSetModalProps {
|
10
|
+
allTags?: AllTags;
|
11
|
+
className?: string;
|
12
|
+
onClose?: () => void;
|
13
|
+
open?: boolean;
|
14
|
+
portalTarget?: ReactNode;
|
15
|
+
searchLabel?: string;
|
16
|
+
searchPlaceholder?: string;
|
17
|
+
title?: string;
|
18
|
+
}
|
19
|
+
export declare const TagSetModal: {
|
20
|
+
({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
|
21
|
+
propTypes: {
|
22
|
+
allTags: PropTypes.Requireable<(PropTypes.InferProps<{
|
15
23
|
label: PropTypes.Validator<string>;
|
16
24
|
}> | null | undefined)[]>;
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
}
|
25
|
-
|
26
|
-
}
|
27
|
-
import PropTypes from 'prop-types';
|
28
|
-
declare const componentName: "TagSetModal";
|
25
|
+
className: PropTypes.Requireable<string>;
|
26
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
27
|
+
open: PropTypes.Requireable<boolean>;
|
28
|
+
portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
29
|
+
searchLabel: PropTypes.Requireable<string>;
|
30
|
+
searchPlaceholder: PropTypes.Requireable<string>;
|
31
|
+
title: PropTypes.Requireable<string>;
|
32
|
+
};
|
33
|
+
displayName: string;
|
34
|
+
};
|
29
35
|
export {};
|
@@ -56,11 +56,11 @@ var TagSetModal = function TagSetModal(_ref) {
|
|
56
56
|
React.useEffect(function () {
|
57
57
|
var newFilteredModalTags = [];
|
58
58
|
if (open) {
|
59
|
-
if (search === '') {
|
60
|
-
newFilteredModalTags = allTags.slice(0);
|
59
|
+
if (search === '' && allTags) {
|
60
|
+
newFilteredModalTags = allTags === null || allTags === void 0 ? void 0 : allTags.slice(0);
|
61
61
|
} else {
|
62
62
|
var lCaseSearch = search.toLocaleLowerCase();
|
63
|
-
allTags.forEach(function (tag) {
|
63
|
+
allTags === null || allTags === void 0 || allTags.forEach(function (tag) {
|
64
64
|
var _tag$dataSearch, _tag$label;
|
65
65
|
var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === void 0 ? void 0 : _tag$dataSearch.indexOf(lCaseSearch);
|
66
66
|
var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.indexOf(lCaseSearch);
|
@@ -1,2 +1,45 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
import React, { ReactNode } from 'react';
|
2
|
+
type OverflowAlign = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
|
3
|
+
type OverflowType = 'default' | 'tag';
|
4
|
+
interface TagSetOverflowProps {
|
5
|
+
/**
|
6
|
+
* count of overflowTags over which a modal is offered
|
7
|
+
*/
|
8
|
+
allTagsModalSearchThreshold?: number;
|
9
|
+
/**
|
10
|
+
* className
|
11
|
+
*/
|
12
|
+
className?: string;
|
13
|
+
/**
|
14
|
+
* function to execute on clicking show all
|
15
|
+
*/
|
16
|
+
onShowAllClick: () => void;
|
17
|
+
/**
|
18
|
+
* overflowAlign from the standard tooltip
|
19
|
+
*/
|
20
|
+
overflowAlign?: OverflowAlign;
|
21
|
+
/** @type {Array<any>}
|
22
|
+
* tags shown in overflow
|
23
|
+
*/
|
24
|
+
overflowTags: ReactNode[];
|
25
|
+
/**
|
26
|
+
* Type of rendering displayed inside of the tag overflow component
|
27
|
+
*/
|
28
|
+
overflowType?: OverflowType;
|
29
|
+
/**
|
30
|
+
* Open state of the popover
|
31
|
+
*/
|
32
|
+
popoverOpen?: boolean;
|
33
|
+
/**
|
34
|
+
* Setter function for the popoverOpen state value
|
35
|
+
*/
|
36
|
+
setPopoverOpen?: ((value: boolean) => void) | undefined;
|
37
|
+
/**
|
38
|
+
* label for the overflow show all tags link
|
39
|
+
*/
|
40
|
+
showAllTagsLabel?: string;
|
41
|
+
}
|
42
|
+
export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
|
43
|
+
children?: React.ReactNode;
|
44
|
+
} & React.RefAttributes<HTMLSpanElement>>;
|
45
|
+
export {};
|
@@ -28,8 +28,7 @@ var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
|
|
28
28
|
|
29
29
|
// Default values for props
|
30
30
|
var defaults = {
|
31
|
-
allTagsModalSearchThreshold: 10
|
32
|
-
overflowAlign: 'bottom'
|
31
|
+
allTagsModalSearchThreshold: 10
|
33
32
|
};
|
34
33
|
var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
35
34
|
var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
|
@@ -37,30 +36,30 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
37
36
|
className = _ref.className,
|
38
37
|
onShowAllClick = _ref.onShowAllClick,
|
39
38
|
_ref$overflowAlign = _ref.overflowAlign,
|
40
|
-
overflowAlign = _ref$overflowAlign === void 0 ?
|
39
|
+
overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
|
41
40
|
overflowTags = _ref.overflowTags,
|
42
41
|
overflowType = _ref.overflowType,
|
43
42
|
showAllTagsLabel = _ref.showAllTagsLabel,
|
44
43
|
popoverOpen = _ref.popoverOpen,
|
45
44
|
setPopoverOpen = _ref.setPopoverOpen,
|
46
45
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
47
|
-
var localRef = React.useRef();
|
46
|
+
var localRef = React.useRef(null);
|
48
47
|
var overflowTagContent = React.useRef(null);
|
49
48
|
useClickOutside.useClickOutside(ref || localRef, function () {
|
50
49
|
if (popoverOpen) {
|
51
|
-
setPopoverOpen(false);
|
50
|
+
setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
|
52
51
|
}
|
53
52
|
});
|
54
53
|
var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
|
55
54
|
ev.stopPropagation();
|
56
55
|
ev.preventDefault();
|
57
|
-
setPopoverOpen(false);
|
56
|
+
setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
|
58
57
|
onShowAllClick();
|
59
58
|
};
|
60
59
|
var handleEscKeyPress = function handleEscKeyPress(event) {
|
61
60
|
var key = event.key;
|
62
61
|
if (key === 'Escape') {
|
63
|
-
setPopoverOpen(false);
|
62
|
+
setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
|
64
63
|
}
|
65
64
|
};
|
66
65
|
return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
@@ -76,7 +75,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
76
75
|
open: popoverOpen
|
77
76
|
}, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
|
78
77
|
onClick: function onClick() {
|
79
|
-
return setPopoverOpen(!popoverOpen);
|
78
|
+
return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
|
80
79
|
},
|
81
80
|
className: cx__default["default"]("".concat(blockClass, "__popover-trigger"))
|
82
81
|
}, "+", overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
@@ -94,10 +93,12 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
94
93
|
if (overflowType === 'default') {
|
95
94
|
tagProps.filter = false;
|
96
95
|
}
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
96
|
+
if ( /*#__PURE__*/React__default["default"].isValidElement(tag)) {
|
97
|
+
return /*#__PURE__*/React__default["default"].createElement("li", {
|
98
|
+
className: cx__default["default"]("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
|
99
|
+
key: index
|
100
|
+
}, /*#__PURE__*/React__default["default"].cloneElement(tag, tagProps));
|
101
|
+
}
|
101
102
|
})), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
|
102
103
|
className: "".concat(blockClass, "__show-all-tags-link"),
|
103
104
|
href: "",
|
@@ -126,6 +127,7 @@ TagSetOverflow.propTypes = {
|
|
126
127
|
/**
|
127
128
|
* tags shown in overflow
|
128
129
|
*/
|
130
|
+
/**@ts-ignore */
|
129
131
|
overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
|
130
132
|
/**
|
131
133
|
* Type of rendering displayed inside of the tag overflow component
|
@@ -81,7 +81,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
81
81
|
*/
|
82
82
|
React.useEffect(function () {
|
83
83
|
if (isInitiallyOpen) {
|
84
|
-
openWebTerminal();
|
84
|
+
openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
|
85
85
|
}
|
86
86
|
}, []); // eslint-disable-line
|
87
87
|
|
@@ -101,7 +101,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
101
101
|
if (prefersReducedMotion) {
|
102
102
|
setRender(false);
|
103
103
|
}
|
104
|
-
closeWebTerminal();
|
104
|
+
closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
|
105
105
|
};
|
106
106
|
return shouldRender ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
|
107
107
|
ref: ref,
|
@@ -1,2 +1,15 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2022, 2022
|
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
|
+
import React, { ReactNode } from 'react';
|
8
|
+
interface WebTerminalContentWrapperProps {
|
9
|
+
/**
|
10
|
+
* Pass in content as children.
|
11
|
+
*/
|
12
|
+
children: ReactNode | ReactNode[];
|
13
|
+
}
|
14
|
+
export declare let WebTerminalContentWrapper: React.ForwardRefExoticComponent<WebTerminalContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
15
|
+
export {};
|
@@ -1,12 +1,17 @@
|
|
1
|
-
|
2
|
-
export
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
|
8
|
-
}
|
1
|
+
import React, { ReactNode } from 'react';
|
2
|
+
export interface WebTerminalContextType {
|
3
|
+
open?: boolean;
|
4
|
+
openWebTerminal?: () => void;
|
5
|
+
closeWebTerminal?: () => void;
|
6
|
+
toggleWebTerminal?: () => void;
|
9
7
|
}
|
10
|
-
export
|
11
|
-
|
12
|
-
|
8
|
+
export declare const WebTerminalContext: React.Context<WebTerminalContextType>;
|
9
|
+
interface WebTerminalProviderProps {
|
10
|
+
/**
|
11
|
+
* Provide your own terminal component as children to show up in the web terminal
|
12
|
+
*/
|
13
|
+
children: ReactNode | ReactNode[];
|
14
|
+
}
|
15
|
+
export declare let WebTerminalProvider: React.FC<WebTerminalProviderProps>;
|
16
|
+
export declare const useWebTerminal: () => WebTerminalContextType;
|
17
|
+
export {};
|
@@ -18,7 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
18
18
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
20
20
|
|
21
|
-
var WebTerminalContext = /*#__PURE__*/React.createContext();
|
21
|
+
var WebTerminalContext = /*#__PURE__*/React.createContext({});
|
22
22
|
var componentName = 'WebTerminalProvider';
|
23
23
|
exports.WebTerminalProvider = function WebTerminalProvider(_ref) {
|
24
24
|
var children = _ref.children;
|
@@ -24,6 +24,7 @@ declare namespace defaults {
|
|
24
24
|
let AboutModal: boolean;
|
25
25
|
let APIKeyModal: boolean;
|
26
26
|
let Cascade: boolean;
|
27
|
+
let Checklist: boolean;
|
27
28
|
let CreateModal: boolean;
|
28
29
|
let CreateFullPage: boolean;
|
29
30
|
let CreateFullPageStep: boolean;
|
@@ -112,7 +113,6 @@ declare namespace defaults {
|
|
112
113
|
let DescriptionListRow: boolean;
|
113
114
|
let SearchBar: boolean;
|
114
115
|
let UserAvatar: boolean;
|
115
|
-
let Checklist: boolean;
|
116
116
|
let EmptyStateV2: boolean;
|
117
117
|
let Guidebanner: boolean;
|
118
118
|
let GuidebannerElement: boolean;
|
@@ -26,6 +26,7 @@ var defaults = {
|
|
26
26
|
AboutModal: true,
|
27
27
|
APIKeyModal: true,
|
28
28
|
Cascade: true,
|
29
|
+
Checklist: true,
|
29
30
|
CreateModal: true,
|
30
31
|
CreateFullPage: true,
|
31
32
|
CreateFullPageStep: true,
|
@@ -121,7 +122,6 @@ var defaults = {
|
|
121
122
|
/* new component flags here - comment used by generate CLI */
|
122
123
|
|
123
124
|
// Novice to pro components not yet reviewed and released:
|
124
|
-
Checklist: false,
|
125
125
|
EmptyStateV2: false,
|
126
126
|
Guidebanner: false,
|
127
127
|
GuidebannerElement: false,
|
@@ -9,8 +9,14 @@
|
|
9
9
|
|
10
10
|
Object.defineProperty(exports, '__esModule', { value: true });
|
11
11
|
|
12
|
+
var purple50 = '#a56eff';
|
12
13
|
var purple70 = '#6929c4';
|
13
14
|
var blue90 = '#001d6c';
|
15
|
+
var gray20 = '#e0e0e0';
|
16
|
+
var gray70 = '#525252';
|
14
17
|
|
15
18
|
exports.blue90 = blue90;
|
19
|
+
exports.gray20 = gray20;
|
20
|
+
exports.gray70 = gray70;
|
21
|
+
exports.purple50 = purple50;
|
16
22
|
exports.purple70 = purple70;
|
package/lib/settings.d.ts
CHANGED
@@ -10,6 +10,7 @@ export const pkg: {
|
|
10
10
|
AboutModal: boolean;
|
11
11
|
APIKeyModal: boolean;
|
12
12
|
Cascade: boolean;
|
13
|
+
Checklist: boolean;
|
13
14
|
CreateModal: boolean;
|
14
15
|
CreateFullPage: boolean;
|
15
16
|
CreateFullPageStep: boolean;
|
@@ -98,7 +99,6 @@ export const pkg: {
|
|
98
99
|
DescriptionListRow: boolean;
|
99
100
|
SearchBar: boolean;
|
100
101
|
UserAvatar: boolean;
|
101
|
-
Checklist: boolean;
|
102
102
|
EmptyStateV2: boolean;
|
103
103
|
Guidebanner: boolean;
|
104
104
|
GuidebannerElement: boolean;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.38.0
|
4
|
+
"version": "2.38.0",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -92,7 +92,7 @@
|
|
92
92
|
},
|
93
93
|
"dependencies": {
|
94
94
|
"@babel/runtime": "^7.23.9",
|
95
|
-
"@carbon/ibm-products-styles": "^2.
|
95
|
+
"@carbon/ibm-products-styles": "^2.36.0",
|
96
96
|
"@carbon/telemetry": "^0.1.0",
|
97
97
|
"@dnd-kit/core": "^6.0.8",
|
98
98
|
"@dnd-kit/modifiers": "^7.0.0",
|
@@ -116,5 +116,5 @@
|
|
116
116
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
117
117
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
118
118
|
},
|
119
|
-
"gitHead": "
|
119
|
+
"gitHead": "c3f7c28b58bf5412337cca1a1d3f98a250522294"
|
120
120
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
//
|
2
|
-
// Copyright IBM Corp. 2020,
|
2
|
+
// Copyright IBM Corp. 2020, 2024
|
3
3
|
//
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
6
6
|
//
|
7
7
|
|
8
|
-
//
|
8
|
+
// Checklist uses the following Carbon components:
|
9
9
|
// Button, IconButton
|
10
10
|
|
11
11
|
@use '@carbon/react/scss/components/button';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Copyright IBM Corp. 2020,
|
2
|
+
// Copyright IBM Corp. 2020, 2024
|
3
3
|
//
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
@@ -12,6 +12,7 @@
|
|
12
12
|
@use './APIKeyModal/index-with-carbon' as *;
|
13
13
|
@use './ActionSet/index-with-carbon' as *;
|
14
14
|
@use './Cascade/index-with-carbon' as *;
|
15
|
+
@use './Checklist/index-with-carbon' as *;
|
15
16
|
@use './CreateModal/index-with-carbon' as *;
|
16
17
|
@use './CreateFullPage/index-with-carbon' as *;
|
17
18
|
@use './CreateSidePanel/index-with-carbon' as *;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Copyright IBM Corp. 2020,
|
2
|
+
// Copyright IBM Corp. 2020, 2024
|
3
3
|
//
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
@@ -12,6 +12,7 @@
|
|
12
12
|
@use './APIKeyModal';
|
13
13
|
@use './ActionSet';
|
14
14
|
@use './Cascade';
|
15
|
+
@use './Checklist';
|
15
16
|
@use './CreateModal';
|
16
17
|
@use './CreateFullPage';
|
17
18
|
@use './CreateSidePanel';
|
@@ -14,6 +14,7 @@
|
|
14
14
|
@use './ActionSet/index-with-carbon' as *;
|
15
15
|
@use './ButtonMenu/index-with-carbon' as *;
|
16
16
|
@use './Cascade/index-with-carbon' as *;
|
17
|
+
@use './Checklist/index-with-carbon' as *;
|
17
18
|
@use './ComboButton/index-with-carbon' as *;
|
18
19
|
@use './CreateFullPage/index-with-carbon' as *;
|
19
20
|
@use './CreateModal/index-with-carbon' as *;
|
package/telemetry.yml
CHANGED
@@ -44,6 +44,7 @@ collect:
|
|
44
44
|
- collapsible
|
45
45
|
- columnInputPlaceholder
|
46
46
|
- columns
|
47
|
+
- condition
|
47
48
|
- conditionBuilderRef
|
48
49
|
- conditionState
|
49
50
|
- config
|
@@ -86,6 +87,7 @@ collect:
|
|
86
87
|
- globalSortBy
|
87
88
|
- grid
|
88
89
|
- gridGap
|
90
|
+
- group
|
89
91
|
- hasActions
|
90
92
|
- hasCloseIcon
|
91
93
|
- hasFieldset
|
@@ -245,7 +247,6 @@ collect:
|
|
245
247
|
- small
|
246
248
|
- sortByLabel
|
247
249
|
- startConditionLabel
|
248
|
-
- state
|
249
250
|
- status
|
250
251
|
- style
|
251
252
|
- submitButtonText
|
@@ -397,8 +398,8 @@ collect:
|
|
397
398
|
- chartValue
|
398
399
|
- checklistAriaLabel
|
399
400
|
- checklistToggleAriaLabel
|
401
|
+
- enableToggle
|
400
402
|
- onClickViewAll
|
401
|
-
- showToggle
|
402
403
|
- taskLists
|
403
404
|
- toggleLabel
|
404
405
|
- toggleLabelAlign
|
@@ -427,7 +428,7 @@ collect:
|
|
427
428
|
- addConditionHandler
|
428
429
|
- conditionIndex
|
429
430
|
- conjunction
|
430
|
-
-
|
431
|
+
- isLastCondition
|
431
432
|
- isStatement
|
432
433
|
- onConnectorOperatorChange
|
433
434
|
- onStatementChange
|
@@ -710,7 +711,7 @@ collect:
|
|
710
711
|
# SearchBar
|
711
712
|
- clearButtonLabelText
|
712
713
|
- hideScopesLabel
|
713
|
-
-
|
714
|
+
- placeholderText
|
714
715
|
- scopes
|
715
716
|
- scopesTypeLabel
|
716
717
|
- scopeToString
|
@@ -864,10 +865,6 @@ collect:
|
|
864
865
|
- narrow
|
865
866
|
- wide
|
866
867
|
# General - kind
|
867
|
-
- '"fixed"'
|
868
|
-
- '"floating"'
|
869
|
-
- '"stacked"'
|
870
|
-
- '"tooltip"'
|
871
868
|
- "403"
|
872
869
|
- "404"
|
873
870
|
- checked
|