intelicoreact 0.1.64 → 0.1.67

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

@@ -962,7 +962,9 @@ function InputMask() {
         ++valueCharIndex;
       });
     }
-  }, [isMaskRendered, value, isInitValue]); // Focus Observer
+  }, [isMaskRendered,
+  /*value,*/
+  isInitValue]); // Focus Observer
 
   (0, _react.useEffect)(function () {
     if (!isFocused) {
@@ -979,8 +981,8 @@ function InputMask() {
   (0, _react.useEffect)(function () {
     if (!isMaskRendered) return false;
     setError(false);
-    clearErrorMessage();
-    console.log('getClearInnerValueAsString', getClearInnerValueAsString());
+    clearErrorMessage(); //console.log('getClearInnerValueAsString', getClearInnerValueAsString())
+
     onChangeProp(getClearInnerValueAsString(), getInnerValueAsString({
       replaceSpace: true
     }));

package/dist/Atomic/UI/NavLine/NavLine.scss

@@ -70,6 +70,7 @@
   }
 
   &__item {
+    position: relative;
     padding: 10px 10px 14px 10px;
     cursor: pointer;
     font-size: 13px;
@@ -77,19 +78,38 @@
     border-bottom: 1px solid #cfcfcf;
     user-select: none;
     margin-bottom: -1px;
-    border-bottom: 2px solid transparent;
-    opacity: 65%;
     text-decoration: none !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease-out;
+
+    &::after {
+      content: "";
+      width: 0;
+      height: 2px;
+      position: absolute;
+      bottom: 0;
+      background-color: #6b81dd;
+      transition: all 0.2s ease-out;
+    }
+
     &:hover {
-      border-bottom: 2px solid rgba(107, 129, 221, 0.65);
-      opacity: 100%;
+      &::after {
+        width: 50%;
+        opacity: 0.6;
+      }
     }
 
     &.active {
-      border-bottom: 2px solid #6b81dd;
       font-weight: 500;
       cursor: default;
       opacity: 100%;
+
+      &::after {
+        width: 100%;
+        opacity: 1;
+      }
     }
   }
 

package/dist/Functions/fieldValueFormatters.js

@@ -80,11 +80,11 @@ var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
 
 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;
+var formatNumberValueToMask = function formatNumberValueToMask(inputValue, settings) {
+  var _inputValue$toString;
+
+  var safelyInputValue = typeof inputValue !== 'string' ? (inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toString = inputValue.toString) === null || _inputValue$toString === void 0 ? void 0 : _inputValue$toString.call(inputValue)) || '' : inputValue; // default valueSymbol === 'n', default mask === 'nnn-nnn-nnnn'
 
-  // 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,
@@ -98,7 +98,7 @@ var formatNumberValueToMask = function formatNumberValueToMask() {
     acc.newValue.push(item === valueSymbol && acc.value.length ? acc.value.shift() : item);
     return acc;
   }, {
-    value: inputValue.split('').filter(function (sym) {
+    value: safelyInputValue.split('').filter(function (sym) {
       return /[0-9]/g.test(sym);
     }),
     newValue: [],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.64",
-  "description": "fix UserBox crush",
+  "version": "0.1.67",
+  "description": "fix input mask cycling",
   "main": "dist/index.js",
   "files": [
     "dist/*",
@@ -11,18 +11,19 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "babel src --out-dir dist --copy-files --no-copy-ignored"
+    "build": "node ../../IntelicoKitVersioningBot/main.js && babel src --out-dir dist --copy-files --no-copy-ignored",
+    "release": "babel src --out-dir dist --copy-files --no-copy-ignored && npm publish && node ../../IntelicoKitVersioningBot/main.js"
   },
   "author": "Andrey Isakov",
   "license": "ISC",
   "dependencies": {
+    "anme": "^1.0.1",
+    "classnames": "^2.3.1",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
     "react": "^17.0.2",
     "react-feather": "^2.0.9",
-    "react-input-mask": "^2.0.4",
-    "classnames": "^2.3.1",
-    "anme": "^1.0.1"
+    "react-input-mask": "^2.0.4"
   },
   "devDependencies": {
     "@babel/cli": "^7.15.7",

package/dist/Atomic/FormElements/FormElements/FormElement.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Label = _interopRequireDefault(require("../Label/Label"));
-
-require("./FormElement.scss");
-
-var RC = 'form-element';
-
-var FormElement = function FormElement(_ref) {
-  var label = _ref.label,
-      required = _ref.required,
-      children = _ref.children,
-      error = _ref.error,
-      className = _ref.className,
-      hint = _ref.hint,
-      isLabelBolt = _ref.isLabelBolt,
-      isNoLabel = _ref.isNoLabel;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, RC)
-  }, label && !isNoLabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
-    className: "".concat(RC, "__label"),
-    label: label,
-    hint: hint,
-    isRequired: required,
-    isLabelBolt: isLabelBolt
-  }), children, error && /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(RC, "__error")
-  }, error));
-};
-
-var _default = FormElement;
-exports.default = _default;

package/dist/Atomic/FormElements/FormElements/FormElement.scss

@@ -1,12 +0,0 @@
-.form-element {
-  position: relative;
-}
-
-.form-element__error {
-  margin-top: 2px;
-  margin-left: 1px;
-  position: absolute;
-  display: block;
-  font-size: 10px;
-  color: #f06d8d;
-}