@carbon/ibm-products 2.0.0-rc.7 → 2.0.0-rc.8

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 (51) hide show
  1. package/README.md +2 -2
  2. package/css/index-full-carbon.css +68 -6
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +2 -2
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +0 -6
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +68 -6
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +2 -2
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +68 -6
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +2 -2
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/DataSpreadsheet/DataSpreadsheet.js +2 -1
  19. package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +10 -1
  20. package/es/components/InlineEdit/InlineEdit.js +27 -427
  21. package/es/components/InlineEditV1/InlineEditV1.js +447 -0
  22. package/es/components/InlineEditV1/index.js +7 -0
  23. package/es/components/InlineEditV2/InlineEditV2.js +289 -0
  24. package/es/components/InlineEditV2/index.js +7 -0
  25. package/es/components/PageHeader/PageHeaderTitle.js +2 -4
  26. package/es/global/js/package-settings.js +3 -1
  27. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +2 -1
  28. package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +10 -1
  29. package/lib/components/InlineEdit/InlineEdit.js +27 -428
  30. package/lib/components/InlineEditV1/InlineEditV1.js +464 -0
  31. package/lib/components/InlineEditV1/index.js +13 -0
  32. package/lib/components/InlineEditV2/InlineEditV2.js +309 -0
  33. package/lib/components/InlineEditV2/index.js +13 -0
  34. package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
  35. package/lib/global/js/package-settings.js +3 -1
  36. package/package.json +2 -2
  37. package/scss/components/{InlineEdit → InlineEditV1}/_carbon-imports.scss +0 -0
  38. package/scss/components/{InlineEdit → InlineEditV1}/_index-with-carbon.scss +1 -1
  39. package/scss/components/{InlineEdit → InlineEditV1}/_index.scss +1 -1
  40. package/scss/components/{InlineEdit/_inline-edit.scss → InlineEditV1/_inline-edit-v1.scss} +0 -0
  41. package/scss/components/{InlineEdit → InlineEditV1}/_storybook-styles.scss +0 -0
  42. package/scss/components/InlineEditV2/_carbon-imports.scss +9 -0
  43. package/scss/components/InlineEditV2/_index-with-carbon.scss +9 -0
  44. package/scss/components/InlineEditV2/_index.scss +10 -0
  45. package/scss/components/InlineEditV2/_inline-edit-v2.scss +83 -0
  46. package/scss/components/InlineEditV2/_storybook-styles.scss +9 -0
  47. package/scss/components/PageHeader/_page-header.scss +0 -4
  48. package/scss/components/_index-released-only-with-carbon.scss +1 -1
  49. package/scss/components/_index-released-only.scss +1 -1
  50. package/scss/components/_index-with-carbon.scss +2 -1
  51. package/scss/components/_index.scss +2 -1
