intelicoreact 1.3.21 → 1.3.23

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

@@ -1,105 +1,68 @@
 "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 _Label = _interopRequireDefault(require("../Label/Label"));
-
+var _useToggle = _interopRequireDefault(require("../../../Functions/useToggle"));
 var _Input = _interopRequireDefault(require("../Input/Input"));
-
+var _Label = _interopRequireDefault(require("../Label/Label"));
 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')
+    className: (0, _classnames.default)(className, "time-range")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "time-range__range"
   }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelFrom || 'Between'
+    label: labelFrom || "Between"
   }), /*#__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);
-    },
-    error: isStartTimeValidate || !isStartTimeValid ? 'HH:MM format' : ''
+    onBlur: () => blurTimeHandler(startTime, setStartTime),
+    error: isStartTimeValidate || !isStartTimeValid ? "HH:MM format" : ""
   }), /*#__PURE__*/_react.default.createElement(_Label.default, {
-    label: labelTo || 'and'
+    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);
-    },
-    error: isEndTimeValidate || !isEndTimeValid ? 'HH:MM format' : ''
+    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/TimeRange/TimeRange.scss

@@ -5,8 +5,8 @@
 
   &__range {
     display: flex;
-    align-items: center;
     justify-content: flex-start;
+    align-items: center;
 
     margin: 8px 0 13px;
 

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

@@ -1,199 +1,132 @@
 "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) {
+require("./UserContacts.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 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 = {
-    isDisputeContact: 'Dispute',
-    isSalesContact: 'Sales',
-    isAccountingContact: 'Accounting',
-    isBusinessContact: 'Business',
-    isTechnicalContact: 'Technical'
+  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;
-
-    return "".concat(prefix ? Lng(prefix.toString()) + ' ' : '').concat(Lng(mainContactsDescriptions[key])).concat(postfix ? ' ' + Lng(postfix.toString()) : '');
+  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 = Boolean(mainContactsCount) || Boolean(otherContactsCount);
+  const isMainContacts = Boolean(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 : '';
-
+      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':
+      case "email":
         return EmalIcon || /*#__PURE__*/_react.default.createElement(_CustomIcons.Email, null);
-
-      case 'phone':
+      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:';
-
+      case "email":
+        return "mailto:";
+      case "phone":
+        return "tel:";
       default:
-        return 'https://';
+        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);
-    };
-  }, [email, phone, JSON.stringify(mainContactsStructure), +maxWidth]);
+    return () => setIconMode(false);
+  }, [email, phone, JSON.stringify(mainContactsStructure), Number(maxWidth)]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: mainRef,
-    className: (0, _classnames.default)('j4', RC, className)
-  }, !!props[firstKey] && /*#__PURE__*/_react.default.createElement("a", {
+    className: (0, _classnames.default)("j4", RC, className)
+  }, Boolean(props[firstKey]) && /*#__PURE__*/_react.default.createElement("a", {
     ref: firstRef,
     href: "".concat(getProtocol(firstKey)).concat(props[firstKey].trim()),
     target: "_blank",
     rel: "noreferrer",
     className: getClasses(true)
-  }, isIconMode ? getIcon(firstKey) : "".concat(props[firstKey]).concat(props[secondKey] || isContacts ? getSeparator() : '')), !!props[secondKey] && /*#__PURE__*/_react.default.createElement("a", {
+  }, isIconMode ? getIcon(firstKey) : "".concat(props[firstKey]).concat(props[secondKey] || isContacts ? getSeparator() : "")), Boolean(props[secondKey]) && /*#__PURE__*/_react.default.createElement("a", {
     ref: secondRef,
     href: "".concat(getProtocol(secondKey)).concat(props[secondKey].trim()),
     target: "_blank",
     rel: "noreferrer",
     className: getClasses()
-  }, isIconMode ? getIcon(secondKey) : "".concat(props[secondKey]).concat(isContacts ? getSeparator() : '')), isContacts && /*#__PURE__*/_react.default.createElement("span", {
+  }, 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));
+    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 && Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? void 0 : otherContacts.length) && !isOtherTogetherMainContacts ? getSeparator() : "", Boolean(otherContacts) && Boolean(otherContacts === null || otherContacts === void 0 ? 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;

package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss

@@ -4,19 +4,18 @@
   .user-contacts__email,
   .user-contacts__phone,
   .user-contacts__contacts {
-    text-decoration: none;
-    letter-spacing: 0.2px;
-
-    color: #1F7499;
-
     font-family: Sarabun, sans-serif;
     font-size: 14px;
     font-weight: 400;
     font-style: normal;
     line-height: 20px;
+    text-decoration: none;
+    letter-spacing: 0.2px;
+
+    color: #1f7499;
   }
 
   .user-contacts__contacts {
-    color: #3B414B;
+    color: #3b414b;
   }
 }

