intelicoreact 0.1.52 → 0.1.55

package/dist/Functions/fieldValueFormatters.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatToCutOffDotAtTheEnd = exports.formatToRemoveComa = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = void 0;
+exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToRemoveComa = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -13,7 +13,7 @@ var _index = require("../Constants/index.constants");
 
 // The first word "format" in the function name means a logic in which the function transforms the incoming value in any case.
 // The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
-// format
+// *** format ***
 var formatOnlyNumbers = function formatOnlyNumbers(value) {
   return (!!value ? value.toString() : '').replace(/\D/g, '');
 };
@@ -75,11 +75,44 @@ exports.formatToRemoveComa = formatToRemoveComa;
 var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
   var value = !!inputValue ? inputValue.toString() : '';
   return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
-}; // filter
+}; // eslint-disable-next-line default-param-last
 
 
 exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
 
+var formatNumberValueToMask = function formatNumberValueToMask() {
+  var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var settings = arguments.length > 1 ? arguments[1] : undefined;
+
+  // default valueSymbol === 'n', default mask === 'nnn-nnn-nnnn'
+  var _ref = settings || {},
+      _ref$mask = _ref.mask,
+      mask = _ref$mask === void 0 ? 'XXX-XXX-XXXX' : _ref$mask,
+      _ref$valueSymbol = _ref.valueSymbol,
+      valueSymbol = _ref$valueSymbol === void 0 ? 'X' : _ref$valueSymbol,
+      _ref$isReturnAdvanced = _ref.isReturnAdvanced,
+      isReturnAdvanced = _ref$isReturnAdvanced === void 0 ? false : _ref$isReturnAdvanced;
+
+  var processing = mask.split('').reduce(function (acc, item) {
+    if (acc.value.length) ++acc.cursorPosition;
+    acc.newValue.push(item === valueSymbol && acc.value.length ? acc.value.shift() : item);
+    return acc;
+  }, {
+    value: inputValue.split('').filter(function (sym) {
+      return /[0-9]/g.test(sym);
+    }),
+    newValue: [],
+    cursorPosition: 0
+  });
+  return isReturnAdvanced ? {
+    value: processing.newValue.join(''),
+    cursorPosition: processing.cursorPosition
+  } : processing.newValue.join('');
+}; // *** filter ***
+
+
+exports.formatNumberValueToMask = formatNumberValueToMask;
+
 var filterFloat = function filterFloat(inputValue) {
   var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var value = !!inputValue ? inputValue.toString() : '';
@@ -113,10 +146,10 @@ var filterPhone = function filterPhone(value) {
 exports.filterPhone = filterPhone;
 
 var filterNumeric = function filterNumeric(value, settings) {
-  var _ref = settings || {},
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'float' : _ref$type,
-      decimalPlaces = _ref.decimalPlaces;
+  var _ref2 = settings || {},
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'float' : _ref2$type,
+      decimalPlaces = _ref2.decimalPlaces;
 
   var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
   return executor(!!value ? value.toString() : '', decimalPlaces);

package/dist/Functions/usePasswordChecker.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePasswordChecker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else 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 usePasswordChecker() {
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      checkRules = _useState2[0],
+      setCheckRules = _useState2[1];
+
+  var addCheckRule = function addCheckRule(data) {
+    return setCheckRules(function (state) {
+      return [].concat((0, _toConsumableArray2.default)(state), [data]);
+    });
+  };
+
+  var handleCheckRule = function handleCheckRule(type) {
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    switch (type) {
+      case 'len':
+        var min = props.min,
+            max = props.max;
+        if (min && value.length < min) return false;
+        if (max && value.length > max) return false;
+        return true;
+
+      case 'lowerCaseContains':
+        {
+          var toUpperCase = value.slice().toUpperCase().split('');
+          var original = value.slice().split('');
+          return original.reduce(function (isMatch, char, i) {
+            if (char !== toUpperCase[i]) isMatch = true;
+            return isMatch;
+          }, false);
+        }
+
+      case 'upperCaseContains':
+        {
+          var toLowerCase = value.slice().toLowerCase().split('');
+
+          var _original = value.slice().split('');
+
+          return _original.reduce(function (isMatch, char, i) {
+            if (char !== toLowerCase[i]) isMatch = true;
+            return isMatch;
+          }, false);
+        }
+
+      case 'numberContains':
+        {
+          var _original2 = value.slice().split('');
+
+          return _original2.reduce(function (isMatch, char) {
+            if (Number.isInteger(parseInt(char))) isMatch = true;
+            return isMatch;
+          }, false);
+        }
+
+      case 'specialContains':
+        {
+          var _original3 = value.slice().split('');
+
+          return _original3.reduce(function (isMatch, char) {
+            if (!Number.isInteger(parseInt(char)) && !char.match(/[a-z]/i)) isMatch = true;
+            return isMatch;
+          }, false);
+        }
+
+      default:
+        return false;
+    }
+  };
+
+  var testCheckRules = function testCheckRules(value) {
+    var result = true;
+    setCheckRules(function (state) {
+      var rules = (0, _toConsumableArray2.default)(state);
+      return rules.map(function (rule) {
+        var isMatch = handleCheckRule(rule.type, rule.props, value);
+        if (!isMatch) result = false;
+        return _objectSpread(_objectSpread({}, rule), {}, {
+          isMatch: isMatch
+        });
+      });
+    });
+    return result;
+  };
+
+  var renderPasswordChecker = function renderPasswordChecker() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "password-checker"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "password-checker__header"
+    }, /*#__PURE__*/React.createElement("label", {
+      className: "password-checker__header-label"
+    }, " Password must: "), " "), " ", /*#__PURE__*/React.createElement("div", {
+      className: "password-checker__body"
+    }, " ", checkRules.map(function (_ref) {
+      var icon = _ref.icon,
+          text = _ref.text,
+          isMatch = _ref.isMatch;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "\n                  password-checker__body-item\n                  ".concat(isMatch === true ? 'password-checker__body-item--match' : '', "\n                  ").concat(isMatch === false ? 'password-checker__body-item--dont-match' : '', "\n                ")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "password-checker__body-item__icon"
+      }, " ", icon, " "), " ", /*#__PURE__*/React.createElement("div", {
+        className: "password-checker__body-item__text"
+      }, " ", text, " "), " ");
+    }), " "), " ");
+  };
+
+  return {
+    addCheckRule: addCheckRule,
+    testCheckRules: testCheckRules,
+    renderPasswordChecker: renderPasswordChecker
+  };
+}

