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

package/lib/components/Toolbar/Toolbar.js

@@ -1,67 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.componentName = exports.blockClass = exports.ToolbarContext = exports.Toolbar = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = require("prop-types");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _getFocusableElements2 = require("../../global/js/utils/getFocusableElements");
-
 var _settings = require("../../settings");
-
 var _excluded = ["children", "className", "vertical"];
-
+/**
+ * Copyright IBM Corp. 2021, 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 checkComponentEnabled = _settings.pkg.checkComponentEnabled,
-    prefix = _settings.pkg.prefix;
+  prefix = _settings.pkg.prefix;
 var blockClass = "".concat(prefix, "--toolbar");
 exports.blockClass = blockClass;
 var ToolbarContext = /*#__PURE__*/(0, _react.createContext)();
-/** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
 
+/** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
 exports.ToolbarContext = ToolbarContext;
 var Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, r) {
   var children = _ref2.children,
-      className = _ref2.className,
-      vertical = _ref2.vertical,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    className = _ref2.className,
+    vertical = _ref2.vertical,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var focusableElements = (0, _react.useRef)();
   var getFocusableElements = (0, _react.useCallback)(function () {
     return focusableElements.current;
   }, [focusableElements]);
-
   var _ref = (0, _react.useRef)();
-
   var ref = r || _ref;
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      focus = _useState2[0],
-      setFocus = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focus = _useState2[0],
+    setFocus = _useState2[1];
   (0, _react.useEffect)(function () {
     focusableElements.current = (0, _getFocusableElements2.getFocusableElements)(ref.current);
     typeof focus !== 'undefined' && getFocusableElements().forEach(function (element, index) {
@@ -71,40 +57,33 @@ var Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, r) {
   (0, _react.useEffect)(function () {
     typeof focus !== 'undefined' && getFocusableElements()[focus].focus();
   }, [focus, getFocusableElements]);
-
   var _ref3 = !vertical ? ['ArrowRight', 'ArrowLeft'] : ['ArrowDown', 'ArrowUp'],
-      _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-      arrowNext = _ref4[0],
-      arrowPrevious = _ref4[1];
-
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    arrowNext = _ref4[0],
+    arrowPrevious = _ref4[1];
   function onArrowDown(increment) {
     var nextFocus = focus + increment;
     getFocusableElements()[nextFocus] && setFocus(nextFocus);
   }
-
   function onFocus(_ref5) {
     var target = _ref5.target;
     var elements = getFocusableElements();
     elements.includes(target) && setFocus(elements.indexOf(target));
   }
-
   function onKeyDown(_ref6) {
     var key = _ref6.key,
-        target = _ref6.target;
-
+      target = _ref6.target;
     if (getFocusableElements().includes(target)) {
       switch (key) {
         case arrowNext:
           onArrowDown(1);
           break;
-
         case arrowPrevious:
           onArrowDown(-1);
           break;
       }
     }
   }
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     ref: ref,
     className: (0, _classnames.default)(blockClass, className, (0, _defineProperty2.default)({}, "".concat(blockClass, "--vertical"), vertical)),
@@ -127,10 +106,8 @@ Toolbar.displayName = componentName;
 Toolbar.propTypes = {
   /** Provide the content of the `Toolbar` */
   children: _propTypes.node.isRequired,
-
   /** Provide an optional class to be applied to the containing node */
   className: _propTypes.string,
-
   /** Determines whether the `Toolbar` is rendered vertically */
   vertical: _propTypes.bool
 };

package/lib/components/Toolbar/ToolbarButton.js

