intelicoreact 0.3.62 → 0.3.65

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

@@ -291,7 +291,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
   function renderInput() {
     var uniProps = _objectSpread(_objectSpread({
-      className: "input ".concat(className),
+      className: (0, _classnames.default)('input', className),
       placeholder: placeholder,
       value: formatedValue,
       inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
@@ -332,7 +332,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     onMouseLeave: function onMouseLeave() {
       return setOnInputHover(false);
     }
-  }, renderInput(), icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
+  }, renderInput(), icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: "input__icon-wrapper"
+  }, icon), action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",
     className: (0, _classnames.default)("input__close", {
       hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)

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

@@ -127,6 +127,14 @@
   &-label {
     margin-bottom: 5px;
   }
+
+  &__icon-wrapper {
+    height: 100%;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 
 .input__wrap:hover .input__close {

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

@@ -127,6 +127,14 @@
   &-label {
     margin-bottom: 5px;
   }
+
+  &__icon-wrapper {
+    height: 100%;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }
 
 .input__wrap:hover .input__close {

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss

@@ -112,4 +112,11 @@
       color: #1E1E2D;
     }
   }
+
+  svg {
+    min-width: 16px;
+    max-width: 16px;
+    min-height: 16px;
+    max-height: 16px;
+  }
 }

package/dist/Atomic/UI/Alert/Alert.js

@@ -30,6 +30,8 @@ var Alert = function Alert(_ref) {
       children = _ref.children,
       noDismiss = _ref.noDismiss,
       testId = _ref.testId,
+      _ref$isHidden = _ref.isHidden,
+      isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'warning' : _ref$variant;
 
@@ -42,7 +44,9 @@ var Alert = function Alert(_ref) {
     "data-testid": "alert--key-".concat(testId, "--varint-").concat(variant),
     className: (0, _classnames.default)(className, {
       hidden: onClose
-    }, "alert alert--".concat(variant))
+    }, "alert alert--".concat(variant), {
+      hidden: isHidden
+    })
   }, icon, /*#__PURE__*/_react.default.createElement("div", null, children || message), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
     className: "alert__close-btn"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {

package/dist/Atomic/UI/Tag/Tag.scss

@@ -35,4 +35,11 @@
       color: #b9002c;
     }
   }
+
+  svg {
+    min-width: 16px;
+    max-width: 16px;
+    min-height: 16px;
+    max-height: 16px;
+  }
 }

package/dist/Atomic/UI/TagList/TagList.js

@@ -174,7 +174,7 @@ var TagList = function TagList(_ref) {
   }, [staticTagsCount]); // Toggle Show/Hide More Tags
 
   (0, _react.useEffect)(function () {
-    setRenderItemsCount(renderAll ? tagList.length : staticTagsCount);
+    setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
   }, [renderAll]);
 
   var renderTags = function renderTags() {
@@ -196,6 +196,7 @@ var TagList = function TagList(_ref) {
   };
 
   var renderMoreTags = function renderMoreTags() {
+    if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList !== null && tagList !== void 0 && tagList.length) || disableShowMore) return null;
     var restItems = tagList.length - renderItemsCount;
     if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
@@ -210,7 +211,7 @@ var TagList = function TagList(_ref) {
   };
 
   var renderHideTags = function renderHideTags() {
-    if (renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length) return null;
+    if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "...",
       className: "tag-list_wrapper_hide-more",
@@ -223,7 +224,7 @@ var TagList = function TagList(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "tag-list_wrapper ".concat(renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
+    className: "tag-list_wrapper ".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags());
 };

package/package.json

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