carbon-react 93.0.4 → 94.0.3

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 (81) hide show
  1. package/lib/__internal__/checkable-input/checkable-input.component.js +7 -1
  2. package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +11 -1
  3. package/lib/__internal__/checkable-input/hidden-checkable-input.d.ts +5 -1
  4. package/lib/__internal__/form-field/form-field.component.js +9 -8
  5. package/lib/__internal__/form-field/form-field.d.ts +2 -0
  6. package/lib/components/action-popover/action-popover.component.js +28 -20
  7. package/lib/components/action-popover/action-popover.style.js +22 -12
  8. package/lib/components/i18n-provider/i18n-provider.component.js +0 -3
  9. package/lib/locales/en-gb.js +1 -8
  10. package/lib/locales/locale.d.ts +0 -7
  11. package/lib/locales/pl-pl.js +1 -8
  12. package/package.json +1 -6
  13. package/lib/components/action-toolbar/action-toolbar.component.js +0 -213
  14. package/lib/components/action-toolbar/action-toolbar.d.ts +0 -20
  15. package/lib/components/action-toolbar/action-toolbar.style.js +0 -40
  16. package/lib/components/action-toolbar/index.d.ts +0 -1
  17. package/lib/components/action-toolbar/index.js +0 -15
  18. package/lib/components/configurable-items/configurable-item-row/configurable-item-row.component.js +0 -174
  19. package/lib/components/configurable-items/configurable-item-row/configurable-item-row.d.ts +0 -25
  20. package/lib/components/configurable-items/configurable-item-row/configurable-item-row.style.js +0 -73
  21. package/lib/components/configurable-items/configurable-item-row/index.d.ts +0 -1
  22. package/lib/components/configurable-items/configurable-item-row/index.js +0 -15
  23. package/lib/components/configurable-items/configurable-items.component.js +0 -155
  24. package/lib/components/configurable-items/configurable-items.d.ts +0 -20
  25. package/lib/components/configurable-items/configurable-items.style.js +0 -70
  26. package/lib/components/configurable-items/index.d.ts +0 -2
  27. package/lib/components/configurable-items/index.js +0 -23
  28. package/lib/components/drag-and-drop/__internal__/item-target/index.js +0 -15
  29. package/lib/components/drag-and-drop/__internal__/item-target/item-target.js +0 -44
  30. package/lib/components/drag-and-drop/__internal__/item-types/index.js +0 -15
  31. package/lib/components/drag-and-drop/__internal__/item-types/item-types.js +0 -20
  32. package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.js +0 -171
  33. package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.style.js +0 -28
  34. package/lib/components/drag-and-drop/custom-drag-layer/index.js +0 -15
  35. package/lib/components/drag-and-drop/drag-and-drop-test.stories.js +0 -95
  36. package/lib/components/drag-and-drop/draggable-context/__internal__/scrollable-parent/index.js +0 -15
  37. package/lib/components/drag-and-drop/draggable-context/__internal__/scrollable-parent/scrollable-parent.js +0 -36
  38. package/lib/components/drag-and-drop/draggable-context/draggable-context.js +0 -264
  39. package/lib/components/drag-and-drop/draggable-context/index.js +0 -15
  40. package/lib/components/drag-and-drop/index.js +0 -39
  41. package/lib/components/drag-and-drop/with-drag/index.js +0 -15
  42. package/lib/components/drag-and-drop/with-drag/with-drag.js +0 -176
  43. package/lib/components/drag-and-drop/with-drop/index.js +0 -15
  44. package/lib/components/drag-and-drop/with-drop/with-drop.js +0 -201
  45. package/lib/components/table/draggable-table-cell/draggable-table-cell.component.js +0 -59
  46. package/lib/components/table/draggable-table-cell/draggable-table-cell.style.js +0 -36
  47. package/lib/components/table/draggable-table-cell/index.js +0 -15
  48. package/lib/components/table/index.js +0 -43
  49. package/lib/components/table/table-cell/index.js +0 -15
  50. package/lib/components/table/table-cell/table-cell.component.js +0 -164
  51. package/lib/components/table/table-cell/table-cell.style.js +0 -164
  52. package/lib/components/table/table-header/index.js +0 -15
  53. package/lib/components/table/table-header/table-header.component.js +0 -282
  54. package/lib/components/table/table-header/table-header.style.js +0 -116
  55. package/lib/components/table/table-modern.style.js +0 -110
  56. package/lib/components/table/table-row/index.js +0 -15
  57. package/lib/components/table/table-row/table-row-modern.style.js +0 -70
  58. package/lib/components/table/table-row/table-row.component.js +0 -486
  59. package/lib/components/table/table-row/table-row.style.js +0 -165
  60. package/lib/components/table/table-sizes.style.js +0 -33
  61. package/lib/components/table/table-story-helpers/table-story-wrapper.component.js +0 -189
  62. package/lib/components/table/table-subheader/index.js +0 -15
  63. package/lib/components/table/table-subheader/table-subheader.component.js +0 -35
  64. package/lib/components/table/table-subheader/table-subheader.style.js +0 -33
  65. package/lib/components/table/table.component.js +0 -792
  66. package/lib/components/table/table.config.js +0 -14
  67. package/lib/components/table/table.style.js +0 -139
  68. package/lib/components/table-ajax/__internal__/serialize/package.json +0 -3
  69. package/lib/components/table-ajax/__internal__/serialize/serialize.js +0 -26
  70. package/lib/components/table-ajax/index.js +0 -37
  71. package/lib/components/table-ajax/table-ajax.component.js +0 -602
  72. package/lib/patterns/configurable-items/actions/actions.js +0 -41
  73. package/lib/patterns/configurable-items/actions/package.json +0 -3
  74. package/lib/patterns/configurable-items/configurable-items-content/configurable-items-content.js +0 -140
  75. package/lib/patterns/configurable-items/configurable-items-content/package.json +0 -3
  76. package/lib/patterns/configurable-items/configurable-items.js +0 -216
  77. package/lib/patterns/configurable-items/constants/constants.js +0 -13
  78. package/lib/patterns/configurable-items/constants/package.json +0 -3
  79. package/lib/patterns/configurable-items/package.json +0 -3
  80. package/lib/patterns/configurable-items/store/package.json +0 -3
  81. package/lib/patterns/configurable-items/store/store.js +0 -92
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
-
3
- interface ActionToolbarChildProps {
4
- disabled?: boolean;
5
- selected?: boolean;
6
- total?: number;
7
- }
8
-
9
- export interface ActionToolbarProps {
10
- /** The actions to display in the toolbar */
11
- actions: Record<string, unknown>;
12
- /** A custom class name for the component. */
13
- className?: string;
14
- /** A function to return child components for the action toolbar. */
15
- children?: (props: ActionToolbarChildProps) => React.ReactElement;
16
- }
17
-
18
- declare class ActionToolbar extends React.Component<ActionToolbarProps> {}
19
-
20
- export default ActionToolbar;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledActionToolbarActions = exports.StyledActionToolbarTotal = exports.StyledActionToolbar = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _link = require("../link/link.style");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const StyledActionToolbar = _styledComponents.default.div`
15
- display: inline-block;
16
- padding: 15px 0;
17
- `;
18
- exports.StyledActionToolbar = StyledActionToolbar;
19
- const StyledActionToolbarTotal = _styledComponents.default.div`
20
- display: inline-block;
21
- margin-right: 10px;
22
- min-width: auto;
23
- text-align: left;
24
- `;
25
- exports.StyledActionToolbarTotal = StyledActionToolbarTotal;
26
- const StyledActionToolbarActions = _styledComponents.default.div`
27
- display: inline-flex;
28
- margin: 0 10px;
29
-
30
- ${_link.StyledLink} {
31
- text-decoration: none;
32
- }
33
-
34
- & > * {
35
- margin-left: 10px;
36
- display: flex;
37
- align-items: center;
38
- }
39
- `;
40
- exports.StyledActionToolbarActions = StyledActionToolbarActions;
@@ -1 +0,0 @@
1
- export { default } from "./action-toolbar";
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "default", {
7
- enumerable: true,
8
- get: function () {
9
- return _actionToolbar.default;
10
- }
11
- });
12
-
13
- var _actionToolbar = _interopRequireDefault(require("./action-toolbar.component"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,174 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ConfigurableItemRowWithoutHOC = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
- var _styledComponents = require("styled-components");
15
-
16
- var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
17
-
18
- var _dragAndDrop = require("../../drag-and-drop");
19
-
20
- var _checkbox = require("../../checkbox");
21
-
22
- var _configurableItemRow = require("./configurable-item-row.style");
23
-
24
- var _base = _interopRequireDefault(require("../../../style/themes/base"));
25
-
26
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
- 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); }
29
-
30
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
-
32
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
33
-
34
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
35
-
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
37
-
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
-
40
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
41
-
42
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
43
-
44
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
45
-
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
-
48
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
-
50
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
51
-
52
- let ConfigurableItemRow = /*#__PURE__*/function (_React$Component) {
53
- _inherits(ConfigurableItemRow, _React$Component);
54
-
55
- var _super = _createSuper(ConfigurableItemRow);
56
-
57
- function ConfigurableItemRow(...args) {
58
- var _this;
59
-
60
- _classCallCheck(this, ConfigurableItemRow);
61
-
62
- _this = _super.call(this, ...args);
63
-
64
- _defineProperty(_assertThisInitialized(_this), "classes", () => {
65
- return (0, _classnames.default)(_this.props.className);
66
- });
67
-
68
- _defineProperty(_assertThisInitialized(_this), "listItemHTML", () => {
69
- const {
70
- rowIndex,
71
- enabled,
72
- locked,
73
- name,
74
- onChange
75
- } = _this.props;
76
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_configurableItemRow.ConfigurableItemRowStyle, {
77
- "data-element": "configurable-item-row",
78
- isDragged: _this.dragged(_this.context.dragAndDropActiveIndex, rowIndex),
79
- isDragging: _this.draggingIsOccurring(_this.context.dragAndDropActiveIndex),
80
- className: _this.classes(),
81
- ref: node => {
82
- _this._listItem = node;
83
- }
84
- }, /*#__PURE__*/_react.default.createElement(_configurableItemRow.ConfigurableItemRowContentWrapperStyle, {
85
- "data-element": "configurable-item-row-content-wrapper"
86
- }, _this.icon(), /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
87
- checked: enabled,
88
- disabled: locked,
89
- label: name,
90
- onChange: onChange
91
- }))));
92
- });
93
-
94
- return _this;
95
- }
96
-
97
- _createClass(ConfigurableItemRow, [{
98
- key: "iconHTML",
99
- value: function iconHTML() {
100
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_configurableItemRow.ConfigurableItemRowIconStyle, {
101
- type: "drag_vertical"
102
- }));
103
- }
104
- }, {
105
- key: "icon",
106
- value: function icon() {
107
- return /*#__PURE__*/_react.default.createElement(_dragAndDrop.WithDrag, {
108
- draggableNode: () => {
109
- return this._listItem;
110
- }
111
- }, this.iconHTML());
112
- }
113
- }, {
114
- key: "dragged",
115
- value:
116
- /** Determines if the item has been dragged. */
117
- function dragged(dragAndDropActiveIndex, index) {
118
- return this.draggingIsOccurring(dragAndDropActiveIndex) && dragAndDropActiveIndex === index;
119
- }
120
- /** Determines if dragging is occurring within the current draggable context. */
121
-
122
- }, {
123
- key: "draggingIsOccurring",
124
- value: function draggingIsOccurring(dragAndDropActiveIndex) {
125
- return typeof dragAndDropActiveIndex === "number";
126
- }
127
- }, {
128
- key: "render",
129
- value: function render() {
130
- return /*#__PURE__*/_react.default.createElement(_dragAndDrop.WithDrop, _extends({
131
- index: this.props.rowIndex
132
- }, (0, _tags.default)("configurable-item-row", this.props)), this.listItemHTML());
133
- }
134
- }]);
135
-
136
- return ConfigurableItemRow;
137
- }(_react.default.Component);
138
-
139
- exports.ConfigurableItemRowWithoutHOC = ConfigurableItemRow;
140
- ConfigurableItemRow.propTypes = {
141
- /** A custom class name for the component. */
142
- className: _propTypes.default.string,
143
-
144
- /** The checked value for the checkbox. */
145
- enabled: _propTypes.default.bool,
146
-
147
- /** The disabled value for the checkbox. */
148
- locked: _propTypes.default.bool,
149
-
150
- /** The label for the row. */
151
- name: _propTypes.default.string,
152
-
153
- /** Callback triggered when the checkbox checked value is updated. */
154
- onChange: _propTypes.default.func,
155
-
156
- /** The unique index for the row. */
157
- rowIndex: _propTypes.default.number,
158
-
159
- /** An internal prop. Helpful to detect which component should be rendered */
160
- theme: _propTypes.default.object
161
- };
162
- ConfigurableItemRow.contextTypes = {
163
- dragDropManager: _propTypes.default.object,
164
- // the React DND DragDropManager
165
- dragAndDropActiveIndex: _propTypes.default.number // tracks the currently active index
166
-
167
- };
168
- ConfigurableItemRow.defaultProps = {
169
- theme: _base.default
170
- };
171
-
172
- var _default = (0, _styledComponents.withTheme)(ConfigurableItemRow);
173
-
174
- exports.default = _default;
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
-
3
- export interface ConfigurableItemRowProps {
4
- /** A custom class name for the component. */
5
- className?: string;
6
- /** The checked value for the checkbox. */
7
- enabled?: boolean;
8
- /** The disabled value for the checkbox. */
9
- locked?: boolean;
10
- /** The label for the row. */
11
- name?: string;
12
- /** Callback triggered when the checkbox checked value is updated. */
13
- onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
14
- /** The unique index for the row. */
15
- rowIndex: number;
16
- /** An internal prop. Helpful to detect which component should be rendered */
17
- theme?: Record<string, unknown>;
18
- }
19
-
20
- declare function ConfigurableItemRow(
21
- props: ConfigurableItemRowProps
22
- ): JSX.Element;
23
-
24
- export { ConfigurableItemRow as ConfigurableItemRowWithoutHOC };
25
- export default ConfigurableItemRow;
@@ -1,73 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ConfigurableItemRowIconStyle = exports.ConfigurableItemRowContentWrapperStyle = exports.ConfigurableItemRowStyle = void 0;
7
-
8
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
-
10
- var _icon = _interopRequireDefault(require("../../icon"));
11
-
12
- var _base = _interopRequireDefault(require("../../../style/themes/base"));
13
-
14
- var _label = require("../../../__internal__/label/label.style");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
19
-
20
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- const ConfigurableItemRowIconStyle = (0, _styledComponents.default)(_icon.default)`
23
- cursor: grab;
24
-
25
- /* Provides backup cursor view for IE11 */
26
- @media all and (-ms-high-contrast: none) {
27
- cursor: move;
28
- }
29
-
30
- padding-right: 12px;
31
- `;
32
- exports.ConfigurableItemRowIconStyle = ConfigurableItemRowIconStyle;
33
- const ConfigurableItemRowContentWrapperStyle = _styledComponents.default.div`
34
- align-items: center;
35
- display: flex;
36
- justify-content: left;
37
- `;
38
- exports.ConfigurableItemRowContentWrapperStyle = ConfigurableItemRowContentWrapperStyle;
39
- const ConfigurableItemRowStyle = _styledComponents.default.li`
40
- border-bottom: 1px solid ${({
41
- theme
42
- }) => theme.disabled.input};
43
- font-weight: bold;
44
- padding: 5px 0.5em 5px 0px;
45
-
46
- ${_label.StyledLabelContainer} {
47
- margin: 0px 6px 6px 6px;
48
- }
49
-
50
- ${({
51
- isDragging,
52
- isDragged
53
- }) => (isDragging || isDragged) && (0, _styledComponents.css)`
54
- cursor: grabbing;
55
- cursor: -moz-grabbing;
56
- cursor: -webkit-grabbing;
57
- `}
58
-
59
- ${({
60
- isDragged
61
- }) => isDragged && (0, _styledComponents.css)`
62
- ${ConfigurableItemRowContentWrapperStyle} {
63
- visibility: hidden;
64
- }
65
- `}
66
- `;
67
- exports.ConfigurableItemRowStyle = ConfigurableItemRowStyle;
68
- ConfigurableItemRowStyle.defaultProps = {
69
- theme: _base.default
70
- };
71
- ConfigurableItemRowIconStyle.defaultProps = {
72
- theme: _base.default
73
- };
@@ -1 +0,0 @@
1
- export { default } from "./configurable-item-row";
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "default", {
7
- enumerable: true,
8
- get: function () {
9
- return _configurableItemRow.default;
10
- }
11
- });
12
-
13
- var _configurableItemRow = _interopRequireDefault(require("./configurable-item-row.component"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,155 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
- var _styledComponents = require("styled-components");
15
-
16
- var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
17
-
18
- var _dragAndDrop = require("../drag-and-drop");
19
-
20
- var _button = _interopRequireDefault(require("../button"));
21
-
22
- var _configurableItems = require("./configurable-items.style");
23
-
24
- var _form = _interopRequireDefault(require("../form"));
25
-
26
- var _base = _interopRequireDefault(require("../../style/themes/base"));
27
-
28
- var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
29
-
30
- var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
31
-
32
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
-
34
- 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); }
35
-
36
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
37
-
38
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
39
-
40
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
41
-
42
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
43
-
44
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
45
-
46
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
47
-
48
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
49
-
50
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
51
-
52
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
53
-
54
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
55
-
56
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
57
-
58
- let deprecatedWarnTriggered = false;
59
-
60
- let ConfigurableItems = /*#__PURE__*/function (_React$Component) {
61
- _inherits(ConfigurableItems, _React$Component);
62
-
63
- var _super = _createSuper(ConfigurableItems);
64
-
65
- function ConfigurableItems(props) {
66
- var _this;
67
-
68
- _classCallCheck(this, ConfigurableItems);
69
-
70
- _this = _super.call(this, props);
71
-
72
- _defineProperty(_assertThisInitialized(_this), "onReset", event => {
73
- event.preventDefault();
74
-
75
- _this.props.onReset();
76
- });
77
-
78
- _defineProperty(_assertThisInitialized(_this), "additionalActions", () => {
79
- if (!_this.props.onReset) return null;
80
- return /*#__PURE__*/_react.default.createElement(_configurableItems.ConfigurableItemsButtonReset, {
81
- "data-element": "configurable-items-reset-button",
82
- as: _button.default,
83
- buttonType: "tertiary",
84
- onClick: _this.onReset
85
- }, _this.context.actions.reset());
86
- });
87
-
88
- _defineProperty(_assertThisInitialized(_this), "rows", () => {
89
- return /*#__PURE__*/_react.default.createElement(_configurableItems.ConfigurableItemsWrapper, {
90
- "data-element": "configurable-items-wrapper"
91
- }, _this.props.children);
92
- });
93
-
94
- if (!deprecatedWarnTriggered) {
95
- deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
96
-
97
- _logger.default.deprecate("`ConfigurableItems` component is deprecated and will soon be removed.");
98
- }
99
-
100
- return _this;
101
- }
102
-
103
- _createClass(ConfigurableItems, [{
104
- key: "classes",
105
- get: function () {
106
- return (0, _classnames.default)(this.props.className);
107
- }
108
- }, {
109
- key: "render",
110
- value: function render() {
111
- return /*#__PURE__*/_react.default.createElement(_configurableItems.ConfigurableItemsStyle, _extends({
112
- className: this.classes
113
- }, (0, _tags.default)("configurable-items", this.props)), /*#__PURE__*/_react.default.createElement(_dragAndDrop.DraggableContext, {
114
- onDrag: this.props.onDrag
115
- }, /*#__PURE__*/_react.default.createElement(_form.default, {
116
- leftSideButtons: this.additionalActions(),
117
- onSubmit: this.props.onSave,
118
- saveButton: /*#__PURE__*/_react.default.createElement(_button.default, {
119
- buttonType: "primary",
120
- type: "submit"
121
- }, "Done")
122
- }, this.rows())));
123
- }
124
- }]);
125
-
126
- return ConfigurableItems;
127
- }(_react.default.Component);
128
-
129
- ConfigurableItems.contextType = _i18nContext.default;
130
- ConfigurableItems.propTypes = {
131
- /** Children elements. */
132
- children: _propTypes.default.node,
133
-
134
- /** A custom class name for the component. */
135
- className: _propTypes.default.string,
136
-
137
- /** Callback triggered when an item is dragged. */
138
- onDrag: _propTypes.default.func.isRequired,
139
-
140
- /** Callback triggered when when the reset button is pressed. */
141
- onReset: _propTypes.default.func,
142
-
143
- /** Callback triggered when the form is saved. */
144
- onSave: _propTypes.default.func.isRequired,
145
-
146
- /** An internal prop. Helpful to detect which component should be rendered */
147
- theme: _propTypes.default.object
148
- };
149
- ConfigurableItems.defaultProps = {
150
- theme: _base.default
151
- };
152
-
153
- var _default = (0, _styledComponents.withTheme)(ConfigurableItems);
154
-
155
- exports.default = _default;
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
-
3
- export interface ConfigurableItemsProps {
4
- /** Children elements. */
5
- children?: React.ReactNode;
6
- /** A custom class name for the component. */
7
- className?: string;
8
- /** Callback triggered when an item is dragged. */
9
- onDrag: (originalIndex: number, hoverIndex: number) => void;
10
- /** Callback triggered when when the reset button is pressed. */
11
- onReset?: () => void;
12
- /** Callback triggered when the form is saved. */
13
- onSave: (ev: React.FormEvent<HTMLFormElement>) => void;
14
- /** An internal prop. Helpful to detect which component should be rendered */
15
- theme?: Record<string, unknown>;
16
- }
17
-
18
- declare function ConfigurableItems(props: ConfigurableItemsProps): JSX.Element;
19
-
20
- export default ConfigurableItems;
@@ -1,70 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ConfigurableItemsButtonReset = exports.ConfigurableItemsStyle = exports.ConfigurableItemsWrapper = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _button = _interopRequireDefault(require("../button"));
11
-
12
- var _configurableItemRow = require("./configurable-item-row/configurable-item-row.style");
13
-
14
- var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
15
-
16
- var _checkbox = _interopRequireDefault(require("../checkbox/checkbox.style"));
17
-
18
- var _base = _interopRequireDefault(require("../../style/themes/base"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- const ConfigurableItemsButtonReset = (0, _styledComponents.default)(_button.default)`
23
- &&& {
24
- padding-left: 0px;
25
- padding-right: 0px;
26
- margin-right: auto;
27
- }
28
- `;
29
- exports.ConfigurableItemsButtonReset = ConfigurableItemsButtonReset;
30
- const ConfigurableItemsWrapper = _styledComponents.default.ol`
31
- list-style: none;
32
- margin: 0;
33
- padding: 0;
34
-
35
- && ${_checkbox.default} {
36
- margin-top: 8px;
37
- }
38
-
39
- && ${_formField.default} {
40
- margin-bottom: 0px;
41
- }
42
- `;
43
- exports.ConfigurableItemsWrapper = ConfigurableItemsWrapper;
44
- const ConfigurableItemsStyle = _styledComponents.default.div`
45
- .custom-drag-layer {
46
- ${_configurableItemRow.ConfigurableItemRowStyle} {
47
- background-color: ${({
48
- theme
49
- }) => theme.disabled.button};
50
- border: none;
51
- cursor: grabbing;
52
- cursor: -moz-grabbing;
53
- cursor: -webkit-grabbing;
54
-
55
- ${_configurableItemRow.ConfigurableItemRowIconStyle} {
56
- cursor: grabbing;
57
- cursor: -moz-grabbing;
58
- cursor: -webkit-grabbing;
59
- }
60
-
61
- ${_configurableItemRow.ConfigurableItemRowContentWrapperStyle} {
62
- visibility: visible;
63
- }
64
- }
65
- }
66
- `;
67
- exports.ConfigurableItemsStyle = ConfigurableItemsStyle;
68
- ConfigurableItemsStyle.defaultProps = {
69
- theme: _base.default
70
- };
@@ -1,2 +0,0 @@
1
- export { default as ConfigurableItems } from "./configurable-items";
2
- export { default as ConfigurableItemRow } from "./configurable-item-row/configurable-item-row";
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ConfigurableItems", {
7
- enumerable: true,
8
- get: function () {
9
- return _configurableItems.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "ConfigurableItemRow", {
13
- enumerable: true,
14
- get: function () {
15
- return _configurableItemRow.default;
16
- }
17
- });
18
-
19
- var _configurableItems = _interopRequireDefault(require("./configurable-items.component"));
20
-
21
- var _configurableItemRow = _interopRequireDefault(require("./configurable-item-row/configurable-item-row.component"));
22
-
23
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "default", {
7
- enumerable: true,
8
- get: function () {
9
- return _itemTarget.default;
10
- }
11
- });
12
-
13
- var _itemTarget = _interopRequireDefault(require("./item-target"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }