@carbon/react 1.13.0-rc.0 → 1.14.0-rc.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 +12 -4
- package/es/components/Accordion/Accordion.js +9 -2
- package/es/components/FileUploader/Filename.js +3 -1
- package/es/components/FluidTextArea/FluidTextArea.js +130 -0
- package/es/components/FluidTextInput/FluidTextInput.js +13 -4
- package/es/components/Notification/Notification.js +6 -2
- package/es/components/ProgressIndicator/ProgressIndicator.js +128 -154
- package/es/components/RadioTile/RadioTile.js +2 -11
- package/es/components/TextArea/TextArea.js +14 -5
- package/es/components/TextInput/PasswordInput.js +7 -6
- package/es/components/Toggle/Toggle.js +1 -1
- package/es/index.js +2 -2
- package/lib/components/Accordion/Accordion.Skeleton.js +12 -4
- package/lib/components/Accordion/Accordion.js +9 -2
- package/lib/components/FileUploader/Filename.js +3 -1
- package/lib/components/FluidTextArea/FluidTextArea.js +140 -0
- package/lib/components/FluidTextInput/FluidTextInput.js +12 -3
- package/lib/components/Notification/Notification.js +6 -2
- package/lib/components/ProgressIndicator/ProgressIndicator.js +126 -152
- package/lib/components/RadioTile/RadioTile.js +2 -11
- package/lib/components/TextArea/TextArea.js +13 -4
- package/lib/components/TextInput/PasswordInput.js +7 -6
- package/lib/components/Toggle/Toggle.js +1 -1
- package/lib/index.js +47 -46
- package/package.json +9 -8
- package/es/components/ProgressIndicator/index.js +0 -15
- package/es/components/ProgressIndicator/next/ProgressIndicator.js +0 -117
- package/lib/components/ProgressIndicator/index.js +0 -39
- package/lib/components/ProgressIndicator/next/ProgressIndicator.js +0 -127
package/lib/index.js
CHANGED
|
@@ -51,7 +51,6 @@ var index$4 = require('./components/OverflowMenuItem/index.js');
|
|
|
51
51
|
var index$5 = require('./components/Pagination/index.js');
|
|
52
52
|
var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
|
|
53
53
|
var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
|
|
54
|
-
var index$f = require('./components/ProgressIndicator/index.js');
|
|
55
54
|
var RadioButton = require('./components/RadioButton/RadioButton.js');
|
|
56
55
|
var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
|
|
57
56
|
var index$6 = require('./components/Search/index.js');
|
|
@@ -65,7 +64,7 @@ var SelectItem = require('./components/SelectItem/SelectItem.js');
|
|
|
65
64
|
var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
|
|
66
65
|
var Switch = require('./components/Switch/Switch.js');
|
|
67
66
|
var index$7 = require('./components/Slider/index.js');
|
|
68
|
-
var index$
|
|
67
|
+
var index$f = require('./components/StructuredList/index.js');
|
|
69
68
|
var index$8 = require('./components/Tab/index.js');
|
|
70
69
|
var TabContent = require('./components/TabContent/TabContent.js');
|
|
71
70
|
var index$9 = require('./components/Tabs/index.js');
|
|
@@ -74,14 +73,14 @@ var Tag = require('./components/Tag/Tag.js');
|
|
|
74
73
|
var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
|
|
75
74
|
var TextArea = require('./components/TextArea/TextArea.js');
|
|
76
75
|
require('./components/TextInput/index.js');
|
|
77
|
-
var index$
|
|
76
|
+
var index$g = require('./components/Tile/index.js');
|
|
78
77
|
var RadioTile = require('./components/RadioTile/RadioTile.js');
|
|
79
78
|
var index$a = require('./components/TileGroup/index.js');
|
|
80
79
|
var index$b = require('./components/TimePicker/index.js');
|
|
81
80
|
var index$c = require('./components/TimePickerSelect/index.js');
|
|
82
81
|
var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
|
|
83
82
|
var Toggle = require('./components/Toggle/Toggle.js');
|
|
84
|
-
var index$
|
|
83
|
+
var index$h = require('./components/Toggletip/index.js');
|
|
85
84
|
require('./components/TreeView/index.js');
|
|
86
85
|
var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
|
|
87
86
|
var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
|
|
@@ -99,16 +98,16 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
|
|
|
99
98
|
var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
|
|
100
99
|
var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
|
|
101
100
|
var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
|
|
102
|
-
var index$
|
|
103
|
-
var index$
|
|
104
|
-
var index$
|
|
105
|
-
var index$
|
|
101
|
+
var index$i = require('./components/FeatureFlags/index.js');
|
|
102
|
+
var index$j = require('./components/Heading/index.js');
|
|
103
|
+
var index$k = require('./components/IconButton/index.js');
|
|
104
|
+
var index$l = require('./components/Layer/index.js');
|
|
106
105
|
require('./components/Menu/index.js');
|
|
107
|
-
var index$
|
|
108
|
-
var index$
|
|
109
|
-
var index$
|
|
106
|
+
var index$m = require('./components/OverflowMenuV2/index.js');
|
|
107
|
+
var index$n = require('./components/Popover/index.js');
|
|
108
|
+
var index$o = require('./components/Stack/index.js');
|
|
110
109
|
var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
|
|
111
|
-
var index$
|
|
110
|
+
var index$p = require('./components/Theme/index.js');
|
|
112
111
|
var usePrefix = require('./internal/usePrefix.js');
|
|
113
112
|
var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
|
|
114
113
|
var Filename = require('./components/FileUploader/Filename.js');
|
|
@@ -129,6 +128,7 @@ var SideNavItem = require('./components/UIShell/SideNavItem.js');
|
|
|
129
128
|
var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
|
|
130
129
|
var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
|
|
131
130
|
var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
|
|
131
|
+
var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
|
|
132
132
|
var MenuDivider = require('./components/Menu/MenuDivider.js');
|
|
133
133
|
var MenuGroup = require('./components/Menu/MenuGroup.js');
|
|
134
134
|
var MenuItem = require('./components/Menu/MenuItem.js');
|
|
@@ -249,7 +249,6 @@ exports.OverflowMenuItem = index$4["default"];
|
|
|
249
249
|
exports.Pagination = index$5["default"];
|
|
250
250
|
exports.PaginationNav = PaginationNav["default"];
|
|
251
251
|
exports.PrimaryButton = PrimaryButton["default"];
|
|
252
|
-
exports.ProgressIndicator = index$f.ProgressIndicator;
|
|
253
252
|
exports.RadioButton = RadioButton["default"];
|
|
254
253
|
exports.RadioButtonGroup = RadioButtonGroup["default"];
|
|
255
254
|
exports.Search = index$6["default"];
|
|
@@ -263,12 +262,12 @@ exports.SelectItem = SelectItem["default"];
|
|
|
263
262
|
exports.SelectItemGroup = SelectItemGroup["default"];
|
|
264
263
|
exports.Switch = Switch["default"];
|
|
265
264
|
exports.Slider = index$7["default"];
|
|
266
|
-
exports.StructuredListBody = index$
|
|
267
|
-
exports.StructuredListCell = index$
|
|
268
|
-
exports.StructuredListHead = index$
|
|
269
|
-
exports.StructuredListInput = index$
|
|
270
|
-
exports.StructuredListRow = index$
|
|
271
|
-
exports.StructuredListWrapper = index$
|
|
265
|
+
exports.StructuredListBody = index$f.StructuredListBody;
|
|
266
|
+
exports.StructuredListCell = index$f.StructuredListCell;
|
|
267
|
+
exports.StructuredListHead = index$f.StructuredListHead;
|
|
268
|
+
exports.StructuredListInput = index$f.StructuredListInput;
|
|
269
|
+
exports.StructuredListRow = index$f.StructuredListRow;
|
|
270
|
+
exports.StructuredListWrapper = index$f.StructuredListWrapper;
|
|
272
271
|
exports.Tab = index$8["default"];
|
|
273
272
|
exports.TabContent = TabContent["default"];
|
|
274
273
|
exports.Tabs = index$9["default"];
|
|
@@ -276,23 +275,23 @@ exports.TagSkeleton = Tag_Skeleton["default"];
|
|
|
276
275
|
exports.Tag = Tag["default"];
|
|
277
276
|
exports.TextAreaSkeleton = TextArea_Skeleton["default"];
|
|
278
277
|
exports.TextArea = TextArea["default"];
|
|
279
|
-
exports.ClickableTile = index$
|
|
280
|
-
exports.ExpandableTile = index$
|
|
281
|
-
exports.SelectableTile = index$
|
|
282
|
-
exports.Tile = index$
|
|
283
|
-
exports.TileAboveTheFoldContent = index$
|
|
284
|
-
exports.TileBelowTheFoldContent = index$
|
|
278
|
+
exports.ClickableTile = index$g.ClickableTile;
|
|
279
|
+
exports.ExpandableTile = index$g.ExpandableTile;
|
|
280
|
+
exports.SelectableTile = index$g.SelectableTile;
|
|
281
|
+
exports.Tile = index$g.Tile;
|
|
282
|
+
exports.TileAboveTheFoldContent = index$g.TileAboveTheFoldContent;
|
|
283
|
+
exports.TileBelowTheFoldContent = index$g.TileBelowTheFoldContent;
|
|
285
284
|
exports.RadioTile = RadioTile["default"];
|
|
286
285
|
exports.TileGroup = index$a["default"];
|
|
287
286
|
exports.TimePicker = index$b["default"];
|
|
288
287
|
exports.TimePickerSelect = index$c["default"];
|
|
289
288
|
exports.ToggleSkeleton = Toggle_Skeleton["default"];
|
|
290
289
|
exports.Toggle = Toggle.Toggle;
|
|
291
|
-
exports.Toggletip = index$
|
|
292
|
-
exports.ToggletipActions = index$
|
|
293
|
-
exports.ToggletipButton = index$
|
|
294
|
-
exports.ToggletipContent = index$
|
|
295
|
-
exports.ToggletipLabel = index$
|
|
290
|
+
exports.Toggletip = index$h.Toggletip;
|
|
291
|
+
exports.ToggletipActions = index$h.ToggletipActions;
|
|
292
|
+
exports.ToggletipButton = index$h.ToggletipButton;
|
|
293
|
+
exports.ToggletipContent = index$h.ToggletipContent;
|
|
294
|
+
exports.ToggletipLabel = index$h.ToggletipLabel;
|
|
296
295
|
exports.UnorderedList = UnorderedList["default"];
|
|
297
296
|
exports.SkeletonText = SkeletonText["default"];
|
|
298
297
|
exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
|
|
@@ -309,23 +308,23 @@ exports.TabsSkeleton = Tabs_Skeleton["default"];
|
|
|
309
308
|
exports.TextInputSkeleton = TextInput_Skeleton["default"];
|
|
310
309
|
exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
|
|
311
310
|
exports.IconSkeleton = Icon_Skeleton["default"];
|
|
312
|
-
exports.unstable_FeatureFlags = index$
|
|
313
|
-
exports.unstable_useFeatureFlag = index$
|
|
314
|
-
exports.unstable_useFeatureFlags = index$
|
|
315
|
-
exports.Heading = index$
|
|
316
|
-
exports.Section = index$
|
|
317
|
-
exports.IconButton = index$
|
|
318
|
-
exports.Layer = index$
|
|
319
|
-
exports.useLayer = index$
|
|
320
|
-
exports.unstable_OverflowMenuV2 = index$
|
|
321
|
-
exports.Popover = index$
|
|
322
|
-
exports.PopoverContent = index$
|
|
323
|
-
exports.HStack = index$
|
|
324
|
-
exports.VStack = index$
|
|
311
|
+
exports.unstable_FeatureFlags = index$i.FeatureFlags;
|
|
312
|
+
exports.unstable_useFeatureFlag = index$i.useFeatureFlag;
|
|
313
|
+
exports.unstable_useFeatureFlags = index$i.useFeatureFlags;
|
|
314
|
+
exports.Heading = index$j.Heading;
|
|
315
|
+
exports.Section = index$j.Section;
|
|
316
|
+
exports.IconButton = index$k.IconButton;
|
|
317
|
+
exports.Layer = index$l.Layer;
|
|
318
|
+
exports.useLayer = index$l.useLayer;
|
|
319
|
+
exports.unstable_OverflowMenuV2 = index$m.OverflowMenuV2;
|
|
320
|
+
exports.Popover = index$n.Popover;
|
|
321
|
+
exports.PopoverContent = index$n.PopoverContent;
|
|
322
|
+
exports.HStack = index$o.HStack;
|
|
323
|
+
exports.VStack = index$o.VStack;
|
|
325
324
|
exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
|
|
326
|
-
exports.GlobalTheme = index$
|
|
327
|
-
exports.Theme = index$
|
|
328
|
-
exports.useTheme = index$
|
|
325
|
+
exports.GlobalTheme = index$p.GlobalTheme;
|
|
326
|
+
exports.Theme = index$p.Theme;
|
|
327
|
+
exports.useTheme = index$p.useTheme;
|
|
329
328
|
exports.usePrefix = usePrefix.usePrefix;
|
|
330
329
|
exports.AspectRatio = AspectRatio["default"];
|
|
331
330
|
exports.Filename = Filename["default"];
|
|
@@ -346,6 +345,7 @@ exports.SideNavItem = SideNavItem["default"];
|
|
|
346
345
|
exports.SideNavLinkText = SideNavLinkText["default"];
|
|
347
346
|
exports.unstable_useContextMenu = useContextMenu["default"];
|
|
348
347
|
exports.unstable__FluidTextInput = FluidTextInput["default"];
|
|
348
|
+
exports.unstable__FluidTextArea = FluidTextArea["default"];
|
|
349
349
|
exports.unstable_MenuDivider = MenuDivider["default"];
|
|
350
350
|
exports.unstable_MenuGroup = MenuGroup["default"];
|
|
351
351
|
exports.unstable_MenuItem = MenuItem["default"];
|
|
@@ -398,6 +398,7 @@ exports.ToastNotification = Notification.ToastNotification;
|
|
|
398
398
|
exports.NumberInput = NumberInput.NumberInput;
|
|
399
399
|
exports.ControlledPasswordInput = ControlledPasswordInput["default"];
|
|
400
400
|
exports.PasswordInput = PasswordInput["default"];
|
|
401
|
+
exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
|
|
401
402
|
exports.ProgressStep = ProgressIndicator.ProgressStep;
|
|
402
403
|
exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
|
|
403
404
|
exports.IconTab = Tabs.IconTab;
|
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.
|
|
4
|
+
"version": "1.14.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@babel/runtime": "^7.18.3",
|
|
46
|
-
"@carbon/feature-flags": "^0.9.0
|
|
47
|
-
"@carbon/icons-react": "^11.
|
|
48
|
-
"@carbon/layout": "^11.
|
|
49
|
-
"@carbon/styles": "^1.
|
|
46
|
+
"@carbon/feature-flags": "^0.9.0",
|
|
47
|
+
"@carbon/icons-react": "^11.9.0-rc.0",
|
|
48
|
+
"@carbon/layout": "^11.7.0-rc.0",
|
|
49
|
+
"@carbon/styles": "^1.14.0-rc.0",
|
|
50
50
|
"@carbon/telemetry": "0.1.0",
|
|
51
51
|
"classnames": "2.3.1",
|
|
52
52
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
"@babel/plugin-transform-react-constant-elements": "^7.17.12",
|
|
73
73
|
"@babel/preset-env": "^7.18.2",
|
|
74
74
|
"@babel/preset-react": "^7.17.12",
|
|
75
|
-
"@carbon/test-utils": "^10.26.0
|
|
76
|
-
"@carbon/themes": "^11.
|
|
75
|
+
"@carbon/test-utils": "^10.26.0",
|
|
76
|
+
"@carbon/themes": "^11.10.0-rc.0",
|
|
77
77
|
"@rollup/plugin-babel": "^5.3.0",
|
|
78
78
|
"@rollup/plugin-commonjs": "^21.0.0",
|
|
79
79
|
"@rollup/plugin-node-resolve": "^13.0.0",
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
"babel-preset-carbon": "^0.3.0",
|
|
95
95
|
"browserify-zlib": "^0.2.0",
|
|
96
96
|
"browserslist-config-carbon": "^11.0.0",
|
|
97
|
+
"clipboardy": "^2.1.0",
|
|
97
98
|
"css-loader": "^6.5.1",
|
|
98
99
|
"enquirer": "^2.3.6",
|
|
99
100
|
"fast-glob": "^3.2.7",
|
|
@@ -130,5 +131,5 @@
|
|
|
130
131
|
"**/*.scss",
|
|
131
132
|
"**/*.css"
|
|
132
133
|
],
|
|
133
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "06ebb59650784ee0bdb602a521e82383472f0487"
|
|
134
135
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 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
|
-
|
|
8
|
-
import * as FeatureFlags from '@carbon/feature-flags';
|
|
9
|
-
import { ProgressIndicator as ProgressIndicator$2 } from './ProgressIndicator.js';
|
|
10
|
-
export { ProgressStep } from './ProgressIndicator.js';
|
|
11
|
-
import { ProgressIndicator as ProgressIndicator$1 } from './next/ProgressIndicator.js';
|
|
12
|
-
|
|
13
|
-
var ProgressIndicator = FeatureFlags.enabled('enable-v11-release') ? ProgressIndicator$1 : ProgressIndicator$2;
|
|
14
|
-
|
|
15
|
-
export { ProgressIndicator };
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 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
|
-
|
|
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 PropTypes from 'prop-types';
|
|
11
|
-
import React__default, { useState } from 'react';
|
|
12
|
-
import { usePrefix } from '../../../internal/usePrefix.js';
|
|
13
|
-
|
|
14
|
-
var _excluded = ["children", "className", "currentIndex", "onChange", "spaceEqually", "vertical"];
|
|
15
|
-
|
|
16
|
-
function ProgressIndicator(_ref) {
|
|
17
|
-
var _cx;
|
|
18
|
-
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
customClassName = _ref.className,
|
|
21
|
-
_ref$currentIndex = _ref.currentIndex,
|
|
22
|
-
controlledIndex = _ref$currentIndex === void 0 ? 0 : _ref$currentIndex,
|
|
23
|
-
onChange = _ref.onChange,
|
|
24
|
-
spaceEqually = _ref.spaceEqually,
|
|
25
|
-
vertical = _ref.vertical,
|
|
26
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
27
|
-
|
|
28
|
-
var prefix = usePrefix();
|
|
29
|
-
|
|
30
|
-
var _useState = useState(controlledIndex),
|
|
31
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
-
currentIndex = _useState2[0],
|
|
33
|
-
setCurrentIndex = _useState2[1];
|
|
34
|
-
|
|
35
|
-
var _useState3 = useState(controlledIndex),
|
|
36
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
37
|
-
prevControlledIndex = _useState4[0],
|
|
38
|
-
setPrevControlledIndex = _useState4[1];
|
|
39
|
-
|
|
40
|
-
var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--progress"), true), _defineProperty(_cx, "".concat(prefix, "--progress--vertical"), vertical), _defineProperty(_cx, "".concat(prefix, "--progress--space-equal"), spaceEqually && !vertical), _defineProperty(_cx, customClassName, customClassName), _cx));
|
|
41
|
-
|
|
42
|
-
if (controlledIndex !== prevControlledIndex) {
|
|
43
|
-
setCurrentIndex(controlledIndex);
|
|
44
|
-
setPrevControlledIndex(controlledIndex);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
return /*#__PURE__*/React__default.createElement("ul", _extends({
|
|
48
|
-
className: className
|
|
49
|
-
}, rest), React__default.Children.map(children, function (child, index) {
|
|
50
|
-
// only setup click handlers if onChange event is passed
|
|
51
|
-
var onClick = onChange ? function () {
|
|
52
|
-
return onChange(index);
|
|
53
|
-
} : undefined;
|
|
54
|
-
|
|
55
|
-
if (index === currentIndex) {
|
|
56
|
-
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
57
|
-
complete: child.props.complete,
|
|
58
|
-
current: child.props.complete ? false : true,
|
|
59
|
-
index: index,
|
|
60
|
-
onClick: onClick
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
if (index < currentIndex) {
|
|
65
|
-
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
66
|
-
complete: true,
|
|
67
|
-
index: index,
|
|
68
|
-
onClick: onClick
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
if (index > currentIndex) {
|
|
73
|
-
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
74
|
-
complete: child.props.complete || false,
|
|
75
|
-
index: index,
|
|
76
|
-
onClick: onClick
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
return null;
|
|
81
|
-
}));
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
ProgressIndicator.propTypes = {
|
|
85
|
-
/**
|
|
86
|
-
* Provide `<ProgressStep>` components to be rendered in the
|
|
87
|
-
* `<ProgressIndicator>`
|
|
88
|
-
*/
|
|
89
|
-
children: PropTypes.node,
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Provide an optional className to be applied to the containing node
|
|
93
|
-
*/
|
|
94
|
-
className: PropTypes.string,
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Optionally specify the current step array index
|
|
98
|
-
*/
|
|
99
|
-
currentIndex: PropTypes.number,
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
|
|
103
|
-
*/
|
|
104
|
-
onChange: PropTypes.func,
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Specify whether the progress steps should be split equally in size in the div
|
|
108
|
-
*/
|
|
109
|
-
spaceEqually: PropTypes.bool,
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Determines whether or not the ProgressIndicator should be rendered vertically.
|
|
113
|
-
*/
|
|
114
|
-
vertical: PropTypes.bool
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
export { ProgressIndicator };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 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
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var FeatureFlags = require('@carbon/feature-flags');
|
|
13
|
-
var ProgressIndicator$1 = require('./ProgressIndicator.js');
|
|
14
|
-
var ProgressIndicator$2 = require('./next/ProgressIndicator.js');
|
|
15
|
-
|
|
16
|
-
function _interopNamespace(e) {
|
|
17
|
-
if (e && e.__esModule) return e;
|
|
18
|
-
var n = Object.create(null);
|
|
19
|
-
if (e) {
|
|
20
|
-
Object.keys(e).forEach(function (k) {
|
|
21
|
-
if (k !== 'default') {
|
|
22
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return e[k]; }
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
n["default"] = e;
|
|
31
|
-
return Object.freeze(n);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
|
|
35
|
-
|
|
36
|
-
var ProgressIndicator = FeatureFlags__namespace.enabled('enable-v11-release') ? ProgressIndicator$2.ProgressIndicator : ProgressIndicator$1.ProgressIndicator;
|
|
37
|
-
|
|
38
|
-
exports.ProgressStep = ProgressIndicator$1.ProgressStep;
|
|
39
|
-
exports.ProgressIndicator = ProgressIndicator;
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2016, 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
|
-
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
13
|
-
var cx = require('classnames');
|
|
14
|
-
var PropTypes = require('prop-types');
|
|
15
|
-
var React = require('react');
|
|
16
|
-
var usePrefix = require('../../../internal/usePrefix.js');
|
|
17
|
-
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
21
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
|
|
24
|
-
var _excluded = ["children", "className", "currentIndex", "onChange", "spaceEqually", "vertical"];
|
|
25
|
-
|
|
26
|
-
function ProgressIndicator(_ref) {
|
|
27
|
-
var _cx;
|
|
28
|
-
|
|
29
|
-
var children = _ref.children,
|
|
30
|
-
customClassName = _ref.className,
|
|
31
|
-
_ref$currentIndex = _ref.currentIndex,
|
|
32
|
-
controlledIndex = _ref$currentIndex === void 0 ? 0 : _ref$currentIndex,
|
|
33
|
-
onChange = _ref.onChange,
|
|
34
|
-
spaceEqually = _ref.spaceEqually,
|
|
35
|
-
vertical = _ref.vertical,
|
|
36
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
37
|
-
|
|
38
|
-
var prefix = usePrefix.usePrefix();
|
|
39
|
-
|
|
40
|
-
var _useState = React.useState(controlledIndex),
|
|
41
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
42
|
-
currentIndex = _useState2[0],
|
|
43
|
-
setCurrentIndex = _useState2[1];
|
|
44
|
-
|
|
45
|
-
var _useState3 = React.useState(controlledIndex),
|
|
46
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
47
|
-
prevControlledIndex = _useState4[0],
|
|
48
|
-
setPrevControlledIndex = _useState4[1];
|
|
49
|
-
|
|
50
|
-
var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress--vertical"), vertical), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress--space-equal"), spaceEqually && !vertical), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, customClassName), _cx));
|
|
51
|
-
|
|
52
|
-
if (controlledIndex !== prevControlledIndex) {
|
|
53
|
-
setCurrentIndex(controlledIndex);
|
|
54
|
-
setPrevControlledIndex(controlledIndex);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
|
|
58
|
-
className: className
|
|
59
|
-
}, rest), React__default["default"].Children.map(children, function (child, index) {
|
|
60
|
-
// only setup click handlers if onChange event is passed
|
|
61
|
-
var onClick = onChange ? function () {
|
|
62
|
-
return onChange(index);
|
|
63
|
-
} : undefined;
|
|
64
|
-
|
|
65
|
-
if (index === currentIndex) {
|
|
66
|
-
return /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
67
|
-
complete: child.props.complete,
|
|
68
|
-
current: child.props.complete ? false : true,
|
|
69
|
-
index: index,
|
|
70
|
-
onClick: onClick
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
if (index < currentIndex) {
|
|
75
|
-
return /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
76
|
-
complete: true,
|
|
77
|
-
index: index,
|
|
78
|
-
onClick: onClick
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
if (index > currentIndex) {
|
|
83
|
-
return /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
84
|
-
complete: child.props.complete || false,
|
|
85
|
-
index: index,
|
|
86
|
-
onClick: onClick
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
return null;
|
|
91
|
-
}));
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
ProgressIndicator.propTypes = {
|
|
95
|
-
/**
|
|
96
|
-
* Provide `<ProgressStep>` components to be rendered in the
|
|
97
|
-
* `<ProgressIndicator>`
|
|
98
|
-
*/
|
|
99
|
-
children: PropTypes__default["default"].node,
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* Provide an optional className to be applied to the containing node
|
|
103
|
-
*/
|
|
104
|
-
className: PropTypes__default["default"].string,
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Optionally specify the current step array index
|
|
108
|
-
*/
|
|
109
|
-
currentIndex: PropTypes__default["default"].number,
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Optional callback called if a ProgressStep is clicked on. Returns the index of the step.
|
|
113
|
-
*/
|
|
114
|
-
onChange: PropTypes__default["default"].func,
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Specify whether the progress steps should be split equally in size in the div
|
|
118
|
-
*/
|
|
119
|
-
spaceEqually: PropTypes__default["default"].bool,
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* Determines whether or not the ProgressIndicator should be rendered vertically.
|
|
123
|
-
*/
|
|
124
|
-
vertical: PropTypes__default["default"].bool
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
exports.ProgressIndicator = ProgressIndicator;
|