@carbon/ibm-products 1.41.3 → 1.42.0
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -1
- package/es/components/Datagrid/useFiltering.js +3 -1
- package/es/components/Datagrid/utils/DatagridActions.js +5 -3
- package/es/components/index.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +0 -1
- package/lib/components/Datagrid/useFiltering.js +3 -1
- package/lib/components/Datagrid/utils/DatagridActions.js +6 -4
- package/lib/components/index.js +6 -0
- package/package.json +2 -2
@@ -68,7 +68,6 @@ export var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
68
68
|
var datePickerIsActive = function datePickerIsActive() {
|
69
69
|
var focusedCalendarElement = document.querySelector(".".concat(carbon.prefix, "--date-picker__input.flatpickr-input.active"));
|
70
70
|
if (focusedCalendarElement || document.activeElement.classList.contains("flatpickr-day")) {
|
71
|
-
event.preventDefault();
|
72
71
|
return true;
|
73
72
|
}
|
74
73
|
return false;
|
@@ -11,6 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
11
11
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
12
12
|
*/
|
13
13
|
import { useMemo } from 'react';
|
14
|
+
import { FilterFlyout } from './Datagrid/addons/Filtering';
|
14
15
|
var useFiltering = function useFiltering(hooks) {
|
15
16
|
var filterTypes = useMemo(function () {
|
16
17
|
return {
|
@@ -74,7 +75,8 @@ var useFiltering = function useFiltering(hooks) {
|
|
74
75
|
Object.assign(instance, {
|
75
76
|
filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
|
76
77
|
filterTypes: filterTypes,
|
77
|
-
getFilterFlyoutProps: getFilterFlyoutProps
|
78
|
+
getFilterFlyoutProps: getFilterFlyoutProps,
|
79
|
+
FilterFlyout: FilterFlyout
|
78
80
|
});
|
79
81
|
});
|
80
82
|
};
|
@@ -12,7 +12,6 @@ import { Add16, ChevronDown16, Download16, Restart16 } from '@carbon/icons-react
|
|
12
12
|
import { action } from '@storybook/addon-actions';
|
13
13
|
import { pkg } from '../../../settings';
|
14
14
|
import { ButtonMenu, ButtonMenuItem } from '../../ButtonMenu';
|
15
|
-
import { FilterFlyout } from '../Datagrid/addons/Filtering';
|
16
15
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
17
16
|
export var DatagridActions = function DatagridActions(datagridState) {
|
18
17
|
var selectedFlatRows = datagridState.selectedFlatRows,
|
@@ -22,7 +21,8 @@ export var DatagridActions = function DatagridActions(datagridState) {
|
|
22
21
|
rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
|
23
22
|
useDenseHeader = datagridState.useDenseHeader,
|
24
23
|
filterProps = datagridState.filterProps,
|
25
|
-
getFilterFlyoutProps = datagridState.getFilterFlyoutProps
|
24
|
+
getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
|
25
|
+
FilterFlyout = datagridState.FilterFlyout;
|
26
26
|
var downloadCsv = function downloadCsv() {
|
27
27
|
alert('Downloading...');
|
28
28
|
};
|
@@ -141,7 +141,9 @@ export var DatagridActions = function DatagridActions(datagridState) {
|
|
141
141
|
style: style
|
142
142
|
}, /*#__PURE__*/React.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/React.createElement(ButtonMenu, {
|
143
143
|
label: "Primary button",
|
144
|
-
|
144
|
+
size: "lg",
|
145
|
+
light: true,
|
146
|
+
renderIcon: ChevronDown16
|
145
147
|
}, /*#__PURE__*/React.createElement(ButtonMenuItem, {
|
146
148
|
itemText: "Option 1",
|
147
149
|
onClick: action("Click on ButtonMenu Option 1")
|
package/es/components/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Copyright IBM Corp. 2020,
|
2
|
+
// Copyright IBM Corp. 2020, 2023
|
3
3
|
//
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
@@ -37,7 +37,7 @@ export { WebTerminal, WebTerminalContentWrapper, useWebTerminal, WebTerminalProv
|
|
37
37
|
export { EditSidePanel } from './EditSidePanel';
|
38
38
|
export { OptionsTile } from './OptionsTile';
|
39
39
|
export { DataSpreadsheet } from './DataSpreadsheet';
|
40
|
-
export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering } from './Datagrid';
|
40
|
+
export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnCenterAlign, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering } from './Datagrid';
|
41
41
|
export { EditTearsheet } from './EditTearsheet';
|
42
42
|
export { EditTearsheetNarrow } from './EditTearsheetNarrow';
|
43
43
|
export { EditFullPage } from './EditFullPage';
|
@@ -68,7 +68,6 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
|
|
68
68
|
var datePickerIsActive = function datePickerIsActive() {
|
69
69
|
var focusedCalendarElement = document.querySelector(".".concat(_settings.carbon.prefix, "--date-picker__input.flatpickr-input.active"));
|
70
70
|
if (focusedCalendarElement || document.activeElement.classList.contains("flatpickr-day")) {
|
71
|
-
event.preventDefault();
|
72
71
|
return true;
|
73
72
|
}
|
74
73
|
return false;
|
@@ -8,6 +8,7 @@ exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
10
10
|
var _react = require("react");
|
11
|
+
var _Filtering = require("./Datagrid/addons/Filtering");
|
11
12
|
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; }
|
12
13
|
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; }
|
13
14
|
var useFiltering = function useFiltering(hooks) {
|
@@ -73,7 +74,8 @@ var useFiltering = function useFiltering(hooks) {
|
|
73
74
|
Object.assign(instance, {
|
74
75
|
filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
|
75
76
|
filterTypes: filterTypes,
|
76
|
-
getFilterFlyoutProps: getFilterFlyoutProps
|
77
|
+
getFilterFlyoutProps: getFilterFlyoutProps,
|
78
|
+
FilterFlyout: _Filtering.FilterFlyout
|
77
79
|
});
|
78
80
|
});
|
79
81
|
};
|
@@ -13,7 +13,6 @@ var _iconsReact = require("@carbon/icons-react");
|
|
13
13
|
var _addonActions = require("@storybook/addon-actions");
|
14
14
|
var _settings = require("../../../settings");
|
15
15
|
var _ButtonMenu = require("../../ButtonMenu");
|
16
|
-
var _Filtering = require("../Datagrid/addons/Filtering");
|
17
16
|
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
17
|
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
18
|
/**
|
@@ -32,7 +31,8 @@ var DatagridActions = function DatagridActions(datagridState) {
|
|
32
31
|
rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
|
33
32
|
useDenseHeader = datagridState.useDenseHeader,
|
34
33
|
filterProps = datagridState.filterProps,
|
35
|
-
getFilterFlyoutProps = datagridState.getFilterFlyoutProps
|
34
|
+
getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
|
35
|
+
FilterFlyout = datagridState.FilterFlyout;
|
36
36
|
var downloadCsv = function downloadCsv() {
|
37
37
|
alert('Downloading...');
|
38
38
|
};
|
@@ -53,7 +53,7 @@ var DatagridActions = function DatagridActions(datagridState) {
|
|
53
53
|
};
|
54
54
|
}, []);
|
55
55
|
var renderFilterFlyout = function renderFilterFlyout() {
|
56
|
-
return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(
|
56
|
+
return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(FilterFlyout, getFilterFlyoutProps());
|
57
57
|
};
|
58
58
|
var _useState = (0, _react.useState)(false),
|
59
59
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
@@ -151,7 +151,9 @@ var DatagridActions = function DatagridActions(datagridState) {
|
|
151
151
|
style: style
|
152
152
|
}, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
|
153
153
|
label: "Primary button",
|
154
|
-
|
154
|
+
size: "lg",
|
155
|
+
light: true,
|
156
|
+
renderIcon: _iconsReact.ChevronDown16
|
155
157
|
}, /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
|
156
158
|
itemText: "Option 1",
|
157
159
|
onClick: (0, _addonActions.action)("Click on ButtonMenu Option 1")
|
package/lib/components/index.js
CHANGED
@@ -339,6 +339,12 @@ Object.defineProperty(exports, "useActionsColumn", {
|
|
339
339
|
return _Datagrid.useActionsColumn;
|
340
340
|
}
|
341
341
|
});
|
342
|
+
Object.defineProperty(exports, "useColumnCenterAlign", {
|
343
|
+
enumerable: true,
|
344
|
+
get: function get() {
|
345
|
+
return _Datagrid.useColumnCenterAlign;
|
346
|
+
}
|
347
|
+
});
|
342
348
|
Object.defineProperty(exports, "useColumnOrder", {
|
343
349
|
enumerable: true,
|
344
350
|
get: function get() {
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "1.
|
4
|
+
"version": "1.42.0",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -95,5 +95,5 @@
|
|
95
95
|
"react": "^16.8.6 || ^17.0.1",
|
96
96
|
"react-dom": "^16.8.6 || ^17.0.1"
|
97
97
|
},
|
98
|
-
"gitHead": "
|
98
|
+
"gitHead": "66e87e03461e966fe4895627dbd43afdc5bc63bc"
|
99
99
|
}
|