intelicoreact 1.5.38 → 1.5.41

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

@@ -1,23 +1,16 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("./Text.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 const RC = "text";
+
 /**
  *
  * @param value
@@ -29,77 +22,93 @@ const RC = "text";
  * @param testId
  * @return {JSX.Element|null}
  * @constructor
- */ // ? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
-// ? Что поменял?
-// ?   - в верстке убрал дополнительную вложенность
-// ?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
-// ?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
-// ?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
-// ?   - заменил пропу text на value
-// ?   - заменил пропу iconMain на icon
-// ?   - переработал пропу 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
-const Text = ({ value, className, classesObj, icon, link, align = "left", testId = "text-lib-component" })=>{
-    if (!value) return null;
-    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;
-    })();
-    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 (onClickInner) {
-                onClickInner({
-                    ev,
-                    ...link
-                });
-                return;
-            }
-            redirect(preparedPath);
-        };
-    }
-    const mainInner = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: `${RC}__icon-container`,
-                children: icon
-            }),
-            value
-        ]
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(RC, className, {
-            [`${RC}-left`]: align === "left",
-            [`${RC}-center`]: align === "center",
-            [`${RC}-right`]: align === "right",
-            [`${RC}-justify`]: align === "justify",
-            ...classesObj
-        }),
-        children: isLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
-            ...atributes,
-            href: preparedPath,
-            target: target !== null && target !== void 0 ? target : "_self",
-            rel: "noreferrer",
-            children: mainInner
-        }) : mainInner
-    });
+ */
+
+//? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
+//? Что поменял?
+//?   - в верстке убрал дополнительную вложенность
+//?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
+//?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
+//?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
+//?   - заменил пропу text на value
+//?   - заменил пропу iconMain на icon
+//?   - переработал пропу 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
+
+const Text = _ref => {
+  let {
+    value,
+    className,
+    classesObj,
+    icon,
+    link,
+    align = "left",
+    testId = "text-lib-component"
+  } = _ref;
+  if (!value) return null;
+  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;
+  })();
+  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 (onClickInner) {
+        onClickInner({
+          ev,
+          ...link
+        });
+        return;
+      }
+      redirect(preparedPath);
+    };
+  }
+  const mainInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${RC}__icon-container`
+  }, icon), value);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)(RC, className, {
+      [`${RC}-left`]: align === "left",
+      [`${RC}-center`]: align === "center",
+      [`${RC}-right`]: align === "right",
+      [`${RC}-justify`]: align === "justify",
+      ...classesObj
+    })
+  }, isLink ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, atributes, {
+    href: preparedPath,
+    target: target ?? "_self",
+    rel: "noreferrer"
+  }), mainInner) : mainInner);
 };
-const _default = Text;
+var _default = exports.default = Text;

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

@@ -1,49 +1,40 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("./TextSwitcher.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const RC = 'text-switcher';
-const TextSwitcher = ({ isActive, onChange, className, disabled, activeText = 'is', inactiveText = 'is not', testId = RC })=>{
-    const isUndefined = isActive === undefined || isActive === null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
-        type: "button",
-        "data-testid": testId,
-        className: (0, _classnames.default)(RC, {
-            [`${RC}_active`]: isActive,
-            [`${RC}_disabled`]: disabled
-        }, className),
-        onClick: ()=>onChange(!isActive),
-        disabled: disabled,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: `${RC}__btn`,
-                children: activeText
-            }),
-            inactiveText && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)(`${RC}__btn`, `${RC}__btn_off`),
-                children: inactiveText
-            }),
-            !isUndefined && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(`${RC}__slider`, {
-                    [`${RC}__slider_inactive`]: !isActive
-                })
-            })
-        ]
-    });
+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, {
+      [`${RC}_active`]: isActive,
+      [`${RC}_disabled`]: disabled
+    }, className),
+    onClick: () => onChange(!isActive)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `${RC}__btn`
+  }, activeText), inactiveText && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(`${RC}__btn`, `${RC}__btn_off`)
+  }, inactiveText), !isUndefined && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__slider`, {
+      [`${RC}__slider_inactive`]: !isActive
+    })
+  }));
 };
-const _default = TextSwitcher;
+var _default = exports.default = TextSwitcher;

package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss

@@ -1,4 +1,4 @@
-@use '../../../scss/vars';
+@import "../../../scss/vars";
 
 .text-switcher {
   position: relative;
@@ -15,7 +15,7 @@
   font-weight: 300;
   font-style: normal;
 
-  border: 2px solid vars.$color--error-bg;
+  border: 2px solid $color--error-bg;
   border-radius: 26px;
   background: #fff;
 
@@ -36,10 +36,10 @@
     white-space: nowrap;
     text-transform: uppercase;
 
-    color: vars.$green;
+    color: $green;
 
     &_off {
-      color: vars.$color--error;
+      color: $color--error;
     }
   }
 
