@carbon/ibm-products 1.8.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +270 -5656
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +6 -6
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +58 -3432
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +238 -3922
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +6 -6
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +238 -3923
- package/css/index.css.map +1 -1
- package/css/index.min.css +6 -6
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelect.js +147 -53
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +4 -4
- package/es/components/AddSelect/AddSelectColumn.js +195 -0
- package/es/components/AddSelect/AddSelectList.js +67 -8
- package/es/components/AddSelect/AddSelectSidebar.js +8 -15
- package/es/components/AddSelect/add-select-utils.js +64 -0
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +2 -1
- package/es/components/ButtonMenu/ButtonMenu.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +505 -167
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +244 -17
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +74 -8
- package/es/components/DataSpreadsheet/hooks/useMoveActiveCell.js +27 -0
- package/es/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +28 -0
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +41 -0
- package/es/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +34 -0
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +58 -0
- package/es/components/DataSpreadsheet/utils/createCellSelectionArea.js +49 -0
- package/es/components/DataSpreadsheet/{generateData.js → utils/generateData.js} +6 -0
- package/es/components/DataSpreadsheet/{getCellSize.js → utils/getCellSize.js} +0 -0
- package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +46 -0
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +82 -0
- package/es/components/DataSpreadsheet/utils/removeCellSelections.js +30 -0
- package/es/components/InlineEdit/InlineEdit.js +80 -39
- package/es/components/OptionsTile/OptionsTile.js +31 -21
- package/es/components/OptionsTile/index.js +1 -1
- package/es/components/PageHeader/PageHeader.js +26 -15
- package/es/components/PageHeader/PageHeaderTitle.js +2 -1
- package/es/components/PageHeader/PageHeaderUtils.js +24 -29
- package/es/components/TagSet/TagSet.js +12 -3
- package/es/components/UserProfileImage/UserProfileImage.js +2 -1
- package/es/global/js/utils/DisplayBox.js +31 -0
- package/es/global/js/utils/deepCloneObject.js +26 -0
- package/lib/components/AddSelect/AddSelect.js +150 -54
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +2 -3
- package/lib/components/AddSelect/AddSelectColumn.js +219 -0
- package/lib/components/AddSelect/AddSelectList.js +65 -8
- package/lib/components/AddSelect/AddSelectSidebar.js +14 -15
- package/lib/components/AddSelect/add-select-utils.js +78 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +2 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +514 -170
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +251 -18
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +82 -9
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +37 -0
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +39 -0
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +52 -0
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +45 -0
- package/lib/components/DataSpreadsheet/{createActiveCellFn.js → utils/createActiveCellFn.js} +22 -9
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +60 -0
- package/lib/components/DataSpreadsheet/{generateData.js → utils/generateData.js} +6 -0
- package/lib/components/DataSpreadsheet/{getCellSize.js → utils/getCellSize.js} +0 -0
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +59 -0
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +92 -0
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +41 -0
- package/lib/components/InlineEdit/InlineEdit.js +82 -40
- package/lib/components/OptionsTile/OptionsTile.js +30 -20
- package/lib/components/PageHeader/PageHeader.js +25 -15
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -1
- package/lib/components/PageHeader/PageHeaderUtils.js +24 -29
- package/lib/components/TagSet/TagSet.js +13 -3
- package/lib/components/UserProfileImage/UserProfileImage.js +2 -1
- package/lib/global/js/utils/DisplayBox.js +46 -0
- package/lib/global/js/utils/deepCloneObject.js +37 -0
- package/package.json +17 -17
- package/scss/components/ActionBar/_storybook-styles.scss +8 -0
- package/scss/components/ActionSet/_storybook-styles.scss +1 -3
- package/scss/components/AddSelect/_add-select.scss +99 -14
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +7 -3
- package/scss/components/BreadcrumbWithOverflow/_storybook-styles.scss +8 -0
- package/scss/components/ButtonSetWithOverflow/_storybook-styles.scss +8 -0
- package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
- package/scss/components/CreateModal/_create-modal.scss +1 -0
- package/scss/components/CreateSidePanel/_create-side-panel.scss +1 -1
- package/scss/components/CreateSidePanel/_storybook-styles.scss +1 -1
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +1 -0
- package/scss/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss +1 -0
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +42 -6
- package/scss/components/EditSidePanel/_edit-side-panel.scss +9 -0
- package/scss/components/EditSidePanel/_storybook-styles.scss +1 -1
- package/scss/components/InlineEdit/_inline-edit.scss +53 -43
- package/scss/components/InlineEdit/_storybook-styles.scss +2 -0
- package/scss/components/LoadingBar/_loading-bar.scss +13 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -0
- package/scss/components/OptionsTile/_index.scss +1 -1
- package/scss/components/OptionsTile/_options-tile.scss +17 -17
- package/scss/components/OptionsTile/_storybook-styles.scss +4 -4
- package/scss/components/PageHeader/_page-header.scss +5 -2
- package/scss/components/SidePanel/_side-panel.scss +19 -12
- package/scss/components/StatusIcon/_status-icon.scss +1 -0
- package/scss/components/TagSet/_storybook-styles.scss +8 -0
- package/scss/components/Tearsheet/_tearsheet.scss +1 -2
- package/scss/components/UserProfileImage/_user-profile-image.scss +9 -0
- package/scss/components/WebTerminal/_web-terminal.scss +2 -0
- package/scss/global/styles/_display-box.scss +62 -0
- package/es/components/DataSpreadsheet/createActiveCellFn.js +0 -45
|
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.AddSelectSidebar = void 0;
|
|
9
9
|
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
|
13
11
|
|
|
14
12
|
var _carbonComponentsReact = require("carbon-components-react");
|
|
@@ -21,7 +19,12 @@ var _NoDataEmptyState = require("../../components/EmptyStates/NoDataEmptyState")
|
|
|
21
19
|
|
|
22
20
|
var _settings = require("../../settings");
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
//
|
|
23
|
+
// Copyright IBM Corp. 2022
|
|
24
|
+
//
|
|
25
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
26
|
+
// LICENSE file in the root directory of this source tree.
|
|
27
|
+
//
|
|
25
28
|
var componentName = 'AddSelectSidebar';
|
|
26
29
|
|
|
27
30
|
var AddSelectSidebar = function AddSelectSidebar(_ref) {
|
|
@@ -39,20 +42,10 @@ var AddSelectSidebar = function AddSelectSidebar(_ref) {
|
|
|
39
42
|
return v !== id;
|
|
40
43
|
});
|
|
41
44
|
setMultiSelection(newSelections);
|
|
42
|
-
}; // utility to flatten the list of items and their children into a single searchable array
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var flattenItems = function flattenItems(arr) {
|
|
46
|
-
return arr.reduce(function (prev, cur) {
|
|
47
|
-
var children = cur.children,
|
|
48
|
-
item = (0, _objectWithoutProperties2.default)(cur, _excluded);
|
|
49
|
-
return prev.concat(item).concat(children ? flattenItems(children) : []);
|
|
50
|
-
}, []);
|
|
51
45
|
};
|
|
52
46
|
|
|
53
|
-
var flattenedItems = flattenItems(items);
|
|
54
47
|
var sidebarItems = multiSelection.map(function (selectedId) {
|
|
55
|
-
return
|
|
48
|
+
return items.find(function (item) {
|
|
56
49
|
return item.id === selectedId;
|
|
57
50
|
});
|
|
58
51
|
});
|
|
@@ -63,7 +56,13 @@ var AddSelectSidebar = function AddSelectSidebar(_ref) {
|
|
|
63
56
|
id = _ref2.id;
|
|
64
57
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
58
|
className: "".concat(blockClass, "-accordion-title")
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement("div",
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
60
|
+
className: "".concat(blockClass, "-selected-item")
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
62
|
+
className: "".concat(blockClass, "-selected-item-title")
|
|
63
|
+
}, title), /*#__PURE__*/_react.default.createElement("p", {
|
|
64
|
+
className: "".concat(blockClass, "-selected-item-subtitle")
|
|
65
|
+
}, subtitle)), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
|
|
67
66
|
renderIcon: _iconsReact.SubtractAlt32,
|
|
68
67
|
iconDescription: removeIconDescription,
|
|
69
68
|
hasIconOnly: true,
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.normalize = exports.flatten = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
+
|
|
14
|
+
var _excluded = ["children"],
|
|
15
|
+
_excluded2 = ["children"];
|
|
16
|
+
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
|
|
19
|
+
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; }
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* used to normalize nested data into a single object
|
|
23
|
+
* @param {Array} items - list of entries
|
|
24
|
+
* @returns an object of normalized item data
|
|
25
|
+
*/
|
|
26
|
+
var normalize = function normalize(items) {
|
|
27
|
+
var entries = items.entries,
|
|
28
|
+
parentId = items.parentId,
|
|
29
|
+
sortBy = items.sortBy,
|
|
30
|
+
filterBy = items.filterBy;
|
|
31
|
+
return entries.reduce(function (acc, cur) {
|
|
32
|
+
var children = cur.children,
|
|
33
|
+
entry = (0, _objectWithoutProperties2.default)(cur, _excluded);
|
|
34
|
+
acc[cur.id] = _objectSpread({}, entry);
|
|
35
|
+
|
|
36
|
+
if (parentId) {
|
|
37
|
+
acc[cur.id].parent = parentId;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
if (sortBy !== null && sortBy !== void 0 && sortBy.length) {
|
|
41
|
+
acc[cur.id].sortBy = sortBy;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
if (filterBy) {
|
|
45
|
+
acc[cur.id].filterBy = filterBy;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
if (children) {
|
|
49
|
+
acc[cur.id].children = children.entries.map(function (child) {
|
|
50
|
+
return child.id;
|
|
51
|
+
});
|
|
52
|
+
var child = normalize(_objectSpread(_objectSpread({}, children), {}, {
|
|
53
|
+
parentId: cur.id
|
|
54
|
+
}));
|
|
55
|
+
return _objectSpread(_objectSpread({}, acc), child);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return acc;
|
|
59
|
+
}, {});
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* used to create a single searchable array of nested items
|
|
63
|
+
* @param {Array} entries - list of entries
|
|
64
|
+
* @returns an array of items
|
|
65
|
+
*/
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
exports.normalize = normalize;
|
|
69
|
+
|
|
70
|
+
var flatten = function flatten(entries) {
|
|
71
|
+
return entries.reduce(function (prev, cur) {
|
|
72
|
+
var children = cur.children,
|
|
73
|
+
item = (0, _objectWithoutProperties2.default)(cur, _excluded2);
|
|
74
|
+
return prev.concat(item).concat(children ? flatten(children.entries) : []);
|
|
75
|
+
}, []);
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
exports.flatten = flatten;
|
|
@@ -94,7 +94,8 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
|
|
|
94
94
|
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
|
|
95
95
|
ariaLabel: overflowAriaLabel,
|
|
96
96
|
renderIcon: _iconsReact.OverflowMenuHorizontal32,
|
|
97
|
-
className: "".concat(blockClass, "__overflow-menu")
|
|
97
|
+
className: "".concat(blockClass, "__overflow-menu"),
|
|
98
|
+
menuOptionsClass: "".concat(blockClass, "__overflow-menu-options")
|
|
98
99
|
}, // eslint-disable-next-line react/prop-types
|
|
99
100
|
overflowItems.map(function (item, index) {
|
|
100
101
|
return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenuItem, {
|
|
@@ -62,7 +62,7 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
62
62
|
className: "".concat(_settings.carbon.prefix, "--btn__icon")
|
|
63
63
|
}));
|
|
64
64
|
},
|
|
65
|
-
|
|
65
|
+
innerRef: ref
|
|
66
66
|
}), children);
|
|
67
67
|
}); // Return a placeholder if not released and not enabled by feature flag
|
|
68
68
|
|