@eclass/ui-kit 1.31.0 → 1.32.0
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/dist/atoms/Icons/AcademicRecord.d.ts +2 -1
- package/dist/atoms/Icons/AlertInfo.d.ts +2 -1
- package/dist/atoms/Icons/Alerts/ErrorWhite.d.ts +2 -1
- package/dist/atoms/Icons/Alerts/InfoWhite.d.ts +2 -1
- package/dist/atoms/Icons/Alerts/SuccessWhite.d.ts +2 -1
- package/dist/atoms/Icons/Alerts/WarningWhite.d.ts +2 -1
- package/dist/atoms/Icons/ArrowRight.d.ts +2 -1
- package/dist/atoms/Icons/Base.d.ts +2 -2
- package/dist/atoms/Icons/Certificate.d.ts +2 -1
- package/dist/atoms/Icons/CircularCheck.d.ts +2 -1
- package/dist/atoms/Icons/CircularInformation.d.ts +2 -1
- package/dist/atoms/Icons/Close.d.ts +2 -1
- package/dist/atoms/Icons/Download.d.ts +2 -1
- package/dist/atoms/Icons/GoAhead.d.ts +2 -1
- package/dist/atoms/Icons/GoBack.d.ts +2 -1
- package/dist/atoms/Icons/Loader.d.ts +1 -0
- package/dist/atoms/Icons/Multimedia.d.ts +2 -1
- package/dist/atoms/Icons/Password.d.ts +2 -1
- package/dist/atoms/Icons/Pen.d.ts +2 -1
- package/dist/atoms/Icons/PlusSign.d.ts +2 -1
- package/dist/atoms/Icons/Profile.d.ts +2 -1
- package/dist/atoms/Icons/Schedule.d.ts +2 -1
- package/dist/atoms/Icons/TextBubble.d.ts +2 -1
- package/dist/atoms/Icons/TinyAlertError.d.ts +2 -1
- package/dist/atoms/Icons/TinyAlertInfo.d.ts +2 -1
- package/dist/atoms/Icons/TinyAlertSuccess.d.ts +2 -1
- package/dist/atoms/Icons/TinyAlertWarning.d.ts +2 -1
- package/dist/atoms/Icons/TrashCan.d.ts +2 -1
- package/dist/atoms/Progress/Progress.d.ts +1 -0
- package/dist/atoms/Ripples/Ripples.d.ts +1 -0
- package/dist/atoms/TinyAlert/TinyAlert.d.ts +1 -0
- package/dist/eclass-ui-kit.es.js +36480 -28573
- package/dist/eclass-ui-kit.es.js.map +1 -1
- package/dist/eclass-ui-kit.umd.js +276 -371
- package/dist/eclass-ui-kit.umd.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/molecules/Buttons/BtnPrimary.d.ts +2 -1
- package/dist/molecules/Buttons/BtnSecondary.d.ts +2 -1
- package/dist/molecules/Tooltip/NewTooltip.d.ts +3 -2
- package/dist/organisms/Alerts/Alert.d.ts +2 -1
- package/dist/organisms/Alerts/FlashNotification.d.ts +2 -1
- package/dist/organisms/Alerts/utils/alertStates.d.ts +4 -4
- package/dist/organisms/Alerts/utils/useFlashNotification.d.ts +1 -1
- package/dist/organisms/CourseList/Boxes/BoxImage.d.ts +2 -1
- package/dist/organisms/CourseList/Boxes/BoxTraditional.d.ts +1 -1
- package/dist/organisms/CourseList/Boxes/Boxes.d.ts +2 -1
- package/dist/organisms/CourseList/CourseList.d.ts +2 -1
- package/dist/organisms/CourseList/components/CourseStatus.d.ts +2 -1
- package/dist/organisms/CourseList/components/DateStatus.d.ts +1 -0
- package/dist/organisms/CourseList/components/Footer.d.ts +2 -1
- package/dist/organisms/CourseList/components/Header.d.ts +1 -0
- package/dist/organisms/CourseList/components/IconSelection.d.ts +1 -0
- package/dist/organisms/CourseList/components/Modal/PaymentModal.d.ts +2 -1
- package/dist/organisms/CourseList/components/Section.d.ts +1 -0
- package/dist/organisms/CourseList/utils/dataFake.d.ts +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/tsconfig.types.tsbuildinfo +1 -1
- package/package.json +61 -64
- package/dist/organisms/Alerts/types.d.ts +0 -66
- package/dist/organisms/CourseList/types.d.ts +0 -37
- package/dist/vite-env.d.ts +0 -2
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eclass/ui-kit",
|
|
3
3
|
"description": "Elementos UI transversales eClass",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.32.0",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
7
7
|
],
|
|
8
8
|
"main": "dist/eclass-ui-kit.umd.js",
|
|
9
9
|
"module": "dist/eclass-ui-kit.es.js",
|
|
10
|
-
"types": "
|
|
10
|
+
"types": "module",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
13
|
"import": "./dist/eclass-ui-kit.es.js",
|
|
@@ -30,9 +30,8 @@
|
|
|
30
30
|
],
|
|
31
31
|
"scripts": {
|
|
32
32
|
"dev": "vite",
|
|
33
|
-
"build": "tsc && vite build && npm run build:types
|
|
33
|
+
"build": "tsc && vite build && npm run build:types",
|
|
34
34
|
"build:types": "tsc -p tsconfig.types.json",
|
|
35
|
-
"copy-dts": "copyfiles -u 1 \"src/**/*.d.ts\" dist",
|
|
36
35
|
"serve": "vite preview",
|
|
37
36
|
"test": "jest --coverage",
|
|
38
37
|
"test-local": "jest --watch",
|
|
@@ -41,89 +40,87 @@
|
|
|
41
40
|
"eslint": "eslint 'src/**/*.{ts,tsx,mdx}' --fix --cache",
|
|
42
41
|
"lint:check": "eslint 'src/**/*.{ts,tsx,mdx}'",
|
|
43
42
|
"ts-compile-check": "tsc -p tsconfig.json",
|
|
44
|
-
"prepare": "ts-patch install -s &&
|
|
45
|
-
"preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions",
|
|
43
|
+
"prepare": "ts-patch install -s && husky install",
|
|
46
44
|
"deploy": "VITE_REACT_DEPLOY_DOCUMENTATION=DOCUMENTATION vite build"
|
|
47
45
|
},
|
|
48
46
|
"publishConfig": {
|
|
49
47
|
"access": "public"
|
|
50
48
|
},
|
|
51
|
-
"peerDependencies": {
|
|
52
|
-
"react": "^16.8 || 17.x",
|
|
53
|
-
"react-dom": "^16.8 || 17.x"
|
|
54
|
-
},
|
|
55
49
|
"devDependencies": {
|
|
56
|
-
"@commitlint/cli": "
|
|
57
|
-
"@commitlint/config-conventional": "
|
|
50
|
+
"@commitlint/cli": "17.7.1",
|
|
51
|
+
"@commitlint/config-conventional": "17.7.0",
|
|
58
52
|
"@fontsource/lora": "4.5.13",
|
|
59
53
|
"@fontsource/roboto": "4.5.8",
|
|
60
54
|
"@semantic-release/changelog": "6.0.1",
|
|
61
|
-
"@semantic-release/git": "
|
|
62
|
-
"@testing-library/dom": "
|
|
63
|
-
"@testing-library/jest-dom": "
|
|
64
|
-
"@testing-library/react": "
|
|
65
|
-
"@testing-library/user-event": "14.
|
|
55
|
+
"@semantic-release/git": "10.0.1",
|
|
56
|
+
"@testing-library/dom": "^9.3.3",
|
|
57
|
+
"@testing-library/jest-dom": "6.1.3",
|
|
58
|
+
"@testing-library/react": "14.0.0",
|
|
59
|
+
"@testing-library/user-event": "^14.5.1",
|
|
66
60
|
"@types/eclass__api": "git+ssh://git@gitlab.com/eclass/types-eclass-api.git#v3.108.0",
|
|
67
61
|
"@types/eclass__sequelize-models": "git+ssh://git@gitlab.com/eclass/types-sequelize-models.git#v5.40.0",
|
|
68
|
-
"@types/jest": "
|
|
69
|
-
"@types/react": "
|
|
70
|
-
"@types/react-dom": "
|
|
71
|
-
"@typescript-eslint/eslint-plugin": "
|
|
72
|
-
"@typescript-eslint/parser": "
|
|
73
|
-
"@vitejs/plugin-react": "1.
|
|
74
|
-
"
|
|
75
|
-
"eslint": "
|
|
76
|
-
"eslint-config-
|
|
77
|
-
"eslint-config-standard": "
|
|
78
|
-
"eslint-config-standard-
|
|
79
|
-
"eslint-config-standard-
|
|
80
|
-
"eslint-
|
|
81
|
-
"eslint-import-resolver-typescript": "2.7.1",
|
|
62
|
+
"@types/jest": "29.5.5",
|
|
63
|
+
"@types/react": "18.2.23",
|
|
64
|
+
"@types/react-dom": "18.2.8",
|
|
65
|
+
"@typescript-eslint/eslint-plugin": "6.4.0",
|
|
66
|
+
"@typescript-eslint/parser": "6.0.0",
|
|
67
|
+
"@vitejs/plugin-react": "4.1.0",
|
|
68
|
+
"eslint": "8.45.0",
|
|
69
|
+
"eslint-config-prettier": "9.0.0",
|
|
70
|
+
"eslint-config-standard": "17.1.0",
|
|
71
|
+
"eslint-config-standard-jsx": "11.0.0",
|
|
72
|
+
"eslint-config-standard-react": "13.0.0",
|
|
73
|
+
"eslint-config-standard-with-typescript": "39.1.0",
|
|
74
|
+
"eslint-import-resolver-typescript": "3.6.1",
|
|
82
75
|
"eslint-plugin-import": "2.28.0",
|
|
83
|
-
"eslint-plugin-jest": "
|
|
84
|
-
"eslint-plugin-jest-dom": "
|
|
76
|
+
"eslint-plugin-jest": "27.4.0",
|
|
77
|
+
"eslint-plugin-jest-dom": "5.1.0",
|
|
85
78
|
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
86
|
-
"eslint-plugin-mdx": "
|
|
79
|
+
"eslint-plugin-mdx": "2.2.0",
|
|
87
80
|
"eslint-plugin-node": "11.1.0",
|
|
88
|
-
"eslint-plugin-prettier": "
|
|
81
|
+
"eslint-plugin-prettier": "5.0.0",
|
|
89
82
|
"eslint-plugin-promise": "6.1.1",
|
|
90
|
-
"eslint-plugin-react": "7.33.
|
|
83
|
+
"eslint-plugin-react": "7.33.2",
|
|
91
84
|
"eslint-plugin-react-hooks": "4.6.0",
|
|
92
|
-
"eslint-plugin-
|
|
93
|
-
"eslint-plugin-
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
85
|
+
"eslint-plugin-react-refresh": "0.4.3",
|
|
86
|
+
"eslint-plugin-simple-import-sort": "10.0.0",
|
|
87
|
+
"eslint-plugin-testing-library": "6.0.2",
|
|
88
|
+
"gh-pages": "6.0.0",
|
|
89
|
+
"graphql": "16.8.1",
|
|
90
|
+
"husky": "8.0.3",
|
|
97
91
|
"identity-obj-proxy": "3.0.0",
|
|
98
|
-
"jest": "
|
|
99
|
-
"jest-
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"react": "17.0.2",
|
|
103
|
-
"react-code-blocks": "0.1.3",
|
|
104
|
-
"react-dom": "17.0.2",
|
|
105
|
-
"react-router-dom": "6.14.2",
|
|
106
|
-
"semantic-release": "18.0.1",
|
|
107
|
-
"ts-jest": "27.1.5",
|
|
108
|
-
"ts-patch": "2.0.1",
|
|
109
|
-
"typescript": "4.6.3",
|
|
110
|
-
"typescript-transform-paths": "3.3.1",
|
|
111
|
-
"vite": "2.9.16",
|
|
112
|
-
"vite-tsconfig-paths": "3.4.1",
|
|
113
|
-
"localforage": "1.10.0",
|
|
92
|
+
"jest": "29.7.0",
|
|
93
|
+
"jest-environment-jsdom": "29.7.0",
|
|
94
|
+
"jest-watch-typeahead": "2.2.2",
|
|
95
|
+
"lint-staged": "14.0.1",
|
|
114
96
|
"match-sorter": "6.3.1",
|
|
115
|
-
"
|
|
97
|
+
"prettier": "3.0.3",
|
|
98
|
+
"react": "18.2.0",
|
|
99
|
+
"react-code-blocks": "0.1.4",
|
|
100
|
+
"react-dom": "18.2.0",
|
|
101
|
+
"react-router-dom": "6.14.2",
|
|
102
|
+
"semantic-release": "22.0.5",
|
|
103
|
+
"ts-jest": "29.1.1",
|
|
104
|
+
"ts-patch": "3.0.2",
|
|
105
|
+
"typescript": "4.9.5",
|
|
106
|
+
"typescript-transform-paths": "3.4.6",
|
|
107
|
+
"vite": "4.4.5",
|
|
108
|
+
"vite-tsconfig-paths": "4.2.1"
|
|
116
109
|
},
|
|
117
110
|
"dependencies": {
|
|
118
|
-
"@chakra-ui/react": "
|
|
119
|
-
"@emotion/react": "11.
|
|
120
|
-
"@emotion/styled": "11.
|
|
121
|
-
"framer-motion": "
|
|
111
|
+
"@chakra-ui/react": "2.8.1",
|
|
112
|
+
"@emotion/react": "11.11.1",
|
|
113
|
+
"@emotion/styled": "11.11.0",
|
|
114
|
+
"framer-motion": "10.16.4",
|
|
122
115
|
"react-hot-toast": "2.4.1",
|
|
123
116
|
"react-ripples": "2.2.1"
|
|
124
117
|
},
|
|
125
118
|
"resolutions": {
|
|
126
|
-
"@types/react": "
|
|
127
|
-
"@types/react-dom": "
|
|
119
|
+
"@types/react": "18.2.23",
|
|
120
|
+
"@types/react-dom": "18.2.8"
|
|
121
|
+
},
|
|
122
|
+
"peerDependencies": {
|
|
123
|
+
"react": "^16.8 || 17.x || 18.x",
|
|
124
|
+
"react-dom": "^16.8 || 17.x || 18.x"
|
|
128
125
|
}
|
|
129
126
|
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
type TState = 'error' | 'info' | 'success' | 'warning'
|
|
2
|
-
export interface IAlertProps {
|
|
3
|
-
/**
|
|
4
|
-
* Mensaje de alerta
|
|
5
|
-
*/
|
|
6
|
-
children?: React.ReactChild | React.ReactChild[]
|
|
7
|
-
/**
|
|
8
|
-
* Muestra el botón para cerrar
|
|
9
|
-
*/
|
|
10
|
-
canDismiss?: boolean
|
|
11
|
-
/**
|
|
12
|
-
* Texto del botón
|
|
13
|
-
*/
|
|
14
|
-
buttonText?: string
|
|
15
|
-
/**
|
|
16
|
-
* Ícono del botón
|
|
17
|
-
*/
|
|
18
|
-
buttonIcon?: React.ReactElement
|
|
19
|
-
/**
|
|
20
|
-
* Boolean que determina si el botón es tipo link
|
|
21
|
-
*/
|
|
22
|
-
buttonLink?: boolean
|
|
23
|
-
/**
|
|
24
|
-
* Para notificación flash
|
|
25
|
-
*/
|
|
26
|
-
isFlash?: boolean
|
|
27
|
-
/**
|
|
28
|
-
* Función del botón
|
|
29
|
-
*/
|
|
30
|
-
onClick?: () => void
|
|
31
|
-
/**
|
|
32
|
-
* Estado que define color e ícono de la alerta
|
|
33
|
-
* @exampe
|
|
34
|
-
* 'error'
|
|
35
|
-
* 'info'
|
|
36
|
-
* 'success'
|
|
37
|
-
* 'warning'
|
|
38
|
-
*/
|
|
39
|
-
state: TState
|
|
40
|
-
/**
|
|
41
|
-
* Margen
|
|
42
|
-
*/
|
|
43
|
-
m?: string
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export interface IFlashNotificationProps {
|
|
47
|
-
/**
|
|
48
|
-
* Margen
|
|
49
|
-
*/
|
|
50
|
-
m?: string
|
|
51
|
-
/**
|
|
52
|
-
* Mensaje que muestra la notificación
|
|
53
|
-
*/
|
|
54
|
-
message: string
|
|
55
|
-
/**
|
|
56
|
-
* Estado que define color e ícono de la alerta
|
|
57
|
-
* @exampe
|
|
58
|
-
* 'error'
|
|
59
|
-
* 'info'
|
|
60
|
-
* 'success'
|
|
61
|
-
* 'warning'
|
|
62
|
-
* @
|
|
63
|
-
*/
|
|
64
|
-
state: TState
|
|
65
|
-
show?: boolean
|
|
66
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { AcademicBox } from '@eclass/api'
|
|
2
|
-
|
|
3
|
-
export type AcademicList = AcademicBox
|
|
4
|
-
|
|
5
|
-
interface PaymentText {
|
|
6
|
-
title: string
|
|
7
|
-
body: string
|
|
8
|
-
buttonName: string
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export interface WrapperCoursesProps {
|
|
12
|
-
/** Array de cursos a desplegar */
|
|
13
|
-
courses: AcademicList[]
|
|
14
|
-
|
|
15
|
-
/** Especificación de margen
|
|
16
|
-
* @example m: '0 0 0 16px'
|
|
17
|
-
*/
|
|
18
|
-
m?: string
|
|
19
|
-
|
|
20
|
-
/** Objeto con información acerca del estado de pago del curso, que incluye 'title', 'body' y 'buttonName'.
|
|
21
|
-
* @example
|
|
22
|
-
*
|
|
23
|
-
* modalPaymentTextArg = {
|
|
24
|
-
* title: 'Curso congelado por pagos pendientes'
|
|
25
|
-
* body: 'Para regularizar esta situación, comúnicate con ___'
|
|
26
|
-
* buttonName: 'Entendido'
|
|
27
|
-
* }
|
|
28
|
-
*/
|
|
29
|
-
modalPaymentText?: PaymentText
|
|
30
|
-
|
|
31
|
-
/** Especificación de tipo de caja curso a mostrar. Por default se muestra el tipo TRADITIONAL */
|
|
32
|
-
typeBox?: 'TRADITIONAL' | 'TRADITIONAL_LANDSCAPE' | 'IMAGE_LARGE' | 'IMAGE_SMALL'
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export interface FooterProps {
|
|
36
|
-
modalPaymentText?: PaymentText
|
|
37
|
-
}
|
package/dist/vite-env.d.ts
DELETED