intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -1,149 +0,0 @@
-"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 _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-require("./FileLoaderLocal.scss");
-const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const FileLoaderLocal = _ref => {
-  let {
-    groupId,
-    id,
-    fieldId,
-    fieldKey,
-    label,
-    error,
-    outerError,
-    isRequired,
-    accept,
-    onChange,
-    className,
-    value,
-    isNoTrashIcon = false,
-    maxItemSizeBytes,
-    testId = "file-loader-local",
-    attributesOfNativeInput = {}
-  } = _ref;
-  const getFileName = value => {
-    const result = value.match(/[^\\]+$/);
-    return result === null || result === void 0 ? void 0 : result[0];
-  };
-  const renderRequiredLabel = () => {
-    if (!value) {
-      if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
-        className: "file-loader-local--required"
-      }, "Required");else return /*#__PURE__*/_react.default.createElement("div", {
-        className: "file-loader-local--optional"
-      }, "Optional");
-    }
-  };
-  const isFileSizeOutOfLimit = file => {
-    var _ref2;
-    return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
-  };
-  const checkExtension = valueExtension => {
-    return accept.includes(valueExtension);
-  };
-  const handle = {
-    change: e => {
-      var _name$match, _name$split, _e$target, _e$target2;
-      const name = getFileName(e.target.value);
-      const valueExtension = name === null || name === void 0 || (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
-      const fileName = (_name$split = name.split(".")) === null || _name$split === void 0 ? void 0 : _name$split[0];
-      const latinRegex = /^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/;
-      const file = (_e$target = e.target) === null || _e$target === void 0 || (_e$target = _e$target.files) === null || _e$target === void 0 ? void 0 : _e$target[0];
-      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2 = _e$target2.files) === null || _e$target2 === void 0 ? void 0 : _e$target2[0])) {
-        onChange({
-          id,
-          name,
-          valueExtension,
-          e,
-          file,
-          groupId,
-          error: "Max file size is ".concat((0, _utils.renderFileSize)(maxItemSizeBytes))
-        });
-      } else if (!checkExtension(valueExtension)) {
-        var _accept$replace;
-        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
-        const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
-        onChange({
-          id,
-          groupId,
-          name,
-          valueExtension,
-          e,
-          file,
-          error: "Only ".concat(uniqExts, " are allowed")
-        });
-      } else if (!latinRegex.test(fileName)) {
-        onChange({
-          id,
-          groupId,
-          name,
-          valueExtension,
-          e,
-          file,
-          error: "File name must be Latin characters only."
-        });
-      } else onChange({
-        id,
-        groupId,
-        name,
-        valueExtension,
-        e,
-        file
-      });
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("file-loader-local", className, {
-      ["file-loader-local_outer-error"]: Boolean(outerError)
-    })
-  }, (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    key: id,
-    onChange: handle.change,
-    className: "file-loader-local__file-input",
-    id: fieldKey || "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ""),
-    type: "file",
-    name: fieldKey || id,
-    required: isRequired,
-    accept: accept
-  }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _classnames.default)("file-loader-local__label-box", {
-      "file-loader-local__label-box--upload-trigger": fieldId === "uploadTrigger" || !value
-    }),
-    htmlFor: fieldKey || "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
-  }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
-    className: "file-loader-local__upload-icon"
-  }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
-    className: "file-loader-local__upload-icon"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    title: value || label,
-    className: "file-loader-local__label-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("file-loader-local__label", {
-      "file-loader-local__label-filled": value
-    })
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__label-text"
-  }, value || label), error && /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__error"
-  }, error), typeof outerError === "string" && /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__error"
-  }, outerError))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
-    className: "file-loader-local__trash-icon",
-    onClick: () => onChange({
-      id: fieldId,
-      groupId
-    })
-  }), renderRequiredLabel()));
-};
-var _default = exports.default = FileLoaderLocal;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -1,125 +0,0 @@
-.file-loader-local {
-  position: relative;
-
-  display: flex;
-  align-items: center;
-
-  box-sizing: border-box;
-  min-height: 50px;
-
-  border-radius: 8px;
-  background-color: #ffffff;
-  box-shadow: 0px 2px 8px rgb(39 73 113 / 15%);
-
-  &_outer-error {
-    border: 1px solid #fa564c;
-  }
-
-  &__top-label {
-    margin-bottom: 16px;
-
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-    letter-spacing: 0.2px;
-    &-extension {
-      color: #757f8c;
-    }
-  }
-
-  &__file-input {
-    position: absolute;
-    z-index: -10;
-
-    width: 0.1px;
-    height: 0.1px;
-
-    opacity: 0;
-  }
-
-  &__label-box {
-    display: flex;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-
-    box-sizing: border-box;
-    width: 100%;
-    max-height: 50px;
-    padding: 15px 18px 15px 16px;
-
-    font-family: Sarabun;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20px;
-
-    color: #1f7499;
-
-    &--upload-trigger {
-      cursor: pointer;
-    }
-  }
-
-  &__upload-icon {
-    min-width: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    max-height: 16px;
-    margin-right: 8px;
-
-    color: #a0a4b0;
-
-    transform: rotate(180deg);
-    stroke-width: 1.5px;
-  }
-
-  &__trash-icon {
-    min-width: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    max-height: 16px;
-
-    color: #f06d8d;
-    cursor: pointer;
-  }
-
-  &__label-wrapper {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin-right: 8px;
-    flex-grow: 1;
-  }
-
-  &__label {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  &__label-text {
-    overflow: hidden;
-
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: break-word;
-  }
-
-  &__label-filled {
-    color: #171d33;
-  }
-
-  &__error {
-    font-size: 12px;
-
-    color: #f06d8d;
-  }
-
-  &--required {
-    color: #f06d8d;
-  }
-
-  &--optional {
-    color: #757f8c;
-  }
-}

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -1,170 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
-require("./FileLoaderLocalGroup.scss");
-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 DEFAULT_LABEL_PREFIX = "Please attach";
-const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const FileLoaderLocalGroup = _ref => {
-  let {
-    className,
-    groupsArray = [],
-    isSingleGroup,
-    onChange,
-    labelPrefix = DEFAULT_LABEL_PREFIX,
-    testId = "file-loader-local-group",
-    alertText
-  } = _ref;
-  const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
-  const getNewFile = group => {
-    var _group$files, _group$files2, _group$maxItemSizeByt, _group$files3, _group$files4;
-    return {
-      id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
-      value: "",
-      base64: "",
-      error: "",
-      accept: group.accept || ".jpg, .jpeg, .png, .pdf",
-      maxItemSizeBytes: (_group$maxItemSizeByt = group.maxItemSizeBytes) !== null && _group$maxItemSizeByt !== void 0 ? _group$maxItemSizeByt : MAX_FILE_SIZE,
-      isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false,
-      fieldKey: isNaN(((_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.at(-1).id) + 1) ? 1 : ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.at(-1).id) + 1
-    };
-  };
-  const generateUniqueFileName = (files, name) => {
-    let fileName = name;
-    const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
-    let count = 1;
-    while (files.some(file => file.value === fileName)) {
-      fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
-      count += 1;
-    }
-    return fileName;
-  };
-  (0, _react.useEffect)(() => {
-    const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(group => {
-      return {
-        ...group,
-        files: [getNewFile(group)]
-      };
-    });
-    setGroups(mergedGroups);
-  }, []);
-  const handle = {
-    change: _ref2 => {
-      let {
-        e,
-        groupId,
-        name,
-        id,
-        error,
-        valueExtension,
-        file
-      } = _ref2;
-      const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
-      const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
-      const changedField = files.find(item => Number(item.id) === Number(id));
-      if (error) {
-        changedField.value = name;
-        changedField.error = error;
-        setGroups([...groups]);
-        onChange(groups);
-      } else if (name && !error) {
-        const uniqueFileName = generateUniqueFileName(files, name);
-        (0, _utils.getBase64)(file).then(result => {
-          changedField.value = uniqueFileName;
-          changedField.base64 = result;
-          changedField.error = "";
-          const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
-            if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
-              return {
-                ...group,
-                files: [...group.files]
-              };
-            } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
-              return {
-                ...group,
-                files: [...group.files, {
-                  ...getNewFile(group),
-                  isRequired: group.files.length > 1
-                }]
-              };
-            }
-            return group;
-          });
-          setGroups([...oldDataWithNewFile]);
-          onChange(oldDataWithNewFile);
-        }).catch(e => console.error(e));
-      } else {
-        const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
-          if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
-            return {
-              ...group,
-              files: [{
-                ...getNewFile(group),
-                value: "",
-                base64: ""
-              }]
-            };
-          } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
-            return {
-              ...group,
-              files: group.files.filter(item => item.id !== id)
-            };
-          }
-          return group;
-        });
-        setGroups([...oldDataWithRemovedFile]);
-        onChange(oldDataWithRemovedFile);
-      }
-    }
-  };
-  const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
-  return groups === null || groups === void 0 ? void 0 : groups.map(group => {
-    var _group$files5;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": testId,
-      key: group.groupId,
-      className: (0, _classnames.default)("file-loader-local-groups", className)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local-groups__label"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local-groups__label-text"
-    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, " ", /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local-groups__label-extension"
-    }, "(", getUniqueExts(group === null || group === void 0 ? void 0 : group.accept), "):"))), (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/_react.default.createElement(_Alert.default, {
-      className: "file-loader-local-groups__alert",
-      noDismiss: true,
-      icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Info, null),
-      message: group === null || group === void 0 ? void 0 : group.alertText
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local-groups__item"
-    }, group === null || group === void 0 || (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
-      var _group$files6, _group$files7;
-      return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
-        groupId: group === null || group === void 0 ? void 0 : group.groupId,
-        fieldKey: file !== null && file !== void 0 && file.fieldKey ? "".concat(file.fieldKey, ":").concat(group === null || group === void 0 ? void 0 : group.groupId, ":").concat(Math.random().toString().slice(-4)) : file === null || file === void 0 ? void 0 : file.id,
-        key: (file === null || file === void 0 ? void 0 : file.id) || index,
-        id: (file === null || file === void 0 ? void 0 : file.id) || index,
-        error: file === null || file === void 0 ? void 0 : file.error,
-        label: "Upload document",
-        accept: file === null || file === void 0 ? void 0 : file.accept,
-        value: file === null || file === void 0 ? void 0 : file.value,
-        maxItemSizeBytes: file === null || file === void 0 ? void 0 : file.maxItemSizeBytes,
-        onChange: value => handle.change(value, file === null || file === void 0 ? void 0 : file.id),
-        isRequired: ((_group$files6 = group.files) === null || _group$files6 === void 0 ? void 0 : _group$files6.length) <= 1 || false,
-        isNoTrashIcon: ((_group$files7 = group.files) === null || _group$files7 === void 0 ? void 0 : _group$files7.length) <= 1 && !isSingleGroup
-      });
-    })));
-  });
-};
-var _default = exports.default = FileLoaderLocalGroup;

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

