@itcase/forms 1.0.46 → 1.0.48

package/dist/css/form/Field/DatePicker/DatePicker.css

@@ -0,0 +1,31 @@
+.form-datepicker {
+  &&_state {
+    &_success {
+      & .input {
+        border: solid 1px var(--datepicker-success-border);
+        &:hover {
+          border: solid 1px var(--datepicker-success-border-hover);
+        }
+      }
+    }
+    &_error {
+      & .input {
+        border: solid 1px var(--datepicker-error-border);
+      }
+    }
+    &_focus {
+      & .input {
+        background: var(--datepicker-focus-background);
+        border: solid 1px var(--datepicker-focus-border);
+      }
+    }
+  }
+}
+
+:root {
+  --datepicker-success-border: var(--color-success-border-primary);
+  --datepicker-success-border-hover: var(--color-surface-border-quaternary);
+  --datepicker-error-border: var(--color-error-border-primary);
+  --datepicker-focus-background: var(--color-surface-primary);
+  --datepicker-focus-border: var(--color-surface-border-quaternary);
+}

package/dist/itcase-forms.cjs.js

@@ -240,18 +240,18 @@ function FieldWrapperBase(props) {
     fill: dividerFill
   })), !hideMessage && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__message"
-  }, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+  }, 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,
     textWeight: errorMessageTextWeight,
     textColor: errorMessageTextColor,
     id: `${inputName}-error`
-  }, error), Boolean(message) && !showError && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+  }, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     className: "form-field__message-item form-field__message-item_type_message",
     size: messageTextSize,
     textWeight: messageTextWeight,
     textColor: messageTextColor
-  }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+  }, message), (!showError && !message || showError && !message && (!error || typeof error !== 'string')) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     className: "form-field__message-item form-field__message-item_type_message",
     size: messageTextSize
   }, '\u00A0')), after);
@@ -418,6 +418,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
     inputProps,
     isMultiple,
     isRequired,
+    isDisabled,
     label,
     messageType,
     name,
@@ -477,7 +478,8 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
       isRequired: isRequired,
       placeholder: placeholder,
       active: activeOption,
-      setActiveSegment: setActiveSegment
+      setActiveSegment: setActiveSegment,
+      isDisabled: isDisabled
     }, inputProps)));
   });
 });
@@ -485,17 +487,14 @@ ChoiceField.propTypes = {
   classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
   hideMessage: PropTypes__default.default.bool,
-  initialValue: PropTypes__default.default.string,
+  initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number, PropTypes__default.default.bool]),
   inputProps: PropTypes__default.default.object,
   isMultiple: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
+  label: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.element]),
   messageType: PropTypes__default.default.string,
   name: PropTypes__default.default.string,
-  options: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
-    value: PropTypes__default.default.string,
-    label: PropTypes__default.default.string
-  })),
+  options: Choice.Choice.propTypes.options,
   placeholder: PropTypes__default.default.string,
   onChange: PropTypes__default.default.func
 };
@@ -1214,7 +1213,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideMessage,
+    hideGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1245,13 +1244,13 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
       textWeight: labelTextWeight
     }, label)), /*#__PURE__*/React__default.default.createElement("div", {
       className: "form__group-items"
-    }, children), after), !hideMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    }, children), after), !hideGroupMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
       className: "form__group-message form__group-message_type-error",
       size: errorMessageTextSize,
       textWeight: errorMessageTextWeight,
       textColor: errorMessageTextColor,
       id: `${name}-error`
-    }, error), Boolean(message) && !showError && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    }, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React__default.default.createElement(Text.Text, {
       className: "form__group-message",
       size: messageTextSize,
       textWeight: messageTextWeight,
@@ -1288,6 +1287,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     name,
     parse,
     iconSize,
+    isDisabled,
     iconBorder,
     iconBorderHover,
     iconFill,
@@ -1346,7 +1346,8 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       value: input.value || '',
       onBlur: input.onBlur,
       onChange: onChangeField,
-      onFocus: input.onFocus
+      onFocus: input.onFocus,
+      isDisabled: isDisabled
     }, inputProps)), isRevealable && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
       className: "form-field__icon",
       iconFill: iconFill,
