@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha6

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1995,6 +1995,17 @@
     }
   };
   var phoneInfo = [
+    {
+      countryEn: "Abkhazia",
+      countryRu: "Абхазия",
+      countryCode: "AB",
+      phoneMask: "(999) 999-99-99",
+      dialCode: "7",
+      dialCodePriority: 1,
+      fullCodes: [
+        "7"
+      ]
+    },
     {
       countryEn: "Afghanistan",
       countryRu: "Афганистан",
@@ -2991,39 +3002,10 @@
       countryRu: "Казахстан",
       countryCode: "KZ",
       dialCode: "7",
-      phoneMask: "999 999-99-99",
+      phoneMask: "(999) 999-99-99",
       dialCodePriority: 1,
-      areaCodes: [
-        "310",
-        "311",
-        "312",
-        "313",
-        "315",
-        "318",
-        "321",
-        "324",
-        "325",
-        "326",
-        "327",
-        "336",
-        "7172",
-        "73622"
-      ],
       fullCodes: [
-        "7310",
-        "7311",
-        "7312",
-        "7313",
-        "7315",
-        "7318",
-        "7321",
-        "7324",
-        "7325",
-        "7326",
-        "7327",
-        "7336",
-        "77172",
-        "773622"
+        "7"
       ]
     },
     {
@@ -3792,6 +3774,17 @@
         "82"
       ]
     },
+    {
+      countryCode: "OS",
+      countryEn: "South Ossetia",
+      countryRu: "Южная Осетия",
+      phoneMask: "(999) 999-99-99",
+      dialCode: "7",
+      dialCodePriority: 1,
+      fullCodes: [
+        "7"
+      ]
+    },
     {
       countryEn: "South Sudan",
       countryRu: "Южный Судан",
@@ -4749,22 +4742,25 @@
     return ((_phone_dialCode = phone === null || phone === void 0 ? void 0 : phone.dialCode) !== null && _phone_dialCode !== void 0 ? _phone_dialCode : "") + ((_phone_phoneNumber = phone === null || phone === void 0 ? void 0 : phone.phoneNumber) !== null && _phone_phoneNumber !== void 0 ? _phone_phoneNumber : "");
   };
   var getCountryCodeFromPhone = function(phoneWithCode) {
-    var _phoneInfo_find;
-    var countryCode = (_phoneInfo_find = phoneInfo.find(function(info) {
-      return info.fullCodes.some(function(code) {
-        return phoneWithCode.startsWith(code);
-      });
-    })) === null || _phoneInfo_find === void 0 ? void 0 : _phoneInfo_find.countryCode;
-    if (trueReactPlatformHelpers.isEmpty(countryCode) && trueReactPlatformHelpers.isNotEmpty(phoneWithCode)) {
-      var _phoneInfo_filter_sort_;
-      countryCode = (_phoneInfo_filter_sort_ = phoneInfo.filter(function(info) {
-        return phoneWithCode.startsWith(info.dialCode);
-      }).sort(function(infoA, infoB) {
-        var _infoA_dialCodePriority, _infoB_dialCodePriority;
-        return ((_infoA_dialCodePriority = infoA.dialCodePriority) !== null && _infoA_dialCodePriority !== void 0 ? _infoA_dialCodePriority : 1e3) - ((_infoB_dialCodePriority = infoB.dialCodePriority) !== null && _infoB_dialCodePriority !== void 0 ? _infoB_dialCodePriority : 1e3);
-      })[0]) === null || _phoneInfo_filter_sort_ === void 0 ? void 0 : _phoneInfo_filter_sort_.countryCode;
-    }
-    return countryCode;
+    var _highestPriorityCountries_at;
+    if (trueReactPlatformHelpers.isStringEmpty(phoneWithCode)) {
+      return;
+    }
+    var matchedCountries = phoneInfo.filter(function(info) {
+      return info.fullCodes.some(function(fullCode) {
+        return phoneWithCode.startsWith(fullCode);
+      });
+    });
+    if (matchedCountries.length === 1) {
+      return matchedCountries[0].countryCode;
+    }
+    var highestPriorityCountries = phoneInfo.filter(function(info) {
+      return phoneWithCode.startsWith(info.dialCode);
+    }).sort(function(a, b) {
+      var _a_dialCodePriority, _b_dialCodePriority;
+      return ((_a_dialCodePriority = a.dialCodePriority) !== null && _a_dialCodePriority !== void 0 ? _a_dialCodePriority : 1e3) - ((_b_dialCodePriority = b.dialCodePriority) !== null && _b_dialCodePriority !== void 0 ? _b_dialCodePriority : 1e3);
+    });
+    return (_highestPriorityCountries_at = highestPriorityCountries.at(0)) === null || _highestPriorityCountries_at === void 0 ? void 0 : _highestPriorityCountries_at.countryCode;
   };
   var getPhoneObjFromString = function(fullPhone, countryCode) {
     var _findCountryByCode;
@@ -10881,7 +10877,7 @@
     }
     return target;
   }