@@ -53,7 +53,7 @@
     width: 50%;
 
     border-radius: 28px;
-    background-color: vars.$color--green-light;
+    background-color: $color--green-light;
 
     transition:
       left 0.3s ease,
@@ -62,12 +62,12 @@
     &_inactive {
       left: 50%;
 
-      background-color: vars.$color--error-bg;
+      background-color: $color--error-bg;
     }
   }
 
   &_active {
-    border-color: vars.$color--green-light;
+    border-color: $color--green-light;
   }
 
   &_disabled {
@@ -81,6 +81,6 @@
   filter: grayscale(1);
 
   .text-switcher__btn {
-    color: vars.$color--gray !important;
+    color: $color--gray !important;
   }
 }

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -1,109 +1,71 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 require("./Textarea.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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];
-            }
-        }
+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 && {}.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 = "textarea";
+const Textarea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    id,
+    value,
+    onChange,
+    onFocus,
+    onBlur,
+    placeholder,
+    disabled,
+    className,
+    isNotValidateASCII = false,
+    testId = RC,
+    withAutoGrow,
+    onKeyDown = () => {}
+  } = _ref;
+  const internalRef = (0, _react.useRef)();
+  const textareaRef = ref || internalRef;
+  const handle = {
+    change: val => {
+      let inputValue = val;
+      if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      onChange(inputValue);
+    },
+    focus: e => {
+      onFocus?.(e);
+    },
+    blur: e => {
+      onBlur?.(e);
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+  };
+  const autoGrow = el => {
+    el.style.height = "5px";
+    el.style.height = el.scrollHeight + "px";
+  };
+  (0, _react.useEffect)(() => {
+    if (withAutoGrow) {
+      autoGrow(textareaRef?.current);
     }
-    return newObj;
-}
-const RC = "textarea";
-const Textarea = /*#__PURE__*/ (0, _react.forwardRef)(({ id, value, onChange, onFocus, onBlur, placeholder, disabled, className, isNotValidateASCII = false, testId = RC, withAutoGrow, onKeyDown = ()=>{} }, ref)=>{
-    const internalRef = (0, _react.useRef)();
-    const textareaRef = ref || internalRef;
-    const handle = {
-        change: (val)=>{
-            let inputValue = val;
-            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-            onChange(inputValue);
-        },
-        focus: (e)=>{
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-        },
-        blur: (e)=>{
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-        }
-    };
-    const autoGrow = (el)=>{
-        el.style.height = "5px";
-        el.style.height = el.scrollHeight + "px";
-    };
-    (0, _react.useEffect)(()=>{
-        if (withAutoGrow) {
-            autoGrow(textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current);
-        }
-    }, [
-        value,
-        withAutoGrow
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(`${RC}`, className),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
-            id: id !== null && id !== void 0 ? id : Math.random().toString(16).slice(2),
-            "data-testid": `${testId}-textarea`,
-            className: `${RC}__textarea`,
-            value: value,
-            onChange: (e)=>handle.change(e.target.value),
-            placeholder: placeholder,
-            disabled: disabled,
-            onKeyDown: onKeyDown,
-            ref: textareaRef,
-            onFocus: handle.focus,
-            onBlur: handle.blur
-        })
-    });
+  }, [value, withAutoGrow]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)(`${RC}`, className)
+  }, /*#__PURE__*/_react.default.createElement("textarea", {
+    id: id ?? Math.random().toString(16).slice(2),
+    "data-testid": `${testId}-textarea`,
+    className: `${RC}__textarea`,
+    value: value,
+    onChange: e => handle.change(e.target.value),
+    placeholder: placeholder,
+    disabled: disabled,
+    onKeyDown: onKeyDown,
+    ref: textareaRef,
+    onFocus: handle.focus,
+    onBlur: handle.blur
+  }));
 });
-const _default = Textarea;
+var _default = exports.default = Textarea;

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -1,5 +1,5 @@
-@use '../../../scss/vars';
-@use '../../../scss/mixins';
+@import "../../../scss/vars";
+@import "../../../scss/mixins";
 
 .textarea {
   &__textarea {
@@ -18,10 +18,10 @@
     outline: none;
     background-color: #fff;
 
-    @include mixins.custom-scroll2;
+    @include custom-scroll2;
 
     &:focus {
-      border-color: vars.$color--primary;
+      border-color: $color--primary;
       filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
@@ -33,4 +33,8 @@
       background: #f7f8fa;
     }
   }
+
+  // &-label {
+  //   margin-bottom: 5px;
+  // }
 }