@simplybusiness/mobius 6.2.0 → 6.3.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 6.3.0
+
+### Minor Changes
+
+- 485a83d: Accordion specific CSS tokens with CTM overrides
+- 5d01a2f: Added CTM theme variations for Radio, Checkbox and ErrorMessage
+
+## 6.2.1
+
+### Patch Changes
+
+- Updated dependencies [99ed68f]
+  - @simplybusiness/icons@4.33.1
+
 ## 6.2.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -4553,6 +4553,23 @@ ExpandableText.displayName = "ExpandableText";
 var import_react83 = require("react");
 var import_react_imask = require("react-imask");
 var import_jsx_runtime71 = require("react/jsx-runtime");
+var createSyntheticEvent = (options) => {
+  const { event, useMaskedValue, maskedValue, unmaskedValue, name } = options;
+  const valueToEmit = useMaskedValue ? maskedValue : unmaskedValue;
+  return {
+    ...event,
+    target: {
+      ...event.target,
+      value: valueToEmit,
+      name
+    },
+    currentTarget: {
+      ...event.currentTarget,
+      value: valueToEmit,
+      name
+    }
+  };
+};
 var MaskedField = (0, import_react83.forwardRef)((props, ref) => {
   const {
     mask,
@@ -4560,29 +4577,44 @@ var MaskedField = (0, import_react83.forwardRef)((props, ref) => {
     defaultValue,
     useMaskedValue = false,
     onChange,
+    onBlur,
     "aria-describedby": ariaDescribedBy,
     "aria-label": ariaLabel,
     ...textFieldProps
   } = props;
-  const { ref: maskRef, value: maskedValue } = (0, import_react_imask.useIMask)(mask, {
-    defaultValue,
-    onAccept: (value2, maskRef2) => {
-      if (onChange) {
-        const valueToEmit = useMaskedValue ? value2 : maskRef2.unmaskedValue;
-        const syntheticEvent = {
-          target: {
-            value: valueToEmit,
-            name: textFieldProps.name
-          },
-          currentTarget: {
-            value: valueToEmit,
-            name: textFieldProps.name
-          }
-        };
-        onChange(syntheticEvent);
-      }
-    }
+  const {
+    ref: maskRef,
+    value: maskedValue,
+    unmaskedValue
+  } = (0, import_react_imask.useIMask)(mask, {
+    defaultValue
   });
+  const handleChange = (event) => {
+    if (onChange) {
+      onChange(
+        createSyntheticEvent({
+          event,
+          useMaskedValue,
+          maskedValue,
+          unmaskedValue,
+          name: textFieldProps.name
+        })
+      );
+    }
+  };
+  const handleBlur = (event) => {
+    if (onBlur) {
+      onBlur(
+        createSyntheticEvent({
+          event,
+          useMaskedValue,
+          maskedValue,
+          unmaskedValue,
+          name: textFieldProps.name
+        })
+      );
+    }
+  };
   const inputRef = (node) => {
     if (maskRef) {
       maskRef.current = node;
@@ -4601,8 +4633,8 @@ var MaskedField = (0, import_react83.forwardRef)((props, ref) => {
       ...textFieldProps,
       ref: inputRef,
       value: maskedValue,
-      onChange: () => {
-      },
+      onChange: handleChange,
+      onBlur: handleBlur,
       "aria-describedby": ariaDescribedBy,
       "aria-label": ariaLabel
     }