@itcase/forms 1.0.56 → 1.0.57

package/dist/itcase-forms.cjs.js

@@ -220,19 +220,19 @@ function FieldWrapperBase(props) {
   return /*#__PURE__*/React__default.default.createElement(Tag, {
     className: clsx__default.default(formFieldClass, 'form__item', 'form-field', type && `form-field_type_${type}`, set && `form-field_set_${set}`, sizeClass, fillClass, shapeClass, isDisabled && `form-field_state_disabled`, isHidden && `form-field_state_hidden`, directionClass, widthClass),
     "data-tour": dataTour,
-    "data-testid": `${inputName}Field`,
+    "data-test-id": `${inputName}Field`,
     style: formFieldStyles
   }, before, (label || labelHidden) && /*#__PURE__*/React__default.default.createElement("div", {
     htmlFor: id,
     className: clsx__default.default('form-field__label'),
-    "data-testid": `${inputName}FieldLabel`
+    "data-test-id": `${inputName}FieldLabel`
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: labelTextSize,
     textWeight: labelTextWidth,
     textColor: labelTextColor
   }, label, labelHidden && '\u00A0')), desc && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__desc",
-    "data-testid": `${inputName}FieldDesc`
+    "data-test-id": `${inputName}FieldDesc`
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: descTextSize,
     textWeight: descTextWidth,
@@ -249,7 +249,7 @@ function FieldWrapperBase(props) {
     fill: dividerFill
   })), showMessage && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__message",
-    "data-testid": `${inputName}FieldMessage`
+    "data-test-id": `${inputName}FieldMessage`
   }, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     className: "form-field__message-item form-field__message-item_type-error",
     size: errorMessageTextSize,
@@ -257,16 +257,16 @@ function FieldWrapperBase(props) {
     textColor: errorMessageTextColor,
     id: `${inputName}-error`,
     dataTestId: `${inputName}FieldMessageError`
-  }, error), Boolean(helpText) && (!error || typeof error !== 'string') && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+  }, error), Boolean(helpText) && Boolean(!showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     className: "form-field__message-item form-field__message-item_type_help-text",
     size: helpTextSize,
     textWeight: helpTextWeight,
     textColor: helpTextColor,
     dataTestId: `${inputName}FieldMessageHelpText`
   }, helpText), (!showError && !helpText || showError && !helpText && (!error || typeof error !== 'string')) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
+    className: "form-field__message-item form-field__message-item_type_help-text",
     size: messageTextSize,
-    dataTestId: `${inputName}FieldMessagePlaceholder`
+    dataTestId: `${inputName}FieldMessageHelpText`
   }, '\u00A0')), after);
 }
 FieldWrapperBase.defaultProps = {
@@ -308,7 +308,7 @@ FieldWrapperBase.propTypes = {
   isRequired: PropTypes__default.default.bool,
   itemType: PropTypes__default.default.string,
   label: PropTypes__default.default.any,
-  labelHidden: PropTypes__default.default.string,
+  labelHidden: PropTypes__default.default.bool,
   labelTextColor: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
   labelTextWidth: PropTypes__default.default.string,
@@ -319,7 +319,7 @@ FieldWrapperBase.propTypes = {
   messageTextWeight: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   messageTextWidth: PropTypes__default.default.string,
   metaActive: PropTypes__default.default.bool,
-  metaError: PropTypes__default.default.string,
+  metaError: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.bool]),
   metaModifiedSinceLastSubmit: PropTypes__default.default.bool,
   metaSubmitError: PropTypes__default.default.string,
   metaSubmitFailed: PropTypes__default.default.bool,
@@ -2240,7 +2240,9 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         className: clsx__default.default(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass),
         name: formName,
         "data-tour": dataTour,
-        "data-testId": dataTestId,
+        "data-test-id": dataTestId
+        // We no need set reference to html element, we need reference to "final-form" instance
+        ,
         ref: () => onRefFormInstance(form),
         onSubmit: handleSubmit,
         autoComplete: disableFieldsAutoComplete ? 'off' : undefined,

package/dist/itcase-forms.esm.js

@@ -210,19 +210,19 @@ function FieldWrapperBase(props) {
   return /*#__PURE__*/React.createElement(Tag, {
     className: clsx(formFieldClass, 'form__item', 'form-field', type && `form-field_type_${type}`, set && `form-field_set_${set}`, sizeClass, fillClass, shapeClass, isDisabled && `form-field_state_disabled`, isHidden && `form-field_state_hidden`, directionClass, widthClass),
     "data-tour": dataTour,
-    "data-testid": `${inputName}Field`,
+    "data-test-id": `${inputName}Field`,
     style: formFieldStyles
   }, before, (label || labelHidden) && /*#__PURE__*/React.createElement("div", {
     htmlFor: id,
     className: clsx('form-field__label'),
-    "data-testid": `${inputName}FieldLabel`
+    "data-test-id": `${inputName}FieldLabel`
   }, /*#__PURE__*/React.createElement(Text, {
     size: labelTextSize,
     textWeight: labelTextWidth,
     textColor: labelTextColor
   }, label, labelHidden && '\u00A0')), desc && /*#__PURE__*/React.createElement("div", {
     className: "form-field__desc",
-    "data-testid": `${inputName}FieldDesc`
+    "data-test-id": `${inputName}FieldDesc`
   }, /*#__PURE__*/React.createElement(Text, {
     size: descTextSize,
     textWeight: descTextWidth,
@@ -239,7 +239,7 @@ function FieldWrapperBase(props) {
     fill: dividerFill
   })), showMessage && /*#__PURE__*/React.createElement("div", {
     className: "form-field__message",
-    "data-testid": `${inputName}FieldMessage`
+    "data-test-id": `${inputName}FieldMessage`
   }, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type-error",
     size: errorMessageTextSize,
@@ -247,16 +247,16 @@ function FieldWrapperBase(props) {
     textColor: errorMessageTextColor,
     id: `${inputName}-error`,
     dataTestId: `${inputName}FieldMessageError`
-  }, error), Boolean(helpText) && (!error || typeof error !== 'string') && /*#__PURE__*/React.createElement(Text, {
+  }, error), Boolean(helpText) && Boolean(!showError) && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type_help-text",
     size: helpTextSize,
     textWeight: helpTextWeight,
     textColor: helpTextColor,
     dataTestId: `${inputName}FieldMessageHelpText`
   }, helpText), (!showError && !helpText || showError && !helpText && (!error || typeof error !== 'string')) && /*#__PURE__*/React.createElement(Text, {
-    className: "form-field__message-item form-field__message-item_type_message",
+    className: "form-field__message-item form-field__message-item_type_help-text",
     size: messageTextSize,
-    dataTestId: `${inputName}FieldMessagePlaceholder`
+    dataTestId: `${inputName}FieldMessageHelpText`
   }, '\u00A0')), after);
 }
 FieldWrapperBase.defaultProps = {
@@ -298,7 +298,7 @@ FieldWrapperBase.propTypes = {
   isRequired: PropTypes.bool,
   itemType: PropTypes.string,
   label: PropTypes.any,
-  labelHidden: PropTypes.string,
+  labelHidden: PropTypes.bool,
   labelTextColor: PropTypes.string,
   labelTextSize: PropTypes.string,
   labelTextWidth: PropTypes.string,
@@ -309,7 +309,7 @@ FieldWrapperBase.propTypes = {
   messageTextWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   messageTextWidth: PropTypes.string,
   metaActive: PropTypes.bool,
-  metaError: PropTypes.string,
+  metaError: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   metaModifiedSinceLastSubmit: PropTypes.bool,
   metaSubmitError: PropTypes.string,
   metaSubmitFailed: PropTypes.bool,
@@ -2230,7 +2230,9 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
         className: clsx(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass),
         name: formName,
         "data-tour": dataTour,
-        "data-testId": dataTestId,
+        "data-test-id": dataTestId
+        // We no need set reference to html element, we need reference to "final-form" instance
+        ,
         ref: () => onRefFormInstance(form),
         onSubmit: handleSubmit,
         autoComplete: disableFieldsAutoComplete ? 'off' : undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.56",
+  "version": "1.0.57",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",