intelicoreact 1.0.55 → 1.0.57

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js

@@ -0,0 +1,135 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactFeather = require("react-feather");
+
+var _utils = require("../../../Functions/utils");
+
+var _Input = _interopRequireDefault(require("../Input/Input"));
+
+require("./FormattedRawSSN.scss");
+
+var _excluded = ["value", "onChange", "maskChar", "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 FormattedRawSSN = function FormattedRawSSN(_ref) {
+  var value = _ref.value,
+      _ref$onChange = _ref.onChange,
+      onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$maskChar = _ref.maskChar,
+      maskChar = _ref$maskChar === void 0 ? '*' : _ref$maskChar,
+      testId = _ref.testId,
+      args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : ''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      SSN = _useState2[0],
+      setSSN = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isHidden = _useState4[0],
+      setIsHidden = _useState4[1];
+
+  var wrapperRef = (0, _react.useRef)(null);
+
+  var onChange = function onChange(value, key) {
+    if (value.replace(/-/g, "").length < SSN.length) {
+      var last = SSN.length - 1;
+      setSSN(SSN.slice(0, last));
+      return;
+    }
+
+    var numValue = value.replace(/\D/g, "");
+    var newSSN = "";
+
+    if (isHidden) {
+      if (SSN.length > 5) {
+        newSSN = SSN.slice(0, 5) + numValue;
+      } else {
+        newSSN = SSN + numValue;
+      }
+    } else {
+      newSSN = numValue;
+    }
+
+    if (newSSN.length > 9) {
+      return;
+    }
+
+    setSSN(newSSN);
+  };
+
+  var switchView = function switchView() {
+    var _wrapperRef$current;
+
+    var input = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('input');
+    input === null || input === void 0 ? void 0 : input.focus();
+    (0, _utils.setCarretToEnd)(input);
+    setIsHidden(!isHidden);
+  };
+
+  var getFormatedValue = function getFormatedValue(v) {
+    v = v.slice(0, 11).replace(/-/g, "");
+
+    if (v.length <= 3) {
+      return v;
+    }
+
+    if (v.length > 3 && v.length <= 5) {
+      return "".concat(v.slice(0, 3), "-").concat(v.slice(3));
+    }
+
+    if (v.length > 5) {
+      return "".concat(v.slice(0, 3), "-").concat(v.slice(3, 5), "-").concat(v.slice(5));
+    }
+  };
+
+  var getMaskedValue = function getMaskedValue(v) {
+    return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
+  };
+
+  (0, _react.useEffect)(function () {
+    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(SSN.replace(/-/g, ''));
+  }, [SSN]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "formatted-raw-ssn",
+    ref: wrapperRef
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    value: getMaskedValue(getFormatedValue(SSN)),
+    onChange: onChange,
+    testId: "formattedRawSNN--input--key-".concat(testId)
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "formatted-raw-ssn-eye-holder",
+    onClick: switchView,
+    "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
+  }, ' ', isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
+    strokeWidth: 1,
+    className: "password-icon"
+  }) : /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {
+    strokeWidth: 1,
+    className: "password-icon"
+  })));
+};
+
+var _default = FormattedRawSSN;
+exports.default = _default;

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss

@@ -0,0 +1,30 @@
+.formatted-raw-ssn {
+  position: relative;
+
+  .input-classic__wrap input,
+  .input__wrap input {
+    padding: 0 38px 0 10px;
+  }
+
+  &-eye-holder {
+    position: absolute;
+
+    top: 25%;
+    right: 10px;
+
+    height: 100%;
+
+    cursor: pointer;
+    transform: translateY(-25%);
+
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: center;
+  }
+
+  &-icon {
+    cursor: pointer;
+    color: #A6AAB4;
+  }
+}

