@itcase/forms 1.0.75 → 1.0.77

package/dist/itcase-forms.cjs.js

@@ -830,13 +830,22 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = React.useCallback((firstDate, secondDate) => {
-      input.onChange(firstDate);
+    const onChangeField = React.useCallback((startDate, endDate) => {
+      if (!datePickerProps.selectsRange) {
+        // When we need to save single date, value is date
+        // TODO: make object with one date? need to check all forms with DatePickerField
+        input.onChange(startDate);
+      } else {
+        // When we need to save range, value is object with two date
+        input.onChange({
+          startDate,
+          endDate
+        });
+      }
       if (onChange) {
-        // TODO: check all DatePickerField's pn all project to change variable places
-        onChange(firstDate, input.name, secondDate);
+        onChange(startDate, endDate);
       }
-    }, [onChange, input.onChange]);
+    }, [input.onChange, onChange]);
     const {
       isErrorState,
       isValidState,
@@ -870,7 +879,8 @@ function DatePickerField(props) {
       inputProps: updatedInputProps,
       isDisabled: isDisabled,
       name: input.name,
-      value: input.value || '',
+      value: datePickerProps.selectsRange ? input.value.startDate : input.value,
+      endValue: datePickerProps.selectsRange ? input.value.endDate : null,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1675,8 +1685,8 @@ 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.string,
-  iconSize: PropTypes__default.default.string,
+  // iconShape: PropTypes.oneOf(shapeProps),
+  // iconSize: PropTypes.oneOf(iconSizeProps),
   initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   inputProps: PropTypes__default.default.object,
   name: PropTypes__default.default.string.isRequired,

package/dist/itcase-forms.esm.js

@@ -818,13 +818,22 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = useCallback((firstDate, secondDate) => {
-      input.onChange(firstDate);
+    const onChangeField = useCallback((startDate, endDate) => {
+      if (!datePickerProps.selectsRange) {
+        // When we need to save single date, value is date
+        // TODO: make object with one date? need to check all forms with DatePickerField
+        input.onChange(startDate);
+      } else {
+        // When we need to save range, value is object with two date
+        input.onChange({
+          startDate,
+          endDate
+        });
+      }
       if (onChange) {
-        // TODO: check all DatePickerField's pn all project to change variable places
-        onChange(firstDate, input.name, secondDate);
+        onChange(startDate, endDate);
       }
-    }, [onChange, input.onChange]);
+    }, [input.onChange, onChange]);
     const {
       isErrorState,
       isValidState,
@@ -858,7 +867,8 @@ function DatePickerField(props) {
       inputProps: updatedInputProps,
       isDisabled: isDisabled,
       name: input.name,
-      value: input.value || '',
+      value: datePickerProps.selectsRange ? input.value.startDate : input.value,
+      endValue: datePickerProps.selectsRange ? input.value.endDate : null,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1663,8 +1673,8 @@ 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.string,
-  iconSize: PropTypes.string,
+  // iconShape: PropTypes.oneOf(shapeProps),
+  // iconSize: PropTypes.oneOf(iconSizeProps),
   initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inputProps: PropTypes.object,
   name: PropTypes.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.75",
+  "version": "1.0.77",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -31,19 +31,19 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.17",
-    "@itcase/ui": "^1.3.12",
+    "@itcase/ui": "^1.3.14",
     "axios": "^1.7.9",
     "clsx": "^2.1.1",
     "final-form": "^4.20.10",
     "final-form-focus": "^1.1.2",
-    "libphonenumber-js": "^1.11.17",
+    "libphonenumber-js": "^1.11.18",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.1",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-date-range": "^2.0.1",
-    "react-datepicker": "^7.5.0",
+    "react-datepicker": "^7.6.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.5",
     "react-final-form": "^6.5.9",
@@ -51,16 +51,16 @@
     "react-select": "^5.9.0"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.0.35",
+    "@itcase/lint": "^1.0.36",
     "@babel/core": "^7.26.0",
-    "@babel/eslint-parser": "^7.25.9",
+    "@babel/eslint-parser": "^7.26.5",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
-    "@eslint/compat": "^1.2.4",
+    "@eslint/compat": "^1.2.5",
     "@eslint/eslintrc": "^3.2.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
@@ -68,26 +68,26 @@
     "@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.2",
+    "@semantic-release/release-notes-generator": "14.0.3",
     "@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.17.0",
-    "eslint-config-prettier": "9.1.0",
+    "eslint": "9.18.0",
+    "eslint-config-prettier": "10.0.1",
     "eslint-config-standard": "17.1.0",
     "eslint-plugin-babel": "5.3.1",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-n": "17.15.1",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-prettier": "5.2.3",
     "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-react": "7.37.3",
+    "eslint-plugin-react": "7.37.4",
     "eslint-plugin-react-hooks": "5.1.0",
     "eslint-plugin-standard": "5.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.3.0",
+    "lint-staged": "^15.4.1",
     "npm": "^11.0.0",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
@@ -111,13 +111,13 @@
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "3.4.2",
-    "rollup": "^4.29.1",
+    "rollup": "^4.31.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^24.2.0",
-    "stylelint": "^16.12.0",
-    "stylelint-config-standard": "^36.0.1",
+    "semantic-release": "^24.2.1",
+    "stylelint": "^16.13.2",
+    "stylelint-config-standard": "^37.0.0",
     "stylelint-no-unsupported-browser-features": "^8.0.2",
     "stylelint-order": "^6.0.4",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   }
 }