package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js

@@ -1,103 +1,71 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("../../../Functions/utils");
-
 var _VariantsListRadioItem = _interopRequireDefault(require("./partials/VariantsListRadioItem"));
-
 require("./VariantsListRadio.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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var RC = 'variants-list-radio';
-
-var VariantsListRadio = function VariantsListRadio(_ref) {
-  var _cn;
-
-  var outerItems = _ref.items,
-      outerValue = _ref.value,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      isWithBorders = _ref.isWithBorders,
-      itemsContentRenderMode = _ref.itemsContentRenderMode,
-      isRadioPositionReverse = _ref.isRadioPositionReverse,
-      isUseAsOptionsList = _ref.isUseAsOptionsList,
-      disabled = _ref.disabled,
-      isDisabled = _ref.isDisabled,
-      id = _ref.id,
-      className = _ref.className,
-      testId = _ref.testId,
-      attributesOfNativeInput = _ref.attributesOfNativeInput,
-      isMixWithPersonalAttributes = _ref.isMixWithPersonalAttributes;
-
-  var _useState = (0, _react.useState)(outerItems),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(outerValue),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      value = _useState4[0],
-      setValue = _useState4[1];
-
-  var componentnId = id || 'variantsListRadio';
-  var mode = itemsContentRenderMode === 'col' ? 'col' : 'row';
-  var isElementDisabled = disabled || isDisabled;
-
-  var handleChange = function handleChange(newValue) {
+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 = "variants-list-radio";
+const VariantsListRadio = _ref => {
+  let {
+    items: outerItems,
+    value: outerValue,
+    onChange = () => {},
+    isWithBorders,
+    itemsContentRenderMode,
+    isRadioPositionReverse,
+    isUseAsOptionsList,
+    disabled,
+    isDisabled,
+    id,
+    className,
+    testId,
+    attributesOfNativeInput,
+    isMixWithPersonalAttributes
+  } = _ref;
+  const [items, setItems] = (0, _react.useState)(outerItems);
+  const [value, setValue] = (0, _react.useState)(outerValue);
+  const componentnId = id || "variantsListRadio";
+  const mode = itemsContentRenderMode === "col" ? "col" : "row";
+  const isElementDisabled = disabled || isDisabled;
+  const handleChange = newValue => {
     setValue(newValue);
     onChange(newValue);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!(0, _utils.compare)(outerItems, items)) setItems(outerItems);
   }, [outerItems]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (value !== outerValue) setValue(outerValue);
   }, [outerValue]);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: componentnId,
     "data-testid": testId || "variants-list-radio-id-".concat(componentnId),
-    className: (0, _classnames.default)(RC, "".concat(RC, "_items-content-").concat(mode), className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_with-borders"), isWithBorders && !isUseAsOptionsList), (0, _defineProperty2.default)(_cn, "".concat(RC, "_radio-position-reverse"), isRadioPositionReverse), _cn))
-  }, items.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_VariantsListRadioItem.default, {
-      key: "variants-list-radio-id-".concat(componentnId, "-item-id-").concat(item.value),
-      RC: RC,
-      parentId: componentnId,
-      item: _objectSpread(_objectSpread({}, item), {}, {
-        isDisabled: item.disabled || item.isDisabled || isElementDisabled || false
-      }),
-      value: value,
-      onChange: handleChange,
-      attributesOfNativeInput: attributesOfNativeInput,
-      isMixWithPersonalAttributes: isMixWithPersonalAttributes,
-      parentDisabled: disabled,
-      isUseAsOptionsList: isUseAsOptionsList
-    });
-  }));
+    className: (0, _classnames.default)(RC, "".concat(RC, "_items-content-").concat(mode), className, {
+      ["".concat(RC, "_with-borders")]: isWithBorders && !isUseAsOptionsList,
+      ["".concat(RC, "_radio-position-reverse")]: isRadioPositionReverse
+    })
+  }, items.map(item => /*#__PURE__*/_react.default.createElement(_VariantsListRadioItem.default, {
+    key: "variants-list-radio-id-".concat(componentnId, "-item-id-").concat(item.value),
+    RC: RC,
+    parentId: componentnId,
+    item: {
+      ...item,
+      isDisabled: item.disabled || item.isDisabled || isElementDisabled || false
+    },
+    value: value,
+    onChange: handleChange,
+    attributesOfNativeInput: attributesOfNativeInput,
+    isMixWithPersonalAttributes: isMixWithPersonalAttributes,
+    parentDisabled: disabled,
+    isUseAsOptionsList: isUseAsOptionsList
+  })));
 };
-
-var _default = VariantsListRadio;
-exports.default = _default;
+var _default = exports.default = VariantsListRadio;