intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./FormattedRawSSN.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const FormattedRawSSN = (_param)=>{
+    var { value = "", postfix = "", onChange: onChangeProp = ()=>{}, maskChar = "*", testId = "formatted-raw-ssn", isHiddenDefault = true, maxLen = 9 } = _param, args = _object_without_properties(_param, [
+        "value",
+        "postfix",
+        "onChange",
+        "maskChar",
+        "testId",
+        "isHiddenDefault",
+        "maxLen"
+    ]);
+    var _value_substring;
+    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;
+        var _value_toString_substring;
+        setSSN((_value_toString_substring = value === null || value === void 0 ? void 0 : (_value_toString = value.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.substring(0, maxLen)) !== null && _value_toString_substring !== void 0 ? _value_toString_substring : "");
+    }, [
+        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 ? 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);
+    };
+    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 `${v.slice(0, 3)}-${v.slice(3)}`;
+        }
+        if (v.length > 5) {
+            return `${v.slice(0, 3)}-${v.slice(3, 5)}-${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 ? void 0 : onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
+    }, [
+        SSN
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: "formatted-raw-ssn",
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, args), {
+                value: getMaskedValue(getFormatedValue(SSN)),
+                onChange: onChange
+            })),
+            postfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "formatted-raw-ssn-postfix",
+                onClick: ()=>{
+                    var _wrapperRef_current_querySelector, _wrapperRef_current;
+                    return wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : (_wrapperRef_current_querySelector = _wrapperRef_current.querySelector("input")) === null || _wrapperRef_current_querySelector === void 0 ? void 0 : _wrapperRef_current_querySelector.focus();
+                },
+                children: postfix
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                className: "formatted-raw-ssn-eye-holder",
+                onClick: switchView,
+                children: [
+                    " ",
+                    isHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
+                        strokeWidth: 1,
+                        className: "password-icon"
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
+                        strokeWidth: 1,
+                        className: "password-icon"
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = FormattedRawSSN;
+
+//# sourceMappingURL=FormattedRawSSN_old.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Eye, EyeOff } from \"react-feather\";\n\nimport { setCarretToEnd } from \"../../../Functions/utils\";\nimport Input from \"../Input/Input\";\n\nimport \"./FormattedRawSSN.scss\";\n\nconst FormattedRawSSN = ({\n  value = \"\",\n  postfix = \"\",\n  onChange: onChangeProp = () => {},\n  maskChar = \"*\",\n  testId = \"formatted-raw-ssn\",\n  isHiddenDefault = true,\n  maxLen = 9,\n  ...args\n}) => {\n  const [SSN, setSSN] = useState(value?.substring(0, maxLen) ?? \"\");\n  const [isHidden, setIsHidden] = useState(isHiddenDefault);\n  const wrapperRef = useRef(null);\n\n  useEffect(() => {\n    setSSN(value?.toString()?.substring(0, maxLen) ?? \"\");\n  }, [value]);\n\n  const onChange = (value) => {\n    if (!value && value !== \"\") return \"\";\n\n    if (value.replace(/-/g, \"\").length < SSN.length) {\n      const last = SSN.length - 1;\n      setSSN(SSN.slice(0, last));\n      return;\n    }\n\n    const numValue = value.replace(/\\D/g, \"\");\n    let newSSN = \"\";\n\n    if (isHidden) {\n      if (SSN.length > 5) {\n        newSSN = SSN.slice(0, 5) + numValue;\n      } else {\n        newSSN = SSN + numValue;\n      }\n    } else {\n      newSSN = numValue;\n    }\n\n    if (newSSN.length > maxLen) {\n      return;\n    }\n    setSSN(newSSN);\n  };\n  const switchView = () => {\n    const input = wrapperRef?.current?.querySelector(\"input\");\n    input?.focus();\n    setCarretToEnd(input);\n    setIsHidden(!isHidden);\n  };\n\n  const getFormatedValue = (v) => {\n    if (!v) return \"\";\n\n    v = v.slice(0, 11).replace(/-/g, \"\");\n    if (v.length <= 3) {\n      return v;\n    }\n    if (v.length > 3 && v.length <= 5) {\n      return `${v.slice(0, 3)}-${v.slice(3)}`;\n    }\n    if (v.length > 5) {\n      return `${v.slice(0, 3)}-${v.slice(3, 5)}-${v.slice(5)}`;\n    }\n  };\n  const getMaskedValue = (v) => {\n    return isHidden\n      ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7))\n      : v;\n  };\n\n  useEffect(() => {\n    if (SSN)\n      onChangeProp?.(\n        SSN.concat(SSN.length === maxLen ? postfix : \"\").replace(/-/g, \"\"),\n      );\n  }, [SSN]);\n\n  return (\n    <div data-testid={testId} className=\"formatted-raw-ssn\" ref={wrapperRef}>\n      <Input\n        {...args}\n        value={getMaskedValue(getFormatedValue(SSN))}\n        onChange={onChange}\n      />\n      {postfix && (\n        <span\n          className=\"formatted-raw-ssn-postfix\"\n          onClick={() => wrapperRef?.current?.querySelector(\"input\")?.focus()}\n        >\n          {postfix}\n        </span>\n      )}\n      <span className=\"formatted-raw-ssn-eye-holder\" onClick={switchView}>\n        {\" \"}\n        {isHidden ? (\n          <Eye strokeWidth={1} className=\"password-icon\" />\n        ) : (\n          <EyeOff strokeWidth={1} className=\"password-icon\" />\n        )}\n      </span>\n    </div>\n  );\n};\n\nexport default FormattedRawSSN;\n"],"names":["FormattedRawSSN","value","postfix","onChange","onChangeProp","maskChar","testId","isHiddenDefault","maxLen","args","SSN","setSSN","useState","substring","isHidden","setIsHidden","wrapperRef","useRef","useEffect","toString","replace","length","last","slice","numValue","newSSN","switchView","input","current","querySelector","focus","setCarretToEnd","getFormatedValue","v","getMaskedValue","concat","div","data-testid","className","ref","Input","span","onClick","Eye","strokeWidth","EyeOff"],"mappings":"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"}