@itcase/forms 1.0.74 → 1.0.75

package/dist/itcase-forms.cjs.js

@@ -25,8 +25,6 @@ var Loader = require('@itcase/ui/components/Loader');
 var Title = require('@itcase/ui/components/Title');
 var Icon = require('@itcase/ui/components/Icon');
 var Input = require('@itcase/ui/components/Input');
-var iconSizeProps = require('@itcase/ui/constants/componentProps/iconSize');
-var shapeProps = require('@itcase/ui/constants/componentProps/shape');
 var Radio = require('@itcase/ui/components/Radio');
 var Segmented = require('@itcase/ui/components/Segmented');
 var Select = require('@itcase/ui/components/Select');
@@ -48,8 +46,6 @@ var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
 var snakeCase__default = /*#__PURE__*/_interopDefault(snakeCase);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
 var castArray__default = /*#__PURE__*/_interopDefault(castArray);
-var iconSizeProps__default = /*#__PURE__*/_interopDefault(iconSizeProps);
-var shapeProps__default = /*#__PURE__*/_interopDefault(shapeProps);
 var createDecorator__default = /*#__PURE__*/_interopDefault(createDecorator);
 
 const phoneValidation = (value, context) => {
@@ -1555,6 +1551,10 @@ Group.propTypes = {
 
 const InputField = /*#__PURE__*/React__default.default.memo(function InputField(props) {
   const {
+    isDisabled,
+    isPassword,
+    isRequired,
+    isRevealable,
     classNameGroupItem,
     fieldProps,
     iconFill,
@@ -1565,10 +1565,6 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     iconSize,
     initialValue,
     inputProps,
-    isDisabled,
-    isPassword,
-    isRequired,
-    isRevealable,
     name,
     parse,
     showMessage,
@@ -1590,8 +1586,8 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     setIsRevealed(prev => !prev);
   }, []);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    initialValue: initialValue,
     name: name,
+    initialValue: initialValue,
     parse: parse
   }, function Render({
     input,
@@ -1621,8 +1617,8 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       meta: meta
     });
     const updatedInputProps = useValidationAppearanceInputProps({
-      validationStateKey: isErrorState ? errorKey : 'success',
-      inputProps: inputProps
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : 'success'
     });
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_input', 'form__item_type_input', classNameGroupItem),
@@ -1631,21 +1627,21 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       fieldClassName: isRevealable ? 'form-password' : 'form-input',
       inputName: input.name,
       inputValue: input.value || '',
+      metaActive: meta.active,
+      metaError: meta.error,
+      showMessage: showMessage,
       isDisabled: isDisabled,
       isErrorState: isErrorState,
       isRequired: isRequired,
-      isValidState: isValidState,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage
+      isValidState: isValidState
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
-      autoComplete: "nope",
       className: clsx__default.default(meta.active && 'input_state_focus', meta.error && meta.touched && `input_state_${errorKey}`),
-      dataTestId: `${input.name}FieldInput`,
-      isDisabled: isDisabled,
       name: input.name,
+      autoComplete: "nope",
+      dataTestId: `${input.name}FieldInput`,
       type: inputType,
       value: input.value || '',
+      isDisabled: isDisabled,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1662,11 +1658,14 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
   });
 });
 InputField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 InputField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
+  isDisabled: PropTypes__default.default.bool,
+  isPassword: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
+  isRevealable: PropTypes__default.default.bool,
   classNameGroupItem: PropTypes__default.default.string,
   dataTestId: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   fieldProps: PropTypes__default.default.object,
@@ -1676,14 +1675,11 @@ InputField.propTypes = {
   iconFillHover: PropTypes__default.default.string,
   iconRevealableHide: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.func, PropTypes__default.default.object]),
   iconRevealableShow: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.func, PropTypes__default.default.object]),
-  iconShape: PropTypes__default.default.oneOf(shapeProps__default.default),
-  iconSize: PropTypes__default.default.oneOf(iconSizeProps__default.default),
+  iconShape: PropTypes__default.default.string,
+  iconSize: PropTypes__default.default.string,
   initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   inputProps: PropTypes__default.default.object,
-  isDisabled: PropTypes__default.default.bool,
-  isPassword: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
-  isRevealable: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string.isRequired,
   parse: PropTypes__default.default.func,
   showMessage: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
@@ -2471,13 +2467,13 @@ function ChipsField(props) {
   });
 }
 ChipsField.propTypes = {
+  isDisabled: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
   classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
   initialValue: PropTypes__default.default.array,
   input: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
-  isDisabled: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
   name: PropTypes__default.default.string,
   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]),

