@carbon/ibm-products 1.3.0 → 1.6.1

package/lib/global/js/hooks/useRetrieveStepData.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRetrieveStepData = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = require("react");
+
+/**
+ * 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.
+ */
+
+/**
+ * This useEffect makes sure that every CreateTearsheetStep/CreateFullPageStep reports back it's
+ * title, secondaryLabel, introStep, and shouldIncludeStep data so that it can be sent to the CreateInfluencer.
+ * @param {object} useResetCreateComponent
+ * @param {object} useResetCreateComponent.stepsContext
+ * @param {number} useResetCreateComponent.stepNumber
+ * @param {boolean} useResetCreateComponent.introStep
+ * @param {boolean} useResetCreateComponent.shouldIncludeStep
+ * @param {string} useResetCreateComponent.secondaryLabel
+ * @param {string} useResetCreateComponent.title
+ */
+var useRetrieveStepData = function useRetrieveStepData(_ref) {
+  var stepsContext = _ref.stepsContext,
+      stepNumber = _ref.stepNumber,
+      introStep = _ref.introStep,
+      shouldIncludeStep = _ref.shouldIncludeStep,
+      secondaryLabel = _ref.secondaryLabel,
+      title = _ref.title;
+  (0, _react.useEffect)(function () {
+    if (stepsContext) {
+      stepsContext.setStepData(function (prev) {
+        var stepItem = {
+          title: title,
+          secondaryLabel: secondaryLabel,
+          introStep: introStep,
+          shouldIncludeStep: shouldIncludeStep
+        };
+        var previousItem = prev[stepNumber - 1];
+
+        if ((previousItem === null || previousItem === void 0 ? void 0 : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep) {
+          var clone = (0, _toConsumableArray2.default)(prev);
+          clone[stepNumber - 1] = stepItem;
+          return clone;
+        }
+
+        return prev;
+      });
+    }
+  }, [shouldIncludeStep, title, secondaryLabel, introStep, stepsContext, stepNumber]);
+};
+
+exports.useRetrieveStepData = useRetrieveStepData;

package/lib/global/js/hooks/useValidCreateStepCount.js

@@ -16,18 +16,15 @@ var _react = require("react");
 
 /**
  * Logs a warning to console if an invalid number of steps are used with the given CreateComponent
- * @param {Function} getCreateComponentSteps
+ * @param {number} stepCount
  * @param {string} componentName
  */
-var useValidCreateStepCount = function useValidCreateStepCount(getCreateComponentSteps, componentName) {
+var useValidCreateStepCount = function useValidCreateStepCount(stepCount, componentName) {
   (0, _react.useEffect)(function () {
-    var createSteps = getCreateComponentSteps();
-    var total = createSteps.length;
-
-    if (total === 1) {
+    if (stepCount === 1) {
       console.warn("".concat(componentName, ": ").concat(componentName, "s with one step are not permitted. If you require only one step, please use either the CreateTearsheetNarrow, CreateSidePanel, or CreateModal components."));
     }
-  }, [getCreateComponentSteps, componentName]);
+  }, [stepCount, componentName]);
 };
 
 exports.useValidCreateStepCount = useValidCreateStepCount;

package/lib/global/js/package-settings.js

@@ -56,7 +56,8 @@ var defaults = {
     UnauthorizedEmptyState: true,
     UserProfileImage: true,
     // other public components not yet reviewed and released:
-    AddSelect: false,
+    MultiAddSelect: false,
+    SingleAddSelect: false,
     LoadingBar: false,
     ModifiedTabs: false,
     Toolbar: false,
@@ -65,7 +66,8 @@ var defaults = {
     WebTerminal: false,
     EditSidePanel: false,
     OptionsTile: false,
-    CancelableTextEdit: false
+    CancelableTextEdit: false,
+    InlineEdit: false
     /* new component flags here - comment used by generate CLI */
 
   },

package/lib/global/js/utils/lastIndexInArray.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lastIndexInArray = void 0;
+
+/**
+ * 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.
+ */
+
+/**
+ * This utility will return the index of the last instance of an
+ * item in the given array of objects whose key is equal to the value
+ * parameter. If there are no matches, -1 is returned as similar to findIndex
+ * @param {Array<Object.*>} array
+ * @param {string} key
+ * @param {string|boolean|number} value
+ */
+var lastIndexInArray = function lastIndexInArray(array, key, value) {
+  for (var i = array.length - 1; i >= 0; i--) {
+    var _array$i;
+
+    if (((_array$i = array[i]) === null || _array$i === void 0 ? void 0 : _array$i[key]) === value) {
+      return i + 1;
+    }
+  }
+
+  return -1;
+};
+
+exports.lastIndexInArray = lastIndexInArray;

package/lib/settings.js

@@ -9,8 +9,6 @@ exports.pkg = exports.carbon = void 0;
 
 var _Canary = require("./components/_Canary");
 
-var _featureFlags = _interopRequireDefault(require("./generated/feature-flags/feature-flags"));
-
 var _packageSettings = _interopRequireDefault(require("./global/js/package-settings"));
 
 var _carbonComponents = require("carbon-components");
@@ -28,10 +26,6 @@ var carbon = {
     _carbonComponents.settings.prefix = val;
   },
 
-  get flags() {
-    return _featureFlags.default;
-  },
-
   get themes() {
     return _themes.themes;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.3.0",
+  "version": "1.6.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -33,58 +33,58 @@
     "access": "public"
   },
   "scripts": {
-    "build": "run-s clean build-all",
+    "build": "run-s clean build-first build-all",
     "build-all": "run-p build:*",
-    "build:css-dev": "sass --style=expanded --load-path node_modules --load-path ../../node_modules src:css",
-    "build:css-min": "sass --style=compressed --no-source-map --load-path node_modules --load-path ../../node_modules src/index.scss:css/index.min.css src/index-full-carbon.scss:css/index-full-carbon.min.css src/index-without-carbon.scss:css/index-without-carbon.min.css src/index-without-carbon-released-only.scss:css/index-without-carbon-released-only.min.css",
+    "build-first": "copyfiles 'src/**/*.scss' scss -u 1",
+    "build:css-dev": "sass --style=expanded --load-path node_modules --load-path ../../node_modules scss:css",
+    "build:css-min": "sass --style=compressed --load-path node_modules --load-path ../../node_modules scss/index.scss:css/index.min.css scss/index-full-carbon.scss:css/index-full-carbon.min.css scss/index-without-carbon.scss:css/index-without-carbon.min.css scss/index-without-carbon-released-only.scss:css/index-without-carbon-released-only.min.css",
     "build:js-esm": "cross-env BABEL_ENV=esm yarn build:js:modules -d es",
     "build:js-cjs": "cross-env BABEL_ENV=cjs yarn build:js:modules -d lib",
     "build:js:modules": "babel src --ignore '**/__tests__','**/*.test.js','**/*.stories.js','src/utils/**/*'",
-    "build:scss": "copyfiles 'src/**/*.scss' scss -u 1",
     "ci-check": "node scripts/import",
     "clean": "rimraf es lib css scss",
     "generate": "cross-env FORCE_COLOR=1 node scripts/generate",
     "postinstall": "carbon-telemetry collect --install",
     "test": "jest --colors",
-    "//upgrade-dependencies": "# don't upgrade carbon (done globally), react/react-dom (explicit range peer dependency) or chalk (until we can load it as ESM)",
-    "upgrade-dependencies": "npm-check-updates -u --color --reject '/(carbon|^react$|^react-dom$|^chalk$)/'"
+    "//upgrade-dependencies": "# don't upgrade carbon (done globally), react/react-dom (explicit range peer dependency), chalk (issue #1596)",
+    "upgrade-dependencies": "npm-check-updates -u --dep dev,peer,prod --color --reject '/(carbon|^react$|^react-dom$|^chalk$)/'"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.7",
-    "@babel/core": "^7.16.7",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.3",
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.2",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.7",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
-    "jest": "^27.4.7",
-    "jest-config-ibm-cloud-cognitive": "^0.23.4",
-    "npm-check-updates": "^12.1.0",
+    "jest": "^27.5.1",
+    "jest-config-ibm-cloud-cognitive": "^0.23.8",
+    "npm-check-updates": "^12.3.0",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "sass": "^1.46.0",
+    "sass": "^1.49.7",
     "yargs": "^17.3.1"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.7",
+    "@babel/runtime": "^7.17.2",
     "@carbon/telemetry": "^0.0.0-alpha.6",
     "react-resize-detector": "^7.0.0"
   },
   "peerDependencies": {
-    "@carbon/colors": "^10.34.0",
-    "@carbon/icons-react": "^10.42.0",
+    "@carbon/colors": "^10.35.0",
+    "@carbon/icons-react": "^10.45.0",
     "@carbon/import-once": "^10.5.0",
-    "@carbon/layout": "^10.34.0",
-    "@carbon/motion": "^10.26.0",
-    "@carbon/themes": "^10.46.0",
-    "@carbon/type": "^10.38.0",
-    "carbon-components": "^10.47.1",
-    "carbon-components-react": "^7.47.2",
+    "@carbon/layout": "^10.35.0",
+    "@carbon/motion": "^10.27.0",
+    "@carbon/themes": "^10.50.0",
+    "@carbon/type": "^10.40.0",
+    "carbon-components": "^10.52.0",
+    "carbon-components-react": "^7.52.0",
     "carbon-icons": "^7.0.7",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "569d76f7fd293e929288516959f03a3eea777251"
+  "gitHead": "86c37c0c58a654ada45a703c5524237e9abb2664"
 }

package/scss/components/AddSelect/_add-select.scss

@@ -18,10 +18,10 @@
     padding: $spacing-05;
     padding-bottom: 0;
     border-top: 1px solid $ui-03;
+  }
 
-    .#{$block-class}__items-label {
-      @include carbon--type-style('productive-heading-01');
-    }
+  .#{$block-class}__body {
+    padding: $spacing-05;
   }
 
   .#{$block-class}__items-label {
