intelicoreact 1.1.40 → 1.1.42

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

@@ -0,0 +1,117 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+require("./Text.scss");
+
+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
+ * @param className
+ * @param classesObj
+ * @param icon
+ * @param link
+ * @param align
+ * @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
+
+var Text = function Text(_ref) {
+  var _objectSpread2;
+
+  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;
+  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 '';
+    return isLinkAsObj ? path : link;
+  }();
+
+  var 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(_objectSpread({
+          ev: ev
+        }, link));
+        return;
+      }
+
+      redirect(preparedPath);
+    };
+  }
+
+  var mainInner = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(RC, "__icon-container")
+  }, icon), value);
+  return /*#__PURE__*/React.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))
+  }, isLink ? /*#__PURE__*/React.createElement("a", (0, _extends2.default)({}, atributes, {
+    href: preparedPath,
+    target: target !== null && target !== void 0 ? target : '_self',
+    rel: "noreferrer"
+  }), mainInner) : mainInner);
+};
+
+var _default = Text;
+exports.default = _default;

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

@@ -0,0 +1,15 @@
+.text {
+  &-left {
+    text-align: left;
+  }
+  &-center {
+    text-align: center;
+  }
+  &-right {
+    text-align: right;
+  }
+  &-justify {
+    text-align: justify;
+  }
+}
+

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

@@ -43,7 +43,8 @@ var Hint = function Hint(_ref) {
       onClickCallback = _ref.onClickCallback,
       key = _ref.key,
       id = _ref.id,
-      children = _ref.children;
+      children = _ref.children,
+      icon = _ref.icon;
   var hintId = (_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : time;
 
   var _useState = (0, _react.useState)(false),
@@ -140,7 +141,7 @@ var Hint = function Hint(_ref) {
     className: (0, _classnames.default)('hint__button', {
       hint__button_active: isOpen
     })
-  }, variant === 'outlined' && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
+  }, icon || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, variant === 'outlined' && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
     width: 16,
     height: 16,
     className: "hint__icon outlined"
@@ -171,7 +172,7 @@ var Hint = function Hint(_ref) {
     color: '#F06D8D',
     width: 16,
     height: 16
-  }), label && /*#__PURE__*/_react.default.createElement("span", {
+  })), label && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('hint__label', {
       'color--primary': isOpen
     })

package/dist/Molecular/InputAddress/InputAddress.js

@@ -19,6 +19,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
 
+var _Hint = _interopRequireDefault(require("../../Atomic/UI/Hint/Hint"));
+
 require("./InputAddress.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); }
@@ -99,6 +101,15 @@ var InputAddress = function InputAddress(_ref) {
       isListVisible = _useState18[0],
       setIsListVisible = _useState18[1];
 
+  var isWrongAddress = (0, _react.useMemo)(function () {
+    var _query$street;
+
+    if (query === '') return false;
+    if (!(query !== null && query !== void 0 && query.hasOwnProperty('streetNumber')) || !(query !== null && query !== void 0 && query.streetNumber)) return true;
+    if (!(query !== null && query !== void 0 && query.hasOwnProperty('street')) || !(query !== null && query !== void 0 && (_query$street = query.street) !== null && _query$street !== void 0 && _query$street.fullName)) return true;
+    return false;
+  }, [query]);
+
   var setQueryAsItem = function setQueryAsItem(e, item) {
     if (e) e === null || e === void 0 ? void 0 : e.stopPropagation();
     setIsSelectedFromList(true);
@@ -211,7 +222,6 @@ var InputAddress = function InputAddress(_ref) {
 
   var onBlur = function onBlur() {
     if (typeof query === 'string' && !isSelectedFromList) {
-      setQuery('');
       onChange('');
       setInternalError(true);
     }
@@ -246,9 +256,9 @@ var InputAddress = function InputAddress(_ref) {
   }, [value]);
 
   var renderInput = function renderInput() {
-    var _query$street;
+    var _query$street2;
 
-    var value = typeof query === "string" ? query : "".concat((query === null || query === void 0 ? void 0 : query.streetNumber) || '', " ").concat((query === null || query === void 0 ? void 0 : (_query$street = query.street) === null || _query$street === void 0 ? void 0 : _query$street.fullName) || '');
+    var value = typeof query === "string" ? query : "".concat((query === null || query === void 0 ? void 0 : query.streetNumber) || '', " ").concat((query === null || query === void 0 ? void 0 : (_query$street2 = query.street) === null || _query$street2 === void 0 ? void 0 : _query$street2.fullName) || '');
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('input-address__input-wrapper')
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -260,13 +270,22 @@ var InputAddress = function InputAddress(_ref) {
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown
-    }), isClearable && /*#__PURE__*/_react.default.createElement("div", {
+    }), isWrongAddress && /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('input-address__alert', {
+        'input-address__alert--visible': !isFocused
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
+      side: "left",
+      hint: "Select the correct address from the list of suggestions (must contains house number and street name)",
+      icon: /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null),
+      handleOpenType: "hover"
+    })), isClearable && (isWrongAddress && !isFocused ? null : /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('input-address__clear-query', {
         'input-address__clear-query--input-focused': isFocused
       })
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
       onClick: onClearClick
-    })));
+    }))));
   };
 
   var renderLoader = function renderLoader() {
@@ -303,7 +322,7 @@ var InputAddress = function InputAddress(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('input-address', {
-      'input-address--error': error || internalError
+      'input-address--error': error || internalError || isWrongAddress && !isFocused
     })
   }, renderInput(), isListVisible && renderList());
 };

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -16,6 +16,26 @@
     cursor: pointer;
   }
 
+  &__alert {
+    visibility: hidden;
+    position: absolute;
+    display: flex;
+    top: 50%;
+    right: 8px;
+    transform: translateY(-50%);
+    cursor: pointer;
+
+    &--visible {
+      visibility: visible;
+    }
+
+    svg {
+      height: 16px;
+      width: 16px;
+      color: #FA564C;
+    }
+  }
+
   &__input-wrapper:hover &__clear-query,
   &__clear-query--input-focused {
     visibility: visible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.1.40",
+  "version": "1.1.42",
   "description": "",
   "main": "dist/index.js",
   "files": [