intelicoreact 1.3.21 → 1.3.23

package/dist/Atomic/FormElements/InputMask3/InputMask3.scss

@@ -6,6 +6,7 @@
 
 .input-mask3_wrapper {
   position: relative;
+
   display: block;
   // width: fit-content;
   width: 100%;
@@ -16,8 +17,8 @@
     position: relative;
 
     display: inline-flex;
-    align-items: center;
     justify-content: space-between;
+    align-items: center;
 
     box-sizing: border-box;
     width: 100%;
@@ -25,9 +26,9 @@
 
     cursor: text;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 4px;
-    background-color: #FFF;
+    background-color: #fff;
 
     &_input {
       position: absolute;
@@ -39,22 +40,22 @@
       height: 100%;
       padding: 8px;
 
+      font-size: 16px;
+
       color: #333;
       border: none;
       outline: none;
       background: rgb(0 0 0 / 0%);
-
-      font-size: 16px;
     }
 
     &_focus {
-      border-color: #6B81DD;
+      border-color: #6b81dd;
       filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_error,
     &_blink-error {
-      border-color: #DD6B6B;
+      border-color: #dd6b6b;
       filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
     }
 
@@ -144,13 +145,13 @@
         margin: 0;
         padding: 0;
 
+        font-size: 16px;
+
         border: none;
         outline: none;
 
-        font-size: 16px;
-
         &_mask-char {
-          color: #9C9C9C;
+          color: #9c9c9c;
         }
 
         &_value-char {
@@ -171,9 +172,9 @@
   .input-mask_error-text {
     margin-top: 8px;
 
-    color: rgb(211 82 82);
-
     font-size: 12px;
+
+    color: rgb(211 82 82);
   }
 
   .lds-ring.lds-ring_small {

package/dist/Atomic/FormElements/InputMask3/config.js

@@ -1,17 +1,17 @@
 "use strict";
 
 module.exports = {
-  UPPERCASE_LETTER_MASK_CHAR: 'L',
-  LOWERCASE_LETTER_MASK_CHAR: 'l',
-  DIGIT_MASK_CHAR: 'D',
-  SPACE_CHAR: "\xA0",
+  UPPERCASE_LETTER_MASK_CHAR: "L",
+  LOWERCASE_LETTER_MASK_CHAR: "l",
+  DIGIT_MASK_CHAR: "D",
+  SPACE_CHAR: "\u00A0",
   ANDROID_CHROME_TEXT_CODE: 229,
-  EXCLUDED_KEYS: ['Tab'],
+  EXCLUDED_KEYS: ["Tab"],
   DEFAULT_ERRORS: {
-    onlyLetter: 'Type letter',
-    onlyDigit: 'Type digit',
-    onlyUpperCase: 'Type letter in UpperCase',
-    onlyLowerCase: 'Type letter in LowerCase',
+    onlyLetter: "Type letter",
+    onlyDigit: "Type digit",
+    onlyUpperCase: "Type letter in UpperCase",
+    onlyLowerCase: "Type letter in LowerCase",
     default: null
   }
 };

package/dist/Atomic/FormElements/InputMask3/functions.js

@@ -4,88 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.voidFn = exports.selectElementContents = exports.resetSelectionText = exports.isUpperCaseLetter = exports.isLowerCaseLetter = exports.isLetterMaskChar = exports.isLetter = exports.isDigitMaskChar = exports.isDigit = exports.getSelectionText = exports.copyToClipboard = void 0;
-
 var _config = require("./config");
-
-var getSelectionText = function getSelectionText() {
+const getSelectionText = () => {
   var _text;
-
-  var text = '';
-
+  let text = "";
   if (window.getSelection) {
     text = window.getSelection().toString();
-  } else if (document.selection && document.selection.type !== 'Control') {
+  } else if (document.selection && document.selection.type !== "Control") {
     text = document.selection.createRange().text;
   }
-
-  return (_text = text) === null || _text === void 0 ? void 0 : _text.replace(/\n/g, '');
+  return (_text = text) === null || _text === void 0 ? void 0 : _text.replace(/\n/g, "");
 };
-
 exports.getSelectionText = getSelectionText;
-
-var resetSelectionText = function resetSelectionText() {
+const resetSelectionText = () => {
   if (window.getSelection) {
     window.getSelection().removeAllRanges();
   }
 };
-
 exports.resetSelectionText = resetSelectionText;
-
-var copyToClipboard = function copyToClipboard(str) {
-  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str); // eslint-disable-next-line prefer-promise-reject-errors
-
-  return Promise.reject('The Clipboard API is not available.');
+const copyToClipboard = str => {
+  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
+  // eslint-disable-next-line prefer-promise-reject-errors
+  return Promise.reject("The Clipboard API is not available.");
 };
-
 exports.copyToClipboard = copyToClipboard;
-
-var selectElementContents = function selectElementContents(el) {
-  var startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-  var endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-  var sel = window.getSelection();
+const selectElementContents = function (el) {
+  let startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+  let endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+  const sel = window.getSelection();
   sel.selectAllChildren(el);
 };
-
 exports.selectElementContents = selectElementContents;
-
-var isLetter = function isLetter(char) {
+const isLetter = char => {
   return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
 };
-
 exports.isLetter = isLetter;
-
-var isUpperCaseLetter = function isUpperCaseLetter(char) {
+const isUpperCaseLetter = char => {
   return isLetter(char) ? char === char.slice().toUpperCase() : false;
 };
-
 exports.isUpperCaseLetter = isUpperCaseLetter;
-
-var isLowerCaseLetter = function isLowerCaseLetter(char) {
+const isLowerCaseLetter = char => {
   return isLetter(char) ? char === char.slice().toLowerCase() : false;
 };
-
 exports.isLowerCaseLetter = isLowerCaseLetter;
-
-var isDigit = function isDigit(char) {
-  return Boolean(Number.isInteger(parseInt(char)));
+const isDigit = char => {
+  return Boolean(Number.isInteger(parseInt(char, 10)));
 };
-
 exports.isDigit = isDigit;
-
-var isDigitMaskChar = function isDigitMaskChar(char) {
+const isDigitMaskChar = char => {
   return char === _config.DIGIT_MASK_CHAR;
 };
-
 exports.isDigitMaskChar = isDigitMaskChar;
-
-var isLetterMaskChar = function isLetterMaskChar(char) {
+const isLetterMaskChar = char => {
   return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
 };
-
 exports.isLetterMaskChar = isLetterMaskChar;
-
-var voidFn = function voidFn() {
-  console.error('Void Function Called');
+const voidFn = () => {
+  // eslint-disable-next-line no-console
+  console.error("Void Function Called");
 };
-
 exports.voidFn = voidFn;

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js

@@ -1,127 +1,71 @@
 "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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Input = _interopRequireDefault(require("../Input/Input"));
-
-var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-
+var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
+var _Input = _interopRequireDefault(require("../Input/Input"));
 require("./InputWithAction.scss");
-
-var _excluded = ["className", "inputClassName", "isHideAction", "actionLabel", "doAction", "actionContent", "actionProps", "isNoChangeAfterAction", "isWithCopy", "copyLabel", "copy", "copyIcon", "isNoCopyIcon", "isCopyIconRight", "copyButtonVariant", "disabled", "isInputZoneDisabled", "isInputDisabled", "isLodaing", "onChange", "value", "testId"];
-
-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 RC = 'input-with-action';
-
-var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _cn2;
-
-  var className = props.className,
-      inputClassName = props.inputClassName,
-      _props$isHideAction = props.isHideAction,
-      isHideAction = _props$isHideAction === void 0 ? false : _props$isHideAction,
-      _props$actionLabel = props.actionLabel,
-      actionLabel = _props$actionLabel === void 0 ? 'Generate' : _props$actionLabel,
-      _doAction = props.doAction,
-      actionContent = props.actionContent,
-      actionProps = props.actionProps,
-      _props$isNoChangeAfte = props.isNoChangeAfterAction,
-      isNoChangeAfterAction = _props$isNoChangeAfte === void 0 ? false : _props$isNoChangeAfte,
-      _props$isWithCopy = props.isWithCopy,
-      isWithCopy = _props$isWithCopy === void 0 ? true : _props$isWithCopy,
-      _props$copyLabel = props.copyLabel,
-      copyLabel = _props$copyLabel === void 0 ? 'Copy' : _props$copyLabel,
-      _copy = props.copy,
-      copyIcon = props.copyIcon,
-      isNoCopyIcon = props.isNoCopyIcon,
-      isCopyIconRight = props.isCopyIconRight,
-      _props$copyButtonVari = props.copyButtonVariant,
-      copyButtonVariant = _props$copyButtonVari === void 0 ? 'dark-outline' : _props$copyButtonVari,
-      disabled = props.disabled,
-      isInputZoneDisabled = props.isInputZoneDisabled,
-      isInputDisabled = props.isInputDisabled,
-      isLodaing = props.isLodaing,
-      onChange = props.onChange,
-      value = props.value,
-      testId = props.testId,
-      inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLocalLoading = _useState2[0],
-      setIsLocalLoading = _useState2[1];
-
-  var handle = {
-    doAction: function () {
-      var _doAction2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var result;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                setIsLocalLoading(true);
-                _context.next = 3;
-                return _doAction === null || _doAction === void 0 ? void 0 : _doAction(value, actionProps);
-
-              case 3:
-                result = _context.sent;
-                if (!isNoChangeAfterAction) onChange(result);
-                setIsLocalLoading(false);
-                return _context.abrupt("return", result);
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function doAction() {
-        return _doAction2.apply(this, arguments);
-      }
-
-      return doAction;
-    }(),
-    copy: function copy() {
-      if (typeof _copy === 'function') _copy(value);
+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; }
+const RC = "input-with-action";
+const InputWithAction = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    inputClassName,
+    isHideAction = false,
+    actionLabel = "Generate",
+    doAction,
+    actionContent,
+    actionProps,
+    isNoChangeAfterAction = false,
+    isWithCopy = true,
+    copyLabel = "Copy",
+    copy,
+    copyIcon,
+    isNoCopyIcon,
+    isCopyIconRight,
+    copyButtonVariant = "dark-outline",
+    disabled,
+    isInputZoneDisabled,
+    isInputDisabled,
+    isLodaing,
+    onChange,
+    value,
+    testId,
+    ...inputProps
+  } = props;
+  const [isLocalLoading, setIsLocalLoading] = (0, _react.useState)(false);
+  const handle = {
+    doAction: async () => {
+      setIsLocalLoading(true);
+      const result = await (doAction === null || doAction === void 0 ? void 0 : doAction(value, actionProps));
+      if (!isNoChangeAfterAction) onChange(result);
+      setIsLocalLoading(false);
+      return result;
+    },
+    copy: () => {
+      if (typeof copy === "function") copy(value);
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isLocalLoading !== isLodaing) setIsLocalLoading(isLodaing);
   }, [isLodaing]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
+    className: (0, _classnames.default)(RC, className, {
+      ["".concat(RC, "_disabled")]: disabled
+    })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__input-zone"), (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_disabled"), isInputZoneDisabled), (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_input-disabled"), isInputDisabled), _cn2))
+    className: (0, _classnames.default)("".concat(RC, "__input-zone"), {
+      ["".concat(RC, "__input-zone_disabled")]: isInputZoneDisabled,
+      ["".concat(RC, "__input-zone_input-disabled")]: isInputDisabled
+    })
   }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, inputProps, {
     testId: "".concat(testId, "-input"),
     ref: ref,
@@ -133,24 +77,18 @@ var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, re
     className: (0, _classnames.default)("".concat(RC, "__action-container"))
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__action-label")),
-    onClick: function onClick() {
-      return handle.doAction();
-    },
+    onClick: () => handle.doAction(),
     testId: "".concat(testId, "-action-label")
   }, actionLabel)), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   })), isWithCopy && /*#__PURE__*/_react.default.createElement(_Button.default, {
     testId: "".concat(testId, "-copy-button"),
     className: "".concat(RC, "__coppy-button"),
-    onClick: function onClick() {
-      return handle.copy();
-    },
+    onClick: () => handle.copy(),
     icon: copyIcon,
     noIcon: isNoCopyIcon,
     isIconRight: isCopyIconRight,
     variant: copyButtonVariant
   }, copyLabel));
 });
-
-var _default = InputWithAction;
-exports.default = _default;
+var _default = exports.default = InputWithAction;

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss

@@ -1,95 +1,98 @@
 .input-with-action {
-  box-sizing: border-box;
-  width: 100%;
-
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: stretch;
 
+  box-sizing: border-box;
+  width: 100%;
+
   &__input-zone {
-    flex-grow: 1;
+    position: relative;
 
     display: flex;
+    flex-grow: 1;
     flex-flow: row nowrap;
     justify-content: flex-start;
     align-items: center;
 
-    position: relative;
     padding: 0 10px;
-    border: 1px solid #E2E5EC;
+
+    border: 1px solid #e2e5ec;
     border-radius: 3px;
   }
 
   &__action-container {
-    height: 100%;
-    margin-left: 8px;
-
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     align-items: center;
 
-    background-color: transparent;
-
+    height: 100%;
+    margin-left: 8px;
 
+    background-color: transparent;
   }
 
   &__action-label {
-    background-color: transparent;
+    font-family: "Roboto";
+    font-size: 13px;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 20px;
     cursor: pointer;
     user-select: none;
 
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 20px;
-    color: #6B81DD;
+    color: #6b81dd;
+    background-color: transparent;
   }
 
   &__coppy-button {
     width: 63px;
     margin-left: 4px;
-    user-select: none
+
+    user-select: none;
   }
 
   &_disabled {
-    opacity: 0.5;
     pointer-events: none;
 
+    opacity: 0.5;
+
     .input-with-action__input-zone {
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
     }
 
     .input__wrap {
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
     }
   }
 
   &__input-zone_disabled {
-    opacity: 0.5;
     pointer-events: none;
-    background-color: #F7F8FA;
+
+    opacity: 0.5;
+    background-color: #f7f8fa;
 
     .input__wrap {
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
     }
   }
 
   &__input-zone_input-disabled {
-    background-color: #F7F8FA;
-    
+    background-color: #f7f8fa;
+
     .input-with-action__action-container {
-      background-color: rgba(#F7F8FA, 0.5);
+      background-color: rgba(#f7f8fa, 0.5);
     }
     .input__wrap {
-      background-color: #F7F8FA;
+      background-color: #f7f8fa;
     }
   }
 
   .input__wrap {
     flex-grow: 1;
+
     border: none;
 
     &_focus {
@@ -102,8 +105,8 @@
   }
 
   .lds-ring_small {
-    width: 20px !important;;
-    height: 20px !important;;
+    width: 20px !important;
+    height: 20px !important;
 
     & div {
       border-width: 3px !important;