@@ -37,28 +37,48 @@
 
   .#{$block-class}__selections {
     border-top: 1px solid $ui-03;
+
+    &-wrapper {
+      display: block;
+    }
+
+    &-cell-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
   }
 
-  // multi select specific
+  // sidebar
 
-  .#{$block-class}__influencer-header {
+  .#{$block-class}__sidebar-header {
     display: flex;
     padding: $spacing-06 $spacing-05 $spacing-03 $spacing-05;
     border-bottom: 1px solid $ui-03;
 
-    .#{$block-class}__influencer-title {
+    .#{$block-class}__sidebar-title {
       @include carbon--type-style('productive-heading-02');
     }
   }
 
-  .#{$block-class}__influencer-title {
+  .#{$block-class}__sidebar-title {
     margin-right: $spacing-03;
   }
 
-  .#{$block-class}__influencer-body {
+  .#{$block-class}__sidebar-body {
     padding: $spacing-05;
   }
 
+  .#{$block-class} .#{$block-class}__sidebar-item-header {
+    @include carbon--type-style('label-01');
+  }
+
+  .#{$block-class} .#{$block-class}__sidebar-item-body {
+    @include carbon--type-style('body-long-01');
+
+    margin-bottom: $spacing-03;
+  }
+
   // overrides
 
   // the influencer sidebar needs to be even with the buttons
