intelicoreact 1.0.65 → 1.0.66

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -60,6 +60,7 @@
   &__input {
     width: 100%;
     height: 16px;
+    padding: 0 16px 0 8px;
 
     text-overflow: ellipsis;
 

package/dist/Atomic/FormElements/Input/Input.js

@@ -21,12 +21,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
-
 var _index = require("../../../Constants/index.constants");
 
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
+var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+
 require("./Input.scss");
 
 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); }
@@ -85,7 +85,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       _ref$isUseAutoSelect = _ref.isUseAutoSelect,
       isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
       _ref$isReadOnly = _ref.isReadOnly,
-      isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly;
+      isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var DEFAULT_BLINK_TIME = 100; // STATES
 
   var _useState = (0, _react.useState)(false),
@@ -303,7 +305,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   } : {});
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled)),
+    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled || isLoading)),
     onMouseEnter: function onMouseEnter() {
       return setOnInputHover(true);
     },
@@ -327,6 +329,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
     }),
     onClick: handle.toggleEdit
+  }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    size: "small"
   }));
 });
 

package/dist/Atomic/FormElements/Input/Input.scss

@@ -15,6 +15,7 @@
   }
 
   &__wrap {
+    position: relative;
     display: flex;
     align-items: center;
 
@@ -41,6 +42,10 @@
     &_error {
       border-color: #F06D8D !important;
     }
+
+    .lds-ring.lds-ring_small {
+      top: calc(50% - 18px);
+    }
   }
 
   &_disabled {

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

@@ -25,6 +25,8 @@ var _config = require("./config");
 
 var _functions = require("./functions");
 
+var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+
 require("./InputMask2.scss");
 
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
@@ -56,6 +58,8 @@ function InputMask2() {
       adaptTextCase = _ref.adaptTextCase,
       _ref$isUseAutoSelect = _ref.isUseAutoSelect,
       isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
       icon = _ref.icon,
       showIcon = _ref.showIcon,
       isIconLeft = _ref.isIconLeft,
@@ -646,7 +650,7 @@ function InputMask2() {
       }, {
         'input-mask_blink-error': blinkError
       }, {
-        disabled: disabled
+        disabled: disabled || isLoading
       })
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
@@ -672,7 +676,9 @@ function InputMask2() {
       side: hintPosition
     }))), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_error-text"
-    }, errorMessage));
+    }, errorMessage), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      size: "small"
+    }));
   };
 
   return render();

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

@@ -5,6 +5,7 @@
 }
 
 .input-mask2_wrapper {
+  position: relative;
   display: block;
   // width: fit-content;
   width: 100%;
@@ -174,4 +175,8 @@
 
     font-size: 12px;
   }
+
+  .lds-ring.lds-ring_small {
+    top: calc(50% - 18px);
+  }
 }

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

@@ -27,6 +27,8 @@ var _index = require("../../../Constants/index.constants");
 
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
+var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+
 require("./NumericInput.scss");
 
 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); }
@@ -76,7 +78,9 @@ var NumericInput = function NumericInput(_ref) {
       _ref$isNotRenderButto = _ref.isNotRenderButtons,
       isNotRenderButtons = _ref$isNotRenderButto === void 0 ? false : _ref$isNotRenderButto,
       _ref$isUseAutoSelect = _ref.isUseAutoSelect,
-      isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect;
+      isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var DEFAULT_BLINK_TIME = 200; //REFS
 
   var inputRef = (0, _react.useRef)(null);
@@ -318,7 +322,7 @@ var NumericInput = function NumericInput(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapRef,
-    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled))
+    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled || isLoading))
   }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("input__close", {
       hidden: !inputValue
@@ -326,6 +330,8 @@ var NumericInput = function NumericInput(_ref) {
     onClick: function onClick() {
       return handle.clear();
     }
+  }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    size: "small"
   }));
 };
 

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

@@ -15,6 +15,7 @@
   }
 
   &__wrap {
+    position: relative;
     display: flex;
     align-items: center;
 
@@ -41,6 +42,10 @@
     &_error {
       border-color: #F06D8D;
     }
+
+    .lds-ring.lds-ring_small {
+      top: calc(50% - 18px);
+    }
   }
 
   &_disabled {

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _moment = _interopRequireDefault(require("moment"));
+
 require("./DoubleString.scss");
 
 var RC = 'double-string';
@@ -20,13 +22,20 @@ var DoubleString = function DoubleString(_ref) {
       description = _ref.description,
       className = _ref.className,
       _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? '' : _ref$testId;
+      testId = _ref$testId === void 0 ? '' : _ref$testId,
+      isFormatValueToDate = _ref.isFormatValueToDate,
+      _ref$dateFormatSettin = _ref.dateFormatSettings,
+      _ref$dateFormatSettin2 = _ref$dateFormatSettin.parseFormat,
+      parseFormat = _ref$dateFormatSettin2 === void 0 ? 'MM.DD.YYYY' : _ref$dateFormatSettin2,
+      _ref$dateFormatSettin3 = _ref$dateFormatSettin.displayFormat,
+      displayFormat = _ref$dateFormatSettin3 === void 0 ? 'MM.DD.YYYY' : _ref$dateFormatSettin3;
+  var computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "doubleString--".concat(testId, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__value"))
-  }, value), /*#__PURE__*/_react.default.createElement("span", {
+  }, computedValue), /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "doubleString--".concat(description, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__description"))
   }, description));

package/dist/Atomic/UI/Modal/Modal.scss

@@ -18,7 +18,6 @@
 
 .modal {
   --modal-min-height: 300px;
-  //--modal-height: calc(100% - 30px);
   --max-height: calc(100% - 30px);
 
   position: relative;
@@ -29,7 +28,6 @@
 
   width: 600px;
   min-height: var(--modal-min-height);
-  height: var(--modal-height);
   max-height: var(--max-height);
   margin: 0 10px;
 

package/package.json

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