intelicoreact 0.2.70 → 0.2.73

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -11,13 +11,9 @@ exports.default = InputMask2;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -35,8 +31,6 @@ var _config = require("./config");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["value", "onChange", "onKeyDown", "onKeyUp"];
-
 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; }
@@ -45,43 +39,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-var ControlledInput = function ControlledInput(props) {
-  var value = props.value,
-      onChange = props.onChange,
-      onKeyDown = props.onKeyDown,
-      onKeyUp = props.onKeyUp,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      cursor = _useState2[0],
-      setCursor = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isChanged = _useState4[0],
-      setIsChanged = _useState4[1];
-
-  var ref = props.inputRef;
-  (0, _react.useEffect)(function () {
-    if (!cursor) return null;
-    var input = ref.current;
-    if (input) input.setSelectionRange(cursor, cursor);
-    setCursor(null);
-  }, [ref, cursor, value]);
-
-  var handleChange = function handleChange(e) {
-    setCursor(e.target.selectionStart - 1);
-    onChange && onChange(e);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    ref: ref,
-    value: value,
-    onChange: handleChange
-  }, rest));
-};
-
 function InputMask2() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       maskPattern = _ref.maskPattern,
@@ -107,7 +64,7 @@ function InputMask2() {
       _ref$blinkErrors = _ref.blinkErrors,
       blinkErrors = _ref$blinkErrors === void 0 ? true : _ref$blinkErrors,
       _ref$blinkDuration = _ref.blinkDuration,
-      blinkDuration = _ref$blinkDuration === void 0 ? 1000 : _ref$blinkDuration,
+      blinkDuration = _ref$blinkDuration === void 0 ? 100 : _ref$blinkDuration,
       _ref$showErrors = _ref.showErrors,
       showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
       _ref$className = _ref.className,
@@ -153,48 +110,48 @@ function InputMask2() {
 
   if (maxEditableIndex === -1) maxEditableIndex = maskPattern.length;
 
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isMaskRendered = _useState2[0],
+      setMaskRendered = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isFocused = _useState4[0],
+      setFocused = _useState4[1];
+
   var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isMaskRendered = _useState6[0],
-      setMaskRendered = _useState6[1];
+      isInitValue = _useState6[0],
+      setIsInitValue = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(false),
+  var inputRef = (0, _react.useRef)(null);
+
+  var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isFocused = _useState8[0],
-      setFocused = _useState8[1];
+      cursor = _useState8[0],
+      setCursor = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
+  var _useState9 = (0, _react.useState)(null),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isInitValue = _useState10[0],
-      setIsInitValue = _useState10[1];
+      prevCursor = _useState10[0],
+      setPrevCursor = _useState10[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
 
-  var inputRef = (0, _react.useRef)(null);
 
-  var _useState11 = (0, _react.useState)(null),
+  var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      cursor = _useState12[0],
-      setCursor = _useState12[1];
+      isError = _useState12[0],
+      setError = _useState12[1];
 
-  var _useState13 = (0, _react.useState)(null),
+  var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      prevCursor = _useState14[0],
-      setPrevCursor = _useState14[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
-
+      blinkError = _useState14[0],
+      setBlinkError = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(false),
+  var _useState15 = (0, _react.useState)(errors.default),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      isError = _useState16[0],
-      setError = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      blinkError = _useState18[0],
-      setBlinkError = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(errors.default),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      errorMessage = _useState20[0],
-      setErrorMessage = _useState20[1];
+      errorMessage = _useState16[0],
+      setErrorMessage = _useState16[1];
 
   var clearErrorMessage = function clearErrorMessage() {
     return setErrorMessage(errors.default);
@@ -202,10 +159,10 @@ function InputMask2() {
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
 
 
-  var _useState21 = (0, _react.useState)([]),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      innerValue = _useState22[0],
-      setInnerValue = _useState22[1];
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      innerValue = _useState18[0],
+      setInnerValue = _useState18[1];
 
   var addInnerValueChar = function addInnerValueChar(_ref2) {
     var char = _ref2.char,
@@ -249,7 +206,8 @@ function InputMask2() {
 
     var disableErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     resetInnerValue();
-    if (maxEditableIndex !== ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) - 1) value = value.slice(0, maxEditableIndex);
+    var staticLength = maskPattern.length - maxEditableIndex;
+    if (value.length > maxEditableIndex) value = value.slice(0, value.length - staticLength);else if (maxEditableIndex !== ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) - 1) value = value.slice(0, maxEditableIndex);
     var valueCharIndex = 0;
     setInnerValue(function (innerValue) {
       var newValue = innerValue.map(function (item, i) {
@@ -492,6 +450,7 @@ function InputMask2() {
   var onKeyDown = function onKeyDown(e) {
     var _getCharByIndex2, _getCharByIndex4;
 
+    onKeyDownProp(e);
     var keyCode = e.keyCode;
     var cursor = e.target.selectionStart;
 
@@ -612,7 +571,7 @@ function InputMask2() {
   (0, _react.useEffect)(function () {
     if (!isMaskRendered || !isFocused) return false;
     setError(false);
-    var values = [getClearInnerValueAsString(), getInnerValueAsString({
+    var values = [getInputValue(), getInnerValueAsString({
       replaceSpace: true
     })];
     if (returnMaskedValue) values.reverse();
@@ -638,14 +597,14 @@ function InputMask2() {
         isSpecialSymbol = obj.isSpecialSymbol;
     var prevChar = getCharByIndex(i - 1);
     return /*#__PURE__*/_react.default.createElement("span", {
-      tabIndex: i === 0 ? 0 : -1,
+      tabIndex: -1,
       key: i,
       "attr-char-id": i,
       className: (0, _classnames.default)('input-mask_value_item', className, {
         'input-mask_value_item--digit': (0, _functions.isDigitMaskChar)(obj.maskChar),
         'input-mask_value_item--letter': (0, _functions.isLetterMaskChar)(obj.maskChar),
         'input-mask_value_item--spec': obj.isSpecialSymbol,
-        'input-mask_value_item--hidden': inputValue.length === maskPattern.length
+        'input-mask_value_item--hidden': i < inputValue.length
       }),
       ref: ref
     }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === '' ? getPlaceholderCharByIndex(i) : char);
@@ -688,7 +647,7 @@ function InputMask2() {
 
   var renderInput = function renderInput() {
     return /*#__PURE__*/_react.default.createElement("input", {
-      className: "input-mask_input",
+      className: "input-mask_input ".concat(className),
       ref: inputRef,
       value: inputValue,
       onChange: handleChange,

package/dist/Atomic/FormElements/InputMask2/InputMask2.scss

@@ -39,6 +39,7 @@
       width: 100%;
       padding: 8px;
       box-sizing: border-box;
+      outline: none;
     }
 
     &_focus{
@@ -136,10 +137,10 @@
           color: #9c9c9c;
         }
 
-        &_value-char,
-        &_spec-char{
-          color: #333333;
-        }
+        // &_value-char,
+        // &_spec-char{
+        //   color: #333333;
+        // }
 
         &_value-char {
           opacity: 0;

package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -48,7 +48,7 @@ var CircleProgressBar = function CircleProgressBar(_ref) {
       setStrokeDashoffset = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    setStrokeDashoffset("calc(".concat(circumference, " - (").concat(circumference, " * ").concat(amountProgress, ") / 100)"));
+    setStrokeDashoffset(circumference - circumference * amountProgress / 100);
   }, [amountProgress]);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": 'test-circleProgress',

package/package.json

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