@@ -66,6 +86,31 @@
     max-width: 29rem;
     flex: 0 0 50%;
   }
+
+  .#{$block-class} .#{$block-class}__items-label {
+    @include carbon--type-style('productive-heading-01');
+  }
+
+  .#{$block-class}
+    .#{$carbon-prefix}--modal-container--sm
+    .bx--modal-content
+    p {
+    padding-right: 0;
+  }
+
+  .#{$block-class} .#{$carbon-prefix}--structured-list-td {
+    padding-bottom: $spacing-05;
+  }
+
+  .#{$block-class}
+    .#{$carbon-prefix}--radio-button-wrapper
+    .#{$carbon-prefix}--radio-button__label {
+    justify-content: left;
+  }
+
+  .#{$block-class} .#{$carbon-prefix}--breadcrumb .#{$carbon-prefix}--link {
+    cursor: pointer;
+  }
 }
 
 @include exports('add-select') {

package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss

@@ -32,11 +32,8 @@
     }
 
     .#{$block-class}__breadcrumb-container.#{$block-class}__breadcrumb-container-with-items {
-      display: none;
+      display: inline-flex; // needed to register a width
       width: 100%;
-      @include carbon--breakpoint(md) {
-        display: inline-flex; // needed to register a width
-      }
     }
 
     .#{$block-class}__breadcrumb-container .#{$carbon-prefix}--breadcrumb {
@@ -50,12 +47,28 @@
       @include measuring-container;
     }
 
+    .#{$block-class}__breadcrumb-back {
+      display: none;
+    }
+
+    @include carbon--breakpoint-down(md) {
+      .#{$carbon-prefix}--breadcrumb-item {
+        display: none;
+      }
+
+      .#{$block-class}__breadcrumb-back,
+      .#{$carbon-prefix}--breadcrumb-item:last-child {
+        display: inline-flex;
+        vertical-align: middle;
+      }
+    }
+
     .#{$carbon-prefix}--breadcrumb-item:last-child {
-      display: inline;
+      display: inline-flex; // flex instead of block due to spacing
     }
 
     .#{$block-class}__displayed-breadcrumb:last-child {
-      display: inline;
+      display: inline-flex; // flex instead of block due to spacing
       overflow: hidden;
     }
 
@@ -69,15 +82,6 @@
     .#{$carbon-prefix}--link {
       max-height: 18px; // to match breadcrumb - overflow button is 20 by default
     }
-
-    .#{$block-class}__breadcrumb-back-button.#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only.#{$carbon-prefix}--tooltip__trigger {
-      display: inline-flex;
-      margin-top: calc(-1 * #{$spacing-04});
-
-      @include carbon--breakpoint(md) {
-        display: none;
-      }
-    }
   }
 }
 

package/scss/components/BreadcrumbWithOverflow/_index.scss

@@ -5,4 +5,4 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@import './breadcrumb-with-overflow.scss';
+@import './breadcrumb-with-overflow';