intelicoreact 1.5.7 → 1.5.9

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

@@ -24,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 const DEFAULT_SSN_MASK = "DDD-DD-DDDD";
-const SIGNIFICANT_CHARACTERS = ['D'];
+const SIGNIFICANT_CHARACTERS = ["D"];
 
 const FormattedRawSSN = _ref => {
   let {
@@ -59,7 +59,7 @@ const FormattedRawSSN = _ref => {
   const wrapperRef = (0, _react.useRef)(null);
 
   const onChange = value => {
-    const newValue = !value && value !== "" ? '' : value === null || value === void 0 ? void 0 : value.toString();
+    const newValue = !value && value !== "" ? "" : value === null || value === void 0 ? void 0 : value.toString();
     onChangeProp(newValue);
   }; // ? Пересчитываем маску с учетом переданного maxLen.
   // ? Если maxLen меньше количества значащих символов в fullSnnMask, то маска корректно обрежется.
@@ -77,7 +77,7 @@ const FormattedRawSSN = _ref => {
 
   const maxHiddenIndex = (() => {
     // если не приводится к числу или ноль (передавать ноль лишено смысла)
-    if (isNaN(+countOfFirstDigitsToHide) || !+countOfFirstDigitsToHide) return -1; // если больше чем значимых символов
+    if (isNaN(Number(countOfFirstDigitsToHide)) || !Number(countOfFirstDigitsToHide)) return -1; // если больше чем значимых символов
 
     if (countOfFirstDigitsToHide > infoAboutMask.countOfSignificantChars) return infoAboutMask.mask.length; // ? Для расчетов получаем дополнительно корректно "обрезанную" маску (до уровня скрываемой части)
     // ? на основе ранее полученной "обрезанной" по maxLen. Нам нужна НЕ сама маска, а статистика по ней.

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

@@ -107,7 +107,8 @@ function InputMask3() {
   const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
   const [selectedLength, setSelectedLength] = (0, _react.useState)(0); //? Если управляется сверху, то инициируемся текущим внешним значением
 
-  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(typeof isHide === 'boolean' ? isHide : isValueHiddenDefault);
+  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(typeof isHide === "boolean" ? isHide : isValueHiddenDefault);
+  const [isHiddenLogicInit, setIsHiddenLogicInit] = (0, _react.useState)(false);
   const inputRef = (0, _react.useRef)(null);
   const keyDownRef = (0, _react.useRef)(null);
 
@@ -556,9 +557,9 @@ function InputMask3() {
     var _inputRef$current2;
 
     // ? Добавлена возможность принудительной установки велью (опционально)
-    const newValue = typeof value === 'boolean' ? value : !isValueHidden;
+    const newValue = typeof value === "boolean" ? value : !isValueHidden;
     setIsValueHidden(newValue);
-    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    if (isHiddenLogicInit) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
   };
 
   const onFocus = () => {
@@ -646,8 +647,9 @@ function InputMask3() {
     setErrorMessage(customError === "" ? errors.default : customError);
   }, [customError, isError]);
   (0, _react.useEffect)(() => {
-    if (typeof isHide === 'boolean') {
+    if (typeof isHide === "boolean") {
       onHiddenToggle(isHide);
+      if (!isHiddenLogicInit) setIsHiddenLogicInit(true);
     }
   }, [isHide]); /// --- RENDER ---///
 
@@ -788,7 +790,7 @@ function InputMask3() {
       tabIndex: -1
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? "input-mask_error" : "", "\n            ").concat(isFocused ? "input-mask_focus" : "", "\n            ").concat(blinkError ? "input-mask_blink-error" : "", "\n          ")
-    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon("left"), renderMask(), renderInput(), withHiddenMode && typeof isHide !== 'boolean' && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon("right"), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
+    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon("left"), renderMask(), renderInput(), withHiddenMode && typeof isHide !== "boolean" && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon("right"), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_error-text"
     }, errorMessage), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
       size: "small"

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactFeather = require("react-feather");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
@@ -35,8 +37,11 @@ const DoubleString = _ref => {
       displayFormat = "MM.DD.YYYY"
     } = {},
     revert = false,
-    noTitle
+    noTitle,
+    isUseHideMode = false,
+    isShowHiddenValueAvailable = false
   } = _ref;
+  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(isUseHideMode);
   const computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
   const valueRef = (0, _react.useRef)(null);
   const descriptionRef = (0, _react.useRef)(null);
@@ -72,7 +77,13 @@ const DoubleString = _ref => {
       pointer: isUseOnClick
     }),
     title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : ""
-  }, !revert ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, computedValue, valuePostfix && /*#__PURE__*/_react.default.createElement("span", {
+  }, !revert ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isUseHideMode ? /*#__PURE__*/_react.default.createElement("span", null, !isValueHidden ? computedValue : '*********') : computedValue, isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
+    className: "".concat(RC, "__hide-mode-icon"),
+    onClick: () => setIsValueHidden(false)
+  }), isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {
+    className: "".concat(RC, "__hide-mode-icon"),
+    onClick: () => setIsValueHidden(true)
+  }), valuePostfix && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__value-postfix"))
   }, valuePostfix)) : description), /*#__PURE__*/_react.default.createElement("p", {
     ref: descriptionRef,

package/dist/Atomic/UI/DoubleString/DoubleString.scss

@@ -38,4 +38,13 @@
     text-overflow: unset;
     white-space: unset;
   }
+
+  &__hide-mode-icon {
+    pointer-events: all;
+    cursor: pointer;
+    color: #6b81dd;
+    width: 16px;
+    height: 16px;
+    margin-left: 4px;
+  }
 }

package/package.json

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