-  var SearchInput = function(_param) {
+  var SearchInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
     var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, placeholder = _param.placeholder, value = _param.value, testId = _param.testId, tweakStyles = _param.tweakStyles;
     _param.data;
     var props = _object_without_properties$f(_param, [
@@ -10899,6 +10895,7 @@
       currentComponentName: "SearchInput"
     });
     return /* @__PURE__ */ jsx(Input, _object_spread$N({
+      ref,
       value,
       placeholder,
       icon: "search",
@@ -10906,7 +10903,7 @@
       testId: trueReactPlatformHelpers.getTestId(testId, "input"),
       tweakStyles: tweakInputStyles
     }, props));
-  };
+  });
   var ScrollIntoViewIfNeededDefaultElementType = "div";
   var ScrollIntoViewIfNeededDefaultProps = {
     active: true,
@@ -12010,9 +12007,13 @@
       dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.shouldUsePopper
     ]);
     var handleListClose = React.useCallback(function(event) {
+      if (!isListOpen) {
+        return;
+      }
       closeList();
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     }, [
+      isListOpen,
       closeList,
       onBlur
     ]);
@@ -13580,6 +13581,7 @@
       color: colors.CLASSIC_WHITE,
       letterSpacing: 0.2
     },
+    custom: {},
     info: {},
     error: {
       "&$tooltip": {
@@ -19215,7 +19217,7 @@
     if (trueReactPlatformHelpers.isEmpty(value)) {
       return /* @__PURE__ */ jsx(Fragment, {});
     }
-    if (filter.getSelectedValueView !== void 0) {
+    if (trueReactPlatformHelpers.isNotEmpty(filter.getSelectedValueView)) {
       return /* @__PURE__ */ jsx("span", {
         className: classes.text,
         children: filter.getSelectedValueView(value)
@@ -19284,22 +19286,6 @@
         children: intervals.join(" ")
       });
     }
-    if (isMultiple) {
-      return /* @__PURE__ */ jsx(Fragment, {
-        children: Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx("span", {
-              className: classes.text,
-              children: displayValue(value[0])
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: classes.count,
-              children: value.length > 1 && " (+".concat(value.length - 1, ")")
-            })
-          ]
-        })
-      });
-    }
     if (isDate) {
       var from = value.from, to = value.to, periodType = value.periodType, label = value.label;
       var hasFrom = from !== void 0 && from !== null;
@@ -19330,6 +19316,24 @@
         children: range.join(" ")
       });
     }
+    if (isMultiple) {
+      var _filter_getSelectedValue;
+      var convertValue = (_filter_getSelectedValue = filter.getSelectedValue) !== null && _filter_getSelectedValue !== void 0 ? _filter_getSelectedValue : displayValue;
+      return /* @__PURE__ */ jsx(Fragment, {
+        children: Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: classes.text,
+              children: convertValue(value[0])
+            }),
+            /* @__PURE__ */ jsx("span", {
+              className: classes.count,
+              children: value.length > 1 && " (+".concat(value.length - 1, ")")
+            })
+          ]
+        })
+      });
+    }
     if (isRange && Array.isArray(value)) {
       var rangeValue = value;
       var rangeValueFrom = rangeValue[0];
@@ -25877,8 +25881,24 @@
     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: [
@@ -25898,17 +25918,29 @@
     var classes = useStyles$l({
       theme: tweakStyles
     });
-    var CC2 = countryCode.toUpperCase();
-    var TheFlag = countryFlagIcons.hasFlag(CC2) ? Flags[CC2] : function() {
+    var countryFlagKey = countryCode.toUpperCase();
+    var hasFlagInLibrary = countryFlagIcons.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";
@@ -26423,7 +26455,7 @@
       return _array_like_to_array$7(o, minLen);
   }
   function FlexibleTableRowInner(param) {
-    var item = param.item, index = param.index, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isFocusable = param.isFocusable, isFocusable = _param_isFocusable === void 0 ? false : _param_isFocusable, _param_isFirstColumnSticky = param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, rowAttributes = param.rowAttributes, _param_isExpandableRowComponentInitiallyOpen = param.isExpandableRowComponentInitiallyOpen, isExpandableRowComponentInitiallyOpen = _param_isExpandableRowComponentInitiallyOpen === void 0 ? false : _param_isExpandableRowComponentInitiallyOpen, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
+    var item = param.item, index = param.index, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isFocusable = param.isFocusable, isFocusable = _param_isFocusable === void 0 ? false : _param_isFocusable, _param_isFirstColumnSticky = param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, rowAttributes = param.rowAttributes, _param_isExpandableRowComponentInitiallyOpen = param.isExpandableRowComponentInitiallyOpen, isExpandableRowComponentInitiallyOpen = _param_isExpandableRowComponentInitiallyOpen === void 0 ? false : _param_isExpandableRowComponentInitiallyOpen, rowRef = param.rowRef, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
     var classes = useStyles$h({
       theme: tweakStyles
     });
@@ -26500,6 +26532,7 @@
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         /* @__PURE__ */ jsx(Table.Row, _object_spread_props$k(_object_spread$l({
+          ref: rowRef,
           className: clsx(classes.root, (_obj2 = {}, _define_property$m(_obj2, classes.active, isActive), _define_property$m(_obj2, classes.editable, isEditable), _define_property$m(_obj2, classes.clickable, isClickable), _obj2))
         }, !isLoading && {
           onClick: handleRowClick,
@@ -28881,6 +28914,7 @@
       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
     ]);
@@ -28911,7 +28945,7 @@
     var handleSelect = function(newPhoneInfo, event) {
       if (newPhoneInfo.countryCode !== countryCode) {
         onChange({
-          phoneNumber: "",
+          phoneNumber: newPhoneInfo.dialCode !== value.dialCode ? "" : getPhoneObjFromString(phoneWithCode).phoneNumber,
           dialCode: newPhoneInfo.dialCode,
           countryCode: newPhoneInfo.countryCode
         }, event);