@carbon/ibm-products 1.34.0 → 1.35.0

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onSaveColumnPrefs", "isModalOpen", "setIsModalOpen", "labels"];
 // @flow
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -10,20 +9,18 @@ var _excluded = ["onSaveColumnPrefs", "isModalOpen", "setIsModalOpen", "labels"]
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import CustomizeColumnsModal from './CustomizeColumnsModal';
-
 var ModalWrapper = function ModalWrapper(_ref) {
   var instance = _ref.instance;
-
   var _instance$customizeCo = instance.customizeColumnsProps,
-      _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
-      isModalOpen = _instance$customizeCo.isModalOpen,
-      setIsModalOpen = _instance$customizeCo.setIsModalOpen,
-      labels = _instance$customizeCo.labels,
-      rest = _objectWithoutProperties(_instance$customizeCo, _excluded);
-
+    _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
+    isModalOpen = _instance$customizeCo.isModalOpen,
+    setIsModalOpen = _instance$customizeCo.setIsModalOpen,
+    labels = _instance$customizeCo.labels,
+    rest = _objectWithoutProperties(_instance$customizeCo, _excluded);
   if (isModalOpen) {
     return /*#__PURE__*/React.createElement(CustomizeColumnsModal, _extends({}, rest, labels, {
       isOpen: isModalOpen,
@@ -37,7 +34,6 @@ var ModalWrapper = function ModalWrapper(_ref) {
           return colDef.id;
         });
         instance.setHiddenColumns(hiddenIds);
-
         if (typeof instance.setColumnOrder === 'function') {
           instance.setColumnOrder(updatedColDefs.map(function (colDef) {
             return colDef.id;
@@ -46,17 +42,14 @@ var ModalWrapper = function ModalWrapper(_ref) {
           // eslint-disable-next-line no-console
           console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
         }
-
         if (typeof _onSaveColumnPrefs === 'function') {
           _onSaveColumnPrefs(updatedColDefs);
         }
       }
     }));
   }
-
   return null;
 };
-
 ModalWrapper.propTypes = {
   instance: PropTypes.object.isRequired
 };

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js

@@ -1,5 +1,4 @@
 // @flow
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -7,6 +6,7 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 import isBoolean from 'lodash/isBoolean';
 export var isColumnVisible = function isColumnVisible(colDef) {
   return isBoolean(colDef.isVisible) ? colDef.isVisible : true;

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js

@@ -5,5 +5,6 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 export { default as CustomizeColumnsModalWrapper } from './ModalWrapper';
 export { default as ToggleButtonWrapper } from './ButtonWrapper';

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -7,6 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -14,18 +14,17 @@ import { pkg } from '../../../../../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export var InlineEditButton = function InlineEditButton(_ref) {
   var _cx, _cx2;
-
   var label = _ref.label,
-      Icon = _ref.renderIcon,
-      disabled = _ref.disabled,
-      LabelIcon = _ref.labelIcon,
-      placeholder = _ref.placeholder,
-      nonEditCell = _ref.nonEditCell,
-      isActiveCell = _ref.isActiveCell,
-      columnConfig = _ref.columnConfig,
-      totalInlineEditColumns = _ref.totalInlineEditColumns,
-      totalColumns = _ref.totalColumns,
-      type = _ref.type;
+    Icon = _ref.renderIcon,
+    disabled = _ref.disabled,
+    LabelIcon = _ref.labelIcon,
+    placeholder = _ref.placeholder,
+    nonEditCell = _ref.nonEditCell,
+    isActiveCell = _ref.isActiveCell,
+    columnConfig = _ref.columnConfig,
+    totalInlineEditColumns = _ref.totalInlineEditColumns,
+    totalColumns = _ref.totalColumns,
+    type = _ref.type;
   var inlineEditColsLessThanHalfOfTotal = totalInlineEditColumns < totalColumns / 2;
   return /*#__PURE__*/React.createElement("div", {
     className: cx("".concat(blockClass, "__inline-edit-button"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--disabled"), disabled || nonEditCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--edit-less-than-half-of-total-cols"), inlineEditColsLessThanHalfOfTotal), _defineProperty(_cx, "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection'), _cx)),

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

@@ -1,17 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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) { _defineProperty(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; }
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import React, { useState, useRef, useEffect, useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { TextInput, NumberInput, Dropdown, DatePicker, DatePickerInput } from 'carbon-components-react';
@@ -25,58 +23,49 @@ import { prepareProps } from '../../../../../../global/js/utils/props-helper';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export var InlineEditCell = function InlineEditCell(_ref) {
   var _config$validator, _cx3;
-
   var cell = _ref.cell,
-      config = _ref.config,
-      instance = _ref.instance,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-      tabIndex = _ref.tabIndex,
-      value = _ref.value,
-      nonEditCell = _ref.nonEditCell,
-      totalInlineEditColumns = _ref.totalInlineEditColumns,
-      type = _ref.type;
+    config = _ref.config,
+    instance = _ref.instance,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    tabIndex = _ref.tabIndex,
+    value = _ref.value,
+    nonEditCell = _ref.nonEditCell,
+    totalInlineEditColumns = _ref.totalInlineEditColumns,
+    type = _ref.type;
   var columnId = cell.column.id;
   var columnIndex = instance.columns.findIndex(function (col) {
     return col.id === columnId;
   });
   var cellId = "column-".concat(columnIndex, "-row-").concat(cell.row.index);
   var totalColumns = instance.columns.length;
-
   var _useContext = useContext(InlineEditContext),
-      state = _useContext.state,
-      dispatch = _useContext.dispatch;
-
+    state = _useContext.state,
+    dispatch = _useContext.dispatch;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      inEditMode = _useState2[0],
-      setInEditMode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inEditMode = _useState2[0],
+    setInEditMode = _useState2[1];
   var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      cellValue = _useState4[0],
-      setCellValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    cellValue = _useState4[0],
+    setCellValue = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      initialValue = _useState6[0],
-      setInitialValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    initialValue = _useState6[0],
+    setInitialValue = _useState6[1];
   var _useState7 = useState(),
-      _useState8 = _slicedToArray(_useState7, 2),
-      cellLabel = _useState8[0],
-      setCellLabel = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    cellLabel = _useState8[0],
+    setCellLabel = _useState8[1];
   var activeCellId = state.activeCellId,
-      editId = state.editId;
+    editId = state.editId;
   var previousState = usePreviousValue({
     editId: editId,
     activeCellId: activeCellId
   });
-
   var _ref2 = config || {},
-      inputProps = _ref2.inputProps;
-
+    inputProps = _ref2.inputProps;
   var textInputRef = useRef();
   var numberInputRef = useRef();
   var dropdownRef = useRef();
@@ -88,58 +77,54 @@ export var InlineEditCell = function InlineEditCell(_ref) {
     var columnLabel = instance.columns.find(function (item) {
       return item.id === columnId;
     });
-    setCellLabel(typeof columnLabel.Header === 'string' ? columnLabel.Header : 'Inline edit cell label'); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Reverts cellValue back to initialValue when exiting edit mode via clicking outside
+    setCellLabel(typeof columnLabel.Header === 'string' ? columnLabel.Header : 'Inline edit cell label');
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Reverts cellValue back to initialValue when exiting edit mode via clicking outside
   // of the cell (either on a regular cell or clicking into another inline edit cell) and the
   // edit input is in an invalid state
-
   useEffect(function () {
     if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && !editId || (previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && cellId !== editId) {
       var _ref3 = config || {},
-          validator = _ref3.validator;
-
+        validator = _ref3.validator;
       var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
-
       if (isInvalid) {
         setCellValue(initialValue);
         saveCellData(initialValue);
         return;
       }
     }
-  }, [previousState === null || previousState === void 0 ? void 0 : previousState.editId, editId, cellId, cellValue, config, initialValue, saveCellData]); // If you are in edit mode and click outside of the cell,
-  // this changes the cell back to the InlineEditButton
+  }, [previousState === null || previousState === void 0 ? void 0 : previousState.editId, editId, cellId, cellValue, config, initialValue, saveCellData]);
 
+  // If you are in edit mode and click outside of the cell,
+  // this changes the cell back to the InlineEditButton
   useEffect(function () {
     if (activeCellId !== cellId || !editId) {
       setInEditMode(false);
     }
-
     if (activeCellId === cellId && editId === cellId && !nonEditCell) {
       setInEditMode(true);
       saveCellData(cellValue);
     }
   }, [activeCellId, cellId, nonEditCell, editId, cellValue, saveCellData]);
-
   var openDropdown = function openDropdown(type) {
     var _datePickerRef$curren;
-
     var dropdownTrigger = type === 'selection' ? dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current : datePickerRef === null || datePickerRef === void 0 ? void 0 : (_datePickerRef$curren = datePickerRef.current) === null || _datePickerRef$curren === void 0 ? void 0 : _datePickerRef$curren.inputField;
     dropdownTrigger.click();
-
     if (type === 'date') {
       // datePickerRef.current.cal.calendarContainer.focus();
       dropdownTrigger === null || dropdownTrigger === void 0 ? void 0 : dropdownTrigger.focus();
     }
-  }; // Re-initializes initialValue if clicking outside of a cell that was previously
-  // in edit mode, otherwise `initialValue` becomes stale
-
+  };
 
+  // Re-initializes initialValue if clicking outside of a cell that was previously
+  // in edit mode, otherwise `initialValue` becomes stale
   useEffect(function () {
     if ((previousState === null || previousState === void 0 ? void 0 : previousState.editId) === cellId && (previousState === null || previousState === void 0 ? void 0 : previousState.activeCellId) === cellId && activeCellId !== cellId) {
       setInitialValue(cellValue);
     }
   }, [previousState, cellId, cellValue, activeCellId]);
-
   var handleInlineCellClick = function handleInlineCellClick() {
     if (!inEditMode) {
       dispatch({
@@ -157,27 +142,28 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       }, 1);
     }
   };
-
   var rowSize = instance.rowSize,
-      onDataUpdate = instance.onDataUpdate; // Auto focus text input when entering edit mode
+    onDataUpdate = instance.onDataUpdate;
 
+  // Auto focus text input when entering edit mode
   useEffect(function () {
     if (inEditMode) {
       if (type === 'text') {
         textInputRef.current.focus();
       }
-
       if (type === 'number') {
         numberInputRef.current.focus();
       }
     }
-  }, [inEditMode, type]); // Initialize cellValue from value prop
+  }, [inEditMode, type]);
 
+  // Initialize cellValue from value prop
   useEffect(function () {
     setCellValue(value);
-  }, [value]); // Saves the new cell data, onDataUpdate is a required function to be
-  // passed to useDatagrid when using useInlineEdit
+  }, [value]);
 
+  // Saves the new cell data, onDataUpdate is a required function to be
+  // passed to useDatagrid when using useInlineEdit
   var saveCellData = useCallback(function (newValue) {
     var columnId = cell.column.id;
     var rowIndex = cell.row.index;
@@ -186,27 +172,22 @@ export var InlineEditCell = function InlineEditCell(_ref) {
         if (index === rowIndex) {
           return _objectSpread(_objectSpread({}, prev[rowIndex]), {}, _defineProperty({}, columnId, newValue));
         }
-
         return row;
       });
     });
   }, [cell, onDataUpdate]);
