@carbon/ibm-products 1.41.3 → 1.42.0

package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js

@@ -68,7 +68,6 @@ export var handleGridKeyPress = function handleGridKeyPress(_ref) {
   var datePickerIsActive = function datePickerIsActive() {
     var focusedCalendarElement = document.querySelector(".".concat(carbon.prefix, "--date-picker__input.flatpickr-input.active"));
     if (focusedCalendarElement || document.activeElement.classList.contains("flatpickr-day")) {
-      event.preventDefault();
       return true;
     }
     return false;

package/es/components/Datagrid/useFiltering.js

@@ -11,6 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
 import { useMemo } from 'react';
+import { FilterFlyout } from './Datagrid/addons/Filtering';
 var useFiltering = function useFiltering(hooks) {
   var filterTypes = useMemo(function () {
     return {
@@ -74,7 +75,8 @@ var useFiltering = function useFiltering(hooks) {
     Object.assign(instance, {
       filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
       filterTypes: filterTypes,
-      getFilterFlyoutProps: getFilterFlyoutProps
+      getFilterFlyoutProps: getFilterFlyoutProps,
+      FilterFlyout: FilterFlyout
     });
   });
 };

package/es/components/Datagrid/utils/DatagridActions.js

@@ -12,7 +12,6 @@ import { Add16, ChevronDown16, Download16, Restart16 } from '@carbon/icons-react
 import { action } from '@storybook/addon-actions';
 import { pkg } from '../../../settings';
 import { ButtonMenu, ButtonMenuItem } from '../../ButtonMenu';
-import { FilterFlyout } from '../Datagrid/addons/Filtering';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export var DatagridActions = function DatagridActions(datagridState) {
   var selectedFlatRows = datagridState.selectedFlatRows,
@@ -22,7 +21,8 @@ export var DatagridActions = function DatagridActions(datagridState) {
     rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
     useDenseHeader = datagridState.useDenseHeader,
     filterProps = datagridState.filterProps,
-    getFilterFlyoutProps = datagridState.getFilterFlyoutProps;
+    getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
+    FilterFlyout = datagridState.FilterFlyout;
   var downloadCsv = function downloadCsv() {
     alert('Downloading...');
   };
@@ -141,7 +141,9 @@ export var DatagridActions = function DatagridActions(datagridState) {
     style: style
   }, /*#__PURE__*/React.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/React.createElement(ButtonMenu, {
     label: "Primary button",
-    renderIcon: Add16
+    size: "lg",
+    light: true,
+    renderIcon: ChevronDown16
   }, /*#__PURE__*/React.createElement(ButtonMenuItem, {
     itemText: "Option 1",
     onClick: action("Click on ButtonMenu Option 1")

package/es/components/index.js

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2020, 2021
+// Copyright IBM Corp. 2020, 2023
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -37,7 +37,7 @@ export { WebTerminal, WebTerminalContentWrapper, useWebTerminal, WebTerminalProv
 export { EditSidePanel } from './EditSidePanel';
 export { OptionsTile } from './OptionsTile';
 export { DataSpreadsheet } from './DataSpreadsheet';
-export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering } from './Datagrid';
+export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnCenterAlign, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit, useFiltering } from './Datagrid';
 export { EditTearsheet } from './EditTearsheet';
 export { EditTearsheetNarrow } from './EditTearsheetNarrow';
 export { EditFullPage } from './EditFullPage';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js

@@ -68,7 +68,6 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
   var datePickerIsActive = function datePickerIsActive() {
     var focusedCalendarElement = document.querySelector(".".concat(_settings.carbon.prefix, "--date-picker__input.flatpickr-input.active"));
     if (focusedCalendarElement || document.activeElement.classList.contains("flatpickr-day")) {
-      event.preventDefault();
       return true;
     }
     return false;

package/lib/components/Datagrid/useFiltering.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _Filtering = require("./Datagrid/addons/Filtering");
 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; }
 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; }
 var useFiltering = function useFiltering(hooks) {
@@ -73,7 +74,8 @@ var useFiltering = function useFiltering(hooks) {
     Object.assign(instance, {
       filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
       filterTypes: filterTypes,
-      getFilterFlyoutProps: getFilterFlyoutProps
+      getFilterFlyoutProps: getFilterFlyoutProps,
+      FilterFlyout: _Filtering.FilterFlyout
     });
   });
 };

package/lib/components/Datagrid/utils/DatagridActions.js

@@ -13,7 +13,6 @@ var _iconsReact = require("@carbon/icons-react");
 var _addonActions = require("@storybook/addon-actions");
 var _settings = require("../../../settings");
 var _ButtonMenu = require("../../ButtonMenu");
-var _Filtering = require("../Datagrid/addons/Filtering");
 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); }
 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; }
 /**
@@ -32,7 +31,8 @@ var DatagridActions = function DatagridActions(datagridState) {
     rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
     useDenseHeader = datagridState.useDenseHeader,
     filterProps = datagridState.filterProps,
-    getFilterFlyoutProps = datagridState.getFilterFlyoutProps;
+    getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
+    FilterFlyout = datagridState.FilterFlyout;
   var downloadCsv = function downloadCsv() {
     alert('Downloading...');
   };
@@ -53,7 +53,7 @@ var DatagridActions = function DatagridActions(datagridState) {
     };
   }, []);
   var renderFilterFlyout = function renderFilterFlyout() {
-    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(_Filtering.FilterFlyout, getFilterFlyoutProps());
+    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(FilterFlyout, getFilterFlyoutProps());
   };
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -151,7 +151,9 @@ var DatagridActions = function DatagridActions(datagridState) {
     style: style
   }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
     label: "Primary button",
-    renderIcon: _iconsReact.Add16
+    size: "lg",
+    light: true,
+    renderIcon: _iconsReact.ChevronDown16
   }, /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
     itemText: "Option 1",
     onClick: (0, _addonActions.action)("Click on ButtonMenu Option 1")

package/lib/components/index.js

@@ -339,6 +339,12 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnCenterAlign", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnCenterAlign;
+  }
+});
 Object.defineProperty(exports, "useColumnOrder", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.41.3",
+  "version": "1.42.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -95,5 +95,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "f91a72b3d95231f9922efb221734248b45254fa5"
+  "gitHead": "66e87e03461e966fe4895627dbd43afdc5bc63bc"
 }