intelicoreact 1.3.21 → 1.3.22

package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js

@@ -1,66 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _MonoAccordion = _interopRequireDefault(require("../../../UI/MonoAccordion/MonoAccordion"));
-
 var _CheckboxInput = _interopRequireDefault(require("../../CheckboxInput/CheckboxInput"));
-
 require("../TieredCheckboxes.scss");
-
-var AccordionWithCheckbox = function AccordionWithCheckbox(_ref) {
+const AccordionWithCheckbox = _ref => {
   var _parent$children, _parent$children$some, _parent$children2, _parent$children2$eve, _parent$children3, _parent$children4;
-
-  var children = _ref.children,
-      parent = _ref.parent,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      RC = _ref.RC,
-      setIsOpen = _ref.setIsOpen,
-      icon = _ref.icon,
-      disabled = _ref.disabled,
-      datasetProp = _ref.datasetProp,
-      isUseParentsClassesAsDataset = _ref.isUseParentsClassesAsDataset;
+  let {
+    children,
+    parent,
+    onChange,
+    className,
+    RC,
+    setIsOpen,
+    icon,
+    disabled,
+    datasetProp,
+    isUseParentsClassesAsDataset
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
     datasetProp: datasetProp,
-    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(parent.className), !isUseParentsClassesAsDataset)),
+    className: (0, _classnames.default)(className, {
+      ["".concat(parent.className)]: !isUseParentsClassesAsDataset
+    }),
     isOpen: parent.isOpen,
     onClick: setIsOpen,
     icon: icon,
-    disabled: disabled // disabled={parent.children?.every?.((child) => child.disabled)}
+    disabled: disabled
+    // disabled={parent.children?.every?.((child) => child.disabled)}
     ,
     titleJSX: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
       className: "".concat(RC, "__checkbox-input"),
-      isStark: (parent === null || parent === void 0 ? void 0 : (_parent$children = parent.children) === null || _parent$children === void 0 ? void 0 : (_parent$children$some = _parent$children.some) === null || _parent$children$some === void 0 ? void 0 : _parent$children$some.call(_parent$children, function (item) {
-        return item.value;
-      })) && !(parent !== null && parent !== void 0 && (_parent$children2 = parent.children) !== null && _parent$children2 !== void 0 && (_parent$children2$eve = _parent$children2.every) !== null && _parent$children2$eve !== void 0 && _parent$children2$eve.call(_parent$children2, function (item) {
-        return item.value;
-      })),
+      isStark: (parent === null || parent === void 0 || (_parent$children = parent.children) === null || _parent$children === void 0 || (_parent$children$some = _parent$children.some) === null || _parent$children$some === void 0 ? void 0 : _parent$children$some.call(_parent$children, item => item.value)) && !(parent !== null && parent !== void 0 && (_parent$children2 = parent.children) !== null && _parent$children2 !== void 0 && (_parent$children2$eve = _parent$children2.every) !== null && _parent$children2$eve !== void 0 && _parent$children2$eve.call(_parent$children2, item => item.value)),
       label: parent.label,
       value: parent.value,
       onChange: onChange,
-      disabled: parent.children.every(function (_ref2) {
-        var disabled = _ref2.disabled;
+      disabled: parent.children.every(_ref2 => {
+        let {
+          disabled
+        } = _ref2;
         return disabled === true;
       }) || parent.disabled
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(RC, "__description-checked")
-    }, parent !== null && parent !== void 0 && (_parent$children3 = parent.children) !== null && _parent$children3 !== void 0 && _parent$children3.length ? "Selected ".concat(parent.children.filter(function (child) {
-      return child.value;
-    }).length, " from ").concat((_parent$children4 = parent.children) === null || _parent$children4 === void 0 ? void 0 : _parent$children4.length) : null))
+    }, parent !== null && parent !== void 0 && (_parent$children3 = parent.children) !== null && _parent$children3 !== void 0 && _parent$children3.length ? "Selected ".concat(parent.children.filter(child => child.value).length, " from ").concat((_parent$children4 = parent.children) === null || _parent$children4 === void 0 ? void 0 : _parent$children4.length) : null))
   }, children);
 };
