Skip to content

Commit 43c518f

Browse files
anuj452005anuj452005
committed
updated vite.config
1 parent 9ee8d91 commit 43c518f

9 files changed

Lines changed: 1381 additions & 1309 deletions

‎.vscode/settings.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
{
2+
}

‎package-lock.json‎

Lines changed: 1265 additions & 1246 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,9 @@
1616
"format": "prettier src -w",
1717
"prepare": "npm run build"
1818
},
19-
"peerDependency": {
19+
"peerDependencies": {
20+
"react": ">=17.0.0",
21+
"react-dom": ">=17.0.0",
2022
"react-intl": "^5.8.1"
2123
},
2224
"devDependencies": {
@@ -41,11 +43,14 @@
4143
"dist"
4244
],
4345
"dependencies": {
46+
"@emotion/cache": "^11.12.0",
47+
"@emotion/react": "^11.12.0",
48+
"@emotion/styled": "^11.12.0",
49+
"@mui/icons-material": "^5.15.0",
50+
"@mui/material": "^5.15.0",
51+
"@mui/styles": "^5.15.0",
4452
"flat": "^6.0.1",
4553
"lodash": "^4.17.21",
46-
"redux": "^5.0.1",
47-
"@mui/material": "^5.15.0",
48-
"@mui/icons-material": "^5.15.0",
49-
"@mui/styles": "^5.15.0"
54+
"redux": "^5.0.1"
5055
}
5156
}

‎src/components/BenefitPackageGrievancesTab.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { Tab } from '@material-ui/core';
2+
import { Tab } from '@mui/material';
33
import { formatMessage, PublishedComponent } from '@openimis/fe-core';
44
import { BENEFIT_PACKAGE_GRIEVANCES_TAB_VALUE } from '../constants';
55
import BenefitPackageGrievancesSearcher from './BenefitPackageGrievancesSearcher';