-
   var sendFocusBackToGrid = function sendFocusBackToGrid() {
     // Allows the onKeyDown listener to go back to the entire grid area
     var inlineEditArea = document.querySelector("#".concat(instance.tableId, " .").concat(blockClass, "__table-with-inline-edit"));
     inlineEditArea.focus();
   };
-
   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);
     return newCellId;
   };
-
   var handleKeyDown = function handleKeyDown(event) {
     var key = event.key;
-
     switch (key) {
       // Save cell contents to data
       case 'Tab':
@@ -217,17 +198,14 @@ export var InlineEditCell = function InlineEditCell(_ref) {
             if (type === 'selection' || type === 'date') {
               return;
             }
-
             var _ref4 = config || {},
-                validator = _ref4.validator;
-
-            var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue); // If an invalid state is detected, Tab/Enter should not do anything
+              validator = _ref4.validator;
+            var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
+            // If an invalid state is detected, Tab/Enter should not do anything
             // until the input has a valid state once again
-
             if (isInvalid) {
               return;
             }
-
             var newCellId = getNewCellId(key);
             saveCellData(cellValue);
             setInitialValue(cellValue);
@@ -238,10 +216,8 @@ export var InlineEditCell = function InlineEditCell(_ref) {
             setInEditMode(false);
             sendFocusBackToGrid();
           }
-
           break;
         }
-
       case 'Escape':
         {
           if (inEditMode) {
@@ -254,33 +230,27 @@ export var InlineEditCell = function InlineEditCell(_ref) {
             setInEditMode(false);
             sendFocusBackToGrid();
           }
-
           break;
         }
-
       default:
         return;
     }
   };
