@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

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

@@ -7,11 +7,9 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../../_virtual/index.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var settings = require('../../../../../../settings.js');
@@ -19,16 +17,12 @@ var cx = require('classnames');
 var propsHelper = require('../../../../../../global/js/utils/props-helper.js');
 var InlineEditContext = require('../InlineEditContext/InlineEditContext.js');
 var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousValue.js');
+var useIsomorphicEffect = require('../../../../../../global/js/hooks/useIsomorphicEffect.js');
 var InlineEditButton = require('../InlineEditButton/InlineEditButton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var InlineEditCell = function InlineEditCell(_ref) {
-  var _config$validator, _value$text;
+  var _config$validator;
   var cell = _ref.cell,
     config = _ref.config,
     _ref$disabledCell = _ref.disabledCell,
@@ -75,9 +69,9 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var _ref2 = config || {},
     inputProps = _ref2.inputProps;
   var textInputRef = React.useRef();
+  var checkboxRef = React.useRef();
   var numberInputRef = React.useRef();
   var dropdownRef = React.useRef();
-  var datePickerRef = React.useRef();
   var outerButtonElement = React.useRef();
   var rowSize = instance.rowSize,
     onDataUpdate = instance.onDataUpdate;
@@ -211,16 +205,42 @@ var InlineEditCell = function InlineEditCell(_ref) {
   };
   var getNewCellId = function getNewCellId(key) {
     var totalRows = instance.rows.length;
-    var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
+    var newCellId = key === 'Enter' ? "column-".concat(columnIndex, "-row-").concat(cell.row.index < totalRows - 1 && type === 'checkbox' ? cell.row.index + 1 : cell.row.index) : "column-".concat(columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex, "-row-").concat(cell.row.index);
     return newCellId;
   };
   var handleKeyDown = function handleKeyDown(event) {
     var key = event.key;
     switch (key) {
+      case 'ArrowRight':
+      case 'ArrowLeft':
+      case 'ArrowUp':
+      case 'ArrowDown':
+        if (inEditMode && event.target.type === 'checkbox') {
+          var newCellId = getNewCellId(key);
+          saveCellData(cellValue);
+          setInitialValue(cellValue);
+          dispatch({
+            type: 'EXIT_EDIT_MODE',
+            payload: newCellId
+          });
+          setInEditMode(false);
+          sendFocusBackToGrid();
+        }
+        break;
       // Save cell contents to data
       case 'Tab':
       case 'Enter':
         {
+          if (type === 'checkbox') {
+            // Since checkbox doesn't need to click into it to enter `inEditMode` we don't need to check for it
+            var _newCellId = getNewCellId(key);
+            dispatch({
+              type: 'EXIT_EDIT_MODE',
+              payload: _newCellId
+            });
+            setInEditMode(false);
+            sendFocusBackToGrid();
+          }
           if (inEditMode) {
             // Dropdown saves are handled in the Dropdown's/DatePicker's onChange prop
             if (type === 'selection' || type === 'date') {
@@ -234,12 +254,12 @@ var InlineEditCell = function InlineEditCell(_ref) {
             if (isInvalid) {
               return;
             }
-            var newCellId = getNewCellId(key);
+            var _newCellId2 = getNewCellId(key);
             saveCellData(cellValue);
             setInitialValue(cellValue);
             dispatch({
               type: 'EXIT_EDIT_MODE',
-              payload: newCellId
+              payload: _newCellId2
             });
             setInEditMode(false);
             sendFocusBackToGrid();
@@ -272,28 +292,32 @@ var InlineEditCell = function InlineEditCell(_ref) {
   };
   var renderDropdownItem = function renderDropdownItem(item) {
     var includesIcon = !!(item !== null && item !== void 0 && item.icon);
-    return includesIcon ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(item.icon), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--select-item"))
+    return includesIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(item.icon), /*#__PURE__*/React.createElement("span", {
+      className: cx("".concat(blockClass, "__inline-edit--select-item"))
     }, item === null || item === void 0 ? void 0 : item.text)) : item === null || item === void 0 ? void 0 : item.text;
   };
   var handleTransformedItem = function handleTransformedItem(items) {
-    return items !== null && items !== void 0 && items.length && _rollupPluginBabelHelpers["typeof"](items[0]) === 'object' ? function (item) {
+    return items !== null && items !== void 0 && items.length && _rollupPluginBabelHelpers.typeof(items[0]) === 'object' ? function (item) {
       return renderDropdownItem(item);
     } : null;
   };
+  useIsomorphicEffect.useIsomorphicEffect(function () {
+    if (dropdownRef.current && dropdownRef.current.style) {
+      var closestElement = dropdownRef.current.closest(".".concat(blockClass, "__inline-edit--select"));
+      closestElement.style.width = "".concat(cell.column.totalWidth, "px");
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dropdownRef.current, cell.column.totalWidth]);
   var renderSelectCell = function renderSelectCell() {
     var _ref6 = config || {},
       inputProps = _ref6.inputProps;
-    return /*#__PURE__*/React__default["default"].createElement(react.Dropdown, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.extends({
       id: cellId,
       label: cellLabel || 'Dropdown menu options',
       ariaLabel: cellLabel || 'Dropdown menu options'
     }, inputProps, {
       hideLabel: true,
-      style: {
-        width: cell.column.totalWidth
-      },
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--select"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
+      className: cx("".concat(blockClass, "__inline-edit--select"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--select-").concat(rowSize), rowSize)),
       items: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.items) || [],
       initialSelectedItem: cell.value,
       itemToElement: handleTransformedItem(inputProps === null || inputProps === void 0 ? void 0 : inputProps.items),
@@ -327,7 +351,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
           }
         }
       },
-      ref: dropdownRef
+      ref: dropdownRef,
+      autoAlign: true
     }));
   };
   var setRenderIcon = function setRenderIcon() {
@@ -344,23 +369,24 @@ var InlineEditCell = function InlineEditCell(_ref) {
       return icons.Calendar;
     }
   };
-  var renderRegularCell = function renderRegularCell() {
-    return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, inputProps, {
-      id: cellId
-    }));
-  };
   var renderDateCell = function renderDateCell() {
     var _config$inputProps, _outerButtonElement$c;
     var datePickerPreparedProps = propsHelper.prepareProps(config.inputProps, ['datePickerInputProps']);
     var datePickerInputProps = config === null || config === void 0 || (_config$inputProps = config.inputProps) === null || _config$inputProps === void 0 ? void 0 : _config$inputProps.datePickerInputProps;
-    return /*#__PURE__*/React__default["default"].createElement(react.DatePicker, _rollupPluginBabelHelpers["extends"]({}, datePickerPreparedProps, {
+    return /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, datePickerPreparedProps, {
       appendTo: outerButtonElement === null || outerButtonElement === void 0 || (_outerButtonElement$c = outerButtonElement.current) === null || _outerButtonElement$c === void 0 ? void 0 : _outerButtonElement$c.parentElement,
-      ref: datePickerRef,
-      style: {
-        width: cell.column.totalWidth
+      ref: function ref(el) {
+        if (el && el.style) {
+          el.style.width = "".concat(cell.column.totalWidth, "px");
+          var elementId = "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index);
+          var element = el.querySelector("input#".concat(elementId));
+          if (element) {
+            element.style.position = 'static';
+          }
+        }
       },
       datePickerType: "single",
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--date"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--date-").concat(rowSize), rowSize)),
+      className: cx("".concat(blockClass, "__inline-edit--date"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--date-").concat(rowSize), rowSize)),
       onChange: function onChange(newDate) {
         var _datePickerPreparedPr;
         var newDateObj = newDate[0];
@@ -379,10 +405,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
         }, 1);
       },
       value: cell.value
-    }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({}, datePickerInputProps, {
-      style: {
-        position: 'static'
-      },
+    }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({}, datePickerInputProps, {
       placeholder: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.placeholder) || 'mm/dd/yyyy',
       labelText: (datePickerInputProps === null || datePickerInputProps === void 0 ? void 0 : datePickerInputProps.labelText) || cellLabel || 'Set date',
       id: "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index),
@@ -415,7 +438,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   var renderNumberInput = function renderNumberInput() {
     var _ref8 = config || {},
       validator = _ref8.validator;
-    return /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.NumberInput, _rollupPluginBabelHelpers.extends({
       placeholder: placeholder,
       label: cellLabel
     }, inputProps, {
@@ -434,11 +457,29 @@ var InlineEditCell = function InlineEditCell(_ref) {
       ref: numberInputRef
     }));
   };
+  var renderCheckBoxCell = function renderCheckBoxCell() {
+    return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
+      labelText: cellLabel || 'Checkbox'
+    }, inputProps, {
+      className: cx("".concat(blockClass, "__inline-edit--outer-cell-checkbox"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-checkbox-focus"), activeCellId === cellId)),
+      id: cellId,
+      hideLabel: true,
+      checked: cellValue,
+      onChange: function onChange(event, _ref10) {
+        var checked = _ref10.checked;
+        setCellValue(checked);
+        if (inputProps.onChange) {
+          inputProps.onChange(checked);
+        }
+      },
+      ref: checkboxRef
+    }));
+  };
   var renderTextInput = function renderTextInput() {
-    var _ref10 = config || {},
-      validator = _ref10.validator;
+    var _ref11 = config || {},
+      validator = _ref11.validator;
     var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
-    return /*#__PURE__*/React__default["default"].createElement(react.TextInput, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.TextInput, _rollupPluginBabelHelpers.extends({
       labelText: cellLabel,
       placeholder: placeholder
     }, inputProps, {
@@ -456,23 +497,41 @@ var InlineEditCell = function InlineEditCell(_ref) {
       ref: textInputRef
     }));
   };
+  var getLabel = function getLabel() {
+    var _value$text, _checkStaticCell;
+    var checkStaticCell = function checkStaticCell(val) {
+      if (_rollupPluginBabelHelpers.typeof(val) === 'object' && val !== null && val !== void 0 && val.isStaticCell) {
+        return val === null || val === void 0 ? void 0 : val.value;
+      }
+    };
+    switch (type) {
+      case 'selection':
+        checkStaticCell(value);
+        return (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value;
+      case 'date':
+        checkStaticCell(value);
+        return buildDate(value);
+      default:
+        return (_checkStaticCell = checkStaticCell(value)) !== null && _checkStaticCell !== void 0 ? _checkStaticCell : value;
+    }
+  };
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React__default["default"].createElement("div", {
+    React.createElement("div", {
       ref: outerButtonElement,
       "data-cell-id": cellId,
       "data-column-index": columnIndex,
       "data-row-index": cell.row.index,
-      "data-disabled": disabledCell,
+      "data-disabled": disabledCell || nonEditCell,
       "data-inline-type": type,
       onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
       onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
-    }, !nonEditCell && !disabledCell && renderRegularCell(), (!inEditMode || disabledCell) && /*#__PURE__*/React__default["default"].createElement(InlineEditButton.InlineEditButton, {
+      className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
+    }, (!inEditMode || disabledCell) && type !== 'checkbox' && /*#__PURE__*/React.createElement(InlineEditButton.InlineEditButton, {
       isActiveCell: cellId === activeCellId,
       renderIcon: setRenderIcon(),
-      label: type === 'selection' ? (_value$text = value === null || value === void 0 ? void 0 : value.text) !== null && _value$text !== void 0 ? _value$text : value : type === 'date' ? buildDate(value) : value,
+      label: getLabel(),
       disabledCell: disabledCell,
       labelIcon: (value === null || value === void 0 ? void 0 : value.icon) || null,
       placeholder: placeholder,
@@ -480,26 +539,26 @@ var InlineEditCell = function InlineEditCell(_ref) {
       nonEditCell: nonEditCell,
       columnConfig: cell.column,
       type: type
-    }), !nonEditCell && inEditMode && cellId === activeCellId && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, type === 'text' && renderTextInput(), type === 'number' && renderNumberInput(), type === 'selection' && renderSelectCell(), type === 'date' && renderDateCell()))
+    }), type === 'checkbox' && renderCheckBoxCell(), !nonEditCell && inEditMode && cellId === activeCellId && /*#__PURE__*/React.createElement(React.Fragment, null, type === 'text' && renderTextInput(), type === 'number' && renderNumberInput(), type === 'selection' && renderSelectCell(), type === 'date' && renderDateCell()))
   );
 };
 InlineEditCell.propTypes = {
-  cell: index["default"].object,
-  config: index["default"].object,
-  disabledCell: index["default"].bool,
-  instance: index["default"].shape({
-    columns: index["default"].arrayOf(index["default"].object),
-    onDataUpdate: index["default"].func,
-    rows: index["default"].arrayOf(index["default"].object),
-    rowSize: index["default"].string,
-    tableId: index["default"].string,
-    cellEditing: index["default"].object
+  cell: index.default.object,
+  config: index.default.object,
+  disabledCell: index.default.bool,
+  instance: index.default.shape({
+    columns: index.default.arrayOf(index.default.object),
+    onDataUpdate: index.default.func,
+    rows: index.default.arrayOf(index.default.object),
+    rowSize: index.default.string,
+    tableId: index.default.string,
+    cellEditing: index.default.object
   }),
-  nonEditCell: index["default"].bool,
-  placeholder: index["default"].string,
-  tabIndex: index["default"].number,
-  type: index["default"].oneOf(['text', 'number', 'selection', 'date']),
-  value: index["default"].oneOfType([index["default"].string, index["default"].node, index["default"].object])
+  nonEditCell: index.default.bool,
+  placeholder: index.default.string,
+  tabIndex: index.default.number,
+  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
+  value: index.default.oneOfType([index.default.string, index.default.node, index.default.object])
 };
 
 exports.InlineEditCell = InlineEditCell;

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

@@ -7,18 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../../_virtual/index.js');
 var returnUpdatedActiveCell = require('./returnUpdatedActiveCell.js');
 var getCellIdAsObject = require('./getCellIdAsObject.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var InlineEditContext = /*#__PURE__*/React.createContext();
 var inlineEditReducer = function inlineEditReducer(state, action) {
   switch (action.type) {
@@ -99,7 +93,7 @@ var InlineEditProvider = function InlineEditProvider(_ref) {
     _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
-  return /*#__PURE__*/React__default["default"].createElement(InlineEditContext.Provider, {
+  return /*#__PURE__*/React.createElement(InlineEditContext.Provider, {
     value: {
       state: state,
       dispatch: dispatch
@@ -107,7 +101,7 @@ var InlineEditProvider = function InlineEditProvider(_ref) {
   }, children);
 };
 InlineEditProvider.propTypes = {
-  children: index["default"].element
+  children: index.default.element
 };
 
 exports.InlineEditContext = InlineEditContext;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 // Turns activeCellId into an object to be able to
 // update cell coordinates more easily
 var getCellIdAsObject = function getCellIdAsObject(oldId) {

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var settings = require('../../../../../../settings.js');
 

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var handleGridFocus = function handleGridFocus(state, dispatch) {
   var gridActive = state.gridActive,
     previousActiveCellId = state.previousActiveCellId;

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var settings = require('../../../../../settings.js');
 var handleMultipleKeys = require('./handleMultipleKeys.js');
@@ -78,7 +76,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
   };
 
   // Stop grid key listener when in edit mode
-  var isEditing = document.activeElement.id === activeCellId && document.activeElement.id === editId || dropdownIsActive() || datePickerIsActive();
+  var isEditing = focusedCell.getAttribute('data-inline-type') !== 'checkbox' && document.activeElement.id === activeCellId && document.activeElement.id === editId || dropdownIsActive() || datePickerIsActive();
   if (isEditing || !gridActive) {
     return;
   }
@@ -91,6 +89,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
     event.preventDefault();
   }
   var isDisabledCell = focusedCell.getAttribute('data-disabled') === 'false' ? false : true;
+  var isEditableCell = !event.target.classList.contains("".concat(blockClass, "__inline-edit-button--non-edit"));
   var sharedUpdateParams = {
     oldId: activeCellId,
     instance: instance
@@ -198,7 +197,7 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
       case 'Enter':
         {
           // Disabled cells are not allowed to go into edit mode
-          if (isDisabledCell) {
+          if (isDisabledCell || !isEditableCell) {
             return;
           }
           // Only go into edit mode if there is no editId, meaning that we're not already in edit mode
@@ -211,6 +210,13 @@ var handleGridKeyPress = function handleGridKeyPress(_ref) {
                 dropdownTrigger === null || dropdownTrigger === void 0 || dropdownTrigger.click();
               }, 1);
             }
+            if (focusedType === 'checkbox') {
+              setTimeout(function () {
+                var checkboxTrigger = focusedCell.querySelector('input');
+                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.click();
+                checkboxTrigger === null || checkboxTrigger === void 0 || checkboxTrigger.focus();
+              }, 1);
+            }
             if (focusedType === 'date') {
               setTimeout(function () {
                 var dateInputTrigger = focusedCell.querySelector('input');

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var handleMultipleKeys$1 = require('../../../../DataSpreadsheet/utils/handleMultipleKeys.js');
 var settings = require('../../../../../settings.js');
 var getFocusableElements = require('../../../../../global/js/utils/getFocusableElements.js');

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js

@@ -11,18 +11,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../_virtual/index.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var cx = require('classnames');
 var RowSizeRadioGroup = require('./RowSizeRadioGroup.js');
 var settings = require('../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Settings;
 var _excluded = ["align", "legendText"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__row-size");
@@ -33,7 +28,7 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
     legendText = _ref$legendText === void 0 ? 'Row settings' : _ref$legendText,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var radioGroupRef = React.useRef();
-  var _React$useState = React__default["default"].useState(false),
+  var _React$useState = React.useState(false),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
     setIsOpen = _React$useState2[1];
@@ -62,7 +57,7 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
       return !prev;
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(react.Popover, {
+  return /*#__PURE__*/React.createElement(react.Popover, {
     tabIndex: -1,
     isTabTip: true,
     align: "bottom-right",
@@ -71,15 +66,15 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
     className: "".concat(blockClass, "-options-container"),
     onKeyDown: onKeyHandler,
     onBlur: onBlurHandler
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     align: align,
     kind: "ghost",
     onClick: onClickHandler,
     label: legendText,
-    className: cx__default["default"]("".concat(blockClass, "-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__row-settings-trigger--open"), isOpen))
-  }, _Settings || (_Settings = /*#__PURE__*/React__default["default"].createElement(icons.Settings, {
+    className: cx("".concat(blockClass, "-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__row-settings-trigger--open"), isOpen))
+  }, _Settings || (_Settings = /*#__PURE__*/React.createElement(icons.Settings, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(RowSizeRadioGroup["default"], _rollupPluginBabelHelpers["extends"]({
+  }))), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement(RowSizeRadioGroup.default, _rollupPluginBabelHelpers.extends({
     ref: radioGroupRef
   }, props, {
     legendText: legendText
@@ -87,12 +82,12 @@ var RowSizeDropdown = function RowSizeDropdown(_ref) {
 };
 RowSizeDropdown.propTypes = {
   align: react.IconButton.propTypes.align,
-  datagridName: index["default"].string,
-  legendText: index["default"].string,
-  light: index["default"].bool,
-  onChange: index["default"].func.isRequired,
-  selectedOption: index["default"].string
+  datagridName: index.default.string,
+  legendText: index.default.string,
+  light: index.default.bool,
+  onChange: index.default.func.isRequired,
+  selectedOption: index.default.string
 };
 var RowSizeDropdown$1 = RowSizeDropdown;
 
-exports["default"] = RowSizeDropdown$1;
+exports.default = RowSizeDropdown$1;

package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js

@@ -10,16 +10,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../_virtual/index.js');
 var react = require('@carbon/react');
 var isArray = require('lodash/isArray');
 var settings = require('../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid__row-size");
 var RowSizeRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var rowSizes = _ref.rowSizes,
@@ -35,24 +30,24 @@ var RowSizeRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       xs: 'Extra small'
     } : _ref$rowSizeLabels,
     tableId = _ref.tableId;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "-dropdown"),
     role: "presentation",
     ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, {
+  }, /*#__PURE__*/React.createElement(react.RadioButtonGroup, {
     legendText: legendText,
-    name: "row-height-group",
+    name: "".concat(tableId, "--row-height-group"),
     orientation: "vertical",
     defaultSelected: getBackwardCompatibleRowSize(selectedOption),
     onChange: onChange
-  }, rowSizes && isArray__default["default"](rowSizes) && rowSizes.map(function (option) {
+  }, rowSizes && isArray(rowSizes) && rowSizes.map(function (option) {
     var labelText;
     try {
       labelText = option.labelText || rowSizeLabels[option.value];
     } catch (e) {
       labelText = option.value;
     }
-    return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, {
+    return /*#__PURE__*/React.createElement(react.RadioButton, {
       className: "".concat(blockClass, "-radio-button"),
       key: option.value,
       labelText: labelText,
@@ -87,13 +82,13 @@ RowSizeRadioGroup.defaultProps = {
   selectedOption: 'lg'
 };
 RowSizeRadioGroup.propTypes = {
-  legendText: index["default"].string,
-  onChange: index["default"].func.isRequired,
-  rowSizeLabels: index["default"].object,
-  rowSizes: index["default"].array.isRequired,
-  selectedOption: index["default"].string.isRequired,
-  tableId: index["default"].string.isRequired
+  legendText: index.default.string,
+  onChange: index.default.func.isRequired,
+  rowSizeLabels: index.default.object,
+  rowSizes: index.default.array.isRequired,
+  selectedOption: index.default.string.isRequired,
+  tableId: index.default.string.isRequired
 };
 var RowSizeRadioGroup$1 = RowSizeRadioGroup;
 
-exports["default"] = RowSizeRadioGroup$1;
+exports.default = RowSizeRadioGroup$1;

package/lib/components/Datagrid/Datagrid/addons/Slug/DatagridSlug.js

@@ -7,19 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var index = require('../../../../../node_modules/prop-types/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index = require('../../../../../_virtual/index.js');
 
 var DatagridSlug = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var slug = _ref.slug;
   if (slug && /*#__PURE__*/React.isValidElement(slug)) {
-    var normalizedSlug = /*#__PURE__*/React__default["default"].cloneElement(slug, {
+    var normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
       size: 'mini',
       ref: ref
     });
@@ -31,7 +25,7 @@ DatagridSlug.propTypes = {
   /**
    * Specify the AI slug to be displayed
    */
-  slug: index["default"].node
+  slug: index.default.node
 };
 
 exports.DatagridSlug = DatagridSlug;