carbon-react 106.6.6 → 106.6.9

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 (76) hide show
  1. package/esm/__internal__/utils/argTypes/specialCharacters.d.ts +36 -0
  2. package/esm/__internal__/utils/argTypes/specialCharacters.js +36 -0
  3. package/esm/components/accordion/accordion-group/accordion-group.component.d.ts +9 -23
  4. package/esm/components/accordion/accordion-group/accordion-group.component.js +222 -25
  5. package/esm/components/accordion/accordion.component.d.ts +44 -2
  6. package/esm/components/accordion/accordion.component.js +648 -68
  7. package/esm/components/accordion/accordion.style.d.ts +45 -9
  8. package/esm/components/accordion/index.d.ts +4 -2
  9. package/esm/components/decimal/decimal.component.js +12 -10
  10. package/esm/components/menu/menu-item/menu-item.style.js +6 -3
  11. package/esm/components/multi-action-button/index.d.ts +2 -1
  12. package/esm/components/multi-action-button/multi-action-button.component.d.ts +9 -52
  13. package/esm/components/multi-action-button/multi-action-button.component.js +471 -67
  14. package/esm/components/multi-action-button/multi-action-button.config.d.ts +3 -3
  15. package/esm/components/multi-action-button/multi-action-button.style.d.ts +10 -2
  16. package/esm/components/multi-action-button/multi-action-button.style.js +4 -7
  17. package/esm/components/portal/portal.js +0 -5
  18. package/esm/components/portrait/portrait-initials.component.js +1 -2
  19. package/esm/components/tile-select/__internal__/accordion/accordion.style.d.ts +2 -2
  20. package/esm/components/tooltip/tooltip.component.d.ts +3 -0
  21. package/esm/style/utils/filter-out-styled-system-spacing-props.d.ts +1 -1
  22. package/esm/style/utils/filter-out-styled-system-spacing-props.js +1 -1
  23. package/lib/__internal__/utils/argTypes/specialCharacters.d.ts +36 -0
  24. package/lib/__internal__/utils/argTypes/specialCharacters.js +46 -0
  25. package/lib/components/accordion/accordion-group/accordion-group.component.d.ts +9 -23
  26. package/lib/components/accordion/accordion-group/accordion-group.component.js +225 -29
  27. package/lib/components/accordion/accordion.component.d.ts +44 -2
  28. package/lib/components/accordion/accordion.component.js +649 -70
  29. package/lib/components/accordion/accordion.style.d.ts +45 -9
  30. package/lib/components/accordion/index.d.ts +4 -2
  31. package/lib/components/decimal/decimal.component.js +12 -10
  32. package/lib/components/menu/menu-item/menu-item.style.js +6 -3
  33. package/lib/components/multi-action-button/index.d.ts +2 -1
  34. package/lib/components/multi-action-button/multi-action-button.component.d.ts +9 -52
  35. package/lib/components/multi-action-button/multi-action-button.component.js +471 -70
  36. package/lib/components/multi-action-button/multi-action-button.config.d.ts +3 -3
  37. package/lib/components/multi-action-button/multi-action-button.style.d.ts +10 -2
  38. package/lib/components/multi-action-button/multi-action-button.style.js +4 -7
  39. package/lib/components/portal/portal.js +0 -6
  40. package/lib/components/portrait/portrait-initials.component.js +1 -5
  41. package/lib/components/tile-select/__internal__/accordion/accordion.style.d.ts +2 -2
  42. package/lib/components/tooltip/tooltip.component.d.ts +3 -0
  43. package/lib/style/utils/filter-out-styled-system-spacing-props.d.ts +1 -1
  44. package/lib/style/utils/filter-out-styled-system-spacing-props.js +1 -1
  45. package/package.json +2 -1
  46. package/esm/__internal__/utils/helpers/browser/index.d.ts +0 -15
  47. package/esm/__internal__/utils/helpers/browser/index.js +0 -33
  48. package/esm/components/accordion/accordion-group/accordion-group.d.ts +0 -17
  49. package/esm/components/accordion/accordion.d.ts +0 -54
  50. package/esm/components/action-popover/action-popover-test.stories.js +0 -76
  51. package/esm/components/button-bar/button-bar-test.stories.js +0 -122
  52. package/esm/components/draggable/draggable-test.stories.js +0 -48
  53. package/esm/components/duelling-picklist/duelling-picklist-test.stories.js +0 -539
  54. package/esm/components/menu/menu-test.stories.js +0 -109
  55. package/esm/components/multi-action-button/multi-action-button.d.ts +0 -10
  56. package/esm/components/profile/profile-test.stories.js +0 -55
  57. package/esm/components/progress-tracker/progress-tracker-test.stories.js +0 -63
  58. package/esm/components/select/simple-select/simple-select-test.stories.js +0 -193
  59. package/esm/components/show-edit-pod/show-edit-pod-test.stories.js +0 -143
  60. package/esm/components/textarea/textarea-test.stories.js +0 -154
  61. package/lib/__internal__/utils/helpers/browser/index.d.ts +0 -15
  62. package/lib/__internal__/utils/helpers/browser/index.js +0 -40
  63. package/lib/__internal__/utils/helpers/browser/package.json +0 -6
  64. package/lib/components/accordion/accordion-group/accordion-group.d.ts +0 -17
  65. package/lib/components/accordion/accordion.d.ts +0 -54
  66. package/lib/components/action-popover/action-popover-test.stories.js +0 -95
  67. package/lib/components/button-bar/button-bar-test.stories.js +0 -145
  68. package/lib/components/draggable/draggable-test.stories.js +0 -66
  69. package/lib/components/duelling-picklist/duelling-picklist-test.stories.js +0 -573
  70. package/lib/components/menu/menu-test.stories.js +0 -132
  71. package/lib/components/multi-action-button/multi-action-button.d.ts +0 -10
  72. package/lib/components/profile/profile-test.stories.js +0 -75
  73. package/lib/components/progress-tracker/progress-tracker-test.stories.js +0 -79
  74. package/lib/components/select/simple-select/simple-select-test.stories.js +0 -206
  75. package/lib/components/show-edit-pod/show-edit-pod-test.stories.js +0 -165
  76. package/lib/components/textarea/textarea-test.stories.js +0 -173
