@itcase/forms 1.0.73 → 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) => {
@@ -834,10 +830,11 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = React.useCallback(value => {
-      input.onChange(value);
+    const onChangeField = React.useCallback((firstDate, secondDate) => {
+      input.onChange(firstDate);
       if (onChange) {
-        onChange(value, input.name);
+        // TODO: check all DatePickerField's pn all project to change variable places
+        onChange(firstDate, input.name, secondDate);
       }
     }, [onChange, input.onChange]);
     const {
@@ -1554,6 +1551,10 @@ Group.propTypes = {
 
 const InputField = /*#__PURE__*/React__default.default.memo(function InputField(props) {
   const {
+    isDisabled,
+    isPassword,
+    isRequired,
+    isRevealable,
     classNameGroupItem,
     fieldProps,
     iconFill,
@@ -1564,10 +1565,6 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     iconSize,
     initialValue,
     inputProps,
-    isDisabled,
-    isPassword,
-    isRequired,
-    isRevealable,
     name,
     parse,
     showMessage,
@@ -1589,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,
@@ -1620,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),
@@ -1630,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
@@ -1661,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,
@@ -1675,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
@@ -2470,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';
@@ -820,10 +818,11 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = useCallback(value => {
-      input.onChange(value);
+    const onChangeField = useCallback((firstDate, secondDate) => {
+      input.onChange(firstDate);
       if (onChange) {
-        onChange(value, input.name);
+        // TODO: check all DatePickerField's pn all project to change variable places
+        onChange(firstDate, input.name, secondDate);
       }
     }, [onChange, input.onChange]);
     const {
@@ -1540,6 +1539,10 @@ Group.propTypes = {
 
 const InputField = /*#__PURE__*/React.memo(function InputField(props) {
   const {
+    isDisabled,
+    isPassword,
+    isRequired,
+    isRevealable,
     classNameGroupItem,
     fieldProps,
     iconFill,
@@ -1550,10 +1553,6 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     iconSize,
     initialValue,
     inputProps,
-    isDisabled,
-    isPassword,
-    isRequired,
-    isRevealable,
     name,
     parse,
     showMessage,
@@ -1575,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,
@@ -1606,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),
@@ -1616,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
@@ -1647,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,
@@ -1661,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
@@ -2456,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.73",
+  "version": "1.0.75",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -31,12 +31,12 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.17",
-    "@itcase/ui": "^1.2.34",
+    "@itcase/ui": "^1.3.12",
     "axios": "^1.7.9",
     "clsx": "^2.1.1",
     "final-form": "^4.20.10",
     "final-form-focus": "^1.1.2",
-    "libphonenumber-js": "^1.11.16",
+    "libphonenumber-js": "^1.11.17",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",
     "postcss": "^8.4.49",
@@ -48,47 +48,47 @@
     "react-dropzone": "^14.3.5",
     "react-final-form": "^6.5.9",
     "react-imask": "^7.6.1",
-    "react-select": "^5.8.3"
+    "react-select": "^5.9.0"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.0.33",
+    "@itcase/lint": "^1.0.35",
     "@babel/core": "^7.26.0",
     "@babel/eslint-parser": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
-    "@commitlint/cli": "^19.6.0",
+    "@babel/preset-react": "^7.26.3",
+    "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
-    "@eslint/compat": "^1.2.3",
+    "@eslint/compat": "^1.2.4",
     "@eslint/eslintrc": "^3.2.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/release-notes-generator": "14.0.1",
+    "@semantic-release/release-notes-generator": "14.0.2",
     "@types/react": "^18",
     "@types/react-dom": "^18.3.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.16.0",
+    "eslint": "9.17.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-standard": "17.1.0",
     "eslint-plugin-babel": "5.3.1",
     "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-n": "17.14.0",
+    "eslint-plugin-n": "17.15.1",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-react": "7.37.2",
-    "eslint-plugin-react-hooks": "5.0.0",
+    "eslint-plugin-react": "7.37.3",
+    "eslint-plugin-react-hooks": "5.1.0",
     "eslint-plugin-standard": "5.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.10",
-    "npm": "^10.9.1",
+    "lint-staged": "^15.3.0",
+    "npm": "^11.0.0",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -106,15 +106,15 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^13.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.1.1",
+    "postcss-preset-env": "^10.1.3",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "3.4.2",
-    "rollup": "^4.28.0",
+    "rollup": "^4.29.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^24.2.0",
-    "stylelint": "^16.11.0",
+    "stylelint": "^16.12.0",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-no-unsupported-browser-features": "^8.0.2",
     "stylelint-order": "^6.0.4",