@true-engineering/true-react-common-ui-kit 3.45.1 → 3.45.3

package/README.md

@@ -11,7 +11,13 @@
 
 # Release Notes
 
-## 3.45.1
+## 3.45.3
+
+- **Flag**: Добавлены флаги для Абхазии и Южной Осетии
+- **PhoneInput**: Добавлены PhoneInfo для Абхазии и Южной осетии.
+- **PhoneInput**: Исправлен баг с невозможностью выбора стран с одинаковыми dialCode
+
+## 3.45.2
 
 ### Changes
 

package/dist/components/Flag/customFlags/customFlags.d.ts

@@ -0,0 +1,10 @@
+export declare const customFlags: {
+    /**
+     * Абхазия
+     */
+    AB: string;
+    /**
+     * Южная осетия
+     */
+    OS: string;
+};

package/dist/components/Flag/customFlags/index.d.ts

@@ -0,0 +1 @@
+export * from './customFlags';

package/dist/true-react-common-ui-kit.js

@@ -1997,6 +1997,21 @@ var minWidthModifier = {
   }
 };
 var phoneInfo = [
+  {
+    countryEn: "Abkhazia",
+    countryRu: "Абхазия",
+    countryCode: "AB",
+    phoneMask: "999 999-99-99",
+    dialCode: "7",
+    areaCodes: [
+      "840",
+      "940"
+    ],
+    fullCodes: [
+      "7840",
+      "7940"
+    ]
+  },
   {
     countryEn: "Afghanistan",
     countryRu: "Афганистан",
@@ -3794,6 +3809,16 @@ var phoneInfo = [
       "82"
     ]
   },
+  {
+    countryCode: "OS",
+    countryEn: "South Ossetia",
+    countryRu: "Южная Осетия",
+    phoneMask: "999 999-99-99",
+    dialCode: "7",
+    fullCodes: [
+      "7"
+    ]
+  },
   {
     countryEn: "South Sudan",
     countryRu: "Южный Судан",
@@ -25719,8 +25744,24 @@ const Flags = {
   ZM,
   ZW
 };
+const AB = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 341.3"><path fill="#FFF" d="M0 0h512v341.3H0z"/><g fill="#6DA544"><path d="M0 0h512v48.8H0zM0 97.5h512v48.8H0zM0 195h512v48.8H0zM0 292.6h512v48.8H0z"/></g><path fill="#D80027" d="M0 0h256v146.3H0z"/><path fill="#FFF" d="m116.9 114.4-7.5-14.8V69.9L128 59l18.6 10.9v22.3l7.4-7.4 4.2 3-4.2 11.8-14.9 14.8z"/><circle fill="#FFF" cx="82" cy="82.8" r="5.4"/><circle fill="#FFF" cx="90.8" cy="61.7" r="5.4"/><circle fill="#FFF" cx="106.6" cy="46.2" r="5.4"/><circle fill="#FFF" cx="128" cy="40.8" r="5.4"/><circle fill="#FFF" cx="149.4" cy="46.2" r="5.4"/><circle fill="#FFF" cx="165.2" cy="61.7" r="5.4"/><circle fill="#FFF" cx="174" cy="82.8" r="5.4"/></svg>';
+const OS = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 300"><path fill="#FFF" d="M0 0h450v300H0z"/><path fill="red" d="M0 100h450v200H0z"/><path fill="#FFDF00" d="M0 200h450v100H0z"/></svg>';
+var customFlags = {
+  /**
+  * Абхазия
+  */
+  AB,
+  /**
+  * Южная осетия
+  */
+  OS
+};
 var useStyles$l = createThemedStyles("Flag", {
   root: {
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    boxSizing: "border-box",
     // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
     // если будет нужно, то можно вынести border на уровень пропсов
     border: [
@@ -25740,17 +25781,29 @@ var Flag = function(param) {
   var classes = useStyles$l({
     theme: tweakStyles
   });
-  var CC3 = countryCode.toUpperCase();
-  var TheFlag = hasFlag(CC3) ? Flags[CC3] : function() {
+  var countryFlagKey = countryCode.toUpperCase();
+  var hasFlagInLibrary = hasFlag(countryFlagKey);
+  if (hasFlagInLibrary) {
+    var FlagComponent = Flags[countryFlagKey];
     return /* @__PURE__ */ jsx("div", {
-      className: classes.noFlag,
-      children: /* @__PURE__ */ jsx(Icon, {
-        type: "minus"
-      })
+      className: classes.root,
+      children: /* @__PURE__ */ jsx(FlagComponent, {})
     });
-  };
-  return /* @__PURE__ */ jsx(TheFlag, {
-    className: classes.root
+  }
+  var CustomFlag = customFlags[countryFlagKey];
+  if (CustomFlag !== void 0) {
+    return /* @__PURE__ */ jsx("div", {
+      className: classes.root,
+      dangerouslySetInnerHTML: {
+        __html: CustomFlag
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx("div", {
+    className: classes.noFlag,
+    children: /* @__PURE__ */ jsx(Icon, {
+      type: "minus"
+    })
   });
 };
 var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
@@ -28718,6 +28771,7 @@ var PhoneInput = function(_param) {
     var _value_countryCode;
     return (_value_countryCode = value === null || value === void 0 ? void 0 : value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
   }, [
+    value.countryCode,
     value.dialCode,
     value.phoneNumber
   ]);