@carbon/react 1.0.0-rc.0 → 1.0.0
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/es/components/Accordion/Accordion.Skeleton.js +1 -7
- package/es/components/Accordion/AccordionItem.js +0 -5
- package/es/components/Button/Button.Skeleton.js +1 -3
- package/es/components/Button/Button.js +51 -113
- package/es/components/Checkbox/Checkbox.js +8 -21
- package/es/components/CodeSnippet/CodeSnippet.js +3 -11
- package/es/components/ComboBox/ComboBox.js +2 -4
- package/es/components/ContentSwitcher/index.js +13 -0
- package/es/components/DataTable/DataTable.js +5 -14
- package/es/components/DataTable/Table.js +3 -11
- package/es/components/DataTable/TableBatchAction.js +2 -1
- package/es/components/DataTable/TableExpandHeader.js +1 -1
- package/es/components/DataTable/TableToolbar.js +1 -2
- package/es/components/DataTable/TableToolbarSearch.js +4 -13
- package/es/components/DatePickerInput/next/DatePickerInput.js +6 -31
- package/es/components/Dropdown/Dropdown.Skeleton.js +4 -13
- package/es/components/Dropdown/Dropdown.js +4 -9
- package/es/components/ExpandableSearch/ExpandableSearch.js +16 -22
- package/es/components/FormGroup/FormGroup.js +4 -14
- package/es/components/IconButton/index.js +0 -1
- package/es/components/InlineLoading/InlineLoading.js +2 -9
- package/es/components/ListBox/ListBox.js +10 -0
- package/es/components/Modal/next/Modal.js +5 -8
- package/es/components/MultiSelect/FilterableMultiSelect.js +1 -2
- package/es/components/MultiSelect/MultiSelect.js +2 -3
- package/es/components/MultiSelect/next/FilterableMultiSelect.js +1 -2
- package/es/components/Notification/next/Notification.js +18 -39
- package/es/components/OverflowMenuItem/OverflowMenuItem.js +1 -9
- package/es/components/RadioTile/RadioTile.js +6 -13
- package/es/components/Search/index.js +3 -3
- package/es/components/Search/next/Search.js +25 -20
- package/es/components/Select/Select.js +6 -14
- package/es/components/Slider/Slider.js +4 -14
- package/es/components/StructuredList/next/StructuredList.js +7 -11
- package/es/components/TextInput/ControlledPasswordInput.js +2 -2
- package/es/components/Tile/next/Tile.js +12 -51
- package/es/components/TileGroup/index.js +13 -0
- package/es/components/TimePickerSelect/next/TimePickerSelect.js +0 -6
- package/es/components/Tooltip/next/DefinitionTooltip.js +1 -1
- package/es/index.js +4 -6
- package/es/internal/ComponentToggle.js +1 -0
- package/lib/components/Accordion/Accordion.Skeleton.js +1 -7
- package/lib/components/Accordion/AccordionItem.js +0 -5
- package/lib/components/Button/Button.Skeleton.js +1 -3
- package/lib/components/Button/Button.js +49 -130
- package/lib/components/Checkbox/Checkbox.js +8 -21
- package/lib/components/CodeSnippet/CodeSnippet.js +3 -11
- package/lib/components/ComboBox/ComboBox.js +2 -4
- package/lib/components/ContentSwitcher/index.js +17 -0
- package/lib/components/DataTable/DataTable.js +5 -33
- package/lib/components/DataTable/Table.js +3 -30
- package/lib/components/DataTable/TableBatchAction.js +2 -1
- package/lib/components/DataTable/TableExpandHeader.js +1 -1
- package/lib/components/DataTable/TableToolbar.js +1 -21
- package/lib/components/DataTable/TableToolbarSearch.js +4 -13
- package/lib/components/DatePickerInput/next/DatePickerInput.js +5 -30
- package/lib/components/Dropdown/Dropdown.Skeleton.js +4 -13
- package/lib/components/Dropdown/Dropdown.js +4 -9
- package/lib/components/ExpandableSearch/ExpandableSearch.js +15 -21
- package/lib/components/FormGroup/FormGroup.js +3 -13
- package/lib/components/IconButton/index.js +0 -1
- package/lib/components/InlineLoading/InlineLoading.js +2 -9
- package/lib/components/ListBox/ListBox.js +10 -0
- package/lib/components/Modal/next/Modal.js +5 -8
- package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -2
- package/lib/components/MultiSelect/MultiSelect.js +2 -3
- package/lib/components/MultiSelect/next/FilterableMultiSelect.js +1 -2
- package/lib/components/Notification/next/Notification.js +18 -39
- package/lib/components/OverflowMenuItem/OverflowMenuItem.js +1 -9
- package/lib/components/RadioTile/RadioTile.js +6 -13
- package/lib/components/Search/next/Search.js +25 -20
- package/lib/components/Select/Select.js +6 -33
- package/lib/components/Slider/Slider.js +4 -14
- package/lib/components/StructuredList/next/StructuredList.js +7 -11
- package/lib/components/TextInput/ControlledPasswordInput.js +2 -2
- package/lib/components/Tile/next/Tile.js +12 -51
- package/lib/components/TileGroup/index.js +17 -0
- package/lib/components/TimePickerSelect/next/TimePickerSelect.js +0 -6
- package/lib/components/Tooltip/next/DefinitionTooltip.js +1 -1
- package/lib/index.js +94 -98
- package/lib/internal/ComponentToggle.js +1 -0
- package/package.json +9 -9
- package/es/components/TooltipDefinition/TooltipDefinition.js +0 -167
- package/es/components/TooltipIcon/TooltipIcon.js +0 -235
- package/es/tools/createPropAdapter.js +0 -63
- package/lib/components/TooltipDefinition/TooltipDefinition.js +0 -178
- package/lib/components/TooltipIcon/TooltipIcon.js +0 -245
- package/lib/tools/createPropAdapter.js +0 -67
package/lib/index.js
CHANGED
|
@@ -21,17 +21,17 @@ var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
|
21
21
|
var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
|
|
22
22
|
var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
|
|
23
23
|
var ComboBox = require('./components/ComboBox/ComboBox.js');
|
|
24
|
-
var index$
|
|
25
|
-
var
|
|
24
|
+
var index$i = require('./components/ComposedModal/index.js');
|
|
25
|
+
var index = require('./components/ContentSwitcher/index.js');
|
|
26
26
|
var Copy = require('./components/Copy/Copy.js');
|
|
27
27
|
var CopyButton = require('./components/CopyButton/CopyButton.js');
|
|
28
28
|
var DangerButton = require('./components/DangerButton/DangerButton.js');
|
|
29
|
-
var index$
|
|
30
|
-
var index = require('./components/DatePicker/index.js');
|
|
31
|
-
var index$
|
|
29
|
+
var index$j = require('./components/DataTable/index.js');
|
|
30
|
+
var index$1 = require('./components/DatePicker/index.js');
|
|
31
|
+
var index$2 = require('./components/DatePickerInput/index.js');
|
|
32
32
|
var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
|
|
33
33
|
var Dropdown = require('./components/Dropdown/Dropdown.js');
|
|
34
|
-
var index$
|
|
34
|
+
var index$3 = require('./components/FileUploader/index.js');
|
|
35
35
|
var Form = require('./components/Form/Form.js');
|
|
36
36
|
var FluidForm = require('./components/FluidForm/FluidForm.js');
|
|
37
37
|
var FormGroup = require('./components/FormGroup/FormGroup.js');
|
|
@@ -41,22 +41,22 @@ var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
|
|
|
41
41
|
var Link = require('./components/Link/Link.js');
|
|
42
42
|
var ListItem = require('./components/ListItem/ListItem.js');
|
|
43
43
|
var Loading = require('./components/Loading/Loading.js');
|
|
44
|
-
var index$
|
|
44
|
+
var index$4 = require('./components/Modal/index.js');
|
|
45
45
|
var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
|
|
46
|
-
var index$
|
|
47
|
-
var index$
|
|
46
|
+
var index$k = require('./components/MultiSelect/index.js');
|
|
47
|
+
var index$l = require('./components/Notification/index.js');
|
|
48
48
|
var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
|
|
49
49
|
var NumberInput = require('./components/NumberInput/NumberInput.js');
|
|
50
50
|
var OrderedList = require('./components/OrderedList/OrderedList.js');
|
|
51
|
-
var index$
|
|
52
|
-
var index$
|
|
53
|
-
var index$
|
|
51
|
+
var index$5 = require('./components/OverflowMenu/index.js');
|
|
52
|
+
var index$6 = require('./components/OverflowMenuItem/index.js');
|
|
53
|
+
var index$7 = require('./components/Pagination/index.js');
|
|
54
54
|
var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
|
|
55
55
|
var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
|
|
56
|
-
var index$
|
|
57
|
-
var index$
|
|
58
|
-
var index$
|
|
59
|
-
var index$
|
|
56
|
+
var index$m = require('./components/ProgressIndicator/index.js');
|
|
57
|
+
var index$8 = require('./components/RadioButton/index.js');
|
|
58
|
+
var index$9 = require('./components/RadioButtonGroup/index.js');
|
|
59
|
+
var index$a = require('./components/Search/index.js');
|
|
60
60
|
var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
|
|
61
61
|
var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
|
|
62
62
|
var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
|
|
@@ -66,28 +66,26 @@ var Select = require('./components/Select/Select.js');
|
|
|
66
66
|
var SelectItem = require('./components/SelectItem/SelectItem.js');
|
|
67
67
|
var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
|
|
68
68
|
var Switch = require('./components/Switch/Switch.js');
|
|
69
|
-
var index$
|
|
70
|
-
var index$
|
|
71
|
-
var index$
|
|
69
|
+
var index$b = require('./components/Slider/index.js');
|
|
70
|
+
var index$n = require('./components/StructuredList/index.js');
|
|
71
|
+
var index$c = require('./components/Tab/index.js');
|
|
72
72
|
var TabContent = require('./components/TabContent/TabContent.js');
|
|
73
|
-
var index$
|
|
73
|
+
var index$d = require('./components/Tabs/index.js');
|
|
74
74
|
var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
|
|
75
75
|
var Tag = require('./components/Tag/Tag.js');
|
|
76
76
|
var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
|
|
77
77
|
var TextArea = require('./components/TextArea/TextArea.js');
|
|
78
78
|
require('./components/TextInput/index.js');
|
|
79
|
-
var index$
|
|
79
|
+
var index$o = require('./components/Tile/index.js');
|
|
80
80
|
var RadioTile = require('./components/RadioTile/RadioTile.js');
|
|
81
|
-
var
|
|
82
|
-
var index$
|
|
83
|
-
var index$
|
|
84
|
-
var index$
|
|
81
|
+
var index$e = require('./components/TileGroup/index.js');
|
|
82
|
+
var index$f = require('./components/TimePicker/index.js');
|
|
83
|
+
var index$g = require('./components/TimePickerSelect/index.js');
|
|
84
|
+
var index$h = require('./components/Toggle/index.js');
|
|
85
85
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
86
86
|
var ToggleSmall = require('./components/ToggleSmall/ToggleSmall.js');
|
|
87
87
|
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
|
88
88
|
var ToolbarSearch = require('./components/ToolbarSearch/ToolbarSearch.js');
|
|
89
|
-
var TooltipDefinition = require('./components/TooltipDefinition/TooltipDefinition.js');
|
|
90
|
-
var TooltipIcon = require('./components/TooltipIcon/TooltipIcon.js');
|
|
91
89
|
var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
|
|
92
90
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
93
91
|
var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
|
|
@@ -105,18 +103,18 @@ var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js')
|
|
|
105
103
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
106
104
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
107
105
|
var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
|
|
108
|
-
var index$
|
|
109
|
-
var index$
|
|
110
|
-
var index$
|
|
111
|
-
var index$
|
|
112
|
-
var index$
|
|
106
|
+
var index$p = require('./components/UIShell/index.js');
|
|
107
|
+
var index$q = require('./components/FeatureFlags/index.js');
|
|
108
|
+
var index$r = require('./components/Heading/index.js');
|
|
109
|
+
var index$s = require('./components/IconButton/index.js');
|
|
110
|
+
var index$t = require('./components/Layer/index.js');
|
|
113
111
|
require('./components/Menu/index.js');
|
|
114
|
-
var index$
|
|
115
|
-
var index$
|
|
116
|
-
var index$
|
|
112
|
+
var index$u = require('./components/OverflowMenuV2/index.js');
|
|
113
|
+
var index$v = require('./components/Popover/index.js');
|
|
114
|
+
var index$w = require('./components/Stack/index.js');
|
|
117
115
|
var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
|
|
118
116
|
require('./components/TreeView/index.js');
|
|
119
|
-
var index$
|
|
117
|
+
var index$x = require('./components/Theme/index.js');
|
|
120
118
|
var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
|
|
121
119
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
122
120
|
var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
|
|
@@ -214,18 +212,18 @@ exports.Checkbox = Checkbox["default"];
|
|
|
214
212
|
exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
|
|
215
213
|
exports.CodeSnippet = CodeSnippet["default"];
|
|
216
214
|
exports.ComboBox = ComboBox["default"];
|
|
217
|
-
exports.ModalFooter = index$
|
|
218
|
-
exports.ModalHeader = index$
|
|
219
|
-
exports.ContentSwitcher =
|
|
215
|
+
exports.ModalFooter = index$i.ModalFooter;
|
|
216
|
+
exports.ModalHeader = index$i.ModalHeader;
|
|
217
|
+
exports.ContentSwitcher = index["default"];
|
|
220
218
|
exports.Copy = Copy["default"];
|
|
221
219
|
exports.CopyButton = CopyButton["default"];
|
|
222
220
|
exports.DangerButton = DangerButton["default"];
|
|
223
|
-
exports.DataTable = index$
|
|
224
|
-
exports.DatePicker = index["default"];
|
|
225
|
-
exports.DatePickerInput = index$
|
|
221
|
+
exports.DataTable = index$j["default"];
|
|
222
|
+
exports.DatePicker = index$1["default"];
|
|
223
|
+
exports.DatePickerInput = index$2["default"];
|
|
226
224
|
exports.DropdownSkeleton = Dropdown_Skeleton["default"];
|
|
227
225
|
exports.Dropdown = Dropdown["default"];
|
|
228
|
-
exports.FileUploader = index$
|
|
226
|
+
exports.FileUploader = index$3["default"];
|
|
229
227
|
exports.Form = Form["default"];
|
|
230
228
|
exports.FluidForm = FluidForm["default"];
|
|
231
229
|
exports.FormGroup = FormGroup["default"];
|
|
@@ -235,27 +233,27 @@ exports.InlineLoading = InlineLoading["default"];
|
|
|
235
233
|
exports.Link = Link["default"];
|
|
236
234
|
exports.ListItem = ListItem["default"];
|
|
237
235
|
exports.Loading = Loading["default"];
|
|
238
|
-
exports.Modal = index$
|
|
236
|
+
exports.Modal = index$4["default"];
|
|
239
237
|
exports.ModalWrapper = ModalWrapper["default"];
|
|
240
|
-
exports.FilterableMultiSelect = index$
|
|
241
|
-
exports.ActionableNotification = index$
|
|
242
|
-
exports.InlineNotification = index$
|
|
243
|
-
exports.NotificationActionButton = index$
|
|
244
|
-
exports.NotificationButton = index$
|
|
245
|
-
exports.NotificationTextDetails = index$
|
|
246
|
-
exports.ToastNotification = index$
|
|
238
|
+
exports.FilterableMultiSelect = index$k.FilterableMultiSelect;
|
|
239
|
+
exports.ActionableNotification = index$l.ActionableNotification;
|
|
240
|
+
exports.InlineNotification = index$l.InlineNotification;
|
|
241
|
+
exports.NotificationActionButton = index$l.NotificationActionButton;
|
|
242
|
+
exports.NotificationButton = index$l.NotificationButton;
|
|
243
|
+
exports.NotificationTextDetails = index$l.NotificationTextDetails;
|
|
244
|
+
exports.ToastNotification = index$l.ToastNotification;
|
|
247
245
|
exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
|
|
248
246
|
exports.NumberInput = NumberInput["default"];
|
|
249
247
|
exports.OrderedList = OrderedList["default"];
|
|
250
|
-
exports.OverflowMenu = index$
|
|
251
|
-
exports.OverflowMenuItem = index$
|
|
252
|
-
exports.Pagination = index$
|
|
248
|
+
exports.OverflowMenu = index$5["default"];
|
|
249
|
+
exports.OverflowMenuItem = index$6["default"];
|
|
250
|
+
exports.Pagination = index$7["default"];
|
|
253
251
|
exports.PaginationNav = PaginationNav["default"];
|
|
254
252
|
exports.PrimaryButton = PrimaryButton["default"];
|
|
255
|
-
exports.ProgressIndicator = index$
|
|
256
|
-
exports.RadioButton = index$
|
|
257
|
-
exports.RadioButtonGroup = index$
|
|
258
|
-
exports.Search = index$
|
|
253
|
+
exports.ProgressIndicator = index$m.ProgressIndicator;
|
|
254
|
+
exports.RadioButton = index$8["default"];
|
|
255
|
+
exports.RadioButtonGroup = index$9["default"];
|
|
256
|
+
exports.Search = index$a["default"];
|
|
259
257
|
exports.SearchFilterButton = SearchFilterButton["default"];
|
|
260
258
|
exports.SearchLayoutButton = SearchLayoutButton["default"];
|
|
261
259
|
exports.ExpandableSearch = ExpandableSearch["default"];
|
|
@@ -265,31 +263,31 @@ exports.Select = Select["default"];
|
|
|
265
263
|
exports.SelectItem = SelectItem["default"];
|
|
266
264
|
exports.SelectItemGroup = SelectItemGroup["default"];
|
|
267
265
|
exports.Switch = Switch["default"];
|
|
268
|
-
exports.Slider = index$
|
|
269
|
-
exports.StructuredListBody = index$
|
|
270
|
-
exports.StructuredListCell = index$
|
|
271
|
-
exports.StructuredListHead = index$
|
|
272
|
-
exports.StructuredListInput = index$
|
|
273
|
-
exports.StructuredListRow = index$
|
|
274
|
-
exports.StructuredListWrapper = index$
|
|
275
|
-
exports.Tab = index$
|
|
266
|
+
exports.Slider = index$b["default"];
|
|
267
|
+
exports.StructuredListBody = index$n.StructuredListBody;
|
|
268
|
+
exports.StructuredListCell = index$n.StructuredListCell;
|
|
269
|
+
exports.StructuredListHead = index$n.StructuredListHead;
|
|
270
|
+
exports.StructuredListInput = index$n.StructuredListInput;
|
|
271
|
+
exports.StructuredListRow = index$n.StructuredListRow;
|
|
272
|
+
exports.StructuredListWrapper = index$n.StructuredListWrapper;
|
|
273
|
+
exports.Tab = index$c["default"];
|
|
276
274
|
exports.TabContent = TabContent["default"];
|
|
277
|
-
exports.Tabs = index$
|
|
275
|
+
exports.Tabs = index$d["default"];
|
|
278
276
|
exports.TagSkeleton = Tag_Skeleton["default"];
|
|
279
277
|
exports.Tag = Tag["default"];
|
|
280
278
|
exports.TextAreaSkeleton = TextArea_Skeleton["default"];
|
|
281
279
|
exports.TextArea = TextArea["default"];
|
|
282
|
-
exports.ClickableTile = index$
|
|
283
|
-
exports.ExpandableTile = index$
|
|
284
|
-
exports.SelectableTile = index$
|
|
285
|
-
exports.Tile = index$
|
|
286
|
-
exports.TileAboveTheFoldContent = index$
|
|
287
|
-
exports.TileBelowTheFoldContent = index$
|
|
280
|
+
exports.ClickableTile = index$o.ClickableTile;
|
|
281
|
+
exports.ExpandableTile = index$o.ExpandableTile;
|
|
282
|
+
exports.SelectableTile = index$o.SelectableTile;
|
|
283
|
+
exports.Tile = index$o.Tile;
|
|
284
|
+
exports.TileAboveTheFoldContent = index$o.TileAboveTheFoldContent;
|
|
285
|
+
exports.TileBelowTheFoldContent = index$o.TileBelowTheFoldContent;
|
|
288
286
|
exports.RadioTile = RadioTile["default"];
|
|
289
|
-
exports.TileGroup =
|
|
290
|
-
exports.TimePicker = index$
|
|
291
|
-
exports.TimePickerSelect = index$
|
|
292
|
-
exports.Toggle = index$
|
|
287
|
+
exports.TileGroup = index$e["default"];
|
|
288
|
+
exports.TimePicker = index$f["default"];
|
|
289
|
+
exports.TimePickerSelect = index$g["default"];
|
|
290
|
+
exports.Toggle = index$h["default"];
|
|
293
291
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
|
|
294
292
|
exports.ToggleSmall = ToggleSmall["default"];
|
|
295
293
|
exports.Toolbar = Toolbar["default"];
|
|
@@ -298,8 +296,6 @@ exports.ToolbarItem = Toolbar.ToolbarItem;
|
|
|
298
296
|
exports.ToolbarOption = Toolbar.ToolbarOption;
|
|
299
297
|
exports.ToolbarTitle = Toolbar.ToolbarTitle;
|
|
300
298
|
exports.ToolbarSearch = ToolbarSearch["default"];
|
|
301
|
-
exports.TooltipDefinition = TooltipDefinition["default"];
|
|
302
|
-
exports.TooltipIcon = TooltipIcon["default"];
|
|
303
299
|
exports.UnorderedList = UnorderedList["default"];
|
|
304
300
|
exports.SkeletonText = SkeletonText["default"];
|
|
305
301
|
exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
|
|
@@ -317,24 +313,24 @@ exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
|
317
313
|
exports.ToggleSkeleton = Toggle_Skeleton["default"];
|
|
318
314
|
exports.IconSkeleton = Icon_Skeleton["default"];
|
|
319
315
|
exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
|
|
320
|
-
exports.HeaderNavigation = index$
|
|
321
|
-
exports.SideNavMenu = index$
|
|
322
|
-
exports.unstable_FeatureFlags = index$
|
|
323
|
-
exports.unstable_useFeatureFlag = index$
|
|
324
|
-
exports.unstable_useFeatureFlags = index$
|
|
325
|
-
exports.Heading = index$
|
|
326
|
-
exports.Section = index$
|
|
327
|
-
exports.IconButton = index$
|
|
328
|
-
exports.Layer = index$
|
|
329
|
-
exports.unstable_OverflowMenuV2 = index$
|
|
330
|
-
exports.Popover = index$
|
|
331
|
-
exports.PopoverContent = index$
|
|
332
|
-
exports.HStack = index$
|
|
333
|
-
exports.VStack = index$
|
|
316
|
+
exports.HeaderNavigation = index$p.HeaderNavigation;
|
|
317
|
+
exports.SideNavMenu = index$p.SideNavMenu;
|
|
318
|
+
exports.unstable_FeatureFlags = index$q.FeatureFlags;
|
|
319
|
+
exports.unstable_useFeatureFlag = index$q.useFeatureFlag;
|
|
320
|
+
exports.unstable_useFeatureFlags = index$q.useFeatureFlags;
|
|
321
|
+
exports.Heading = index$r.Heading;
|
|
322
|
+
exports.Section = index$r.Section;
|
|
323
|
+
exports.IconButton = index$s.IconButton;
|
|
324
|
+
exports.Layer = index$t.Layer;
|
|
325
|
+
exports.unstable_OverflowMenuV2 = index$u.OverflowMenuV2;
|
|
326
|
+
exports.Popover = index$v.Popover;
|
|
327
|
+
exports.PopoverContent = index$v.PopoverContent;
|
|
328
|
+
exports.HStack = index$w.HStack;
|
|
329
|
+
exports.VStack = index$w.VStack;
|
|
334
330
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
335
|
-
exports.GlobalTheme = index$
|
|
336
|
-
exports.Theme = index$
|
|
337
|
-
exports.useTheme = index$
|
|
331
|
+
exports.GlobalTheme = index$x.GlobalTheme;
|
|
332
|
+
exports.Theme = index$x.Theme;
|
|
333
|
+
exports.useTheme = index$x.useTheme;
|
|
338
334
|
exports.AspectRatio = AspectRatio["default"];
|
|
339
335
|
exports.Filename = Filename["default"];
|
|
340
336
|
exports.FileUploaderButton = FileUploaderButton["default"];
|
|
@@ -384,8 +380,8 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
|
|
|
384
380
|
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
385
381
|
exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
|
|
386
382
|
exports.Grid = Grid.Grid;
|
|
387
|
-
exports.
|
|
388
|
-
exports.
|
|
383
|
+
exports.ColumnHang = ColumnHang.ColumnHang;
|
|
384
|
+
exports.FlexGrid = FlexGrid.FlexGrid;
|
|
389
385
|
exports.ControlledPasswordInput = ControlledPasswordInput["default"];
|
|
390
386
|
exports.PasswordInput = PasswordInput["default"];
|
|
391
387
|
exports.ProgressStep = ProgressIndicator.ProgressStep;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/react",
|
|
3
3
|
"description": "React components for the Carbon Design System",
|
|
4
|
-
"version": "1.0.0
|
|
4
|
+
"version": "1.0.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@babel/runtime": "^7.16.7",
|
|
47
47
|
"@carbon/feature-flags": "^0.7.0",
|
|
48
|
-
"@carbon/icons-react": "^11.0.0
|
|
49
|
-
"@carbon/layout": "^11.0.0
|
|
50
|
-
"@carbon/styles": "^1.0.0
|
|
48
|
+
"@carbon/icons-react": "^11.0.0",
|
|
49
|
+
"@carbon/layout": "^11.0.0",
|
|
50
|
+
"@carbon/styles": "^1.0.0",
|
|
51
51
|
"@carbon/telemetry": "0.1.0",
|
|
52
52
|
"classnames": "2.3.1",
|
|
53
53
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -73,8 +73,8 @@
|
|
|
73
73
|
"@babel/plugin-transform-react-constant-elements": "^7.16.7",
|
|
74
74
|
"@babel/preset-env": "^7.16.7",
|
|
75
75
|
"@babel/preset-react": "^7.16.7",
|
|
76
|
-
"@carbon/test-utils": "^10.22.0
|
|
77
|
-
"@carbon/themes": "^11.0.0
|
|
76
|
+
"@carbon/test-utils": "^10.22.0",
|
|
77
|
+
"@carbon/themes": "^11.0.0",
|
|
78
78
|
"@cypress/react": "^5.11.0",
|
|
79
79
|
"@cypress/webpack-dev-server": "1.8.3",
|
|
80
80
|
"@percy/cypress": "^3.1.1",
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
"autoprefixer": "^10.4.0",
|
|
98
98
|
"babel-loader": "^8.2.3",
|
|
99
99
|
"babel-plugin-dev-expression": "^0.2.3",
|
|
100
|
-
"babel-preset-carbon": "^0.2.1
|
|
100
|
+
"babel-preset-carbon": "^0.2.1",
|
|
101
101
|
"browserify-zlib": "^0.2.0",
|
|
102
|
-
"browserslist-config-carbon": "^11.0.0
|
|
102
|
+
"browserslist-config-carbon": "^11.0.0",
|
|
103
103
|
"css-loader": "^6.5.1",
|
|
104
104
|
"cypress": "9.5.2",
|
|
105
105
|
"cypress-real-events": "1.6.0",
|
|
@@ -136,5 +136,5 @@
|
|
|
136
136
|
"**/*.scss",
|
|
137
137
|
"**/*.css"
|
|
138
138
|
],
|
|
139
|
-
"gitHead": "
|
|
139
|
+
"gitHead": "c88ac3391e9583e6e10e2de2c509b006f0d60cac"
|
|
140
140
|
}
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 2021
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import cx from 'classnames';
|
|
10
|
-
import React__default, { useState, useEffect } from 'react';
|
|
11
|
-
import PropTypes from 'prop-types';
|
|
12
|
-
import debounce from 'lodash.debounce';
|
|
13
|
-
import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
|
|
14
|
-
import { composeEventHandlers } from '../../tools/events.js';
|
|
15
|
-
import { usePrefix } from '../../internal/usePrefix.js';
|
|
16
|
-
import { matches } from '../../internal/keyboard/match.js';
|
|
17
|
-
import { Escape } from '../../internal/keyboard/keys.js';
|
|
18
|
-
|
|
19
|
-
var _excluded = ["id", "className", "triggerClassName", "children", "direction", "align", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "tooltipText"];
|
|
20
|
-
var getInstanceId = setupGetInstanceId();
|
|
21
|
-
|
|
22
|
-
var TooltipDefinition = function TooltipDefinition(_ref) {
|
|
23
|
-
var _cx;
|
|
24
|
-
|
|
25
|
-
var id = _ref.id,
|
|
26
|
-
className = _ref.className,
|
|
27
|
-
triggerClassName = _ref.triggerClassName,
|
|
28
|
-
children = _ref.children,
|
|
29
|
-
direction = _ref.direction,
|
|
30
|
-
align = _ref.align,
|
|
31
|
-
onBlur = _ref.onBlur,
|
|
32
|
-
onFocus = _ref.onFocus,
|
|
33
|
-
onMouseEnter = _ref.onMouseEnter,
|
|
34
|
-
onMouseLeave = _ref.onMouseLeave,
|
|
35
|
-
tooltipText = _ref.tooltipText,
|
|
36
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
|
-
|
|
38
|
-
var prefix = usePrefix();
|
|
39
|
-
|
|
40
|
-
var _useState = useState(true),
|
|
41
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
42
|
-
allowTooltipVisibility = _useState2[0],
|
|
43
|
-
setAllowTooltipVisibility = _useState2[1];
|
|
44
|
-
|
|
45
|
-
var _useState3 = useState(false),
|
|
46
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
47
|
-
tooltipVisible = _useState4[0],
|
|
48
|
-
setTooltipVisible = _useState4[1];
|
|
49
|
-
|
|
50
|
-
var tooltipId = id || "definition-tooltip-".concat(getInstanceId());
|
|
51
|
-
var tooltipClassName = cx("".concat(prefix, "--tooltip--definition"), "".concat(prefix, "--tooltip--a11y"), className);
|
|
52
|
-
var tooltipTriggerClasses = cx("".concat(prefix, "--tooltip__trigger"), "".concat(prefix, "--tooltip--a11y"), "".concat(prefix, "--tooltip__trigger--definition"), triggerClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--tooltip--").concat(direction), direction), _defineProperty(_cx, "".concat(prefix, "--tooltip--align-").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--tooltip--hidden"), !allowTooltipVisibility), _defineProperty(_cx, "".concat(prefix, "--tooltip--visible"), tooltipVisible), _cx));
|
|
53
|
-
var debounceTooltipVisible = debounce(function () {
|
|
54
|
-
return setTooltipVisible(false);
|
|
55
|
-
}, 100);
|
|
56
|
-
|
|
57
|
-
var handleFocus = function handleFocus() {
|
|
58
|
-
debounceTooltipVisible.cancel();
|
|
59
|
-
setAllowTooltipVisibility(true);
|
|
60
|
-
setTooltipVisible(true);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
var handleBlur = debounceTooltipVisible;
|
|
64
|
-
|
|
65
|
-
var handleMouseEnter = function handleMouseEnter() {
|
|
66
|
-
debounceTooltipVisible.cancel();
|
|
67
|
-
setAllowTooltipVisibility(true);
|
|
68
|
-
setTooltipVisible(true);
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var handleMouseLeave = debounceTooltipVisible;
|
|
72
|
-
useEffect(function () {
|
|
73
|
-
var handleEscKeyDown = function handleEscKeyDown(event) {
|
|
74
|
-
if (matches(event, [Escape])) {
|
|
75
|
-
setAllowTooltipVisibility(false);
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
document.addEventListener('keydown', handleEscKeyDown);
|
|
80
|
-
return function () {
|
|
81
|
-
return document.removeEventListener('keydown', handleEscKeyDown);
|
|
82
|
-
};
|
|
83
|
-
}, []);
|
|
84
|
-
return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
|
|
85
|
-
className: tooltipClassName,
|
|
86
|
-
onMouseEnter: composeEventHandlers([onMouseEnter, handleMouseEnter]),
|
|
87
|
-
onMouseLeave: composeEventHandlers([onMouseLeave, handleMouseLeave])
|
|
88
|
-
}), /*#__PURE__*/React__default.createElement("button", {
|
|
89
|
-
type: "button",
|
|
90
|
-
className: tooltipTriggerClasses,
|
|
91
|
-
"aria-describedby": tooltipId,
|
|
92
|
-
onFocus: composeEventHandlers([onFocus, handleFocus]),
|
|
93
|
-
onBlur: composeEventHandlers([onBlur, handleBlur])
|
|
94
|
-
}, children), /*#__PURE__*/React__default.createElement("span", {
|
|
95
|
-
className: "".concat(prefix, "--assistive-text"),
|
|
96
|
-
id: tooltipId,
|
|
97
|
-
role: "tooltip"
|
|
98
|
-
}, tooltipText));
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
TooltipDefinition.propTypes = {
|
|
102
|
-
/**
|
|
103
|
-
* Specify the alignment (to the trigger button) of the tooltip.
|
|
104
|
-
* Can be one of: start, center, or end.
|
|
105
|
-
*/
|
|
106
|
-
align: PropTypes.oneOf(['start', 'center', 'end']),
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Specify the tooltip trigger text that is rendered to the UI for the user to
|
|
110
|
-
* interact with in order to display the tooltip.
|
|
111
|
-
*/
|
|
112
|
-
children: PropTypes.node.isRequired,
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Specify an optional className to be applied to the container node
|
|
116
|
-
*/
|
|
117
|
-
className: PropTypes.string,
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* Specify the direction of the tooltip. Can be either top or bottom.
|
|
121
|
-
*/
|
|
122
|
-
direction: PropTypes.oneOf(['top', 'bottom']),
|
|
123
|
-
|
|
124
|
-
/**
|
|
125
|
-
* Optionally specify a custom id for the tooltip. If one is not provided, we
|
|
126
|
-
* generate a unique id for you.
|
|
127
|
-
*/
|
|
128
|
-
id: PropTypes.string,
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* The event handler for the `blur` event.
|
|
132
|
-
*/
|
|
133
|
-
onBlur: PropTypes.func,
|
|
134
|
-
|
|
135
|
-
/**
|
|
136
|
-
* The event handler for the `focus` event.
|
|
137
|
-
*/
|
|
138
|
-
onFocus: PropTypes.func,
|
|
139
|
-
|
|
140
|
-
/**
|
|
141
|
-
* The event handler for the `mouseenter` event.
|
|
142
|
-
*/
|
|
143
|
-
onMouseEnter: PropTypes.func,
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* The event handler for the `mouseleave` event.
|
|
147
|
-
*/
|
|
148
|
-
onMouseLeave: PropTypes.func,
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* Provide the text that will be displayed in the tooltip when it is rendered.
|
|
152
|
-
* TODO: rename this prop (will be a breaking change)
|
|
153
|
-
*/
|
|
154
|
-
tooltipText: PropTypes.node.isRequired,
|
|
155
|
-
|
|
156
|
-
/**
|
|
157
|
-
* The CSS class name of the trigger element
|
|
158
|
-
*/
|
|
159
|
-
triggerClassName: PropTypes.string
|
|
160
|
-
};
|
|
161
|
-
TooltipDefinition.defaultProps = {
|
|
162
|
-
direction: 'bottom',
|
|
163
|
-
align: 'start'
|
|
164
|
-
};
|
|
165
|
-
var TooltipDefinition$1 = TooltipDefinition;
|
|
166
|
-
|
|
167
|
-
export { TooltipDefinition$1 as default };
|