intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -0,0 +1,117 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFeather = require("react-feather");
+
+var _Input = _interopRequireDefault(require("../Input/Input"));
+
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
+require("./InputLink.scss");
+
+var _excluded = ["icon", "value", "withHttpsPrefix", "onRedirect", "testId", "onChange", "withDelete"];
+
+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 InputColor = function InputColor(_ref) {
+  var icon = _ref.icon,
+      value = _ref.value,
+      _ref$withHttpsPrefix = _ref.withHttpsPrefix,
+      withHttpsPrefix = _ref$withHttpsPrefix === void 0 ? {
+    isTurnOn: false,
+    isSecure: false,
+    isBorderErrorWithEmptyHost: false
+  } : _ref$withHttpsPrefix,
+      onRedirect = _ref.onRedirect,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'input' : _ref$testId,
+      onChange = _ref.onChange,
+      withDelete = _ref.withDelete,
+      args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _ref2 = withHttpsPrefix || {},
+      isSecure = _ref2.isSecure,
+      isPrefix = _ref2.isTurnOn;
+
+  var inputRef = (0, _react.useRef)(null);
+  var handle = {
+    redirect: function redirect() {
+      var _ref3 = withHttpsPrefix || {},
+          isBorderErrorWithEmptyHost = _ref3.isBorderErrorWithEmptyHost,
+          isSecure = _ref3.isSecure,
+          isPrefix = _ref3.isTurnOn;
+
+      if (isPrefix && isBorderErrorWithEmptyHost) {
+        if (isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 8 || !isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 7) {
+          return null;
+        }
+      }
+
+      window.open("http".concat(isSecure ? 's' : '', "://").concat(value.replace(/https?:\/\/?/g, '')), '_blank');
+      onRedirect === null || onRedirect === void 0 ? void 0 : onRedirect();
+    },
+    change: function change(e) {
+      var _inputRef$current;
+
+      var inputValue = e !== null && e !== void 0 && e.target ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
+      var cursorPosition = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart;
+
+      if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
+        cursorPosition++;
+      }
+
+      setTimeout(function () {
+        var _inputRef$current2;
+
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.setSelectionRange(cursorPosition, cursorPosition);
+      }, 0);
+      if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ''));
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue.toString());
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputLink', {
+      'inputLink--withDelete': withDelete && value && value.length > 0
+    })
+  }, isPrefix && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputColor__prefix')
+  }, isSecure ? 'https://' : 'http://'), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    withDelete: withDelete,
+    value: value,
+    onChange: handle.change,
+    testId: "inputLink--key-".concat(testId),
+    type: "text",
+    autoComplete: "url",
+    ref: inputRef,
+    className: (0, _classnames.default)({
+      'prefix-gutter--secured': isPrefix && isSecure,
+      'prefix-gutter--no-secured': isPrefix && !isSecure
+    })
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: function onClick() {
+      return handle.redirect();
+    },
+    className: (0, _classnames.default)('inputLink__icon pointer')
+  }, value && (icon || /*#__PURE__*/_react.default.createElement(_reactFeather.ExternalLink, null))));
+};
+
+var _default = InputColor;
+exports.default = _default;

package/dist/Atomic/FormElements/InputLink/InputLink.scss

@@ -0,0 +1,53 @@
+.inputLink {
+  position: relative;
+  &__icon {
+    width: fit-content;
+    height: fit-content;
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+    svg {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 16px;
+      max-width: 16px;
+      min-height: 16px;
+      max-height: 16px;
+
+      stroke: #6b81dd;
+    }
+  }
+  .input {
+    padding-right: 25px;
+  }
+
+  .input__close {
+    right: 20px;
+  }
+
+
+  .prefix-gutter--secured {
+    padding-left: 52px;
+  }
+
+  .prefix-gutter--no-secured {
+    padding-left: 45px;
+  }
+
+}
+
+.inputColor__prefix {
+  font-size: 13px;
+  font-weight: 400;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 11px;
+  pointer-events: none;
+  cursor: default;
+  z-index: 1;
+}
+

package/dist/Atomic/FormElements/InputMask/InputMask.scss

@@ -1,134 +1,144 @@
 .unselectable {
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;           /* Non-prefixed version, currently
+  -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
                                   not supported by any browser */
 }
 
