@makroz/web 1.2.1 → 1.2.3
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/components/MkAccordion.module.css +79 -0
- package/dist/components/MkAlert.module.css +103 -0
- package/dist/components/MkAvatar.module.css +62 -0
- package/dist/components/MkBadge.module.css +74 -0
- package/dist/components/MkButton.module.css +85 -0
- package/dist/components/MkCard.module.css +63 -0
- package/dist/components/MkCheck.module.css +87 -0
- package/dist/components/MkDatePicker.module.css +77 -0
- package/dist/components/MkDivider.module.css +39 -0
- package/dist/components/MkDropDown.module.css +108 -0
- package/dist/components/MkEmptyState.module.css +35 -0
- package/dist/components/MkFileUpload.module.css +74 -0
- package/dist/components/MkInfiniteList.module.css +69 -0
- package/dist/components/MkInput.module.css +94 -0
- package/dist/components/MkLoading.module.css +39 -0
- package/dist/components/MkModal.module.css +107 -0
- package/dist/components/MkProgressBar.module.css +48 -0
- package/dist/components/MkRadio.module.css +74 -0
- package/dist/components/MkSearchInput.module.css +80 -0
- package/dist/components/MkSelect.module.css +177 -0
- package/dist/components/MkSkeleton.module.css +28 -0
- package/dist/components/MkSwitch.module.css +108 -0
- package/dist/components/MkTable.module.css +163 -0
- package/dist/components/MkTabs.module.css +117 -0
- package/dist/components/MkThemeEditor.module.css +177 -0
- package/dist/components/MkToastContainer.module.css +95 -0
- package/dist/components/MkTooltip.module.css +43 -0
- package/dist/components/MkWindowList.module.css +59 -0
- package/dist/context/MkAuthContext.d.ts +14 -0
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkAuthContext.js +9 -0
- package/dist/context/MkAuthContext.js.map +1 -1
- package/dist/hooks/useApi.d.ts +8 -8
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useApi.js +7 -6
- package/dist/hooks/useApi.js.map +1 -1
- package/dist/hooks/useMkInfiniteList.d.ts +1 -1
- package/dist/hooks/useMkInfiniteList.d.ts.map +1 -1
- package/dist/hooks/useMkInfiniteList.js +9 -4
- package/dist/hooks/useMkInfiniteList.js.map +1 -1
- package/dist/hooks/useMkList.d.ts +29 -11
- package/dist/hooks/useMkList.d.ts.map +1 -1
- package/dist/hooks/useMkList.js.map +1 -1
- package/dist/styles/index.css +124 -0
- package/dist/theme/MkThemeProvider.d.ts.map +1 -1
- package/dist/theme/MkThemeProvider.js +34 -28
- package/dist/theme/MkThemeProvider.js.map +1 -1
- package/package.json +19 -19
- package/LICENSE +0 -33
- package/dist/components/MkAccordion.stories.test.d.ts +0 -2
- package/dist/components/MkAccordion.stories.test.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.test.js +0 -18
- package/dist/components/MkAccordion.stories.test.js.map +0 -1
- package/dist/components/MkAlert.stories.test.d.ts +0 -2
- package/dist/components/MkAlert.stories.test.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.test.js +0 -16
- package/dist/components/MkAlert.stories.test.js.map +0 -1
- package/dist/components/MkAvatar.stories.test.d.ts +0 -2
- package/dist/components/MkAvatar.stories.test.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.test.js +0 -16
- package/dist/components/MkAvatar.stories.test.js.map +0 -1
- package/dist/components/MkBadge.stories.test.d.ts +0 -2
- package/dist/components/MkBadge.stories.test.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.test.js +0 -16
- package/dist/components/MkBadge.stories.test.js.map +0 -1
- package/dist/components/MkButton.test.d.ts +0 -2
- package/dist/components/MkButton.test.d.ts.map +0 -1
- package/dist/components/MkButton.test.js +0 -56
- package/dist/components/MkButton.test.js.map +0 -1
- package/dist/components/MkCheck.stories.test.d.ts +0 -2
- package/dist/components/MkCheck.stories.test.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.test.js +0 -16
- package/dist/components/MkCheck.stories.test.js.map +0 -1
- package/dist/components/MkDatePicker.stories.test.d.ts +0 -2
- package/dist/components/MkDatePicker.stories.test.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.test.js +0 -16
- package/dist/components/MkDatePicker.stories.test.js.map +0 -1
- package/dist/components/MkDivider.stories.test.d.ts +0 -2
- package/dist/components/MkDivider.stories.test.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.test.js +0 -15
- package/dist/components/MkDivider.stories.test.js.map +0 -1
- package/dist/components/MkDropDown.stories.test.d.ts +0 -2
- package/dist/components/MkDropDown.stories.test.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.test.js +0 -18
- package/dist/components/MkDropDown.stories.test.js.map +0 -1
- package/dist/components/MkEmptyState.stories.test.d.ts +0 -2
- package/dist/components/MkEmptyState.stories.test.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.test.js +0 -15
- package/dist/components/MkEmptyState.stories.test.js.map +0 -1
- package/dist/components/MkFileUpload.stories.test.d.ts +0 -2
- package/dist/components/MkFileUpload.stories.test.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.test.js +0 -15
- package/dist/components/MkFileUpload.stories.test.js.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.d.ts +0 -2
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.js +0 -24
- package/dist/components/MkInfiniteList.stories.test.js.map +0 -1
- package/dist/components/MkInput.stories.test.d.ts +0 -2
- package/dist/components/MkInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkInput.stories.test.js +0 -16
- package/dist/components/MkInput.stories.test.js.map +0 -1
- package/dist/components/MkLoading.stories.test.d.ts +0 -2
- package/dist/components/MkLoading.stories.test.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.test.js +0 -15
- package/dist/components/MkLoading.stories.test.js.map +0 -1
- package/dist/components/MkProgressBar.stories.test.d.ts +0 -2
- package/dist/components/MkProgressBar.stories.test.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.test.js +0 -15
- package/dist/components/MkProgressBar.stories.test.js.map +0 -1
- package/dist/components/MkRadio.stories.test.d.ts +0 -2
- package/dist/components/MkRadio.stories.test.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.test.js +0 -18
- package/dist/components/MkRadio.stories.test.js.map +0 -1
- package/dist/components/MkSearchInput.stories.test.d.ts +0 -2
- package/dist/components/MkSearchInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.test.js +0 -15
- package/dist/components/MkSearchInput.stories.test.js.map +0 -1
- package/dist/components/MkSelect.stories.test.d.ts +0 -2
- package/dist/components/MkSelect.stories.test.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.test.js +0 -21
- package/dist/components/MkSelect.stories.test.js.map +0 -1
- package/dist/components/MkSkeleton.stories.test.d.ts +0 -2
- package/dist/components/MkSkeleton.stories.test.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.test.js +0 -15
- package/dist/components/MkSkeleton.stories.test.js.map +0 -1
- package/dist/components/MkSwitch.stories.test.d.ts +0 -2
- package/dist/components/MkSwitch.stories.test.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.test.js +0 -15
- package/dist/components/MkSwitch.stories.test.js.map +0 -1
- package/dist/components/MkTable.stories.test.d.ts +0 -2
- package/dist/components/MkTable.stories.test.d.ts.map +0 -1
- package/dist/components/MkTable.stories.test.js +0 -25
- package/dist/components/MkTable.stories.test.js.map +0 -1
- package/dist/components/MkTextArea.stories.test.d.ts +0 -2
- package/dist/components/MkTextArea.stories.test.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.test.js +0 -15
- package/dist/components/MkTextArea.stories.test.js.map +0 -1
- package/dist/components/MkToastContainer.stories.test.d.ts +0 -2
- package/dist/components/MkToastContainer.stories.test.d.ts.map +0 -1
- package/dist/components/MkToastContainer.stories.test.js +0 -29
- package/dist/components/MkToastContainer.stories.test.js.map +0 -1
- package/dist/components/MkTooltip.stories.test.d.ts +0 -2
- package/dist/components/MkTooltip.stories.test.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.test.js +0 -15
- package/dist/components/MkTooltip.stories.test.js.map +0 -1
- package/dist/components/MkWindowList.stories.test.d.ts +0 -2
- package/dist/components/MkWindowList.stories.test.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.test.js +0 -19
- package/dist/components/MkWindowList.stories.test.js.map +0 -1
- package/dist/hooks/useApi.test.d.ts +0 -2
- package/dist/hooks/useApi.test.d.ts.map +0 -1
- package/dist/hooks/useApi.test.js +0 -184
- package/dist/hooks/useApi.test.js.map +0 -1
- package/dist/hooks/useMkCrud.test.d.ts +0 -2
- package/dist/hooks/useMkCrud.test.d.ts.map +0 -1
- package/dist/hooks/useMkCrud.test.js +0 -87
- package/dist/hooks/useMkCrud.test.js.map +0 -1
- package/dist/hooks/useMkForm.test.d.ts +0 -2
- package/dist/hooks/useMkForm.test.d.ts.map +0 -1
- package/dist/hooks/useMkForm.test.js +0 -81
- package/dist/hooks/useMkForm.test.js.map +0 -1
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
--mk-theme-editor-bg: var(--mk-card);
|
|
3
|
+
--mk-theme-editor-border: var(--mk-border);
|
|
4
|
+
--mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
|
|
5
|
+
|
|
6
|
+
position: fixed;
|
|
7
|
+
bottom: 1.5rem;
|
|
8
|
+
right: 1.5rem;
|
|
9
|
+
width: 320px;
|
|
10
|
+
max-height: 500px;
|
|
11
|
+
background-color: var(--mk-theme-editor-bg);
|
|
12
|
+
border: 1px solid var(--mk-theme-editor-border);
|
|
13
|
+
border-radius: var(--mk-radius, 12px);
|
|
14
|
+
box-shadow: var(--mk-theme-editor-shadow);
|
|
15
|
+
z-index: 10000;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:global([data-theme='dark']) .container {
|
|
23
|
+
--mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@keyframes slideUp {
|
|
27
|
+
from {
|
|
28
|
+
opacity: 0;
|
|
29
|
+
transform: translateY(20px) scale(0.95);
|
|
30
|
+
}
|
|
31
|
+
to {
|
|
32
|
+
opacity: 1;
|
|
33
|
+
transform: translateY(0) scale(1);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.header {
|
|
38
|
+
display: flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
justify-content: space-between;
|
|
41
|
+
padding: 0.85rem 1rem;
|
|
42
|
+
background-color: var(--mk-muted);
|
|
43
|
+
border-bottom: 1px solid var(--mk-theme-editor-border);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.title {
|
|
47
|
+
font-size: 0.875rem;
|
|
48
|
+
font-weight: 700;
|
|
49
|
+
text-transform: uppercase;
|
|
50
|
+
letter-spacing: 0.05em;
|
|
51
|
+
color: var(--mk-foreground);
|
|
52
|
+
margin: 0;
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
gap: 0.5rem;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.content {
|
|
59
|
+
flex: 1;
|
|
60
|
+
overflow-y: auto;
|
|
61
|
+
padding: 1rem;
|
|
62
|
+
display: flex;
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
gap: 1.25rem;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.section {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-direction: column;
|
|
70
|
+
gap: 0.75rem;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.sectionTitle {
|
|
74
|
+
font-size: 0.75rem;
|
|
75
|
+
font-weight: 600;
|
|
76
|
+
color: var(--mk-muted-foreground);
|
|
77
|
+
text-transform: uppercase;
|
|
78
|
+
letter-spacing: 0.025em;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.tokenRow {
|
|
82
|
+
display: flex;
|
|
83
|
+
align-items: center;
|
|
84
|
+
justify-content: space-between;
|
|
85
|
+
gap: 0.75rem;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.tokenInfo {
|
|
89
|
+
display: flex;
|
|
90
|
+
flex-direction: column;
|
|
91
|
+
gap: 0.125rem;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.tokenLabel {
|
|
95
|
+
font-size: 0.8125rem;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
color: var(--mk-foreground);
|
|
98
|
+
font-family: inherit;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.tokenValue {
|
|
102
|
+
font-size: 0.7rem;
|
|
103
|
+
color: var(--mk-muted-foreground);
|
|
104
|
+
font-family: var(--mk-font-mono, monospace);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.colorInput {
|
|
108
|
+
width: 28px;
|
|
109
|
+
height: 28px;
|
|
110
|
+
padding: 0;
|
|
111
|
+
border: 2px solid var(--mk-theme-editor-border);
|
|
112
|
+
border-radius: 4px;
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
background: none;
|
|
115
|
+
flex-shrink: 0;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.colorInput::-webkit-color-swatch-wrapper {
|
|
119
|
+
padding: 0;
|
|
120
|
+
}
|
|
121
|
+
.colorInput::-webkit-color-swatch {
|
|
122
|
+
border: none;
|
|
123
|
+
border-radius: 2px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.footer {
|
|
127
|
+
padding: 0.75rem 1rem;
|
|
128
|
+
border-top: 1px solid var(--mk-theme-editor-border);
|
|
129
|
+
display: flex;
|
|
130
|
+
gap: 0.5rem;
|
|
131
|
+
background-color: var(--mk-muted);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.controlButton {
|
|
135
|
+
flex: 1;
|
|
136
|
+
display: flex;
|
|
137
|
+
align-items: center;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
gap: 0.375rem;
|
|
140
|
+
padding: 0.5rem;
|
|
141
|
+
border-radius: 6px;
|
|
142
|
+
font-size: 0.75rem;
|
|
143
|
+
font-weight: 600;
|
|
144
|
+
cursor: pointer;
|
|
145
|
+
transition: all 0.2s ease;
|
|
146
|
+
border: 1px solid var(--mk-theme-editor-border);
|
|
147
|
+
background-color: var(--mk-background);
|
|
148
|
+
color: var(--mk-foreground);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.controlButton:hover {
|
|
152
|
+
background-color: var(--mk-primary);
|
|
153
|
+
color: var(--mk-primary-foreground);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.minimized {
|
|
157
|
+
position: fixed;
|
|
158
|
+
bottom: 1.5rem;
|
|
159
|
+
right: 1.5rem;
|
|
160
|
+
width: 44px;
|
|
161
|
+
height: 44px;
|
|
162
|
+
border-radius: 50%;
|
|
163
|
+
background-color: var(--mk-primary);
|
|
164
|
+
color: white;
|
|
165
|
+
display: flex;
|
|
166
|
+
align-items: center;
|
|
167
|
+
justify-content: center;
|
|
168
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
169
|
+
cursor: pointer;
|
|
170
|
+
z-index: 10000;
|
|
171
|
+
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
172
|
+
border: none;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.minimized:hover {
|
|
176
|
+
transform: scale(1.1);
|
|
177
|
+
}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
position: fixed;
|
|
3
|
+
z-index: 9999;
|
|
4
|
+
padding: 1rem;
|
|
5
|
+
pointer-events: none;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
gap: 0.75rem;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.toast {
|
|
12
|
+
--mk-toast-bg: var(--mk-popover);
|
|
13
|
+
--mk-toast-fg: var(--mk-popover-foreground);
|
|
14
|
+
--mk-toast-border: var(--mk-border);
|
|
15
|
+
--mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
16
|
+
--mk-toast-color: var(--mk-foreground);
|
|
17
|
+
--mk-toast-radius: var(--mk-radius, 8px);
|
|
18
|
+
|
|
19
|
+
background-color: var(--mk-toast-bg);
|
|
20
|
+
color: var(--mk-toast-fg);
|
|
21
|
+
border: 1px solid var(--mk-toast-border);
|
|
22
|
+
border-radius: var(--mk-toast-radius);
|
|
23
|
+
padding: 0.85rem 1rem;
|
|
24
|
+
min-width: 280px;
|
|
25
|
+
max-width: 420px;
|
|
26
|
+
box-shadow: var(--mk-toast-shadow);
|
|
27
|
+
pointer-events: auto;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
position: relative;
|
|
30
|
+
display: flex;
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
animation: mk-fade-in 0.3s var(--mk-ease-out) backwards;
|
|
33
|
+
transition: all 0.3s var(--mk-ease-out);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:global([data-theme='dark']) .toast {
|
|
37
|
+
--mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.toast.exiting {
|
|
41
|
+
opacity: 0;
|
|
42
|
+
transform: scale(0.95);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.content {
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
gap: 0.75rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.icon {
|
|
52
|
+
font-size: 1.2rem;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.text {
|
|
57
|
+
flex-grow: 1;
|
|
58
|
+
font-size: 0.95rem;
|
|
59
|
+
font-weight: 500;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.close {
|
|
63
|
+
background: none;
|
|
64
|
+
border: none;
|
|
65
|
+
font-size: 1.5rem;
|
|
66
|
+
cursor: pointer;
|
|
67
|
+
color: var(--mk-muted-foreground);
|
|
68
|
+
line-height: 1;
|
|
69
|
+
padding: 0;
|
|
70
|
+
transition: color 0.15s ease;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.close:hover {
|
|
74
|
+
color: var(--mk-foreground);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.progress {
|
|
78
|
+
position: absolute;
|
|
79
|
+
bottom: 0;
|
|
80
|
+
left: 0;
|
|
81
|
+
height: 3px;
|
|
82
|
+
opacity: 0.5;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/* Animations */
|
|
86
|
+
@keyframes slideIn {
|
|
87
|
+
from {
|
|
88
|
+
opacity: 0;
|
|
89
|
+
transform: translateY(10px) scale(0.95);
|
|
90
|
+
}
|
|
91
|
+
to {
|
|
92
|
+
opacity: 1;
|
|
93
|
+
transform: translateY(0) scale(1);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
.wrapper { position: relative; display: inline-flex; }
|
|
2
|
+
|
|
3
|
+
.tooltip {
|
|
4
|
+
--mk-tooltip-bg: var(--mk-foreground);
|
|
5
|
+
--mk-tooltip-color: var(--mk-background);
|
|
6
|
+
--mk-tooltip-radius: 6px;
|
|
7
|
+
--mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
|
8
|
+
|
|
9
|
+
position: absolute;
|
|
10
|
+
z-index: 100;
|
|
11
|
+
padding: 0.5rem 0.75rem;
|
|
12
|
+
background-color: var(--mk-tooltip-bg);
|
|
13
|
+
color: var(--mk-tooltip-color);
|
|
14
|
+
font-size: 0.8125rem;
|
|
15
|
+
border-radius: var(--mk-tooltip-radius);
|
|
16
|
+
white-space: nowrap;
|
|
17
|
+
pointer-events: none;
|
|
18
|
+
animation: mk-fade-in 0.1s ease;
|
|
19
|
+
box-shadow: var(--mk-tooltip-shadow);
|
|
20
|
+
line-height: 1.4;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:global([data-theme='dark']) .tooltip {
|
|
24
|
+
--mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.4);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.top { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
|
|
28
|
+
.bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
|
|
29
|
+
.left { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
|
|
30
|
+
.right { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
|
|
31
|
+
|
|
32
|
+
.arrow {
|
|
33
|
+
position: absolute;
|
|
34
|
+
width: 8px;
|
|
35
|
+
height: 8px;
|
|
36
|
+
background: inherit;
|
|
37
|
+
transform: rotate(45deg);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.arrowTop { bottom: -4px; left: 50%; margin-left: -4px; }
|
|
41
|
+
.arrowBottom { top: -4px; left: 50%; margin-left: -4px; }
|
|
42
|
+
.arrowLeft { right: -4px; top: 50%; margin-top: -4px; }
|
|
43
|
+
.arrowRight { left: -4px; top: 50%; margin-top: -4px; }
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
--mk-winlist-bg: var(--mk-background);
|
|
3
|
+
--mk-winlist-border: var(--mk-border);
|
|
4
|
+
--mk-winlist-radius: var(--mk-radius, 8px);
|
|
5
|
+
--mk-winlist-muted: var(--mk-muted-foreground);
|
|
6
|
+
--mk-winlist-accent: var(--mk-primary);
|
|
7
|
+
|
|
8
|
+
overflow-y: auto;
|
|
9
|
+
position: relative;
|
|
10
|
+
width: 100%;
|
|
11
|
+
background-color: var(--mk-winlist-bg);
|
|
12
|
+
border: 1px solid var(--mk-winlist-border);
|
|
13
|
+
border-radius: var(--mk-winlist-radius);
|
|
14
|
+
padding: 0;
|
|
15
|
+
margin: 1rem 0;
|
|
16
|
+
scrollbar-width: thin;
|
|
17
|
+
scrollbar-color: var(--mk-muted) transparent;
|
|
18
|
+
color: var(--mk-foreground);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.scrollArea {
|
|
22
|
+
position: relative;
|
|
23
|
+
width: 100%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.itemWrapper {
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: 0;
|
|
29
|
+
left: 0;
|
|
30
|
+
width: 100%;
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
border-bottom: 1px solid var(--mk-winlist-border);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.loader {
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 0;
|
|
39
|
+
left: 0;
|
|
40
|
+
width: 100%;
|
|
41
|
+
padding: 1rem;
|
|
42
|
+
text-align: center;
|
|
43
|
+
color: var(--mk-winlist-accent);
|
|
44
|
+
font-weight: 600;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.initialLoader, .empty {
|
|
48
|
+
padding: 4rem;
|
|
49
|
+
text-align: center;
|
|
50
|
+
color: var(--mk-winlist-muted);
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
height: 100%;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.empty {
|
|
58
|
+
font-style: italic;
|
|
59
|
+
}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { MkAuthContextType } from '@makroz/core';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use the new Auth module located in `src/auth/` instead.
|
|
6
|
+
* This legacy context is kept for backward compatibility only and will be removed in future releases.
|
|
7
|
+
* Migrate to `MkAuthProvider` from `src/auth/MkAuthProvider.tsx`.
|
|
8
|
+
*/
|
|
4
9
|
export interface MkAuthProviderProps {
|
|
5
10
|
children: ReactNode;
|
|
6
11
|
endpoints?: {
|
|
@@ -15,6 +20,15 @@ export interface MkAuthProviderProps {
|
|
|
15
20
|
removeItem: (key: string) => Promise<void> | void;
|
|
16
21
|
};
|
|
17
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Use `MkAuthProvider` from `@makroz/web` (backed by `src/auth/MkAuthProvider.tsx`) instead.
|
|
25
|
+
* This legacy provider is kept for backward compatibility only and will be removed in future releases.
|
|
26
|
+
*/
|
|
18
27
|
export declare function MkAuthProvider({ children, endpoints, storage }: MkAuthProviderProps): React.JSX.Element;
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated Use `useMkAuth` from `@makroz/web` (backed by `src/auth/useMkAuth.ts`) instead.
|
|
30
|
+
* The new hook throws `'MkAuthProvider missing'` when invoked outside a provider.
|
|
31
|
+
* This legacy hook is kept for backward compatibility only and will be removed in future releases.
|
|
32
|
+
*/
|
|
19
33
|
export declare const useMkAuth: () => MkAuthContextType;
|
|
20
34
|
//# sourceMappingURL=MkAuthContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkAuthContext.d.ts","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EAAU,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAQ7D,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE;QACN,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;QACjE,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9D,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;KACrD,CAAC;CACL;AAED,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,SAA8E,EAC9E,OAA0E,EAC7E,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8EzC;AAED,eAAO,MAAM,SAAS,yBAIrB,CAAA"}
|
|
1
|
+
{"version":3,"file":"MkAuthContext.d.ts","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EAAU,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAQ7D;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE;QACN,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;QACjE,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9D,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;KACrD,CAAC;CACL;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,SAA8E,EAC9E,OAA0E,EAC7E,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8EzC;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,yBAIrB,CAAA"}
|
|
@@ -4,6 +4,10 @@ import { canUser } from '@makroz/core';
|
|
|
4
4
|
import { useApi } from '../hooks/useApi';
|
|
5
5
|
const MkAuthContext = createContext(undefined);
|
|
6
6
|
const TOKEN_KEY = 'mk_auth_token';
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated Use `MkAuthProvider` from `@makroz/web` (backed by `src/auth/MkAuthProvider.tsx`) instead.
|
|
9
|
+
* This legacy provider is kept for backward compatibility only and will be removed in future releases.
|
|
10
|
+
*/
|
|
7
11
|
export function MkAuthProvider({ children, endpoints = { login: '/auth/login', logout: '/auth/logout', user: '/auth/me' }, storage = (typeof localStorage !== 'undefined' ? localStorage : undefined) }) {
|
|
8
12
|
const api = useApi();
|
|
9
13
|
const [user, setUser] = useState(null);
|
|
@@ -79,6 +83,11 @@ export function MkAuthProvider({ children, endpoints = { login: '/auth/login', l
|
|
|
79
83
|
return (_jsx(MkAuthContext.Provider, { value: value, children: children }));
|
|
80
84
|
}
|
|
81
85
|
;
|
|
86
|
+
/**
|
|
87
|
+
* @deprecated Use `useMkAuth` from `@makroz/web` (backed by `src/auth/useMkAuth.ts`) instead.
|
|
88
|
+
* The new hook throws `'MkAuthProvider missing'` when invoked outside a provider.
|
|
89
|
+
* This legacy hook is kept for backward compatibility only and will be removed in future releases.
|
|
90
|
+
*/
|
|
82
91
|
export const useMkAuth = () => {
|
|
83
92
|
const context = useContext(MkAuthContext);
|
|
84
93
|
if (!context)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkAuthContext.js","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,aAAa,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE9E,MAAM,SAAS,GAAG,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"MkAuthContext.js","sourceRoot":"","sources":["../../src/context/MkAuthContext.tsx"],"names":[],"mappings":"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"}
|
package/dist/hooks/useApi.d.ts
CHANGED
|
@@ -3,17 +3,17 @@ interface UseApiOptions {
|
|
|
3
3
|
baseUrl?: string;
|
|
4
4
|
headers?: Record<string, string>;
|
|
5
5
|
}
|
|
6
|
-
export declare function useApi(options?: UseApiOptions): {
|
|
6
|
+
export declare function useApi<T = unknown>(options?: UseApiOptions): {
|
|
7
7
|
status: ApiStatus;
|
|
8
|
-
data:
|
|
9
|
-
error:
|
|
8
|
+
data: T | null;
|
|
9
|
+
error: unknown;
|
|
10
10
|
waiting: number;
|
|
11
11
|
loading: boolean;
|
|
12
|
-
get: (endpoint: string, params?: any) => Promise<MkResponse<
|
|
13
|
-
post: (endpoint: string, body:
|
|
14
|
-
put: (endpoint: string, body:
|
|
15
|
-
delete: (endpoint: string) => Promise<MkResponse<
|
|
16
|
-
remove: (endpoint: string) => Promise<MkResponse<
|
|
12
|
+
get: <R = T>(endpoint: string, params?: Record<string, string | number | boolean | Record<string, any>> | null) => Promise<MkResponse<R>>;
|
|
13
|
+
post: <R = T>(endpoint: string, body: Record<string, unknown> | FormData | null) => Promise<MkResponse<R>>;
|
|
14
|
+
put: <R = T>(endpoint: string, body: Record<string, unknown> | FormData | null) => Promise<MkResponse<R>>;
|
|
15
|
+
delete: (endpoint: string) => Promise<MkResponse<void>>;
|
|
16
|
+
remove: (endpoint: string) => Promise<MkResponse<void>>;
|
|
17
17
|
};
|
|
18
18
|
export {};
|
|
19
19
|
//# sourceMappingURL=useApi.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useApi.d.ts","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,UAAU,aAAa;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAED,wBAAgB,MAAM,CAAC,OAAO,GAAE,aAAkB;;;;;;
|
|
1
|
+
{"version":3,"file":"useApi.d.ts","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,UAAU,aAAa;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAED,wBAAgB,MAAM,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,GAAE,aAAkB;;;;;;UAsFjD,CAAC,gBAAgB,MAAM,WAAU,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;WACtG,CAAC,gBAAgB,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,GAAG,IAAI;UACzE,CAAC,gBAAgB,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,GAAG,IAAI;uBAC3D,MAAM;uBACN,MAAM;EAEhC"}
|
package/dist/hooks/useApi.js
CHANGED
|
@@ -12,13 +12,13 @@ export function useApi(options = {}) {
|
|
|
12
12
|
return "";
|
|
13
13
|
// Specific MK-Director mappings
|
|
14
14
|
if (params.q)
|
|
15
|
-
query.append('q', params.q);
|
|
15
|
+
query.append('q', String(params.q));
|
|
16
16
|
if (params.sort)
|
|
17
|
-
query.append('sort', params.sort);
|
|
17
|
+
query.append('sort', String(params.sort));
|
|
18
18
|
if (params.page)
|
|
19
|
-
query.append('page', params.page
|
|
19
|
+
query.append('page', String(params.page));
|
|
20
20
|
if (params.per_page)
|
|
21
|
-
query.append('per_page', params.per_page
|
|
21
|
+
query.append('per_page', String(params.per_page));
|
|
22
22
|
// Advanced Filtering mapping: { filter: { status: 'A', price: { gt: 100 } } }
|
|
23
23
|
if (params.filter && typeof params.filter === 'object') {
|
|
24
24
|
Object.entries(params.filter).forEach(([field, value]) => {
|
|
@@ -45,7 +45,7 @@ export function useApi(options = {}) {
|
|
|
45
45
|
const response = await fetch(`${baseUrl}${fullEndpoint}`, {
|
|
46
46
|
method,
|
|
47
47
|
headers: Object.assign(Object.assign({ 'Content-Type': 'application/json' }, context.headers), options.headers),
|
|
48
|
-
body: body ? JSON.stringify(body) : null,
|
|
48
|
+
body: body instanceof FormData ? body : (body ? JSON.stringify(body) : null),
|
|
49
49
|
});
|
|
50
50
|
const result = await response.json();
|
|
51
51
|
if (!result.success) {
|
|
@@ -56,7 +56,8 @@ export function useApi(options = {}) {
|
|
|
56
56
|
return result;
|
|
57
57
|
}
|
|
58
58
|
catch (err) {
|
|
59
|
-
|
|
59
|
+
const errorMessage = err instanceof Error ? err.message : String(err);
|
|
60
|
+
setError(errorMessage);
|
|
60
61
|
setStatus('error');
|
|
61
62
|
throw err;
|
|
62
63
|
}
|
package/dist/hooks/useApi.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useApi.js","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"useApi.js","sourceRoot":"","sources":["../../src/hooks/useApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAO1D,MAAM,UAAU,MAAM,CAAc,UAAyB,EAAE;IAC3D,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAY,MAAM,CAAC,CAAC;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC;IAEnD,MAAM,gBAAgB,GAAG,CAAC,MAA8E,EAAU,EAAE;QAChH,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;QAEpC,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAEvB,gCAAgC;QAChC,IAAI,MAAM,CAAC,CAAC;YAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,IAAI,MAAM,CAAC,IAAI;YAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3D,IAAI,MAAM,CAAC,IAAI;YAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3D,IAAI,MAAM,CAAC,QAAQ;YAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEvE,8EAA8E;QAC9E,IAAI,MAAM,CAAC,MAAM,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACrD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE;gBACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBAC9C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE;wBAC1C,KAAK,CAAC,MAAM,CAAC,UAAU,KAAK,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC3D,CAAC,CAAC,CAAC;gBACP,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,MAAM,CAAC,UAAU,KAAK,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBACpD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QAED,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrC,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,EACd,QAAgB,EAChB,SAAiB,KAAK,EACtB,OAAkD,IAAI,EACtD,SAAiF,IAAI,EAC/D,EAAE;QACxB,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,QAAQ,EAAE,CAAC,CAAC;QAE1C,MAAM,SAAS,GAAG,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7E,MAAM,YAAY,GAAG,GAAG,QAAQ,GAAG,SAAS,EAAE,CAAC;QAE/C,IAAI,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,OAAO,GAAG,YAAY,EAAE,EAAE;gBACtD,MAAM;gBACN,OAAO,gCACH,cAAc,EAAE,kBAAkB,IAC/B,OAAO,CAAC,OAAO,GACf,OAAO,CAAC,OAAO,CACrB;gBACD,IAAI,EAAE,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;aAC/E,CAAC,CAAC;YAEH,MAAM,MAAM,GAAkB,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEpD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC,CAAC;YACnD,CAAC;YAED,OAAO,CAAC,MAAM,CAAC,IAAoB,CAAC,CAAC;YACrC,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,OAAO,MAAM,CAAC;QAElB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,MAAM,YAAY,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACtE,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,MAAM,GAAG,CAAC;QACd,CAAC;gBAAS,CAAC;YACP,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC,CAAC;QAChD,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACH,MAAM;QACN,IAAI;QACJ,KAAK;QACL,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,MAAM,KAAK,SAAS;QAC7B,GAAG,EAAE,CAAQ,QAAgB,EAAE,SAAiF,IAAI,EAAE,EAAE,CAAC,IAAI,CAAI,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC;QAC/J,IAAI,EAAE,CAAQ,QAAgB,EAAE,IAA+C,EAAE,EAAE,CAAC,IAAI,CAAI,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC;QACnH,GAAG,EAAE,CAAQ,QAAgB,EAAE,IAA+C,EAAE,EAAE,CAAC,IAAI,CAAI,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC;QACjH,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,IAAI,CAAO,QAAQ,EAAE,QAAQ,CAAC;QAC5D,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,IAAI,CAAO,QAAQ,EAAE,QAAQ,CAAC;KAC/D,CAAC;AACN,CAAC"}
|
|
@@ -7,7 +7,7 @@ export interface InfiniteListOptions {
|
|
|
7
7
|
export declare function useMkInfiniteList(endpoint: string, options?: InfiniteListOptions): {
|
|
8
8
|
items: any[];
|
|
9
9
|
loading: boolean;
|
|
10
|
-
error:
|
|
10
|
+
error: unknown;
|
|
11
11
|
hasMore: boolean;
|
|
12
12
|
loadMore: () => Promise<void>;
|
|
13
13
|
reset: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMkInfiniteList.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,mBAAwB;;;;;;;
|
|
1
|
+
{"version":3,"file":"useMkInfiniteList.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,mBAAwB;;;;;;;EAyDpF"}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
|
-
import { useState, useCallback, useEffect } from 'react';
|
|
1
|
+
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
2
2
|
import { useApi } from './useApi';
|
|
3
3
|
export function useMkInfiniteList(endpoint, options = {}) {
|
|
4
4
|
const api = useApi();
|
|
5
5
|
const [items, setItems] = useState([]);
|
|
6
6
|
const [hasMore, setHasMore] = useState(true);
|
|
7
7
|
const [page, setPage] = useState(1);
|
|
8
|
+
// Stable serialization of filter to avoid reference-based re-renders
|
|
9
|
+
const filterString = options.filter ? JSON.stringify(options.filter) : '';
|
|
10
|
+
const optionsRef = useRef(options);
|
|
11
|
+
optionsRef.current = options;
|
|
8
12
|
// Reset list when filters/search changes
|
|
9
13
|
useEffect(() => {
|
|
10
14
|
setItems([]);
|
|
11
15
|
setPage(1);
|
|
12
16
|
setHasMore(true);
|
|
13
|
-
}, [options.q,
|
|
17
|
+
}, [options.q, filterString, options.sort]);
|
|
14
18
|
const loadMore = useCallback(async () => {
|
|
15
19
|
if (!hasMore || api.loading)
|
|
16
20
|
return;
|
|
17
|
-
const
|
|
21
|
+
const opts = optionsRef.current;
|
|
22
|
+
const response = await api.get(endpoint, Object.assign(Object.assign({}, opts), { page, per_page: opts.per_page || 15 }));
|
|
18
23
|
if (response.success) {
|
|
19
24
|
const newData = Array.isArray(response.data) ? response.data : [];
|
|
20
25
|
if (newData.length === 0) {
|
|
@@ -30,7 +35,7 @@ export function useMkInfiniteList(endpoint, options = {}) {
|
|
|
30
35
|
}
|
|
31
36
|
}
|
|
32
37
|
}
|
|
33
|
-
}, [endpoint, page, hasMore, api.loading
|
|
38
|
+
}, [endpoint, page, hasMore, api.loading]);
|
|
34
39
|
return {
|
|
35
40
|
items,
|
|
36
41
|
loading: api.loading,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMkInfiniteList.js","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"useMkInfiniteList.js","sourceRoot":"","sources":["../../src/hooks/useMkInfiniteList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,MAAM,UAAU,iBAAiB,CAAC,QAAgB,EAAE,UAA+B,EAAE;IACjF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,qEAAqE;IACrE,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,yCAAyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACpC,IAAI,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO;YAAE,OAAO;QAEpC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;QAChC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,kCAChC,IAAI,KACP,IAAI,EACJ,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,IAC/B,CAAC;QAEH,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,MAAM,OAAO,GAAc,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7E,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,CAAC,IAAW,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAI,OAAiB,CAAC,CAAC,CAAC;gBAC5D,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBAE1B,kCAAkC;gBAClC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAiD,CAAC;gBACzE,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;oBAC1E,UAAU,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3C,OAAO;QACH,KAAK;QACL,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO;QACP,QAAQ;QACR,KAAK,EAAE,GAAG,EAAE;YACR,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;KACJ,CAAC;AACN,CAAC"}
|