@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js

@@ -1,43 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icons = require("@carbon/react/icons");
-
 var _react2 = require("@carbon/react");
-
 var _settings = require("../../../../../settings");
-
 var _excluded = ["onClick", "setIsTearsheetOpen", "isTearsheetOpen", "iconTooltipLabel"];
-
+/**
+ * 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.
+ */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
 var ButtonWrapper = function ButtonWrapper(_ref) {
   var _onClick = _ref.onClick,
-      setIsTearsheetOpen = _ref.setIsTearsheetOpen,
-      isTearsheetOpen = _ref.isTearsheetOpen,
-      _ref$iconTooltipLabel = _ref.iconTooltipLabel,
-      iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    setIsTearsheetOpen = _ref.setIsTearsheetOpen,
+    isTearsheetOpen = _ref.isTearsheetOpen,
+    _ref$iconTooltipLabel = _ref.iconTooltipLabel,
+    iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_react2.Button, (0, _extends2.default)({}, rest, {
     renderIcon: function renderIcon(props) {
       return /*#__PURE__*/React.createElement(_icons.Column, (0, _extends2.default)({
@@ -51,14 +43,12 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
     "test-id": "".concat(blockClass, "__customize-columns-trigger"),
     onClick: function onClick() {
       setIsTearsheetOpen(!isTearsheetOpen);
-
       if (typeof _onClick === 'function') {
         _onClick();
       }
     }
   }));
 };
-
 ButtonWrapper.defaultProps = {
   onClick: function onClick() {}
 };

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -1,84 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDnd = require("react-dnd");
-
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
-
 var _react2 = require("@carbon/react");
-
 var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-
 var _settings = require("../../../../../settings");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _DraggableItemsList = require("./DraggableItemsList");
-
 /**
  * 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.
  */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 
+var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var getNextIndex = function getNextIndex(array, currentIndex, key) {
   var newIndex = -1;
-
   if (key === 'ArrowUp') {
     newIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : array.length - 1;
   }
-
   if (key === 'ArrowDown') {
     newIndex = currentIndex + 1 < array.length ? currentIndex + 1 : 0;
   }
-
   return newIndex;
 };
-
 var Columns = function Columns(_ref) {
   var getVisibleColumnsCount = _ref.getVisibleColumnsCount,
-      filterString = _ref.filterString,
-      columns = _ref.columns,
-      setColumnsObject = _ref.setColumnsObject,
-      onSelectColumn = _ref.onSelectColumn,
-      assistiveTextInstructionsLabel = _ref.assistiveTextInstructionsLabel,
-      assistiveTextDisabledInstructionsLabel = _ref.assistiveTextDisabledInstructionsLabel,
-      selectAllLabel = _ref.selectAllLabel,
-      isTableSortable = _ref.isTableSortable;
-
+    filterString = _ref.filterString,
+    columns = _ref.columns,
+    setColumnsObject = _ref.setColumnsObject,
+    onSelectColumn = _ref.onSelectColumn,
+    assistiveTextInstructionsLabel = _ref.assistiveTextInstructionsLabel,
+    assistiveTextDisabledInstructionsLabel = _ref.assistiveTextDisabledInstructionsLabel,
+    selectAllLabel = _ref.selectAllLabel,
+    isTableSortable = _ref.isTableSortable;
   var _React$useState = _react.default.useState(''),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      ariaRegionText = _React$useState2[0],
-      setAriaRegionText = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    ariaRegionText = _React$useState2[0],
+    setAriaRegionText = _React$useState2[1];
   var _React$useState3 = _react.default.useState(-1),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      focusIndex = _React$useState4[0],
-      setFocusIndex = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    focusIndex = _React$useState4[0],
+    setFocusIndex = _React$useState4[1];
   var moveElement = _react.default.useCallback(function (dragIndex, hoverIndex) {
     var dragCard = columns[dragIndex];
     setColumnsObject((0, _immutabilityHelper.default)(columns, {
       $splice: [[dragIndex, 1], [hoverIndex, 0, dragCard]]
     }));
   }, [columns, setColumnsObject]);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__customize-columns-column-list")
   }, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
@@ -89,7 +68,6 @@ var Columns = function Columns(_ref) {
     "aria-describedby": "".concat(blockClass, "__customize-columns--instructions"),
     onKeyDown: function onKeyDown(e) {
       var nextIndex = getNextIndex(columns, focusIndex, e.key);
-
       if (nextIndex >= 0) {
         setFocusIndex(nextIndex);
         e.preventDefault();
@@ -129,7 +107,6 @@ var Columns = function Columns(_ref) {
     setFocusIndex: setFocusIndex
   }))));
 };
-
 Columns.propTypes = {
   assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
   assistiveTextInstructionsLabel: _propTypes.default.string,

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -1,111 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _common = require("./common");
-
 var _Tearsheet = require("../../../../Tearsheet");
-
 var _Columns = _interopRequireDefault(require("./Columns"));
-
 var _Actions = _interopRequireDefault(require("./Actions"));
-
 var _settings = require("../../../../../settings");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
+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) { (0, _defineProperty2.default)(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, 2023
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This source code is licensed under the Apache-2.0 license found in the
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * LICENSE file in the root directory of this source tree.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
 var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
   var isOpen = _ref.isOpen,
-      setIsTearsheetOpen = _ref.setIsTearsheetOpen,
-      onSaveColumnPrefs = _ref.onSaveColumnPrefs,
-      columnDefinitions = _ref.columnDefinitions,
-      originalColumnDefinitions = _ref.originalColumnDefinitions,
-      _ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
-      customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
-      _ref$primaryButtonTex = _ref.primaryButtonTextLabel,
-      primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
-      _ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
-      secondaryButtonTextLabel = _ref$secondaryButtonT === void 0 ? 'Cancel' : _ref$secondaryButtonT,
-      _ref$instructionsLabe = _ref.instructionsLabel,
-      instructionsLabel = _ref$instructionsLabe === void 0 ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
-      _ref$findColumnPlaceh = _ref.findColumnPlaceholderLabel,
-      findColumnPlaceholderLabel = _ref$findColumnPlaceh === void 0 ? 'Find column' : _ref$findColumnPlaceh,
-      _ref$resetToDefaultLa = _ref.resetToDefaultLabel,
-      resetToDefaultLabel = _ref$resetToDefaultLa === void 0 ? 'Reset to default' : _ref$resetToDefaultLa,
-      _ref$assistiveTextIns = _ref.assistiveTextInstructionsLabel,
-      assistiveTextInstructionsLabel = _ref$assistiveTextIns === void 0 ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
-      _ref$assistiveTextDis = _ref.assistiveTextDisabledInstructionsLabel,
-      assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === void 0 ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
-      _ref$selectAllLabel = _ref.selectAllLabel,
-      selectAllLabel = _ref$selectAllLabel === void 0 ? 'Column name' : _ref$selectAllLabel,
-      isTableSortable = _ref.isTableSortable;
-
+    setIsTearsheetOpen = _ref.setIsTearsheetOpen,
+    onSaveColumnPrefs = _ref.onSaveColumnPrefs,
+    columnDefinitions = _ref.columnDefinitions,
+    originalColumnDefinitions = _ref.originalColumnDefinitions,
+    _ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
+    customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
+    _ref$primaryButtonTex = _ref.primaryButtonTextLabel,
+    primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
+    _ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
+    secondaryButtonTextLabel = _ref$secondaryButtonT === void 0 ? 'Cancel' : _ref$secondaryButtonT,
+    _ref$instructionsLabe = _ref.instructionsLabel,
+    instructionsLabel = _ref$instructionsLabe === void 0 ? 'Select columns to display them. Click and drag the box to reorder the columns. These specifications will be saved and persist if you leave and return to the data table.' : _ref$instructionsLabe,
+    _ref$findColumnPlaceh = _ref.findColumnPlaceholderLabel,
+    findColumnPlaceholderLabel = _ref$findColumnPlaceh === void 0 ? 'Find column' : _ref$findColumnPlaceh,
+    _ref$resetToDefaultLa = _ref.resetToDefaultLabel,
+    resetToDefaultLabel = _ref$resetToDefaultLa === void 0 ? 'Reset to default' : _ref$resetToDefaultLa,
+    _ref$assistiveTextIns = _ref.assistiveTextInstructionsLabel,
+    assistiveTextInstructionsLabel = _ref$assistiveTextIns === void 0 ? 'Press space bar to toggle drag drop mode, use arrow keys to move selected elements.' : _ref$assistiveTextIns,
+    _ref$assistiveTextDis = _ref.assistiveTextDisabledInstructionsLabel,
+    assistiveTextDisabledInstructionsLabel = _ref$assistiveTextDis === void 0 ? 'Reordering columns are disabled because they are filtered currently.' : _ref$assistiveTextDis,
+    _ref$selectAllLabel = _ref.selectAllLabel,
+    selectAllLabel = _ref$selectAllLabel === void 0 ? 'Column name' : _ref$selectAllLabel,
+    isTableSortable = _ref.isTableSortable;
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      visibleColumnsCount = _useState2[0],
-      setVisibleColumnsCount = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visibleColumnsCount = _useState2[0],
+    setVisibleColumnsCount = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      totalColumns = _useState4[0],
-      setTotalColumns = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    totalColumns = _useState4[0],
+    setTotalColumns = _useState4[1];
   var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      searchText = _useState6[0],
-      setSearchText = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(columnDefinitions // only sort the hidden column to the end when modal reopen
-  .sort(function (defA, defB) {
-    var isVisibleA = (0, _common.isColumnVisible)(defA);
-    var isVisibleB = (0, _common.isColumnVisible)(defB);
-
-    if (isVisibleA && !isVisibleB) {
-      return -1;
-    }
-
-    if (!isVisibleA && isVisibleB) {
-      return 1;
-    }
-
-    return 0;
-  })),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      columnObjects = _useState8[0],
-      setColumnObjects = _useState8[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    searchText = _useState6[0],
+    setSearchText = _useState6[1];
+  var _useState7 = (0, _react.useState)(columnDefinitions
+    // only sort the hidden column to the end when modal reopen
+    .sort(function (defA, defB) {
+      var isVisibleA = (0, _common.isColumnVisible)(defA);
+      var isVisibleB = (0, _common.isColumnVisible)(defB);
+      if (isVisibleA && !isVisibleB) {
+        return -1;
+      }
+      if (!isVisibleA && isVisibleB) {
+        return 1;
+      }
+      return 0;
+    })),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    columnObjects = _useState8[0],
+    setColumnObjects = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isDirty = _useState10[0],
-      setIsDirty = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    isDirty = _useState10[0],
+    setIsDirty = _useState10[1];
   var onRequestClose = function onRequestClose() {
     setIsTearsheetOpen(false);
   };
-
   var onRequestSubmit = function onRequestSubmit() {
     setIsTearsheetOpen(false);
     var updatedColumns = columnObjects.map(function (colDef) {
@@ -116,7 +95,6 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     });
     onSaveColumnPrefs(updatedColumns);
   };
-
   var onCheckboxCheck = function onCheckboxCheck(col, value) {
     var changedDefinitions = columnObjects.map(function (definition) {
       if (Array.isArray(col) && col.indexOf(definition) != null || definition.id === col.id) {
@@ -124,19 +102,16 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
           isVisible: value
         });
       }
-
       return definition;
     });
     setColumnObjects(changedDefinitions);
     setDirty();
   };
-
   var setDirty = function setDirty() {
     if (!isDirty) {
       setIsDirty(true);
     }
   };
-
   var getVisibleColumnsCount = (0, _react.useCallback)(function () {
     return columnObjects.filter(function (col) {
       return col.isVisible;
@@ -188,7 +163,6 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     isTableSortable: isTableSortable
   }));
 };
-
 CustomizeColumnsTearsheet.propTypes = {
   assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
   assistiveTextInstructionsLabel: _propTypes.default.string,

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js

@@ -1,59 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DraggableItemsList = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _react2 = require("@carbon/react");
-
 var _common = require("./common");
-
 var _DraggableElement = _interopRequireDefault(require("../../DraggableElement"));
-
 var _settings = require("../../../../../settings");
-
 /**
  * Copyright IBM Corp. 2023, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 
+var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var DraggableItemsList = function DraggableItemsList(_ref) {
   var columns = _ref.columns,
-      filterString = _ref.filterString,
-      focusIndex = _ref.focusIndex,
-      getNextIndex = _ref.getNextIndex,
-      isTableSortable = _ref.isTableSortable,
-      moveElement = _ref.moveElement,
-      onSelectColumn = _ref.onSelectColumn,
-      setAriaRegionText = _ref.setAriaRegionText,
-      setColumnsObject = _ref.setColumnsObject,
-      setFocusIndex = _ref.setFocusIndex;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, columns // hide the columns without Header, e.g the sticky actions, spacer
+    filterString = _ref.filterString,
+    focusIndex = _ref.focusIndex,
+    getNextIndex = _ref.getNextIndex,
+    isTableSortable = _ref.isTableSortable,
+    moveElement = _ref.moveElement,
+    onSelectColumn = _ref.onSelectColumn,
+    setAriaRegionText = _ref.setAriaRegionText,
+    setColumnsObject = _ref.setColumnsObject,
+    setFocusIndex = _ref.setFocusIndex;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, columns
+  // hide the columns without Header, e.g the sticky actions, spacer
   .filter(function (colDef) {
     var _colDef$Header$props$, _colDef$Header$props;
-
     var sortableTitle = isTableSortable && ((_colDef$Header$props$ = colDef.Header().props.children.props) === null || _colDef$Header$props$ === void 0 ? void 0 : _colDef$Header$props$.title);
     return !!colDef.Header.props && !!((_colDef$Header$props = colDef.Header.props) !== null && _colDef$Header$props !== void 0 && _colDef$Header$props.title) || isTableSortable && !!sortableTitle;
   }).filter(function (colDef) {
     return !colDef.isAction;
   }).filter(function (colDef) {
     var _colDef$Header$props$2, _colDef$Header$props2, _colDef$Header$props3;
-
     var sortableTitle = isTableSortable && ((_colDef$Header$props$2 = colDef.Header().props.children.props) === null || _colDef$Header$props$2 === void 0 ? void 0 : _colDef$Header$props$2.title);
     return filterString.length === 0 || (isTableSortable ? sortableTitle === null || sortableTitle === void 0 ? void 0 : sortableTitle.toLowerCase().includes(filterString) : (_colDef$Header$props2 = colDef.Header.props) === null || _colDef$Header$props2 === void 0 ? void 0 : (_colDef$Header$props3 = _colDef$Header$props2.title) === null || _colDef$Header$props3 === void 0 ? void 0 : _colDef$Header$props3.toLowerCase().includes(filterString)) && colDef.id !== 'spacer';
   }).map(function (colDef, i) {
     var _colDef$Header$props$3, _colDef$Header$props4, _colDef$Header$props5, _colDef$Header$props6, _colDef$Header$props7;
-
     var isSortableColumn = !!colDef.canSort && !!isTableSortable;
     var sortableTitle = isTableSortable && ((_colDef$Header$props$3 = colDef.Header().props.children.props) === null || _colDef$Header$props$3 === void 0 ? void 0 : _colDef$Header$props$3.title);
     var searchString = new RegExp('(' + filterString + ')');
@@ -61,7 +51,6 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
     var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : isSortableColumn ? sortableTitle : (_colDef$Header$props4 = colDef.Header.props) === null || _colDef$Header$props4 === void 0 ? void 0 : _colDef$Header$props4.title;
     var isFrozenColumn = !!colDef.sticky;
-
     var listContents = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Checkbox, {
       wrapperClassName: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
       checked: (0, _common.isColumnVisible)(colDef),
@@ -81,7 +70,6 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
       },
       className: "".concat(blockClass, "__customize-columns-checkbox-visible-label")
     }));
-
     return /*#__PURE__*/_react.default.createElement(_DraggableElement.default, {
       key: colDef.id,
       index: i,
@@ -97,11 +85,9 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
       onArrowKeyDown: function onArrowKeyDown(e, isGrabbed, currentIndex) {
         if (isGrabbed) {
           var _columns$nextIndex;
-
           var nextIndex = getNextIndex(columns, currentIndex, e.key);
           e.preventDefault();
           e.stopPropagation();
-
           if (nextIndex >= 0 && !((_columns$nextIndex = columns[nextIndex]) !== null && _columns$nextIndex !== void 0 && _columns$nextIndex.sticky)) {
             setFocusIndex(nextIndex);
             moveElement(currentIndex, nextIndex);
@@ -116,7 +102,6 @@ var DraggableItemsList = function DraggableItemsList(_ref) {
     }, listContents);
   }));
 };
-
 exports.DraggableItemsList = DraggableItemsList;
 DraggableItemsList.propTypes = {
   columns: _propTypes.PropTypes.array.isRequired,

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js

@@ -1,38 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _CustomizeColumnsTearsheet = _interopRequireDefault(require("./CustomizeColumnsTearsheet"));
-
 var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
-
+/* 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.
+ */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var TearsheetWrapper = function TearsheetWrapper(_ref) {
   var instance = _ref.instance;
   var _instance$customizeCo = instance.customizeColumnsProps,
-      _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
-      isTearsheetOpen = _instance$customizeCo.isTearsheetOpen,
-      setIsTearsheetOpen = _instance$customizeCo.setIsTearsheetOpen,
-      labels = _instance$customizeCo.labels,
-      rest = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
+    _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
+    isTearsheetOpen = _instance$customizeCo.isTearsheetOpen,
+    setIsTearsheetOpen = _instance$customizeCo.setIsTearsheetOpen,
+    labels = _instance$customizeCo.labels,
+    rest = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
   return /*#__PURE__*/React.createElement(_CustomizeColumnsTearsheet.default, (0, _extends2.default)({}, rest, labels, {
     isOpen: isTearsheetOpen,
     isTableSortable: instance === null || instance === void 0 ? void 0 : instance.isTableSortable,
@@ -46,7 +40,6 @@ var TearsheetWrapper = function TearsheetWrapper(_ref) {
         return colDef.id;
       });
       instance.setHiddenColumns(hiddenIds);
-
       if (typeof instance.setColumnOrder === 'function') {
         instance.setColumnOrder(updatedColDefs.map(function (colDef) {
           return colDef.id;
@@ -55,14 +48,12 @@ var TearsheetWrapper = function TearsheetWrapper(_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);
       }
     }
   }));
 };
-
 TearsheetWrapper.propTypes = {
   instance: _propTypes.default.object.isRequired
 };

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isColumnVisible = void 0;
-
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
-
 // @flow
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -18,8 +14,8 @@ var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 var isColumnVisible = function isColumnVisible(colDef) {
   return (0, _isBoolean.default)(colDef.isVisible) ? colDef.isVisible : true;
 };
-
 exports.isColumnVisible = isColumnVisible;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "ToggleButtonWrapper", {
     return _ButtonWrapper.default;
   }
 });
-
 var _TearsheetWrapper = _interopRequireDefault(require("./TearsheetWrapper"));
-
 var _ButtonWrapper = _interopRequireDefault(require("./ButtonWrapper"));