@itcase/forms 1.0.44 → 1.0.46

package/dist/itcase-forms.cjs.js

@@ -411,22 +411,29 @@ CheckboxField.propTypes = {
 
 const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceField(props) {
   const {
-    options,
     classNameGroupItem,
     fieldProps,
+    hideMessage,
+    initialValue,
     inputProps,
     isMultiple,
     isRequired,
-    initialValue,
     label,
-    name,
     messageType,
-    hideMessage,
-    placeholder
+    name,
+    options,
+    placeholder,
+    onChange
   } = props;
   const {
     change
   } = reactFinalForm.useForm();
+  const setActiveSegment = React.useCallback((option, isChecked) => {
+    change(name, isChecked && option.value);
+    if (onChange) {
+      onChange(option.value, name, isChecked);
+    }
+  }, [change]);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
     initialValue: initialValue
@@ -445,9 +452,6 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
       }
       return emptyOption;
     }, [input.value]);
-    const setActiveSegment = React.useCallback(option => {
-      change(name, option.value);
-    }, [change]);
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_choice', 'form__item_type_choice', classNameGroupItem),
       fieldClassName: "form-choice",
@@ -467,7 +471,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Choice.Choice, Object.assign({
       className: clsx__default.default(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
       options: options,
-      inputName: input.name,
+      name: input.name,
       inputValue: input.value || [],
       isMultiple: isMultiple,
       isRequired: isRequired,
@@ -478,14 +482,22 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
   });
 });
 ChoiceField.propTypes = {
-  options: PropTypes__default.default.array.isRequired,
-  name: PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string,
-  inputClass: PropTypes__default.default.string,
+  classNameGroupItem: PropTypes__default.default.string,
+  fieldProps: PropTypes__default.default.object,
+  hideMessage: PropTypes__default.default.bool,
+  initialValue: PropTypes__default.default.string,
+  inputProps: PropTypes__default.default.object,
   isMultiple: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   label: PropTypes__default.default.string,
-  placeholder: PropTypes__default.default.string
+  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
+  })),
+  placeholder: PropTypes__default.default.string,
+  onChange: PropTypes__default.default.func
 };
 
 const CustomField = /*#__PURE__*/React__default.default.memo(function CustomField(props) {
@@ -707,7 +719,6 @@ async function convertToFiles(inputValue, isPreviews) {
     //   })
     // }
   }
-
   return newFiles;
 }
 function setFileDataURL(file, resolve) {
@@ -1640,16 +1651,15 @@ function getDefaultValue(options, selectValue) {
 }
 const SelectField = /*#__PURE__*/React__default.default.memo(function SelectField(props) {
   const {
+    classNameGroupItem,
+    fieldProps,
+    hideMessage,
     isRequired,
-    key,
     name,
     options,
-    fieldProps,
     selectProps,
     selectRef,
-    onChange,
-    classNameGroupItem,
-    hideMessage
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -1657,12 +1667,6 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
     input,
     meta
   }) => {
-    const onChangeField = React.useCallback(value => {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
     const [selectedOptions, setSelectedOptions] = React.useState(null);
     const defaultValue = React.useMemo(() => {
       const optionsValues = getDefaultValue(options, input.value);
@@ -1674,12 +1678,18 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
       }
       return optionsValues;
     }, [input.value]);
-    React.useEffect(() => setSelectedOptions(defaultValue), [defaultValue]);
+    const onChangeField = React.useCallback(value => {
+      input.onChange(value);
+      if (onChange) {
+        onChange(value, input.name);
+      }
+    }, [onChange]);
     const onChangeValue = React.useCallback((option, actionMeta) => {
       const value = Array.isArray(option) ? option.map(o => o.value) : option?.value || null;
       setSelectedOptions(option);
       onChangeField(value);
     }, [onChangeField]);
+    React.useEffect(() => setSelectedOptions(defaultValue), [defaultValue]);
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_select', 'form__item_type_select', classNameGroupItem),
       fieldClassName: 'form-select',
@@ -1700,8 +1710,7 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
       value: selectedOptions,
       onChange: onChangeValue,
       options: options,
-      ref: selectRef,
-      key: key
+      ref: selectRef
     }, selectProps)));
   });
 });
@@ -2048,11 +2057,17 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     after,
     before,
     buttonDirection,
