react-mui-form-validator 1.1.9 → 1.2.0

package/lib/index.d.ts

@@ -116,7 +116,7 @@ declare namespace ValidatorForm {
     }
 }
 
-declare class MaterialUiPhoneNumber extends React__default.Component<any, any, any> {
+declare class MaterialUiPhoneNumber extends React.Component<any, any, any> {
     constructor(props: any);
     flags: {};
     guessSelectedCountry: ((inputNumber: any, onlyCountries: any, defaultCountry: any) => any) & lodash.MemoizedFunction;
@@ -173,9 +173,9 @@ declare class MaterialUiPhoneNumber extends React__default.Component<any, any, a
     getDropdownProps: () => {
         startAdornment?: undefined;
     } | {
-        startAdornment: React__default.JSX.Element;
+        startAdornment: React.JSX.Element;
     };
-    render(): React__default.JSX.Element;
+    render(): React.JSX.Element;
 }
 declare namespace MaterialUiPhoneNumber {
     namespace propTypes {

package/lib/index.js

@@ -212,7 +212,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment14 = REACT_FRAGMENT_TYPE;
+        var Fragment15 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal3 = REACT_PORTAL_TYPE;
@@ -271,7 +271,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment14;
+        exports.Fragment = Fragment15;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal3;
@@ -1174,7 +1174,7 @@ var require_react_is_development2 = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment14 = REACT_FRAGMENT_TYPE;
+        var Fragment15 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal3 = REACT_PORTAL_TYPE;
@@ -1242,7 +1242,7 @@ var require_react_is_development2 = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment14;
+        exports.Fragment = Fragment15;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal3;
@@ -1465,7 +1465,7 @@ var require_react_is_development3 = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment14 = REACT_FRAGMENT_TYPE;
+        var Fragment15 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal3 = REACT_PORTAL_TYPE;
@@ -1524,7 +1524,7 @@ var require_react_is_development3 = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment14;
+        exports.Fragment = Fragment15;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal3;
@@ -2035,29 +2035,29 @@ function getFunctionName(fn) {
   const name = match2 && match2[1];
   return name || "";
 }
-function getFunctionComponentName(Component2, fallback = "") {
-  return Component2.displayName || Component2.name || getFunctionName(Component2) || fallback;
+function getFunctionComponentName(Component3, fallback = "") {
+  return Component3.displayName || Component3.name || getFunctionName(Component3) || fallback;
 }
 function getWrappedName(outerType, innerType, wrapperName) {
   const functionName = getFunctionComponentName(innerType);
   return outerType.displayName || (functionName !== "" ? `${wrapperName}(${functionName})` : wrapperName);
 }
-function getDisplayName(Component2) {
-  if (Component2 == null) {
+function getDisplayName(Component3) {
+  if (Component3 == null) {
     return void 0;
   }
-  if (typeof Component2 === "string") {
-    return Component2;
+  if (typeof Component3 === "string") {
+    return Component3;
   }
-  if (typeof Component2 === "function") {
-    return getFunctionComponentName(Component2, "Component");
+  if (typeof Component3 === "function") {
+    return getFunctionComponentName(Component3, "Component");
   }
-  if (typeof Component2 === "object") {
-    switch (Component2.$$typeof) {
+  if (typeof Component3 === "object") {
+    switch (Component3.$$typeof) {
       case import_react_is.ForwardRef:
-        return getWrappedName(Component2, Component2.render, "ForwardRef");
+        return getWrappedName(Component3, Component3.render, "ForwardRef");
       case import_react_is.Memo:
-        return getWrappedName(Component2, Component2.type, "memo");
+        return getWrappedName(Component3, Component3.type, "memo");
       default:
         return void 0;
     }
@@ -7162,7 +7162,7 @@ function createStyled3(input = {}) {
           }))
         }));
       }
-      const Component2 = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
+      const Component3 = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
       if (process.env.NODE_ENV !== "production") {
         let displayName;
         if (componentName) {
@@ -7171,12 +7171,12 @@ function createStyled3(input = {}) {
         if (displayName === void 0) {
           displayName = `Styled(${getDisplayName(tag)})`;
         }
-        Component2.displayName = displayName;
+        Component3.displayName = displayName;
       }
       if (tag.muiName) {
-        Component2.muiName = tag.muiName;
+        Component3.muiName = tag.muiName;
       }
-      return Component2;
+      return Component3;
     };
     if (defaultStyledResolver.withConfig) {
       muiStyledResolver.withConfig = defaultStyledResolver.withConfig;
@@ -11939,20 +11939,20 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
   };
   _proto.render = function render() {
-    var _this$props = this.props, Component2 = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
+    var _this$props = this.props, Component3 = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
     var contextValue = this.state.contextValue;
     var children = values2(this.state.children).map(childFactory2);
     delete props.appear;
     delete props.enter;
     delete props.exit;
-    if (Component2 === null) {
+    if (Component3 === null) {
       return /* @__PURE__ */ import_react9.default.createElement(TransitionGroupContext_default.Provider, {
         value: contextValue
       }, children);
     }
     return /* @__PURE__ */ import_react9.default.createElement(TransitionGroupContext_default.Provider, {
       value: contextValue
-    }, /* @__PURE__ */ import_react9.default.createElement(Component2, props, children));
+    }, /* @__PURE__ */ import_react9.default.createElement(Component3, props, children));
   };
   return TransitionGroup2;
 }(import_react9.default.Component);
@@ -14887,7 +14887,7 @@ var SvgIcon_default = SvgIcon;
 // node_modules/@mui/material/utils/createSvgIcon.js
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function createSvgIcon(path, displayName) {
-  function Component2(props, ref) {
+  function Component3(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SvgIcon_default, _extends({
       "data-testid": `${displayName}Icon`,
       ref
@@ -14896,10 +14896,10 @@ function createSvgIcon(path, displayName) {
     }));
   }
   if (process.env.NODE_ENV !== "production") {
-    Component2.displayName = `${displayName}Icon`;
+    Component3.displayName = `${displayName}Icon`;
   }
-  Component2.muiName = SvgIcon_default.muiName;
-  return /* @__PURE__ */ React49.memo(/* @__PURE__ */ React49.forwardRef(Component2));
+  Component3.muiName = SvgIcon_default.muiName;
+  return /* @__PURE__ */ React49.memo(/* @__PURE__ */ React49.forwardRef(Component3));
 }
 
 // node_modules/@mui/material/internal/svg-icons/ArrowDropDown.js
@@ -17123,10 +17123,10 @@ var Typography = /* @__PURE__ */ React62.forwardRef(function Typography2(inProps
     variant,
     variantMapping
   });
-  const Component2 = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
+  const Component3 = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
   const classes = useUtilityClasses22(ownerState);
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TypographyRoot, _extends({
-    as: Component2,
+    as: Component3,
     ref,
     ownerState,
     className: clsx_default(classes.root, className)
@@ -18030,9 +18030,8 @@ var MuiSelect = class extends ValidatorComponent_default {
 };
 
 // src/components/MuiPhoneNumber/index.jsx
-var import_react16 = __toESM(require("react"));
+var React69 = __toESM(require("react"));
 var import_prop_types51 = __toESM(require_prop_types());
-var import_x22 = __toESM(require("country-flag-icons/react/3x2"));
 var import_lodash = require("lodash");
 
 // src/core/data/country.ts
@@ -18676,53 +18675,316 @@ var allCountries = [].concat(
   })
 );
 
-// src/components/MuiPhoneNumber/Item.jsx
-var import_react15 = __toESM(require("react"));
+// src/components/MuiPhoneNumber/Item.tsx
+var React68 = __toESM(require("react"));
 var import_prop_types50 = __toESM(require_prop_types());
+
+// src/core/data/iso.ts
 var import_x2 = __toESM(require("country-flag-icons/react/3x2"));
-var Item = class extends import_react15.default.PureComponent {
-  render() {
-    const ref = import_react15.default.createRef();
-    const {
-      name,
-      iso2,
-      dialCode,
-      localization,
-      itemRef,
-      native,
-      className = "",
-      ...restProps
-    } = this.props;
-    if (native) {
-      return /* @__PURE__ */ import_react15.default.createElement(
-        "option",
-        {
-          className: "country",
-          "data-dial-code": "1",
-          "data-country-code": iso2,
-          value: iso2,
-          ...restProps
-        },
-        localization || name,
-        " ",
-        `+${dialCode}`
-      );
-    }
-    const FlagComponent = import_x2.default[iso2.toUpperCase()];
-    return /* @__PURE__ */ import_react15.default.createElement(
-      MenuItem_default,
+var ISOCountries = () => [
+  import_x2.default.AC,
+  import_x2.default.AD,
+  import_x2.default.AE,
+  import_x2.default.AF,
+  import_x2.default.AG,
+  import_x2.default.AI,
+  import_x2.default.AL,
+  import_x2.default.AM,
+  import_x2.default.AO,
+  import_x2.default.AQ,
+  import_x2.default.AR,
+  import_x2.default.AS,
+  import_x2.default.AT,
+  import_x2.default.AU,
+  import_x2.default.AW,
+  import_x2.default.AX,
+  import_x2.default.AZ,
+  import_x2.default.BA,
+  import_x2.default.BB,
+  import_x2.default.BD,
+  import_x2.default.BE,
+  import_x2.default.BF,
+  import_x2.default.BG,
+  import_x2.default.BH,
+  import_x2.default.BI,
+  import_x2.default.BJ,
+  import_x2.default.BL,
+  import_x2.default.BM,
+  import_x2.default.BN,
+  import_x2.default.BO,
+  import_x2.default.BQ,
+  import_x2.default.BR,
+  import_x2.default.BS,
+  import_x2.default.BT,
+  import_x2.default.BV,
+  import_x2.default.BW,
+  import_x2.default.BY,
+  import_x2.default.BZ,
+  import_x2.default.CA,
+  import_x2.default.CC,
+  import_x2.default.CD,
+  import_x2.default.CF,
+  import_x2.default.CG,
+  import_x2.default.CH,
+  import_x2.default.CI,
+  import_x2.default.CK,
+  import_x2.default.CL,
+  import_x2.default.CM,
+  import_x2.default.CN,
+  import_x2.default.CO,
+  import_x2.default.CR,
+  import_x2.default.CU,
+  import_x2.default.CV,
+  import_x2.default.CW,
+  import_x2.default.CX,
+  import_x2.default.CY,
+  import_x2.default.CZ,
+  import_x2.default.DE,
+  import_x2.default.DJ,
+  import_x2.default.DK,
+  import_x2.default.DM,
+  import_x2.default.DO,
+  import_x2.default.DZ,
+  import_x2.default.EC,
+  import_x2.default.EE,
+  import_x2.default.EG,
+  import_x2.default.EH,
+  import_x2.default.ER,
+  import_x2.default.ES,
+  import_x2.default.ET,
+  import_x2.default.EU,
+  import_x2.default.FI,
+  import_x2.default.FJ,
+  import_x2.default.FK,
+  import_x2.default.FM,
+  import_x2.default.FO,
+  import_x2.default.FR,
+  import_x2.default.GA,
+  import_x2.default.GB,
+  import_x2.default.GD,
+  import_x2.default.GE,
+  import_x2.default.GF,
+  import_x2.default.GG,
+  import_x2.default.GH,
+  import_x2.default.GI,
+  import_x2.default.GL,
+  import_x2.default.GM,
+  import_x2.default.GN,
+  import_x2.default.GP,
+  import_x2.default.GQ,
+  import_x2.default.GR,
+  import_x2.default.GS,
+  import_x2.default.GT,
+  import_x2.default.GU,
+  import_x2.default.GW,
+  import_x2.default.GY,
+  import_x2.default.HK,
+  import_x2.default.HM,
+  import_x2.default.HN,
+  import_x2.default.HR,
+  import_x2.default.HT,
+  import_x2.default.HU,
+  import_x2.default.IC,
+  import_x2.default.ID,
+  import_x2.default.IE,
+  import_x2.default.IL,
+  import_x2.default.IM,
+  import_x2.default.IN,
+  import_x2.default.IO,
+  import_x2.default.IQ,
+  import_x2.default.IR,
+  import_x2.default.IS,
+  import_x2.default.IT,
+  import_x2.default.JE,
+  import_x2.default.JM,
+  import_x2.default.JO,
+  import_x2.default.JP,
+  import_x2.default.KE,
+  import_x2.default.KG,
+  import_x2.default.KH,
+  import_x2.default.KI,
+  import_x2.default.KM,
+  import_x2.default.KN,
+  import_x2.default.KP,
+  import_x2.default.KR,
+  import_x2.default.KW,
+  import_x2.default.KY,
+  import_x2.default.KZ,
+  import_x2.default.LA,
+  import_x2.default.LB,
+  import_x2.default.LC,
+  import_x2.default.LI,
+  import_x2.default.LK,
+  import_x2.default.LR,
+  import_x2.default.LS,
+  import_x2.default.LT,
+  import_x2.default.LU,
+  import_x2.default.LV,
+  import_x2.default.LY,
+  import_x2.default.MA,
+  import_x2.default.MC,
+  import_x2.default.MD,
+  import_x2.default.ME,
+  import_x2.default.MF,
+  import_x2.default.MG,
+  import_x2.default.MH,
+  import_x2.default.MK,
+  import_x2.default.ML,
+  import_x2.default.MM,
+  import_x2.default.MN,
+  import_x2.default.MO,
+  import_x2.default.MP,
+  import_x2.default.MQ,
+  import_x2.default.MR,
+  import_x2.default.MS,
+  import_x2.default.MT,
+  import_x2.default.MU,
+  import_x2.default.MV,
+  import_x2.default.MW,
+  import_x2.default.MX,
+  import_x2.default.MY,
+  import_x2.default.MZ,
+  import_x2.default.NA,
+  import_x2.default.NC,
+  import_x2.default.NE,
+  import_x2.default.NF,
+  import_x2.default.NG,
+  import_x2.default.NI,
+  import_x2.default.NL,
+  import_x2.default.NO,
+  import_x2.default.NP,
+  import_x2.default.NR,
+  import_x2.default.NU,
+  import_x2.default.NZ,
+  import_x2.default.OM,
+  import_x2.default.PA,
+  import_x2.default.PE,
+  import_x2.default.PF,
+  import_x2.default.PG,
+  import_x2.default.PH,
+  import_x2.default.PK,
+  import_x2.default.PL,
+  import_x2.default.PM,
+  import_x2.default.PN,
+  import_x2.default.PR,
+  import_x2.default.PS,
+  import_x2.default.PT,
+  import_x2.default.PW,
+  import_x2.default.PY,
+  import_x2.default.QA,
+  import_x2.default.RE,
+  import_x2.default.RO,
+  import_x2.default.RS,
+  import_x2.default.RU,
+  import_x2.default.RW,
+  import_x2.default.SA,
+  import_x2.default.SB,
+  import_x2.default.SC,
+  import_x2.default.SD,
+  import_x2.default.SE,
+  import_x2.default.SG,
+  import_x2.default.SH,
+  import_x2.default.SI,
+  import_x2.default.SJ,
+  import_x2.default.SK,
+  import_x2.default.SL,
+  import_x2.default.SM,
+  import_x2.default.SN,
+  import_x2.default.SO,
+  import_x2.default.SR,
+  import_x2.default.SS,
+  import_x2.default.ST,
+  import_x2.default.SV,
+  import_x2.default.SX,
+  import_x2.default.SY,
+  import_x2.default.SZ,
+  import_x2.default.TA,
+  import_x2.default.TC,
+  import_x2.default.TD,
+  import_x2.default.TF,
+  import_x2.default.TG,
+  import_x2.default.TH,
+  import_x2.default.TJ,
+  import_x2.default.TK,
+  import_x2.default.TL,
+  import_x2.default.TM,
+  import_x2.default.TN,
+  import_x2.default.TO,
+  import_x2.default.TR,
+  import_x2.default.TT,
+  import_x2.default.TV,
+  import_x2.default.TW,
+  import_x2.default.TZ,
+  import_x2.default.UA,
+  import_x2.default.UG,
+  import_x2.default.UM,
+  import_x2.default.US,
+  import_x2.default.UY,
+  import_x2.default.UZ,
+  import_x2.default.VA,
+  import_x2.default.VC,
+  import_x2.default.VE,
+  import_x2.default.VG,
+  import_x2.default.VI,
+  import_x2.default.VN,
+  import_x2.default.VU,
+  import_x2.default.WF,
+  import_x2.default.WS,
+  import_x2.default.XK,
+  import_x2.default.YE,
+  import_x2.default.YT,
+  import_x2.default.ZA,
+  import_x2.default.ZM,
+  import_x2.default.ZW
+];
+
+// src/components/MuiPhoneNumber/Item.tsx
+var Item = (props) => {
+  const {
+    name,
+    iso2,
+    dialCode,
+    localization,
+    itemRef,
+    selected,
+    onClick,
+    native,
+    className = "",
+    ...restProps
+  } = props;
+  if (native) {
+    return /* @__PURE__ */ React68.createElement(
+      "option",
       {
-        ref,
         className: "country",
         "data-dial-code": "1",
         "data-country-code": iso2,
+        selected,
+        value: iso2,
+        onClick,
         ...restProps
       },
-      Boolean(FlagComponent) && /* @__PURE__ */ import_react15.default.createElement("div", { className }, /* @__PURE__ */ import_react15.default.createElement(FlagComponent, null)),
-      /* @__PURE__ */ import_react15.default.createElement("span", { className: "country-name" }, localization || name),
-      /* @__PURE__ */ import_react15.default.createElement("span", { className: "dial-code" }, `+${dialCode}`)
+      localization || name,
+      " ",
+      `+${dialCode}`
     );
   }
+  const FlagComponent = ISOCountries[iso2.toUpperCase()];
+  return /* @__PURE__ */ React68.createElement(
+    MenuItem_default,
+    {
+      id: "mui_country_id",
+      className: "country",
+      "data-dial-code": "1",
+      selected,
+      "data-country-code": iso2,
+      onClick,
+      ...restProps
+    },
+    Boolean(FlagComponent) && /* @__PURE__ */ React68.createElement("div", { className }, /* @__PURE__ */ React68.createElement(FlagComponent, null)),
+    /* @__PURE__ */ React68.createElement("span", { className: "country-name" }, localization || name),
+    /* @__PURE__ */ React68.createElement("span", { className: "dial-code" }, `+${dialCode}`)
+  );
 };
 Item.propTypes = {
   name: import_prop_types50.default.string.isRequired,
@@ -18730,7 +18992,10 @@ Item.propTypes = {
   dialCode: import_prop_types50.default.string.isRequired,
   itemRef: import_prop_types50.default.func.isRequired,
   localization: import_prop_types50.default.string,
-  native: import_prop_types50.default.bool
+  native: import_prop_types50.default.bool,
+  selected: import_prop_types50.default.bool,
+  onClick: import_prop_types50.default.func,
+  className: import_prop_types50.default.string
 };
 Item.defaultProps = {
   localization: null,
@@ -18772,7 +19037,7 @@ var useStyles = (0, import_mui_styles.makeStyles)({
 });
 
 // src/components/MuiPhoneNumber/index.jsx
-var MaterialUiPhoneNumber = class extends import_react16.default.Component {
+var MaterialUiPhoneNumber = class extends React69.Component {
   flags = {};
   guessSelectedCountry = (0, import_lodash.memoize)(
     (inputNumber, onlyCountries, defaultCountry) => {
@@ -18792,8 +19057,7 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
           }
           return selectedCountry;
         },
-        { dialCode: "", priority: 10001 },
-        this
+        { dialCode: "", priority: 10001 }
       );
       if (!bestGuess.name)
         return secondBestGuess;
@@ -19294,14 +19558,12 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
       return localizedA.localeCompare(localizedB);
     });
     const isSelected = (country) => Boolean(selectedCountry && selectedCountry.dialCode === country.dialCode);
-    const FlagComponent = import_x22.default[selectedCountry.iso2.toUpperCase()];
+    const FlagComponent = ISOCountries[selectedCountry.iso2.toUpperCase()];
     const dropdownProps = disableDropdown ? {} : {
-      startAdornment: /* @__PURE__ */ import_react16.default.createElement(InputAdornment_default, { className: classes.positionStart, position: "start" }, native ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+      startAdornment: /* @__PURE__ */ React69.createElement(InputAdornment_default, { className: classes.positionStart, position: "start" }, native ? /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
         NativeSelect_default,
         {
           id: "country-menu",
-          open: Boolean(anchorEl),
-          onClose: () => this.setState({ anchorEl: null }),
           className: classes.native,
           classes: {
             root: clsx_default(classes.nativeRoot, "native"),
@@ -19311,7 +19573,7 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
           IconComponent: Boolean(FlagComponent) && FlagComponent,
           disableUnderline: true
         },
-        !!preferredCountries.length && (0, import_lodash.map)(preferredCountries, (country, index) => /* @__PURE__ */ import_react16.default.createElement(
+        !!preferredCountries.length && (0, import_lodash.map)(preferredCountries, (country, index) => /* @__PURE__ */ React69.createElement(
           Item_default,
           {
             key: `preferred_${country.iso2}_${index}`,
@@ -19325,7 +19587,7 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
             native: true
           }
         )),
-        (0, import_lodash.map)(onlyCountries, (country, index) => /* @__PURE__ */ import_react16.default.createElement(
+        (0, import_lodash.map)(onlyCountries, (country, index) => /* @__PURE__ */ React69.createElement(
           Item_default,
           {
             key: `preferred_${country.iso2}_${index}`,
@@ -19339,17 +19601,16 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
             native: true
           }
         ))
-      )) : /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+      )) : /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
         IconButton_default,
         {
           className: classes.flagButton,
-          "aria-owns": anchorEl ? "country-menu" : null,
           "aria-label": "Select country",
           onClick: (e) => this.setState({ anchorEl: e.currentTarget }),
           "aria-haspopup": true
         },
-        Boolean(FlagComponent) && /* @__PURE__ */ import_react16.default.createElement(FlagComponent, { className: "margin" })
-      ), /* @__PURE__ */ import_react16.default.createElement(
+        Boolean(FlagComponent) && /* @__PURE__ */ React69.createElement(FlagComponent, { className: "margin" })
+      ), /* @__PURE__ */ React69.createElement(
         Menu_default,
         {
           className: dropdownClass,
@@ -19358,7 +19619,7 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
           open: Boolean(anchorEl),
           onClose: () => this.setState({ anchorEl: null })
         },
-        !!preferredCountries.length && (0, import_lodash.map)(preferredCountries, (country, index) => /* @__PURE__ */ import_react16.default.createElement(
+        !!preferredCountries.length && (0, import_lodash.map)(preferredCountries, (country, index) => /* @__PURE__ */ React69.createElement(
           Item_default,
           {
             key: `preferred_${country.iso2}_${index}`,
@@ -19374,8 +19635,8 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
             className: classes.flagIcon
           }
         )),
-        !!preferredCountries.length && /* @__PURE__ */ import_react16.default.createElement(Divider_default, null),
-        (0, import_lodash.map)(onlyCountries, (country, index) => /* @__PURE__ */ import_react16.default.createElement(
+        !!preferredCountries.length && /* @__PURE__ */ React69.createElement(Divider_default, null),
+        (0, import_lodash.map)(onlyCountries, (country, index) => /* @__PURE__ */ React69.createElement(
           Item_default,
           {
             key: `preferred_${country.iso2}_${index}`,
@@ -19427,7 +19688,7 @@ var MaterialUiPhoneNumber = class extends import_react16.default.Component {
       ...restProps
     } = this.props;
     const dropdownProps = this.getDropdownProps();
-    return /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ React69.createElement(
       TextField_default,
       {
         placeholder: statePlaceholder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mui-form-validator",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "description": "Validator for forms designed with material-ui components.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@mui/material": "^5.14.3",
-    "@types/node": "^20.4.5",
+    "@types/node": "^20.4.8",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
@@ -50,14 +50,14 @@
     "eslint": "^8.46.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.9.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "prop-types": "^15.8.1",
-    "tsup": "^7.1.0",
+    "tsup": "^7.2.0",
     "typescript": "^5.1.6",
     "warning": "^4.0.3"
   }