-
   var addActiveState = function addActiveState() {
     dispatch({
       type: 'UPDATE_ACTIVE_CELL_ID',
       payload: cellId
     });
   };
-
   var renderDropdownItem = function renderDropdownItem(item) {
     var includesIcon = !!(item !== null && item !== void 0 && item.icon);
     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 renderSelectCell = function renderSelectCell() {
     var _ref5 = config || {},
-        inputProps = _ref5.inputProps;
-
+      inputProps = _ref5.inputProps;
     return /*#__PURE__*/React.createElement(Dropdown, _extends({
       id: cellId,
       label: cellLabel || 'Dropdown menu options',
@@ -301,7 +271,6 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       },
       onChange: function onChange(item) {
         var _inputProps$onChange;
-
         var newCellId = getNewCellId('Enter');
         saveCellData(item.selectedItem);
         setCellValue(item.selectedItem);
@@ -316,10 +285,9 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       downshiftProps: {
         onStateChange: function onStateChange(downshiftState) {
           var _ref6 = downshiftState || {},
-              isOpen = _ref6.isOpen; // !isOpen does not work in this case because a state change occurs on hover of the
+            isOpen = _ref6.isOpen;
+          // !isOpen does not work in this case because a state change occurs on hover of the
           // menu items and isOpen is changed to undefined which causes dispatch to be called unexpectedly
-
-
           if (isOpen === false) {
             dispatch({
               type: 'EXIT_EDIT_MODE',
@@ -333,28 +301,22 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       ref: dropdownRef
     }));
   };
-
   var setRenderIcon = function setRenderIcon() {
     if (type === 'text') {
       return Edit16;
     }
-
     if (type === 'number') {
       return CaretSort16;
     }
-
     if (type === 'selection') {
       return ChevronDown16;
     }
-
     if (type === 'date') {
       return Calendar16;
     }
   };
-
   var renderDateCell = function renderDateCell() {
     var _config$inputProps, _outerButtonElement$c;
-
     var datePickerPreparedProps = prepareProps(config.inputProps, ['datePickerInputProps']);
     var datePickerInputProps = config === null || config === void 0 ? void 0 : (_config$inputProps = config.inputProps) === null || _config$inputProps === void 0 ? void 0 : _config$inputProps.datePickerInputProps;
     return /*#__PURE__*/React.createElement(DatePicker, _extends({}, datePickerPreparedProps, {
@@ -367,7 +329,6 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       className: cx("".concat(blockClass, "__inline-edit--date"), _defineProperty({}, "".concat(blockClass, "__inline-edit--date-").concat(rowSize), rowSize)),
       onChange: function onChange(newDate) {
         var _datePickerPreparedPr;
-
         var newDateObj = newDate[0];
         datePickerPreparedProps === null || datePickerPreparedProps === void 0 ? void 0 : (_datePickerPreparedPr = datePickerPreparedProps.onChange) === null || _datePickerPreparedPr === void 0 ? void 0 : _datePickerPreparedPr.call(datePickerPreparedProps, newDateObj, cell);
         var newCellId = getNewCellId('Enter');
@@ -390,37 +351,31 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       id: datePickerInputProps.id || "".concat(blockClass, "__inline-edit--date-picker--").concat(cell.row.index),
       hideLabel: true
     })));
-  }; // Ensures that months and days are all 2 digits, prefixes 0 if `num` is a single digit
-
+  };
 
+  // Ensures that months and days are all 2 digits, prefixes 0 if `num` is a single digit
   var padTo2Digits = function padTo2Digits(num) {
     return num.toString().padStart(2, '0');
   };
-
   var buildDate = function buildDate(value) {
     if (value instanceof Date) {
       var _config$dateFormat = config.dateFormat,
-          dateFormat = _config$dateFormat === void 0 ? 'm/d/Y' : _config$dateFormat;
+        dateFormat = _config$dateFormat === void 0 ? 'm/d/Y' : _config$dateFormat;
       var maskedFullYear = value.getFullYear();
       var maskedMonth = padTo2Digits(value.getMonth() + 1);
       var maskedDay = padTo2Digits(value.getDate());
-
       if (dateFormat === 'm/d/Y' || dateFormat === 'm/d/y') {
         return [maskedMonth, maskedDay, maskedFullYear].join('/');
       }
-
       if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y') {
         return [maskedDay, maskedMonth, maskedFullYear].join('/');
       }
     }
-
     return null;
   };
-
   var renderNumberInput = function renderNumberInput() {
     var _ref7 = config || {},
-        validator = _ref7.validator;
-
+      validator = _ref7.validator;
     return /*#__PURE__*/React.createElement(NumberInput, _extends({
       placeholder: placeholder,
       label: cellLabel
@@ -432,7 +387,6 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || 'Provide missing invalidText',
       onChange: function onChange(event) {
         setCellValue(event.imaginaryTarget.value);
-
         if (inputProps.onChange) {
           inputProps.onChange(event.imaginaryTarget.value);
         }
@@ -440,11 +394,9 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       ref: numberInputRef
     }));
   };
-
   var renderTextInput = function renderTextInput() {
     var _ref8 = config || {},
-        validator = _ref8.validator;
-
+      validator = _ref8.validator;
     var isInvalid = validator === null || validator === void 0 ? void 0 : validator(cellValue);
     return /*#__PURE__*/React.createElement(TextInput, _extends({
       labelText: cellLabel,
@@ -457,7 +409,6 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || 'Provide missing invalidText',
       onChange: function onChange(event) {
         setCellValue(event.target.value);
-
         if (inputProps.onChange) {
           inputProps.onChange(event.target.value);
         }
@@ -465,7 +416,6 @@ export var InlineEditCell = function InlineEditCell(_ref) {
       ref: textInputRef
     }));
   };
-
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions

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

@@ -1,22 +1,19 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import React, { createContext, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import { returnUpdatedActiveCell } from './returnUpdatedActiveCell';
 import { getCellIdAsObject } from './getCellIdAsObject';
 export var InlineEditContext = /*#__PURE__*/createContext();
-
 var inlineEditReducer = function inlineEditReducer(state, action) {
   switch (action.type) {
     case 'ADD_GRID_ACTIVE_FOCUS':
@@ -28,7 +25,6 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
           previousActiveCellId: null
         });
       }
-
     case 'REMOVE_GRID_ACTIVE_FOCUS':
       {
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -38,7 +34,6 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
           previousActiveCellId: action.payload
         });
       }
-
     case 'ENTER_EDIT_MODE':
       {
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -46,7 +41,6 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
           editId: action.payload.editId
         });
       }
-
     case 'EXIT_EDIT_MODE':
       {
         return _objectSpread(_objectSpread({}, state), {}, {
@@ -54,21 +48,18 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
           editId: null
         });
       }
-
     case 'UPDATE_ACTIVE_CELL_ID':
       {
         var _action$payload = action.payload,
-            direction = _action$payload.direction,
-            oldId = _action$payload.oldId,
-            instance = _action$payload.instance;
-
+          direction = _action$payload.direction,
+          oldId = _action$payload.oldId,
+          instance = _action$payload.instance;
         if (!action.payload.direction) {
           return _objectSpread(_objectSpread({}, state), {}, {
             activeCellId: action.payload,
             editId: null
           });
         }
-
         if (direction && typeof direction === 'string') {
           var activeCellCoords = getCellIdAsObject(oldId);
           var totalVisibleColumns = instance.visibleColumns.filter(function (item) {
@@ -82,24 +73,19 @@ var inlineEditReducer = function inlineEditReducer(state, action) {
             instance: instance
           });
         }
-
         break;
       }
-
     default:
       return state;
   }
 };
-
 export var InlineEditProvider = function InlineEditProvider(_ref) {
   var children = _ref.children;
   var initialState = {};
-
   var _useReducer = useReducer(inlineEditReducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   return /*#__PURE__*/React.createElement(InlineEditContext.Provider, {
     value: {
       state: state,