intelicoreact 1.4.83 → 1.4.84

package/dist/Atomic/UI/Hint/Hint.js

@@ -1,124 +1,85 @@
 "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 _reactDom = require("react-dom");
-
 var _reactFeather = require("react-feather");
-
 var _utils = require("../../../Functions/utils");
-
 var _CustomIcons = require("./../../../Molecular/CustomIcons");
-
 var _utils2 = require("./partials/_utils");
-
 require("./Hint.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 _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; }
 // ToDo - не понятно зачем (ф-я не используется), но не трогаю
-var time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
-
-var Hint = function Hint(_ref) {
+const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
+const Hint = _ref => {
   var _ref2, _label$replace;
-
-  var hint = _ref.hint,
-      _ref$side = _ref.side,
-      side = _ref$side === void 0 ? "right" : _ref$side,
-      className = _ref.className,
-      _ref$hintContainer = _ref.hintContainer,
-      hintContainer = _ref$hintContainer === void 0 ? {} : _ref$hintContainer,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "" : _ref$label,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "filled" : _ref$variant,
-      _ref$handleOpenType = _ref.handleOpenType,
-      handleOpenType = _ref$handleOpenType === void 0 ? "click" : _ref$handleOpenType,
-      onClickCallback = _ref.onClickCallback,
-      key = _ref.key,
-      id = _ref.id,
-      children = _ref.children,
-      icon = _ref.icon,
-      _ref$isAccessability = _ref.isAccessability,
-      isAccessability = _ref$isAccessability === void 0 ? false : _ref$isAccessability,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? "test-hint" : _ref$testId;
-  var hintRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)((_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : Math.random().toString(16).slice(2)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      hintId = _useState2[0];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1]; //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
+  let {
+    hint,
+    side = "right",
+    className,
+    hintContainer = {},
+    label = "",
+    variant = "filled",
+    handleOpenType = "click",
+    onClickCallback,
+    key,
+    id,
+    children,
+    icon,
+    isAccessability = false,
+    testId = "test-hint"
+  } = _ref;
+  const hintRef = (0, _react.useRef)(null);
+  const [hintId] = (0, _react.useState)((_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : Math.random().toString(16).slice(2));
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+
+  //? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
   //? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
-
-
-  var _useState5 = (0, _react.useState)(new _utils2.HandleScrollObj(setIsOpen)),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 1),
-      handleScroll = _useState6[0]; //? По аналогии определяем handleClickOutside
-
-
-  var _useState7 = (0, _react.useState)(new _utils2.HandleClickOutsideObj(hintId, setIsOpen)),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 1),
-      handleClickOutside = _useState8[0];
-
-  var isCallbackExist = typeof onClickCallback === "function";
-
-  var getHintMarkUp = function getHintMarkUp(className) {
+  const [handleScroll] = (0, _react.useState)(new _utils2.HandleScrollObj(setIsOpen));
+  //? По аналогии определяем handleClickOutside
+  const [handleClickOutside] = (0, _react.useState)(new _utils2.HandleClickOutsideObj(hintId, setIsOpen));
+  const isCallbackExist = typeof onClickCallback === "function";
+  const getHintMarkUp = className => {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "test-hint-text",
       className: (0, _classnames.default)("hint__text", "hint__text_".concat(side), "hint--".concat(className, "__text"))
     }, hint, children);
   };
-
-  var setHintContainerStyles = function setHintContainerStyles() {
-    var _ref5, _ref6, _ref7;
-
-    var hc = (0, _utils2.getHintContainer)(hintId);
+  const setHintContainerStyles = () => {
+    var _ref3, _ref4, _ref5;
+    const hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc || !isOpen) return false;
-
-    var _ref3 = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {},
-        width = _ref3.width,
-        top = _ref3.top,
-        left = _ref3.left;
-
-    var addWidth = hintContainer.addWidth,
-        addLeft = hintContainer.addLeft,
-        addTop = hintContainer.addTop;
-    var windowInnerWidth = document.documentElement.clientWidth;
-    var windowInnerHeight = document.documentElement.clientHeight;
-    var sw = hc.getElementsByClassName("hint__text")[0];
-
-    var _ref4 = (sw === null || sw === void 0 ? void 0 : sw.getBoundingClientRect()) || {},
-        swWidth = _ref4.width,
-        swHeight = _ref4.height;
-
-    hc.style.width = isOpen ? (_ref5 = (!Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _ref5 === void 0 ? void 0 : _ref5.toString().concat("px") : 0;
-    hc.style.left = isOpen ? (_ref6 = (!Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _ref6 === void 0 ? void 0 : _ref6.toString().concat("px") : 0;
-    hc.style.top = isOpen ? (_ref7 = (!Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _ref7 === void 0 ? void 0 : _ref7.toString().concat("px") : 0;
-    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0; //? Базовое значение погрешности
+    const {
+      width,
+      top,
+      left
+    } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {};
+    const {
+      addWidth,
+      addLeft,
+      addTop
+    } = hintContainer;
+    const windowInnerWidth = document.documentElement.clientWidth;
+    const windowInnerHeight = document.documentElement.clientHeight;
+    const sw = hc.getElementsByClassName("hint__text")[0];
+    const {
+      width: swWidth,
+      height: swHeight
+    } = (sw === null || sw === void 0 ? void 0 : sw.getBoundingClientRect()) || {};
+    hc.style.width = isOpen ? (_ref3 = (!Number.isNaN(+addWidth) ? +addWidth : 0) + width) === null || _ref3 === void 0 ? void 0 : _ref3.toString().concat("px") : 0;
+    hc.style.left = isOpen ? (_ref4 = (!Number.isNaN(+addLeft) ? +addLeft : 0) + left) === null || _ref4 === void 0 ? void 0 : _ref4.toString().concat("px") : 0;
+    hc.style.top = isOpen ? (_ref5 = (!Number.isNaN(+addTop) ? +addTop : 0) + top) === null || _ref5 === void 0 ? void 0 : _ref5.toString().concat("px") : 0;
+    hc.style.maxHeight = isOpen ? swHeight === null || swHeight === void 0 ? void 0 : swHeight.toString().concat("px") : 0;
+
+    //? Базовое значение погрешности
     //? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял "на глазок"
-
-    var INACCURACY = 20;
-
+    const INACCURACY = 20;
     switch (side) {
       case 'top':
       case 'centeredTop':
@@ -126,49 +87,41 @@ var Hint = function Hint(_ref) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add("hint__text_".concat(side === 'top' ? 'bottom' : 'centeredBottom'));
         }
-
         break;
-
       case 'bottom':
       case 'centeredBottom':
         if (top + swHeight + INACCURACY > windowInnerHeight) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add("hint__text_".concat(side === 'bottom' ? 'top' : 'centeredTop'));
         }
-
         break;
-
       case 'left':
         if (left - swWidth - INACCURACY / 2 < 0) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add('hint__text_right');
         }
-
         break;
-
       case 'right':
       default:
         if (left + width + swWidth + INACCURACY / 2 > windowInnerWidth) {
           sw.classList.remove("hint__text_".concat(side));
           sw.classList.add('hint__text_left');
         }
-
         break;
     }
   };
-
-  var renderHintContainer = function renderHintContainer(className) {
-    var hc = (0, _utils2.getHintContainer)(hintId);
+  const renderHintContainer = className => {
+    const hc = (0, _utils2.getHintContainer)(hintId);
     if (!hc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(className), hc);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     (0, _utils2.initHintContainer)(hintId, hintContainer);
   }, []);
-  (0, _react.useEffect)(function () {
-    setHintContainerStyles(); //! Обеспечиваем работу колбэка ТОЛЬКО для открытых тултипов
+  (0, _react.useEffect)(() => {
+    setHintContainerStyles();
 
+    //! Обеспечиваем работу колбэка ТОЛЬКО для открытых тултипов
     if (isOpen) {
       document.addEventListener("scroll", handleScroll, true);
       document.addEventListener("click", handleClickOutside, true);
@@ -184,15 +137,9 @@ var Hint = function Hint(_ref) {
     tabIndex: isAccessability ? 0 : -1,
     "data-testid": typeof label === "string" && label.length ? (_label$replace = label.replace) === null || _label$replace === void 0 ? void 0 : _label$replace.call(label, /\s/g, "-") : testId,
     "aria-label": isAccessability && label || "",
-    onClick: function onClick() {
-      return handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen));
-    },
-    onMouseEnter: function onMouseEnter() {
-      return handleOpenType === "hover" && setIsOpen(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return handleOpenType === "hover" && setIsOpen(false);
-    },
+    onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
+    onMouseEnter: () => handleOpenType === "hover" && setIsOpen(true),
+    onMouseLeave: () => handleOpenType === "hover" && setIsOpen(false),
     className: (0, _classnames.default)("hint__button", {
       hint__button_active: isOpen
     })
@@ -213,6 +160,4 @@ var Hint = function Hint(_ref) {
     })
   }, (0, _utils.capitalized)(label))), isOpen && renderHintContainer(className));
 };
-
-var _default = Hint;
-exports.default = _default;
+var _default = exports.default = Hint;

package/dist/Atomic/UI/Hint/partial/_utils.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
+const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
+exports.getHintContainerId = getHintContainerId;
+const getHintContainer = hintId => {
+  return document.getElementById(getHintContainerId(hintId));
+};
+exports.getHintContainer = getHintContainer;
+const getParentNode = () => {
+  var _ref, _document$querySelect;
+  return (_ref = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.body;
+};
+exports.getParentNode = getParentNode;
+const initHintContainer = (hintId, hintContainerSettings) => {
+  var _getParentNode;
+  const {
+    className
+  } = hintContainerSettings;
+  const hintContainer = document.createElement("div");
+  hintContainer.setAttribute("id", getHintContainerId(hintId));
+  hintContainer.classList.add("hint__container");
+  if (className) hintContainer.classList.add(className);
+  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hintContainer);
+};
+
+//? addEventListener можно инициализировать двумя способами
+//?   - передать прямой колбэк (ф-ю)
+//?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
+//? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
+//! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
+exports.initHintContainer = initHintContainer;
+const HandleScrollObj = function (setIsOpen) {
+  this.setIsOpen = setIsOpen;
+  this.handleEvent = function () {
+    this.setIsOpen(false);
+  };
+};
+exports.HandleScrollObj = HandleScrollObj;
+const HandleClickOutsideObj = function (id, setIsOpen) {
+  this.id = id;
+  this.setIsOpen = setIsOpen;
+  this.handleEvent = function (event) {
+    if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
+      this.setIsOpen(false);
+    }
+  };
+};
+exports.HandleClickOutsideObj = HandleClickOutsideObj;

package/dist/Atomic/UI/Hint/partials/_utils.js

@@ -4,64 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
-
-var getHintContainerId = function getHintContainerId(hintId) {
-  return "hint-container-for-hint--id-".concat(hintId);
-};
-
+const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
 exports.getHintContainerId = getHintContainerId;
-
-var getHintContainer = function getHintContainer(hintId) {
+const getHintContainer = hintId => {
   return document.getElementById(getHintContainerId(hintId));
 };
-
 exports.getHintContainer = getHintContainer;
-
-var getParentNode = function getParentNode() {
+const getParentNode = () => {
   var _ref, _document$querySelect;
-
   return (_ref = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.body;
 };
-
 exports.getParentNode = getParentNode;
-
-var initHintContainer = function initHintContainer(hintId, hintContainerSettings) {
+const initHintContainer = (hintId, hintContainerSettings) => {
   var _getParentNode;
-
-  var className = hintContainerSettings.className;
-  var hintContainer = document.createElement("div");
+  const {
+    className
+  } = hintContainerSettings;
+  const hintContainer = document.createElement("div");
   hintContainer.setAttribute("id", getHintContainerId(hintId));
   hintContainer.classList.add("hint__container");
   if (className) hintContainer.classList.add(className);
-  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
-}; //? addEventListener можно инициализировать двумя способами
+  (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hintContainer);
+};
+
+//? addEventListener можно инициализировать двумя способами
 //?   - передать прямой колбэк (ф-ю)
 //?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
 //? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
 //! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
-
-
 exports.initHintContainer = initHintContainer;
-
-var HandleScrollObj = function HandleScrollObj(setIsOpen) {
+const HandleScrollObj = function (setIsOpen) {
   this.setIsOpen = setIsOpen;
-
   this.handleEvent = function () {
     this.setIsOpen(false);
   };
 };
-
 exports.HandleScrollObj = HandleScrollObj;
-
-var HandleClickOutsideObj = function HandleClickOutsideObj(id, setIsOpen) {
+const HandleClickOutsideObj = function (id, setIsOpen) {
   this.id = id;
   this.setIsOpen = setIsOpen;
-
   this.handleEvent = function (event) {
     if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
       this.setIsOpen(false);
     }
   };
 };
-
 exports.HandleClickOutsideObj = HandleClickOutsideObj;