intelicoreact 1.3.19 → 1.3.21

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

@@ -1,55 +1,66 @@
 "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");
-const AccordionWithCheckbox = _ref => {
+
+var AccordionWithCheckbox = function AccordionWithCheckbox(_ref) {
   var _parent$children, _parent$children$some, _parent$children2, _parent$children2$eve, _parent$children3, _parent$children4;
-  let {
-    children,
-    parent,
-    onChange,
-    className,
-    RC,
-    setIsOpen,
-    icon,
-    disabled,
-    datasetProp,
-    isUseParentsClassesAsDataset
-  } = _ref;
+
+  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;
   return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
     datasetProp: datasetProp,
-    className: (0, _classnames.default)(className, {
-      ["".concat(parent.className)]: !isUseParentsClassesAsDataset
-    }),
+    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".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 || (_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)),
+      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;
+      })),
       label: parent.label,
       value: parent.value,
       onChange: onChange,
-      disabled: parent.children.every(_ref2 => {
-        let {
-          disabled
-        } = _ref2;
+      disabled: parent.children.every(function (_ref2) {
+        var disabled = _ref2.disabled;
         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(child => 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(function (child) {
+      return child.value;
+    }).length, " from ").concat((_parent$children4 = parent.children) === null || _parent$children4 === void 0 ? void 0 : _parent$children4.length) : null))
   }, children);
 };
-var _default = exports.default = AccordionWithCheckbox;
+
+var _default = AccordionWithCheckbox;
+exports.default = _default;

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

@@ -1,46 +1,73 @@
 "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 _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
+
+var _useToggle3 = _interopRequireDefault(require("../../../Functions/useToggle"));
+
 var _Label = _interopRequireDefault(require("../Label/Label"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
+
 require("./TimeRange.scss");
-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') : '';
+
+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') : '';
     setFunc(formattedTime);
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, 'time-range')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -50,19 +77,29 @@ const TimeRange = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
     className: "time-range__input",
     value: startTime,
-    onChange: value => setStartTime(value),
+    onChange: function onChange(value) {
+      return setStartTime(value);
+    },
     placeholder: "00:00",
-    onBlur: () => blurTimeHandler(startTime, setStartTime),
+    onBlur: function onBlur() {
+      return 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: value => setEndTime(value),
+    onChange: function onChange(value) {
+      return setEndTime(value);
+    },
     placeholder: "00:00",
-    onBlur: () => blurTimeHandler(endTime, setEndTime),
+    onBlur: function onBlur() {
+      return blurTimeHandler(endTime, setEndTime);
+    },
     error: isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : ''
   })));
 };
-var _default = exports.default = TimeRange;
+
+var _default = TimeRange;
+exports.default = _default;

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

@@ -1,114 +1,174 @@
 "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");
-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 _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) {
   var _otherContacts$map, _otherContacts$map2;
-  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');
-
-  //? В случае появления новых типов контактов добавлять их сюда по аналогии,
+
+  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'); //? В случае появления новых типов контактов добавлять их сюда по аналогии,
   //? или на крайний случай в массив otherContacts (otherContacts - массив строк)
-  const mainContactsDescriptions = {
+
+  var mainContactsDescriptions = {
     isDisputeContact: 'Dispute',
     isSalesContact: 'Sales',
     isAccountingContact: 'Accounting',
     isBusinessContact: 'Business',
     isTechnicalContact: 'Technical'
   };
-  const getContact = key => {
-    const {
-      prefix,
-      postfix
-    } = typeof mainContacts[key] === 'object' ? mainContacts[key] : {};
+
+  var getContact = function getContact(key) {
+    var _ref2 = (0, _typeof2.default)(mainContacts[key]) === 'object' ? mainContacts[key] : {},
+        prefix = _ref2.prefix,
+        postfix = _ref2.postfix;
+
     return "".concat(prefix ? Lng(prefix.toString()) + ' ' : '').concat(Lng(mainContactsDescriptions[key])).concat(postfix ? ' ' + Lng(postfix.toString()) : '');
   };
-  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 ? ', ' : ' ';
+
+  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 ? ', ' : ' ';
+
     switch (type) {
       case 'main':
         return mainContactsCount-- > 1 ? separator : '';
+
       case 'other':
         return otherContactsCount-- > 1 ? separator : '';
+
       default:
         return separator;
     }
   };
-  const firstKey = isFirstPhone ? 'phone' : 'email';
-  const secondKey = isFirstPhone ? 'email' : 'phone';
-  const getIcon = key => {
+
+  var firstKey = isFirstPhone ? 'phone' : 'email';
+  var secondKey = isFirstPhone ? 'email' : 'phone';
+
+  var getIcon = function 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;
     }
   };
-  const getProtocol = key => {
+
+  var getProtocol = function getProtocol(key) {
     switch (key) {
       case 'email':
         return 'mailto:';
+
       case 'phone':
         return 'tel:';
+
       default:
         return 'https://';
     }
   };
-  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 = () => {
+
+  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() {
     if (mainRef.current && firstRef.current && secondRef.current && contactsRef.current) {
-      const measure = maxWidth && typeof maxWidth === 'number' ? maxWidth : mainRef.current.clientWidth;
+      var 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)(() => {
+  (0, _react.useEffect)(function () {
     setIsRunTask({});
-    return () => setIconMode(false);
+    return function () {
+      return setIconMode(false);
+    };
   }, [email, phone, JSON.stringify(mainContactsStructure), +maxWidth]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: mainRef,
@@ -128,6 +188,12 @@ const 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(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));
+  }, 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));
 };
-var _default = exports.default = UserContacts;
+
+var _default = UserContacts;
+exports.default = _default;

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultPhoneIcon = exports.DefaultEmalIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+/* eslint-disable react/no-unknown-property */
+var DefaultEmalIcon = function DefaultEmalIcon() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("mask", {
+    id: "mask0_18590_7794",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.66659 2.66675H13.3333C14.0666 2.66675 14.6666 3.26675 14.6666 4.00008V12.0001C14.6666 12.7334 14.0666 13.3334 13.3333 13.3334H2.66659C1.93325 13.3334 1.33325 12.7334 1.33325 12.0001V4.00008C1.33325 3.26675 1.93325 2.66675 2.66659 2.66675Z",
+    stroke: "black",
+    strokeWidth: "1.07",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14.6666 4L7.99992 8.66667L1.33325 4",
+    stroke: "black",
+    width: "1.07",
+    linecap: "round",
+    linejoin: "round"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    mask: "url(#mask0_18590_7794)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "#1F7499"
+  })));
+};
+
+exports.DefaultEmalIcon = DefaultEmalIcon;
+
+var DefaultPhoneIcon = function DefaultPhoneIcon() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("mask", {
+    id: "mask0_18590_7803",
+    style: {
+      maskType: 'alpha'
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M11.3333 1.33325H4.66659C3.93021 1.33325 3.33325 1.93021 3.33325 2.66659V13.3333C3.33325 14.0696 3.93021 14.6666 4.66659 14.6666H11.3333C12.0696 14.6666 12.6666 14.0696 12.6666 13.3333V2.66659C12.6666 1.93021 12.0696 1.33325 11.3333 1.33325Z",
+    stroke: "black",
+    strokeWidth: "1.07",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8 12H8.0075",
+    stroke: "black",
+    width: "1.07",
+    linecap: "round",
+    linejoin: "round"
+  })), /*#__PURE__*/_react.default.createElement("g", {
+    mask: "url(#mask0_18590_7803)"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "16",
+    height: "16",
+    fill: "#1F7499"
+  })));
+};
+
+exports.DefaultPhoneIcon = DefaultPhoneIcon;