intelicoreact 0.1.54 → 0.1.57

package/dist/Atomic/FormElements/InputMask/InputMask.scss

@@ -1,3 +1,13 @@
+.unselectable {
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none;   /* Chrome/Safari/Opera */
+  -khtml-user-select: none;    /* Konqueror */
+  -moz-user-select: none;      /* Firefox */
+  -ms-user-select: none;       /* Internet Explorer/Edge */
+  user-select: none;           /* Non-prefixed version, currently
+                                  not supported by any browser */
+}
+
 .input-mask_wrapper{
   outline: none;
   display: block;
@@ -107,13 +117,11 @@
 
         &_mask-char{
           color: #9c9c9c;
-          user-select: none;
         }
 
         &_value-char,
         &_spec-char{
           color: #333333;
-          //user-select: all;
         }
 
         &_spec-char{

package/dist/Atomic/FormElements/InputMask/config.js

@@ -0,0 +1,16 @@
+"use strict";
+
+module.exports = {
+  UPPERCASE_LETTER_MASK_CHAR: 'L',
+  LOWERCASE_LETTER_MASK_CHAR: 'l',
+  DIGIT_MASK_CHAR: 'D',
+  SPACE_CHAR: "\xA0",
+  EXCLUDED_KEYS: ['Tab'],
+  DEFAULT_ERRORS: {
+    onlyLetter: 'Type letter',
+    onlyDigit: 'Type digit',
+    onlyUpperCase: 'Type letter in UpperCase',
+    onlyLowerCase: 'Type letter in LowerCase',
+    default: null
+  }
+};

package/dist/Atomic/FormElements/InputMask/functions.js

@@ -3,14 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectElementContents = exports.copyToClipboard = exports.resetSelectionText = exports.getSelectionText = void 0;
+exports.voidFn = exports.isLetterMaskChar = exports.isDigitMaskChar = exports.isDigit = exports.isLowerCaseLetter = exports.isUpperCaseLetter = exports.isLetter = exports.selectElementContents = exports.copyToClipboard = exports.resetSelectionText = exports.getSelectionText = void 0;
+
+var _config = require("./config");
 
 var getSelectionText = function getSelectionText() {
-  var text = "";
+  var text = '';
 
   if (window.getSelection) {
     text = window.getSelection().toString();
-  } else if (document.selection && document.selection.type != "Control") {
+  } else if (document.selection && document.selection.type !== 'Control') {
     text = document.selection.createRange().text;
   }
 
@@ -28,7 +30,8 @@ var resetSelectionText = function resetSelectionText() {
 exports.resetSelectionText = resetSelectionText;
 
 var copyToClipboard = function copyToClipboard(str) {
-  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
+  if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str); // eslint-disable-next-line prefer-promise-reject-errors
+
   return Promise.reject('The Clipboard API is not available.');
 };
 
@@ -42,4 +45,46 @@ var selectElementContents = function selectElementContents(el) {
   sel.addRange(range);
 };
 
-exports.selectElementContents = selectElementContents;
+exports.selectElementContents = selectElementContents;
+
+var isLetter = function isLetter(char) {
+  return (char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i));
+};
+
+exports.isLetter = isLetter;
+
+var isUpperCaseLetter = function isUpperCaseLetter(char) {
+  return isLetter(char) ? char === char.slice().toUpperCase() : false;
+};
+
+exports.isUpperCaseLetter = isUpperCaseLetter;
+
+var isLowerCaseLetter = function isLowerCaseLetter(char) {
+  return isLetter(char) ? char === char.slice().toLowerCase() : false;
+};
+
+exports.isLowerCaseLetter = isLowerCaseLetter;
+
+var isDigit = function isDigit(char) {
+  return Number.isInteger(parseInt(char));
+};
+
+exports.isDigit = isDigit;
+
+var isDigitMaskChar = function isDigitMaskChar(char) {
+  return char === _config.DIGIT_MASK_CHAR;
+};
+
+exports.isDigitMaskChar = isDigitMaskChar;
+
+var isLetterMaskChar = function isLetterMaskChar(char) {
+  return char === _config.UPPERCASE_LETTER_MASK_CHAR || char === _config.LOWERCASE_LETTER_MASK_CHAR;
+};
+
+exports.isLetterMaskChar = isLetterMaskChar;
+
+var voidFn = function voidFn() {
+  console.error('Void Function Called');
+};
+
+exports.voidFn = voidFn;

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -292,18 +292,22 @@ var NumericInput = function NumericInput(_ref) {
       onMouseDown: function onMouseDown(e) {
         return handle.decrement(e);
       },
-      className: (0, _classnames.default)("input__num-btn", {
+      className: "input__num-btn"
+    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
+      className: (0, _classnames.default)({
         disabled: +value <= min
       })
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, null)), /*#__PURE__*/_react.default.createElement("button", {
+    })), /*#__PURE__*/_react.default.createElement("button", {
       ref: incRef,
       onMouseDown: function onMouseDown(e) {
         return handle.increment(e);
       },
-      className: (0, _classnames.default)("input__num-btn", {
+      className: "input__num-btn"
+    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
+      className: (0, _classnames.default)({
         disabled: +value >= max
       })
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, null))));
+    }))));
   }
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Functions/usePasswordChecker.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+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 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+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.default.createElement("div", {
+      className: "password-checker"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "password-checker__header"
+    }, /*#__PURE__*/_react.default.createElement("label", {
+      className: "password-checker__header-label"
+    }, " Password must: "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
+      className: "password-checker__body"
+    }, " ", checkRules.map(function (_ref) {
+      var icon = _ref.icon,
+          text = _ref.text,
+          isMatch = _ref.isMatch;
+      return /*#__PURE__*/_react.default.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.default.createElement("div", {
+        className: "password-checker__body-item__icon"
+      }, " ", icon, " "), " ", /*#__PURE__*/_react.default.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.54",
+  "version": "0.1.57",
   "description": "fix UserBox crush",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],