carbon-react 101.0.1 → 101.1.0

package/lib/__internal__/field-help/field-help.style.js

@@ -19,9 +19,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 const FieldHelpStyle = _styledComponents.default.span`
   display: block;
+  flex: 1;
   margin-top: 8px;
   white-space: pre-wrap;
-  width: 100%;
 
   ${({
   labelInline,

package/lib/components/select/multi-select/multi-select.component.js

@@ -344,7 +344,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     } = optionData;
 
     if (selectionType === "navigationKey") {
-      setHighlightedValue("");
+      setHighlightedValue(newValue);
       return;
     }
 
@@ -353,26 +353,23 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     }
 
     setTextValue("");
+    const isAlreadySelected = selectedValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
+
+    if (!isAlreadySelected && isControlled.current && onChange) {
+      onChange(createCustomEvent([...selectedValue, newValue]));
+    }
+
     setSelectedValue(previousValue => {
       textboxRef.focus();
       isMouseDownReported.current = false;
-      const isAlreadySelected = previousValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
 
       if (isAlreadySelected) {
         return previousValue;
       }
 
-      const valueList = [...previousValue, newValue];
-
-      if (isControlled.current && onChange) {
-        onChange(createCustomEvent(valueList));
-        return previousValue;
-      }
-
-      return valueList;
+      return [...previousValue, newValue];
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [createCustomEvent, onChange, textboxRef]);
+  }, [createCustomEvent, onChange, textboxRef, selectedValue]);
 
   function onSelectListClose() {
     setOpenState(false);

package/lib/components/text-editor/__internal__/decorators/link-decorator.js

@@ -29,8 +29,15 @@ function findWithRegex(regex, contentBlock, callback) {
 }
 
 const linkStrategy = (contentBlock, callback) => {
-  const expr = /\s*(https:\/\/|http:\/\/|www\.)\S+(:{0,1}(\w*@)?)(\.{1}(?!\.)\S{2,})|(:[0-9]+)(\/|\/([\w#!:.?+=&%@!-/]))?\s*/g;
-  findWithRegex(RegExp(expr), contentBlock, callback);
+  const combineRegex = (...regex) => new RegExp(regex.map(r => r.source).join(""), "g");
+
+  const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/, // prefix
+  /([\w-]+:([\w-]+@))?/, // userinfo
+  /([\w-]+\.)+\w+/, // domain
+  /(:\d+)?/, // port
+  /(\/[\w#!:.?+=&%@!-/]+)?/, // paths, queries, fragments
+  /\b/);
+  findWithRegex(urlRegex, contentBlock, callback);
 };
 
 var _default = {

package/lib/style/design-tokens/debug-theme.util.js

@@ -38,14 +38,15 @@ const debugTheme = themeProperties => Object.fromEntries(Object.entries(themePro
   }
 
   if (typeof value === "object") {
-    return [key, debugTheme(value)];
+    return key === "compatibility" ? [key, value] : [key, debugTheme(value)];
   }
 
   return [key, ""];
 }));
 
 var _default = { ...debugTheme(_mint.default),
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage-debug"
 };
 exports.default = _default;

package/lib/style/themes/base/base-theme.config.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _atOpacity = _interopRequireDefault(require("../../utils/at-opacity"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -340,7 +342,7 @@ var _default = palette => {
     },
 
     get compatibility() {
-      return {
+      return { ..._common.default,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
         colorsActionDisabled500: this.disabled.background,

package/lib/style/themes/sage/index.js

@@ -12,7 +12,8 @@ var _index = _interopRequireDefault(require("../mint/index"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = { ..._index.default,
-  ..._common.default,
+  compatibility: { ..._common.default
+  },
   name: "sage (experimental)"
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "101.0.1",
+  "version": "101.1.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -59,9 +59,9 @@
     "@babel/preset-typescript": "7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@semantic-release/changelog": "^5.0.1",
+    "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
-    "@semantic-release/git": "^9.0.0",
+    "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^6.3.6",
     "@storybook/addon-actions": "^6.3.6",
     "@storybook/addon-controls": "^6.3.7",
@@ -132,7 +132,7 @@
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.12.0",
     "rimraf": "^3.0.2",
-    "semantic-release": "^17.4.7",
+    "semantic-release": "^18.0.1",
     "semver": "^7.3.5",
     "sprintf-js": "^1.1.2",
     "styled-components": "^4.4.1",