@carbon/ibm-products 2.9.0 → 2.10.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +2 -1
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +2 -1
- 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 +2 -1
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +2 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +5 -7
- package/es/components/APIKeyModal/APIKeyModal.js +7 -9
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/ActionBar/ActionBar.js +2 -2
- package/es/components/ActionBar/ActionBarItem.js +2 -2
- package/es/components/ActionSet/ActionSet.js +2 -2
- package/es/components/AddSelect/AddSelectBody.js +2 -2
- package/es/components/AddSelect/AddSelectFilter.js +2 -2
- package/es/components/AddSelect/add-select-utils.js +2 -2
- package/es/components/AddSelect/hooks/usePath.js +2 -2
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
- package/es/components/Card/Card.js +2 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/ComboButton/ComboButton.js +2 -2
- package/es/components/CreateFullPage/CreateFullPage.js +25 -3
- package/es/components/CreateFullPage/CreateFullPageStep.js +2 -2
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +3 -3
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +4 -4
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +2 -2
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -2
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +4 -4
- package/es/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -1
- package/es/components/DataSpreadsheet/utils/generateData.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -2
- package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js +2 -2
- package/es/components/DataSpreadsheet/utils/selectAllCells.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +5 -5
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +7 -7
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +3 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +5 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +24 -11
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +4 -7
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +3 -3
- package/es/components/Datagrid/Datagrid.stories/common.js +2 -2
- package/es/components/Datagrid/useActionsColumn.js +2 -2
- package/es/components/Datagrid/useColumnCenterAlign.js +2 -2
- package/es/components/Datagrid/useColumnRightAlign.js +2 -2
- package/es/components/Datagrid/useCustomizeColumns.js +2 -2
- package/es/components/Datagrid/useDatagrid.js +2 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +2 -2
- package/es/components/Datagrid/useExpandedRow.js +2 -2
- package/es/components/Datagrid/useFiltering.js +2 -2
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useRowIsMouseOver.js +2 -2
- package/es/components/Datagrid/useRowSize.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +3 -3
- package/es/components/Datagrid/useSortableColumns.js +2 -2
- package/es/components/Datagrid/useStickyColumn.js +2 -2
- package/es/components/Datagrid/utils/makeData.js +2 -2
- package/es/components/EditInPlace/EditInPlace.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EmptyStates/EmptyState.js +2 -2
- package/es/components/EmptyStates/EmptyStateContent.js +2 -2
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/es/components/ExampleComponent/ExampleComponent.js +2 -2
- package/es/components/ExportModal/ExportModal.js +2 -2
- package/es/components/FilterSummary/FilterSummary.js +2 -2
- package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
- package/es/components/ImportModal/ImportModal.js +7 -9
- package/es/components/PageHeader/PageHeader.js +2 -2
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/ProductiveCard/ProductiveCard.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +2 -2
- package/es/components/SidePanel/SidePanel.js +12 -12
- package/es/components/TagSet/TagSet.js +2 -2
- package/es/components/TagSet/TagSetModal.js +2 -2
- package/es/components/Tearsheet/Tearsheet.js +2 -2
- package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/es/components/Tearsheet/TearsheetShell.js +2 -2
- package/es/components/WebTerminal/WebTerminal.js +2 -2
- package/es/global/js/hooks/useClickOutside.js +6 -6
- package/es/global/js/hooks/useCreateComponentFocus.js +5 -7
- package/es/global/js/hooks/useCreateComponentStepChange.js +17 -28
- package/es/global/js/hooks/useWindowResize.js +2 -2
- package/es/global/js/package-settings.js +2 -2
- package/es/global/js/utils/StoryDocsPage.js +2 -2
- package/es/global/js/utils/props-helper.js +2 -2
- package/es/global/js/utils/test-helper.js +17 -28
- package/lib/components/APIKeyModal/APIKeyDownloader.js +5 -7
- package/lib/components/APIKeyModal/APIKeyModal.js +7 -9
- package/lib/components/AboutModal/AboutModal.js +2 -2
- package/lib/components/ActionBar/ActionBar.js +2 -2
- package/lib/components/ActionBar/ActionBarItem.js +2 -2
- package/lib/components/ActionSet/ActionSet.js +2 -2
- package/lib/components/AddSelect/AddSelectBody.js +2 -2
- package/lib/components/AddSelect/AddSelectFilter.js +2 -2
- package/lib/components/AddSelect/add-select-utils.js +2 -2
- package/lib/components/AddSelect/hooks/usePath.js +2 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
- package/lib/components/Card/Card.js +2 -2
- package/lib/components/Cascade/Cascade.js +2 -2
- package/lib/components/ComboButton/ComboButton.js +2 -2
- package/lib/components/CreateFullPage/CreateFullPage.js +24 -2
- package/lib/components/CreateFullPage/CreateFullPageStep.js +2 -2
- package/lib/components/CreateModal/CreateModal.js +1 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +2 -2
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -3
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +9 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +7 -7
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +1 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -2
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +9 -9
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +1 -1
- package/lib/components/DataSpreadsheet/utils/generateData.js +2 -2
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +7 -7
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +7 -7
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +7 -7
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +7 -7
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +8 -8
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +5 -5
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +8 -8
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +8 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +7 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +13 -13
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -10
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +7 -7
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +8 -8
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -10
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +24 -11
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +4 -7
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +3 -3
- package/lib/components/Datagrid/Datagrid.stories/common.js +2 -2
- package/lib/components/Datagrid/useActionsColumn.js +2 -2
- package/lib/components/Datagrid/useColumnCenterAlign.js +8 -8
- package/lib/components/Datagrid/useColumnRightAlign.js +8 -8
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/useDatagrid.js +8 -8
- package/lib/components/Datagrid/useDefaultStringRenderer.js +8 -8
- package/lib/components/Datagrid/useExpandedRow.js +7 -7
- package/lib/components/Datagrid/useFiltering.js +7 -7
- package/lib/components/Datagrid/useFloatingScroll.js +1 -1
- package/lib/components/Datagrid/useRowIsMouseOver.js +8 -8
- package/lib/components/Datagrid/useRowSize.js +8 -8
- package/lib/components/Datagrid/useSelectRows.js +9 -9
- package/lib/components/Datagrid/useSortableColumns.js +7 -7
- package/lib/components/Datagrid/useStickyColumn.js +8 -8
- package/lib/components/Datagrid/utils/makeData.js +7 -7
- package/lib/components/EditInPlace/EditInPlace.js +2 -2
- package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
- package/lib/components/EmptyStates/EmptyState.js +2 -2
- package/lib/components/EmptyStates/EmptyStateContent.js +7 -7
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
- package/lib/components/ExampleComponent/ExampleComponent.js +2 -2
- package/lib/components/ExportModal/ExportModal.js +2 -2
- package/lib/components/FilterSummary/FilterSummary.js +2 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +7 -7
- package/lib/components/ImportModal/ImportModal.js +7 -9
- package/lib/components/PageHeader/PageHeader.js +2 -2
- package/lib/components/PageHeader/PageHeaderUtils.js +7 -7
- package/lib/components/ProductiveCard/ProductiveCard.js +2 -2
- package/lib/components/RemoveModal/RemoveModal.js +2 -2
- package/lib/components/SidePanel/SidePanel.js +12 -12
- package/lib/components/TagSet/TagSet.js +2 -2
- package/lib/components/TagSet/TagSetModal.js +2 -2
- package/lib/components/Tearsheet/Tearsheet.js +2 -2
- package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +2 -2
- package/lib/components/WebTerminal/WebTerminal.js +2 -2
- package/lib/global/js/hooks/useClickOutside.js +6 -6
- package/lib/global/js/hooks/useCreateComponentFocus.js +5 -7
- package/lib/global/js/hooks/useCreateComponentStepChange.js +17 -28
- package/lib/global/js/hooks/useWindowResize.js +7 -7
- package/lib/global/js/package-settings.js +2 -2
- package/lib/global/js/utils/StoryDocsPage.js +7 -7
- package/lib/global/js/utils/props-helper.js +2 -2
- package/lib/global/js/utils/test-helper.js +17 -28
- package/package.json +2 -2
- package/scss/components/EmptyStates/_empty-state.scss +2 -1
@@ -17,14 +17,14 @@ var _layout = require("@carbon/layout");
|
|
17
17
|
var _useResizeObserver = require("../../../global/js/hooks/useResizeObserver");
|
18
18
|
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); }
|
19
19
|
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; }
|
20
|
-
function ownKeys(
|
21
|
-
function _objectSpread(
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
20
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /*
|
22
|
+
* Licensed Materials - Property of IBM
|
23
|
+
* 5724-Q36
|
24
|
+
* (c) Copyright IBM Corp. 2020 - 2023
|
25
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
26
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
27
|
+
*/
|
28
28
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
29
29
|
var rowSizeMap = {
|
30
30
|
xs: 24,
|
package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js
CHANGED
@@ -17,13 +17,13 @@ var _Actions = _interopRequireDefault(require("./Actions"));
|
|
17
17
|
var _settings = require("../../../../../settings");
|
18
18
|
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); }
|
19
19
|
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; }
|
20
|
-
function ownKeys(
|
21
|
-
function _objectSpread(
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
20
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
22
|
+
* Copyright IBM Corp. 2022, 2023
|
23
|
+
*
|
24
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
25
|
+
* LICENSE file in the root directory of this source tree.
|
26
|
+
*/
|
27
27
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
28
28
|
var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
29
29
|
var isOpen = _ref.isOpen,
|
@@ -162,7 +162,8 @@ var FilterFlyout = function FilterFlyout(_ref) {
|
|
162
162
|
lastAppliedFilters.current = JSON.stringify(reactTableFiltersState);
|
163
163
|
}, [reactTableFiltersState, lastAppliedFilters]);
|
164
164
|
return /*#__PURE__*/_react2.default.createElement("div", {
|
165
|
-
className: "".concat(componentClass, "__container")
|
165
|
+
className: "".concat(componentClass, "__container"),
|
166
|
+
ref: filterFlyoutRef
|
166
167
|
}, /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
|
167
168
|
label: flyoutIconDescription,
|
168
169
|
kind: "ghost",
|
@@ -171,7 +172,6 @@ var FilterFlyout = function FilterFlyout(_ref) {
|
|
171
172
|
className: (0, _classnames.default)("".concat(componentClass, "__trigger"), (0, _defineProperty2.default)({}, "".concat(componentClass, "__trigger--open"), open)),
|
172
173
|
disabled: data.length === 0
|
173
174
|
}, /*#__PURE__*/_react2.default.createElement(_icons.Filter, null)), /*#__PURE__*/_react2.default.createElement("div", {
|
174
|
-
ref: filterFlyoutRef,
|
175
175
|
className: (0, _classnames.default)(componentClass, (_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--open"), open), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx2, "".concat(componentClass, "--instant"), !showActionSet), _cx2))
|
176
176
|
}, /*#__PURE__*/_react2.default.createElement("div", {
|
177
177
|
className: "".concat(componentClass, "__inner-container")
|
@@ -173,7 +173,7 @@ var FilterPanel = function FilterPanel(_ref) {
|
|
173
173
|
}, [panelOpen, onPanelClose, onPanelOpen]);
|
174
174
|
(0, _react.useEffect)(function setPanelMinimumHeight() {
|
175
175
|
var _filterPanelRef$curre;
|
176
|
-
(_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0
|
176
|
+
(_filterPanelRef$curre = filterPanelRef.current) === null || _filterPanelRef$curre === void 0 || _filterPanelRef$curre.style.setProperty('--filter-panel-min-height', (0, _layout.rem)(filterPanelMinHeight));
|
177
177
|
}, [filterPanelMinHeight]);
|
178
178
|
(0, _hooks.useSubscribeToEventEmitter)(_constants.CLEAR_FILTERS, reset);
|
179
179
|
var getScrollableContainerHeight = function getScrollableContainerHeight() {
|
@@ -16,14 +16,14 @@ var _constants = require("../constants");
|
|
16
16
|
var _utils = require("../utils");
|
17
17
|
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); }
|
18
18
|
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; }
|
19
|
-
function ownKeys(
|
20
|
-
function _objectSpread(
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /*
|
21
|
+
* Licensed Materials - Property of IBM
|
22
|
+
* 5724-Q36
|
23
|
+
* (c) Copyright IBM Corp. 2023
|
24
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
25
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
26
|
+
*/
|
27
27
|
var useFilters = function useFilters(_ref) {
|
28
28
|
var updateMethod = _ref.updateMethod,
|
29
29
|
_ref$filters = _ref.filters,
|
@@ -185,7 +185,7 @@ var useFilters = function useFilters(_ref) {
|
|
185
185
|
value: value,
|
186
186
|
type: type
|
187
187
|
});
|
188
|
-
(_components$DatePicke = (_components$DatePicke2 = components.DatePicker).onChange) === null || _components$DatePicke === void 0
|
188
|
+
(_components$DatePicke = (_components$DatePicke2 = components.DatePicker).onChange) === null || _components$DatePicke === void 0 || _components$DatePicke.call(_components$DatePicke2, value);
|
189
189
|
},
|
190
190
|
value: filtersState[column].value,
|
191
191
|
datePickerType: "range"
|
@@ -214,7 +214,7 @@ var useFilters = function useFilters(_ref) {
|
|
214
214
|
value: event.target.value,
|
215
215
|
type: type
|
216
216
|
});
|
217
|
-
(_components$NumberInp = (_components$NumberInp2 = components.NumberInput).onChange) === null || _components$NumberInp === void 0
|
217
|
+
(_components$NumberInp = (_components$NumberInp2 = components.NumberInput).onChange) === null || _components$NumberInp === void 0 || _components$NumberInp.call(_components$NumberInp2, event);
|
218
218
|
},
|
219
219
|
value: filtersState[column].value
|
220
220
|
}));
|
@@ -241,7 +241,7 @@ var useFilters = function useFilters(_ref) {
|
|
241
241
|
value: (0, _toConsumableArray2.default)(filtersState[column].value),
|
242
242
|
type: type
|
243
243
|
});
|
244
|
-
(_option$onChange = option.onChange) === null || _option$onChange === void 0
|
244
|
+
(_option$onChange = option.onChange) === null || _option$onChange === void 0 || _option$onChange.call(option, isSelected);
|
245
245
|
},
|
246
246
|
checked: option.selected
|
247
247
|
}));
|
@@ -261,7 +261,7 @@ var useFilters = function useFilters(_ref) {
|
|
261
261
|
value: selected,
|
262
262
|
type: type
|
263
263
|
});
|
264
|
-
(_components$RadioButt = (_components$RadioButt2 = components.RadioButtonGroup).onChange) === null || _components$RadioButt === void 0
|
264
|
+
(_components$RadioButt = (_components$RadioButt2 = components.RadioButtonGroup).onChange) === null || _components$RadioButt === void 0 || _components$RadioButt.call(_components$RadioButt2, selected);
|
265
265
|
}
|
266
266
|
}), /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
|
267
267
|
id: "any",
|
@@ -290,7 +290,7 @@ var useFilters = function useFilters(_ref) {
|
|
290
290
|
value: selectedItem,
|
291
291
|
type: type
|
292
292
|
});
|
293
|
-
(_components$Dropdown$ = (_components$Dropdown = components.Dropdown).onChange) === null || _components$Dropdown$ === void 0
|
293
|
+
(_components$Dropdown$ = (_components$Dropdown = components.Dropdown).onChange) === null || _components$Dropdown$ === void 0 || _components$Dropdown$.call(_components$Dropdown, selectedItem);
|
294
294
|
}
|
295
295
|
}));
|
296
296
|
break;
|
@@ -22,13 +22,13 @@ var _hooks = require("../../../../../../global/js/hooks");
|
|
22
22
|
var _propsHelper = require("../../../../../../global/js/utils/props-helper");
|
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 || _typeof3(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
|
-
function ownKeys(
|
26
|
-
function _objectSpread(
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
25
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
26
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
27
|
+
* Copyright IBM Corp. 2022, 2023
|
28
|
+
*
|
29
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
30
|
+
* LICENSE file in the root directory of this source tree.
|
31
|
+
*/
|
32
32
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
33
33
|
var InlineEditCell = function InlineEditCell(_ref) {
|
34
34
|
var _config$validator, _cx3, _value$text;
|
@@ -129,7 +129,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
129
129
|
var dropdownTrigger = type === 'selection' ? dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current : datePickerInputElement;
|
130
130
|
dropdownTrigger.click();
|
131
131
|
if (type === 'date') {
|
132
|
-
dropdownTrigger === null || dropdownTrigger === void 0
|
132
|
+
dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.focus();
|
133
133
|
}
|
134
134
|
};
|
135
135
|
|
@@ -294,7 +294,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
294
294
|
});
|
295
295
|
setInEditMode(false);
|
296
296
|
sendFocusBackToGrid();
|
297
|
-
inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0
|
297
|
+
inputProps === null || inputProps === void 0 || (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 || _inputProps$onChange.call(inputProps, item.selectedItem);
|
298
298
|
},
|
299
299
|
downshiftProps: {
|
300
300
|
onStateChange: function onStateChange(downshiftState) {
|
@@ -344,7 +344,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
344
344
|
onChange: function onChange(newDate) {
|
345
345
|
var _datePickerPreparedPr;
|
346
346
|
var newDateObj = newDate[0];
|
347
|
-
datePickerPreparedProps === null || datePickerPreparedProps === void 0 || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === void 0
|
347
|
+
datePickerPreparedProps === null || datePickerPreparedProps === void 0 || (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === void 0 || _datePickerPreparedPr.call(datePickerPreparedProps, newDateObj, cell);
|
348
348
|
var newCellId = getNewCellId('Enter');
|
349
349
|
saveCellData(newDateObj);
|
350
350
|
setCellValue(newDateObj);
|
package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js
CHANGED
@@ -14,13 +14,13 @@ var _returnUpdatedActiveCell = require("./returnUpdatedActiveCell");
|
|
14
14
|
var _getCellIdAsObject = require("./getCellIdAsObject");
|
15
15
|
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); }
|
16
16
|
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; }
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
19
|
+
* Copyright IBM Corp. 2022, 2022
|
20
|
+
*
|
21
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
22
|
+
* LICENSE file in the root directory of this source tree.
|
23
|
+
*/
|
24
24
|
var InlineEditContext = /*#__PURE__*/(0, _react.createContext)();
|
25
25
|
exports.InlineEditContext = InlineEditContext;
|
26
26
|
var inlineEditReducer = function inlineEditReducer(state, action) {
|
@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.returnUpdatedActiveCell = void 0;
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _settings = require("../../../../../../settings");
|
10
|
-
function ownKeys(
|
11
|
-
function _objectSpread(
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
12
|
+
* Copyright IBM Corp. 2022, 2022
|
13
|
+
*
|
14
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
16
|
+
*/
|
17
17
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
18
18
|
// This function returns the state back to the reducer after
|
19
19
|
// determining the new active cell value
|
@@ -31,7 +31,7 @@ var returnUpdatedActiveCell = function returnUpdatedActiveCell(_ref) {
|
|
31
31
|
var newCellIdButton = document.querySelector("#".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit [data-cell-id=\"").concat(newActiveCellId, "\"] .").concat(blockClass, "__inline-edit-button"));
|
32
32
|
// Allows scrollable area to keep focused/active cell id visible
|
33
33
|
if (newCellIdButton) {
|
34
|
-
newCellIdButton === null || newCellIdButton === void 0
|
34
|
+
newCellIdButton === null || newCellIdButton === void 0 || newCellIdButton.focus();
|
35
35
|
}
|
36
36
|
return _objectSpread(_objectSpread({}, state), {}, {
|
37
37
|
activeCellId: newActiveCellId
|
@@ -9,13 +9,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
9
9
|
var _settings = require("../../../../../settings");
|
10
10
|
var _handleMultipleKeys = require("./handleMultipleKeys");
|
11
11
|
var _getCellIdAsObject = require("./InlineEditContext/getCellIdAsObject");
|
12
|
-
function ownKeys(
|
13
|
-
function _objectSpread(
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
12
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
14
|
+
* Copyright IBM Corp. 2022, 2023
|
15
|
+
*
|
16
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
17
|
+
* LICENSE file in the root directory of this source tree.
|
18
|
+
*/
|
19
19
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
20
20
|
var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
21
21
|
var event = _ref.event,
|
@@ -209,14 +209,14 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
209
209
|
if (focusedType === 'selection') {
|
210
210
|
setTimeout(function () {
|
211
211
|
var dropdownTrigger = focusedCell.querySelector('button');
|
212
|
-
dropdownTrigger === null || dropdownTrigger === void 0
|
212
|
+
dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.click();
|
213
213
|
}, 1);
|
214
214
|
}
|
215
215
|
if (focusedType === 'date') {
|
216
216
|
setTimeout(function () {
|
217
217
|
var dateInputTrigger = focusedCell.querySelector('input');
|
218
|
-
dateInputTrigger === null || dateInputTrigger === void 0
|
219
|
-
dateInputTrigger === null || dateInputTrigger === void 0
|
218
|
+
dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.click();
|
219
|
+
dateInputTrigger === null || dateInputTrigger === void 0 || dateInputTrigger.focus();
|
220
220
|
}, 1);
|
221
221
|
}
|
222
222
|
dispatch({
|
@@ -80,7 +80,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
|
|
80
80
|
});
|
81
81
|
if (indexOfTable && Number.isFinite(indexOfTable)) {
|
82
82
|
var _datagridFocusableEle;
|
83
|
-
(_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === void 0
|
83
|
+
(_datagridFocusableEle = datagridFocusableElements[indexOfTable]) === null || _datagridFocusableEle === void 0 || _datagridFocusableEle.focus();
|
84
84
|
}
|
85
85
|
}
|
86
86
|
};
|
@@ -24,7 +24,7 @@ var _excluded = ["align", "legendText"];
|
|
24
24
|
*/
|
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
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--
|
27
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid__row-size");
|
28
28
|
var RowSizeDropdown = function RowSizeDropdown(_ref) {
|
29
29
|
var _ref$align = _ref.align,
|
30
30
|
align = _ref$align === void 0 ? 'bottom-right' : _ref$align,
|
@@ -35,24 +35,37 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
|
|
35
35
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
36
36
|
isOpen = _React$useState2[0],
|
37
37
|
setIsOpen = _React$useState2[1];
|
38
|
+
var onCloseHandler = function onCloseHandler() {
|
39
|
+
setIsOpen(false);
|
40
|
+
};
|
41
|
+
var onKeyHandler = function onKeyHandler(e) {
|
42
|
+
if (e.key === 'Escape') {
|
43
|
+
onCloseHandler();
|
44
|
+
}
|
45
|
+
};
|
46
|
+
var onBlurHandler = function onBlurHandler(e) {
|
47
|
+
if (!e.currentTarget.contains(e.relatedTarget)) {
|
48
|
+
onCloseHandler();
|
49
|
+
}
|
50
|
+
};
|
51
|
+
var onClickHandler = function onClickHandler() {
|
52
|
+
setIsOpen(!isOpen);
|
53
|
+
};
|
38
54
|
return /*#__PURE__*/React.createElement(_react2.Popover, {
|
55
|
+
tabIndex: -1,
|
39
56
|
isTabTip: true,
|
40
57
|
align: "bottom-right",
|
41
58
|
open: isOpen,
|
42
|
-
onRequestClose:
|
43
|
-
|
44
|
-
|
45
|
-
|
59
|
+
onRequestClose: onCloseHandler,
|
60
|
+
className: "".concat(blockClass, "-options-container"),
|
61
|
+
onKeyDown: onKeyHandler,
|
62
|
+
onBlur: onBlurHandler
|
46
63
|
}, /*#__PURE__*/React.createElement(_react2.IconButton, {
|
47
64
|
align: align,
|
48
65
|
kind: "ghost",
|
49
|
-
onClick:
|
50
|
-
return setIsOpen(function (prevOpen) {
|
51
|
-
return !prevOpen;
|
52
|
-
});
|
53
|
-
},
|
66
|
+
onClick: onClickHandler,
|
54
67
|
label: legendText,
|
55
|
-
className: "".concat(blockClass, "
|
68
|
+
className: "".concat(blockClass, "-button")
|
56
69
|
}, /*#__PURE__*/React.createElement(_icons.Settings, {
|
57
70
|
size: 16
|
58
71
|
})), /*#__PURE__*/React.createElement(_react2.PopoverContent, null, /*#__PURE__*/React.createElement(_react2.Layer, null, /*#__PURE__*/React.createElement(_RowSizeRadioGroup.default, (0, _extends2.default)({}, props, {
|
@@ -17,7 +17,7 @@ var _settings = require("../../../../../settings");
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
18
18
|
*/
|
19
19
|
|
20
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--
|
20
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid__row-size");
|
21
21
|
var RowSizeRadioGroup = function RowSizeRadioGroup(_ref) {
|
22
22
|
var rowSizes = _ref.rowSizes,
|
23
23
|
selectedOption = _ref.selectedOption,
|
@@ -33,11 +33,8 @@ var RowSizeRadioGroup = function RowSizeRadioGroup(_ref) {
|
|
33
33
|
xs: 'Extra small'
|
34
34
|
} : _ref$rowSizeLabels;
|
35
35
|
return /*#__PURE__*/_react.default.createElement("div", {
|
36
|
-
className: "".concat(blockClass, "
|
37
|
-
role: "presentation"
|
38
|
-
onClick: function onClick(e) {
|
39
|
-
e.stopPropagation();
|
40
|
-
}
|
36
|
+
className: "".concat(blockClass, "-dropdown"),
|
37
|
+
role: "presentation"
|
41
38
|
}, /*#__PURE__*/_react.default.createElement(_react2.RadioButtonGroup, {
|
42
39
|
legendText: legendText,
|
43
40
|
name: "row-height-group",
|
@@ -52,7 +49,7 @@ var RowSizeRadioGroup = function RowSizeRadioGroup(_ref) {
|
|
52
49
|
labelText = option.value;
|
53
50
|
}
|
54
51
|
return /*#__PURE__*/_react.default.createElement(_react2.RadioButton, {
|
55
|
-
className: "".concat(blockClass, "
|
52
|
+
className: "".concat(blockClass, "-radio-button"),
|
56
53
|
key: option.value,
|
57
54
|
labelText: labelText,
|
58
55
|
value: option.value,
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.stateReducer = exports.handleColumnResizingEvent = exports.handleColumnResizeStartEvent = exports.handleColumnResizeEndEvent = void 0;
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
10
|
-
function ownKeys(
|
11
|
-
function _objectSpread(
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
12
12
|
/**
|
13
13
|
* Copyright IBM Corp. 2023, 2023
|
14
14
|
*
|
@@ -111,7 +111,7 @@ var stateReducer = function stateReducer(newState, action) {
|
|
111
111
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
112
112
|
var isResizing = newState.isResizing;
|
113
113
|
if (isResizing) {
|
114
|
-
onColResizeEnd === null || onColResizeEnd === void 0
|
114
|
+
onColResizeEnd === null || onColResizeEnd === void 0 || onColResizeEnd(currentColumn, allChangedColumns);
|
115
115
|
}
|
116
116
|
return _objectSpread(_objectSpread({}, newState), {}, {
|
117
117
|
isResizing: false
|
@@ -8,8 +8,8 @@ exports.makeData = exports.defaultHeader = exports.Wrapper = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
10
10
|
var _namor = _interopRequireDefault(require("namor"));
|
11
|
-
function ownKeys(
|
12
|
-
function _objectSpread(
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
13
13
|
var range = function range(len) {
|
14
14
|
var arr = [];
|
15
15
|
for (var i = 0; i < len; i++) {
|
@@ -23,8 +23,8 @@ var _excluded = ["id", "itemText", "onClick", "icon", "shouldHideMenuItem"],
|
|
23
23
|
*/
|
24
24
|
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); }
|
25
25
|
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; }
|
26
|
-
function ownKeys(
|
27
|
-
function _objectSpread(
|
26
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
27
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
28
28
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
29
29
|
var useActionsColumn = function useActionsColumn(hooks) {
|
30
30
|
(0, _react.useEffect)(function () {
|