intelicoreact 1.3.22 → 1.3.23

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

@@ -11,9 +11,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactFeather = require("react-feather");
 var _index = require("../../../Constants/index.constants");
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+var _utils = require("../../../Functions/utils");
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 require("./NumericInput.scss");
-var _utils = require("../../../Functions/utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const NumericInput = _ref => {
@@ -48,7 +48,7 @@ const NumericInput = _ref => {
     isLoading = false,
     isAllowNullValue = false,
     onlyNumbers = {
-      type: 'int'
+      type: "int"
     },
     attributesOfNativeInput = {}
   } = _ref;
@@ -61,7 +61,7 @@ const NumericInput = _ref => {
   const wrapRef = (0, _react.useRef)(null);
 
   // STATES
-  const initialMin = isAllowNullValue ? '' : min;
+  const initialMin = isAllowNullValue ? "" : min;
   const [inputValue, setInputValue] = (0, _react.useState)(value || initialMin);
   const [inputValueFormated, setInputValueFormated] = (0, _react.useState)(inputValue);
   const [intMemoVal, setIntMemoVal] = (0, _react.useState)(0);
@@ -79,11 +79,11 @@ const NumericInput = _ref => {
   // HANDLES
   const handle = {
     change: e => {
-      let inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
+      const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
       setInputValue(inputValue.toString());
     },
     clear: () => {
-      handle.change(initialMin || '');
+      handle.change(initialMin || "");
     },
     focus: e => {
       setIsFocused(true);
@@ -92,7 +92,7 @@ const NumericInput = _ref => {
     blur: e => {
       setIsFocused(false);
       if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
-      if (max && +max < inputValue) setInputValue(max);
+      if (max && Number(max) < inputValue) setInputValue(max);
       if (onBlur) onBlur(e);
     },
     keyDown: e => {
@@ -102,11 +102,11 @@ const NumericInput = _ref => {
     },
     keyUp: e => {
       if (!isNotBlinkErrors) {
-        const changedValue = '' + (value !== null && value !== void 0 ? value : '');
-        const previousValue = '' + prevValue;
+        const changedValue = String(value !== null && value !== void 0 ? value : "");
+        const previousValue = String(prevValue);
         const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
         const long = previousValue.length > changedValue.length ? previousValue : changedValue;
-        const infoAboutDifferencesSameness = short.split('').reduce((acc, symbol, idx) => {
+        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx) => {
           if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
             acc.countOn = false;
             acc.differences.push([idx, symbol]);
@@ -117,15 +117,15 @@ const NumericInput = _ref => {
           countOn: true,
           differences: []
         });
-        const samePart = infoAboutDifferencesSameness.same.join('');
+        const samePart = infoAboutDifferencesSameness.same.join("");
         const differencesLength = infoAboutDifferencesSameness.differences.length;
-        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
         if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
       }
       if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
     },
     decrement: e => {
-      let newValue = +intMemoVal - +numStep;
+      let newValue = Number(intMemoVal) - Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
       setTimeout(() => {
@@ -135,7 +135,7 @@ const NumericInput = _ref => {
       }, 100);
     },
     increment: e => {
-      let newValue = +intMemoVal + +numStep;
+      let newValue = Number(intMemoVal) + Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
       setTimeout(() => {
@@ -151,8 +151,8 @@ const NumericInput = _ref => {
     const handleClickOutside = event => {
       if (!wrapRef.current.contains(event.target)) setIsFocused(false);
     };
-    document.addEventListener('mousedown', handleClickOutside, true);
-    return () => document.removeEventListener('mousedown', handleClickOutside, true);
+    document.addEventListener("mousedown", handleClickOutside, true);
+    return () => document.removeEventListener("mousedown", handleClickOutside, true);
   }, []);
   (0, _react.useEffect)(() => {
     if (!isNotBlinkErrors && isAttemptToChange) {
@@ -172,7 +172,7 @@ const NumericInput = _ref => {
     if (inputValue !== value) setIsFocused(true);
     setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
     setIntMemoVal((0, _fieldValueFormatters.formatToRemoveComa)(inputValue));
-    if (typeof onChange === 'function') onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
+    if (typeof onChange === "function") onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
   }, [inputValue]);
 
   //On Integer Value Change
@@ -187,25 +187,25 @@ const NumericInput = _ref => {
     setInputValueFormated(formatedValue);
     if (isFocused) {
       var _inputRef$current3;
-      if (typeof onFocus === 'function') onFocus({
+      if (typeof onFocus === "function") onFocus({
         target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
       });
       inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
     } else {
       var _inputRef$current4;
-      if (typeof onBlur === 'function') onBlur({
+      if (typeof onBlur === "function") onBlur({
         target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
       });
       inputRef === null || inputRef === void 0 || (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.blur();
     }
   }, [isFocused]);
   (0, _react.useEffect)(() => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
   }, [inputRef, isFocusDefault]);
   function renderInput() {
     const uniProps = {
-      name: name || fieldKey || id || testId || '',
-      className: "input ".concat(className || ''),
+      name: name || fieldKey || id || testId || "",
+      className: "input ".concat(className || ""),
       placeholder,
       value: inputValueFormated,
       disabled,
@@ -239,24 +239,24 @@ const NumericInput = _ref => {
     }, /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "input--button--".concat(testId, "--minus"),
       ref: decRef,
-      className: (0, _classnames.default)('input__num-btn', {
-        'events-none': +value <= min
+      className: (0, _classnames.default)("input__num-btn", {
+        "events-none": Number(value) <= min
       }),
       onMouseDown: e => handle.decrement(e)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
       className: (0, _classnames.default)({
-        disabled: +value <= min
+        disabled: Number(value) <= min
       })
     })), /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "input--button--".concat(testId, "--plus"),
       ref: incRef,
-      className: (0, _classnames.default)('input__num-btn', {
-        'events-none': +value >= max
+      className: (0, _classnames.default)("input__num-btn", {
+        "events-none": Number(value) >= max
       }),
       onMouseDown: e => handle.increment(e)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
       className: (0, _classnames.default)({
-        disabled: +value >= max
+        disabled: Number(value) >= max
       })
     }))) : null);
   }

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -16,18 +16,19 @@
 
   &__wrap {
     position: relative;
+
     display: flex;
     align-items: center;
 
     box-sizing: border-box;
     height: 28px;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 4px;
-    background-color: #FFF;
+    background-color: #fff;
 
     &_focus {
-      border-color: #6B81DD;
+      border-color: #6b81dd;
       filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
@@ -35,12 +36,12 @@
       pointer-events: none;
 
       opacity: 0.5;
-      border-color: #A6ACB1;
-      background: #F7F8FA;
+      border-color: #a6acb1;
+      background: #f7f8fa;
     }
 
     &_error {
-      border-color: #F06D8D;
+      border-color: #f06d8d;
     }
 
     .lds-ring.lds-ring_small {
@@ -52,12 +53,12 @@
     pointer-events: none;
 
     opacity: 0.5;
-    border-color: #A6ACB1;
-    background: #F7F8FA;
+    border-color: #a6acb1;
+    background: #f7f8fa;
   }
 
   &_error {
-    border-color: #F06D8D;
+    border-color: #f06d8d;
   }
 
   svg {
@@ -70,12 +71,12 @@
     height: 100%;
     padding: 0 5px;
 
-    color: #1E1E2D;
-    border: none;
-    border-radius: 4px;
-
     font-size: 13px;
     font-weight: 400;
+
+    color: #1e1e2d;
+    border: none;
+    border-radius: 4px;
   }
 
   &__close {
@@ -110,7 +111,7 @@
 
       content: "";
 
-      background-color: #9AA0B9;
+      background-color: #9aa0b9;
     }
 
     &::before {
@@ -131,20 +132,19 @@
 
   &__num-btn {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 24px;
     height: 100%;
 
+    font-size: 20px;
     cursor: pointer;
     user-select: none;
 
-    border-left: 1px solid #E2E5EC;
+    border-left: 1px solid #e2e5ec;
     background: none;
 
-    font-size: 20px;
-
     &.disabled {
       opacity: 0.3;
     }

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -18,7 +18,7 @@ const RadioGroup = _ref => {
     disabled,
     value,
     onChange = () => {},
-    direction = 'row',
+    direction = "row",
     options = []
   } = _ref;
   const [values, setValues] = (0, _react.useState)(options);
@@ -46,8 +46,8 @@ const RadioGroup = _ref => {
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('radio-group', className, "radio-group--".concat(direction), {
-      'radio-group--disabled': disabled
+    className: (0, _classnames.default)("radio-group", className, "radio-group--".concat(direction), {
+      "radio-group--disabled": disabled
     })
   }, values.map(item => /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({
     key: item.id

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss

@@ -11,6 +11,7 @@
 
   &--row {
     align-items: center;
+
     min-height: 28px;
 
     .radio-input:not(:last-child) {

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _RadioInput = _interopRequireDefault(require("./../RadioInput/RadioInput"));
 var _FormElement = _interopRequireDefault(require("../../../Molecular/FormElement/FormElement"));
-var _Input = _interopRequireDefault(require("./../Input/Input"));
 var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
+var _Input = _interopRequireDefault(require("./../Input/Input"));
+var _RadioInput = _interopRequireDefault(require("./../RadioInput/RadioInput"));
 require("./RadioGroupWithInput.scss");
 const RadioGroupWithInput = _ref => {
   let {
@@ -19,7 +19,7 @@ const RadioGroupWithInput = _ref => {
     className,
     disabled,
     onChange = () => {},
-    direction = 'row',
+    direction = "row",
     options = []
   } = _ref;
   const handle = {
@@ -42,13 +42,13 @@ const RadioGroupWithInput = _ref => {
   }, alert && /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
     className: "mb10"
   }, alert)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('radio-group-input', className, "radio-group-input--".concat(direction), {
-      'radio-group-input--disabled': disabled
+    className: (0, _classnames.default)("radio-group-input", className, "radio-group-input--".concat(direction), {
+      "radio-group-input--disabled": disabled
     })
   }, options === null || options === void 0 ? void 0 : options.map(item => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: item.id,
-      className: (0, _classnames.default)('radio-group-input-item', "radio-group-input-item-".concat(item.id))
+      className: (0, _classnames.default)("radio-group-input-item", "radio-group-input-item-".concat(item.id))
     }, /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, item, {
       onChange: value => handle.changeRadio(value, item),
       checked: item.checked

package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.scss

@@ -11,6 +11,7 @@
 
   &--row {
     align-items: center;
+
     min-height: 28px;
 
     .radio-input:not(:last-child) {

package/dist/Atomic/FormElements/RadioInput/RadioInput.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./RadioInput.scss");
-const RC = 'radio-input';
+const RC = "radio-input";
 const RadioInput = _ref => {
   let {
     label,
@@ -19,7 +19,7 @@ const RadioInput = _ref => {
     disabled,
     className,
     value,
-    testId = '',
+    testId = "",
     onChange = () => {},
     attributesOfNativeInput = {}
   } = _ref;

package/dist/Atomic/FormElements/RadioInput/RadioInput.scss

@@ -25,22 +25,19 @@
     position: relative;
 
     width: 14px;
-    height: 14px;
     min-width: 14px;
+    height: 14px;
     min-height: 14px;
 
     border: 1px solid $color--gray;
     border-radius: 50%;
-    background-color: #FFFF;
+    background-color: #ffff;
   }
 
   &__mark {
     position: absolute;
     z-index: 1;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
 
     display: none;
 
@@ -68,9 +65,8 @@
   &__label {
     margin-left: 5px;
 
-    user-select: none;
-
     font-size: 13px;
     font-weight: 400;
+    user-select: none;
   }
 }

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js

@@ -8,23 +8,23 @@ var _react = _interopRequireWildcard(require("react"));
 require("./RadioRowSwitcher.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const classNames = require('classnames');
+const classNames = require("classnames");
 const RadioRowSwitcher = _ref => {
   let {
     onChange,
     radios,
-    label = '',
-    value = ''
+    label = "",
+    value = ""
   } = _ref;
   const handle = {
     change: newValue => {
-      if (newValue === value) onChange('');else onChange(newValue);
+      if (newValue === value) onChange("");else onChange(newValue);
     }
   };
-  const itemClass = key => classNames('radio-row-switcher__item', {
+  const itemClass = key => classNames("radio-row-switcher__item", {
     ["radio-row-switcher__item--active"]: key === value
   });
-  const sliderClass = key => classNames('radio-row-switcher__slider', "radio-row-switcher__slider--".concat(key));
+  const sliderClass = key => classNames("radio-row-switcher__slider", "radio-row-switcher__slider--".concat(key));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-row-switcher"
   }, label && /*#__PURE__*/_react.default.createElement("div", {
@@ -39,7 +39,7 @@ const RadioRowSwitcher = _ref => {
       className: itemClass(item.key)
     }, item.label));
   }), value && /*#__PURE__*/_react.default.createElement("div", {
-    onClick: () => handle.change(''),
+    onClick: () => handle.change(""),
     className: sliderClass(value)
   })));
 };

package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss

@@ -7,18 +7,19 @@
 
     margin-right: 10px;
 
-    color: #1E1E2D;
-
     font-size: 13px;
     font-weight: 400;
+
+    color: #1e1e2d;
   }
 
   &__items-box {
     position: relative;
 
     display: grid;
-    align-items: center;
     justify-content: center;
+    align-items: center;
+    grid-template-columns: repeat(5, 1fr);
 
     box-sizing: border-box;
     min-width: 275px;
@@ -27,36 +28,35 @@
     padding: 1px;
 
     border-radius: 26px;
-    background: #FFF;
-    grid-template-columns: repeat(5, 1fr);
+    background: #fff;
   }
 
   &__item {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 20%;
     height: 18px;
     padding: 3px 8px;
 
+    font-size: 13px;
+    font-weight: 300;
     cursor: pointer;
     user-select: none;
-    transition: 0.2s ease;
     white-space: nowrap;
 
-    color: #1E1E2D;
+    color: #1e1e2d;
     border: 1px solid transparent;
     border-radius: 16px;
 
-    font-size: 13px;
-    font-weight: 300;
+    transition: 0.2s ease;
 
     &:first-child {
       min-width: 27px;
 
       &:hover {
-        color: #78C58D;
+        color: #78c58d;
       }
     }
 
@@ -64,7 +64,7 @@
       min-width: 19px;
 
       &:hover {
-        color: #F06D8D;
+        color: #f06d8d;
       }
     }
 
@@ -72,7 +72,7 @@
       min-width: 46px;
 
       &:hover {
-        color: #F59A2F;
+        color: #f59a2f;
       }
     }
 
@@ -80,7 +80,7 @@
       min-width: 22px;
 
       &:hover {
-        color: #9AA0B9;
+        color: #9aa0b9;
       }
     }
 
@@ -88,21 +88,21 @@
       min-width: 54px;
 
       &:hover {
-        color: #6B81DD;
+        color: #6b81dd;
       }
     }
 
     &--active {
       &:first-child {
-        color: #78C58D;
+        color: #78c58d;
       }
 
       &:nth-child(2) {
-        color: #F06D8D;
+        color: #f06d8d;
       }
 
       &:nth-child(3) {
-        color: #F59A2F;
+        color: #f59a2f;
       }
 
       &:nth-child(4) {
@@ -110,7 +110,7 @@
       }
 
       &:nth-child(5) {
-        color: #6B81DD;
+        color: #6b81dd;
       }
     }
   }
@@ -124,17 +124,18 @@
     width: 0;
 
     cursor: pointer;
-    transition: 0.3s ease;
 
     border: 1px solid transparent;
     border-radius: 28px;
 
+    transition: 0.3s ease;
+
     &--pass {
       left: 1px;
 
       width: 44px;
 
-      border: 1px solid #00B031;
+      border: 1px solid #00b031;
     }
 
     &--fail {
@@ -142,7 +143,7 @@
 
       width: 37px;
 
-      border: 1px solid #F06D8D;
+      border: 1px solid #f06d8d;
     }
 
     &--pending {
@@ -150,7 +151,7 @@
 
       width: 64px;
 
-      border: 1px solid #F59A2F;
+      border: 1px solid #f59a2f;
     }
 
     &--na {
@@ -158,7 +159,7 @@
 
       width: 40px;
 
-      border: 1px solid #9AA0B9;
+      border: 1px solid #9aa0b9;
     }
 
     &--exception {
@@ -166,7 +167,7 @@
 
       width: 72px;
 
-      border: 1px solid #6B81DD;
+      border: 1px solid #6b81dd;
     }
   }
 }