@carbon/react 1.0.0-rc.0 → 1.0.2
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/README.md +2 -2
- 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/Toggletip/index.js +252 -0
- package/es/components/Tooltip/next/DefinitionTooltip.js +1 -1
- package/es/index.js +6 -10
- package/es/internal/useEvent.js +29 -0
- package/icons/package.json +2 -1
- 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/Toggletip/index.js +266 -0
- package/lib/components/Tooltip/next/DefinitionTooltip.js +1 -1
- package/lib/index.js +102 -110
- package/lib/internal/useEvent.js +33 -0
- package/package.json +9 -9
- package/es/components/ToggleSmall/ToggleSmall.js +0 -104
- package/es/components/Toolbar/Toolbar.js +0 -121
- package/es/components/ToolbarSearch/ToolbarSearch.js +0 -168
- 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/ToggleSmall/ToggleSmall.js +0 -114
- package/lib/components/Toolbar/Toolbar.js +0 -135
- package/lib/components/ToolbarSearch/ToolbarSearch.js +0 -178
- 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,23 @@ 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$
|
|
85
|
-
var
|
|
86
|
-
var ToggleSmall = require('./components/ToggleSmall/ToggleSmall.js');
|
|
87
|
-
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
|
88
|
-
var ToolbarSearch = require('./components/ToolbarSearch/ToolbarSearch.js');
|
|
89
|
-
var TooltipDefinition = require('./components/TooltipDefinition/TooltipDefinition.js');
|
|
90
|
-
var TooltipIcon = require('./components/TooltipIcon/TooltipIcon.js');
|
|
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
|
+
var index$p = require('./components/Toggletip/index.js');
|
|
91
86
|
var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
|
|
92
87
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
93
88
|
var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
|
|
@@ -103,20 +98,21 @@ var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
|
|
|
103
98
|
var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
|
|
104
99
|
var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
|
|
105
100
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
101
|
+
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
106
102
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
107
103
|
var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
|
|
108
|
-
var index$
|
|
109
|
-
var index$
|
|
110
|
-
var index$
|
|
111
|
-
var index$
|
|
112
|
-
var index$
|
|
104
|
+
var index$q = require('./components/UIShell/index.js');
|
|
105
|
+
var index$r = require('./components/FeatureFlags/index.js');
|
|
106
|
+
var index$s = require('./components/Heading/index.js');
|
|
107
|
+
var index$t = require('./components/IconButton/index.js');
|
|
108
|
+
var index$u = require('./components/Layer/index.js');
|
|
113
109
|
require('./components/Menu/index.js');
|
|
114
|
-
var index$
|
|
115
|
-
var index$
|
|
116
|
-
var index$
|
|
110
|
+
var index$v = require('./components/OverflowMenuV2/index.js');
|
|
111
|
+
var index$w = require('./components/Popover/index.js');
|
|
112
|
+
var index$x = require('./components/Stack/index.js');
|
|
117
113
|
var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
|
|
118
114
|
require('./components/TreeView/index.js');
|
|
119
|
-
var index$
|
|
115
|
+
var index$y = require('./components/Theme/index.js');
|
|
120
116
|
var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
|
|
121
117
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
122
118
|
var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
|
|
@@ -214,18 +210,18 @@ exports.Checkbox = Checkbox["default"];
|
|
|
214
210
|
exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
|
|
215
211
|
exports.CodeSnippet = CodeSnippet["default"];
|
|
216
212
|
exports.ComboBox = ComboBox["default"];
|
|
217
|
-
exports.ModalFooter = index$
|
|
218
|
-
exports.ModalHeader = index$
|
|
219
|
-
exports.ContentSwitcher =
|
|
213
|
+
exports.ModalFooter = index$i.ModalFooter;
|
|
214
|
+
exports.ModalHeader = index$i.ModalHeader;
|
|
215
|
+
exports.ContentSwitcher = index["default"];
|
|
220
216
|
exports.Copy = Copy["default"];
|
|
221
217
|
exports.CopyButton = CopyButton["default"];
|
|
222
218
|
exports.DangerButton = DangerButton["default"];
|
|
223
|
-
exports.DataTable = index$
|
|
224
|
-
exports.DatePicker = index["default"];
|
|
225
|
-
exports.DatePickerInput = index$
|
|
219
|
+
exports.DataTable = index$j["default"];
|
|
220
|
+
exports.DatePicker = index$1["default"];
|
|
221
|
+
exports.DatePickerInput = index$2["default"];
|
|
226
222
|
exports.DropdownSkeleton = Dropdown_Skeleton["default"];
|
|
227
223
|
exports.Dropdown = Dropdown["default"];
|
|
228
|
-
exports.FileUploader = index$
|
|
224
|
+
exports.FileUploader = index$3["default"];
|
|
229
225
|
exports.Form = Form["default"];
|
|
230
226
|
exports.FluidForm = FluidForm["default"];
|
|
231
227
|
exports.FormGroup = FormGroup["default"];
|
|
@@ -235,27 +231,27 @@ exports.InlineLoading = InlineLoading["default"];
|
|
|
235
231
|
exports.Link = Link["default"];
|
|
236
232
|
exports.ListItem = ListItem["default"];
|
|
237
233
|
exports.Loading = Loading["default"];
|
|
238
|
-
exports.Modal = index$
|
|
234
|
+
exports.Modal = index$4["default"];
|
|
239
235
|
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$
|
|
236
|
+
exports.FilterableMultiSelect = index$k.FilterableMultiSelect;
|
|
237
|
+
exports.ActionableNotification = index$l.ActionableNotification;
|
|
238
|
+
exports.InlineNotification = index$l.InlineNotification;
|
|
239
|
+
exports.NotificationActionButton = index$l.NotificationActionButton;
|
|
240
|
+
exports.NotificationButton = index$l.NotificationButton;
|
|
241
|
+
exports.NotificationTextDetails = index$l.NotificationTextDetails;
|
|
242
|
+
exports.ToastNotification = index$l.ToastNotification;
|
|
247
243
|
exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
|
|
248
244
|
exports.NumberInput = NumberInput["default"];
|
|
249
245
|
exports.OrderedList = OrderedList["default"];
|
|
250
|
-
exports.OverflowMenu = index$
|
|
251
|
-
exports.OverflowMenuItem = index$
|
|
252
|
-
exports.Pagination = index$
|
|
246
|
+
exports.OverflowMenu = index$5["default"];
|
|
247
|
+
exports.OverflowMenuItem = index$6["default"];
|
|
248
|
+
exports.Pagination = index$7["default"];
|
|
253
249
|
exports.PaginationNav = PaginationNav["default"];
|
|
254
250
|
exports.PrimaryButton = PrimaryButton["default"];
|
|
255
|
-
exports.ProgressIndicator = index$
|
|
256
|
-
exports.RadioButton = index$
|
|
257
|
-
exports.RadioButtonGroup = index$
|
|
258
|
-
exports.Search = index$
|
|
251
|
+
exports.ProgressIndicator = index$m.ProgressIndicator;
|
|
252
|
+
exports.RadioButton = index$8["default"];
|
|
253
|
+
exports.RadioButtonGroup = index$9["default"];
|
|
254
|
+
exports.Search = index$a["default"];
|
|
259
255
|
exports.SearchFilterButton = SearchFilterButton["default"];
|
|
260
256
|
exports.SearchLayoutButton = SearchLayoutButton["default"];
|
|
261
257
|
exports.ExpandableSearch = ExpandableSearch["default"];
|
|
@@ -265,41 +261,36 @@ exports.Select = Select["default"];
|
|
|
265
261
|
exports.SelectItem = SelectItem["default"];
|
|
266
262
|
exports.SelectItemGroup = SelectItemGroup["default"];
|
|
267
263
|
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$
|
|
264
|
+
exports.Slider = index$b["default"];
|
|
265
|
+
exports.StructuredListBody = index$n.StructuredListBody;
|
|
266
|
+
exports.StructuredListCell = index$n.StructuredListCell;
|
|
267
|
+
exports.StructuredListHead = index$n.StructuredListHead;
|
|
268
|
+
exports.StructuredListInput = index$n.StructuredListInput;
|
|
269
|
+
exports.StructuredListRow = index$n.StructuredListRow;
|
|
270
|
+
exports.StructuredListWrapper = index$n.StructuredListWrapper;
|
|
271
|
+
exports.Tab = index$c["default"];
|
|
276
272
|
exports.TabContent = TabContent["default"];
|
|
277
|
-
exports.Tabs = index$
|
|
273
|
+
exports.Tabs = index$d["default"];
|
|
278
274
|
exports.TagSkeleton = Tag_Skeleton["default"];
|
|
279
275
|
exports.Tag = Tag["default"];
|
|
280
276
|
exports.TextAreaSkeleton = TextArea_Skeleton["default"];
|
|
281
277
|
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$
|
|
278
|
+
exports.ClickableTile = index$o.ClickableTile;
|
|
279
|
+
exports.ExpandableTile = index$o.ExpandableTile;
|
|
280
|
+
exports.SelectableTile = index$o.SelectableTile;
|
|
281
|
+
exports.Tile = index$o.Tile;
|
|
282
|
+
exports.TileAboveTheFoldContent = index$o.TileAboveTheFoldContent;
|
|
283
|
+
exports.TileBelowTheFoldContent = index$o.TileBelowTheFoldContent;
|
|
288
284
|
exports.RadioTile = RadioTile["default"];
|
|
289
|
-
exports.TileGroup =
|
|
290
|
-
exports.TimePicker = index$
|
|
291
|
-
exports.TimePickerSelect = index$
|
|
292
|
-
exports.Toggle = index$
|
|
293
|
-
exports.
|
|
294
|
-
exports.
|
|
295
|
-
exports.
|
|
296
|
-
exports.
|
|
297
|
-
exports.
|
|
298
|
-
exports.ToolbarOption = Toolbar.ToolbarOption;
|
|
299
|
-
exports.ToolbarTitle = Toolbar.ToolbarTitle;
|
|
300
|
-
exports.ToolbarSearch = ToolbarSearch["default"];
|
|
301
|
-
exports.TooltipDefinition = TooltipDefinition["default"];
|
|
302
|
-
exports.TooltipIcon = TooltipIcon["default"];
|
|
285
|
+
exports.TileGroup = index$e["default"];
|
|
286
|
+
exports.TimePicker = index$f["default"];
|
|
287
|
+
exports.TimePickerSelect = index$g["default"];
|
|
288
|
+
exports.Toggle = index$h["default"];
|
|
289
|
+
exports.Toggletip = index$p.Toggletip;
|
|
290
|
+
exports.ToggletipActions = index$p.ToggletipActions;
|
|
291
|
+
exports.ToggletipButton = index$p.ToggletipButton;
|
|
292
|
+
exports.ToggletipContent = index$p.ToggletipContent;
|
|
293
|
+
exports.ToggletipLabel = index$p.ToggletipLabel;
|
|
303
294
|
exports.UnorderedList = UnorderedList["default"];
|
|
304
295
|
exports.SkeletonText = SkeletonText["default"];
|
|
305
296
|
exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
|
|
@@ -315,26 +306,27 @@ exports.SliderSkeleton = Slider_Skeleton["default"];
|
|
|
315
306
|
exports.TabsSkeleton = Tabs_Skeleton["default"];
|
|
316
307
|
exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
317
308
|
exports.ToggleSkeleton = Toggle_Skeleton["default"];
|
|
309
|
+
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
|
|
318
310
|
exports.IconSkeleton = Icon_Skeleton["default"];
|
|
319
311
|
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$
|
|
312
|
+
exports.HeaderNavigation = index$q.HeaderNavigation;
|
|
313
|
+
exports.SideNavMenu = index$q.SideNavMenu;
|
|
314
|
+
exports.unstable_FeatureFlags = index$r.FeatureFlags;
|
|
315
|
+
exports.unstable_useFeatureFlag = index$r.useFeatureFlag;
|
|
316
|
+
exports.unstable_useFeatureFlags = index$r.useFeatureFlags;
|
|
317
|
+
exports.Heading = index$s.Heading;
|
|
318
|
+
exports.Section = index$s.Section;
|
|
319
|
+
exports.IconButton = index$t.IconButton;
|
|
320
|
+
exports.Layer = index$u.Layer;
|
|
321
|
+
exports.unstable_OverflowMenuV2 = index$v.OverflowMenuV2;
|
|
322
|
+
exports.Popover = index$w.Popover;
|
|
323
|
+
exports.PopoverContent = index$w.PopoverContent;
|
|
324
|
+
exports.HStack = index$x.HStack;
|
|
325
|
+
exports.VStack = index$x.VStack;
|
|
334
326
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
335
|
-
exports.GlobalTheme = index$
|
|
336
|
-
exports.Theme = index$
|
|
337
|
-
exports.useTheme = index$
|
|
327
|
+
exports.GlobalTheme = index$y.GlobalTheme;
|
|
328
|
+
exports.Theme = index$y.Theme;
|
|
329
|
+
exports.useTheme = index$y.useTheme;
|
|
338
330
|
exports.AspectRatio = AspectRatio["default"];
|
|
339
331
|
exports.Filename = Filename["default"];
|
|
340
332
|
exports.FileUploaderButton = FileUploaderButton["default"];
|
|
@@ -384,8 +376,8 @@ exports.TableToolbarMenu = TableToolbarMenu["default"];
|
|
|
384
376
|
exports.ErrorBoundary = ErrorBoundary["default"];
|
|
385
377
|
exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
|
|
386
378
|
exports.Grid = Grid.Grid;
|
|
387
|
-
exports.
|
|
388
|
-
exports.
|
|
379
|
+
exports.ColumnHang = ColumnHang.ColumnHang;
|
|
380
|
+
exports.FlexGrid = FlexGrid.FlexGrid;
|
|
389
381
|
exports.ControlledPasswordInput = ControlledPasswordInput["default"];
|
|
390
382
|
exports.PasswordInput = PasswordInput["default"];
|
|
391
383
|
exports.ProgressStep = ProgressIndicator.ProgressStep;
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var React = require('react');
|
|
13
|
+
|
|
14
|
+
function useWindowEvent(eventName, callback) {
|
|
15
|
+
var savedCallback = React.useRef(null);
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
savedCallback.current = callback;
|
|
18
|
+
});
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
function handler(event) {
|
|
21
|
+
if (savedCallback.current) {
|
|
22
|
+
savedCallback.current(event);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
window.addEventListener(eventName, handler);
|
|
27
|
+
return function () {
|
|
28
|
+
window.removeEventListener(eventName, handler);
|
|
29
|
+
};
|
|
30
|
+
}, [eventName]);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
exports.useWindowEvent = useWindowEvent;
|
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.
|
|
4
|
+
"version": "1.0.2",
|
|
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.
|
|
49
|
-
"@carbon/layout": "^11.0.0
|
|
50
|
-
"@carbon/styles": "^1.0.
|
|
48
|
+
"@carbon/icons-react": "^11.0.1",
|
|
49
|
+
"@carbon/layout": "^11.0.0",
|
|
50
|
+
"@carbon/styles": "^1.0.1",
|
|
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.
|
|
76
|
+
"@carbon/test-utils": "^10.22.0",
|
|
77
|
+
"@carbon/themes": "^11.0.1",
|
|
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": "28e70f9534f5b07a5d23ef1350d362203b1155af"
|
|
140
140
|
}
|
|
@@ -1,104 +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, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import cx from 'classnames';
|
|
10
|
-
import PropTypes from 'prop-types';
|
|
11
|
-
import React__default from 'react';
|
|
12
|
-
import { warning } from '../../internal/warning.js';
|
|
13
|
-
import { usePrefix } from '../../internal/usePrefix.js';
|
|
14
|
-
import { match } from '../../internal/keyboard/match.js';
|
|
15
|
-
import { Enter } from '../../internal/keyboard/keys.js';
|
|
16
|
-
|
|
17
|
-
var _path, _ToggleSmall$propType;
|
|
18
|
-
|
|
19
|
-
var _excluded = ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelText", "labelA", "labelB"];
|
|
20
|
-
var didWarnAboutDeprecation = false;
|
|
21
|
-
|
|
22
|
-
var ToggleSmall = function ToggleSmall(_ref) {
|
|
23
|
-
var className = _ref.className,
|
|
24
|
-
defaultToggled = _ref.defaultToggled,
|
|
25
|
-
toggled = _ref.toggled,
|
|
26
|
-
_onChange = _ref.onChange,
|
|
27
|
-
onToggle = _ref.onToggle,
|
|
28
|
-
id = _ref.id,
|
|
29
|
-
labelText = _ref.labelText,
|
|
30
|
-
labelA = _ref.labelA,
|
|
31
|
-
labelB = _ref.labelB,
|
|
32
|
-
other = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
|
|
34
|
-
var prefix = usePrefix();
|
|
35
|
-
|
|
36
|
-
if (process.env.NODE_ENV !== "production") {
|
|
37
|
-
process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, '`<ToggleSmall>` has been deprecated in favor of `<Toggle size="sm" />` and will be removed in the next major release of `carbon-components-react`') : void 0;
|
|
38
|
-
didWarnAboutDeprecation = true;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
var input;
|
|
42
|
-
var wrapperClasses = cx("".concat(prefix, "--form-item"), _defineProperty({}, className, className));
|
|
43
|
-
var checkedProps = {};
|
|
44
|
-
|
|
45
|
-
if (typeof toggled !== 'undefined') {
|
|
46
|
-
checkedProps.checked = toggled;
|
|
47
|
-
} else {
|
|
48
|
-
checkedProps.defaultChecked = defaultToggled;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
var ariaLabel = typeof labelText === 'string' && labelText || other['aria-label'] || other.ariaLabel || null;
|
|
52
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
53
|
-
className: wrapperClasses
|
|
54
|
-
}, /*#__PURE__*/React__default.createElement("input", _extends({}, other, checkedProps, {
|
|
55
|
-
"aria-label": null,
|
|
56
|
-
type: "checkbox",
|
|
57
|
-
id: id,
|
|
58
|
-
className: "".concat(prefix, "--toggle-input ").concat(prefix, "--toggle-input--small"),
|
|
59
|
-
onChange: function onChange(evt) {
|
|
60
|
-
_onChange && _onChange(evt);
|
|
61
|
-
onToggle(input.checked, id, evt);
|
|
62
|
-
},
|
|
63
|
-
ref: function ref(el) {
|
|
64
|
-
input = el;
|
|
65
|
-
},
|
|
66
|
-
onKeyUp: function onKeyUp(evt) {
|
|
67
|
-
if (match(evt, Enter)) {
|
|
68
|
-
input.checked = !input.checked;
|
|
69
|
-
_onChange && _onChange(evt);
|
|
70
|
-
onToggle(input.checked, id, evt);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
})), /*#__PURE__*/React__default.createElement("label", {
|
|
74
|
-
className: "".concat(prefix, "--toggle-input__label"),
|
|
75
|
-
htmlFor: id,
|
|
76
|
-
"aria-label": ariaLabel
|
|
77
|
-
}, labelText, /*#__PURE__*/React__default.createElement("span", {
|
|
78
|
-
className: "".concat(prefix, "--toggle__switch")
|
|
79
|
-
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
80
|
-
className: "".concat(prefix, "--toggle__check"),
|
|
81
|
-
width: "6px",
|
|
82
|
-
height: "5px",
|
|
83
|
-
viewBox: "0 0 6 5"
|
|
84
|
-
}, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
|
|
85
|
-
d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
|
|
86
|
-
}))), /*#__PURE__*/React__default.createElement("span", {
|
|
87
|
-
className: "".concat(prefix, "--toggle__text--off"),
|
|
88
|
-
"aria-hidden": "true"
|
|
89
|
-
}, labelA), /*#__PURE__*/React__default.createElement("span", {
|
|
90
|
-
className: "".concat(prefix, "--toggle__text--on"),
|
|
91
|
-
"aria-hidden": "true"
|
|
92
|
-
}, labelB))));
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
ToggleSmall.propTypes = (_ToggleSmall$propType = {}, _defineProperty(_ToggleSmall$propType, 'aria-label', PropTypes.string.isRequired), _defineProperty(_ToggleSmall$propType, "className", PropTypes.string), _defineProperty(_ToggleSmall$propType, "defaultToggled", PropTypes.bool), _defineProperty(_ToggleSmall$propType, "id", PropTypes.string.isRequired), _defineProperty(_ToggleSmall$propType, "labelA", PropTypes.node.isRequired), _defineProperty(_ToggleSmall$propType, "labelB", PropTypes.node.isRequired), _defineProperty(_ToggleSmall$propType, "labelText", PropTypes.node), _defineProperty(_ToggleSmall$propType, "onChange", PropTypes.func), _defineProperty(_ToggleSmall$propType, "onToggle", PropTypes.func), _defineProperty(_ToggleSmall$propType, "toggled", PropTypes.bool), _ToggleSmall$propType);
|
|
96
|
-
ToggleSmall.defaultProps = {
|
|
97
|
-
defaultToggled: false,
|
|
98
|
-
onToggle: function onToggle() {},
|
|
99
|
-
labelA: 'Off',
|
|
100
|
-
labelB: 'On'
|
|
101
|
-
};
|
|
102
|
-
var ToggleSmall$1 = ToggleSmall;
|
|
103
|
-
|
|
104
|
-
export { ToggleSmall$1 as default };
|
|
@@ -1,121 +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, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
-
import React__default from 'react';
|
|
10
|
-
import PropTypes from 'prop-types';
|
|
11
|
-
import ToolbarSearch from '../ToolbarSearch/ToolbarSearch.js';
|
|
12
|
-
import cx from 'classnames';
|
|
13
|
-
import { warning } from '../../internal/warning.js';
|
|
14
|
-
import { usePrefix } from '../../internal/usePrefix.js';
|
|
15
|
-
|
|
16
|
-
var _excluded = ["children", "className"];
|
|
17
|
-
var didWarnAboutDeprecation = false;
|
|
18
|
-
|
|
19
|
-
var Toolbar = function Toolbar(_ref) {
|
|
20
|
-
var children = _ref.children,
|
|
21
|
-
className = _ref.className,
|
|
22
|
-
other = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
|
|
24
|
-
var prefix = usePrefix();
|
|
25
|
-
var wrapperClasses = cx("".concat(prefix, "--toolbar"), className);
|
|
26
|
-
|
|
27
|
-
if (process.env.NODE_ENV !== "production") {
|
|
28
|
-
process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, 'The Toolbar component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
|
|
29
|
-
didWarnAboutDeprecation = true;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
33
|
-
className: wrapperClasses
|
|
34
|
-
}, other), children);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
Toolbar.propTypes = {
|
|
38
|
-
/**
|
|
39
|
-
* Specify a collection of ToolbarItem's that should render in the Toolbar
|
|
40
|
-
*/
|
|
41
|
-
children: PropTypes.node,
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Specify an optional className to be applied to the containing Toolbar node
|
|
45
|
-
*/
|
|
46
|
-
className: PropTypes.string
|
|
47
|
-
};
|
|
48
|
-
var ToolbarItem = function ToolbarItem(_ref2) {
|
|
49
|
-
var children = _ref2.children,
|
|
50
|
-
type = _ref2.type,
|
|
51
|
-
placeHolderText = _ref2.placeHolderText;
|
|
52
|
-
var toolbarItem = type === 'search' ? /*#__PURE__*/React__default.createElement(ToolbarSearch, {
|
|
53
|
-
placeHolderText: placeHolderText
|
|
54
|
-
}) : children;
|
|
55
|
-
return toolbarItem;
|
|
56
|
-
};
|
|
57
|
-
ToolbarItem.propTypes = {
|
|
58
|
-
/**
|
|
59
|
-
* Specify the contents of the ToolbarItem
|
|
60
|
-
*/
|
|
61
|
-
children: PropTypes.node,
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Specify the placeholder text for the ToolbarSearch component. Useful if
|
|
65
|
-
* `type` is set to 'search'
|
|
66
|
-
*/
|
|
67
|
-
placeHolderText: PropTypes.string,
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* Specify the type of the ToolbarItem. The `search` type will render a
|
|
71
|
-
* `ToolbarSearch` component
|
|
72
|
-
*/
|
|
73
|
-
type: PropTypes.string
|
|
74
|
-
};
|
|
75
|
-
ToolbarItem.defaultProps = {
|
|
76
|
-
placeHolderText: 'Provide placeHolderText'
|
|
77
|
-
}; // eslint-disable-next-line react/display-name
|
|
78
|
-
|
|
79
|
-
var ToolbarTitle = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
|
|
80
|
-
var title = _ref3.title;
|
|
81
|
-
var prefix = usePrefix();
|
|
82
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
83
|
-
ref: ref,
|
|
84
|
-
className: "".concat(prefix, "--toolbar-menu__title")
|
|
85
|
-
}, title);
|
|
86
|
-
});
|
|
87
|
-
ToolbarTitle.displayName = 'ToolbarTitle';
|
|
88
|
-
ToolbarTitle.propTypes = {
|
|
89
|
-
/**
|
|
90
|
-
* Specify the title of the Toolbar
|
|
91
|
-
*/
|
|
92
|
-
title: PropTypes.string
|
|
93
|
-
}; // eslint-disable-next-line react/display-name
|
|
94
|
-
|
|
95
|
-
var ToolbarOption = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
|
|
96
|
-
var children = _ref4.children;
|
|
97
|
-
var prefix = usePrefix();
|
|
98
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
99
|
-
ref: ref,
|
|
100
|
-
className: "".concat(prefix, "--toolbar-menu__option")
|
|
101
|
-
}, children);
|
|
102
|
-
});
|
|
103
|
-
ToolbarOption.displayName = 'ToolbarOption';
|
|
104
|
-
ToolbarOption.propTypes = {
|
|
105
|
-
/**
|
|
106
|
-
* Specify the contents of the ToolbarOption
|
|
107
|
-
*/
|
|
108
|
-
children: PropTypes.node
|
|
109
|
-
}; // eslint-disable-next-line react/display-name
|
|
110
|
-
|
|
111
|
-
var ToolbarDivider = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
112
|
-
var prefix = usePrefix();
|
|
113
|
-
return /*#__PURE__*/React__default.createElement("hr", {
|
|
114
|
-
ref: ref,
|
|
115
|
-
className: "".concat(prefix, "--toolbar-menu__divider")
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
ToolbarDivider.displayName = 'ToolbarDivider';
|
|
119
|
-
var Toolbar$1 = Toolbar;
|
|
120
|
-
|
|
121
|
-
export { ToolbarDivider, ToolbarItem, ToolbarOption, ToolbarTitle, Toolbar$1 as default };
|