@itcase/forms 1.1.18 → 1.1.19

package/dist/itcase-forms.cjs.js

@@ -1546,10 +1546,10 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       }
     }, [onChange, input.onChange]);
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
@@ -1559,6 +1559,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : 'success'
     });
+    const isIconRevealableString = typeof iconRevealableHide === 'string' && typeof iconRevealableShow === 'string';
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_input', 'form__item_type_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1589,18 +1590,18 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       size: iconSize,
       iconFill: iconFill,
       iconFillHover: iconFillHover,
-      imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
+      imageSrc: isRevealed && isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       shape: iconShape,
-      SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
+      SvgImage: isRevealed && !isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       onClick: onClickIconReveal
     }), clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
       className: "form-field__icon",
       size: clearIconSize,
       iconFill: clearIconFill,
       iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
+      imageSrc: typeof clearIcon === 'string' && clearIcon,
       shape: clearIconShape,
-      SvgImage: clearIcon,
+      SvgImage: typeof clearIcon !== 'string' && clearIcon,
       onClick: onClickClearIcon
     }));
   });

package/dist/itcase-forms.esm.js

@@ -1535,10 +1535,10 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       }
     }, [onChange, input.onChange]);
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
@@ -1548,6 +1548,7 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : 'success'
     });
+    const isIconRevealableString = typeof iconRevealableHide === 'string' && typeof iconRevealableShow === 'string';
     return /*#__PURE__*/React$1.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_input', 'form__item_type_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1578,18 +1579,18 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       size: iconSize,
       iconFill: iconFill,
       iconFillHover: iconFillHover,
-      imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
+      imageSrc: isRevealed && isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       shape: iconShape,
-      SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
+      SvgImage: isRevealed && !isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       onClick: onClickIconReveal
     }), clearIcon && /*#__PURE__*/React$1.createElement(Icon, {
       className: "form-field__icon",
       size: clearIconSize,
       iconFill: clearIconFill,
       iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
+      imageSrc: typeof clearIcon === 'string' && clearIcon,
       shape: clearIconShape,
-      SvgImage: clearIcon,
+      SvgImage: typeof clearIcon !== 'string' && clearIcon,
       onClick: onClickClearIcon
     }));
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -38,7 +38,7 @@
     "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
-    "@itcase/ui": "^1.8.36",
+    "@itcase/ui": "^1.8.39",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
     "final-form": "4.20.10",
@@ -57,9 +57,9 @@
   },
   "devDependencies": {
     "@itcase/lint": "^1.1.19",
-    "@babel/core": "^7.27.4",
-    "@babel/eslint-parser": "^7.27.5",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/core": "^7.28.0",
+    "@babel/eslint-parser": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
@@ -76,15 +76,15 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.0.0",
-    "eslint": "9.29.0",
+    "eslint": "9.30.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",
     "postcss": "^8.5.6",
-    "prettier": "3.6.1",
+    "prettier": "3.6.2",
     "rollup": "^4.44.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^24.2.5",
-    "stylelint": "^16.21.0",
+    "semantic-release": "^24.2.6",
+    "stylelint": "^16.21.1",
     "typescript": "^5.8.3",
     "yup": "^1.6.1"
   }