intelicoreact 1.1.77 → 1.1.79

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -23,6 +23,8 @@ var _useDebounce = require("../../../Functions/useDebounce");
 
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
+var _utils = require("../../../Functions/utils");
+
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 require("./DropdownLiveSearch.scss");
@@ -32,9 +34,6 @@ 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; }
 
 var RC = 'dropdown-live-search';
-var notReact = {
-  searchValue: ''
-};
 
 var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   var value = _ref.value,
@@ -80,20 +79,26 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       searchValue = _useState6[0],
       setSV = _useState6[1];
 
-  var setSearchValue = function setSearchValue(val) {
-    setSV(val);
-    notReact.searchValue = val;
-  };
+  var _useState7 = (0, _react.useState)(options),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      previousOptions = _useState8[0],
+      setPreviousOptions = _useState8[1];
 
   var dropdownLiveSearchRef = (0, _react.useRef)(null);
   var dropdownListBoxRef = (0, _react.useRef)(null);
   var dropdownListRef = (0, _react.useRef)(null);
   var searchInputRef = (0, _react.useRef)(null);
+  var searchValueRef = (0, _react.useRef)(labelByValue);
 
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isFocusedByClick = _useState8[0],
-      setIsFocusedByClick = _useState8[1];
+  var setSearchValue = function setSearchValue(val) {
+    setSV(val);
+    searchValueRef.current = val;
+  };
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      isFocusedByClick = _useState10[0],
+      setIsFocusedByClick = _useState10[1];
 
   var debouncedSearchTerm = (0, _useDebounce.useDebounce)({
     searchValue: searchValue,
@@ -245,8 +250,8 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   }, [dropdownLiveSearchRef, isOpen]);
   var doScrollCallback = (0, _react.useCallback)(function (e) {
     if (doRequest && typeof doRequest === 'function') {
-      if (Math.round(e.target.clientHeight + e.target.scrollTop) == e.target.scrollHeight) {
-        doRequest(notReact.searchValue, true);
+      if (Math.round(e.target.clientHeight + e.target.scrollTop) == e.target.scrollHeight && (0, _utils.compare)(options, previousOptions)) {
+        doRequest(searchValueRef.current, true);
       }
     }
   }, [options]);
@@ -261,6 +266,9 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       removeEventListener('scroll', doScrollCallback);
     };
   }, [isOpen, dropdownListRef]);
+  (0, _react.useEffect)(function () {
+    setPreviousOptions(options);
+  }, [options]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, disabled),
     ref: dropdownLiveSearchRef

package/dist/Atomic/UI/Modal/Modal.js

@@ -130,7 +130,7 @@ var Modal = function Modal(_ref2) {
   }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
     variant: variant,
     isForced: forced,
-    onClose: closeModal,
+    onClose: handle.decline,
     noHeaderCloseBtn: noHeaderCloseBtn
   }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
     mode: mode,

package/dist/Functions/presets/inputMaskPreset.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MASK_PRESET = void 0;
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DD.DD.DDDD',
+ * @param maskPatternPlaceholder: 'MM.DD.YYYY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param autocomplete: 'bday',
+ * @param focusSelector: 'input',
+ */
+var DATE_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DD.DD.DDDD',
+  maskPatternPlaceholder: 'MM.DD.YYYY',
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'bday',
+  focusSelector: 'input'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'postal-code',
+ * @param rules: 'fieldZip'
+ */
+
+var ZIP_PRESET = {
+  type: 'inputMask',
+  focusSelector: 'input',
+  maskPattern: 'DDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'postal-code',
+  rules: 'fieldZip'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+
+var SSN_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDD-DDD-DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'tel-national',
+ */
+
+var MOBILE_PHONE_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDD-DDD-DDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'tel-national'
+};
+/**
+ * @param type: 'inputMask3',
+ * @param maskPattern: 'DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var SHORT_SSN_PRESET = {
+  type: 'inputMask3',
+  maskPattern: 'DDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var ABA_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'MM/YY',
+ * @param maskPatternPlaceholder: 'MM/YY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+
+var CC_EXPIRATION_DATE = {
+  type: 'inputMask',
+  maskPattern: 'MM/YY',
+  maskPatternPlaceholder: 'MM/YY',
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  focusSelector: 'input'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var BANK_ACCOUNT = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+var MASK_PRESET = {
+  BANK_ACCOUNT: BANK_ACCOUNT,
+  CC_EXPIRATION_DATE: CC_EXPIRATION_DATE,
+  DATE_PRESET: DATE_PRESET,
+  ZIP_PRESET: ZIP_PRESET,
+  SSN_PRESET: SSN_PRESET,
+  MOBILE_PHONE_PRESET: MOBILE_PHONE_PRESET,
+  SHORT_SSN_PRESET: SHORT_SSN_PRESET,
+  ABA_PRESET: ABA_PRESET
+};
+exports.MASK_PRESET = MASK_PRESET;

package/dist/Functions/presets/inputPresets.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INPUT_PRESET = void 0;
+
+/**
+ * @name fieldChangesMiddleware
+ * @description Обрабатывает входящую строку, удаляет все символы, которые не являются
+ * алфавитными, дефисами, апострофами или пробелами.
+ * Удаляет недопустимые символы в начале и конце строки.
+ *
+ * @param {string} value - Входная строка для обработки.
+ * @returns {string} - Обработанная строка.
+ */
+var NAME_SYMBOLS_EXCLUDER = {
+  processString: function processString(value) {
+    var invalidCharacters = new RegExp(/[^a-zA-Z-'`\s]/g);
+    var invalidFirstAndLastCharacters = new RegExp(/^[`\-'\s]+|[`\-'\s]+$/g);
+    var safeValue = getSafelyValue(value);
+    return safeValue.replace(invalidCharacters, '').replace(invalidFirstAndLastCharacters, '');
+  }
+};
+/**
+ * @name fieldChangesMiddleware
+ * @description Обрабатывает входную строку, удаляет все неалфавитные символы, заменяет двойные дефисы на одинарные
+ * и удаляет все дефисы в начале или конце строки.
+ * @param {string} value - входная строка для обработки
+ * @returns {string} обработанная строка
+ */
+
+var ONLY_STRING_AND_DASH = {
+  fieldChangesMiddleware: function fieldChangesMiddleware(value) {
+    var nonAlphabeticAndNotSingleDash = new RegExp(/[^a-zA-Z-]|--/gi);
+    var consecutiveDashes = new RegExp(/-+/g);
+    var sanitizedInput = getSafelyValue(value);
+    return sanitizedInput.replace(nonAlphabeticAndNotSingleDash, '').replace(consecutiveDashes, '-');
+  }
+};
+var INPUT_PRESET = {
+  NAME_SYMBOLS_EXCLUDER: NAME_SYMBOLS_EXCLUDER,
+  ONLY_STRING_AND_DASH: ONLY_STRING_AND_DASH
+};
+exports.INPUT_PRESET = INPUT_PRESET;

package/package.json

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