+    buttonFill,
     buttonGap,
+    buttonJustifyContent,
     buttonPadding,
-    groupGap,
     className,
     config,
+    dataTour,
+    dataTourButtons,
+    dataTourPrimaryButton,
+    dataTourSecondaryButton,
+    dataTourTertiaryButton,
     description,
     descriptionSize,
     descriptionTextColor,
@@ -2060,60 +2075,54 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     disableFieldsAutoComplete,
     fieldsGap,
     formName,
+    groupGap,
     initialValues,
     initialValuesEqual,
     isLoading,
+    language,
     loader,
-    loaderSet,
     loaderFill,
     loaderItemFill,
+    loaderSet,
     loaderText,
-    language,
     mutators,
+    notificationCloseButton,
+    notificationType,
     onChangeFormValues,
     onClickSecondaryButton,
     onClickTertiaryButton,
     onSubmit,
     primaryButton,
-    primaryButtonLabel,
-    secondaryButton,
-    secondaryButtonLabel,
     primaryButtonFill,
     primaryButtonFillHover,
-    secondaryButtonFill,
-    secondaryButtonFillHover,
-    primaryButtonSize,
-    primaryButtonLabelTextColor,
+    primaryButtonLabel,
     primaryButtonLabelSize,
+    primaryButtonLabelTextColor,
     primaryButtonLabelTextWeight,
-    secondaryButtonSize,
-    secondaryButtonLabelTextColor,
+    primaryButtonSize,
+    secondaryButton,
+    secondaryButtonFill,
+    secondaryButtonFillHover,
+    secondaryButtonLabel,
     secondaryButtonLabelSize,
+    secondaryButtonLabelTextColor,
     secondaryButtonLabelTextWeight,
+    secondaryButtonSize,
+    set,
     tertiaryButton,
     tertiaryButtonFill,
     tertiaryButtonFillHover,
-    tertiaryButtonSize,
-    tertiaryButtonLabelTextColor,
+    tertiaryButtonLabel,
     tertiaryButtonLabelSize,
+    tertiaryButtonLabelTextColor,
     tertiaryButtonLabelTextWeight,
-    tertiaryButtonLabel,
-    set,
-    type,
-    buttonJustifyContent,
+    tertiaryButtonSize,
     title,
-    notificationType,
-    notificationCloseButton,
-    buttonFill,
-    titleTextSize,
     titleTextColor,
+    titleTextSize,
     titleTextWeight,
-    validationSchema,
-    dataTour,
-    dataTourButtons,
-    dataTourPrimaryButton,
-    dataTourSecondaryButton,
-    dataTourTertiaryButton
+    type,
+    validationSchema
   } = props;
   const validate = useYupValidationSchema(validationSchema, language);
   const onRefFormInstance = React.useCallback(formInstance => {
@@ -2257,37 +2266,74 @@ FinalForm.propTypes = {
   additionalProps: PropTypes__default.default.object,
   after: PropTypes__default.default.any,
   before: PropTypes__default.default.any,
+  buttonDirection: PropTypes__default.default.string,
+  buttonFill: PropTypes__default.default.string,
   buttonGap: PropTypes__default.default.string,
+  buttonJustifyContent: PropTypes__default.default.string,
+  buttonPadding: PropTypes__default.default.string,
   className: PropTypes__default.default.string,
   config: PropTypes__default.default.object,
+  dataTour: PropTypes__default.default.string,
+  dataTourButtons: PropTypes__default.default.string,
+  dataTourPrimaryButton: PropTypes__default.default.string,
+  dataTourSecondaryButton: PropTypes__default.default.string,
+  dataTourTertiaryButton: PropTypes__default.default.string,
   description: PropTypes__default.default.string,
   descriptionSize: PropTypes__default.default.string,
   descriptionTextColor: PropTypes__default.default.string,
   descriptionTextWeight: PropTypes__default.default.string,
-  disableFieldsAutoComplete: PropTypes__default.default.string,
+  disableFieldsAutoComplete: PropTypes__default.default.bool,
   fieldsGap: PropTypes__default.default.string,
   formName: PropTypes__default.default.string,
+  groupGap: PropTypes__default.default.string,
   initialValues: PropTypes__default.default.any,
   initialValuesEqual: PropTypes__default.default.any,
-  language: PropTypes__default.default.string,
   isLoading: PropTypes__default.default.bool,
+  language: PropTypes__default.default.string,
+  loader: PropTypes__default.default.element,
+  loaderFill: PropTypes__default.default.string,
+  loaderItemFill: PropTypes__default.default.string,
+  loaderSet: PropTypes__default.default.string,
   loaderText: PropTypes__default.default.string,
   mutators: PropTypes__default.default.any,
-  onChangeFormValues: PropTypes__default.default.func,
-  onClickSecondaryButton: PropTypes__default.default.func,
-  onSubmit: PropTypes__default.default.func,
-  primaryButton: PropTypes__default.default.string,
+  notificationCloseButton: PropTypes__default.default.element,
+  notificationType: PropTypes__default.default.string,
+  primaryButton: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.element]),
   primaryButtonFill: PropTypes__default.default.string,
+  primaryButtonFillHover: PropTypes__default.default.string,
   primaryButtonLabel: PropTypes__default.default.string,
-  secondaryButton: PropTypes__default.default.string,
+  primaryButtonLabelSize: PropTypes__default.default.string,
+  primaryButtonLabelTextColor: PropTypes__default.default.string,
+  primaryButtonLabelTextWeight: PropTypes__default.default.string,
+  primaryButtonSize: PropTypes__default.default.string,
+  secondaryButton: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.element]),
   secondaryButtonFill: PropTypes__default.default.string,
