@carbon/ibm-products 1.34.1 → 1.35.1

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

@@ -1,113 +1,88 @@
 "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 _carbonComponentsReact = require("carbon-components-react");
-
 var _common = require("./common");
-
 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; }
-
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
 var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
   var isOpen = _ref.isOpen,
-      setIsModalOpen = _ref.setIsModalOpen,
-      onSaveColumnPrefs = _ref.onSaveColumnPrefs,
-      columnDefinitions = _ref.columnDefinitions,
-      originalColumnDefinitions = _ref.originalColumnDefinitions,
-      _ref$customizeModalHe = _ref.customizeModalHeadingLabel,
-      customizeModalHeadingLabel = _ref$customizeModalHe === void 0 ? 'Customize Columns' : _ref$customizeModalHe,
-      _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;
-
+    setIsModalOpen = _ref.setIsModalOpen,
+    onSaveColumnPrefs = _ref.onSaveColumnPrefs,
+    columnDefinitions = _ref.columnDefinitions,
+    originalColumnDefinitions = _ref.originalColumnDefinitions,
+    _ref$customizeModalHe = _ref.customizeModalHeadingLabel,
+    customizeModalHeadingLabel = _ref$customizeModalHe === void 0 ? 'Customize Columns' : _ref$customizeModalHe,
+    _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;
   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 // hide the columns without Header, e.g the sticky actions, spacer
-  .filter(function (colDef) {
-    return !!colDef.Header.props;
-  }) // 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
+    // hide the columns without Header, e.g the sticky actions, spacer
+    .filter(function (colDef) {
+      return !!colDef.Header.props;
+    })
+    // 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() {
     setIsModalOpen(false);
   };
-
   var onRequestSubmit = function onRequestSubmit() {
     setIsModalOpen(false);
     var updatedColumns = columnObjects.map(function (colDef) {
@@ -118,7 +93,6 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_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) {
@@ -126,19 +100,16 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_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 +159,6 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
     selectAllLabel: selectAllLabel
   }));
 };
-
 CustomizeColumnsModal.propTypes = {
   assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
   assistiveTextInstructionsLabel: _propTypes.default.string,

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

@@ -1,39 +1,27 @@
 "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 _CustomizeColumnsModal = _interopRequireDefault(require("./CustomizeColumnsModal"));
-
 var _excluded = ["onSaveColumnPrefs", "isModalOpen", "setIsModalOpen", "labels"];
-
 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 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 = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
-
+    _onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
+    isModalOpen = _instance$customizeCo.isModalOpen,
+    setIsModalOpen = _instance$customizeCo.setIsModalOpen,
+    labels = _instance$customizeCo.labels,
+    rest = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
   if (isModalOpen) {
     return /*#__PURE__*/React.createElement(_CustomizeColumnsModal.default, (0, _extends2.default)({}, rest, labels, {
       isOpen: isModalOpen,
@@ -47,7 +35,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;
@@ -56,17 +43,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.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 _ModalWrapper = _interopRequireDefault(require("./ModalWrapper"));
-
 var _ButtonWrapper = _interopRequireDefault(require("./ButtonWrapper"));

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineEditButton = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _settings = require("../../../../../../settings");
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -24,22 +17,21 @@ var _settings = require("../../../../../../settings");
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 
+var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 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.default.createElement("div", {
     className: (0, _classnames.default)("".concat(blockClass, "__inline-edit-button"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--disabled"), disabled || nonEditCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--edit-less-than-half-of-total-cols"), inlineEditColsLessThanHalfOfTotal), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection'), _cx)),
@@ -58,7 +50,6 @@ var InlineEditButton = function InlineEditButton(_ref) {
     className: "".concat(blockClass, "__inline-edit-button-icon")
   }, /*#__PURE__*/_react.default.createElement(Icon, null)));
 };
-
 exports.InlineEditButton = InlineEditButton;
 InlineEditButton.propTypes = {
   columnConfig: _propTypes.default.object,

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "InlineEditButton", {
     return _InlineEditButton.InlineEditButton;
   }
 });
-
 var _InlineEditButton = require("./InlineEditButton");