@@ -0,0 +1,309 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.InlineEditV2 = void 0;
11
+
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
14
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
+
16
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
+
18
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
+
20
+ var _react = _interopRequireWildcard(require("react"));
21
+
22
+ var _react2 = require("@carbon/react");
23
+
24
+ var _classnames = _interopRequireDefault(require("classnames"));
25
+
26
+ var _propTypes = _interopRequireDefault(require("prop-types"));
27
+
28
+ var _icons = require("@carbon/react/icons");
29
+
30
+ var _settings = require("../../settings");
31
+
32
+ var _devtools = require("../../global/js/utils/devtools");
33
+
34
+ var _excluded = ["cancelLabel", "editLabel", "id", "invalid", "invalidLabel", "labelText", "onCancel", "onChange", "onSave", "saveLabel", "value"];
35
+
36
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
+
38
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
39
+
40
+ var componentName = 'InlineEditV2';
41
+ var blockClass = "".concat(_settings.pkg.prefix, "--inline-edit-v2");
42
+ var InlineEditV2 = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
43
+ var cancelLabel = _ref.cancelLabel,
44
+ editLabel = _ref.editLabel,
45
+ id = _ref.id,
46
+ invalid = _ref.invalid,
47
+ invalidLabel = _ref.invalidLabel,
48
+ labelText = _ref.labelText,
49
+ onCancel = _ref.onCancel,
50
+ onChange = _ref.onChange,
51
+ onSave = _ref.onSave,
52
+ saveLabel = _ref.saveLabel,
53
+ value = _ref.value,
54
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
55
+
56
+ var _useState = (0, _react.useState)(false),
57
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
58
+ focused = _useState2[0],
59
+ setFocused = _useState2[1];
60
+
61
+ var _useState3 = (0, _react.useState)(''),
62
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
63
+ initialValue = _useState4[0],
64
+ setInitialValue = _useState4[1];
65
+
66
+ var _useState5 = (0, _react.useState)(false),
67
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
68
+ dirtyInput = _useState6[0],
69
+ setDirtyInput = _useState6[1];
70
+
71
+ var inputRef = (0, _react.useRef)(null);
72
+ var canSave = value !== initialValue && !invalid;
73
+ var escaping = (0, _react.useRef)(false);
74
+ (0, _react.useEffect)(function () {
75
+ if (!initialValue && !dirtyInput) {
76
+ setInitialValue(value);
77
+ }
78
+ }, [initialValue, dirtyInput, value]);
79
+
80
+ var isTargetingChild = function isTargetingChild(_ref2) {
81
+ var currentTarget = _ref2.currentTarget,
82
+ relatedTarget = _ref2.relatedTarget;
83
+ return currentTarget.contains(relatedTarget);
84
+ };
85
+
86
+ var onChangeHandler = function onChangeHandler(_ref3) {
87
+ var target = _ref3.target;
88
+
89
+ if (!dirtyInput) {
90
+ setDirtyInput(true);
91
+ }
92
+
93
+ onChange(target.value);
94
+ };
95
+
96
+ var onFocusHandler = function onFocusHandler(e) {
97
+ // if (readOnly) {
98
+ // return;
99
+ // }
100
+ if (!isTargetingChild(e)) {
101
+ inputRef.current.focus();
102
+ setFocused(true);
103
+ }
104
+ };
105
+
106
+ var onSaveHandler = function onSaveHandler() {
107
+ setInitialValue(value);
108
+ setFocused(false);
109
+ setDirtyInput(false);
110
+ onSave();
111
+ };
112
+
113
+ var onCancelHandler = function onCancelHandler() {
114
+ setFocused(false);
115
+ setDirtyInput(false);
116
+ onCancel(initialValue);
117
+ };
118
+
119
+ var onBlurHandler = function onBlurHandler(e) {
120
+ // if (readOnly || escaping.current) {
121
+ if (escaping.current) {
122
+ return;
123
+ }
124
+
125
+ if (!isTargetingChild(e)) {
126
+ if (canSave) {
127
+ onSaveHandler();
128
+ } else {
129
+ onCancelHandler();
130
+ }
131
+ }
132
+ };
133
+
134
+ var returnHandler = function returnHandler() {
135
+ if (canSave) {
136
+ onSaveHandler();
137
+ }
138
+ };
139
+
140
+ var escapeHandler = function escapeHandler() {
141
+ onCancelHandler();
142
+ };
143
+
144
+ var onKeyHandler = function onKeyHandler(e) {
145
+ // to prevent blur handler from being called twice add additional state to check if escape is being used
146
+ escaping.current = true;
147
+
148
+ switch (e.key) {
149
+ case 'Escape':
150
+ inputRef.current.blur();
151
+ escapeHandler();
152
+ break;
153
+
154
+ case 'Enter':
155
+ inputRef.current.blur();
156
+ returnHandler();
157
+ break;
158
+
159
+ default:
160
+ break;
161
+ }
162
+
163
+ escaping.current = false;
164
+ };
165
+
166
+ return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
167
+ ref: ref
168
+ }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("div", {
169
+ className: (0, _classnames.default)(blockClass, (0, _defineProperty2.default)({}, "".concat(blockClass, "-focused"), focused)),
170
+ onFocus: onFocusHandler,
171
+ onBlur: onBlurHandler
172
+ }, /*#__PURE__*/_react.default.createElement("label", {
173
+ className: "".concat(blockClass, "__text-input-label"),
174
+ htmlFor: id
175
+ }, labelText), /*#__PURE__*/_react.default.createElement("input", {
176
+ id: id,
177
+ className: (0, _classnames.default)("".concat(blockClass, "__text-input"), "".concat(_settings.carbon.prefix, "--text-input"), "".concat(_settings.carbon.prefix, "--text-input--sm")),
178
+ type: "text",
179
+ value: value,
180
+ onChange: onChangeHandler,
181
+ ref: inputRef // readOnly={readOnly}
182
+ ,
183
+ onKeyDown: onKeyHandler
184
+ }), focused ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && /*#__PURE__*/_react.default.createElement(_icons.WarningFilled, {
185
+ size: 16,
186
+ className: "".concat(blockClass, "__warning-icon")
187
+ }), /*#__PURE__*/_react.default.createElement(_react2.Button, {
188
+ hasIconOnly: true,
189
+ renderIcon: function renderIcon() {
190
+ return /*#__PURE__*/_react.default.createElement(_icons.Close, {
191
+ size: 24
192
+ });
193
+ },
194
+ size: "sm",
195
+ iconDescription: cancelLabel,
196
+ onClick: onCancelHandler,
197
+ kind: "ghost",
198
+ tabIndex: 0,
199
+ key: "cancel",
200
+ className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-cancel")
201
+ }), /*#__PURE__*/_react.default.createElement(_react2.Button, {
202
+ hasIconOnly: true,
203
+ renderIcon: function renderIcon() {
204
+ return /*#__PURE__*/_react.default.createElement(_icons.Checkmark, {
205
+ size: 24
206
+ });
207
+ },
208
+ size: "sm",
209
+ iconDescription: saveLabel,
210
+ onClick: onSaveHandler,
211
+ kind: "ghost",
212
+ tabIndex: 0,
213
+ key: "save",
214
+ className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-save"),
215
+ disabled: !canSave
216
+ })) : /*#__PURE__*/_react.default.createElement(_react2.Button, {
217
+ className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-edit"),
218
+ hasIconOnly: true // renderIcon={readOnly ? EditOff24 : Edit24}
219
+ ,
220
+ renderIcon: function renderIcon() {
221
+ return /*#__PURE__*/_react.default.createElement(_icons.Edit, {
222
+ size: 24
223
+ });
224
+ },
225
+ size: "sm" // iconDescription={readOnly ? readOnlyLabel : editLabel}
226
+ ,
227
+ iconDescription: editLabel,
228
+ onClick: onFocusHandler,
229
+ kind: "ghost",
230
+ tabIndex: 0,
231
+ key: "edit"
232
+ })), focused && invalid && /*#__PURE__*/_react.default.createElement("p", {
233
+ className: "".concat(blockClass, "__warning-text")
234
+ }, invalidLabel));
235
+ });
236
+ exports.InlineEditV2 = InlineEditV2;
237
+ exports.InlineEditV2 = InlineEditV2 = _settings.pkg.checkComponentEnabled(InlineEditV2, componentName);
238
+ InlineEditV2.displayName = componentName;
239
+ InlineEditV2.propTypes = {
240
+ /**
241
+ * label for cancel button
242
+ */
243
+ cancelLabel: _propTypes.default.string.isRequired,
244
+
245
+ /**
246
+ * label for edit button
247
+ */
248
+ editLabel: _propTypes.default.string.isRequired,
249
+
250
+ /**
251
+ * Specify a custom id for the input
252
+ */
253
+ id: _propTypes.default.string.isRequired,
254
+
255
+ /**
256
+ * determines if the input is invalid
257
+ */
258
+ invalid: _propTypes.default.bool,
259
+
260
+ /**
261
+ * text that is displayed if the input is invalid
262
+ */
263
+ invalidLabel: _propTypes.default.string,
264
+
265
+ /**
266
+ * Provide the text that will be read by a screen reader when visiting this control
267
+ */
268
+ labelText: _propTypes.default.string.isRequired,
269
+
270
+ /**
271
+ * handler that is called when the cancel button is pressed or when the user removes focus from the input and there is no new value
272
+ */
273
+ onCancel: _propTypes.default.func.isRequired,
274
+
275
+ /**
276
+ * handler that is called when the input is updated
277
+ */
278
+ onChange: _propTypes.default.func.isRequired,
279
+
280
+ /**
281
+ * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
282
+ */
283
+ onSave: _propTypes.default.func.isRequired,
284
+
285
+ /**
286
+ * determines if the input is in readOnly mode
287
+ */
288
+ // readOnly: PropTypes.bool,
289
+
290
+ /**
291
+ * label for the edit button that displays when in read only mode
292
+ */
293
+ // readOnlyLabel: PropTypes.string,
294
+
295
+ /**
296
+ * label for save button
297
+ */
298
+ saveLabel: _propTypes.default.string.isRequired,
299
+
300
+ /**
301
+ * current value of the input
302
+ */
303
+ value: _propTypes.default.string.isRequired
304
+ };
305
+ InlineEditV2.defaultProps = {
306
+ invalid: false,
307
+ invalidLabel: '' // readOnly: false,
308
+
309
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "InlineEditV2", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _InlineEditV.InlineEditV2;
10
+ }
11
+ });
12
+
13
+ var _InlineEditV = require("./InlineEditV2");
@@ -81,12 +81,10 @@ var PageHeaderTitle = function PageHeaderTitle(_ref) {
81
81
  titleText = asText;
82
82
  }
