intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -27,13 +27,11 @@
     position: relative;
 
     display: flex;
-    align-items: center;
     flex-flow: row wrap;
     justify-content: flex-start;
+    align-items: center;
 
     box-sizing: border-box;
-    height: 28px;
-
     height: fit-content;
     min-height: 28px;
     padding: 1px 24px 1px 5px;
@@ -64,8 +62,8 @@
     z-index: 2;
 
     display: flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
 
     box-sizing: border-box;
     width: 100%;
@@ -130,20 +128,19 @@
       position: relative;
 
       display: flex;
-      align-items: center;
       justify-content: flex-start;
+      align-items: center;
 
       width: 100%;
       min-height: 24px;
       padding-left: 35px;
 
-      cursor: pointer;
-
-      color: $color--dark;
-
       font-size: 13px;
       font-weight: 400;
       line-height: 24px;
+      cursor: pointer;
+
+      color: $color--dark;
 
       &:hover,
       &_active {
@@ -164,13 +161,14 @@
       }
 
       &-body {
-        white-space: wrap;
         text-align: left;
+        white-space: wrap;
       }
 
       &-description {
         margin-left: $spacing-xs;
-        color: #757F8C;
+
+        color: #757f8c;
       }
     }
   }
@@ -213,11 +211,10 @@
     &__name {
       margin-left: 17px;
 
+      font-size: 10px;
       text-transform: uppercase;
 
       color: $color--gray--dark;
-
-      font-size: 10px;
     }
   }
 
