@carbon/ibm-products 1.40.0 → 1.41.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +39 -65
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +39 -65
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +39 -65
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +21 -23
- package/es/components/APIKeyModal/APIKeyModal.js +43 -45
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +7 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +8 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/es/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -8
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/es/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +13 -15
- package/es/components/Datagrid/useFiltering.js +0 -2
- package/es/components/Datagrid/useParentDimensions.js +3 -1
- package/es/components/Datagrid/utils/getArgTypes.js +5 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/es/components/ImportModal/ImportModal.js +42 -44
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
- package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/es/global/js/utils/test-helper.js +12 -14
- package/es/global/js/utils/unwrap-if-fragment.js +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
- package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +6 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -11
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/lib/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/useFiltering.js +0 -2
- package/lib/components/Datagrid/useParentDimensions.js +3 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/lib/components/ImportModal/ImportModal.js +42 -44
- package/lib/components/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
- package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/lib/global/js/utils/test-helper.js +12 -14
- package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
- package/package.json +10 -10
- package/scss/components/Datagrid/_storybook-styles.scss +7 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +22 -0
- package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
- package/scss/components/Datagrid/styles/_index.scss +8 -8
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
- package/scss/components/FilterSummary/_filter-summary.scss +1 -0
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -86
@@ -1,3 +1,5 @@
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
1
3
|
/**
|
2
4
|
* Copyright IBM Corp. 2021, 2021
|
3
5
|
*
|
@@ -6,29 +8,48 @@
|
|
6
8
|
*/
|
7
9
|
|
8
10
|
import { useEffect } from 'react';
|
9
|
-
import
|
11
|
+
import wait from '../utils/wait';
|
10
12
|
|
11
13
|
// Focus the first focusable element and call the onMount prop for the current step if one is provided
|
12
14
|
export var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
|
13
15
|
var previousState = _ref.previousState,
|
14
16
|
currentStep = _ref.currentStep,
|
15
17
|
blockClass = _ref.blockClass,
|
16
|
-
onMount = _ref.onMount
|
18
|
+
onMount = _ref.onMount,
|
19
|
+
firstFocusElement = _ref.firstFocusElement;
|
17
20
|
useEffect(function () {
|
18
21
|
if (typeof onMount === 'function') {
|
19
22
|
onMount();
|
20
23
|
}
|
21
24
|
}, [onMount]);
|
22
25
|
useEffect(function () {
|
26
|
+
// because of how handleStackChange.claimFocus in TearsheetShell works a timeout is required to focus on specific elements
|
27
|
+
var awaitFocus = /*#__PURE__*/function () {
|
28
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(elm) {
|
29
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
30
|
+
while (1) switch (_context.prev = _context.next) {
|
31
|
+
case 0:
|
32
|
+
_context.next = 2;
|
33
|
+
return wait(10);
|
34
|
+
case 2:
|
35
|
+
elm.focus();
|
36
|
+
case 3:
|
37
|
+
case "end":
|
38
|
+
return _context.stop();
|
39
|
+
}
|
40
|
+
}, _callee);
|
41
|
+
}));
|
42
|
+
return function awaitFocus(_x) {
|
43
|
+
return _ref2.apply(this, arguments);
|
44
|
+
};
|
45
|
+
}();
|
23
46
|
if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
var nextButton = document.querySelector(".".concat(blockClass, "__create-button"));
|
30
|
-
nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
|
47
|
+
if (firstFocusElement) {
|
48
|
+
var elm = document.querySelector(firstFocusElement);
|
49
|
+
if (elm) {
|
50
|
+
awaitFocus(elm);
|
51
|
+
}
|
31
52
|
}
|
32
53
|
}
|
33
|
-
}, [currentStep, previousState, blockClass, onMount]);
|
54
|
+
}, [currentStep, previousState, blockClass, onMount, firstFocusElement]);
|
34
55
|
};
|
@@ -43,25 +43,23 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
43
43
|
var handleOnRequestSubmit = /*#__PURE__*/function () {
|
44
44
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
45
45
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
46
|
-
while (1) {
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
return _context.stop();
|
64
|
-
}
|
46
|
+
while (1) switch (_context.prev = _context.next) {
|
47
|
+
case 0:
|
48
|
+
_context.prev = 0;
|
49
|
+
_context.next = 3;
|
50
|
+
return onRequestSubmit();
|
51
|
+
case 3:
|
52
|
+
onUnmount();
|
53
|
+
_context.next = 10;
|
54
|
+
break;
|
55
|
+
case 6:
|
56
|
+
_context.prev = 6;
|
57
|
+
_context.t0 = _context["catch"](0);
|
58
|
+
setIsSubmitting(false);
|
59
|
+
console.warn("".concat(componentName, " submit error: ").concat(_context.t0));
|
60
|
+
case 10:
|
61
|
+
case "end":
|
62
|
+
return _context.stop();
|
65
63
|
}
|
66
64
|
}, _callee, null, [[0, 6]]);
|
67
65
|
}));
|
@@ -72,35 +70,33 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
72
70
|
var handleNext = /*#__PURE__*/function () {
|
73
71
|
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
74
72
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
75
|
-
while (1) {
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
_context2.next = 14;
|
81
|
-
break;
|
82
|
-
}
|
83
|
-
_context2.prev = 2;
|
84
|
-
_context2.next = 5;
|
85
|
-
return onNext();
|
86
|
-
case 5:
|
87
|
-
continueToNextStep();
|
88
|
-
_context2.next = 12;
|
89
|
-
break;
|
90
|
-
case 8:
|
91
|
-
_context2.prev = 8;
|
92
|
-
_context2.t0 = _context2["catch"](2);
|
93
|
-
setIsSubmitting(false);
|
94
|
-
console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
|
95
|
-
case 12:
|
96
|
-
_context2.next = 15;
|
73
|
+
while (1) switch (_context2.prev = _context2.next) {
|
74
|
+
case 0:
|
75
|
+
setIsSubmitting(true);
|
76
|
+
if (!(typeof onNext === 'function')) {
|
77
|
+
_context2.next = 14;
|
97
78
|
break;
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
79
|
+
}
|
80
|
+
_context2.prev = 2;
|
81
|
+
_context2.next = 5;
|
82
|
+
return onNext();
|
83
|
+
case 5:
|
84
|
+
continueToNextStep();
|
85
|
+
_context2.next = 12;
|
86
|
+
break;
|
87
|
+
case 8:
|
88
|
+
_context2.prev = 8;
|
89
|
+
_context2.t0 = _context2["catch"](2);
|
90
|
+
setIsSubmitting(false);
|
91
|
+
console.warn("".concat(componentName, " onNext error: ").concat(_context2.t0));
|
92
|
+
case 12:
|
93
|
+
_context2.next = 15;
|
94
|
+
break;
|
95
|
+
case 14:
|
96
|
+
continueToNextStep();
|
97
|
+
case 15:
|
98
|
+
case "end":
|
99
|
+
return _context2.stop();
|
104
100
|
}
|
105
101
|
}, _callee2, null, [[2, 8]]);
|
106
102
|
}));
|
@@ -111,39 +107,37 @@ export var useCreateComponentStepChange = function useCreateComponentStepChange(
|
|
111
107
|
var handleSubmit = /*#__PURE__*/function () {
|
112
108
|
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
113
109
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
114
|
-
while (1) {
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
_context3.next = 15;
|
121
|
-
break;
|
122
|
-
}
|
123
|
-
_context3.prev = 2;
|
124
|
-
_context3.next = 5;
|
125
|
-
return onNext();
|
126
|
-
case 5:
|
127
|
-
_context3.next = 7;
|
128
|
-
return handleOnRequestSubmit();
|
129
|
-
case 7:
|
130
|
-
_context3.next = 13;
|
131
|
-
break;
|
132
|
-
case 9:
|
133
|
-
_context3.prev = 9;
|
134
|
-
_context3.t0 = _context3["catch"](2);
|
135
|
-
setIsSubmitting(false);
|
136
|
-
console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
|
137
|
-
case 13:
|
138
|
-
_context3.next = 17;
|
110
|
+
while (1) switch (_context3.prev = _context3.next) {
|
111
|
+
case 0:
|
112
|
+
setIsSubmitting(true);
|
113
|
+
// last step should have onNext as well
|
114
|
+
if (!(typeof onNext === 'function')) {
|
115
|
+
_context3.next = 15;
|
139
116
|
break;
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
117
|
+
}
|
118
|
+
_context3.prev = 2;
|
119
|
+
_context3.next = 5;
|
120
|
+
return onNext();
|
121
|
+
case 5:
|
122
|
+
_context3.next = 7;
|
123
|
+
return handleOnRequestSubmit();
|
124
|
+
case 7:
|
125
|
+
_context3.next = 13;
|
126
|
+
break;
|
127
|
+
case 9:
|
128
|
+
_context3.prev = 9;
|
129
|
+
_context3.t0 = _context3["catch"](2);
|
130
|
+
setIsSubmitting(false);
|
131
|
+
console.warn("".concat(componentName, " onNext error: ").concat(_context3.t0));
|
132
|
+
case 13:
|
133
|
+
_context3.next = 17;
|
134
|
+
break;
|
135
|
+
case 15:
|
136
|
+
_context3.next = 17;
|
137
|
+
return handleOnRequestSubmit();
|
138
|
+
case 17:
|
139
|
+
case "end":
|
140
|
+
return _context3.stop();
|
147
141
|
}
|
148
142
|
}, _callee3, null, [[2, 9]]);
|
149
143
|
}));
|
@@ -137,20 +137,18 @@ export var expectWarnAsync = /*#__PURE__*/function () {
|
|
137
137
|
var _expect2;
|
138
138
|
var warn;
|
139
139
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
140
|
-
while (1) {
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
return _context.stop();
|
153
|
-
}
|
140
|
+
while (1) switch (_context.prev = _context.next) {
|
141
|
+
case 0:
|
142
|
+
warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
|
143
|
+
_context.next = 3;
|
144
|
+
return test();
|
145
|
+
case 3:
|
146
|
+
expect(warn).toBeCalledTimes(1);
|
147
|
+
(_expect2 = expect(warn)).toHaveBeenCalledWith.apply(_expect2, _toConsumableArray(makeMatcherArray(message)));
|
148
|
+
warn.mockRestore();
|
149
|
+
case 6:
|
150
|
+
case "end":
|
151
|
+
return _context.stop();
|
154
152
|
}
|
155
153
|
}, _callee);
|
156
154
|
}));
|
@@ -1,6 +1,6 @@
|
|
1
1
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
2
2
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
3
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
3
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
4
4
|
import React from 'react';
|
5
5
|
|
6
6
|
/**
|
@@ -38,29 +38,27 @@ var APIKeyDownloader = function APIKeyDownloader(_ref) {
|
|
38
38
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
39
39
|
var data, blob, href, download, props;
|
40
40
|
return _regenerator.default.wrap(function _callee$(_context) {
|
41
|
-
while (1) {
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
return _context.stop();
|
63
|
-
}
|
41
|
+
while (1) switch (_context.prev = _context.next) {
|
42
|
+
case 0:
|
43
|
+
data = fileType === 'txt' ? apiKey : JSON.stringify({
|
44
|
+
apiKey: apiKey
|
45
|
+
});
|
46
|
+
blob = new Blob([data], {
|
47
|
+
type: fileType === 'txt' ? 'text/plain' : 'application/json'
|
48
|
+
});
|
49
|
+
_context.next = 4;
|
50
|
+
return URL.createObjectURL(blob);
|
51
|
+
case 4:
|
52
|
+
href = _context.sent;
|
53
|
+
download = "".concat(fileName || 'apikey', ".").concat(fileType);
|
54
|
+
props = {
|
55
|
+
href: href,
|
56
|
+
download: download
|
57
|
+
};
|
58
|
+
setLinkProps(props);
|
59
|
+
case 8:
|
60
|
+
case "end":
|
61
|
+
return _context.stop();
|
64
62
|
}
|
65
63
|
}, _callee);
|
66
64
|
}));
|
@@ -163,54 +163,52 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
163
163
|
var submitHandler = /*#__PURE__*/function () {
|
164
164
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
|
165
165
|
return _regenerator.default.wrap(function _callee$(_context) {
|
166
|
-
while (1) {
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
_context.next = 5;
|
172
|
-
break;
|
173
|
-
}
|
174
|
-
setCurrentStep(currentStep + 1);
|
175
|
-
_context.next = 22;
|
166
|
+
while (1) switch (_context.prev = _context.next) {
|
167
|
+
case 0:
|
168
|
+
e.preventDefault();
|
169
|
+
if (!hasNextStep) {
|
170
|
+
_context.next = 5;
|
176
171
|
break;
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
break;
|
185
|
-
}
|
186
|
-
onCopy(apiKey);
|
187
|
-
_context.next = 19;
|
172
|
+
}
|
173
|
+
setCurrentStep(currentStep + 1);
|
174
|
+
_context.next = 22;
|
175
|
+
break;
|
176
|
+
case 5:
|
177
|
+
if (!apiKeyLoaded) {
|
178
|
+
_context.next = 21;
|
188
179
|
break;
|
189
|
-
|
190
|
-
|
191
|
-
_context.next =
|
192
|
-
return navigator.clipboard.writeText(apiKey);
|
193
|
-
case 13:
|
194
|
-
_context.next = 19;
|
180
|
+
}
|
181
|
+
if (!onCopy) {
|
182
|
+
_context.next = 10;
|
195
183
|
break;
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
184
|
+
}
|
185
|
+
onCopy(apiKey);
|
186
|
+
_context.next = 19;
|
187
|
+
break;
|
188
|
+
case 10:
|
189
|
+
_context.prev = 10;
|
190
|
+
_context.next = 13;
|
191
|
+
return navigator.clipboard.writeText(apiKey);
|
192
|
+
case 13:
|
193
|
+
_context.next = 19;
|
194
|
+
break;
|
195
|
+
case 15:
|
196
|
+
_context.prev = 15;
|
197
|
+
_context.t0 = _context["catch"](10);
|
198
|
+
console.error(_context.t0);
|
199
|
+
setCopyError(true);
|
200
|
+
case 19:
|
201
|
+
_context.next = 22;
|
202
|
+
break;
|
203
|
+
case 21:
|
204
|
+
if (editing) {
|
205
|
+
onRequestEdit(name);
|
206
|
+
} else {
|
207
|
+
onRequestGenerate(name);
|
208
|
+
}
|
209
|
+
case 22:
|
210
|
+
case "end":
|
211
|
+
return _context.stop();
|
214
212
|
}
|
215
213
|
}, _callee, null, [[10, 15]]);
|
216
214
|
}));
|
@@ -155,7 +155,7 @@ var AddSelectBody = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
155
155
|
onCloseHandler();
|
156
156
|
};
|
157
157
|
var setShowBreadsCrumbs = function setShowBreadsCrumbs() {
|
158
|
-
if (
|
158
|
+
if (useNormalizedItems === false || searchTerm || globalFiltersApplied) {
|
159
159
|
return false;
|
160
160
|
}
|
161
161
|
return true;
|
@@ -20,6 +20,12 @@ var usePath = function usePath() {
|
|
20
20
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
21
21
|
path = _useState2[0],
|
22
22
|
setPath = _useState2[1];
|
23
|
+
(0, _react.useEffect)(function () {
|
24
|
+
setPath([{
|
25
|
+
id: 'base_of_path',
|
26
|
+
title: itemsLabel
|
27
|
+
}]);
|
28
|
+
}, [itemsLabel]);
|
23
29
|
var handler = function handler(id, title, parentId) {
|
24
30
|
if (path.find(function (entry) {
|
25
31
|
return entry.id === id;
|
@@ -26,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
26
26
|
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; }
|
27
27
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
28
28
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
29
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
29
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
30
30
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
31
31
|
var blockClass = "".concat(_settings.pkg.prefix, "--breadcrumb-with-overflow");
|
32
32
|
var componentName = 'BreadcrumbWithOverflow';
|
@@ -28,7 +28,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
28
28
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
29
29
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
30
30
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
31
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
31
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
32
32
|
var blockClass = "".concat(_settings.pkg.prefix, "--button-set-with-overflow");
|
33
33
|
var componentName = 'ButtonSetWithOverflow';
|
34
34
|
var buttonSize = 'md';
|
@@ -19,7 +19,7 @@ var _CreateInfluencer = require("../CreateInfluencer");
|
|
19
19
|
var _ActionSet = require("../ActionSet");
|
20
20
|
var _hooks = require("../../global/js/hooks");
|
21
21
|
var _lastIndexInArray = require("../../global/js/utils/lastIndexInArray");
|
22
|
-
var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "submitButtonText"];
|
22
|
+
var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText"];
|
23
23
|
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); }
|
24
24
|
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; }
|
25
25
|
var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page");
|
@@ -47,6 +47,7 @@ var CreateFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
47
47
|
nextButtonText = _ref.nextButtonText,
|
48
48
|
onClose = _ref.onClose,
|
49
49
|
onRequestSubmit = _ref.onRequestSubmit,
|
50
|
+
firstFocusElement = _ref.firstFocusElement,
|
50
51
|
submitButtonText = _ref.submitButtonText,
|
51
52
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
52
53
|
var _useState = (0, _react.useState)([]),
|
@@ -113,7 +114,8 @@ var CreateFullPage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
113
114
|
previousState: previousState,
|
114
115
|
currentStep: currentStep,
|
115
116
|
blockClass: blockClass,
|
116
|
-
onMount: onMount
|
117
|
+
onMount: onMount,
|
118
|
+
firstFocusElement: firstFocusElement
|
117
119
|
});
|
118
120
|
(0, _hooks.useValidCreateStepCount)(stepData.length, componentName);
|
119
121
|
(0, _hooks.useCreateComponentStepChange)({
|
@@ -234,6 +236,10 @@ CreateFullPage.propTypes = {
|
|
234
236
|
* Provide an optional class to be applied to the containing node.
|
235
237
|
*/
|
236
238
|
className: _propTypes.default.string,
|
239
|
+
/**
|
240
|
+
* Specifies elements to focus on first on render.
|
241
|
+
*/
|
242
|
+
firstFocusElement: _propTypes.default.string,
|
237
243
|
/**
|
238
244
|
* The primary 'danger' button text in the modal
|
239
245
|
*/
|
@@ -21,7 +21,7 @@ var _hooks = require("../../global/js/hooks");
|
|
21
21
|
var _devtools = require("../../global/js/utils/devtools");
|
22
22
|
var _lastIndexInArray = require("../../global/js/utils/lastIndexInArray");
|
23
23
|
var _getNumberOfHiddenSteps = require("../../global/js/utils/getNumberOfHiddenSteps");
|
24
|
-
var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "submitButtonText", "title", "verticalPosition"];
|
24
|
+
var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "submitButtonText", "title", "verticalPosition"];
|
25
25
|
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); }
|
26
26
|
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; }
|
27
27
|
var componentName = 'CreateTearsheet';
|
@@ -57,6 +57,7 @@ var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
57
57
|
onClose = _ref.onClose,
|
58
58
|
onRequestSubmit = _ref.onRequestSubmit,
|
59
59
|
open = _ref.open,
|
60
|
+
firstFocusElement = _ref.firstFocusElement,
|
60
61
|
submitButtonText = _ref.submitButtonText,
|
61
62
|
title = _ref.title,
|
62
63
|
_ref$verticalPosition = _ref.verticalPosition,
|
@@ -127,7 +128,8 @@ var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
127
128
|
previousState: previousState,
|
128
129
|
currentStep: currentStep,
|
129
130
|
blockClass: blockClass,
|
130
|
-
onMount: onMount
|
131
|
+
onMount: onMount,
|
132
|
+
firstFocusElement: firstFocusElement
|
131
133
|
});
|
132
134
|
(0, _hooks.useValidCreateStepCount)(stepData.length, componentName);
|
133
135
|
(0, _hooks.useResetCreateComponent)({
|
@@ -254,6 +256,10 @@ CreateTearsheet.propTypes = {
|
|
254
256
|
* A description of the flow, displayed in the header area of the tearsheet.
|
255
257
|
*/
|
256
258
|
description: _propTypes.default.node,
|
259
|
+
/**
|
260
|
+
* Specifies elements to focus on first on render.
|
261
|
+
*/
|
262
|
+
firstFocusElement: _propTypes.default.string,
|
257
263
|
/**
|
258
264
|
* Used to set the size of the influencer
|
259
265
|
*/
|
@@ -49,7 +49,8 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
|
|
49
49
|
label = _ref2.label,
|
50
50
|
nextButtonText = _ref2.nextButtonText,
|
51
51
|
submitButtonText = _ref2.submitButtonText,
|
52
|
-
title = _ref2.title
|
52
|
+
title = _ref2.title,
|
53
|
+
firstFocusElement = _ref2.firstFocusElement;
|
53
54
|
var _useState = (0, _react.useState)(750),
|
54
55
|
_useState2 = (0, _slicedToArray2.default)(_useState, 1),
|
55
56
|
simulatedDelay = _useState2[0];
|
@@ -132,7 +133,8 @@ var MultiStepTearsheet = function MultiStepTearsheet(_ref2) {
|
|
132
133
|
resolve();
|
133
134
|
}, simulatedDelay);
|
134
135
|
});
|
135
|
-
}
|
136
|
+
},
|
137
|
+
firstFocusElement: firstFocusElement
|
136
138
|
}, /*#__PURE__*/_react.default.createElement(_CreateTearsheetStep.CreateTearsheetStep, {
|
137
139
|
onNext: function onNext() {
|
138
140
|
return new Promise(function (resolve, reject) {
|
@@ -186,9 +186,7 @@ var DataSpreadsheet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
|
|
186
186
|
// Removes the active cell element
|
187
187
|
var removeActiveCell = (0, _react.useCallback)(function () {
|
188
188
|
var activeCellHighlight = spreadsheetRef.current.querySelector(".".concat(blockClass, "__active-cell--highlight"));
|
189
|
-
|
190
|
-
activeCellHighlight.style.display = 'none';
|
191
|
-
}
|
189
|
+
activeCellHighlight.style.display = 'none';
|
192
190
|
}, [spreadsheetRef]);
|
193
191
|
var removeCellEditor = (0, _react.useCallback)(function () {
|
194
192
|
setCellEditorValue('');
|
@@ -14,6 +14,7 @@ var _rangeWithCallback = require("../../../global/js/utils/rangeWithCallback");
|
|
14
14
|
*/
|
15
15
|
|
16
16
|
var handleCellDeletion = function handleCellDeletion(_ref) {
|
17
|
+
var _selectionAreaToEmpty, _selectionAreaToEmpty2, _selectionAreaToEmpty3, _selectionAreaToEmpty4, _selectionAreaToEmpty5, _selectionAreaToEmpty6, _selectionAreaToEmpty7, _selectionAreaToEmpty8;
|
17
18
|
var activeCellCoordinates = _ref.activeCellCoordinates,
|
18
19
|
selectionAreas = _ref.selectionAreas,
|
19
20
|
currentMatcher = _ref.currentMatcher,
|
@@ -31,10 +32,10 @@ var handleCellDeletion = function handleCellDeletion(_ref) {
|
|
31
32
|
return item.matcher === currentMatcher;
|
32
33
|
});
|
33
34
|
var selectionAreaToEmptyContents = selectionAreaClone[indexOfCurrentSelectionArea];
|
34
|
-
var lowestColumnIndex = Math.min(selectionAreaToEmptyContents.point1.column, selectionAreaToEmptyContents.point2.column);
|
35
|
-
var greatestColumnIndex = Math.max(selectionAreaToEmptyContents.point1.column, selectionAreaToEmptyContents.point2.column);
|
36
|
-
var lowestRowIndex = Math.min(selectionAreaToEmptyContents.point1.row, selectionAreaToEmptyContents.point2.row);
|
37
|
-
var greatestRowIndex = Math.max(selectionAreaToEmptyContents.point1.row, selectionAreaToEmptyContents.point2.row);
|
35
|
+
var lowestColumnIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty === void 0 ? void 0 : _selectionAreaToEmpty.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty2 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty2 === void 0 ? void 0 : _selectionAreaToEmpty2.column);
|
36
|
+
var greatestColumnIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty3 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty3 === void 0 ? void 0 : _selectionAreaToEmpty3.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty4 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty4 === void 0 ? void 0 : _selectionAreaToEmpty4.column);
|
37
|
+
var lowestRowIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty5 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty5 === void 0 ? void 0 : _selectionAreaToEmpty5.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty6 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty6 === void 0 ? void 0 : _selectionAreaToEmpty6.row);
|
38
|
+
var greatestRowIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty7 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty7 === void 0 ? void 0 : _selectionAreaToEmpty7.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 ? void 0 : (_selectionAreaToEmpty8 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty8 === void 0 ? void 0 : _selectionAreaToEmpty8.row);
|
38
39
|
(0, _rangeWithCallback.rangeWithCallback)(lowestColumnIndex, greatestColumnIndex, function (columnIndex) {
|
39
40
|
(0, _rangeWithCallback.rangeWithCallback)(lowestRowIndex, greatestRowIndex, function (rowIndex) {
|
40
41
|
var cellProps = rows[rowIndex].cells[columnIndex];
|