@@ -1,52 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockClass = exports.ToolbarButton = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("@carbon/react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = require("prop-types");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _settings = require("../../settings");
-
 var _Toolbar = require("./Toolbar");
-
 var _excluded = ["caret", "children", "className", "renderIcon", "iconDescription"];
-
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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(_Toolbar.blockClass, "__button");
-/** Toolbar buttons are common functions performed as part of a products interface or an open window.  */
 
+/** Toolbar buttons are common functions performed as part of a products interface or an open window.  */
 exports.blockClass = blockClass;
 var ToolbarButton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var _useContext;
-
   var caret = _ref.caret,
-      children = _ref.children,
-      className = _ref.className,
-      renderIcon = _ref.renderIcon,
-      _ref$iconDescription = _ref.iconDescription,
-      iconDescription = _ref$iconDescription === void 0 ? '' : _ref$iconDescription,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    className = _ref.className,
+    renderIcon = _ref.renderIcon,
+    _ref$iconDescription = _ref.iconDescription,
+    iconDescription = _ref$iconDescription === void 0 ? '' : _ref$iconDescription,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var Icon = renderIcon;
   return /*#__PURE__*/_react2.default.createElement(_react.IconButton, (0, _extends2.default)({
     align: ((_useContext = (0, _react2.useContext)(_Toolbar.ToolbarContext)) === null || _useContext === void 0 ? void 0 : _useContext.vertical) && 'right'
@@ -66,16 +56,12 @@ ToolbarButton.displayName = componentName;
 ToolbarButton.propTypes = {
   /** Determines whether the caret is rendered */
   caret: _propTypes.bool,
-
   /** Provide the content of the `ToolbarButton` */
   children: _propTypes.node,
-
   /** Provide an optional class to be applied to the containing node */
   className: _propTypes.string,
-
   /** Specifies the label for the icon button */
   iconDescription: _propTypes.string.isRequired,
-
   /** Specifies the icon to be used by the ToolbarButton component */
   renderIcon: _propTypes.func.isRequired
 };

package/lib/components/Toolbar/ToolbarGroup.js

@@ -1,39 +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.ToolbarGroup = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = require("prop-types");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _settings = require("../../settings");
-
 var _Toolbar = require("./Toolbar");
-
 var _excluded = ["className", "children"];
-
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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; }
-
 /** Toolbar groups organize the commands within a toolbar into related groups. */
 var ToolbarGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     ref: ref,
     className: (0, _classnames.default)("".concat(_Toolbar.blockClass, "__group"), className)
@@ -45,7 +38,6 @@ ToolbarGroup.displayName = componentName;
 ToolbarGroup.propTypes = {
   /** Provide the content of the `ToolbarGroup` */
   children: _propTypes.node.isRequired,
-
   /** Provide an optional class to be applied to the containing node */
   className: _propTypes.string
 };

package/lib/components/Toolbar/index.js

@@ -21,9 +21,6 @@ Object.defineProperty(exports, "ToolbarGroup", {
     return _ToolbarGroup.ToolbarGroup;
   }
 });
-
 var _Toolbar = require("./Toolbar");
-
 var _ToolbarButton = require("./ToolbarButton");
-
 var _ToolbarGroup = require("./ToolbarGroup");

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -1,53 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserProfileImage = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _devtools = require("../../global/js/utils/devtools");
-
 require("../../global/js/utils/props-helper");
-
 var _settings = require("../../settings");
-
 var _icons = require("@carbon/react/icons");
-
 var _react2 = require("@carbon/react");
-
 var _excluded = ["backgroundColor", "className", "kind", "icon", "initials", "image", "imageDescription", "size", "theme", "tooltipText"];
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * 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 portions of React that are needed.
+// Other standard imports.
+// Carbon and package components we use.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--user-profile-image");
-var componentName = 'UserProfileImage'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+var componentName = 'UserProfileImage';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * This is a user profile image component which displays an image, or initials or icon for a user.
  */
-
 var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var backgroundColor = _ref.backgroundColor,
-      className = _ref.className,
-      kind = _ref.kind,
-      icon = _ref.icon,
-      initials = _ref.initials,
-      image = _ref.image,
-      imageDescription = _ref.imageDescription,
-      size = _ref.size,
-      theme = _ref.theme,
-      tooltipText = _ref.tooltipText,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    kind = _ref.kind,
+    icon = _ref.icon,
+    initials = _ref.initials,
+    image = _ref.image,
+    imageDescription = _ref.imageDescription,
+    size = _ref.size,
+    theme = _ref.theme,
+    tooltipText = _ref.tooltipText,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var icons = {
     user: {
       md: function md(props) {
@@ -84,17 +82,14 @@ var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
       }
     }
   };
-
   var formatInitials = function formatInitials() {
     if (initials.length === 2) {
       return initials;
-    } // RegEx takes in the display name and returns the first and last initials. Thomas Watson and Thomas J. Watson
+    }
+    // RegEx takes in the display name and returns the first and last initials. Thomas Watson and Thomas J. Watson
     // both return JW.
-
-
     return initials.match(/(^\S\S?|\b\S)?/g).join('').match(/(^\S|\S$)?/g).join('').toUpperCase();
   };
-
   var getFillItem = function getFillItem() {
     if (image) {
       return function () {
@@ -105,41 +100,35 @@ var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
         });
       };
     }
