@carbon/ibm-products 1.10.0 → 1.11.2

package/lib/components/AddSelect/add-select-utils.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalize = exports.flatten = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _excluded = ["children"],
+    _excluded2 = ["children"];
+
+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; }
+
+/**
+ * used to normalize nested data into a single object
+ * @param {Array} items - list of entries
+ * @returns an object of normalized item data
+ */
+var normalize = function normalize(items) {
+  var entries = items.entries,
+      parentId = items.parentId,
+      sortBy = items.sortBy,
+      filterBy = items.filterBy;
+  return entries.reduce(function (acc, cur) {
+    var children = cur.children,
+        entry = (0, _objectWithoutProperties2.default)(cur, _excluded);
+    acc[cur.id] = _objectSpread({}, entry);
+
+    if (parentId) {
+      acc[cur.id].parent = parentId;
+    }
+
+    if (sortBy !== null && sortBy !== void 0 && sortBy.length) {
+      acc[cur.id].sortBy = sortBy;
+    }
+
+    if (filterBy) {
+      acc[cur.id].filterBy = filterBy;
+    }
+
+    if (children) {
+      acc[cur.id].children = children.entries.map(function (child) {
+        return child.id;
+      });
+      var child = normalize(_objectSpread(_objectSpread({}, children), {}, {
+        parentId: cur.id
+      }));
+      return _objectSpread(_objectSpread({}, acc), child);
+    }
+
+    return acc;
+  }, {});
+};
+/**
+ * used to create a single searchable array of nested items
+ * @param {Array} entries - list of entries
+ * @returns an array of items
+ */
+
+
+exports.normalize = normalize;
+
+var flatten = function flatten(entries) {
+  return entries.reduce(function (prev, cur) {
+    var children = cur.children,
+        item = (0, _objectWithoutProperties2.default)(cur, _excluded2);
+    return prev.concat(item).concat(children ? flatten(children.entries) : []);
+  }, []);
+};
+
+exports.flatten = flatten;

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -94,7 +94,8 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
       ariaLabel: overflowAriaLabel,
       renderIcon: _iconsReact.OverflowMenuHorizontal32,
-      className: "".concat(blockClass, "__overflow-menu")
+      className: "".concat(blockClass, "__overflow-menu"),
+      menuOptionsClass: "".concat(blockClass, "__overflow-menu-options")
     }, // eslint-disable-next-line react/prop-types
     overflowItems.map(function (item, index) {
       return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenuItem, {

package/lib/components/ButtonMenu/ButtonMenu.js

@@ -21,14 +21,15 @@ var _settings = require("../../settings");
 
 var _carbonComponentsReact = require("carbon-components-react");
 
-var _excluded = ["children", "className", "iconDescription", "label", "menuOptionsClass", "renderIcon", "size"];
+var _excluded = ["children", "className", "iconDescription", "kind", "label", "menuOptionsClass", "renderIcon", "size"];
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--button-menu");
 var componentName = 'ButtonMenu'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
 // Default values for props
 
 var defaults = {
-  size: 'default'
+  size: 'default',
+  kind: 'primary'
 };
 /**
  * Combining a standard button with an overflow menu, this component appears
@@ -42,6 +43,8 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       iconDescription = _ref.iconDescription,
+      _ref$kind = _ref.kind,
+      kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
       label = _ref.label,
       menuOptionsClass = _ref.menuOptionsClass,
       Icon = _ref.renderIcon,
@@ -55,7 +58,7 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     menuOptionsClass: (0, _classnames.default)("".concat(blockClass, "__options"), menuOptionsClass),
     renderIcon: function renderIcon() {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(["".concat(blockClass, "__trigger"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--primary"), "".concat(_settings.carbon.prefix, "--btn--").concat(size)])
+        className: (0, _classnames.default)(["".concat(blockClass, "__trigger"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--").concat(kind), "".concat(_settings.carbon.prefix, "--btn--").concat(size)])
       }, label, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
         "aria-hidden": "true",
         "aria-label": iconDescription,
@@ -93,6 +96,11 @@ ButtonMenu.propTypes = {
    */
   iconDescription: _carbonComponentsReact.Button.propTypes.iconDescription,
 
+  /**
+   * The three types the menu button supports: primary, tertiary and ghost.
+   */
+  kind: _propTypes.default.oneOf(['primary', 'tertiary', 'ghost']),
+
   /**
    * The button label for the menu trigger.
    */

package/lib/components/CreateFullPage/CreateFullPageStep.js

@@ -81,23 +81,23 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     shouldIncludeStep: shouldIncludeStep,
     secondaryLabel: secondaryLabel,
     title: title
-  }); // This useEffect reports back the onNext and onMount values so that they can be used
+  }); // This useEffect reports back the onMount value so that they can be used
   // in the appropriate custom hooks.
 
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
-      stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnNext(onNext);
       stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnMount(onMount);
     }
-  }, [onMount, onNext, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
+  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]);
   (0, _react.useEffect)(function () {
     setShouldIncludeStep(includeStep);
-  }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit value to the
+  }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit and onNext values to the
   // steps container context so that it can manage the 'Next' button appropriately.
 
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
+      stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext]);
   return stepsContext ? /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({}, rest, {

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -83,24 +83,24 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     shouldIncludeStep: shouldIncludeStep,
     secondaryLabel: secondaryLabel,
     title: title
-  }); // This useEffect reports back the onNext and onMount values so that they can be used
+  }); // This useEffect reports back the onMount value so that they can be used
   // in the appropriate custom hooks.
 
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep) && (previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
-      stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnNext(onNext);
       stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnMount(onMount);
     }
-  }, [onMount, onNext, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]); // Used to take the `includeStep` prop and use it as a local state value
+  }, [onMount, stepsContext, stepNumber, previousState === null || previousState === void 0 ? void 0 : previousState.currentStep]); // Used to take the `includeStep` prop and use it as a local state value
 
   (0, _react.useEffect)(function () {
     setShouldIncludeStep(includeStep);
-  }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit value to the
+  }, [includeStep, stepsContext, title]); // Whenever we are the current step, supply our disableSubmit and onNext values to the
   // steps container context so that it can manage the 'Next' button appropriately.
 
   (0, _react.useEffect)(function () {
     if (stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)) {
       stepsContext.setIsDisabled(disableSubmit);
+      stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.setOnNext(onNext); // needs to be updated here otherwise there could be stale state values from only initially setting onNext
     }
   }, [stepsContext, stepNumber, disableSubmit, onNext]);
   return stepsContext ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {