@itcase/forms 1.0.61 → 1.0.62

package/dist/itcase-forms.cjs.js

@@ -138,7 +138,7 @@ function FieldWrapperBase(props) {
     desc,
     descTextColor,
     descTextSize,
-    descTextWidth,
+    descTextWeight,
     dividerDirection,
     dividerFill,
     dividerSize,
@@ -154,7 +154,7 @@ function FieldWrapperBase(props) {
     labelHidden,
     labelTextColor,
     labelTextSize,
-    labelTextWidth,
+    labelTextWeight,
     helpText,
     helpTextSize,
     helpTextWeight,
@@ -224,14 +224,14 @@ function FieldWrapperBase(props) {
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: labelTextSize,
     textColor: labelTextColor,
-    textWeight: labelTextWidth
+    textWeight: labelTextWeight
   }, label, labelHidden && '\u00A0')), desc && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__desc",
     "data-test-id": `${inputName}FieldDesc`
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: descTextSize,
     textColor: descTextColor,
-    textWeight: descTextWidth
+    textWeight: descTextWeight
   }, desc)), /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('form-field__content', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React__default.default.createElement("div", {
@@ -284,7 +284,7 @@ FieldWrapperBase.propTypes = {
   desc: PropTypes__default.default.string,
   descTextColor: PropTypes__default.default.string,
   descTextSize: PropTypes__default.default.string,
-  descTextWidth: PropTypes__default.default.string,
+  descTextWeight: PropTypes__default.default.string,
   dividerDirection: PropTypes__default.default.string,
   dividerFill: PropTypes__default.default.string,
   dividerSize: PropTypes__default.default.string,
@@ -304,13 +304,12 @@ FieldWrapperBase.propTypes = {
   labelHidden: PropTypes__default.default.bool,
   labelTextColor: PropTypes__default.default.string,
   labelTextSize: PropTypes__default.default.string,
-  labelTextWidth: PropTypes__default.default.string,
+  labelTextWeight: PropTypes__default.default.string,
   message: PropTypes__default.default.string,
   messageSize: PropTypes__default.default.string,
   messageTextColor: PropTypes__default.default.string,
   messageTextSize: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   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.oneOfType([PropTypes__default.default.string, PropTypes__default.default.bool]),
   set: PropTypes__default.default.string,
@@ -339,9 +338,9 @@ FieldWrapper.propTypes = FieldWrapperBase.propTypes;
 // Whether to display an error message based on "fieldProps" and meta-objects
 function useFieldValidationState(props) {
   const {
-    fieldProps,
-    meta,
-    input
+    fieldProps = {},
+    meta = {},
+    input = {}
   } = props;
   // Determines if there's a submission error that hasn't been rectified since the last submission.
   const submitError = !meta.modifiedSinceLastSubmit && meta.submitError;
@@ -1498,7 +1497,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
       "data-tour": dataTour
     }, /*#__PURE__*/React__default.default.createElement("div", {
       className: "form__group-wrapper"
-    }, before, /*#__PURE__*/React__default.default.createElement("div", {
+    }, before, label && /*#__PURE__*/React__default.default.createElement("div", {
       className: "form__group-label"
     }, /*#__PURE__*/React__default.default.createElement(Title.Title, {
       size: labelTextSize,
@@ -2014,7 +2013,8 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
     selectProps,
     selectRef,
     showMessage,
-    onChange
+    onChange,
+    onInputChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -2086,7 +2086,8 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
       options: options,
       ref: selectRef,
       value: selectedOptions,
-      onChange: onChangeValue
+      onChange: onChangeValue,
+      onInputChange: onInputChange
     }, updatedSelectProps)));
   });
 });

package/dist/itcase-forms.esm.js

@@ -124,7 +124,7 @@ function FieldWrapperBase(props) {
     desc,
     descTextColor,
     descTextSize,
-    descTextWidth,
+    descTextWeight,
     dividerDirection,
     dividerFill,
     dividerSize,
@@ -140,7 +140,7 @@ function FieldWrapperBase(props) {
     labelHidden,
     labelTextColor,
     labelTextSize,
-    labelTextWidth,
+    labelTextWeight,
     helpText,
     helpTextSize,
     helpTextWeight,
@@ -210,14 +210,14 @@ function FieldWrapperBase(props) {
   }, /*#__PURE__*/React.createElement(Text, {
     size: labelTextSize,
     textColor: labelTextColor,
-    textWeight: labelTextWidth
+    textWeight: labelTextWeight
   }, label, labelHidden && '\u00A0')), desc && /*#__PURE__*/React.createElement("div", {
     className: "form-field__desc",
     "data-test-id": `${inputName}FieldDesc`
   }, /*#__PURE__*/React.createElement(Text, {
     size: descTextSize,
     textColor: descTextColor,
-    textWeight: descTextWidth
+    textWeight: descTextWeight
   }, desc)), /*#__PURE__*/React.createElement("div", {
     className: clsx('form-field__content', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React.createElement("div", {
@@ -270,7 +270,7 @@ FieldWrapperBase.propTypes = {
   desc: PropTypes.string,
   descTextColor: PropTypes.string,
   descTextSize: PropTypes.string,
-  descTextWidth: PropTypes.string,
+  descTextWeight: PropTypes.string,
   dividerDirection: PropTypes.string,
   dividerFill: PropTypes.string,
   dividerSize: PropTypes.string,
@@ -290,13 +290,12 @@ FieldWrapperBase.propTypes = {
   labelHidden: PropTypes.bool,
   labelTextColor: PropTypes.string,
   labelTextSize: PropTypes.string,
-  labelTextWidth: PropTypes.string,
+  labelTextWeight: PropTypes.string,
   message: PropTypes.string,
   messageSize: PropTypes.string,
   messageTextColor: PropTypes.string,
   messageTextSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   messageTextWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  messageTextWidth: PropTypes.string,
   metaActive: PropTypes.bool,
   metaError: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   set: PropTypes.string,
@@ -325,9 +324,9 @@ FieldWrapper.propTypes = FieldWrapperBase.propTypes;
 // Whether to display an error message based on "fieldProps" and meta-objects
 function useFieldValidationState(props) {
   const {
-    fieldProps,
-    meta,
-    input
+    fieldProps = {},
+    meta = {},
+    input = {}
   } = props;
   // Determines if there's a submission error that hasn't been rectified since the last submission.
   const submitError = !meta.modifiedSinceLastSubmit && meta.submitError;
@@ -1484,7 +1483,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
       "data-tour": dataTour
     }, /*#__PURE__*/React.createElement("div", {
       className: "form__group-wrapper"
-    }, before, /*#__PURE__*/React.createElement("div", {
+    }, before, label && /*#__PURE__*/React.createElement("div", {
       className: "form__group-label"
     }, /*#__PURE__*/React.createElement(Title, {
       size: labelTextSize,
@@ -2000,7 +1999,8 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
     selectProps,
     selectRef,
     showMessage,
-    onChange
+    onChange,
+    onInputChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -2072,7 +2072,8 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
       options: options,
       ref: selectRef,
       value: selectedOptions,
-      onChange: onChangeValue
+      onChange: onChangeValue,
+      onInputChange: onInputChange
     }, updatedSelectProps)));
   });
 });

package/package.json

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