@@ -285,15 +282,17 @@
         overflow: hidden !important;
 
         &--opened {
+          position: fixed;
+          top: 0 !important;
+          left: 0 !important;
+
           width: 100dvw;
           height: 100dvh;
           max-height: 100dvh;
-          position: fixed;
-          left: 0 !important;
-          top: 0 !important;
-          background: rgba(23, 29, 51, 0.5);
           padding: $spacing-s;
 
+          background: rgba(23, 29, 51, 0.5);
+
           animation-name: fadeIn;
           animation-duration: 0.25s;
           animation-timing-function: ease;
@@ -302,27 +301,33 @@
       }
 
       &__container-wrapper {
-        overflow: hidden!important;
+        position: fixed;
+        top: 0 !important;
+        left: 0 !important;
+
+        overflow: hidden !important;
+
+        box-sizing: border-box;
         width: 100dvw;
         height: 100dvh;
         max-height: 100dvh;
-        position: fixed;
-        left: 0!important;
-        top: 0!important;
         padding: $spacing-s;
-        box-sizing: border-box;
-        animation-duration: 0.4s;
+
         animation-name: slideup;
+        animation-duration: 0.4s;
       }
 
       &__selector-wrapper {
         position: absolute;
-        box-sizing: border-box;
         bottom: $spacing-s;
+
+        overflow: hidden;
+
+        box-sizing: border-box;
         width: calc(100% - $spacing-m);
         max-height: 500px;
+
         border-radius: $spacing-l !important;
-        overflow: hidden;
         background: $color--light;
 
         &--fixed-height {
@@ -332,27 +337,33 @@
 
       &__header,
       &__footer {
-        height: unset;
         z-index: 4;
-        background: none;
+
+        height: unset;
+
         border: none;
+        background: none;
 
         &-with-shadow {
           &::after {
-            content: '';
             position: absolute;
-            left: 0;
             bottom: -15px;
+            left: 0;
+
             width: 100%;
             height: 15px;
+
+            content: "";
+
+            opacity: 1;
             background: linear-gradient(
               180deg,
               rgba(212, 218, 230, 0.5) 0%,
               rgba(212, 218, 230, 0.3) 21.35%,
               rgba(247, 248, 250, 0) 100%
             );
+
             transition: all 0.2s;
-            opacity: 1;
           }
 
           &-hidden::after {
@@ -363,62 +374,74 @@
 
       &__header {
         position: relative;
+
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+        gap: $spacing-m;
+
         padding: $spacing-m;
-        color: #3b414b;
+
         font-size: 16px;
         font-weight: 600;
         line-height: 24px;
         letter-spacing: 0.1px;
-        gap: $spacing-m;
+
+        color: #3b414b;
 
         &-row {
-          width: 100%;
           display: flex;
           flex-direction: row;
-          align-items: center;
-          min-height: 24px;
           justify-content: space-between;
+          align-items: center;
+
           box-sizing: border-box;
+          width: 100%;
+          min-height: 24px;
 
           &:first-child {
             padding-right: 50px;
           }
 
           .input__wrap {
-            width: 100%;
             display: flex;
             align-items: center;
+
+            width: 100%;
             padding-right: $spacing-s;
+
+            border: 1px solid var(--form-input-border, #e1e8f1);
             border-radius: 6px;
-            border: 1px solid var(--form-input-border, #E1E8F1);
-            background: var(--black-bg-color, #F8FBFF)!important;
+            background: var(--black-bg-color, #f8fbff) !important;
 
             input {
-              background: unset!important;
+              background: unset !important;
             }
           }
 
           .input__close {
-            padding: $spacing-xs;
-            border-radius: 2px;
-            background: var(--bg-gray-box, #F0F1F4);
+            display: flex;
+            align-items: center;
+
+            box-sizing: border-box;
             width: 24px;
             min-width: 24px;
             height: 24px;
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
+            padding: $spacing-xs;
+
+            border-radius: 2px;
+            background: var(--bg-gray-box, #f0f1f4);
 
             &::before,
             &::after {
-              height: 12px;
               top: 50%;
-              transform: translateY(-50%) rotate(45deg);
+
+              height: 12px;
+
               border-radius: 8px;
-              background-color: #171D33;
+              background-color: #171d33;
+
+              transform: translateY(-50%) rotate(45deg);
             }
             &::after {
               transform: translateY(-50%) rotate(-45deg);
@@ -430,11 +453,13 @@
       &__footer {
         position: absolute;
         bottom: 0;
+
         padding: 0;
 
         &-with-shadow::after {
-          bottom: 0;
           top: -15px;
+          bottom: 0;
+
           transform: rotate(180deg);
         }
 
@@ -445,39 +470,44 @@
       }
 
       &__close-icon {
-        display: flex;
-        align-items: center;
         position: absolute;
         top: 0;
         right: 0;
-        height: 100%;
-        padding: $spacing-m;
+
+        display: flex;
+        align-items: center;
+
+        box-sizing: border-box;
         width: 50px;
         height: 50px;
-        box-sizing: border-box;
+        padding: $spacing-m;
 
         svg {
           width: 16px;
           height: 16px;
+
           color: #a0a4b0;
         }
       }
 
       &__list {
         top: 0;
-        padding: $spacing-m $spacing-m !important;
+
         display: flex;
         flex-direction: column;
         gap: $spacing-xs;
+
         max-height: unset;
+        padding: $spacing-m $spacing-m !important;
       }
 
       &-group {
-        margin: 0;
         display: flex;
         flex-direction: column;
         gap: $spacing-xs;
 
+        margin: 0;
+
         &:first-child {
           margin-top: calc($spacing-s * -1);
         }
@@ -485,20 +515,25 @@
         &__name {
           margin: 0;
           margin-bottom: $spacing-s;
+          padding: 10px 0px 6px;
+
           font-size: 11px;
-          padding: 10px 0px 6px 0px;
+
+          border-bottom: 1px solid
+            var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));
           box-shadow: none !important;
-          border-bottom: 1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));
         }
       }
 
       &__list-item {
         display: flex;
         justify-content: space-between;
+
         height: auto !important;
+        min-height: unset !important;
         padding: 10px $spacing-s !important;
+
         line-height: 24px;
-        min-height: unset!important;
 
         &_active {
           border-radius: 6px;
@@ -516,21 +551,25 @@
       }
 
       &__arrow {
-        top: 11px!important;
-        width: 16px;
-        height: 16px;
+        top: 11px !important;
+
         display: flex;
-        align-items: center;
         justify-content: center;
+        align-items: center;
+
+        width: 16px;
+        height: 16px;
 
         svg.mobile-icon {
           height: 12px;
+
           transform: rotate(90deg);
         }
       }
 
       &__no-options {
-        padding-left: 0!important;
+        padding-left: 0 !important;
+
         text-align: center;
       }
     }

package/dist/Atomic/FormElements/Text/Text.js

@@ -1,27 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./Text.scss");
+const RC = "text";
 
-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 = 'text';
 /**
  *
  * @param value
@@ -34,6 +23,7 @@ var RC = 'text';
  * @return {JSX.Element|null}
  * @constructor
  */
+
 //? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
 //? Что поменял?
 //?   - в верстке убрал дополнительную вложенность
@@ -45,76 +35,80 @@ var RC = 'text';
 //?   - переработал пропу link, может быть строкой или объектом
 //?     если это объект, то у него могут быть свойства
 //?       - path - значение для href
+
 //?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
+
 //?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
 //?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
 //?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
+
 //?       - redirect - альтернативный исполнитель редиректа (например history.push),
 //?         если есть и нет onClick - будет вызван с одним аргументом (link.path)
+
 //?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
-//?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
 
-var Text = function Text(_ref) {
-  var _objectSpread2;
+//?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
 
-  var value = _ref.value,
-      className = _ref.className,
-      classesObj = _ref.classesObj,
-      icon = _ref.icon,
-      link = _ref.link,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'left' : _ref$align,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'text-lib-component' : _ref$testId;
+const Text = _ref => {
+  let {
+    value,
+    className,
+    classesObj,
+    icon,
+    link,
+    align = "left",
+    testId = "text-lib-component"
+  } = _ref;
   if (!value) return null;
-  var isLinkAsObj = link instanceof Object && !Array.isArray(link);
-  var isLinkAsString = typeof link === 'string';
-  var isLink = isLinkAsObj || isLinkAsString;
-  var linkObj = isLinkAsObj ? link : {};
-  var _linkObj$path = linkObj.path,
-      path = _linkObj$path === void 0 ? '' : _linkObj$path,
-      target = linkObj.target,
-      redirect = linkObj.redirect,
-      onClickInner = linkObj.onClick,
-      isNoPreventDefault = linkObj.isNoPreventDefault,
-      isNoStopPropagation = linkObj.isNoStopPropagation;
-
-  var preparedPath = function () {
-    if (!isLink) return '';
+  const isLinkAsObj = link instanceof Object && !Array.isArray(link);
+  const isLinkAsString = typeof link === "string";
+  const isLink = isLinkAsObj || isLinkAsString;
+  const linkObj = isLinkAsObj ? link : {};
+  const {
+    path = "",
+    target,
+    redirect,
+    onClick: onClickInner,
+    isNoPreventDefault,
+    isNoStopPropagation
+  } = linkObj;
+  const preparedPath = (() => {
+    if (!isLink) return "";
     return isLinkAsObj ? path : link;
-  }();
-
-  var atributes = {};
-
-  if (typeof onClickInner === 'function' || typeof redirect === 'function') {
+  })();
+  const atributes = {};
+  if (typeof onClickInner === "function" || typeof redirect === "function") {
     atributes.onClick = function onClick(ev) {
       if (!isNoPreventDefault) ev.preventDefault();
-      if (!isNoStopPropagation) ev.stopPropagation(); //? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
+      if (!isNoStopPropagation) ev.stopPropagation();
 
+      //? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
       if (onClickInner) {
-        onClickInner(_objectSpread({
-          ev: ev
-        }, link));
+        onClickInner({
+          ev,
+          ...link
+        });
         return;
       }
-
       redirect(preparedPath);
     };
   }
-
-  var mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+  const mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__icon-container")
   }, icon), value);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "text--".concat(testId),
-    className: (0, _classnames.default)(RC, className, _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-left"), align === 'left'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-center"), align === 'center'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-right"), align === 'right'), (0, _defineProperty2.default)(_objectSpread2, "".concat(RC, "-justify"), align === 'justify'), _objectSpread2), classesObj))
+    className: (0, _classnames.default)(RC, className, {
+      ["".concat(RC, "-left")]: align === "left",
+      ["".concat(RC, "-center")]: align === "center",
+      ["".concat(RC, "-right")]: align === "right",
+      ["".concat(RC, "-justify")]: align === "justify",
+      ...classesObj
+    })
   }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
     href: preparedPath,
-    target: target !== null && target !== void 0 ? target : '_self',
+    target: target !== null && target !== void 0 ? target : "_self",
     rel: "noreferrer"
   }), mainInner) : mainInner);
 };
-
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

package/dist/Atomic/FormElements/Text/Text.scss

@@ -12,4 +12,3 @@
     text-align: justify;
   }
 }
-

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js

@@ -1,50 +1,40 @@
 "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"));
-
 require("./TextSwitcher.scss");
-
-var RC = 'text-switcher';
-
-var TextSwitcher = function TextSwitcher(_ref) {
-  var _cn;
-
-  var isActive = _ref.isActive,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      _ref$activeText = _ref.activeText,
-      activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
-      _ref$inactiveText = _ref.inactiveText,
-      inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId;
-  var isUndefined = isActive === undefined || isActive === null;
+const RC = "text-switcher";
+const TextSwitcher = _ref => {
+  let {
+    isActive,
+    onChange,
+    className,
+    disabled,
+    activeText = "is",
+    inactiveText = "is not",
+    testId = ""
+  } = _ref;
+  const isUndefined = isActive === undefined || isActive === null;
   return /*#__PURE__*/_react.default.createElement("button", {
     testId: testId,
-    className: (0, _classnames.default)(RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn), className),
-    onClick: function onClick() {
-      return onChange(!isActive);
-    }
+    className: (0, _classnames.default)(RC, {
+      ["".concat(RC, "_active")]: isActive,
+      ["".concat(RC, "_disabled")]: disabled
+    }, className),
+    onClick: () => onChange(!isActive)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__btn")
   }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__btn"), "".concat(RC, "__btn_off"))
   }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__slider"), (0, _defineProperty2.default)({}, "".concat(RC, "__slider_inactive"), !isActive))
+    className: (0, _classnames.default)("".concat(RC, "__slider"), {
+      ["".concat(RC, "__slider_inactive")]: !isActive
+    })
   }));
 };
-
-var _default = TextSwitcher;
-exports.default = _default;
+var _default = exports.default = TextSwitcher;