-
-var _default = AccordionWithCheckbox;
-exports.default = _default;
+var _default = exports.default = AccordionWithCheckbox;

package/dist/Atomic/FormElements/TimeRange/TimeRange.js

@@ -1,73 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
-var _useToggle3 = _interopRequireDefault(require("../../../Functions/useToggle"));
-
+var _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
 var _Label = _interopRequireDefault(require("../Label/Label"));
-
 var _Input = _interopRequireDefault(require("../Input/Input"));
-
 require("./TimeRange.scss");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var TimeRange = function TimeRange(_ref) {
-  var className = _ref.className,
-      from = _ref.from,
-      to = _ref.to,
-      labelFrom = _ref.labelFrom,
-      labelTo = _ref.labelTo;
-
-  var _useState = (0, _react.useState)(from),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      startTime = _useState2[0],
-      setStartTime = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(to),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      endTime = _useState4[0],
-      setEndTime = _useState4[1]; // eslint-disable-next-line no-unused-vars
-
-
-  var _useToggle = (0, _useToggle3.default)(),
-      isStartTimeValidate = _useToggle.isToggled,
-      setIsStartTimeValidate = _useToggle.toggleOn; // eslint-disable-next-line no-unused-vars
-
-
-  var _useToggle2 = (0, _useToggle3.default)(),
-      isEndTimeValidate = _useToggle2.isToggled,
-      setIsEndTimeValidate = _useToggle2.toggleOn;
-
-  var isStartTimeValid = (0, _react.useMemo)(function () {
-    return (0, _moment.default)(startTime, 'HH:mm', true).isValid();
-  }, [startTime]);
-  var isEndTimeValid = (0, _react.useMemo)(function () {
-    return (0, _moment.default)(endTime, 'HH:mm', true).isValid();
-  }, [endTime]);
-
-  var blurTimeHandler = function blurTimeHandler(time, setFunc) {
-    var formattedTime = time ? (0, _moment.default)(time, 'HH:mm').format('HH:mm') : '';
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TimeRange = _ref => {
+  let {
+    className,
+    from,
+    to,
+    labelFrom,
+    labelTo
+  } = _ref;
+  const [startTime, setStartTime] = (0, _react.useState)(from);
+  const [endTime, setEndTime] = (0, _react.useState)(to);
+
+  // eslint-disable-next-line no-unused-vars
+  const {
+    isToggled: isStartTimeValidate,
+    toggleOn: setIsStartTimeValidate
+  } = (0, _useToggle.default)();
+  // eslint-disable-next-line no-unused-vars
+  const {
+    isToggled: isEndTimeValidate,
+    toggleOn: setIsEndTimeValidate
+  } = (0, _useToggle.default)();
+  const isStartTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(startTime, 'HH:mm', true).isValid(), [startTime]);
+  const isEndTimeValid = (0, _react.useMemo)(() => (0, _moment.default)(endTime, 'HH:mm', true).isValid(), [endTime]);
+  const blurTimeHandler = (time, setFunc) => {
+    const formattedTime = time ? (0, _moment.default)(time, 'HH:mm').format('HH:mm') : '';
     setFunc(formattedTime);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, 'time-range')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -77,29 +50,19 @@ var TimeRange = function TimeRange(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: "time-range__input",
     value: startTime,
-    onChange: function onChange(value) {
-      return setStartTime(value);
-    },
+    onChange: value => setStartTime(value),
     placeholder: "00:00",
-    onBlur: function onBlur() {
-      return blurTimeHandler(startTime, setStartTime);
-    },
+    onBlur: () => blurTimeHandler(startTime, setStartTime),
     error: isStartTimeValidate || !isStartTimeValid ? 'HH:MM format' : ''
   }), /*#__PURE__*/_react.default.createElement(_Label.default, {
     label: labelTo || 'and'
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: "time-range__input",
     value: endTime,
-    onChange: function onChange(value) {
-      return setEndTime(value);
-    },
+    onChange: value => setEndTime(value),
     placeholder: "00:00",
-    onBlur: function onBlur() {
-      return blurTimeHandler(endTime, setEndTime);
-    },
+    onBlur: () => blurTimeHandler(endTime, setEndTime),
     error: isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : ''
   })));
 };