package/dist/Functions/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getColorById = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _react = require("react");
 
@@ -86,4 +86,35 @@ var getColorById = function getColorById(id, colors) {
   return colorsArr[number];
 };
 
-exports.getColorById = getColorById;
+exports.getColorById = getColorById;
+
+var debounce = function debounce(fn, ms) {
+  var id = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(id);
+    id = setTimeout(function () {
+      clearTimeout(id);
+      fn.apply(void 0, args);
+    }, ms);
+  };
+};
+
+exports.debounce = debounce;
+
+var throttle = function throttle(fn, ms) {
+  var id = null;
+  return function () {
+    if (id) return;
+    fn.apply(void 0, arguments);
+    id = setTimeout(function () {
+      clearTimeout(id);
+      id = null;
+    }, ms);
+  };
+};
+
+exports.throttle = throttle;

package/dist/Molecular/UserBox/UserBox.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Button = _interopRequireDefault(require("../../Atomic/UI/Button/Button"));
@@ -29,30 +31,30 @@ var UserBox = function UserBox(_ref) {
 
   var renderUser = function renderUser() {
     if (isModal) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           backgroundColor: (0, _utils.getColorById)(id, colors)
         },
         className: "td-user-box__avatar"
-      }, getNameFirstLetter), /*#__PURE__*/React.createElement(_Button.default, {
+      }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement(_Button.default, {
         className: "p0 no-shadow",
         onClick: onClick,
         label: name,
         variant: "link"
       }));
     } else {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           backgroundColor: (0, _utils.getColorById)(id)
         },
         className: "td-user-box__avatar"
-      }, getNameFirstLetter), /*#__PURE__*/React.createElement(_Label.default, {
+      }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement(_Label.default, {
         label: name
       }));
     }
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('td-user-box', className)
   }, renderUser());
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.52",
-  "description": "fixes",
+  "version": "0.1.55",
+  "description": "fix UserBox crush",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],
   "scripts": {