+  secondaryButtonFillHover: PropTypes__default.default.string,
   secondaryButtonLabel: PropTypes__default.default.string,
+  secondaryButtonLabelSize: PropTypes__default.default.string,
+  secondaryButtonLabelTextColor: PropTypes__default.default.string,
+  secondaryButtonLabelTextWeight: PropTypes__default.default.string,
+  secondaryButtonSize: PropTypes__default.default.string,
   set: PropTypes__default.default.string,
+  tertiaryButton: PropTypes__default.default.element,
+  tertiaryButtonFill: PropTypes__default.default.string,
+  tertiaryButtonFillHover: PropTypes__default.default.string,
+  tertiaryButtonLabel: PropTypes__default.default.string,
+  tertiaryButtonLabelSize: PropTypes__default.default.string,
+  tertiaryButtonLabelTextColor: PropTypes__default.default.string,
+  tertiaryButtonLabelTextWeight: PropTypes__default.default.string,
+  tertiaryButtonSize: PropTypes__default.default.string,
   title: PropTypes__default.default.string,
   titleSize: PropTypes__default.default.string,
   titleTextColor: PropTypes__default.default.string,
+  titleTextSize: PropTypes__default.default.string,
   titleTextWeight: PropTypes__default.default.string,
-  validationSchema: PropTypes__default.default.object
+  type: PropTypes__default.default.string,
+  validationSchema: PropTypes__default.default.object,
+  onChangeFormValues: PropTypes__default.default.func,
+  onClickSecondaryButton: PropTypes__default.default.func,
+  onClickTertiaryButton: PropTypes__default.default.func,
+  onSubmit: PropTypes__default.default.func
 };
 FinalForm.defaultProps = {
   additionalProps: {},
@@ -2302,15 +2348,15 @@ FinalForm.defaultProps = {
   disableFieldsAutoComplete: false
 };
 
-Object.defineProperty(exports, 'Field', {
+Object.defineProperty(exports, "Field", {
   enumerable: true,
   get: function () { return reactFinalForm.Field; }
 });
-Object.defineProperty(exports, 'useForm', {
+Object.defineProperty(exports, "useForm", {
   enumerable: true,
   get: function () { return reactFinalForm.useForm; }
 });
-Object.defineProperty(exports, 'useFormState', {
+Object.defineProperty(exports, "useFormState", {
   enumerable: true,
   get: function () { return reactFinalForm.useFormState; }
 });

package/dist/itcase-forms.esm.js

@@ -401,22 +401,29 @@ CheckboxField.propTypes = {
 
 const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
   const {
-    options,
     classNameGroupItem,
     fieldProps,
+    hideMessage,
+    initialValue,
     inputProps,
     isMultiple,
     isRequired,
-    initialValue,
     label,
-    name,
     messageType,
-    hideMessage,
-    placeholder
+    name,
+    options,
+    placeholder,
+    onChange
   } = props;
   const {
     change
   } = useForm();
+  const setActiveSegment = useCallback((option, isChecked) => {
+    change(name, isChecked && option.value);
+    if (onChange) {
+      onChange(option.value, name, isChecked);
+    }
+  }, [change]);
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     initialValue: initialValue
@@ -435,9 +442,6 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
       }
       return emptyOption;
     }, [input.value]);
-    const setActiveSegment = useCallback(option => {
-      change(name, option.value);
-    }, [change]);
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_choice', 'form__item_type_choice', classNameGroupItem),
       fieldClassName: "form-choice",
@@ -457,7 +461,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
     }, fieldProps), /*#__PURE__*/React.createElement(Choice, Object.assign({
       className: clsx(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
       options: options,
-      inputName: input.name,
+      name: input.name,
       inputValue: input.value || [],
       isMultiple: isMultiple,
       isRequired: isRequired,
@@ -468,14 +472,22 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
   });
 });
 ChoiceField.propTypes = {
-  options: PropTypes.array.isRequired,
-  name: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  inputClass: PropTypes.string,
+  classNameGroupItem: PropTypes.string,
+  fieldProps: PropTypes.object,
+  hideMessage: PropTypes.bool,
+  initialValue: PropTypes.string,
+  inputProps: PropTypes.object,
   isMultiple: PropTypes.bool,
   isRequired: PropTypes.bool,
   label: PropTypes.string,
-  placeholder: PropTypes.string
+  messageType: PropTypes.string,
+  name: PropTypes.string,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  placeholder: PropTypes.string,
+  onChange: PropTypes.func
 };
 
 const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
@@ -697,7 +709,6 @@ async function convertToFiles(inputValue, isPreviews) {
     //   })
     // }
   }
-
   return newFiles;
 }
 function setFileDataURL(file, resolve) {
@@ -1630,16 +1641,15 @@ function getDefaultValue(options, selectValue) {
 }
 const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
   const {
+    classNameGroupItem,
+    fieldProps,
+    hideMessage,
     isRequired,
-    key,
     name,
     options,
-    fieldProps,
     selectProps,
     selectRef,
-    onChange,
-    classNameGroupItem,
-    hideMessage
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1647,12 +1657,6 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
     input,
     meta
   }) => {
-    const onChangeField = useCallback(value => {
-      input.onChange(value);
-      if (onChange) {
-        onChange(value, input.name);
-      }
-    }, [onChange]);
     const [selectedOptions, setSelectedOptions] = useState(null);
     const defaultValue = useMemo(() => {
       const optionsValues = getDefaultValue(options, input.value);
@@ -1664,12 +1668,18 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
       }
       return optionsValues;
     }, [input.value]);
-    useEffect(() => setSelectedOptions(defaultValue), [defaultValue]);
+    const onChangeField = useCallback(value => {
+      input.onChange(value);
+      if (onChange) {
+        onChange(value, input.name);
+      }
+    }, [onChange]);
     const onChangeValue = useCallback((option, actionMeta) => {
       const value = Array.isArray(option) ? option.map(o => o.value) : option?.value || null;
       setSelectedOptions(option);
       onChangeField(value);
     }, [onChangeField]);
+    useEffect(() => setSelectedOptions(defaultValue), [defaultValue]);
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_select', 'form__item_type_select', classNameGroupItem),
       fieldClassName: 'form-select',
@@ -1690,8 +1700,7 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
       value: selectedOptions,
       onChange: onChangeValue,
       options: options,
-      ref: selectRef,
-      key: key
+      ref: selectRef
     }, selectProps)));
   });
 });
