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

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/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.14",
+  "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": "841dab2f0145b838bd5b3691dbb58cda52c986b6"
+  "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;
 }