package/dist/Functions/utils.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.downloadEmulation = downloadEmulation;
-exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -299,6 +299,17 @@ var compare = function compare(a, b) {
   var keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (Array.isArray(a), Array.isArray(b)) return JSON.stringify(a === null || a === void 0 ? void 0 : (_a$sort = a.sort) === null || _a$sort === void 0 ? void 0 : _a$sort.call(a)) === JSON.stringify(b === null || b === void 0 ? void 0 : (_b$sort = b.sort) === null || _b$sort === void 0 ? void 0 : _b$sort.call(b));else if (Array.isArray(a) || Array.isArray(b)) throw new Error('Different types detected!');
   return JSON.stringify((_Object$entries$sort = (_Object$entries = Object.entries(omitKeys(a, keys))).sort) === null || _Object$entries$sort === void 0 ? void 0 : _Object$entries$sort.call(_Object$entries)) === JSON.stringify((_Object$entries$sort2 = (_Object$entries2 = Object.entries(omitKeys(b, keys))).sort) === null || _Object$entries$sort2 === void 0 ? void 0 : _Object$entries$sort2.call(_Object$entries2));
+}; // Set Carret to the End of Input
+
+
+exports.compare = compare;
+
+var setCarretToEnd = function setCarretToEnd(input) {
+  setTimeout(function () {
+    var tmp = input.value;
+    input.value = '';
+    input.value = tmp;
+  }, 10);
 };
 
-exports.compare = compare;
+exports.setCarretToEnd = setCarretToEnd;

package/dist/Molecular/FormElement/FormElement.js

@@ -7,12 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Label = _interopRequireDefault(require("../../Atomic/FormElements/Label/Label"));
 
+var _Alert = _interopRequireDefault(require("./../../Atomic/UI/Alert/Alert"));
+
 require("./FormElement.scss");
 
 var RC = 'form-element';
@@ -25,7 +31,8 @@ var FormElement = function FormElement(_ref) {
       className = _ref.className,
       hint = _ref.hint,
       isLabelBolt = _ref.isLabelBolt,
-      isNoLabel = _ref.isNoLabel;
+      isNoLabel = _ref.isNoLabel,
+      alert = _ref.alert;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, RC)
   }, label && !isNoLabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
@@ -35,8 +42,10 @@ var FormElement = function FormElement(_ref) {
     isRequired: required,
     isLabelBolt: isLabelBolt
   }), children, error && /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(RC, "__error")
-  }, error));
+    className: (0, _classnames.default)("".concat(RC, "__error"), (0, _defineProperty2.default)({}, "".concat(RC, "__error--with-alert"), alert))
+  }, error), alert && /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
+    className: "".concat(RC, "__alert")
+  }, alert)));
 };
 
 var _default = FormElement;

package/dist/Molecular/FormElement/FormElement.scss

@@ -1,9 +1,15 @@
 .form-element {
   position: relative;
+
+  &__alert {
+    margin-top: 5px;
+    border-left: none;
+    border-radius: 5px;
+  }
 }
 
 .form-element__error {
-  position: absolute;
+  position: static;
 
   display: block;
 
@@ -13,4 +19,9 @@
   color: #F06D8D;
 
   font-size: 10px;
+  margin-bottom: -15px;
+
+  &--with-alert {
+    margin-bottom: 0;
+  }
 }

package/dist/Molecular/InputPassword/InputPassword.js

@@ -23,6 +23,8 @@ var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Inp
 
 require("./InputPassword.scss");
 
+var _utils = require("../../Functions/utils");
+
 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; }
@@ -41,23 +43,13 @@ var InputPassword = function InputPassword(_ref) {
       setSP = _useState2[1];
 
   var inputWrapper = (0, _react.useRef)(null);
-
-  var setCarretToEnd = function setCarretToEnd(input) {
-    //Set Carret To The End
-    setTimeout(function () {
-      var tmp = input.value;
-      input.value = '';
-      input.value = tmp;
-    }, 10);
-  };
-
   var handle = {
     changeView: function changeView() {
       var _inputWrapper$current;
 
       var input = inputWrapper === null || inputWrapper === void 0 ? void 0 : (_inputWrapper$current = inputWrapper.current) === null || _inputWrapper$current === void 0 ? void 0 : _inputWrapper$current.querySelector('input');
       input === null || input === void 0 ? void 0 : input.focus();
-      setCarretToEnd(input);
+      (0, _utils.setCarretToEnd)(input);
       setSP(!showPassword);
     }
   };

package/package.json

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