@applica-software-guru/react-admin 1.5.260 → 1.5.262

package/package.json

@@ -33,9 +33,6 @@
   "devDependencies": {
     "@applica-software-guru/crud-client": "^1.1",
     "@applica-software-guru/iam-client": "^1.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/node": "^20.12.13",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -45,30 +42,24 @@
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "7.0.1",
-    "eslint-import-resolver-webpack": "^0.13.8",
     "eslint-plugin-export": "^0.1.2",
     "eslint-plugin-filenames": "^1.3.2",
-    "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-sort-exports": "^0.9.1",
-    "file-loader": "^6.2.0",
     "husky": "^9.0.11",
     "jsdom": "^22.1.0",
-    "lint-staged": "^13.0.3",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-error-overlay": "6.0.9",
     "typescript": "^5.4.5",
     "vite": "^5.2.12",
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-linter": "^2.0.2",
-    "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.6.0"
   },
   "eslintConfig": {
@@ -115,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.260"
+  "version": "1.5.262"
 }

package/src/components/ra-inputs/DateInput.tsx

@@ -1,7 +1,11 @@
 import { LabeledInput } from '@/components/ra-inputs/LabeledInput';
 import { styled } from '@mui/material/styles';
+import dayjs from 'dayjs';
+import { useCallback, useState } from 'react';
 import { DateInputProps, DateInput as RaDateInput } from 'react-admin';
 
+const MAX_YEAR_LENGTH = 4;
+
 const StyledDateInput = styled(RaDateInput, { slot: 'root' })(({ label }) => ({
   '& legend': {
     width: label === false ? 0 : 'auto'
@@ -9,11 +13,26 @@ const StyledDateInput = styled(RaDateInput, { slot: 'root' })(({ label }) => ({
 }));
 
 function DateInput(props: DateInputProps): JSX.Element {
+  const [dateValue, setDateValue] = useState('');
+
+  const handleInput = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      const nextValue = event.target.value;
+      const year = dayjs(nextValue).year();
+
+      if (year.toString().length > MAX_YEAR_LENGTH) {
+        event.target.value = dateValue;
+      } else {
+        setDateValue(nextValue);
+      }
+    },
+    [dateValue]
+  );
+
   return (
     // @ts-ignore
     <LabeledInput {...props}>
-      {/** @ts-ignore */}
-      <StyledDateInput />
+      <StyledDateInput {...props} onInput={handleInput} />
     </LabeledInput>
   );
 }

package/vite.config.js

@@ -4,6 +4,7 @@ import react from '@vitejs/plugin-react';
 import { resolve } from 'node:path';
 import process from 'process';
 import { defineConfig } from 'vite';
+import viteCompression from 'vite-plugin-compression';
 import dts from 'vite-plugin-dts';
 import { EsLinter, linterPlugin } from 'vite-plugin-linter';
 
@@ -37,7 +38,8 @@ export default defineConfig((configEnv) => {
           linterPlugin({
             include: ['./src/**/*.{js,jsx,ts,tsx}'],
             linters: [new EsLinter({ configEnv })]
-          })
+          }),
+          viteCompression()
         ],
     optimizeDeps: {
       include: ['react', 'react-dom', 'react-admin', 'ra-ui-materialui', 'ra-core', 'ra-i18n-polyglot']