@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.
Files changed (29) hide show
  1. package/es/components/Accordion/Accordion.Skeleton.js +12 -4
  2. package/es/components/Accordion/Accordion.js +9 -2
  3. package/es/components/FileUploader/Filename.js +3 -1
  4. package/es/components/FluidTextArea/FluidTextArea.js +130 -0
  5. package/es/components/FluidTextInput/FluidTextInput.js +13 -4
  6. package/es/components/Notification/Notification.js +6 -2
  7. package/es/components/ProgressIndicator/ProgressIndicator.js +128 -154
  8. package/es/components/RadioTile/RadioTile.js +2 -11
  9. package/es/components/TextArea/TextArea.js +14 -5
  10. package/es/components/TextInput/PasswordInput.js +7 -6
  11. package/es/components/Toggle/Toggle.js +1 -1
  12. package/es/index.js +2 -2
  13. package/lib/components/Accordion/Accordion.Skeleton.js +12 -4
  14. package/lib/components/Accordion/Accordion.js +9 -2
  15. package/lib/components/FileUploader/Filename.js +3 -1
  16. package/lib/components/FluidTextArea/FluidTextArea.js +140 -0
  17. package/lib/components/FluidTextInput/FluidTextInput.js +12 -3
  18. package/lib/components/Notification/Notification.js +6 -2
  19. package/lib/components/ProgressIndicator/ProgressIndicator.js +126 -152
  20. package/lib/components/RadioTile/RadioTile.js +2 -11
  21. package/lib/components/TextArea/TextArea.js +13 -4
  22. package/lib/components/TextInput/PasswordInput.js +7 -6
  23. package/lib/components/Toggle/Toggle.js +1 -1
  24. package/lib/index.js +47 -46
  25. package/package.json +9 -8
  26. package/es/components/ProgressIndicator/index.js +0 -15
  27. package/es/components/ProgressIndicator/next/ProgressIndicator.js +0 -117
  28. package/lib/components/ProgressIndicator/index.js +0 -39
  29. 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$g = require('./components/StructuredList/index.js');
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$h = require('./components/Tile/index.js');
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$i = require('./components/Toggletip/index.js');
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$j = require('./components/FeatureFlags/index.js');
103
- var index$k = require('./components/Heading/index.js');
104
- var index$l = require('./components/IconButton/index.js');
105
- var index$m = require('./components/Layer/index.js');
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$n = require('./components/OverflowMenuV2/index.js');
108
- var index$o = require('./components/Popover/index.js');
109
- var index$p = require('./components/Stack/index.js');
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$q = require('./components/Theme/index.js');
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$g.StructuredListBody;
267
- exports.StructuredListCell = index$g.StructuredListCell;
268
- exports.StructuredListHead = index$g.StructuredListHead;
269
- exports.StructuredListInput = index$g.StructuredListInput;
270
- exports.StructuredListRow = index$g.StructuredListRow;
271
- exports.StructuredListWrapper = index$g.StructuredListWrapper;
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$h.ClickableTile;
280
- exports.ExpandableTile = index$h.ExpandableTile;
281
- exports.SelectableTile = index$h.SelectableTile;
282
- exports.Tile = index$h.Tile;
283
- exports.TileAboveTheFoldContent = index$h.TileAboveTheFoldContent;
284
- exports.TileBelowTheFoldContent = index$h.TileBelowTheFoldContent;
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$i.Toggletip;
292
- exports.ToggletipActions = index$i.ToggletipActions;
293
- exports.ToggletipButton = index$i.ToggletipButton;
294
- exports.ToggletipContent = index$i.ToggletipContent;
295
- exports.ToggletipLabel = index$i.ToggletipLabel;
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$j.FeatureFlags;
313
- exports.unstable_useFeatureFlag = index$j.useFeatureFlag;
314
- exports.unstable_useFeatureFlags = index$j.useFeatureFlags;
315
- exports.Heading = index$k.Heading;
316
- exports.Section = index$k.Section;
317
- exports.IconButton = index$l.IconButton;
318
- exports.Layer = index$m.Layer;
319
- exports.useLayer = index$m.useLayer;
320
- exports.unstable_OverflowMenuV2 = index$n.OverflowMenuV2;
321
- exports.Popover = index$o.Popover;
322
- exports.PopoverContent = index$o.PopoverContent;
323
- exports.HStack = index$p.HStack;
324
- exports.VStack = index$p.VStack;
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$q.GlobalTheme;
327
- exports.Theme = index$q.Theme;
328
- exports.useTheme = index$q.useTheme;
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.13.0-rc.0",
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-rc.0",
47
- "@carbon/icons-react": "^11.8.0-rc.0",
48
- "@carbon/layout": "^11.6.0-rc.0",
49
- "@carbon/styles": "^1.13.0-rc.0",
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-rc.0",
76
- "@carbon/themes": "^11.9.0-rc.0",
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": "b367a932e322ac783c3d4cf0d5a1f1e2756e8b2e"
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;