intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,257 @@
+"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 _InputMask3 = /*#__PURE__*/ _interop_require_default(require("../InputMask3/InputMask3"));
+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 DEFAULT_SSN_MASK = "DDD-DD-DDDD";
+const SIGNIFICANT_CHARACTERS = [
+    "D"
+];
+const FormattedRawSSN = (_param)=>{
+    var { 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 = "" } = _param, args = _object_without_properties(_param, [
+        "value",
+        "onChange",
+        "testId",
+        "fullSnnMask",
+        "significantChars",
+        "maskChar",
+        "isHiddenDefault",
+        "maxLen",
+        "countOfFirstDigitsToHide",
+        "postfix"
+    ]);
+    // ? Будем пользоваться своим (верхним относительно 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__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: "formatted-raw-ssn",
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputMask3.default, _object_spread_props(_object_spread({}, args), {
+                value: value,
+                onChange: onChange,
+                testId: `formattedRawSNN--input--key-${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__*/ (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: ()=>setIsHidden(!isHidden),
+                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.js.map

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

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

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

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FormattedRawSSNTemplate: function() {
+        return FormattedRawSSNTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _FormattedRawSSN = /*#__PURE__*/ _interop_require_default(require("./FormattedRawSSN"));
+require("../../../../../scss/main.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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/FormattedRawSSN',
+    component: _FormattedRawSSN.default,
+    argTypes: {
+        onChange: {
+            action: 'onChange'
+        },
+        isHiddenDefault: {
+            control: 'boolean'
+        }
+    }
+};
+const Template = (args)=>{
+    const { value: initialValue } = args, restArgs = _object_without_properties(args, [
+        "value"
+    ]);
+    const [value, setValue] = (0, _react.useState)(initialValue || '');
+    const onChange = (newValue)=>{
+        setValue(newValue);
+        console.log(newValue);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormattedRawSSN.default, _object_spread_props(_object_spread({}, restArgs), {
+        value: value,
+        onChange: onChange
+    }));
+};
+const FormattedRawSSNTemplate = Template.bind({});
+FormattedRawSSNTemplate.args = {
+    value: '012345678',
+    fullSnnMask: 'DDD-DD-DDDD',
+    significantChars: [
+        'D'
+    ],
+    maskChar: '*',
+    isHiddenDefault: true,
+    maxLen: 5,
+    countOfFirstDigitsToHide: 5,
+    postfix: '-1111'
+};
+
+//# sourceMappingURL=FormattedRawSSN.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport FormattedRawSSN from './FormattedRawSSN';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/FormattedRawSSN',\n  component: FormattedRawSSN,\n  argTypes: {\n    onChange: {action: 'onChange'},\n    isHiddenDefault: {control: 'boolean'},\n  },\n};\n\nconst Template = args => {\n  const { value: initialValue, ...restArgs } = args\n  const [value, setValue] = useState(initialValue || '');\n\n  const onChange = (newValue) => {\n    setValue(newValue);\n    console.log(newValue);\n  };\n\n  return <FormattedRawSSN {...restArgs} value={value} onChange={onChange} />;\n};\n\nexport const FormattedRawSSNTemplate = Template.bind({});\n\nFormattedRawSSNTemplate.args = {\n  value: '012345678',\n\n  fullSnnMask: 'DDD-DD-DDDD',\n  significantChars: ['D'],\n\n  maskChar: '*',\n  isHiddenDefault: true,\n  maxLen: 5,\n  countOfFirstDigitsToHide: 5,\n\n  postfix: '-1111',\n};\n"],"names":["FormattedRawSSNTemplate","global","lng","title","component","FormattedRawSSN","argTypes","onChange","action","isHiddenDefault","control","Template","args","value","initialValue","restArgs","setValue","useState","newValue","console","log","bind","fullSnnMask","significantChars","maskChar","maxLen","countOfFirstDigitsToHide","postfix"],"mappings":";;;;;;;;;;;IA4BaA,uBAAuB;eAAvBA;;IArBb,OAOE;eAPF;;;;+DAP8B;wEACF;QAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,wBAAe;IAC1BC,UAAU;QACRC,UAAU;YAACC,QAAQ;QAAU;QAC7BC,iBAAiB;YAACC,SAAS;QAAS;IACtC;AACF;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAAEC,OAAOC,YAAY,EAAe,GAAGF,MAAbG,sCAAaH;QAArCC;;IACR,MAAM,CAACA,OAAOG,SAAS,GAAGC,IAAAA,eAAQ,EAACH,gBAAgB;IAEnD,MAAMP,WAAW,CAACW;QAChBF,SAASE;QACTC,QAAQC,GAAG,CAACF;IACd;IAEA,qBAAO,qBAACb,wBAAe,0CAAKU;QAAUF,OAAOA;QAAON,UAAUA;;AAChE;AAEO,MAAMP,0BAA0BW,SAASU,IAAI,CAAC,CAAC;AAEtDrB,wBAAwBY,IAAI,GAAG;IAC7BC,OAAO;IAEPS,aAAa;IACbC,kBAAkB;QAAC;KAAI;IAEvBC,UAAU;IACVf,iBAAiB;IACjBgB,QAAQ;IACRC,0BAA0B;IAE1BC,SAAS;AACX"}