@@ -1505,8 +1506,11 @@ RadioGroupList.propTypes = {
   editableProps: PropTypes__default.default.object,
   input: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
-  onChange: PropTypes__default.default.object,
-  options: PropTypes__default.default.object
+  options: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
+    value: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number, PropTypes__default.default.bool]),
+    label: PropTypes__default.default.string
+  })),
+  onChange: PropTypes__default.default.func
 };
 
 const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(props) {

package/dist/itcase-forms.esm.js

@@ -230,18 +230,18 @@ function FieldWrapperBase(props) {
     fill: dividerFill
   })), !hideMessage && /*#__PURE__*/React.createElement("div", {
     className: "form-field__message"
-  }, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
+  }, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type-error",
     size: errorMessageTextSize,
     textWeight: errorMessageTextWeight,
     textColor: errorMessageTextColor,
     id: `${inputName}-error`
-  }, error), Boolean(message) && !showError && /*#__PURE__*/React.createElement(Text, {
+  }, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type_message",
     size: messageTextSize,
     textWeight: messageTextWeight,
     textColor: messageTextColor
-  }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React.createElement(Text, {
+  }, message), (!showError && !message || showError && !message && (!error || typeof error !== 'string')) && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type_message",
     size: messageTextSize
   }, '\u00A0')), after);
@@ -408,6 +408,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
     inputProps,
     isMultiple,
     isRequired,
+    isDisabled,
     label,
     messageType,
     name,
@@ -467,7 +468,8 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
       isRequired: isRequired,
       placeholder: placeholder,
       active: activeOption,
-      setActiveSegment: setActiveSegment
+      setActiveSegment: setActiveSegment,
+      isDisabled: isDisabled
     }, inputProps)));
   });
 });
@@ -475,17 +477,14 @@ ChoiceField.propTypes = {
   classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
   hideMessage: PropTypes.bool,
-  initialValue: PropTypes.string,
+  initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
   inputProps: PropTypes.object,
   isMultiple: PropTypes.bool,
   isRequired: PropTypes.bool,
-  label: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   messageType: PropTypes.string,
   name: PropTypes.string,
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })),
+  options: Choice.propTypes.options,
   placeholder: PropTypes.string,
   onChange: PropTypes.func
 };
@@ -1204,7 +1203,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideMessage,
+    hideGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1235,13 +1234,13 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
       textWeight: labelTextWeight
     }, label)), /*#__PURE__*/React.createElement("div", {
       className: "form__group-items"
-    }, children), after), !hideMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
+    }, children), after), !hideGroupMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
       className: "form__group-message form__group-message_type-error",
       size: errorMessageTextSize,
       textWeight: errorMessageTextWeight,
       textColor: errorMessageTextColor,
       id: `${name}-error`
-    }, error), Boolean(message) && !showError && /*#__PURE__*/React.createElement(Text, {
+    }, error), Boolean(message) && (!error || typeof error !== 'string') && /*#__PURE__*/React.createElement(Text, {
       className: "form__group-message",
       size: messageTextSize,
       textWeight: messageTextWeight,
@@ -1278,6 +1277,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     name,
     parse,
     iconSize,
+    isDisabled,
     iconBorder,
     iconBorderHover,
     iconFill,
@@ -1336,7 +1336,8 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
       value: input.value || '',
       onBlur: input.onBlur,
       onChange: onChangeField,
-      onFocus: input.onFocus
+      onFocus: input.onFocus,
+      isDisabled: isDisabled
     }, inputProps)), isRevealable && /*#__PURE__*/React.createElement(Icon, {
       className: "form-field__icon",
       iconFill: iconFill,
@@ -1495,8 +1496,11 @@ RadioGroupList.propTypes = {
   editableProps: PropTypes.object,
   input: PropTypes.object,
   inputProps: PropTypes.object,
-  onChange: PropTypes.object,
-  options: PropTypes.object
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
+    label: PropTypes.string
+  })),
+  onChange: PropTypes.func
 };
 
 const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {

package/package.json

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