@@ -2038,11 +2047,17 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     after,
     before,
     buttonDirection,
+    buttonFill,
     buttonGap,
+    buttonJustifyContent,
     buttonPadding,
-    groupGap,
     className,
     config,
+    dataTour,
+    dataTourButtons,
+    dataTourPrimaryButton,
+    dataTourSecondaryButton,
+    dataTourTertiaryButton,
     description,
     descriptionSize,
     descriptionTextColor,
@@ -2050,60 +2065,54 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     disableFieldsAutoComplete,
     fieldsGap,
     formName,
+    groupGap,
     initialValues,
     initialValuesEqual,
     isLoading,
+    language,
     loader,
-    loaderSet,
     loaderFill,
     loaderItemFill,
+    loaderSet,
     loaderText,
-    language,
     mutators,
+    notificationCloseButton,
+    notificationType,
     onChangeFormValues,
     onClickSecondaryButton,
     onClickTertiaryButton,
     onSubmit,
     primaryButton,
-    primaryButtonLabel,
-    secondaryButton,
-    secondaryButtonLabel,
     primaryButtonFill,
     primaryButtonFillHover,
-    secondaryButtonFill,
-    secondaryButtonFillHover,
-    primaryButtonSize,
-    primaryButtonLabelTextColor,
+    primaryButtonLabel,
     primaryButtonLabelSize,