-.input-mask_wrapper{
-  outline: none;
+.input-mask_wrapper {
   display: block;
   // width: fit-content;
   width: 100%;
 
-  .input-mask{
+  outline: none;
+
+  .input-mask {
     display: inline-flex;
-    justify-content: space-between;
     align-items: center;
-    border: 1px solid #e2e5ec;
+    justify-content: space-between;
+
     box-sizing: border-box;
-    background-color: #fff;
-    border-radius: 4px;
-    padding:8px;
-    cursor: text;
     width: 100%;
+    padding: 8px;
+
+    cursor: text;
 
-    &_focus{
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+    border: 1px solid #E2E5EC;
+    border-radius: 4px;
+    background-color: #FFF;
+
+    &_focus {
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_error,
-    &_blink-error{
-      border-color: #dd6b6b;
-      filter: drop-shadow(0px 0px 4px rgba(255, 93, 93, 0.5));
+    &_blink-error {
+      border-color: #DD6B6B;
+      filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
     }
 
-    &_icon{
-      height: 16px;
-      width: 16px;
+    &_icon {
       position: relative;
 
-      &--left{
+      width: 16px;
+      height: 16px;
+
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_hint{
+    &_hint {
       display: flex;
-      text-align: center;
       align-items: center;
 
-      & .hint__text_right{
+      text-align: center;
+
+      & .hint__text_right {
         top: 50%;
         left: 24px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           left: -3px;
         }
       }
 
-      & .hint__text_left{
+      & .hint__text_left {
         top: 50%;
         right: 32px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           right: -3px;
         }
       }
 
-      &--left{
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_clear{
-      height: 16px;
+    &_clear {
       width: 16px;
-      cursor: pointer!important;
+      height: 16px;
+
+      cursor: pointer !important;
     }
 
-    &_value{
+    &_value {
+      position: relative;
+
       display: flex;
       align-items: center;
-      outline: none;
-      position: relative;
+
       width: 100%;
 
-      &_item{
+      outline: none;
+
+      &_item {
         display: inline-flex;
-        min-width: 0;
-        font-size: 16px;
+
         width: unset;
-        padding: 0;
+        min-width: 0;
         margin: 0;
+        padding: 0;
+
         border: none;
         outline: none;
 
-        &--letter{
-        }
+        font-size: 16px;
 
-        &_mask-char{
-          color: #9c9c9c;
+        &_mask-char {
+          color: #9C9C9C;
         }
 
         &_value-char,
-        &_spec-char{
-          color: #333333;
+        &_spec-char {
+          color: #333;
         }
 
-        &_spec-char{
+        &_spec-char {
           text-align: center;
         }
 
-        &:last-child{
+        &:last-child {
           // color: #333333;
           max-width: 1px;
         }
@@ -136,9 +146,11 @@
     }
   }
 
-  .input-mask_error-text{
-    font-size: 12px;
+  .input-mask_error-text {
     margin-top: 8px;
-    color:rgb(211, 82, 82);
+
+    color: rgb(211 82 82);
+
+    font-size: 12px;
   }
 }

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -27,6 +27,8 @@ var _functions = require("./functions");
 
 require("./InputMask2.scss");
 
+var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+
 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; }
@@ -650,7 +652,7 @@ function InputMask2() {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
     }, showHint && isHintLeft && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--left"
-    }, /*#__PURE__*/_react.default.createElement(Hint, {
+    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition
@@ -664,7 +666,7 @@ function InputMask2() {
       className: "input-mask_icon input-mask_icon--right"
     }, icon), showHint && isHintRight && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--right"
-    }, /*#__PURE__*/_react.default.createElement(Hint, {
+    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition

package/dist/Atomic/FormElements/InputMask2/InputMask2.scss

@@ -1,165 +1,177 @@
 .unselectable {
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none;   /* Chrome/Safari/Opera */
-  -khtml-user-select: none;    /* Konqueror */
-  -moz-user-select: none;      /* Firefox */
-  -ms-user-select: none;       /* Internet Explorer/Edge */
-  user-select: none;           /* Non-prefixed version, currently
+  -webkit-touch-callout: none; /* iOS Safari */ /* Chrome/Safari/Opera */ /* Konqueror */ /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently
                                   not supported by any browser */
 }
 
-.input-mask2_wrapper{
-  outline: none;
+.input-mask2_wrapper {
   display: block;
   // width: fit-content;
   width: 100%;
 
-  & .input-mask{
+  outline: none;
+
+  & .input-mask {
+    position: relative;
+
     display: inline-flex;
-    justify-content: space-between;
     align-items: center;
-    border: 1px solid #e2e5ec;
+    justify-content: space-between;
+
     box-sizing: border-box;
-    background-color: #fff;
-    border-radius: 4px;
-    padding:8px;
-    cursor: text;
     width: 100%;
-    position: relative;
+    padding: 8px;
+
+    cursor: text;
+
+    border: 1px solid #E2E5EC;
+    border-radius: 4px;
+    background-color: #FFF;
 
     &_input {
       position: absolute;
-      color: #333333;
-      background: rgba(0,0,0,0);
-      border: none;
-      font-size: 16px;
-      left: 0;
       top: 0;
-      height: 100%;
+      left: 0;
+
+      box-sizing: border-box;
       width: 100%;
+      height: 100%;
       padding: 8px;
-      box-sizing: border-box;
+
+      color: #333;
+      border: none;
       outline: none;
+      background: rgb(0 0 0 / 0%);
+
+      font-size: 16px;
     }
 
-    &_focus{
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+    &_focus {
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_error,
-    &_blink-error{
-      border-color: #dd6b6b;
-      filter: drop-shadow(0px 0px 4px rgba(255, 93, 93, 0.5));
+    &_blink-error {
+      border-color: #DD6B6B;
+      filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
     }
 
-    &_icon{
-      height: 16px;
-      width: 16px;
+    &_icon {
       position: relative;
 
-      &--left{
+      width: 16px;
+      height: 16px;
+
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_hint{
+    &_hint {
       display: flex;
-      text-align: center;
       align-items: center;
 
-      & .hint__text_right{
+      text-align: center;
+
+      & .hint__text_right {
         top: 50%;
         left: 24px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           left: -3px;
         }
       }
 
-      & .hint__text_left{
+      & .hint__text_left {
         top: 50%;
         right: 32px;
+
         transform: translateY(-50%);
 
-        &::before{
+        &::before {
           top: calc(50% - 4px);
           right: -3px;
         }
       }
 
-      &--left{
+      &--left {
         margin-right: 4px;
       }
 
-      &--right{
-        margin-left: 4px;
+      &--right {
         right: 0;
+
+        margin-left: 4px;
       }
     }
 
-    &_clear{
+    &_clear {
       position: relative;
       z-index: 9;
-      height: 16px;
+
       width: 16px;
-      cursor: pointer!important;
+      height: 16px;
+
+      cursor: pointer !important;
     }
 
-    &_value{
+    &_value {
+      position: relative;
+
       display: flex;
       align-items: center;
-      outline: none;
-      position: relative;
+
       width: 100%;
 
-      &_item{
+      outline: none;
+
+      &_item {
         display: inline-flex;
-        min-width: 0;
-        font-size: 16px;
+
         width: unset;
-        padding: 0;
+        min-width: 0;
         margin: 0;
+        padding: 0;
+
         border: none;
         outline: none;
 
-        &--letter{
-        }
+        font-size: 16px;
 
-        &_mask-char{
-          color: #9c9c9c;
+        &_mask-char {
+          color: #9C9C9C;
         }
 
-        // &_value-char,
-        // &_spec-char{
-        //   color: #333333;
-        // }
-
         &_value-char {
           opacity: 0;
         }
 
-        &_spec-char{
+        &_spec-char {
           text-align: center;
         }
 
-        &--hidden{
+        &--hidden {
           visibility: hidden;
         }
       }
     }
   }
 
-  .input-mask_error-text{
-    font-size: 12px;
+  .input-mask_error-text {
     margin-top: 8px;
-    color:rgb(211, 82, 82);
+
+    color: rgb(211 82 82);
+
+    font-size: 12px;
   }
 }

package/dist/Atomic/FormElements/InputsRow/InputsRow.scss

@@ -12,13 +12,16 @@
   &--trash {
     display: flex;
     align-items: center;
+
     width: 17px;
+
     cursor: pointer;
-    background: #fff;
+
     border-radius: 5px;
+    background: #FFF;
 
     svg {
-      color: #f06d8d;
+      color: #F06D8D;
     }
   }
 
@@ -33,10 +36,13 @@
   &--param-label,
   &--value-label,
   &--description-label {
-    color: #9aa0b9;
-    font-size: 10px;
     margin-bottom: 3px;
+
     text-transform: uppercase;
+
+    color: #9AA0B9;
+
+    font-size: 10px;
   }
 
   &--add-btn:hover {