-
-var _default = TimeRange;
-exports.default = _default;
+var _default = exports.default = TimeRange;

package/dist/Atomic/FormElements/UserContacts/UserContacts.js

@@ -1,174 +1,114 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
 require("./UserContacts.scss");
-
 var _CustomIcons = require("../../../Molecular/CustomIcons");
-
-var _excluded = ["className", "email", "phone", "EmalIcon", "PhoneIcon", "isFirstPhone", "maxWidth", "isUseCommaSeparator", "generalizingWord", "isNotRenderGeneralizingWord", "Lng", "otherContacts", "isOtherTogetherMainContacts"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var RC = 'user-contacts';
-
-var UserContacts = function UserContacts(props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const RC = 'user-contacts';
+const UserContacts = props => {
   var _otherContacts$map, _otherContacts$map2;
-
-  var _ref = props || {},
-      className = _ref.className,
-      email = _ref.email,
-      phone = _ref.phone,
-      EmalIcon = _ref.EmalIcon,
-      PhoneIcon = _ref.PhoneIcon,
-      isFirstPhone = _ref.isFirstPhone,
-      maxWidth = _ref.maxWidth,
-      _ref$isUseCommaSepara = _ref.isUseCommaSeparator,
-      isUseCommaSeparator = _ref$isUseCommaSepara === void 0 ? true : _ref$isUseCommaSepara,
-      _ref$generalizingWord = _ref.generalizingWord,
-      generalizingWord = _ref$generalizingWord === void 0 ? 'contact' : _ref$generalizingWord,
-      _ref$isNotRenderGener = _ref.isNotRenderGeneralizingWord,
-      isNotRenderGeneralizingWord = _ref$isNotRenderGener === void 0 ? false : _ref$isNotRenderGener,
-      _ref$Lng = _ref.Lng,
-      Lng = _ref$Lng === void 0 ? function (value) {
-    return value;
-  } : _ref$Lng,
-      _ref$otherContacts = _ref.otherContacts,
-      otherContacts = _ref$otherContacts === void 0 ? [] : _ref$otherContacts,
-      _ref$isOtherTogetherM = _ref.isOtherTogetherMainContacts,
-      isOtherTogetherMainContacts = _ref$isOtherTogetherM === void 0 ? false : _ref$isOtherTogetherM,
-      mainContacts = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var PRIMARY_TEXT = Lng('Primary'); //? В случае появления новых типов контактов добавлять их сюда по аналогии,
+  const {
+    className,
+    email,
+    phone,
+    EmalIcon,
+    PhoneIcon,
+    isFirstPhone,
+    maxWidth,
+    isUseCommaSeparator = true,
+    generalizingWord = 'contact',
+    isNotRenderGeneralizingWord = false,
+    Lng = value => value,
+    otherContacts = [],
+    isOtherTogetherMainContacts = false,
+    //! rest-свойство должено быть последним в деструкторизации.
+    //!По задумке оно соберет в себе только свойства соответствующии контактам
+    ...mainContacts
+  } = props || {};
+  const PRIMARY_TEXT = Lng('Primary');
+
+  //? В случае появления новых типов контактов добавлять их сюда по аналогии,
   //? или на крайний случай в массив otherContacts (otherContacts - массив строк)
-
-  var mainContactsDescriptions = {
+  const mainContactsDescriptions = {
     isDisputeContact: 'Dispute',
     isSalesContact: 'Sales',
     isAccountingContact: 'Accounting',
     isBusinessContact: 'Business',
     isTechnicalContact: 'Technical'
   };
-
-  var getContact = function getContact(key) {
-    var _ref2 = (0, _typeof2.default)(mainContacts[key]) === 'object' ? mainContacts[key] : {},
-        prefix = _ref2.prefix,
-        postfix = _ref2.postfix;
-
+  const getContact = key => {
+    const {
+      prefix,
+      postfix
+    } = typeof mainContacts[key] === 'object' ? mainContacts[key] : {};
     return "".concat(prefix ? Lng(prefix.toString()) + ' ' : '').concat(Lng(mainContactsDescriptions[key])).concat(postfix ? ' ' + Lng(postfix.toString()) : '');
   };
-
-  var mainContactsStructure = Object.keys(mainContacts).reduce(function (acc, key) {
-    return mainContacts[key] && key in mainContactsDescriptions ? [].concat((0, _toConsumableArray2.default)(acc), [getContact(key)]) : acc;
-  }, []);
-  mainContactsStructure = isOtherTogetherMainContacts ? [].concat((0, _toConsumableArray2.default)(mainContactsStructure), (0, _toConsumableArray2.default)(Array.isArray(otherContacts) ? otherContacts === null || otherContacts === void 0 ? void 0 : (_otherContacts$map = otherContacts.map) === null || _otherContacts$map === void 0 ? void 0 : _otherContacts$map.call(otherContacts, function (contact) {
-    return Lng(contact);
-  }) : [])) : mainContactsStructure;
-  var mainContactsCount = mainContactsStructure.length;
-  var otherContactsCount = (otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) || 0;
-  var isContacts = !!mainContactsCount || !!otherContactsCount;
-  var isMainContacts = !!mainContactsCount;
-  var mainRef = (0, _react.useRef)(null);
-  var firstRef = (0, _react.useRef)(null);
-  var secondRef = (0, _react.useRef)(null);
-  var contactsRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isIconMode = _useState2[0],
-      setIconMode = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isRunTask = _useState4[0],
-      setIsRunTask = _useState4[1];
-
-  var getSeparator = function getSeparator(type) {
-    var separator = isUseCommaSeparator ? ', ' : ' ';
-
+  let mainContactsStructure = Object.keys(mainContacts).reduce((acc, key) => mainContacts[key] && key in mainContactsDescriptions ? [...acc, getContact(key)] : acc, []);
+  mainContactsStructure = isOtherTogetherMainContacts ? [...mainContactsStructure, ...(Array.isArray(otherContacts) ? otherContacts === null || otherContacts === void 0 || (_otherContacts$map = otherContacts.map) === null || _otherContacts$map === void 0 ? void 0 : _otherContacts$map.call(otherContacts, contact => Lng(contact)) : [])] : mainContactsStructure;
+  let mainContactsCount = mainContactsStructure.length;
+  let otherContactsCount = (otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) || 0;
+  const isContacts = !!mainContactsCount || !!otherContactsCount;
+  const isMainContacts = !!mainContactsCount;
+  const mainRef = (0, _react.useRef)(null);
+  const firstRef = (0, _react.useRef)(null);
+  const secondRef = (0, _react.useRef)(null);
+  const contactsRef = (0, _react.useRef)(null);
+  const [isIconMode, setIconMode] = (0, _react.useState)(false);
+  const [isRunTask, setIsRunTask] = (0, _react.useState)(null);
+  const getSeparator = type => {
+    const separator = isUseCommaSeparator ? ', ' : ' ';
     switch (type) {
       case 'main':
         return mainContactsCount-- > 1 ? separator : '';
-
       case 'other':
         return otherContactsCount-- > 1 ? separator : '';
-
       default:
         return separator;
     }
   };
-
-  var firstKey = isFirstPhone ? 'phone' : 'email';
-  var secondKey = isFirstPhone ? 'email' : 'phone';
-
-  var getIcon = function getIcon(key) {
+  const firstKey = isFirstPhone ? 'phone' : 'email';
+  const secondKey = isFirstPhone ? 'email' : 'phone';
+  const getIcon = key => {
     switch (key) {
       case 'email':
         return EmalIcon || /*#__PURE__*/_react.default.createElement(_CustomIcons.Email, null);
-
       case 'phone':
         return PhoneIcon || /*#__PURE__*/_react.default.createElement(_CustomIcons.Phone, null);
-
       default:
         return null;
     }
   };
-
-  var getProtocol = function getProtocol(key) {
+  const getProtocol = key => {
     switch (key) {
       case 'email':
         return 'mailto:';
-
       case 'phone':
         return 'tel:';
-
       default:
         return 'https://';
     }
   };
-
-  var getClasses = function getClasses(isFirst) {
-    return (0, _classnames.default)('no-wrap', "".concat(RC, "__").concat(isFirst ? firstKey : secondKey), (0, _defineProperty2.default)({}, "".concat(RC, "__").concat(isFirst ? firstKey : secondKey, "_icon-mode"), isIconMode));
-  };
-
-  var checkWidth = function checkWidth() {
+  const getClasses = isFirst => (0, _classnames.default)('no-wrap', "".concat(RC, "__").concat(isFirst ? firstKey : secondKey), {
+    ["".concat(RC, "__").concat(isFirst ? firstKey : secondKey, "_icon-mode")]: isIconMode
+  });
+  const checkWidth = () => {
     if (mainRef.current && firstRef.current && secondRef.current && contactsRef.current) {
-      var measure = maxWidth && typeof maxWidth === 'number' ? maxWidth : mainRef.current.clientWidth;
+      const measure = maxWidth && typeof maxWidth === 'number' ? maxWidth : mainRef.current.clientWidth;
       if (firstRef.current.clientWidth + secondRef.current.clientWidth + contactsRef.current.clientWidth > measure) setIconMode(true);else setIconMode(false);
     }
   };
-
   (0, _react.useLayoutEffect)(checkWidth, [isRunTask]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setIsRunTask({});
-    return function () {
-      return setIconMode(false);
-    };
+    return () => setIconMode(false);
   }, [email, phone, JSON.stringify(mainContactsStructure), +maxWidth]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: mainRef,
@@ -188,12 +128,6 @@ var UserContacts = function UserContacts(props) {
   }, isIconMode ? getIcon(secondKey) : "".concat(props[secondKey]).concat(isContacts ? getSeparator() : '')), isContacts && /*#__PURE__*/_react.default.createElement("span", {
     ref: contactsRef,
     className: (0, _classnames.default)('no-wrap', "".concat(RC, "__contacts"))
-  }, isMainContacts ? mainContactsStructure.map(function (contact) {
-    return "".concat(contact).concat(getSeparator('main'));
-  }) : null, isMainContacts && generalizingWord && !isNotRenderGeneralizingWord ? " ".concat(Lng(generalizingWord)) : '', isMainContacts && !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : '', !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? otherContacts === null || otherContacts === void 0 ? void 0 : (_otherContacts$map2 = otherContacts.map) === null || _otherContacts$map2 === void 0 ? void 0 : _otherContacts$map2.call(otherContacts, function (contact) {
-    return "".concat(contact).concat(getSeparator('other'));
-  }) : null));
+  }, isMainContacts ? mainContactsStructure.map(contact => "".concat(contact).concat(getSeparator('main'))) : null, isMainContacts && generalizingWord && !isNotRenderGeneralizingWord ? " ".concat(Lng(generalizingWord)) : '', isMainContacts && !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : '', !!otherContacts && !!(otherContacts !== null && otherContacts !== void 0 && otherContacts.length) && !isOtherTogetherMainContacts ? otherContacts === null || otherContacts === void 0 || (_otherContacts$map2 = otherContacts.map) === null || _otherContacts$map2 === void 0 ? void 0 : _otherContacts$map2.call(otherContacts, contact => "".concat(contact).concat(getSeparator('other'))) : null));
 };
-
-var _default = UserContacts;
-exports.default = _default;
+var _default = exports.default = UserContacts;