83
83
 
84
- return /*#__PURE__*/_react.default.createElement("div", {
84
+ return /*#__PURE__*/_react.default.createElement("h1", {
85
85
  className: (0, _classnames.default)("".concat(blockClass, "__title"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__title--editable"), isEditable), (0, _defineProperty2.default)({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
86
86
  title: titleText
87
- }, /*#__PURE__*/_react.default.createElement("h1", {
88
- className: "".concat(blockClass, "__title-wrapper")
89
- }, titleInnards));
87
+ }, titleInnards);
90
88
  };
91
89
 
92
90
  exports.PageHeaderTitle = PageHeaderTitle;
@@ -40,6 +40,7 @@ var defaults = {
40
40
  HTTPErrorOther: true,
41
41
  ImportModal: true,
42
42
  InlineEdit: true,
43
+ InlineEditV1: true,
43
44
  NotificationsPanel: true,
44
45
  NoDataEmptyState: true,
45
46
  NoTagsEmptyState: true,
@@ -74,7 +75,8 @@ var defaults = {
74
75
  EditTearsheet: false,
75
76
  EditTearsheetNarrow: false,
76
77
  EditFullPage: false,
77
- EditUpdateCards: false
78
+ EditUpdateCards: false,
79
+ InlineEditV2: false
78
80
  /* new component flags here - comment used by generate CLI */
79
81
 
80
82
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.0.0-rc.7",
4
+ "version": "2.0.0-rc.8",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -94,5 +94,5 @@
94
94
  "react": "^16.8.6 || ^17.0.1",
95
95
  "react-dom": "^16.8.6 || ^17.0.1"
96
96
  },
97
- "gitHead": "85f73a55da546c111f110732a27921769d970c03"
97
+ "gitHead": "84c6ea6511d0f4502aa315888ecb4ff108ec97f9"
98
98
  }
@@ -6,4 +6,4 @@
6
6
  //
7
7
 
8
8
  @use './carbon-imports';
9
- @use './inline-edit';
9
+ @use './inline-edit-v1';
@@ -5,4 +5,4 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
- @use './inline-edit';
8
+ @use './inline-edit-v1';
@@ -0,0 +1,9 @@
1
+ //
2
+ // Copyright IBM Corp. 2022, 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 '@carbon/react/scss/components/button';
9
+ @use '@carbon/react/scss/components/text-input';
@@ -0,0 +1,9 @@
1
+ //
2
+ // Copyright IBM Corp. 2022, 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 './carbon-imports';
9
+ @use './inline-edit-v2';
@@ -0,0 +1,10 @@
1
+ //
2
+ // Copyright IBM Corp. 2022, 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
+ // An index file is most useful when you have multiple components
9
+
10
+ @use './inline-edit-v2';
@@ -0,0 +1,83 @@
1
+ //
2
+ // Copyright IBM Corp. 2022, 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
+ // Standard imports.
9
+ @use '@carbon/styles/scss/spacing' as *;
10
+ @use '@carbon/styles/scss/theme' as *;
11
+ @use '../../global/styles/project-settings' as *;
12
+ @use '@carbon/styles/scss/type';
13
+
14
+ $block-class: #{$pkg-prefix}--inline-edit-v2;
15
+ $carbon-input: #{$carbon-prefix}--text-input;
16
+
17
+ .#{$block-class} {
18
+ display: flex;
19
+ align-items: center;
20
+ background: transparent;
21
+ cursor: pointer;
22
+ }
23
+
24
+ .#{$block-class}-readonly {
25
+ cursor: not-allowed;
26
+ }
27
+
28
+ .#{$block-class}:hover {
29
+ background: $field-01;
30
+ }
31
+
32
+ .#{$block-class}:hover .#{$block-class}__btn-edit {
33
+ visibility: visible;
34
+ }
35
+
36
+ .#{$block-class}__btn-edit {
37
+ visibility: hidden;
38
+ }
39
+
40
+ .#{$block-class}-focused {
41
+ background: $field-01;
42
+ outline: 2px solid $focus;
43
+ }
44
+
45
+ .#{$block-class}__text-input {
46
+ flex: 1;
47
+ }
48
+
49
+ .#{$block-class}__text-input-label {
50
+ display: none;
51
+ }
52
+
53
+ .#{$block-class}__warning-icon {
54
+ /* stylelint-disable-next-line carbon/layout-token-use */
55
+ margin-right: 0.4375rem;
56
+ color: $support-error;
57
+ }
58
+
59
+ .#{$block-class}__warning-text {
60
+ @include type.type-style('label-01');
61
+
62
+ margin-top: $spacing-03;
63
+ color: $support-error;
64
+ }
65
+
66
+ // overrides
67
+ .#{$block-class}__text-input.#{$carbon-input} {
68
+ border: none;
69
+ background: transparent;
70
+ cursor: pointer;
71
+ outline: none;
72
+ }
73
+
74
+ .#{$block-class}-readonly .#{$block-class}__text-input.#{$carbon-input},
75
+ .#{$block-class}-readonly
76
+ .#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only.#{$carbon-prefix}--tooltip__trigger {
77
+ cursor: not-allowed;
78
+ }
79
+
80
+ .#{$block-class}__text-input.#{$carbon-input}:focus,
81
+ .#{$block-class}__text-input.#{$carbon-input}:active {
82
+ outline: none;
83
+ }
@@ -0,0 +1,9 @@
1
+ //
2
+ // Copyright IBM Corp. 2022, 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
+ .inline-edit-v2-example {
8
+ width: 15rem;
9
+ }
@@ -466,10 +466,6 @@ $right-section-alt-width: 100% - $left-section-alt-width;
466
466
  vertical-align: middle;