‎src/components/BenefitPackageTabPanel.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
22
import { Paper, Grid } from '@mui/material';
33
import { Contributions } from '@openimis/fe-core';
44
import { injectIntl } from 'react-intl';
5-
import { withTheme, withStyles } from '@material-ui/core/styles';
5+
import { withTheme, withStyles } from '@mui/styles';
66
import {
77
BENEFIT_PACKAGE_TABS_LABEL_CONTRIBUTION_KEY,
88
BENEFIT_PACKAGE_TABS_PANEL_CONTRIBUTION_KEY,

‎src/components/BenefitPlanEligibilityCriteriaPanel.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import {
44
decodeId, fetchCustomFilter, PublishedComponent, useModulesManager, useTranslations,
55
} from '@openimis/fe-core';
66
import { makeStyles } from '@mui/styles';
7-
import AddCircle from '@material-ui/icons/Add';
7+
import AddCircle from '@mui/icons-material/Add';
88
import { Button, Divider, Grid, Paper, Typography } from '@mui/material';
99
import {
1010
CLEARED_STATE_FILTER,

‎src/components/BenefitPlanHeadPanel.jsx‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import {
1212
TextInput,
1313
} from '@openimis/fe-core';
1414
import { injectIntl } from 'react-intl';
15-
import { withTheme, withStyles } from '@material-ui/core/styles';
15+
import { withTheme, withStyles } from '@mui/styles';
1616
import {
1717
DESCRIPTION_MAX_LENGTH, MAX_CODE_LENGTH, RIGHT_SCHEMA_UPDATE,
1818
} from '../constants';
@@ -168,23 +168,23 @@ class BenefitPlanHeadPanel extends FormPanel {
168168
/>
169169
</Grid>
170170
{rights.includes(RIGHT_SCHEMA_UPDATE) && (
171-
<Grid item xs={3} className={classes.item}>
172-
<ValidatedTextAreaInput
173-
module="socialProtection"
174-
label="benefitPlan.schema"
175-
onChange={(v) => this.updateAttribute('beneficiaryDataSchema', v)}
176-
value={benefitPlan?.beneficiaryDataSchema}
177-
codeTakenLabel="socialProtection.validation.benefitPlan.invalidSchema"
178-
itemQueryIdentifier="bfSchema"
179-
action={benefitPlanSchemaValidationCheck}
180-
clearAction={benefitPlanSchemaValidationClear}
181-
setValidAction={benefitPlanSchemaSetValid}
182-
shouldValidate={() => true}
183-
isValid={isBenefitPlanSchemaValid}
184-
isValidating={isBenefitPlanSchemaValidating}
185-
validationError={benefitPlanSchemaValidationError}
186-
/>
187-
</Grid>
171+
<Grid item xs={3} className={classes.item}>
172+
<ValidatedTextAreaInput
173+
module="socialProtection"
174+
label="benefitPlan.schema"
175+
onChange={(v) => this.updateAttribute('beneficiaryDataSchema', v)}
176+
value={benefitPlan?.beneficiaryDataSchema}
177+
codeTakenLabel="socialProtection.validation.benefitPlan.invalidSchema"
178+
itemQueryIdentifier="bfSchema"
179+
action={benefitPlanSchemaValidationCheck}
180+
clearAction={benefitPlanSchemaValidationClear}
181+
setValidAction={benefitPlanSchemaSetValid}
182+
shouldValidate={() => true}
183+
isValid={isBenefitPlanSchemaValid}
184+
isValidating={isBenefitPlanSchemaValidating}
185+
validationError={benefitPlanSchemaValidationError}
186+
/>
187+
</Grid>
188188
)}
189189
</Grid>
190190
);

‎src/components/tasks/BeneficiaryUploadApprovalTask.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ import {
1919
formatMessage,
2020
formatMessageWithValues,
2121
} from '@openimis/fe-core';
22-
import ClearIcon from '@material-ui/icons/Clear';
23-
import CheckIcon from '@material-ui/icons/Check';
22+
import ClearIcon from '@mui/icons-material/Clear';
23+
import CheckIcon from '@mui/icons-material/Check';
2424

2525
import { useIntl } from 'react-intl';
2626
import { TASK_STATUS, APPROVED, FAILED } from '../../constants';

‎vite.config.js‎

Lines changed: 81 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,73 @@
1-
import { defineConfig } from 'vite'
2-
import react from '@vitejs/plugin-react'
3-
import { resolve } from 'path'
4-
import svgr from 'vite-plugin-svgr'
1+
import { defineConfig } from 'vite';
2+
import react from '@vitejs/plugin-react';
3+
import path from 'path';
4+
import svgr from 'vite-plugin-svgr';
5+
6+
const noExternal = [
7+
'@mui/material',
8+
'@mui/utils',
9+
'@mui/system',
10+
'@mui/icons-material',
11+
'@mui/styled-engine',
12+
'@emotion/react',
13+
'@emotion/styled',
14+
'@emotion/cache'
15+
];
516

617
export default defineConfig({
718
plugins: [
819
react({
9-
jsxRuntime: 'classic'
20+
jsxImportSource: '@emotion/react',
21+
babel: {
22+
plugins: ['@emotion/babel-plugin'],
23+
},
1024
}),
1125
svgr()
1226
],
27+
define: {
28+
'process.env.NODE_ENV': JSON.stringify('production'),
29+
},
30+
resolve: {
31+
alias: {
32+
'@': path.resolve(__dirname, 'src'),
33+
'@emotion/react': path.resolve(
34+
__dirname,
35+
'node_modules/@emotion/react'
36+
),
37+
'@emotion/styled': path.resolve(
38+
__dirname,
39+
'node_modules/@emotion/styled'
40+
),
41+
'@emotion/cache': path.resolve(
42+
__dirname,
43+
'node_modules/@emotion/cache'
44+
),
45+
},
46+
},
47+
optimizeDeps: {
48+
include: [
49+
'@emotion/react',
50+
'@emotion/styled',
51+
'@emotion/cache',
52+
'@mui/material',
53+
'@mui/icons-material',
54+
'@mui/system',
55+
],
56+
force: true,
57+
},
1358
build: {
1459
lib: {
15-
entry: resolve(__dirname, 'src/index.jsx'),
60+
entry: path.resolve(__dirname, 'src/index.jsx'),
1661
name: 'OpenIMISFeSocialProtection',
62+
fileName: (format) => `index.${format === 'es' ? 'es' : 'js'}`,
1763
formats: ['es', 'cjs'],
18-
fileName: (format) => `index.${format === 'es' ? 'es' : 'js'}`
1964
},
20-
sourcemap: true,
21-
outDir: 'dist',
2265
rollupOptions: {
2366
external: [
2467
'react',
2568
'react-dom',
69+
'react/jsx-runtime',
70+
'react/jsx-dev-runtime',
2671
'redux',
2772
'redux-api-middleware',
2873
'react-redux',
@@ -38,39 +83,40 @@ export default defineConfig({
3883
'react-router',
3984
'react-router-dom',
4085
'history',
41-
'@material-ui/core',
42-
'@material-ui/icons',
86+
'@emotion/react',
87+
'@emotion/styled',
88+
'@emotion/cache',
89+
'@mui/material',
90+
'@mui/icons-material',
91+
'@mui/system',
92+
'@mui/styles',
4393
'@material-ui/lab',
4494
'@material-ui/pickers',
45-
'@material-ui/styles',
4695
'@date-io/core',
4796
'@date-io/moment',
4897
'flat',
49-
/^@material-ui\/icons\/.*/,
50-
/^@material-ui\/core\/.*/,
51-
/^@material-ui\/lab\/.*/,
52-
/^@babel-.*/,
53-
/^@openimis.*/
98+
/^@babel.*/,
99+
/^@date-io\/.*/,
100+
/^@material-ui\/.*/,
101+
/^@openimis.*/,
54102
],
55103
output: {
56104
globals: {
57-
'react': 'React',
58-
'react-dom': 'ReactDOM'
59-
}
60-
}
61-
}
62-
},
63-
resolve: {
64-
alias: {
65-
'@': resolve(__dirname, 'src')
66-
}
105+
react: 'React',
106+
'react-dom': 'ReactDOM',
107+
'react/jsx-runtime': 'jsxRuntime',
108+
'react/jsx-dev-runtime': 'jsxDevRuntime',
109+
'@emotion/react': 'EmotionReact',
110+
'@emotion/styled': 'EmotionStyled',
111+
'@mui/material': 'MuiMaterial',
112+
},
113+
},
114+
},
115+
sourcemap: true,
116+
outDir: 'dist',
117+
emptyOutDir: true,
67118
},
68-
optimizeDeps: {
69-
exclude: [
70-
'react',
71-
'react-dom',
72-
'react/jsx-dev-runtime',
73-
'react/jsx-runtime',
74-
],
119+
ssr: {
120+
noExternal,
75121
},
76-
})
122+
});

0 commit comments

Comments
 (0)