package/dist/itcase-forms.esm.js

@@ -24,8 +24,6 @@ import { Loader } from '@itcase/ui/components/Loader';
 import { Title } from '@itcase/ui/components/Title';
 import { Icon } from '@itcase/ui/components/Icon';
 import { Input } from '@itcase/ui/components/Input';
-import iconSizeProps from '@itcase/ui/constants/componentProps/iconSize';
-import shapeProps from '@itcase/ui/constants/componentProps/shape';
 import { Radio } from '@itcase/ui/components/Radio';
 import { Segmented } from '@itcase/ui/components/Segmented';
 import { Select } from '@itcase/ui/components/Select';
@@ -1541,6 +1539,10 @@ Group.propTypes = {
 
 const InputField = /*#__PURE__*/React.memo(function InputField(props) {
   const {
+    isDisabled,
+    isPassword,
+    isRequired,
+    isRevealable,
     classNameGroupItem,
     fieldProps,
     iconFill,
@@ -1551,10 +1553,6 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     iconSize,
     initialValue,
     inputProps,
-    isDisabled,
-    isPassword,
-    isRequired,
-    isRevealable,
     name,
     parse,
     showMessage,
@@ -1576,8 +1574,8 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     setIsRevealed(prev => !prev);
   }, []);
   return /*#__PURE__*/React.createElement(Field, {
-    initialValue: initialValue,
     name: name,
+    initialValue: initialValue,
     parse: parse
   }, function Render({
     input,
@@ -1607,8 +1605,8 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
       meta: meta
     });
     const updatedInputProps = useValidationAppearanceInputProps({
-      validationStateKey: isErrorState ? errorKey : 'success',
-      inputProps: inputProps
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : 'success'
     });
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_input', 'form__item_type_input', classNameGroupItem),
@@ -1617,21 +1615,21 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
       fieldClassName: isRevealable ? 'form-password' : 'form-input',
       inputName: input.name,
       inputValue: input.value || '',
+      metaActive: meta.active,
+      metaError: meta.error,
+      showMessage: showMessage,
       isDisabled: isDisabled,
       isErrorState: isErrorState,
       isRequired: isRequired,
-      isValidState: isValidState,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage
+      isValidState: isValidState
     }, fieldProps), /*#__PURE__*/React.createElement(Input, Object.assign({
-      autoComplete: "nope",
       className: clsx(meta.active && 'input_state_focus', meta.error && meta.touched && `input_state_${errorKey}`),
-      dataTestId: `${input.name}FieldInput`,
-      isDisabled: isDisabled,
       name: input.name,
+      autoComplete: "nope",
+      dataTestId: `${input.name}FieldInput`,
       type: inputType,
       value: input.value || '',
+      isDisabled: isDisabled,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1648,11 +1646,14 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
   });
 });
 InputField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 InputField.propTypes = {
-  name: PropTypes.string.isRequired,
+  isDisabled: PropTypes.bool,
+  isPassword: PropTypes.bool,
+  isRequired: PropTypes.bool,
+  isRevealable: PropTypes.bool,
   classNameGroupItem: PropTypes.string,
   dataTestId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   fieldProps: PropTypes.object,
@@ -1662,14 +1663,11 @@ InputField.propTypes = {
   iconFillHover: PropTypes.string,
   iconRevealableHide: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func, PropTypes.object]),
   iconRevealableShow: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func, PropTypes.object]),
-  iconShape: PropTypes.oneOf(shapeProps),
-  iconSize: PropTypes.oneOf(iconSizeProps),
+  iconShape: PropTypes.string,
+  iconSize: PropTypes.string,
   initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inputProps: PropTypes.object,
-  isDisabled: PropTypes.bool,
-  isPassword: PropTypes.bool,
-  isRequired: PropTypes.bool,
-  isRevealable: PropTypes.bool,
+  name: PropTypes.string.isRequired,
   parse: PropTypes.func,
   showMessage: PropTypes.bool,
   onChange: PropTypes.func
@@ -2457,13 +2455,13 @@ function ChipsField(props) {
   });
 }
 ChipsField.propTypes = {
+  isDisabled: PropTypes.bool,
+  isRequired: PropTypes.bool,
   classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
   initialValue: PropTypes.array,
   input: PropTypes.object,
   inputProps: PropTypes.object,
-  isDisabled: PropTypes.bool,
-  isRequired: PropTypes.bool,
   name: PropTypes.string,
   options: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),

package/package.json

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