lkd-web-kit 0.5.4 → 0.5.6
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/hocs/withModalManager.cjs +1 -1
- package/dist/hocs/withModalManager.js +1 -1
- package/dist/hooks/useBreakpoint.cjs +4 -5
- package/dist/hooks/useBreakpoint.js +4 -5
- package/dist/index.cjs +2 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -0
- package/dist/mantine/my-default-theme.cjs +0 -182
- package/dist/mantine/my-default-theme.js +0 -182
- package/dist/utils/showApiErrorNotification.cjs +27 -0
- package/dist/utils/showApiErrorNotification.js +23 -0
- package/package.json +7 -7
|
@@ -12,7 +12,7 @@ const withModalManager = (WrappedComponent) => {
|
|
|
12
12
|
const onClose = () => {
|
|
13
13
|
setIsOpen(false);
|
|
14
14
|
setTimeout(() => removeModal(), 200);
|
|
15
|
-
props.modalProps.onClose();
|
|
15
|
+
props.modalProps.onClose?.();
|
|
16
16
|
};
|
|
17
17
|
React.useEffect(() => {
|
|
18
18
|
if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
|
|
@@ -8,7 +8,7 @@ const withModalManager = (WrappedComponent) => {
|
|
|
8
8
|
const onClose = () => {
|
|
9
9
|
setIsOpen(false);
|
|
10
10
|
setTimeout(() => removeModal(), 200);
|
|
11
|
-
props.modalProps.onClose();
|
|
11
|
+
props.modalProps.onClose?.();
|
|
12
12
|
};
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
if (props.modalProps.opened) setTimeout(() => setIsOpen(true), 0);
|
|
@@ -3,13 +3,12 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const breakpointsWithPx = require('../mantine/breakpoints-with-px.cjs');
|
|
7
|
+
const hooks = require('@mantine/hooks');
|
|
7
8
|
|
|
8
9
|
const useBreakpoint = (breakpoint) => {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
});
|
|
12
|
-
return !!result;
|
|
10
|
+
const matches = hooks.useMediaQuery(`(min-width: ${breakpointsWithPx.breakpointsWithPx[breakpoint]}px)`);
|
|
11
|
+
return matches;
|
|
13
12
|
};
|
|
14
13
|
|
|
15
14
|
exports.useBreakpoint = useBreakpoint;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
2
|
+
import { breakpointsWithPx } from '../mantine/breakpoints-with-px.js';
|
|
3
|
+
import { useMediaQuery } from '@mantine/hooks';
|
|
3
4
|
|
|
4
5
|
const useBreakpoint = (breakpoint) => {
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
});
|
|
8
|
-
return !!result;
|
|
6
|
+
const matches = useMediaQuery(`(min-width: ${breakpointsWithPx[breakpoint]}px)`);
|
|
7
|
+
return matches;
|
|
9
8
|
};
|
|
10
9
|
|
|
11
10
|
export { useBreakpoint };
|
package/dist/index.cjs
CHANGED
|
@@ -59,6 +59,7 @@ const isInfinityEmpty = require('./utils/isInfinityEmpty.cjs');
|
|
|
59
59
|
const queryStringify = require('./utils/query-stringify.cjs');
|
|
60
60
|
const newRoute = require('./utils/new-route.cjs');
|
|
61
61
|
const virtualStyles = require('./utils/virtual-styles.cjs');
|
|
62
|
+
const showApiErrorNotification = require('./utils/showApiErrorNotification.cjs');
|
|
62
63
|
|
|
63
64
|
|
|
64
65
|
|
|
@@ -127,3 +128,4 @@ exports.createNewRoute = newRoute.createNewRoute;
|
|
|
127
128
|
exports.newRoute = newRoute.newRoute;
|
|
128
129
|
exports.getVirtualContainerProps = virtualStyles.getVirtualContainerProps;
|
|
129
130
|
exports.getVirtualItemProps = virtualStyles.getVirtualItemProps;
|
|
131
|
+
exports.showApiErrorNotification = showApiErrorNotification.showApiErrorNotification;
|
package/dist/index.d.ts
CHANGED
|
@@ -344,7 +344,7 @@ export declare type ModalManagerWrappedComponentProps<T extends object = object>
|
|
|
344
344
|
};
|
|
345
345
|
|
|
346
346
|
export declare type ModalManagerWrapperProps<T extends object = object> = T & {
|
|
347
|
-
modalProps: ModalProps
|
|
347
|
+
modalProps: Partial<ModalProps>;
|
|
348
348
|
removeModal: () => void;
|
|
349
349
|
};
|
|
350
350
|
|
|
@@ -511,6 +511,8 @@ declare type RouteOptions<Query, PathParams> = {
|
|
|
511
511
|
|
|
512
512
|
export declare type Setter<T> = Dispatch<SetStateAction<T>>;
|
|
513
513
|
|
|
514
|
+
export declare const showApiErrorNotification: (error?: unknown, messages?: Partial<Record<HttpStatus, string>>) => never;
|
|
515
|
+
|
|
514
516
|
export declare const shuffleArray: <T>(array: T[]) => T[];
|
|
515
517
|
|
|
516
518
|
declare const stylesBySize: {
|
package/dist/index.js
CHANGED
|
@@ -55,3 +55,4 @@ export { isInfinityEmpty } from './utils/isInfinityEmpty.js';
|
|
|
55
55
|
export { queryStringify } from './utils/query-stringify.js';
|
|
56
56
|
export { createNewRoute, newRoute } from './utils/new-route.js';
|
|
57
57
|
export { getVirtualContainerProps, getVirtualItemProps } from './utils/virtual-styles.js';
|
|
58
|
+
export { showApiErrorNotification } from './utils/showApiErrorNotification.js';
|
|
@@ -7,188 +7,6 @@ const breakpointsWithPx = require('./breakpoints-with-px.cjs');
|
|
|
7
7
|
|
|
8
8
|
const myDefaultTheme = {
|
|
9
9
|
breakpoints: breakpointsWithPx.breakpointsWithPx,
|
|
10
|
-
colors: {
|
|
11
|
-
violet: [
|
|
12
|
-
"var(--color-violet-0)",
|
|
13
|
-
"var(--color-violet-1)",
|
|
14
|
-
"var(--color-violet-2)",
|
|
15
|
-
"var(--color-violet-3)",
|
|
16
|
-
"var(--color-violet-4)",
|
|
17
|
-
"var(--color-violet-5)",
|
|
18
|
-
"var(--color-violet-6)",
|
|
19
|
-
"var(--color-violet-7)",
|
|
20
|
-
"var(--color-violet-8)",
|
|
21
|
-
"var(--color-violet-9)"
|
|
22
|
-
],
|
|
23
|
-
lime: [
|
|
24
|
-
"var(--color-lime-0)",
|
|
25
|
-
"var(--color-lime-1)",
|
|
26
|
-
"var(--color-lime-2)",
|
|
27
|
-
"var(--color-lime-3)",
|
|
28
|
-
"var(--color-lime-4)",
|
|
29
|
-
"var(--color-lime-5)",
|
|
30
|
-
"var(--color-lime-6)",
|
|
31
|
-
"var(--color-lime-7)",
|
|
32
|
-
"var(--color-lime-8)",
|
|
33
|
-
"var(--color-lime-9)"
|
|
34
|
-
],
|
|
35
|
-
grape: [
|
|
36
|
-
"var(--color-grape-0)",
|
|
37
|
-
"var(--color-grape-1)",
|
|
38
|
-
"var(--color-grape-2)",
|
|
39
|
-
"var(--color-grape-3)",
|
|
40
|
-
"var(--color-grape-4)",
|
|
41
|
-
"var(--color-grape-5)",
|
|
42
|
-
"var(--color-grape-6)",
|
|
43
|
-
"var(--color-grape-7)",
|
|
44
|
-
"var(--color-grape-8)",
|
|
45
|
-
"var(--color-grape-9)"
|
|
46
|
-
],
|
|
47
|
-
dark: [
|
|
48
|
-
"var(--color-dark-0)",
|
|
49
|
-
"var(--color-dark-1)",
|
|
50
|
-
"var(--color-dark-2)",
|
|
51
|
-
"var(--color-dark-3)",
|
|
52
|
-
"var(--color-dark-4)",
|
|
53
|
-
"var(--color-dark-5)",
|
|
54
|
-
"var(--color-dark-6)",
|
|
55
|
-
"var(--color-dark-7)",
|
|
56
|
-
"var(--color-dark-8)",
|
|
57
|
-
"var(--color-dark-9)"
|
|
58
|
-
],
|
|
59
|
-
cyan: [
|
|
60
|
-
"var(--color-cyan-0)",
|
|
61
|
-
"var(--color-cyan-1)",
|
|
62
|
-
"var(--color-cyan-2)",
|
|
63
|
-
"var(--color-cyan-3)",
|
|
64
|
-
"var(--color-cyan-4)",
|
|
65
|
-
"var(--color-cyan-5)",
|
|
66
|
-
"var(--color-cyan-6)",
|
|
67
|
-
"var(--color-cyan-7)",
|
|
68
|
-
"var(--color-cyan-8)",
|
|
69
|
-
"var(--color-cyan-9)"
|
|
70
|
-
],
|
|
71
|
-
blue: [
|
|
72
|
-
"var(--color-blue-0)",
|
|
73
|
-
"var(--color-blue-1)",
|
|
74
|
-
"var(--color-blue-2)",
|
|
75
|
-
"var(--color-blue-3)",
|
|
76
|
-
"var(--color-blue-4)",
|
|
77
|
-
"var(--color-blue-5)",
|
|
78
|
-
"var(--color-blue-6)",
|
|
79
|
-
"var(--color-blue-7)",
|
|
80
|
-
"var(--color-blue-8)",
|
|
81
|
-
"var(--color-blue-9)"
|
|
82
|
-
],
|
|
83
|
-
gray: [
|
|
84
|
-
"var(--color-gray-0)",
|
|
85
|
-
"var(--color-gray-1)",
|
|
86
|
-
"var(--color-gray-2)",
|
|
87
|
-
"var(--color-gray-3)",
|
|
88
|
-
"var(--color-gray-4)",
|
|
89
|
-
"var(--color-gray-5)",
|
|
90
|
-
"var(--color-gray-6)",
|
|
91
|
-
"var(--color-gray-7)",
|
|
92
|
-
"var(--color-gray-8)",
|
|
93
|
-
"var(--color-gray-9)"
|
|
94
|
-
],
|
|
95
|
-
red: [
|
|
96
|
-
"var(--color-red-0)",
|
|
97
|
-
"var(--color-red-1)",
|
|
98
|
-
"var(--color-red-2)",
|
|
99
|
-
"var(--color-red-3)",
|
|
100
|
-
"var(--color-red-4)",
|
|
101
|
-
"var(--color-red-5)",
|
|
102
|
-
"var(--color-red-6)",
|
|
103
|
-
"var(--color-red-7)",
|
|
104
|
-
"var(--color-red-8)",
|
|
105
|
-
"var(--color-red-9)"
|
|
106
|
-
],
|
|
107
|
-
green: [
|
|
108
|
-
"var(--color-green-0)",
|
|
109
|
-
"var(--color-green-1)",
|
|
110
|
-
"var(--color-green-2)",
|
|
111
|
-
"var(--color-green-3)",
|
|
112
|
-
"var(--color-green-4)",
|
|
113
|
-
"var(--color-green-5)",
|
|
114
|
-
"var(--color-green-6)",
|
|
115
|
-
"var(--color-green-7)",
|
|
116
|
-
"var(--color-green-8)",
|
|
117
|
-
"var(--color-green-9)"
|
|
118
|
-
],
|
|
119
|
-
yellow: [
|
|
120
|
-
"var(--color-yellow-0)",
|
|
121
|
-
"var(--color-yellow-1)",
|
|
122
|
-
"var(--color-yellow-2)",
|
|
123
|
-
"var(--color-yellow-3)",
|
|
124
|
-
"var(--color-yellow-4)",
|
|
125
|
-
"var(--color-yellow-5)",
|
|
126
|
-
"var(--color-yellow-6)",
|
|
127
|
-
"var(--color-yellow-7)",
|
|
128
|
-
"var(--color-yellow-8)",
|
|
129
|
-
"var(--color-yellow-9)"
|
|
130
|
-
],
|
|
131
|
-
purple: [
|
|
132
|
-
"var(--color-purple-0)",
|
|
133
|
-
"var(--color-purple-1)",
|
|
134
|
-
"var(--color-purple-2)",
|
|
135
|
-
"var(--color-purple-3)",
|
|
136
|
-
"var(--color-purple-4)",
|
|
137
|
-
"var(--color-purple-5)",
|
|
138
|
-
"var(--color-purple-6)",
|
|
139
|
-
"var(--color-purple-7)",
|
|
140
|
-
"var(--color-purple-8)",
|
|
141
|
-
"var(--color-purple-9)"
|
|
142
|
-
],
|
|
143
|
-
orange: [
|
|
144
|
-
"var(--color-orange-0)",
|
|
145
|
-
"var(--color-orange-1)",
|
|
146
|
-
"var(--color-orange-2)",
|
|
147
|
-
"var(--color-orange-3)",
|
|
148
|
-
"var(--color-orange-4)",
|
|
149
|
-
"var(--color-orange-5)",
|
|
150
|
-
"var(--color-orange-6)",
|
|
151
|
-
"var(--color-orange-7)",
|
|
152
|
-
"var(--color-orange-8)",
|
|
153
|
-
"var(--color-orange-9)"
|
|
154
|
-
],
|
|
155
|
-
pink: [
|
|
156
|
-
"var(--color-pink-0)",
|
|
157
|
-
"var(--color-pink-1)",
|
|
158
|
-
"var(--color-pink-2)",
|
|
159
|
-
"var(--color-pink-3)",
|
|
160
|
-
"var(--color-pink-4)",
|
|
161
|
-
"var(--color-pink-5)",
|
|
162
|
-
"var(--color-pink-6)",
|
|
163
|
-
"var(--color-pink-7)",
|
|
164
|
-
"var(--color-pink-8)",
|
|
165
|
-
"var(--color-pink-9)"
|
|
166
|
-
],
|
|
167
|
-
teal: [
|
|
168
|
-
"var(--color-teal-0)",
|
|
169
|
-
"var(--color-teal-1)",
|
|
170
|
-
"var(--color-teal-2)",
|
|
171
|
-
"var(--color-teal-3)",
|
|
172
|
-
"var(--color-teal-4)",
|
|
173
|
-
"var(--color-teal-5)",
|
|
174
|
-
"var(--color-teal-6)",
|
|
175
|
-
"var(--color-teal-7)",
|
|
176
|
-
"var(--color-teal-8)",
|
|
177
|
-
"var(--color-teal-9)"
|
|
178
|
-
],
|
|
179
|
-
indigo: [
|
|
180
|
-
"var(--color-indigo-0)",
|
|
181
|
-
"var(--color-indigo-1)",
|
|
182
|
-
"var(--color-indigo-2)",
|
|
183
|
-
"var(--color-indigo-3)",
|
|
184
|
-
"var(--color-indigo-4)",
|
|
185
|
-
"var(--color-indigo-5)",
|
|
186
|
-
"var(--color-indigo-6)",
|
|
187
|
-
"var(--color-indigo-7)",
|
|
188
|
-
"var(--color-indigo-8)",
|
|
189
|
-
"var(--color-indigo-9)"
|
|
190
|
-
]
|
|
191
|
-
},
|
|
192
10
|
cursorType: "pointer",
|
|
193
11
|
components: {
|
|
194
12
|
Notification: core.Notification.extend({
|
|
@@ -3,188 +3,6 @@ import { breakpointsWithPx } from './breakpoints-with-px.js';
|
|
|
3
3
|
|
|
4
4
|
const myDefaultTheme = {
|
|
5
5
|
breakpoints: breakpointsWithPx,
|
|
6
|
-
colors: {
|
|
7
|
-
violet: [
|
|
8
|
-
"var(--color-violet-0)",
|
|
9
|
-
"var(--color-violet-1)",
|
|
10
|
-
"var(--color-violet-2)",
|
|
11
|
-
"var(--color-violet-3)",
|
|
12
|
-
"var(--color-violet-4)",
|
|
13
|
-
"var(--color-violet-5)",
|
|
14
|
-
"var(--color-violet-6)",
|
|
15
|
-
"var(--color-violet-7)",
|
|
16
|
-
"var(--color-violet-8)",
|
|
17
|
-
"var(--color-violet-9)"
|
|
18
|
-
],
|
|
19
|
-
lime: [
|
|
20
|
-
"var(--color-lime-0)",
|
|
21
|
-
"var(--color-lime-1)",
|
|
22
|
-
"var(--color-lime-2)",
|
|
23
|
-
"var(--color-lime-3)",
|
|
24
|
-
"var(--color-lime-4)",
|
|
25
|
-
"var(--color-lime-5)",
|
|
26
|
-
"var(--color-lime-6)",
|
|
27
|
-
"var(--color-lime-7)",
|
|
28
|
-
"var(--color-lime-8)",
|
|
29
|
-
"var(--color-lime-9)"
|
|
30
|
-
],
|
|
31
|
-
grape: [
|
|
32
|
-
"var(--color-grape-0)",
|
|
33
|
-
"var(--color-grape-1)",
|
|
34
|
-
"var(--color-grape-2)",
|
|
35
|
-
"var(--color-grape-3)",
|
|
36
|
-
"var(--color-grape-4)",
|
|
37
|
-
"var(--color-grape-5)",
|
|
38
|
-
"var(--color-grape-6)",
|
|
39
|
-
"var(--color-grape-7)",
|
|
40
|
-
"var(--color-grape-8)",
|
|
41
|
-
"var(--color-grape-9)"
|
|
42
|
-
],
|
|
43
|
-
dark: [
|
|
44
|
-
"var(--color-dark-0)",
|
|
45
|
-
"var(--color-dark-1)",
|
|
46
|
-
"var(--color-dark-2)",
|
|
47
|
-
"var(--color-dark-3)",
|
|
48
|
-
"var(--color-dark-4)",
|
|
49
|
-
"var(--color-dark-5)",
|
|
50
|
-
"var(--color-dark-6)",
|
|
51
|
-
"var(--color-dark-7)",
|
|
52
|
-
"var(--color-dark-8)",
|
|
53
|
-
"var(--color-dark-9)"
|
|
54
|
-
],
|
|
55
|
-
cyan: [
|
|
56
|
-
"var(--color-cyan-0)",
|
|
57
|
-
"var(--color-cyan-1)",
|
|
58
|
-
"var(--color-cyan-2)",
|
|
59
|
-
"var(--color-cyan-3)",
|
|
60
|
-
"var(--color-cyan-4)",
|
|
61
|
-
"var(--color-cyan-5)",
|
|
62
|
-
"var(--color-cyan-6)",
|
|
63
|
-
"var(--color-cyan-7)",
|
|
64
|
-
"var(--color-cyan-8)",
|
|
65
|
-
"var(--color-cyan-9)"
|
|
66
|
-
],
|
|
67
|
-
blue: [
|
|
68
|
-
"var(--color-blue-0)",
|
|
69
|
-
"var(--color-blue-1)",
|
|
70
|
-
"var(--color-blue-2)",
|
|
71
|
-
"var(--color-blue-3)",
|
|
72
|
-
"var(--color-blue-4)",
|
|
73
|
-
"var(--color-blue-5)",
|
|
74
|
-
"var(--color-blue-6)",
|
|
75
|
-
"var(--color-blue-7)",
|
|
76
|
-
"var(--color-blue-8)",
|
|
77
|
-
"var(--color-blue-9)"
|
|
78
|
-
],
|
|
79
|
-
gray: [
|
|
80
|
-
"var(--color-gray-0)",
|
|
81
|
-
"var(--color-gray-1)",
|
|
82
|
-
"var(--color-gray-2)",
|
|
83
|
-
"var(--color-gray-3)",
|
|
84
|
-
"var(--color-gray-4)",
|
|
85
|
-
"var(--color-gray-5)",
|
|
86
|
-
"var(--color-gray-6)",
|
|
87
|
-
"var(--color-gray-7)",
|
|
88
|
-
"var(--color-gray-8)",
|
|
89
|
-
"var(--color-gray-9)"
|
|
90
|
-
],
|
|
91
|
-
red: [
|
|
92
|
-
"var(--color-red-0)",
|
|
93
|
-
"var(--color-red-1)",
|
|
94
|
-
"var(--color-red-2)",
|
|
95
|
-
"var(--color-red-3)",
|
|
96
|
-
"var(--color-red-4)",
|
|
97
|
-
"var(--color-red-5)",
|
|
98
|
-
"var(--color-red-6)",
|
|
99
|
-
"var(--color-red-7)",
|
|
100
|
-
"var(--color-red-8)",
|
|
101
|
-
"var(--color-red-9)"
|
|
102
|
-
],
|
|
103
|
-
green: [
|
|
104
|
-
"var(--color-green-0)",
|
|
105
|
-
"var(--color-green-1)",
|
|
106
|
-
"var(--color-green-2)",
|
|
107
|
-
"var(--color-green-3)",
|
|
108
|
-
"var(--color-green-4)",
|
|
109
|
-
"var(--color-green-5)",
|
|
110
|
-
"var(--color-green-6)",
|
|
111
|
-
"var(--color-green-7)",
|
|
112
|
-
"var(--color-green-8)",
|
|
113
|
-
"var(--color-green-9)"
|
|
114
|
-
],
|
|
115
|
-
yellow: [
|
|
116
|
-
"var(--color-yellow-0)",
|
|
117
|
-
"var(--color-yellow-1)",
|
|
118
|
-
"var(--color-yellow-2)",
|
|
119
|
-
"var(--color-yellow-3)",
|
|
120
|
-
"var(--color-yellow-4)",
|
|
121
|
-
"var(--color-yellow-5)",
|
|
122
|
-
"var(--color-yellow-6)",
|
|
123
|
-
"var(--color-yellow-7)",
|
|
124
|
-
"var(--color-yellow-8)",
|
|
125
|
-
"var(--color-yellow-9)"
|
|
126
|
-
],
|
|
127
|
-
purple: [
|
|
128
|
-
"var(--color-purple-0)",
|
|
129
|
-
"var(--color-purple-1)",
|
|
130
|
-
"var(--color-purple-2)",
|
|
131
|
-
"var(--color-purple-3)",
|
|
132
|
-
"var(--color-purple-4)",
|
|
133
|
-
"var(--color-purple-5)",
|
|
134
|
-
"var(--color-purple-6)",
|
|
135
|
-
"var(--color-purple-7)",
|
|
136
|
-
"var(--color-purple-8)",
|
|
137
|
-
"var(--color-purple-9)"
|
|
138
|
-
],
|
|
139
|
-
orange: [
|
|
140
|
-
"var(--color-orange-0)",
|
|
141
|
-
"var(--color-orange-1)",
|
|
142
|
-
"var(--color-orange-2)",
|
|
143
|
-
"var(--color-orange-3)",
|
|
144
|
-
"var(--color-orange-4)",
|
|
145
|
-
"var(--color-orange-5)",
|
|
146
|
-
"var(--color-orange-6)",
|
|
147
|
-
"var(--color-orange-7)",
|
|
148
|
-
"var(--color-orange-8)",
|
|
149
|
-
"var(--color-orange-9)"
|
|
150
|
-
],
|
|
151
|
-
pink: [
|
|
152
|
-
"var(--color-pink-0)",
|
|
153
|
-
"var(--color-pink-1)",
|
|
154
|
-
"var(--color-pink-2)",
|
|
155
|
-
"var(--color-pink-3)",
|
|
156
|
-
"var(--color-pink-4)",
|
|
157
|
-
"var(--color-pink-5)",
|
|
158
|
-
"var(--color-pink-6)",
|
|
159
|
-
"var(--color-pink-7)",
|
|
160
|
-
"var(--color-pink-8)",
|
|
161
|
-
"var(--color-pink-9)"
|
|
162
|
-
],
|
|
163
|
-
teal: [
|
|
164
|
-
"var(--color-teal-0)",
|
|
165
|
-
"var(--color-teal-1)",
|
|
166
|
-
"var(--color-teal-2)",
|
|
167
|
-
"var(--color-teal-3)",
|
|
168
|
-
"var(--color-teal-4)",
|
|
169
|
-
"var(--color-teal-5)",
|
|
170
|
-
"var(--color-teal-6)",
|
|
171
|
-
"var(--color-teal-7)",
|
|
172
|
-
"var(--color-teal-8)",
|
|
173
|
-
"var(--color-teal-9)"
|
|
174
|
-
],
|
|
175
|
-
indigo: [
|
|
176
|
-
"var(--color-indigo-0)",
|
|
177
|
-
"var(--color-indigo-1)",
|
|
178
|
-
"var(--color-indigo-2)",
|
|
179
|
-
"var(--color-indigo-3)",
|
|
180
|
-
"var(--color-indigo-4)",
|
|
181
|
-
"var(--color-indigo-5)",
|
|
182
|
-
"var(--color-indigo-6)",
|
|
183
|
-
"var(--color-indigo-7)",
|
|
184
|
-
"var(--color-indigo-8)",
|
|
185
|
-
"var(--color-indigo-9)"
|
|
186
|
-
]
|
|
187
|
-
},
|
|
188
6
|
cursorType: "pointer",
|
|
189
7
|
components: {
|
|
190
8
|
Notification: Notification.extend({
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const notifications = require('@mantine/notifications');
|
|
6
|
+
const ky = require('ky');
|
|
7
|
+
const httpStatus = require('../consts/http-status.cjs');
|
|
8
|
+
|
|
9
|
+
const showApiErrorNotification = (error, messages) => {
|
|
10
|
+
if (error instanceof ky.HTTPError) {
|
|
11
|
+
const fallBackMessage = "Ocurrió un error, por favor intenta de nuevo más tarde";
|
|
12
|
+
const baseMessages = {
|
|
13
|
+
[httpStatus.HttpStatus.Forbidden]: "No tienes permisos para realizar esta acción, contáctate con un administrador",
|
|
14
|
+
[httpStatus.HttpStatus.InternalServerError]: fallBackMessage,
|
|
15
|
+
...messages
|
|
16
|
+
};
|
|
17
|
+
const status = error.response.status;
|
|
18
|
+
const message = baseMessages[status] ?? fallBackMessage;
|
|
19
|
+
notifications.showNotification({
|
|
20
|
+
message,
|
|
21
|
+
color: "red"
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
throw error;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.showApiErrorNotification = showApiErrorNotification;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { showNotification } from '@mantine/notifications';
|
|
2
|
+
import { HTTPError } from 'ky';
|
|
3
|
+
import { HttpStatus } from '../consts/http-status.js';
|
|
4
|
+
|
|
5
|
+
const showApiErrorNotification = (error, messages) => {
|
|
6
|
+
if (error instanceof HTTPError) {
|
|
7
|
+
const fallBackMessage = "Ocurrió un error, por favor intenta de nuevo más tarde";
|
|
8
|
+
const baseMessages = {
|
|
9
|
+
[HttpStatus.Forbidden]: "No tienes permisos para realizar esta acción, contáctate con un administrador",
|
|
10
|
+
[HttpStatus.InternalServerError]: fallBackMessage,
|
|
11
|
+
...messages
|
|
12
|
+
};
|
|
13
|
+
const status = error.response.status;
|
|
14
|
+
const message = baseMessages[status] ?? fallBackMessage;
|
|
15
|
+
showNotification({
|
|
16
|
+
message,
|
|
17
|
+
color: "red"
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
throw error;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { showApiErrorNotification };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lkd-web-kit",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.6",
|
|
4
4
|
"description": "A template for creating React component libraries with Vite.",
|
|
5
5
|
"author": "LKD",
|
|
6
6
|
"license": "MIT",
|
|
@@ -53,17 +53,17 @@
|
|
|
53
53
|
"vitest": "^3.2.4"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@mantine/core": "^8.2.
|
|
57
|
-
"@mantine/dates": "^8.2.
|
|
58
|
-
"@mantine/hooks": "^8.2.
|
|
59
|
-
"@mantine/notifications": "^8.2.
|
|
60
|
-
"@tanstack/react-query": "^5.
|
|
56
|
+
"@mantine/core": "^8.2.3",
|
|
57
|
+
"@mantine/dates": "^8.2.3",
|
|
58
|
+
"@mantine/hooks": "^8.2.3",
|
|
59
|
+
"@mantine/notifications": "^8.2.3",
|
|
60
|
+
"@tanstack/react-query": "^5.84.1",
|
|
61
61
|
"clsx": "^2.1.1",
|
|
62
62
|
"ky": "^1.8.2",
|
|
63
63
|
"next": "^15.4.5",
|
|
64
64
|
"react": "^19.1.1",
|
|
65
65
|
"react-dom": "^19.1.1",
|
|
66
|
-
"react-hook-form": "^7.
|
|
66
|
+
"react-hook-form": "^7.62.0",
|
|
67
67
|
"react-query-kit": "^3.3.1",
|
|
68
68
|
"zod": "^4.0.14"
|
|
69
69
|
},
|