+    primaryButtonLabelTextColor,
     primaryButtonLabelTextWeight,
-    secondaryButtonSize,
-    secondaryButtonLabelTextColor,
+    primaryButtonSize,
+    secondaryButton,
+    secondaryButtonFill,
+    secondaryButtonFillHover,
+    secondaryButtonLabel,
     secondaryButtonLabelSize,
+    secondaryButtonLabelTextColor,
     secondaryButtonLabelTextWeight,
+    secondaryButtonSize,
+    set,
     tertiaryButton,
     tertiaryButtonFill,
     tertiaryButtonFillHover,
-    tertiaryButtonSize,
-    tertiaryButtonLabelTextColor,
+    tertiaryButtonLabel,
     tertiaryButtonLabelSize,
+    tertiaryButtonLabelTextColor,
     tertiaryButtonLabelTextWeight,
-    tertiaryButtonLabel,
-    set,
-    type,
-    buttonJustifyContent,
+    tertiaryButtonSize,
     title,
-    notificationType,
-    notificationCloseButton,
-    buttonFill,
-    titleTextSize,
     titleTextColor,
+    titleTextSize,
     titleTextWeight,
-    validationSchema,
-    dataTour,
-    dataTourButtons,
-    dataTourPrimaryButton,
-    dataTourSecondaryButton,
-    dataTourTertiaryButton
+    type,
+    validationSchema
   } = props;
   const validate = useYupValidationSchema(validationSchema, language);
   const onRefFormInstance = useCallback(formInstance => {
@@ -2247,37 +2256,74 @@ FinalForm.propTypes = {
   additionalProps: PropTypes.object,
   after: PropTypes.any,
   before: PropTypes.any,
+  buttonDirection: PropTypes.string,
+  buttonFill: PropTypes.string,
   buttonGap: PropTypes.string,
+  buttonJustifyContent: PropTypes.string,
+  buttonPadding: PropTypes.string,
   className: PropTypes.string,
   config: PropTypes.object,
+  dataTour: PropTypes.string,
+  dataTourButtons: PropTypes.string,
+  dataTourPrimaryButton: PropTypes.string,
+  dataTourSecondaryButton: PropTypes.string,
+  dataTourTertiaryButton: PropTypes.string,
   description: PropTypes.string,
   descriptionSize: PropTypes.string,
   descriptionTextColor: PropTypes.string,
   descriptionTextWeight: PropTypes.string,
-  disableFieldsAutoComplete: PropTypes.string,
+  disableFieldsAutoComplete: PropTypes.bool,
   fieldsGap: PropTypes.string,
   formName: PropTypes.string,
+  groupGap: PropTypes.string,
   initialValues: PropTypes.any,
   initialValuesEqual: PropTypes.any,
-  language: PropTypes.string,
   isLoading: PropTypes.bool,
+  language: PropTypes.string,
+  loader: PropTypes.element,
+  loaderFill: PropTypes.string,
+  loaderItemFill: PropTypes.string,
+  loaderSet: PropTypes.string,
   loaderText: PropTypes.string,
   mutators: PropTypes.any,
-  onChangeFormValues: PropTypes.func,
-  onClickSecondaryButton: PropTypes.func,
-  onSubmit: PropTypes.func,
-  primaryButton: PropTypes.string,
+  notificationCloseButton: PropTypes.element,
+  notificationType: PropTypes.string,
+  primaryButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   primaryButtonFill: PropTypes.string,
+  primaryButtonFillHover: PropTypes.string,
   primaryButtonLabel: PropTypes.string,
-  secondaryButton: PropTypes.string,
+  primaryButtonLabelSize: PropTypes.string,
+  primaryButtonLabelTextColor: PropTypes.string,
+  primaryButtonLabelTextWeight: PropTypes.string,
+  primaryButtonSize: PropTypes.string,
+  secondaryButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   secondaryButtonFill: PropTypes.string,
+  secondaryButtonFillHover: PropTypes.string,
   secondaryButtonLabel: PropTypes.string,
+  secondaryButtonLabelSize: PropTypes.string,
+  secondaryButtonLabelTextColor: PropTypes.string,
+  secondaryButtonLabelTextWeight: PropTypes.string,
+  secondaryButtonSize: PropTypes.string,
   set: PropTypes.string,
+  tertiaryButton: PropTypes.element,
+  tertiaryButtonFill: PropTypes.string,
+  tertiaryButtonFillHover: PropTypes.string,
+  tertiaryButtonLabel: PropTypes.string,
+  tertiaryButtonLabelSize: PropTypes.string,
+  tertiaryButtonLabelTextColor: PropTypes.string,
+  tertiaryButtonLabelTextWeight: PropTypes.string,
+  tertiaryButtonSize: PropTypes.string,
   title: PropTypes.string,
   titleSize: PropTypes.string,
   titleTextColor: PropTypes.string,
+  titleTextSize: PropTypes.string,
   titleTextWeight: PropTypes.string,
-  validationSchema: PropTypes.object
+  type: PropTypes.string,
+  validationSchema: PropTypes.object,
+  onChangeFormValues: PropTypes.func,
+  onClickSecondaryButton: PropTypes.func,
+  onClickTertiaryButton: PropTypes.func,
+  onSubmit: PropTypes.func
 };
 FinalForm.defaultProps = {
   additionalProps: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -31,13 +31,13 @@
   },
   "dependencies": {
     "@itcase/common": "^1.1.10",
-    "@itcase/ui": "^1.0.81",
+    "@itcase/ui": "^1.0.84",
     "axios": "^1.6.2",
     "clsx": "^2.0.0",
     "date-fns": "2.0.0-alpha.7",
     "final-form": "^4.20.10",
     "final-form-focus": "^1.1.2",
-    "libphonenumber-js": "^1.10.49",
+    "libphonenumber-js": "^1.10.51",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
     "prop-types": "^15.8.1",
@@ -49,37 +49,37 @@
     "react-select": "^5.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.3",
+    "@babel/core": "^7.23.6",
     "@babel/eslint-parser": "^7.23.3",
-    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-env": "^7.23.6",
     "@babel/preset-react": "^7.23.3",
-    "@commitlint/cli": "^18.4.2",
-    "@commitlint/config-conventional": "^18.4.2",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@semantic-release/git": "^10.0.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "eslint": "8.53.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-n": "^16.3.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^16.4.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-standard": "^5.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^15.1.0",
-    "npm": "^10.2.4",
+    "lint-staged": "^15.2.0",
+    "npm": "^10.2.5",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
-    "postcss-cli": "^10.1.0",
+    "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-dark-theme-class": "^1.0.0",
-    "postcss-discard-duplicates": "^6.0.0",
+    "postcss-dark-theme-class": "^1.1.0",
+    "postcss-discard-duplicates": "^6.0.1",
     "postcss-each": "^1.1.0",
     "postcss-easings": "^4.0.0",
     "postcss-extend-rule": "^4.0.0",
@@ -96,14 +96,14 @@
     "postcss-pxtorem": "^6.0.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "^3.1.0",
-    "react-datepicker": "^4.21.0",
-    "rollup": "^4.4.1",
+    "prettier": "^3.1.1",
+    "react-datepicker": "^4.24.0",
+    "rollup": "^4.9.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^22.0.7",
-    "stylelint": "^15.11.0",
-    "stylelint-config-standard": "^34.0.0",
+    "semantic-release": "^22.0.12",
+    "stylelint": "^16.0.2",
+    "stylelint-config-standard": "^35.0.0",
     "stylelint-no-unsupported-browser-features": "^7.0.0",
-    "stylelint-order": "^6.0.3"
+    "stylelint-order": "^6.0.4"
   }
 }