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

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

@@ -1,28 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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.
  */
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Column } from '@carbon/react/icons';
 import { Button } from '@carbon/react';
 import { pkg } from '../../../../../settings';
 var blockClass = "".concat(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 = _objectWithoutProperties(_ref, _excluded);
-
+    setIsTearsheetOpen = _ref.setIsTearsheetOpen,
+    isTearsheetOpen = _ref.isTearsheetOpen,
+    _ref$iconTooltipLabel = _ref.iconTooltipLabel,
+    iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
     renderIcon: function renderIcon(props) {
       return /*#__PURE__*/React.createElement(Column, _extends({
@@ -36,14 +34,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/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /**
  * 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 from 'react';
 import PropTypes from 'prop-types';
 import { DndProvider } from 'react-dnd';
@@ -17,42 +17,34 @@ import { pkg } from '../../../../../settings';
 import cx from 'classnames';
 import { DraggableItemsList } from './DraggableItemsList';
 var blockClass = "".concat(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.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      ariaRegionText = _React$useState2[0],
-      setAriaRegionText = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    ariaRegionText = _React$useState2[0],
+    setAriaRegionText = _React$useState2[1];
   var _React$useState3 = React.useState(-1),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focusIndex = _React$useState4[0],
-      setFocusIndex = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focusIndex = _React$useState4[0],
+    setFocusIndex = _React$useState4[1];
   var moveElement = React.useCallback(function (dragIndex, hoverIndex) {
     var dragCard = columns[dragIndex];
     setColumnsObject(update(columns, {
@@ -69,7 +61,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();
@@ -109,7 +100,6 @@ var Columns = function Columns(_ref) {
     setFocusIndex: setFocusIndex
   }))));
 };
-
 Columns.propTypes = {
   assistiveTextDisabledInstructionsLabel: PropTypes.string,
   assistiveTextInstructionsLabel: PropTypes.string,

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

@@ -1,16 +1,14 @@
 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, 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.
  */
+
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { isColumnVisible } from './common';
@@ -20,76 +18,66 @@ import Actions from './Actions';
 import { pkg } from '../../../../../settings';
 import { useCallback } from 'react';
 var blockClass = "".concat(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 = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      visibleColumnsCount = _useState2[0],
-      setVisibleColumnsCount = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleColumnsCount = _useState2[0],
+    setVisibleColumnsCount = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      totalColumns = _useState4[0],
-      setTotalColumns = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    totalColumns = _useState4[0],
+    setTotalColumns = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchText = _useState6[0],
-      setSearchText = _useState6[1];
-
-  var _useState7 = useState(columnDefinitions // only sort the hidden column to the end when modal reopen
-  .sort(function (defA, defB) {
-    var isVisibleA = isColumnVisible(defA);
-    var isVisibleB = isColumnVisible(defB);
-
-    if (isVisibleA && !isVisibleB) {
-      return -1;
-    }
-
-    if (!isVisibleA && isVisibleB) {
-      return 1;
-    }
-
-    return 0;
-  })),
-      _useState8 = _slicedToArray(_useState7, 2),
-      columnObjects = _useState8[0],
-      setColumnObjects = _useState8[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchText = _useState6[0],
+    setSearchText = _useState6[1];
+  var _useState7 = useState(columnDefinitions
+    // only sort the hidden column to the end when modal reopen
+    .sort(function (defA, defB) {
+      var isVisibleA = isColumnVisible(defA);
+      var isVisibleB = isColumnVisible(defB);
+      if (isVisibleA && !isVisibleB) {
+        return -1;
+      }
+      if (!isVisibleA && isVisibleB) {
+        return 1;
+      }
+      return 0;
+    })),
+    _useState8 = _slicedToArray(_useState7, 2),
+    columnObjects = _useState8[0],
+    setColumnObjects = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isDirty = _useState10[0],
-      setIsDirty = _useState10[1];
-
+    _useState10 = _slicedToArray(_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) {
@@ -100,7 +88,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) {
@@ -108,19 +95,16 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
           isVisible: value
         });
       }
-
       return definition;
     });
     setColumnObjects(changedDefinitions);
     setDirty();
   };
-
   var setDirty = function setDirty() {
     if (!isDirty) {
       setIsDirty(true);
     }
   };
-
   var getVisibleColumnsCount = useCallback(function () {
     return columnObjects.filter(function (col) {
       return col.isVisible;
@@ -172,7 +156,6 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     isTableSortable: isTableSortable
   }));
 };
-
 CustomizeColumnsTearsheet.propTypes = {
   assistiveTextDisabledInstructionsLabel: PropTypes.string,
   assistiveTextInstructionsLabel: PropTypes.string,

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

@@ -4,6 +4,7 @@
  * 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 from 'react';
 import { PropTypes } from 'prop-types';
 import { Checkbox } from '@carbon/react';
@@ -13,31 +14,29 @@ import { pkg } from '../../../../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export 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.createElement(React.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.createElement(React.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 + ')');
@@ -79,11 +78,9 @@ export 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);

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

@@ -1,26 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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.
  */
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import CustomizeColumnsTearsheet from './CustomizeColumnsTearsheet';
-
 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 = _objectWithoutProperties(_instance$customizeCo, _excluded);
-
+    _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
+    isTearsheetOpen = _instance$customizeCo.isTearsheetOpen,
+    setIsTearsheetOpen = _instance$customizeCo.setIsTearsheetOpen,
+    labels = _instance$customizeCo.labels,
+    rest = _objectWithoutProperties(_instance$customizeCo, _excluded);
   return /*#__PURE__*/React.createElement(CustomizeColumnsTearsheet, _extends({}, rest, labels, {
     isOpen: isTearsheetOpen,
     isTableSortable: instance === null || instance === void 0 ? void 0 : instance.isTableSortable,
@@ -34,7 +31,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;
@@ -43,14 +39,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.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 CustomizeColumnsTearsheetWrapper } from './TearsheetWrapper';
 export { default as ToggleButtonWrapper } from './ButtonWrapper';