@asaleh37/ui-base 25.11.6 → 25.12.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/index.d.ts +7 -1
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +112 -112
  5. package/dist/index.mjs.map +1 -1
  6. package/package-lock.json/342/200/216 +9040 -0
  7. package/package.json +122 -122
  8. package/src/components/common/AzureLogin.tsx +2 -2
  9. package/src/components/common/Login.tsx +2 -2
  10. package/src/components/templates/DataEntryTemplates/TemplateDataForm/FormElementField.tsx +238 -238
  11. package/src/components/templates/DataEntryTemplates/TemplateDataForm/TemplateForm.tsx +427 -427
  12. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/DataGridColumnsUtil.tsx +198 -198
  13. package/src/components/templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid.tsx +1047 -1047
  14. package/src/components/templates/report/ExcelReportViewer.tsx +72 -72
  15. package/src/components/templates/report/ReportViewer.tsx +272 -272
  16. package/src/hooks/UseWindow.tsx +111 -111
  17. package/src/hooks/index.ts +22 -21
  18. package/src/hooks/useCommonStore.tsx +29 -0
  19. package/src/hooks/useParameterPanel.tsx +159 -159
  20. package/src/main.tsx +2 -2
package/package.json CHANGED
@@ -1,122 +1,122 @@
1
- {
2
- "name": "@asaleh37/ui-base",
3
- "version": "25.11.6",
4
- "description": "",
5
- "license": "ISC",
6
- "author": "Ahmed Saleh Mohamed",
7
- "type": "commonjs",
8
- "main": "dist/index.js",
9
- "module": "dist/index.mjs",
10
- "types": "dist/index.d.ts",
11
- "scripts": {
12
- "build": "rollup -c --bundleConfigAsCjs",
13
- "dev": "vite --host"
14
- },
15
- "devDependencies": {
16
- "@emotion/cache": "^11.14.0",
17
- "@emotion/react": "^11.14.0",
18
- "@emotion/styled": "^11.14.0",
19
- "@eslint/js": "^9.19.0",
20
- "@fortawesome/fontawesome-svg-core": "^6.7.2",
21
- "@fortawesome/free-brands-svg-icons": "^6.7.2",
22
- "@fortawesome/free-regular-svg-icons": "^6.7.2",
23
- "@fortawesome/free-solid-svg-icons": "^6.7.2",
24
- "@fortawesome/react-fontawesome": "^0.2.2",
25
- "@hookform/resolvers": "^4.1.0",
26
- "@mui/icons-material": "^6.4.8",
27
- "@mui/lab": "^7.0.0-beta.13",
28
- "@mui/material": "^6.4.4",
29
- "@mui/x-charts": "^7.27.0",
30
- "@mui/x-data-grid-premium": "^8.3.0",
31
- "@mui/x-date-pickers": "^7.27.0",
32
- "@mui/x-license": "^8.3.0",
33
- "@mui/x-tree-view": "^7.26.0",
34
- "@react-spring/web": "^9.7.5",
35
- "@reduxjs/toolkit": "^2.5.1",
36
- "@rollup/plugin-commonjs": "^28.0.3",
37
- "@rollup/plugin-node-resolve": "^16.0.1",
38
- "@rollup/plugin-terser": "^0.4.4",
39
- "@rollup/plugin-typescript": "^12.1.2",
40
- "@types/react": "^19.1.8",
41
- "@types/react-dom": "^19.0.3",
42
- "@types/react-i18next": "^7.8.3",
43
- "@vitejs/plugin-react": "^4.3.4",
44
- "axios": "^1.8.1",
45
- "eslint": "^9.19.0",
46
- "eslint-plugin-react-hooks": "^5.0.0",
47
- "eslint-plugin-react-refresh": "^0.4.18",
48
- "global": "^4.4.0",
49
- "globals": "^15.14.0",
50
- "i18next": "^24.2.2",
51
- "i18next-browser-languagedetector": "^8.0.3",
52
- "i18next-http-backend": "^3.0.2",
53
- "moment": "^2.30.1",
54
- "oidc-client-ts": "^3.1.0",
55
- "react": "^19.1.0",
56
- "react-dom": "^19.0.0",
57
- "react-hook-form": "^7.54.2",
58
- "react-i18next": "^15.4.0",
59
- "react-redux": "^9.2.0",
60
- "react-router-dom": "^7.1.5",
61
- "react-toastify": "^11.0.5",
62
- "rollup": "^4.41.1",
63
- "rollup-plugin-dts": "^6.2.1",
64
- "rollup-plugin-peer-deps-external": "^2.2.4",
65
- "rollup-plugin-polyfill-node": "^0.13.0",
66
- "rollup-plugin-postcss": "^4.0.2",
67
- "stylis": "^4.3.6",
68
- "stylis-plugin-rtl": "^2.1.1",
69
- "tslib": "^2.8.1",
70
- "typescript": "~5.7.2",
71
- "typescript-eslint": "^8.22.0",
72
- "vite": "^6.1.0",
73
- "zod": "^3.24.2"
74
- },
75
- "peerDependencies": {
76
- "@emotion/cache": "^11.14.0",
77
- "@emotion/react": "^11.14.0",
78
- "@emotion/styled": "^11.14.0",
79
- "@fortawesome/fontawesome-svg-core": "^6.7.2",
80
- "@fortawesome/free-brands-svg-icons": "^6.7.2",
81
- "@fortawesome/free-regular-svg-icons": "^6.7.2",
82
- "@fortawesome/free-solid-svg-icons": "^6.7.2",
83
- "@fortawesome/react-fontawesome": "^0.2.2",
84
- "@hookform/resolvers": "^4.1.0",
85
- "@mui/icons-material": "^6.4.8",
86
- "@mui/lab": "^7.0.0-beta.13",
87
- "@mui/material": "^6.4.4",
88
- "@mui/x-charts": "^7.27.0",
89
- "@mui/x-data-grid-premium": "^8.3.0",
90
- "@mui/x-date-pickers": "^7.27.0",
91
- "@mui/x-license": "^8.3.0",
92
- "@mui/x-tree-view": "^7.26.0",
93
- "@react-spring/web": "^9.7.5",
94
- "@reduxjs/toolkit": "^2.5.1",
95
- "axios": "^1.8.1",
96
- "global": "^4.4.0",
97
- "i18next": "^24.2.2",
98
- "i18next-browser-languagedetector": "^8.0.3",
99
- "i18next-http-backend": "^3.0.2",
100
- "moment": "^2.30.1",
101
- "oidc-client-ts": "^3.1.0",
102
- "react": "^19.0.0",
103
- "react-dom": "^19.0.0",
104
- "react-hook-form": "^7.54.2",
105
- "react-i18next": "^15.4.0",
106
- "react-redux": "^9.2.0",
107
- "react-router-dom": "^7.1.5",
108
- "react-toastify": "^11.0.5",
109
- "rollup": "^4.41.1",
110
- "rollup-plugin-polyfill-node": "^0.13.0",
111
- "rollup-plugin-postcss": "^4.0.2",
112
- "stylis": "^4.3.6",
113
- "stylis-plugin-rtl": "^2.1.1",
114
- "zod": "^3.24.2"
115
- },
116
- "dependencies": {
117
- "@azure/msal-browser": "^4.21.1",
118
- "@azure/msal-react": "^3.0.19",
119
- "@rollup/plugin-json": "^6.1.0",
120
- "rollup-plugin-terser": "^7.0.2"
121
- }
122
- }
1
+ {
2
+ "name": "@asaleh37/ui-base",
3
+ "version": "25.12.121",
4
+ "description": "",
5
+ "license": "ISC",
6
+ "author": "Ahmed Saleh Mohamed",
7
+ "type": "commonjs",
8
+ "main": "dist/index.js",
9
+ "module": "dist/index.mjs",
10
+ "types": "dist/index.d.ts",
11
+ "scripts": {
12
+ "build": "rollup -c --bundleConfigAsCjs",
13
+ "dev": "vite --host"
14
+ },
15
+ "devDependencies": {
16
+ "@emotion/cache": "^11.14.0",
17
+ "@emotion/react": "^11.14.0",
18
+ "@emotion/styled": "^11.14.0",
19
+ "@eslint/js": "^9.19.0",
20
+ "@fortawesome/fontawesome-svg-core": "^6.7.2",
21
+ "@fortawesome/free-brands-svg-icons": "^6.7.2",
22
+ "@fortawesome/free-regular-svg-icons": "^6.7.2",
23
+ "@fortawesome/free-solid-svg-icons": "^6.7.2",
24
+ "@fortawesome/react-fontawesome": "^0.2.2",
25
+ "@hookform/resolvers": "^4.1.0",
26
+ "@mui/icons-material": "^6.4.8",
27
+ "@mui/lab": "^7.0.0-beta.13",
28
+ "@mui/material": "^6.4.4",
29
+ "@mui/x-charts": "^7.27.0",
30
+ "@mui/x-data-grid-premium": "^8.3.0",
31
+ "@mui/x-date-pickers": "^7.27.0",
32
+ "@mui/x-license": "^8.3.0",
33
+ "@mui/x-tree-view": "^7.26.0",
34
+ "@react-spring/web": "^9.7.5",
35
+ "@reduxjs/toolkit": "^2.5.1",
36
+ "@rollup/plugin-commonjs": "^28.0.3",
37
+ "@rollup/plugin-node-resolve": "^16.0.1",
38
+ "@rollup/plugin-terser": "^0.4.4",
39
+ "@rollup/plugin-typescript": "^12.1.2",
40
+ "@types/react": "^19.1.8",
41
+ "@types/react-dom": "^19.0.3",
42
+ "@types/react-i18next": "^7.8.3",
43
+ "@vitejs/plugin-react": "^4.3.4",
44
+ "axios": "^1.8.1",
45
+ "eslint": "^9.19.0",
46
+ "eslint-plugin-react-hooks": "^5.0.0",
47
+ "eslint-plugin-react-refresh": "^0.4.18",
48
+ "global": "^4.4.0",
49
+ "globals": "^15.14.0",
50
+ "i18next": "^24.2.2",
51
+ "i18next-browser-languagedetector": "^8.0.3",
52
+ "i18next-http-backend": "^3.0.2",
53
+ "moment": "^2.30.1",
54
+ "oidc-client-ts": "^3.1.0",
55
+ "react": "^19.1.0",
56
+ "react-dom": "^19.0.0",
57
+ "react-hook-form": "^7.54.2",
58
+ "react-i18next": "^15.4.0",
59
+ "react-redux": "^9.2.0",
60
+ "react-router-dom": "^7.1.5",
61
+ "react-toastify": "^11.0.5",
62
+ "rollup": "^4.41.1",
63
+ "rollup-plugin-dts": "^6.2.1",
64
+ "rollup-plugin-peer-deps-external": "^2.2.4",
65
+ "rollup-plugin-polyfill-node": "^0.13.0",
66
+ "rollup-plugin-postcss": "^4.0.2",
67
+ "stylis": "^4.3.6",
68
+ "stylis-plugin-rtl": "^2.1.1",
69
+ "tslib": "^2.8.1",
70
+ "typescript": "~5.7.2",
71
+ "typescript-eslint": "^8.22.0",
72
+ "vite": "^6.1.0",
73
+ "zod": "^3.24.2"
74
+ },
75
+ "peerDependencies": {
76
+ "@emotion/cache": "^11.14.0",
77
+ "@emotion/react": "^11.14.0",
78
+ "@emotion/styled": "^11.14.0",
79
+ "@fortawesome/fontawesome-svg-core": "^6.7.2",
80
+ "@fortawesome/free-brands-svg-icons": "^6.7.2",
81
+ "@fortawesome/free-regular-svg-icons": "^6.7.2",
82
+ "@fortawesome/free-solid-svg-icons": "^6.7.2",
83
+ "@fortawesome/react-fontawesome": "^0.2.2",
84
+ "@hookform/resolvers": "^4.1.0",
85
+ "@mui/icons-material": "^6.4.8",
86
+ "@mui/lab": "^7.0.0-beta.13",
87
+ "@mui/material": "^6.4.4",
88
+ "@mui/x-charts": "^7.27.0",
89
+ "@mui/x-data-grid-premium": "^8.3.0",
90
+ "@mui/x-date-pickers": "^7.27.0",
91
+ "@mui/x-license": "^8.3.0",
92
+ "@mui/x-tree-view": "^7.26.0",
93
+ "@react-spring/web": "^9.7.5",
94
+ "@reduxjs/toolkit": "^2.5.1",
95
+ "axios": "^1.8.1",
96
+ "global": "^4.4.0",
97
+ "i18next": "^24.2.2",
98
+ "i18next-browser-languagedetector": "^8.0.3",
99
+ "i18next-http-backend": "^3.0.2",
100
+ "moment": "^2.30.1",
101
+ "oidc-client-ts": "^3.1.0",
102
+ "react": "^19.0.0",
103
+ "react-dom": "^19.0.0",
104
+ "react-hook-form": "^7.54.2",
105
+ "react-i18next": "^15.4.0",
106
+ "react-redux": "^9.2.0",
107
+ "react-router-dom": "^7.1.5",
108
+ "react-toastify": "^11.0.5",
109
+ "rollup": "^4.41.1",
110
+ "rollup-plugin-polyfill-node": "^0.13.0",
111
+ "rollup-plugin-postcss": "^4.0.2",
112
+ "stylis": "^4.3.6",
113
+ "stylis-plugin-rtl": "^2.1.1",
114
+ "zod": "^3.24.2"
115
+ },
116
+ "dependencies": {
117
+ "@azure/msal-browser": "^4.21.1",
118
+ "@azure/msal-react": "^3.0.19",
119
+ "@rollup/plugin-json": "^6.1.0",
120
+ "rollup-plugin-terser": "^7.0.2"
121
+ }
122
+ }
package/src/components/common/AzureLogin.tsx CHANGED
@@ -130,7 +130,7 @@ const AzureLogin: React.FC<AzureLoginProps> = ({ msalInstance }) => {
130
130
  justifyContent: "center",
131
131
  minHeight: "100vh",
132
132
  width: "100%",
133
- backgroundImage: "url('/bg.jpg')",
133
+ backgroundImage: `url('/${appInfo?.loginScreenStyle?.backgroundImageNameInPublicFolder}')`,
134
134
  backgroundRepeat: "no-repeat",
135
135
  backgroundSize: "cover",
136
136
  backgroundPosition: "center",
@@ -141,7 +141,7 @@ const AzureLogin: React.FC<AzureLoginProps> = ({ msalInstance }) => {
141
141
  left: 0,
142
142
  right: 0,
143
143
  bottom: 0,
144
- backgroundColor: "rgba(0, 0, 0, 0.4)", // 👈 controls opacity
144
+ backgroundColor: appInfo?.loginScreenStyle?.backgroundColor,
145
145
  zIndex: 0,
146
146
  },
147
147
  }}
package/src/components/common/Login.tsx CHANGED
@@ -154,7 +154,7 @@ const Login: React.FC = () => {
154
154
  justifyContent: "center",
155
155
  minHeight: "100vh",
156
156
  width: "100%",
157
- backgroundImage: "url('/bg.jpg')",
157
+ backgroundImage: `url('/${appInfo?.loginScreenStyle?.backgroundImageNameInPublicFolder}')`,
158
158
  backgroundRepeat: "no-repeat",
159
159
  backgroundSize: "cover",
160
160
  backgroundPosition: "center",
@@ -165,7 +165,7 @@ const Login: React.FC = () => {
165
165
  left: 0,
166
166
  right: 0,
167
167
  bottom: 0,
168
- backgroundColor: "rgba(0, 0, 0, 0.4)", // 👈 controls opacity
168
+ backgroundColor: appInfo?.loginScreenStyle?.backgroundColor,
169
169
  zIndex: 0,
170
170
  },
171
171
  }}