@carbon/ibm-products 2.38.0-alpha.5 → 2.39.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +227 -0
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- 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-without-carbon.css +227 -0
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +445 -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/Card/Card.js +50 -9
- package/es/components/Card/CardFooter.d.ts +5 -1
- package/es/components/Card/CardFooter.js +11 -1
- package/es/components/Carousel/Carousel.d.ts +6 -2
- package/es/components/Checklist/Checklist.d.ts +100 -2
- package/es/components/Checklist/Checklist.js +19 -15
- package/es/components/Checklist/Checklist.types.d.ts +19 -0
- package/es/components/Checklist/Checklist.types.js +22 -0
- package/es/components/Checklist/ChecklistChart.d.ts +6 -2
- package/es/components/Checklist/ChecklistChart.js +14 -33
- package/es/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/es/components/Checklist/ChecklistIcon.js +9 -4
- 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/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- 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/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +48 -27
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +60 -39
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -27
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/es/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- package/es/components/GetStartedCard/GetStartedCard.d.ts +5 -0
- package/es/components/GetStartedCard/GetStartedCard.js +82 -0
- package/es/components/GetStartedCard/index.d.ts +1 -0
- package/es/components/Guidebanner/Guidebanner.js +2 -2
- package/es/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +10 -10
- package/es/components/SearchBar/SearchBar.d.ts +10 -1
- package/es/components/SearchBar/SearchBar.js +26 -20
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/TagOverflow/TagOverflow.d.ts +5 -0
- package/es/components/TagOverflow/TagOverflow.js +153 -29
- package/es/components/TagOverflow/TagOverflowModal.d.ts +29 -0
- package/es/components/TagOverflow/TagOverflowModal.js +112 -0
- package/es/components/TagOverflow/TagOverflowPopover.d.ts +2 -0
- package/es/components/TagOverflow/TagOverflowPopover.js +135 -0
- 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/components/index.d.ts +1 -0
- package/es/global/js/package-settings.d.ts +2 -1
- package/es/global/js/package-settings.js +2 -1
- package/es/index.js +1 -0
- package/es/node_modules/@carbon/colors/es/index.js +4 -1
- package/es/settings.d.ts +2 -1
- package/lib/components/ActionSet/ActionSet.js +2 -1
- package/lib/components/Card/Card.js +50 -9
- package/lib/components/Card/CardFooter.d.ts +5 -1
- package/lib/components/Card/CardFooter.js +11 -1
- package/lib/components/Carousel/Carousel.d.ts +6 -2
- package/lib/components/Checklist/Checklist.d.ts +100 -2
- package/lib/components/Checklist/Checklist.js +19 -15
- package/lib/components/Checklist/Checklist.types.d.ts +19 -0
- package/lib/components/Checklist/Checklist.types.js +27 -0
- package/lib/components/Checklist/ChecklistChart.d.ts +6 -2
- package/lib/components/Checklist/ChecklistChart.js +17 -36
- package/lib/components/Checklist/ChecklistIcon.d.ts +5 -1
- package/lib/components/Checklist/ChecklistIcon.js +9 -4
- 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/CoachmarkButton/CoachmarkButton.d.ts +19 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +42 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +4 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +46 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +5 -4
- 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/CreateInfluencer/CreateInfluencer.d.ts +55 -17
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +67 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +48 -27
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +139 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +59 -38
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +89 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -27
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -1
- package/lib/components/DataSpreadsheet/types/index.d.ts +30 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +19 -2
- package/lib/components/GetStartedCard/GetStartedCard.d.ts +5 -0
- package/lib/components/GetStartedCard/GetStartedCard.js +88 -0
- package/lib/components/GetStartedCard/index.d.ts +1 -0
- package/lib/components/Guidebanner/Guidebanner.js +2 -2
- package/lib/components/NotificationsPanel/NotificationsPanel.d.ts +162 -1
- package/lib/components/NotificationsPanel/NotificationsPanel.js +10 -10
- package/lib/components/SearchBar/SearchBar.d.ts +10 -1
- package/lib/components/SearchBar/SearchBar.js +26 -18
- package/lib/components/SidePanel/SidePanel.js +1 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +5 -0
- package/lib/components/TagOverflow/TagOverflow.js +154 -28
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +29 -0
- package/lib/components/TagOverflow/TagOverflowModal.js +121 -0
- package/lib/components/TagOverflow/TagOverflowPopover.d.ts +2 -0
- package/lib/components/TagOverflow/TagOverflowPopover.js +144 -0
- 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/components/index.d.ts +1 -0
- package/lib/global/js/package-settings.d.ts +2 -1
- package/lib/global/js/package-settings.js +2 -1
- package/lib/index.js +5 -0
- package/lib/node_modules/@carbon/colors/es/index.js +6 -0
- package/lib/settings.d.ts +2 -1
- package/package.json +3 -3
- package/scss/components/Checklist/_carbon-imports.scss +2 -2
- package/scss/components/GetStartedCard/_carbon-imports.scss +9 -0
- package/scss/components/GetStartedCard/_get-started-card.scss +135 -0
- package/scss/components/GetStartedCard/_index-with-carbon.scss +9 -0
- package/scss/components/GetStartedCard/_index.scss +8 -0
- package/scss/components/TagOverflow/_tag-overflow.scss +157 -0
- 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 +2 -0
- package/scss/components/_index.scss +1 -0
- package/telemetry.yml +28 -24
@@ -0,0 +1,144 @@
|
|
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
|
+
'use strict';
|
9
|
+
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
11
|
+
|
12
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
13
|
+
var React = require('react');
|
14
|
+
var index = require('../../node_modules/prop-types/index.js');
|
15
|
+
var cx = require('classnames');
|
16
|
+
var react = require('@carbon/react');
|
17
|
+
var settings = require('../../settings.js');
|
18
|
+
var useClickOutside = require('../../global/js/hooks/useClickOutside.js');
|
19
|
+
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
21
|
+
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
23
|
+
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
24
|
+
|
25
|
+
var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
|
26
|
+
var componentName = 'TagOverflowPopover';
|
27
|
+
var blockClass = "".concat(settings.pkg.prefix, "--tag-overflow-popover");
|
28
|
+
|
29
|
+
// Default values for props
|
30
|
+
var defaults = {
|
31
|
+
allTagsModalSearchThreshold: 10,
|
32
|
+
overflowAlign: 'bottom'
|
33
|
+
};
|
34
|
+
var TagOverflowPopover = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
35
|
+
var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
|
36
|
+
allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
|
37
|
+
className = _ref.className,
|
38
|
+
onShowAllClick = _ref.onShowAllClick,
|
39
|
+
_ref$overflowAlign = _ref.overflowAlign,
|
40
|
+
overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
|
41
|
+
overflowTags = _ref.overflowTags,
|
42
|
+
overflowType = _ref.overflowType,
|
43
|
+
showAllTagsLabel = _ref.showAllTagsLabel,
|
44
|
+
popoverOpen = _ref.popoverOpen,
|
45
|
+
setPopoverOpen = _ref.setPopoverOpen,
|
46
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
47
|
+
var localRef = React.useRef();
|
48
|
+
var overflowTagContent = React.useRef(null);
|
49
|
+
useClickOutside.useClickOutside(ref || localRef, function () {
|
50
|
+
if (popoverOpen) {
|
51
|
+
setPopoverOpen(false);
|
52
|
+
}
|
53
|
+
});
|
54
|
+
var handleShowAllTagsClick = function handleShowAllTagsClick(evt) {
|
55
|
+
evt.stopPropagation();
|
56
|
+
evt.preventDefault();
|
57
|
+
setPopoverOpen(false);
|
58
|
+
onShowAllClick();
|
59
|
+
};
|
60
|
+
var handleEscKeyPress = function handleEscKeyPress(event) {
|
61
|
+
var key = event.key;
|
62
|
+
if (key === 'Escape') {
|
63
|
+
setPopoverOpen(false);
|
64
|
+
}
|
65
|
+
};
|
66
|
+
var getOverflowPopoverItems = function getOverflowPopoverItems() {
|
67
|
+
return overflowTags.filter(function (_, index) {
|
68
|
+
return overflowTags.length > allTagsModalSearchThreshold ? index < allTagsModalSearchThreshold : index <= allTagsModalSearchThreshold;
|
69
|
+
});
|
70
|
+
};
|
71
|
+
return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
72
|
+
"aria-hidden": overflowTags.length === 0,
|
73
|
+
className: cx__default["default"](blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
|
74
|
+
ref: ref || localRef
|
75
|
+
}), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
|
76
|
+
align: overflowAlign,
|
77
|
+
className: cx__default["default"](className, "".concat(blockClass, "__el")),
|
78
|
+
dropShadow: true,
|
79
|
+
highContrast: true,
|
80
|
+
onKeyDown: handleEscKeyPress,
|
81
|
+
open: popoverOpen
|
82
|
+
}, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
|
83
|
+
onClick: function onClick() {
|
84
|
+
return setPopoverOpen(!popoverOpen);
|
85
|
+
},
|
86
|
+
className: cx__default["default"]("".concat(blockClass, "__trigger"))
|
87
|
+
}, "+", overflowTags.length), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
88
|
+
ref: overflowTagContent,
|
89
|
+
className: "".concat(blockClass, "__content")
|
90
|
+
}, /*#__PURE__*/React__default["default"].createElement("ul", {
|
91
|
+
className: "".concat(blockClass, "__tag-list")
|
92
|
+
}, getOverflowPopoverItems().map(function (tag) {
|
93
|
+
return /*#__PURE__*/React__default["default"].createElement("li", {
|
94
|
+
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')),
|
95
|
+
key: tag.id
|
96
|
+
}, tag.label);
|
97
|
+
})), overflowTags.length > allTagsModalSearchThreshold && /*#__PURE__*/React__default["default"].createElement(react.Link, {
|
98
|
+
className: "".concat(blockClass, "__show-all-tags-link"),
|
99
|
+
href: "",
|
100
|
+
onClick: handleShowAllTagsClick,
|
101
|
+
role: "button"
|
102
|
+
}, showAllTagsLabel)))));
|
103
|
+
});
|
104
|
+
TagOverflowPopover.displayName = componentName;
|
105
|
+
TagOverflowPopover.propTypes = {
|
106
|
+
/**
|
107
|
+
* count of overflowTags over which a modal is offered
|
108
|
+
*/
|
109
|
+
allTagsModalSearchThreshold: index["default"].number,
|
110
|
+
/**
|
111
|
+
* className
|
112
|
+
*/
|
113
|
+
className: index["default"].string,
|
114
|
+
/**
|
115
|
+
* function to execute on clicking show all
|
116
|
+
*/
|
117
|
+
onShowAllClick: index["default"].func.isRequired,
|
118
|
+
/**
|
119
|
+
* overflowAlign from the standard tooltip
|
120
|
+
*/
|
121
|
+
overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
|
122
|
+
/**
|
123
|
+
* tags shown in overflow
|
124
|
+
*/
|
125
|
+
overflowTags: index["default"].arrayOf(index["default"].object).isRequired,
|
126
|
+
/**
|
127
|
+
* Type of rendering displayed inside of the tag overflow component
|
128
|
+
*/
|
129
|
+
overflowType: index["default"].oneOf(['default', 'tag']),
|
130
|
+
/**
|
131
|
+
* Open state of the popover
|
132
|
+
*/
|
133
|
+
popoverOpen: index["default"].bool,
|
134
|
+
/**
|
135
|
+
* Setter function for the popoverOpen state value
|
136
|
+
*/
|
137
|
+
setPopoverOpen: index["default"].func,
|
138
|
+
/**
|
139
|
+
* label for the overflow show all tags link
|
140
|
+
*/
|
141
|
+
showAllTagsLabel: index["default"].string
|
142
|
+
};
|
143
|
+
|
144
|
+
exports.TagOverflowPopover = TagOverflowPopover;
|
@@ -1,8 +1,92 @@
|
|
1
|
-
|
1
|
+
import React, { ReactNode, PropsWithChildren } from 'react';
|
2
|
+
import { TagBaseProps } from '@carbon/type';
|
3
|
+
type Align = 'start' | 'center' | 'end';
|
4
|
+
type OverflowAlign = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
|
5
|
+
type OverflowType = 'default' | 'tag';
|
6
|
+
type TagType = {
|
7
|
+
label: string;
|
8
|
+
type?: keyof typeof tagTypes;
|
9
|
+
} & TagBaseProps;
|
10
|
+
interface TagSetProps extends PropsWithChildren {
|
11
|
+
/**
|
12
|
+
* align the Tags displayed by the TagSet. Default start.
|
13
|
+
*/
|
14
|
+
align?: Align;
|
15
|
+
/**
|
16
|
+
* label text for the show all search. **Note: Required if more than 10 tags**
|
17
|
+
*/
|
18
|
+
allTagsModalSearchLabel?: string;
|
19
|
+
/**
|
20
|
+
* placeholder text for the show all search. **Note: Required if more than 10 tags**
|
21
|
+
*/
|
22
|
+
allTagsModalSearchPlaceholderText?: string;
|
23
|
+
/**
|
24
|
+
* portal target for the all tags modal
|
25
|
+
*/
|
26
|
+
allTagsModalTarget?: ReactNode;
|
27
|
+
/**
|
28
|
+
* title for the show all modal. **Note: Required if more than 10 tags**
|
29
|
+
*/
|
30
|
+
allTagsModalTitle?: string;
|
31
|
+
/**
|
32
|
+
* className
|
33
|
+
*/
|
34
|
+
className?: string;
|
35
|
+
/**
|
36
|
+
* Optional ref for custom resize container to measure available space
|
37
|
+
* Default will measure the available space of the TagSet container itself.
|
38
|
+
*/
|
39
|
+
containingElementRef?: React.RefObject<HTMLElement>;
|
40
|
+
/**
|
41
|
+
* maximum visible tags
|
42
|
+
*/
|
43
|
+
maxVisible?: number;
|
44
|
+
/**
|
45
|
+
* Specify offset amount for measure available space, only used when `containingElementSelector`
|
46
|
+
* is also provided
|
47
|
+
*/
|
48
|
+
measurementOffset?: number;
|
49
|
+
/**
|
50
|
+
* display tags in multiple lines
|
51
|
+
*/
|
52
|
+
multiline?: boolean;
|
53
|
+
/**
|
54
|
+
* Handler to get overflow tags
|
55
|
+
*/
|
56
|
+
onOverflowTagChange?: (value: ReactNode) => void;
|
57
|
+
/**
|
58
|
+
* overflowAlign from the standard tooltip. Default center.
|
59
|
+
*/
|
60
|
+
overflowAlign?: OverflowAlign;
|
61
|
+
/**
|
62
|
+
* overflowClassName for the tooltip popup
|
63
|
+
*/
|
64
|
+
overflowClassName?: string;
|
65
|
+
/**
|
66
|
+
* Type of rendering displayed inside of the tag overflow component
|
67
|
+
*/
|
68
|
+
overflowType?: OverflowType;
|
69
|
+
/**
|
70
|
+
* label for the overflow show all tags link.
|
71
|
+
*
|
72
|
+
* **Note:** Required if more than 10 tags
|
73
|
+
*/
|
74
|
+
showAllTagsLabel: string;
|
75
|
+
/**
|
76
|
+
* The tags to be shown in the TagSet. Each tag is specified as an object
|
77
|
+
* with properties: **label**\* (required) to supply the tag content, and
|
78
|
+
* other properties will be passed to the Carbon Tag component, such as
|
79
|
+
* **type**, **disabled**, **ref**, **className** , and any other Tag props.
|
80
|
+
*
|
81
|
+
* See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
|
82
|
+
*/
|
83
|
+
tags?: TagType[];
|
84
|
+
}
|
85
|
+
export declare let TagSet: React.ForwardRefExoticComponent<TagSetProps & React.RefAttributes<HTMLDivElement>>;
|
2
86
|
/**
|
3
87
|
* The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
|
4
88
|
* @returns null if no problems
|
5
89
|
*/
|
6
|
-
export const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
|
90
|
+
export declare const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
|
91
|
+
declare const tagTypes: string[];
|
7
92
|
export default TagSet;
|
8
|
-
import React from 'react';
|
@@ -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;
|
@@ -54,6 +54,7 @@ export { StatusIndicator } from "./StatusIndicator";
|
|
54
54
|
export { TagOverflow } from "./TagOverflow";
|
55
55
|
export { ActionBar } from "./ActionBar";
|
56
56
|
export { ConditionBuilder } from "./ConditionBuilder";
|
57
|
+
export { GetStartedCard } from "./GetStartedCard";
|
57
58
|
export { ComboButton, ComboButtonItem } from "./ComboButton";
|
58
59
|
export { CreateFullPage, CreateFullPageStep } from "./CreateFullPage";
|
59
60
|
export { CreateTearsheet, CreateTearsheetStep, CreateTearsheetDivider } from "./CreateTearsheet";
|
@@ -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;
|
@@ -95,6 +96,7 @@ declare namespace defaults {
|
|
95
96
|
let FilterPanelLabel: boolean;
|
96
97
|
let FilterPanelSearch: boolean;
|
97
98
|
let ConditionBuilder: boolean;
|
99
|
+
let GetStartedCard: boolean;
|
98
100
|
let Coachmark: boolean;
|
99
101
|
let CoachmarkBeacon: boolean;
|
100
102
|
let CoachmarkButton: boolean;
|
@@ -112,7 +114,6 @@ declare namespace defaults {
|
|
112
114
|
let DescriptionListRow: boolean;
|
113
115
|
let SearchBar: boolean;
|
114
116
|
let UserAvatar: boolean;
|
115
|
-
let Checklist: boolean;
|
116
117
|
let EmptyStateV2: boolean;
|
117
118
|
let Guidebanner: boolean;
|
118
119
|
let GuidebannerElement: boolean;
|