@trii/components 3.1.3 → 3.1.5
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.
- package/async-state/package.json +9 -9
- package/dist/cjs/async-state.js.map +1 -1
- package/dist/cjs/index.js +105 -105
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme.js +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/async-state.js.map +1 -1
- package/dist/esm/index.js +105 -105
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme.js +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/index.d.ts +36 -5
- package/dist/theme.d.ts +36 -5
- package/dist/types/asyncState/__tests__/asyncState.test.d.ts +1 -0
- package/dist/types/asyncState/__tests__/useAsyncData.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContent.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContentI18n.test.d.ts +1 -0
- package/dist/types/components/ContactInfoPopup/ContactInfoPopup.stories.d.ts +9 -0
- package/dist/types/components/ContactSidebar/ContactSidebar.stories.d.ts +58 -0
- package/dist/types/components/EditContactModal/EditContactModal.stories.d.ts +9 -0
- package/dist/types/components/EventsDialog/components/LinkContactsSelect/styles.d.ts +6 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts +8 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/GoogleMap/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/index.d.ts +3 -0
- package/dist/types/components/EventsDialog/hooks/index.d.ts +9 -0
- package/dist/types/components/EventsDialog/hooks/useSelect.d.ts +14 -0
- package/dist/types/components/EventsDialog/utils/eventValidation.d.ts +37 -0
- package/dist/types/components/EventsDialog/utils/googleMapsUtils.d.ts +5 -0
- package/dist/types/components/EventsDialog/utils/keyboardNavigation.d.ts +24 -0
- package/dist/types/components/PanelErrorBoundary/__tests__/PanelErrorBoundary.test.d.ts +1 -0
- package/dist/types/theme/MuiComponentsConfig.test.d.ts +1 -0
- package/dist/types/theme/darkThemeComponents.d.ts +3 -0
- package/dist/types/theme/index.d.ts +2 -0
- package/dist/types/theme/themePreference.d.ts +14 -0
- package/dist/types/theme/themePreference.test.d.ts +1 -0
- package/dist/types/theme/themeProvider.d.ts +17 -0
- package/dist/types/theme/themeProvider.test.d.ts +1 -0
- package/dist/types/theme/themeSlice.d.ts +6 -5
- package/package.json +194 -174
- package/readme +71 -71
- package/theme/package.json +9 -9
- package/dist/types/components/EditContactModal/context/LanguageContext.d.ts +0 -9
- package/dist/types/components/EventsDialog/theme/MuiComponentsConfig.d.ts +0 -3
- package/dist/types/components/EventsDialog/theme/index.d.ts +0 -4
- package/dist/types/components/EventsDialog/theme/themeProvider.d.ts +0 -74
- package/dist/types/components/EventsDialog/theme/themeSlice.d.ts +0 -52
package/package.json
CHANGED
|
@@ -1,174 +1,194 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@trii/components",
|
|
3
|
-
"version": "3.1.
|
|
4
|
-
"description": "Trii components package",
|
|
5
|
-
"main": "dist/cjs/index.js",
|
|
6
|
-
"module": "dist/esm/index.js",
|
|
7
|
-
"types": "dist/index.d.ts",
|
|
8
|
-
"files": [
|
|
9
|
-
"dist",
|
|
10
|
-
"async-state",
|
|
11
|
-
"theme"
|
|
12
|
-
],
|
|
13
|
-
"scripts": {
|
|
14
|
-
"dev": "npm-run-all --parallel dev:types dev:js",
|
|
15
|
-
"dev:types": "tsc --watch",
|
|
16
|
-
"dev:js": "rollup -c --watch",
|
|
17
|
-
"build": "npm-run-all --serial build:types build:js",
|
|
18
|
-
"build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
|
|
19
|
-
"build:js": "rollup -c",
|
|
20
|
-
"test": "jest",
|
|
21
|
-
"test:watch": "jest --watchAll --verbose",
|
|
22
|
-
"storybook": "storybook dev -p 6006",
|
|
23
|
-
"build-storybook": "storybook build"
|
|
24
|
-
},
|
|
25
|
-
"author": "Ezequiel",
|
|
26
|
-
"license": "MIT",
|
|
27
|
-
"babel": {
|
|
28
|
-
"sourceType": "unambiguous",
|
|
29
|
-
"presets": [
|
|
30
|
-
[
|
|
31
|
-
"@babel/preset-env",
|
|
32
|
-
{
|
|
33
|
-
"targets": {
|
|
34
|
-
"chrome": 100,
|
|
35
|
-
"safari": 15,
|
|
36
|
-
"firefox": 91
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
],
|
|
40
|
-
[
|
|
41
|
-
"@babel/preset-react",
|
|
42
|
-
{
|
|
43
|
-
"runtime": "automatic"
|
|
44
|
-
}
|
|
45
|
-
],
|
|
46
|
-
"@babel/preset-typescript"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
"postcss": {
|
|
50
|
-
"plugins": {
|
|
51
|
-
"postcss-import": {}
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
"devDependencies": {
|
|
55
|
-
"@babel/core": "^7.23.0",
|
|
56
|
-
"@babel/preset-env": "^7.22.20",
|
|
57
|
-
"@babel/preset-react": "^7.22.15",
|
|
58
|
-
"@babel/preset-typescript": "^7.23.0",
|
|
59
|
-
"@emotion/react": "^11.11.4",
|
|
60
|
-
"@emotion/styled": "^11.11.5",
|
|
61
|
-
"@fontsource/material-icons": "^5.0.18",
|
|
62
|
-
"@fontsource/roboto": "^5.0.13",
|
|
63
|
-
"@mdi/js": "^7.4.47",
|
|
64
|
-
"@mdi/react": "^1.6.1",
|
|
65
|
-
"@mui/icons-material": "^5.15.15",
|
|
66
|
-
"@mui/lab": "^5.0.0-alpha.176",
|
|
67
|
-
"@mui/material": "^5.18.0",
|
|
68
|
-
"@reduxjs/toolkit": "^2.11.2",
|
|
69
|
-
"@rollup/plugin-commonjs": "^25.0.4",
|
|
70
|
-
"@rollup/plugin-image": "^3.0.3",
|
|
71
|
-
"@rollup/plugin-json": "^6.1.0",
|
|
72
|
-
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
73
|
-
"@storybook/addon-essentials": "^8.5.3",
|
|
74
|
-
"@storybook/addon-interactions": "^8.5.3",
|
|
75
|
-
"@storybook/addon-links": "^8.5.3",
|
|
76
|
-
"@storybook/addon-onboarding": "^8.5.3",
|
|
77
|
-
"@storybook/addon-themes": "^8.5.3",
|
|
78
|
-
"@storybook/addon-webpack5-compiler-babel": "^3.0.5",
|
|
79
|
-
"@storybook/addon-webpack5-compiler-swc": "^2.0.0",
|
|
80
|
-
"@storybook/blocks": "^8.5.3",
|
|
81
|
-
"@storybook/react": "^8.5.3",
|
|
82
|
-
"@storybook/react-webpack5": "^8.5.3",
|
|
83
|
-
"@storybook/test": "^8.5.3",
|
|
84
|
-
"@testing-library/jest-dom": "^6.1.3",
|
|
85
|
-
"@testing-library/react": "^14.0.0",
|
|
86
|
-
"@types/google-libphonenumber": "^7.4.30",
|
|
87
|
-
"@types/google.maps": "^3.58.1",
|
|
88
|
-
"@types/jest": "^29.5.5",
|
|
89
|
-
"@types/react": "^18.2.23",
|
|
90
|
-
"@typescript-eslint/eslint-plugin": "^8.53.0",
|
|
91
|
-
"@typescript-eslint/parser": "^8.53.0",
|
|
92
|
-
"axios": "^1.14.0",
|
|
93
|
-
"babel-jest": "^29.7.0",
|
|
94
|
-
"date-fns": "^2.30.0",
|
|
95
|
-
"dompurify": "^2.5.8",
|
|
96
|
-
"esbuild": "^0.27.2",
|
|
97
|
-
"eslint": "^9.39.2",
|
|
98
|
-
"eslint-config-prettier": "^10.1.8",
|
|
99
|
-
"eslint-plugin-import": "^2.32.0",
|
|
100
|
-
"eslint-plugin-prettier": "^5.5.5",
|
|
101
|
-
"eslint-plugin-react": "^7.37.5",
|
|
102
|
-
"eslint-plugin-react-hooks": "^7.0.1",
|
|
103
|
-
"google-libphonenumber": "^3.2.44",
|
|
104
|
-
"handlebars": "^4.7.8",
|
|
105
|
-
"immer": "^11.1.4",
|
|
106
|
-
"jest": "^29.7.0",
|
|
107
|
-
"jest-environment-jsdom": "^29.7.0",
|
|
108
|
-
"markdown-it": "^14.1.0",
|
|
109
|
-
"markdown-it-emoji": "^3.0.0",
|
|
110
|
-
"npm-run-all": "^4.1.5",
|
|
111
|
-
"postcss": "^8.4.31",
|
|
112
|
-
"postcss-import": "^15.1.0",
|
|
113
|
-
"prettier": "^3.8.0",
|
|
114
|
-
"react": "^18.2.0",
|
|
115
|
-
"react-dom": "^18.2.0",
|
|
116
|
-
"react-file-icon": "^1.6.0",
|
|
117
|
-
"react-to-print": "^2.14.15",
|
|
118
|
-
"react-virtuoso": "^4.17.0",
|
|
119
|
-
"rollup": "^3.29.4",
|
|
120
|
-
"rollup-plugin-dts": "^6.0.2",
|
|
121
|
-
"rollup-plugin-esbuild": "^6.2.1",
|
|
122
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
123
|
-
"single-spa": "^5.9.3",
|
|
124
|
-
"single-spa-react": "^6.0.2",
|
|
125
|
-
"storybook": "^8.5.3",
|
|
126
|
-
"tslib": "^2.6.2",
|
|
127
|
-
"typescript": "^5.2.2",
|
|
128
|
-
"uuid": "^10.0.0",
|
|
129
|
-
"wavesurfer.js": "^6.6.3"
|
|
130
|
-
},
|
|
131
|
-
"peerDependencies": {
|
|
132
|
-
"@emotion/react": "^11.11.4",
|
|
133
|
-
"@mui/x-date-pickers": "^8.24.0",
|
|
134
|
-
"@mui/x-date-pickers-pro": "^8.24.0",
|
|
135
|
-
"@reduxjs/toolkit": ">=1.9.0",
|
|
136
|
-
"axios": ">=1.0.0",
|
|
137
|
-
"dayjs": "^1.11.19",
|
|
138
|
-
"google-libphonenumber": "^3.2.43",
|
|
139
|
-
"handlebars": "^4.7.8",
|
|
140
|
-
"i18next": "^25.8.0",
|
|
141
|
-
"moment": "^2.30.1",
|
|
142
|
-
"react": ">=17.0.2 <19.0.0",
|
|
143
|
-
"react-dom": ">=17.0.2 <19.0.0",
|
|
144
|
-
"react-i18next": "^16.5.3",
|
|
145
|
-
"single-spa": "^5.9.3",
|
|
146
|
-
"single-spa-react": ">=4.0.0"
|
|
147
|
-
},
|
|
148
|
-
"peerDependenciesMeta": {
|
|
149
|
-
"@mui/x-date-pickers": {
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
"
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
"
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
"
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
"
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
"
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
"
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
"react-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@trii/components",
|
|
3
|
+
"version": "3.1.5",
|
|
4
|
+
"description": "Trii components package",
|
|
5
|
+
"main": "dist/cjs/index.js",
|
|
6
|
+
"module": "dist/esm/index.js",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist",
|
|
10
|
+
"async-state",
|
|
11
|
+
"theme"
|
|
12
|
+
],
|
|
13
|
+
"scripts": {
|
|
14
|
+
"dev": "npm-run-all --parallel dev:types dev:js",
|
|
15
|
+
"dev:types": "tsc --watch",
|
|
16
|
+
"dev:js": "rollup -c --watch",
|
|
17
|
+
"build": "npm-run-all --serial build:types build:js",
|
|
18
|
+
"build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
|
|
19
|
+
"build:js": "rollup -c",
|
|
20
|
+
"test": "jest",
|
|
21
|
+
"test:watch": "jest --watchAll --verbose",
|
|
22
|
+
"storybook": "storybook dev -p 6006",
|
|
23
|
+
"build-storybook": "storybook build"
|
|
24
|
+
},
|
|
25
|
+
"author": "Ezequiel",
|
|
26
|
+
"license": "MIT",
|
|
27
|
+
"babel": {
|
|
28
|
+
"sourceType": "unambiguous",
|
|
29
|
+
"presets": [
|
|
30
|
+
[
|
|
31
|
+
"@babel/preset-env",
|
|
32
|
+
{
|
|
33
|
+
"targets": {
|
|
34
|
+
"chrome": 100,
|
|
35
|
+
"safari": 15,
|
|
36
|
+
"firefox": 91
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"@babel/preset-react",
|
|
42
|
+
{
|
|
43
|
+
"runtime": "automatic"
|
|
44
|
+
}
|
|
45
|
+
],
|
|
46
|
+
"@babel/preset-typescript"
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
"postcss": {
|
|
50
|
+
"plugins": {
|
|
51
|
+
"postcss-import": {}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@babel/core": "^7.23.0",
|
|
56
|
+
"@babel/preset-env": "^7.22.20",
|
|
57
|
+
"@babel/preset-react": "^7.22.15",
|
|
58
|
+
"@babel/preset-typescript": "^7.23.0",
|
|
59
|
+
"@emotion/react": "^11.11.4",
|
|
60
|
+
"@emotion/styled": "^11.11.5",
|
|
61
|
+
"@fontsource/material-icons": "^5.0.18",
|
|
62
|
+
"@fontsource/roboto": "^5.0.13",
|
|
63
|
+
"@mdi/js": "^7.4.47",
|
|
64
|
+
"@mdi/react": "^1.6.1",
|
|
65
|
+
"@mui/icons-material": "^5.15.15",
|
|
66
|
+
"@mui/lab": "^5.0.0-alpha.176",
|
|
67
|
+
"@mui/material": "^5.18.0",
|
|
68
|
+
"@reduxjs/toolkit": "^2.11.2",
|
|
69
|
+
"@rollup/plugin-commonjs": "^25.0.4",
|
|
70
|
+
"@rollup/plugin-image": "^3.0.3",
|
|
71
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
72
|
+
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
73
|
+
"@storybook/addon-essentials": "^8.5.3",
|
|
74
|
+
"@storybook/addon-interactions": "^8.5.3",
|
|
75
|
+
"@storybook/addon-links": "^8.5.3",
|
|
76
|
+
"@storybook/addon-onboarding": "^8.5.3",
|
|
77
|
+
"@storybook/addon-themes": "^8.5.3",
|
|
78
|
+
"@storybook/addon-webpack5-compiler-babel": "^3.0.5",
|
|
79
|
+
"@storybook/addon-webpack5-compiler-swc": "^2.0.0",
|
|
80
|
+
"@storybook/blocks": "^8.5.3",
|
|
81
|
+
"@storybook/react": "^8.5.3",
|
|
82
|
+
"@storybook/react-webpack5": "^8.5.3",
|
|
83
|
+
"@storybook/test": "^8.5.3",
|
|
84
|
+
"@testing-library/jest-dom": "^6.1.3",
|
|
85
|
+
"@testing-library/react": "^14.0.0",
|
|
86
|
+
"@types/google-libphonenumber": "^7.4.30",
|
|
87
|
+
"@types/google.maps": "^3.58.1",
|
|
88
|
+
"@types/jest": "^29.5.5",
|
|
89
|
+
"@types/react": "^18.2.23",
|
|
90
|
+
"@typescript-eslint/eslint-plugin": "^8.53.0",
|
|
91
|
+
"@typescript-eslint/parser": "^8.53.0",
|
|
92
|
+
"axios": "^1.14.0",
|
|
93
|
+
"babel-jest": "^29.7.0",
|
|
94
|
+
"date-fns": "^2.30.0",
|
|
95
|
+
"dompurify": "^2.5.8",
|
|
96
|
+
"esbuild": "^0.27.2",
|
|
97
|
+
"eslint": "^9.39.2",
|
|
98
|
+
"eslint-config-prettier": "^10.1.8",
|
|
99
|
+
"eslint-plugin-import": "^2.32.0",
|
|
100
|
+
"eslint-plugin-prettier": "^5.5.5",
|
|
101
|
+
"eslint-plugin-react": "^7.37.5",
|
|
102
|
+
"eslint-plugin-react-hooks": "^7.0.1",
|
|
103
|
+
"google-libphonenumber": "^3.2.44",
|
|
104
|
+
"handlebars": "^4.7.8",
|
|
105
|
+
"immer": "^11.1.4",
|
|
106
|
+
"jest": "^29.7.0",
|
|
107
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
108
|
+
"markdown-it": "^14.1.0",
|
|
109
|
+
"markdown-it-emoji": "^3.0.0",
|
|
110
|
+
"npm-run-all": "^4.1.5",
|
|
111
|
+
"postcss": "^8.4.31",
|
|
112
|
+
"postcss-import": "^15.1.0",
|
|
113
|
+
"prettier": "^3.8.0",
|
|
114
|
+
"react": "^18.2.0",
|
|
115
|
+
"react-dom": "^18.2.0",
|
|
116
|
+
"react-file-icon": "^1.6.0",
|
|
117
|
+
"react-to-print": "^2.14.15",
|
|
118
|
+
"react-virtuoso": "^4.17.0",
|
|
119
|
+
"rollup": "^3.29.4",
|
|
120
|
+
"rollup-plugin-dts": "^6.0.2",
|
|
121
|
+
"rollup-plugin-esbuild": "^6.2.1",
|
|
122
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
123
|
+
"single-spa": "^5.9.3",
|
|
124
|
+
"single-spa-react": "^6.0.2",
|
|
125
|
+
"storybook": "^8.5.3",
|
|
126
|
+
"tslib": "^2.6.2",
|
|
127
|
+
"typescript": "^5.2.2",
|
|
128
|
+
"uuid": "^10.0.0",
|
|
129
|
+
"wavesurfer.js": "^6.6.3"
|
|
130
|
+
},
|
|
131
|
+
"peerDependencies": {
|
|
132
|
+
"@emotion/react": "^11.11.4",
|
|
133
|
+
"@mui/x-date-pickers": "^8.24.0",
|
|
134
|
+
"@mui/x-date-pickers-pro": "^8.24.0",
|
|
135
|
+
"@reduxjs/toolkit": ">=1.9.0",
|
|
136
|
+
"axios": ">=1.0.0",
|
|
137
|
+
"dayjs": "^1.11.19",
|
|
138
|
+
"google-libphonenumber": "^3.2.43",
|
|
139
|
+
"handlebars": "^4.7.8",
|
|
140
|
+
"i18next": "^25.8.0",
|
|
141
|
+
"moment": "^2.30.1",
|
|
142
|
+
"react": ">=17.0.2 <19.0.0",
|
|
143
|
+
"react-dom": ">=17.0.2 <19.0.0",
|
|
144
|
+
"react-i18next": "^16.5.3",
|
|
145
|
+
"single-spa": "^5.9.3",
|
|
146
|
+
"single-spa-react": ">=4.0.0"
|
|
147
|
+
},
|
|
148
|
+
"peerDependenciesMeta": {
|
|
149
|
+
"@mui/x-date-pickers": {
|
|
150
|
+
"optional": true
|
|
151
|
+
},
|
|
152
|
+
"@mui/x-date-pickers-pro": {
|
|
153
|
+
"optional": true
|
|
154
|
+
},
|
|
155
|
+
"dayjs": {
|
|
156
|
+
"optional": true
|
|
157
|
+
},
|
|
158
|
+
"google-libphonenumber": {
|
|
159
|
+
"optional": true
|
|
160
|
+
},
|
|
161
|
+
"handlebars": {
|
|
162
|
+
"optional": true
|
|
163
|
+
},
|
|
164
|
+
"i18next": {
|
|
165
|
+
"optional": true
|
|
166
|
+
},
|
|
167
|
+
"moment": {
|
|
168
|
+
"optional": true
|
|
169
|
+
},
|
|
170
|
+
"react-i18next": {
|
|
171
|
+
"optional": true
|
|
172
|
+
},
|
|
173
|
+
"single-spa": {
|
|
174
|
+
"optional": true
|
|
175
|
+
},
|
|
176
|
+
"single-spa-react": {
|
|
177
|
+
"optional": true
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
"dependencies": {
|
|
181
|
+
"@mdi/js": "^7.4.47",
|
|
182
|
+
"@mdi/react": "^1.6.1",
|
|
183
|
+
"@trii/types": "^2.10.638",
|
|
184
|
+
"date-fns": "^2.30.0",
|
|
185
|
+
"dompurify": "^2.5.8",
|
|
186
|
+
"markdown-it": "^14.1.0",
|
|
187
|
+
"markdown-it-emoji": "^3.0.0",
|
|
188
|
+
"react-file-icon": "^1.6.0",
|
|
189
|
+
"react-to-print": "^2.14.15",
|
|
190
|
+
"react-virtuoso": "^4.17.0",
|
|
191
|
+
"uuid": "^10.0.0",
|
|
192
|
+
"wavesurfer.js": "^6.6.3"
|
|
193
|
+
}
|
|
194
|
+
}
|
package/readme
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
# Trii Components
|
|
2
|
-
|
|
3
|
-
## Introduction
|
|
4
|
-
|
|
5
|
-
This project contains reusable components for the Trii application.
|
|
6
|
-
|
|
7
|
-
## Prerequisites
|
|
8
|
-
|
|
9
|
-
- Node.js (v14 or higher)
|
|
10
|
-
- npm (v6 or higher) or yarn (v1.22 or higher)
|
|
11
|
-
|
|
12
|
-
## Installation
|
|
13
|
-
|
|
14
|
-
1. Clone the repository:
|
|
15
|
-
```sh
|
|
16
|
-
git clone https://github.com/yourusername/trii-components.git
|
|
17
|
-
```
|
|
18
|
-
2. Navigate to the project directory:
|
|
19
|
-
```sh
|
|
20
|
-
cd trii-components
|
|
21
|
-
```
|
|
22
|
-
3. Install dependencies:
|
|
23
|
-
```sh
|
|
24
|
-
npm install
|
|
25
|
-
```
|
|
26
|
-
or
|
|
27
|
-
```sh
|
|
28
|
-
yarn install
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## Running the Project
|
|
32
|
-
|
|
33
|
-
To start the development server, run:
|
|
34
|
-
|
|
35
|
-
```sh
|
|
36
|
-
npm run storybook
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
or
|
|
40
|
-
|
|
41
|
-
```sh
|
|
42
|
-
yarn storybook
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
## Building the Project
|
|
46
|
-
|
|
47
|
-
To build the project, run:
|
|
48
|
-
|
|
49
|
-
```sh
|
|
50
|
-
npm run build
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
or
|
|
54
|
-
|
|
55
|
-
```sh
|
|
56
|
-
yarn build
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
## Upload build to NPM
|
|
60
|
-
|
|
61
|
-
To upload the build to NPM, run:
|
|
62
|
-
|
|
63
|
-
```sh
|
|
64
|
-
npm publish
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
or
|
|
68
|
-
|
|
69
|
-
```sh
|
|
70
|
-
yarn publish
|
|
71
|
-
```
|
|
1
|
+
# Trii Components
|
|
2
|
+
|
|
3
|
+
## Introduction
|
|
4
|
+
|
|
5
|
+
This project contains reusable components for the Trii application.
|
|
6
|
+
|
|
7
|
+
## Prerequisites
|
|
8
|
+
|
|
9
|
+
- Node.js (v14 or higher)
|
|
10
|
+
- npm (v6 or higher) or yarn (v1.22 or higher)
|
|
11
|
+
|
|
12
|
+
## Installation
|
|
13
|
+
|
|
14
|
+
1. Clone the repository:
|
|
15
|
+
```sh
|
|
16
|
+
git clone https://github.com/yourusername/trii-components.git
|
|
17
|
+
```
|
|
18
|
+
2. Navigate to the project directory:
|
|
19
|
+
```sh
|
|
20
|
+
cd trii-components
|
|
21
|
+
```
|
|
22
|
+
3. Install dependencies:
|
|
23
|
+
```sh
|
|
24
|
+
npm install
|
|
25
|
+
```
|
|
26
|
+
or
|
|
27
|
+
```sh
|
|
28
|
+
yarn install
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Running the Project
|
|
32
|
+
|
|
33
|
+
To start the development server, run:
|
|
34
|
+
|
|
35
|
+
```sh
|
|
36
|
+
npm run storybook
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
or
|
|
40
|
+
|
|
41
|
+
```sh
|
|
42
|
+
yarn storybook
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Building the Project
|
|
46
|
+
|
|
47
|
+
To build the project, run:
|
|
48
|
+
|
|
49
|
+
```sh
|
|
50
|
+
npm run build
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
or
|
|
54
|
+
|
|
55
|
+
```sh
|
|
56
|
+
yarn build
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## Upload build to NPM
|
|
60
|
+
|
|
61
|
+
To upload the build to NPM, run:
|
|
62
|
+
|
|
63
|
+
```sh
|
|
64
|
+
npm publish
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
or
|
|
68
|
+
|
|
69
|
+
```sh
|
|
70
|
+
yarn publish
|
|
71
|
+
```
|
package/theme/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@trii/components-theme",
|
|
3
|
-
"private": true,
|
|
4
|
-
"description": "Stub de resolucion para el subpath @trii/components/theme. No se publica como paquete propio: existe para que Node/webpack/TS con moduleResolution 'node' encuentren la entrada secundaria sin pasar por el campo 'exports'. Trae solo la paleta, el slice y MuiComponentsConfig, sin arrastrar la UI del paquete (x-date-pickers, lab, i18n, single-spa).",
|
|
5
|
-
"main": "../dist/cjs/theme.js",
|
|
6
|
-
"module": "../dist/esm/theme.js",
|
|
7
|
-
"types": "../dist/theme.d.ts",
|
|
8
|
-
"sideEffects": false
|
|
9
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@trii/components-theme",
|
|
3
|
+
"private": true,
|
|
4
|
+
"description": "Stub de resolucion para el subpath @trii/components/theme. No se publica como paquete propio: existe para que Node/webpack/TS con moduleResolution 'node' encuentren la entrada secundaria sin pasar por el campo 'exports'. Trae solo la paleta, el slice y MuiComponentsConfig, sin arrastrar la UI del paquete (x-date-pickers, lab, i18n, single-spa).",
|
|
5
|
+
"main": "../dist/cjs/theme.js",
|
|
6
|
+
"module": "../dist/esm/theme.js",
|
|
7
|
+
"types": "../dist/theme.d.ts",
|
|
8
|
+
"sideEffects": false
|
|
9
|
+
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type Language = 'en' | 'es';
|
|
3
|
-
interface LanguageProviderProps {
|
|
4
|
-
language: Language;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const LanguageProvider: ({ language, children }: LanguageProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const useLanguageContext: () => Language;
|
|
9
|
-
export {};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material';
|
|
2
|
-
declare module '@mui/material/styles' {
|
|
3
|
-
interface TypeBackground {
|
|
4
|
-
mainCenter: string;
|
|
5
|
-
mainGradient: string;
|
|
6
|
-
navMenu: string;
|
|
7
|
-
dropdownMenu: string;
|
|
8
|
-
panel: string;
|
|
9
|
-
tooltip: string;
|
|
10
|
-
accordionHeader: string;
|
|
11
|
-
panelHeader: string;
|
|
12
|
-
panelCenter: string;
|
|
13
|
-
panelGradient: string;
|
|
14
|
-
selectedItem: string;
|
|
15
|
-
}
|
|
16
|
-
interface TypeText {
|
|
17
|
-
colorMain: string;
|
|
18
|
-
}
|
|
19
|
-
interface Palette {
|
|
20
|
-
containerBox: {
|
|
21
|
-
default: string;
|
|
22
|
-
main: string;
|
|
23
|
-
};
|
|
24
|
-
dropdownBox: string;
|
|
25
|
-
color: {
|
|
26
|
-
icons: string;
|
|
27
|
-
};
|
|
28
|
-
cellHeader: string;
|
|
29
|
-
Skeleton: {
|
|
30
|
-
bg: string;
|
|
31
|
-
};
|
|
32
|
-
messageBox: string;
|
|
33
|
-
boxShadow: string;
|
|
34
|
-
disabled: string;
|
|
35
|
-
}
|
|
36
|
-
interface PaletteOptions {
|
|
37
|
-
containerBox?: {
|
|
38
|
-
default?: string;
|
|
39
|
-
main?: string;
|
|
40
|
-
};
|
|
41
|
-
dropdownBox?: string;
|
|
42
|
-
color?: {
|
|
43
|
-
icons?: string;
|
|
44
|
-
};
|
|
45
|
-
cellHeader?: string;
|
|
46
|
-
Skeleton?: {
|
|
47
|
-
bg?: string;
|
|
48
|
-
};
|
|
49
|
-
messageBox?: string;
|
|
50
|
-
boxShadow?: string;
|
|
51
|
-
disabled?: string;
|
|
52
|
-
}
|
|
53
|
-
interface Theme {
|
|
54
|
-
name?: string;
|
|
55
|
-
}
|
|
56
|
-
interface ThemeOptions {
|
|
57
|
-
name?: string;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
export declare const lightBlueIndigo: Theme;
|
|
61
|
-
export declare const lightBlue: Theme;
|
|
62
|
-
export declare const lightRed: Theme;
|
|
63
|
-
export declare const lightGreen: Theme;
|
|
64
|
-
export declare const lightPink: Theme;
|
|
65
|
-
export declare const lightPurple: Theme;
|
|
66
|
-
export declare const lightTeal: Theme;
|
|
67
|
-
export declare const lightLime: Theme;
|
|
68
|
-
export declare const lightYellow: Theme;
|
|
69
|
-
export declare const lightAmber: Theme;
|
|
70
|
-
export declare const lightOrange: Theme;
|
|
71
|
-
export declare const lightBrown: Theme;
|
|
72
|
-
export declare const lightGray: Theme;
|
|
73
|
-
export declare const darkBlue: Theme;
|
|
74
|
-
export declare const darkBlack: Theme;
|