467
467
  }
468
468
 
469
- .#{$block-class}__title-wrapper {
470
- @include type.type-style('productive-heading-04');
471
- }
472
-
473
469
  .#{$block-class}__page-actions {
474
470
  flex: 0 0 100%;
475
471
  margin-top: $spacing-05;
@@ -21,7 +21,7 @@
21
21
  @use './ExportModal/index-with-carbon' as *;
22
22
  @use './ExpressiveCard/index-with-carbon' as *;
23
23
  @use './HTTPErrors/index-with-carbon' as *;
24
- @use './InlineEdit/index-with-carbon' as *;
24
+ @use './InlineEditV1/index-with-carbon' as *;
25
25
  @use './ImportModal/index-with-carbon' as *;
26
26
  @use './NotificationsPanel/index-with-carbon' as *;
27
27
  @use './PageHeader/index-with-carbon' as *;
@@ -21,7 +21,7 @@
21
21
  @use './ExportModal';
22
22
  @use './ExpressiveCard';
23
23
  @use './HTTPErrors';
24
- @use './InlineEdit';
24
+ @use './InlineEditV1';
25
25
  @use './ImportModal';
26
26
  @use './NotificationsPanel';
27
27
  @use './PageHeader';
@@ -42,7 +42,8 @@
42
42
  @use './UserProfileImage/index-with-carbon' as *;
43
43
  @use './EditSidePanel/index-with-carbon' as *;
44
44
  @use './OptionsTile/index-with-carbon' as *;
45
- @use './InlineEdit/index-with-carbon' as *;
45
+ @use './InlineEditV1/index-with-carbon' as *;
46
+ @use './InlineEditV2/index-with-carbon' as *;
46
47
  @use './DataSpreadsheet/index-with-carbon' as *;
47
48
  @use './Datagrid/index-with-carbon' as *;
48
49
  @use './EditUpdateCards/index-with-carbon' as *;
@@ -42,7 +42,8 @@
42
42
  @use './UserProfileImage';
43
43
  @use './EditSidePanel';
44
44
  @use './OptionsTile';
45
- @use './InlineEdit';
45
+ @use './InlineEditV1';
46
+ @use './InlineEditV2';
46
47
  @use './DataSpreadsheet';
47
48
  @use './Datagrid';
48
49
  @use './EditTearsheet';