@carbon/ibm-products 2.0.0-rc.13 → 2.0.0-rc.15

package/es/components/ButtonMenu/ButtonMenu.js

@@ -54,6 +54,7 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ),
     ariaLabel: menuAriaLabel,
     menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass),
+    size: size,
     renderIcon: function renderIcon() {
       return /*#__PURE__*/React.createElement("div", {
         className: cx(["".concat(blockClass, "__trigger"), "".concat(carbonPrefix, "--btn"), "".concat(carbonPrefix, "--btn--").concat(kind), "".concat(carbonPrefix, "--btn--").concat(size)])
@@ -120,8 +121,8 @@ ButtonMenu.propTypes = {
   renderIcon: Button.propTypes.renderIcon,
 
   /**
-   * The size of the button for the menu trigger. The values can be any valid
-   * value for the carbon Button component 'size' prop.
+   * The size of the button for the menu trigger.
+   * The menu button supports: sm, md, lg
    */
-  size: Button.propTypes.size
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };

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

@@ -77,7 +77,6 @@ export var handleGridKeyPress = function handleGridKeyPress(_ref) {
     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;
     }
 

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

@@ -146,7 +146,8 @@ export var DatagridActions = function DatagridActions(datagridState) {
     style: style
   }, /*#__PURE__*/React.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/React.createElement(ButtonMenu, {
     label: "Primary button",
-    renderIcon: Add
+    renderIcon: ChevronDown,
+    menuOptionsClass: "".concat(blockClass, "__toolbar-options")
   }, /*#__PURE__*/React.createElement(ButtonMenuItem, {
     itemText: "Option 1",
     onClick: action("Click on ButtonMenu Option 1")

package/lib/components/ButtonMenu/ButtonMenu.js

@@ -59,6 +59,7 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     ),
     ariaLabel: menuAriaLabel,
     menuOptionsClass: (0, _classnames.default)("".concat(blockClass, "__options"), menuOptionsClass),
+    size: size,
     renderIcon: function renderIcon() {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(["".concat(blockClass, "__trigger"), "".concat(carbonPrefix, "--btn"), "".concat(carbonPrefix, "--btn--").concat(kind), "".concat(carbonPrefix, "--btn--").concat(size)])
@@ -127,8 +128,8 @@ ButtonMenu.propTypes = {
   renderIcon: _react2.Button.propTypes.renderIcon,
 
   /**
-   * The size of the button for the menu trigger. The values can be any valid
-   * value for the carbon Button component 'size' prop.
+   * The size of the button for the menu trigger.
+   * The menu button supports: sm, md, lg
    */
-  size: _react2.Button.propTypes.size
+  size: _propTypes.default.oneOf(['sm', 'md', 'lg'])
 };

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

@@ -84,7 +84,6 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
     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;
     }
 

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

@@ -169,7 +169,8 @@ var DatagridActions = function DatagridActions(datagridState) {
     style: style
   }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
     label: "Primary button",
-    renderIcon: _icons.Add
+    renderIcon: _icons.ChevronDown,
+    menuOptionsClass: "".concat(blockClass, "__toolbar-options")
   }, /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
     itemText: "Option 1",
     onClick: (0, _addonActions.action)("Click on ButtonMenu Option 1")

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.0.0-rc.13",
+  "version": "2.0.0-rc.15",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -94,5 +94,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "a562f82207cf4516c61e32e97a3f4c5c9b159d03"
+  "gitHead": "cb84c9271bd62df43c4dba8651c58d9f78bfa2c0"
 }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -590,6 +590,11 @@
   background-color: $button-primary-hover;
 }
 
+// extra specificity to override Carbon default
+.#{$block-class}__toolbar-options.#{$block-class}__toolbar-options {
+  background-color: $layer-02;
+}
+
 .#{$block-class}__toolbar-options.#{c4p-settings.$carbon-prefix}--overflow-menu-options::after {
   background-color: transparent;
 }