@simplybusiness/mobius 6.3.1 → 6.3.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 6.3.3
+
+### Patch Changes
+
+- 73eef9e: Fix: Update address field mapping for US street
+- 5229bb9: Expandable test component dangerously sets inner html
+
+## 6.3.2
+
+### Patch Changes
+
+- 0439088: Fix CTM style snags with ErrorMessage and Checkbox
+
 ## 6.3.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -2383,6 +2383,7 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
           if ((0, import_react33.isValidElement)(child)) {
             const isLastItem = child === lastCheckbox;
             const isChildDisabled = isDisabled || lastItemDisables && lastCheckboxIsChecked && !isLastItem;
+            const childProps = child.props;
             return (0, import_react33.cloneElement)(
               child,
               {
@@ -2391,10 +2392,8 @@ var CheckboxGroup = (0, import_react33.forwardRef)((props, ref) => {
                 isReadOnly,
                 isInvalid,
                 isLastItem,
-                selected: selected.includes(
-                  child.props.value
-                ),
-                onChange: handleChange,
+                selected: selected.includes(childProps.value),
+                onChange: childProps.onChange || handleChange,
                 "aria-describedby": describedBy
               }
             );
@@ -4497,7 +4496,7 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
     setIsCollapsed(isOverflowing);
   }, [text, shouldCollapse, maxLines]);
   if (breakpoint && !shouldCollapse) {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, className, ...otherProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { ...textProps, children: text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, className, ...otherProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { ...textProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { dangerouslySetInnerHTML: { __html: text } }) }) });
   }
   const handleAccordionChange = (expanded) => {
     setIsExpanded(expanded);
@@ -4526,7 +4525,7 @@ var ExpandableText = (0, import_react82.forwardRef)((props, ref) => {
             style: textContainerStyle,
             "data-testid": "expandable-text-content",
             "aria-describedby": isCollapsed ? expandButtonId : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { elementType: "span", ...textProps, children: text })
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { elementType: "span", ...textProps, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { dangerouslySetInnerHTML: { __html: text } }) })
           }
         ),
         isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -4585,10 +4584,17 @@ var MaskedField = (0, import_react83.forwardRef)((props, ref) => {
   const {
     ref: maskRef,
     value: maskedValue,
-    unmaskedValue
+    unmaskedValue,
+    setValue
   } = (0, import_react_imask.useIMask)(mask, {
-    defaultValue
+    defaultValue: value || defaultValue
   });
+  (0, import_react83.useEffect)(() => {
+    const valueToCompare = useMaskedValue ? maskedValue : unmaskedValue;
+    if (value !== void 0 && value !== valueToCompare) {
+      setValue(value);
+    }
+  }, [value, setValue]);
   const handleChange = (event) => {
     if (onChange) {
       onChange(