@carbon/ibm-products 2.50.0 → 2.51.0-rc.0

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -20,10 +20,6 @@ var handleCheckboxChange = require('../handleCheckboxChange.js');
 var uuidv4 = require('../../../../../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousValue.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 // Use same empty array every time, for benefit of useEffect() etc. dependency checking.
 var emptyArray = [];
 var useFilters = function useFilters(_ref) {
@@ -39,7 +35,6 @@ var useFilters = function useFilters(_ref) {
     isFetching = _ref.isFetching;
   var _useContext = React.useContext(FilterProvider.FilterContext),
     state = _useContext.state,
-    localDispatch = _useContext.dispatch,
     contextTableId = _useContext.tableId;
   var savedFilters = state.savedFilters;
   /** State */
@@ -144,16 +139,6 @@ var useFilters = function useFilters(_ref) {
       filterCopy.splice(index, 1);
     }
     setFiltersObjectArray(filterCopy);
-
-    // Dispatch action from local filter context to track filters in order
-    // to keep history if `isFetching` becomes true. If so, react-table
-    // clears all filter history
-    localDispatch({
-      type: constants.SAVED_FILTERS,
-      payload: {
-        savedFilters: filterCopy
-      }
-    });
     if (updateMethod === constants.INSTANT) {
       setAllFilters(filterCopy);
     }
@@ -172,7 +157,7 @@ var useFilters = function useFilters(_ref) {
     }
     var renderCheckboxes = function renderCheckboxes() {
       if (variation === constants.PANEL && filtersState[column].value.length > 10 && !autoHideFilters) {
-        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React__default["default"].createElement(OverflowCheckboxes["default"], {
+        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React.createElement(OverflowCheckboxes.default, {
           components: components,
           type: type,
           column: column,
@@ -181,8 +166,8 @@ var useFilters = function useFilters(_ref) {
           applyFilters: applyFilters
         }));
       }
-      return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
-        return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
+        return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
           key: option.id
         }, option, {
           onChange: function onChange(_, _ref6) {
@@ -203,7 +188,7 @@ var useFilters = function useFilters(_ref) {
     };
     switch (type) {
       case constants.DATE:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.DatePicker, _rollupPluginBabelHelpers["extends"]({}, components.DatePicker, {
+        filter = /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, components.DatePicker, {
           onChange: function onChange(value) {
             var _components$DatePicke, _components$DatePicke2;
             setFiltersState(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, filtersState), {}, _rollupPluginBabelHelpers.defineProperty({}, column, {
@@ -219,16 +204,16 @@ var useFilters = function useFilters(_ref) {
           },
           value: filtersState[column].value,
           datePickerType: "range"
-        }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "Start date"
-        }, components.DatePickerInput.start)), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }, components.DatePickerInput.start)), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "End date"
         }, components.DatePickerInput.end)));
         break;
       case constants.NUMBER:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({
+        filter = /*#__PURE__*/React.createElement(react.NumberInput, _rollupPluginBabelHelpers.extends({
           step: 1,
           allowEmpty: true,
           hideSteppers: true
@@ -257,7 +242,7 @@ var useFilters = function useFilters(_ref) {
           var _filtersState$column, _components$DefaultRa, _components$DefaultRa2, _filtersState$column2, _components$DefaultRa3, _components$DefaultRa4, _components$DefaultRa5, _components$DefaultRa6, _components$DefaultRa7, _components$DefaultRa8;
           var _components$RadioButt = _rollupPluginBabelHelpers.objectSpread2({}, components.RadioButtonGroup),
             name = _components$RadioButt.name;
-          filter = /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers["extends"]({}, components.RadioButtonGroup, {
+          filter = /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React.createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers.extends({}, components.RadioButtonGroup, {
             valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === void 0 ? void 0 : _filtersState$column.value) === '' ? (_components$DefaultRa = (_components$DefaultRa2 = components.DefaultRadioButton) === null || _components$DefaultRa2 === void 0 ? void 0 : _components$DefaultRa2.value) !== null && _components$DefaultRa !== void 0 ? _components$DefaultRa : 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === void 0 ? void 0 : _filtersState$column2.value,
             onChange: function onChange(selected) {
               var _components$RadioButt2, _components$RadioButt3;
@@ -272,20 +257,20 @@ var useFilters = function useFilters(_ref) {
               });
               (_components$RadioButt2 = (_components$RadioButt3 = components.RadioButtonGroup).onChange) === null || _components$RadioButt2 === void 0 || _components$RadioButt2.call(_components$RadioButt3, selected);
             }
-          }), /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+          }), /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
             id: (_components$DefaultRa3 = components === null || components === void 0 || (_components$DefaultRa4 = components.DefaultRadioButton) === null || _components$DefaultRa4 === void 0 ? void 0 : _components$DefaultRa4.id) !== null && _components$DefaultRa3 !== void 0 ? _components$DefaultRa3 : "any__".concat(name),
             labelText: (_components$DefaultRa5 = components === null || components === void 0 || (_components$DefaultRa6 = components.DefaultRadioButton) === null || _components$DefaultRa6 === void 0 ? void 0 : _components$DefaultRa6.labelText) !== null && _components$DefaultRa5 !== void 0 ? _components$DefaultRa5 : 'Any',
             value: (_components$DefaultRa7 = components === null || components === void 0 || (_components$DefaultRa8 = components.DefaultRadioButton) === null || _components$DefaultRa8 === void 0 ? void 0 : _components$DefaultRa8.value) !== null && _components$DefaultRa7 !== void 0 ? _components$DefaultRa7 : 'Any'
           }, components.DefaultRadioButton)), components.RadioButton.map(function (radio) {
             var _ref7, _radio$id;
-            return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+            return /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
               key: (_ref7 = (_radio$id = radio.id) !== null && _radio$id !== void 0 ? _radio$id : radio.labelText) !== null && _ref7 !== void 0 ? _ref7 : radio.value
             }, radio));
           })));
         }
         break;
       case constants.DROPDOWN:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.Dropdown, _rollupPluginBabelHelpers["extends"]({}, components.Dropdown, {
+        filter = /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.extends({}, components.Dropdown, {
           selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === void 0 ? void 0 : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === void 0 ? void 0 : _filtersState$column4.value,
           items: ['Any'].concat(_rollupPluginBabelHelpers.toConsumableArray(components.Dropdown.items)),
           onChange: function onChange(_ref8) {
@@ -325,10 +310,10 @@ var useFilters = function useFilters(_ref) {
           }
           var getKey = function getKey() {
             return isEqual ? {
-              key: uuidv4["default"]()
+              key: uuidv4.default()
             } : column;
           };
-          filter = /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, components.MultiSelect, {
+          filter = /*#__PURE__*/React.createElement(react.MultiSelect, _rollupPluginBabelHelpers.extends({}, components.MultiSelect, {
             selectedItems: filteredItems,
             key: getKey(),
             onChange: function onChange(_ref9) {
@@ -381,11 +366,11 @@ var useFilters = function useFilters(_ref) {
         }
     }
     if (isPanel) {
-      return /*#__PURE__*/React__default["default"].createElement(react.Layer, {
+      return /*#__PURE__*/React.createElement(react.Layer, {
         key: column
       }, filter);
     }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: column
     }, filter);
   };
@@ -494,4 +479,4 @@ var useFilters = function useFilters(_ref) {
 };
 var useFilters$1 = useFilters;
 
-exports["default"] = useFilters$1;
+exports.default = useFilters$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -13,10 +13,6 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var React = require('react');
 var isEqual = require('lodash/isEqual');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 /**
  * Keeps track of the button disabled state
  * @param  {string} initialValue - the initial value if the buttons should be enabled or disabled
@@ -33,10 +29,10 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
     shouldDisableButtons = _useState2[0],
     setShouldDisableButtons = _useState2[1];
   React.useEffect(function updateDisabledButtonsState() {
-    setShouldDisableButtons(isEqual__default["default"](filtersState, JSON.parse(prevFiltersRef.current)));
+    setShouldDisableButtons(isEqual(filtersState, JSON.parse(prevFiltersRef.current)));
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
 var useShouldDisableButtons$1 = useShouldDisableButtons;
 
-exports["default"] = useShouldDisableButtons$1;
+exports.default = useShouldDisableButtons$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js

@@ -27,4 +27,4 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
 };
 var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-exports["default"] = useSubscribeToEventEmitter$1;
+exports.default = useSubscribeToEventEmitter$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

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

package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

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

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

@@ -7,19 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
 var index = require('../../../../../../node_modules/prop-types/index.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var InlineEditButton = function InlineEditButton(_ref) {
   var label = _ref.label,
@@ -31,33 +24,33 @@ var InlineEditButton = function InlineEditButton(_ref) {
     isActiveCell = _ref.isActiveCell,
     columnConfig = _ref.columnConfig,
     type = _ref.type;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
     tabIndex: isActiveCell ? 0 : -1,
     "data-disabled": disabledCell,
     "aria-disabled": disabledCell,
     role: "button"
-  }, LabelIcon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, LabelIcon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
-  }, label) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
+  }, label) : /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
-  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__inline-edit-button-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 };
 InlineEditButton.propTypes = {
-  columnConfig: index["default"].object,
-  disabledCell: index["default"].bool,
-  isActiveCell: index["default"].bool,
-  label: index["default"].oneOfType([index["default"].string, index["default"].number]),
-  labelIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  nonEditCell: index["default"].bool,
-  placeholder: index["default"].string,
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  type: index["default"].oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
-  value: index["default"].oneOfType([index["default"].string, index["default"].node])
+  columnConfig: index.default.object,
+  disabledCell: index.default.bool,
+  isActiveCell: index.default.bool,
+  label: index.default.oneOfType([index.default.string, index.default.number]),
+  labelIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  nonEditCell: index.default.bool,
+  placeholder: index.default.string,
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
+  value: index.default.oneOfType([index.default.string, index.default.node])
 };
 
 exports.InlineEditButton = InlineEditButton;

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

@@ -7,8 +7,6 @@
 
 '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');
@@ -22,11 +20,6 @@ var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousVal
 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;
@@ -299,12 +292,12 @@ 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;
   };
@@ -318,13 +311,13 @@ var InlineEditCell = function InlineEditCell(_ref) {
   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,
-      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),
@@ -380,7 +373,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
     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: function ref(el) {
         if (el && el.style) {
@@ -393,7 +386,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
         }
       },
       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];
@@ -412,7 +405,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
         }, 1);
       },
       value: cell.value
-    }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({}, datePickerInputProps, {
+    }), /*#__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),
@@ -445,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, {
@@ -465,10 +458,10 @@ var InlineEditCell = function InlineEditCell(_ref) {
     }));
   };
   var renderCheckBoxCell = function renderCheckBoxCell() {
-    return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
       labelText: cellLabel || 'Checkbox'
     }, inputProps, {
-      className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-checkbox"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-checkbox-focus"), activeCellId === cellId)),
+      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,
@@ -486,7 +479,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
     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, {
@@ -507,7 +500,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   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) {
+      if (_rollupPluginBabelHelpers.typeof(val) === 'object' && val !== null && val !== void 0 && val.isStaticCell) {
         return val === null || val === void 0 ? void 0 : val.value;
       }
     };
@@ -525,7 +518,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
   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,
@@ -534,8 +527,8 @@ var InlineEditCell = function InlineEditCell(_ref) {
       "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))
-    }, (!inEditMode || disabledCell) && type !== 'checkbox' && /*#__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: getLabel(),
@@ -546,26 +539,26 @@ var InlineEditCell = function InlineEditCell(_ref) {
       nonEditCell: nonEditCell,
       columnConfig: cell.column,
       type: type
-    }), type === 'checkbox' && renderCheckBoxCell(), !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', 'checkbox']),
-  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 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');

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

@@ -18,11 +18,6 @@ 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;