@@ -1,124 +0,0 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-var _InputMask = _interopRequireDefault(require("../InputMask3/InputMask3"));
-require("./FormattedRawSSN.scss");
-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 DEFAULT_SSN_MASK = "DDD-DD-DDDD";
-const SIGNIFICANT_CHARACTERS = ["D"];
-const FormattedRawSSN = _ref => {
-  let {
-    value = "",
-    onChange: onChangeProp = () => {},
-    testId = "formatted-raw-ssn",
-    // ! ВСЕ "пляшет" от fullSnnMask и significantChars
-    // Маска для полного snn (технически ограничений нет, НО нужно передавать то, что понимает InputMask3)
-    fullSnnMask = DEFAULT_SSN_MASK,
-    // Значащие символы в fullSnnMask
-    // Технически ограничений нет, НО нужно передавать
-    //    - массив ОДИНОЧНЫХ символов
-    //    - массив тех символов, которые правильно трактуются в InputMask3 (смотри InputMask3/config)
-    significantChars = SIGNIFICANT_CHARACTERS,
-    // Символ для маскировки
-    maskChar = "*",
-    // Инициализационное значение (сразу скрывать или нет)
-    isHiddenDefault = true,
-    // Максимальное значение ВВОДИМЫХ цифр
-    maxLen = 9,
-    // ? Речь о значащих символах
-    // Сколько из ПЕРВЫХ вводимых нужно прятать при включении мода маскировки
-    countOfFirstDigitsToHide = 5,
-    // ? Речь о значащих символах
-    // Статическая часть
-    postfix = "",
-    ...args
-  } = _ref;
-  // ? Будем пользоваться своим (верхним относительно InputMask3) стейтом
-  // ? Это потребует отрисовки триггера "поверх" InputMask3.
-  const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
-  const wrapperRef = (0, _react.useRef)(null);
-  const onChange = value => {
-    const newValue = !value && value !== "" ? "" : value === null || value === void 0 ? void 0 : value.toString();
-    onChangeProp(newValue);
-  };
-
-  // ? Пересчитываем маску с учетом переданного maxLen.
-  // ? Если maxLen меньше количества значащих символов в fullSnnMask, то маска корректно обрежется.
-  // ? Передаем опцию isOnlyMask: false, чтобы получить НЕ только новую маску, а еще и статистику.
-  // ? В этом случае приходит объект формата: { mask, countOfSignificantChars, countOfNotSignificantChars }
-  const infoAboutMask = (0, _utils.getLimitedMask)({
-    mask: fullSnnMask,
-    significantChars: significantChars,
-    limit: maxLen,
-    isOnlyMask: false
-  });
-
-  // ? Расчитываем ИНДЕКС крайнего символа части маски, которая подлежит скрытию,
-  // ? исходя из countOfFirstDigitsToHide
-  const maxHiddenIndex = (() => {
-    // если не приводится к числу или ноль (передавать ноль лишено смысла)
-    if (isNaN(Number(countOfFirstDigitsToHide)) || !Number(countOfFirstDigitsToHide)) return -1;
-    // если больше чем значимых символов
-    if (countOfFirstDigitsToHide > infoAboutMask.countOfSignificantChars) return infoAboutMask.mask.length;
-
-    // ? Для расчетов получаем дополнительно корректно "обрезанную" маску (до уровня скрываемой части)
-    // ? на основе ранее полученной "обрезанной" по maxLen. Нам нужна НЕ сама маска, а статистика по ней.
-    // ? В частности - количество "незначащих" символов содержащихся в скрываемой части
-    const infoAboutMaskOfHidden = (0, _utils.getLimitedMask)({
-      mask: infoAboutMask.mask,
-      significantChars: significantChars,
-      limit: countOfFirstDigitsToHide,
-      isOnlyMask: false
-    });
-
-    // ? Для InputMask3 maxHiddenIndex должен быть передан относительно длины ВСЕЙ применяемой маски (наша "обрезанная" по maxLen).
-    // ? Поэтому к количеству "скрываемых" символов добавляем количество "незначащих", входящих в скрываемую часть маски.
-    // ? Т.к. расчитываем НЕ длинну, а индекс - отнимаем 1
-    return countOfFirstDigitsToHide + infoAboutMaskOfHidden.countOfNotSignificantChars - 1;
-  })();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: "formatted-raw-ssn",
-    ref: wrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
-    value: value,
-    onChange: onChange,
-    testId: "formattedRawSNN--input--key-".concat(testId),
-    maskPattern: infoAboutMask.mask,
-    maskPlaceholder: "X",
-    focusSelector: "input",
-    isNumericMobileKeyboard: true,
-    blinkErrors: true,
-    showErrors: false,
-    withHiddenMode: true,
-    isValueHiddenDefault: isHiddenDefault,
-    hiddenChar: maskChar,
-    maxHiddenIndex: maxHiddenIndex,
-    isHide: isHidden
-  })), postfix && /*#__PURE__*/_react.default.createElement("span", {
-    className: "formatted-raw-ssn-postfix",
-    onClick: () => {
-      var _wrapperRef$current;
-      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || (_wrapperRef$current = _wrapperRef$current.querySelector("input")) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.focus();
-    }
-  }, postfix), /*#__PURE__*/_react.default.createElement("span", {
-    className: "formatted-raw-ssn-eye-holder",
-    onClick: () => setIsHidden(!isHidden)
-  }, " ", 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 = exports.default = FormattedRawSSN;

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

@@ -1,108 +0,0 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-var _Input = _interopRequireDefault(require("../Input/Input"));
-require("./FormattedRawSSN.scss");
-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 FormattedRawSSN = _ref => {
-  var _value$substring;
-  let {
-    value = "",
-    postfix = "",
-    onChange: onChangeProp = () => {},
-    maskChar = "*",
-    testId = "formatted-raw-ssn",
-    isHiddenDefault = true,
-    maxLen = 9,
-    ...args
-  } = _ref;
-  const [SSN, setSSN] = (0, _react.useState)((_value$substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value$substring !== void 0 ? _value$substring : "");
-  const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
-  const wrapperRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    var _value$toString$subst, _value$toString;
-    setSSN((_value$toString$subst = value === null || value === void 0 || (_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString.substring(0, maxLen)) !== null && _value$toString$subst !== void 0 ? _value$toString$subst : "");
-  }, [value]);
-  const onChange = value => {
-    if (!value && value !== "") return "";
-    if (value.replace(/-/g, "").length < SSN.length) {
-      const last = SSN.length - 1;
-      setSSN(SSN.slice(0, last));
-      return;
-    }
-    const numValue = value.replace(/\D/g, "");
-    let newSSN = "";
-    if (isHidden) {
-      if (SSN.length > 5) {
-        newSSN = SSN.slice(0, 5) + numValue;
-      } else {
-        newSSN = SSN + numValue;
-      }
-    } else {
-      newSSN = numValue;
-    }
-    if (newSSN.length > maxLen) {
-      return;
-    }
-    setSSN(newSSN);
-  };
-  const switchView = () => {
-    var _wrapperRef$current;
-    const input = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("input");
-    input === null || input === void 0 || input.focus();
-    (0, _utils.setCarretToEnd)(input);
-    setIsHidden(!isHidden);
-  };
-  const getFormatedValue = v => {
-    if (!v) return "";
-    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));
-    }
-  };
-  const getMaskedValue = v => {
-    return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
-  };
-  (0, _react.useEffect)(() => {
-    if (SSN) onChangeProp === null || onChangeProp === void 0 || onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
-  }, [SSN]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: "formatted-raw-ssn",
-    ref: wrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
-    value: getMaskedValue(getFormatedValue(SSN)),
-    onChange: onChange
-  })), postfix && /*#__PURE__*/_react.default.createElement("span", {
-    className: "formatted-raw-ssn-postfix",
-    onClick: () => {
-      var _wrapperRef$current2;
-      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.querySelector("input")) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.focus();
-    }
-  }, postfix), /*#__PURE__*/_react.default.createElement("span", {
-    className: "formatted-raw-ssn-eye-holder",
-    onClick: switchView
-  }, " ", 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 = exports.default = FormattedRawSSN;