@@ -1,95 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Default = exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _addonActions = require("@storybook/addon-actions");
11
-
12
- var _ = require(".");
13
-
14
- var _flatTable = require("../flat-table");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- var _default = {
19
- title: "Action Popover/Test",
20
- parameters: {
21
- info: {
22
- disable: true
23
- },
24
- chromatic: {
25
- disable: true
26
- }
27
- }
28
- };
29
- exports.default = _default;
30
-
31
- const Default = () => {
32
- const submenu = /*#__PURE__*/_react.default.createElement(_.ActionPopoverMenu, null, /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
33
- onClick: (0, _addonActions.action)("sub menu 1")
34
- }, "Sub Menu 1"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
35
- onClick: (0, _addonActions.action)("sub menu 2")
36
- }, "Sub Menu 2"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
37
- disabled: true,
38
- onClick: (0, _addonActions.action)("sub menu 3")
39
- }, "Sub Menu 3"));
40
-
41
- const submenuWithIcons = /*#__PURE__*/_react.default.createElement(_.ActionPopoverMenu, null, /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
42
- icon: "graph",
43
- onClick: (0, _addonActions.action)("sub menu 1")
44
- }, "Sub Menu 1"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
45
- icon: "add",
46
- onClick: (0, _addonActions.action)("sub menu 2")
47
- }, "Sub Menu 2"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
48
- icon: "print",
49
- disabled: true,
50
- onClick: (0, _addonActions.action)("sub menu 3")
51
- }, "Sub Menu 3"));
52
-
53
- return /*#__PURE__*/_react.default.createElement("div", {
54
- style: {
55
- marginTop: "40px",
56
- height: "275px"
57
- }
58
- }, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTable, {
59
- isZebra: true
60
- }, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableHead, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableRow, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableHeader, null, "First Name"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableHeader, null, "Last Name"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableHeader, null, "\xA0"))), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableBody, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableRow, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "John"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "Doe"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, /*#__PURE__*/_react.default.createElement(_.ActionPopover, {
61
- onOpen: (0, _addonActions.action)("popover opened"),
62
- onClose: (0, _addonActions.action)("popover closed")
63
- }, /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
64
- disabled: true,
65
- icon: "graph",
66
- submenu: submenu,
67
- onClick: (0, _addonActions.action)("email")
68
- }, "Business"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
69
- icon: "email",
70
- onClick: (0, _addonActions.action)("email")
71
- }, "Email Invoice"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
72
- icon: "print",
73
- onClick: (0, _addonActions.action)("print"),
74
- submenu: submenu
75
- }, "Print Invoice"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
76
- icon: "pdf",
77
- submenu: submenu,
78
- onClick: (0, _addonActions.action)("pdf")
79
- }, "Download PDF"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
80
- icon: "csv",
81
- onClick: (0, _addonActions.action)("csv")
82
- }, "Download CSV"), /*#__PURE__*/_react.default.createElement(_.ActionPopoverDivider, null), /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
83
- icon: "delete",
84
- onClick: (0, _addonActions.action)("delete")
85
- }, "Delete")))), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableRow, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "Jane"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "Smith"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, /*#__PURE__*/_react.default.createElement(_.ActionPopover, null, /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
86
- icon: "csv",
87
- onClick: (0, _addonActions.action)("csv")
88
- }, "Download CSV")))), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableRow, null, /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "Bob"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, "Jones"), /*#__PURE__*/_react.default.createElement(_flatTable.FlatTableCell, null, /*#__PURE__*/_react.default.createElement(_.ActionPopover, null, /*#__PURE__*/_react.default.createElement(_.ActionPopoverItem, {
89
- icon: "csv",
90
- submenu: submenuWithIcons,
91
- onClick: (0, _addonActions.action)("csv")
92
- }, "Download CSV")))))));
93
- };
94
-
95
- exports.Default = Default;
@@ -1,145 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Preview = exports.Default = exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _addonActions = require("@storybook/addon-actions");
11
-
12
- var _button = _interopRequireDefault(require("../button"));
13
-
14
- var _ = _interopRequireDefault(require("."));
15
-
16
- var _iconButton = _interopRequireDefault(require("../icon-button"));
17
-
18
- var _icon = _interopRequireDefault(require("../icon"));
19
-
20
- var _buttonBar = require("./button-bar.config");
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- var _default = {
27
- title: "Button Bar/Test",
28
- parameters: {
29
- info: {
30
- disable: true
31
- },
32
- chromatic: {
33
- disable: true
34
- }
35
- }
36
- };
37
- exports.default = _default;
38
- const commonArgTypesButtonBar = {
39
- size: {
40
- options: _buttonBar.BUTTON_BAR_SIZES,
41
- control: {
42
- type: "select"
43
- }
44
- },
45
- iconPosition: {
46
- options: _buttonBar.BUTTON_BAR_ICON_POSITIONS,
47
- control: {
48
- type: "select"
49
- }
50
- }
51
- };
52
- const commonArgsButtonBar = {
53
- size: "medium",
54
- fullWidth: false,
55
- iconPosition: "before"
56
- };
57
-
58
- const Default = ({ ...args
59
- }) => /*#__PURE__*/_react.default.createElement(_.default, _extends({
60
- onClick: (0, _addonActions.action)("click")
61
- }, args), /*#__PURE__*/_react.default.createElement(_button.default, {
62
- iconType: "search"
63
- }, "Example Button"), /*#__PURE__*/_react.default.createElement(_button.default, {
64
- iconType: "pdf"
65
- }, "Example Button"), /*#__PURE__*/_react.default.createElement(_button.default, {
66
- iconType: "csv"
67
- }, "Example Button"));
68
-
69
- exports.Default = Default;
70
-
71
- const Preview = () => {
72
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, {
73
- ml: 2,
74
- mt: 2
75
- }, /*#__PURE__*/_react.default.createElement(_iconButton.default, {
76
- onAction: () => {}
77
- }, /*#__PURE__*/_react.default.createElement(_icon.default, {
78
- type: "pdf"
79
- })), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
80
- onAction: () => {}
81
- }, /*#__PURE__*/_react.default.createElement(_icon.default, {
82
- type: "csv"
83
- })), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
84
- onAction: () => {}
85
- }, /*#__PURE__*/_react.default.createElement(_icon.default, {
86
- type: "search"
87
- }))), _buttonBar.BUTTON_BAR_SIZES.map(size => /*#__PURE__*/_react.default.createElement(_.default, {
88
- key: size,
89
- size: size,
90
- ml: 2,
91
- mt: 2
92
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
93
- iconType: "pdf"
94
- }), /*#__PURE__*/_react.default.createElement(_button.default, {
95
- iconType: "csv"
96
- }), /*#__PURE__*/_react.default.createElement(_button.default, {
97
- iconType: "search"
98
- }))), _buttonBar.BUTTON_BAR_ICON_POSITIONS.map(iconPosition => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
99
- key: iconPosition
100
- }, _buttonBar.BUTTON_BAR_SIZES.map(size => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, {
101
- key: size + iconPosition,
102
- iconPosition: iconPosition,
103
- size: size,
104
- ml: 2,
105
- mt: 2
106
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
107
- iconType: "pdf"
108
- }, iconPosition), /*#__PURE__*/_react.default.createElement(_button.default, {
109
- iconType: "csv"
110
- }, iconPosition), /*#__PURE__*/_react.default.createElement(_button.default, {
111
- iconType: "search"
112
- }, iconPosition)))))), _buttonBar.BUTTON_BAR_ICON_POSITIONS.map(iconPosition => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
113
- key: iconPosition
114
- }, _buttonBar.BUTTON_BAR_SIZES.map(size => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, {
115
- fullWidth: true,
116
- key: `${size}${iconPosition}fullWidth`,
117
- iconPosition: iconPosition,
118
- size: size,
119
- ml: 2,
120
- mt: 2
121
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
122
- iconType: "pdf"
123
- }, iconPosition), /*#__PURE__*/_react.default.createElement(_button.default, {
124
- iconType: "csv"
125
- }, iconPosition), /*#__PURE__*/_react.default.createElement(_button.default, {
126
- iconType: "search"
127
- }, iconPosition)))))));
128
- };
129
-
130
- exports.Preview = Preview;
131
- Default.story = {
132
- name: "default",
133
- args: { ...commonArgsButtonBar
134
- },
135
- argTypes: { ...commonArgTypesButtonBar
136
- }
137
- };
138
- Preview.story = {
139
- name: "visual",
140
- parameters: {
141
- chromatic: {
142
- disable: false
143
- }
144
- }
145
- };
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Default = exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _addonActions = require("@storybook/addon-actions");
11
-
12
- var _draggableContainer = _interopRequireDefault(require("./draggable-container.component"));
13
-
14
- var _draggableItem = _interopRequireDefault(require("./draggable-item.component"));
15
-
16
- var _checkbox = require("../checkbox");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- var _default = {
21
- title: "Draggable/Test",
22
- parameters: {
23
- info: {
24
- disable: true
25
- },
26
- chromatic: {
27
- disable: true
28
- }
29
- }
30
- };
31
- exports.default = _default;
32
-
33
- const Default = () => {
34
- const handleUpdate = items => {
35
- (0, _addonActions.action)("onUpdate")(items);
36
- };
37
-
38
- return /*#__PURE__*/_react.default.createElement(_draggableContainer.default, {
39
- getOrder: handleUpdate
40
- }, /*#__PURE__*/_react.default.createElement(_draggableItem.default, {
41
- key: "1",
42
- id: 1
43
- }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
44
- label: "Draggable Label One"
45
- })), /*#__PURE__*/_react.default.createElement(_draggableItem.default, {
46
- key: "2",
47
- id: 2
48
- }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
49
- label: "Draggable Label Two"
50
- })), /*#__PURE__*/_react.default.createElement(_draggableItem.default, {
51
- key: "3",
52
- id: 3
53
- }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
54
- label: "Draggable Label Three"
55
- })), /*#__PURE__*/_react.default.createElement(_draggableItem.default, {
56
- key: "4",
57
- id: 4
58
- }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
59
- label: "Draggable Label Four"
60
- })));
61
- };
62
-
63
- exports.Default = Default;
64
- Default.story = {
65
- name: "default"
66
- };