@gympass/yoga 7.129.1 → 7.129.2

package/cjs/Input/web/Phone.js

@@ -127,7 +127,7 @@ const Phone = import_react.default.forwardRef(
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Input.default,
-      __spreadProps(__spreadValues({}, __spreadValues({
+      __spreadProps(__spreadValues({}, {
         disabled,
         readOnly,
         error,
@@ -135,17 +135,17 @@ const Phone = import_react.default.forwardRef(
         helper,
         value,
         cleanable
-      }, rest)), {
+      }), {
         ref: inputRef,
         label: "",
         onClean: (phoneNumber) => onChange(phoneNumber),
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(S.Container, { error, disabled, full, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_react_phone_input_2.default,
-          __spreadProps(__spreadValues({}, availableCountries), {
+          __spreadProps(__spreadValues(__spreadValues({}, availableCountries), rest), {
             ref: (phoneRef) => {
               inputRef.current = phoneRef == null ? void 0 : phoneRef.numberInputRef;
             },
-            inputProps: { readOnly },
+            inputProps: __spreadProps(__spreadValues({}, rest.inputProps), { readOnly }),
             disabled,
             disableDropdown: readOnly,
             country: defaultCountry,

package/cjs/Input/web/Phone.test.js

@@ -113,6 +113,16 @@ describe("<Input.Phone />", () => {
       import_react2.fireEvent.click(getAllByRole("button")[0]);
       expect(getAllByRole("option").length).toBe(12);
     });
+    it(`Should call onblur event`, () => {
+      const USPhone = numbersFormats[1];
+      const onBlur = jest.fn();
+      const { getAllByRole } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Phone, { onBlur, countries: [], value: USPhone.base }) })
+      );
+      const inputPhone = getAllByRole("textbox")[0];
+      import_react2.fireEvent.blur(inputPhone);
+      expect(onBlur).toHaveBeenCalled();
+    });
     it("should prefix the phone number with newly selected country dial code", () => __async(exports, null, function* () {
       const { getByRole, getByText, getByDisplayValue } = (0, import_react2.render)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Phone, { defaultCountry: "us" }) })

package/esm/Input/web/Phone.js

@@ -96,7 +96,7 @@ const Phone = React.forwardRef(
     };
     return /* @__PURE__ */ jsx(
       Input,
-      __spreadProps(__spreadValues({}, __spreadValues({
+      __spreadProps(__spreadValues({}, {
         disabled,
         readOnly,
         error,
@@ -104,17 +104,17 @@ const Phone = React.forwardRef(
         helper,
         value,
         cleanable
-      }, rest)), {
+      }), {
         ref: inputRef,
         label: "",
         onClean: (phoneNumber) => onChange(phoneNumber),
         children: /* @__PURE__ */ jsx(S.Container, { error, disabled, full, children: /* @__PURE__ */ jsx(
           BasePhoneInput,
-          __spreadProps(__spreadValues({}, availableCountries), {
+          __spreadProps(__spreadValues(__spreadValues({}, availableCountries), rest), {
             ref: (phoneRef) => {
               inputRef.current = phoneRef == null ? void 0 : phoneRef.numberInputRef;
             },
-            inputProps: { readOnly },
+            inputProps: __spreadProps(__spreadValues({}, rest.inputProps), { readOnly }),
             disabled,
             disableDropdown: readOnly,
             country: defaultCountry,

package/esm/Input/web/Phone.test.js

@@ -96,6 +96,16 @@ var require_Phone_test = __commonJS({
           fireEvent.click(getAllByRole("button")[0]);
           expect(getAllByRole("option").length).toBe(12);
         });
+        it(`Should call onblur event`, () => {
+          const USPhone = numbersFormats[1];
+          const onBlur = jest.fn();
+          const { getAllByRole } = render(
+            /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input.Phone, { onBlur, countries: [], value: USPhone.base }) })
+          );
+          const inputPhone = getAllByRole("textbox")[0];
+          fireEvent.blur(inputPhone);
+          expect(onBlur).toHaveBeenCalled();
+        });
         it("should prefix the phone number with newly selected country dial code", () => __async(exports, null, function* () {
           const { getByRole, getByText, getByDisplayValue } = render(
             /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input.Phone, { defaultCountry: "us" }) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.129.1",
+  "version": "7.129.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -59,7 +59,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "a6ff1cf68245808edee7bbe019c5c1e9c2258cfc",
+  "gitHead": "80d9a26eac0590d41b55997aff7d267fb259e499",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"