-
     if (initials) {
       return formatInitials;
     }
-
     if (kind && size) {
       return icons[kind][size];
     }
-
     return icon;
-  }; // if user doesn't provide a color just generate a random one
-
+  };
 
+  // if user doesn't provide a color just generate a random one
   var getRandomColor = function getRandomColor() {
     var colors = ['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal'];
     return colors[Math.floor(Math.random() * colors.length)];
   };
-
   var FillItem = getFillItem();
-
   var renderUserProfileImage = function renderUserProfileImage() {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
       ref: ref,
       className: (0, _classnames.default)([blockClass, className, "".concat(blockClass, "--").concat(size), "".concat(blockClass, "--").concat(theme), "".concat(blockClass, "--").concat(backgroundColor || getRandomColor())])
     }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement(FillItem, null));
   };
-
   return FillItem && (tooltipText ? /*#__PURE__*/_react.default.createElement(_react2.IconButton, {
     label: tooltipText,
     className: "".concat(blockClass, "__tooltip"),
     kind: "ghost"
   }, renderUserProfileImage()) : renderUserProfileImage());
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.UserProfileImage = UserProfileImage;
 exports.UserProfileImage = UserProfileImage = _settings.pkg.checkComponentEnabled(UserProfileImage, componentName);
 UserProfileImage.displayName = componentName;
@@ -149,22 +138,18 @@ UserProfileImage.propTypes = {
    * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
    */
   backgroundColor: _propTypes.default.oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
-
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: _propTypes.default.string,
-
   /**
    * Provide a custom icon to use if you need to use an icon other than the included ones
    */
   icon: _propTypes.default.func,
-
   /**
    * When passing the image prop, supply a full path to the image to be displayed.
    */
   image: _propTypes.default.string,
-
   /**
    * When passing the image prop use the imageDescription prop to describe the image for screen reader.
    */
@@ -172,27 +157,22 @@ UserProfileImage.propTypes = {
     var image = _ref2.image;
     return !!image;
   }),
-
   /**
    * When passing the initials prop, either send the initials to be used or the user's display name. The first two capital letters of the display name will be used as the initials.
    */
   initials: _propTypes.default.string,
-
   /**
    * When passing the kind prop, use either "user" or "group". The values match up to the Carbon Library icons.
    */
   kind: _propTypes.default.oneOf(['user', 'group']),
-
   /**
    * Set the size of the avatar circle
    */
   size: _propTypes.default.oneOf(['xl', 'lg', 'md']).isRequired,
-
   /**
    * Set theme in which the component will be rendered
    */
   theme: _propTypes.default.oneOf(['light', 'dark']).isRequired,
-
   /**
    * Pass in the display name to have it shown on hover
    */

package/lib/components/UserProfileImage/index.js

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