aq-fe-framework 0.1.708 → 0.1.711

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.
@@ -1,50 +1,50 @@
1
- .header {
2
- position: sticky; /* Giúp header dính trên cùng */
3
- top: 0;
4
- z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
- height: 60px;
6
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
- padding-left: var(--mantine-spacing-md);
8
- padding-right: var(--mantine-spacing-md);
9
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
- }
11
-
12
- .link {
13
- display: flex;
14
- align-items: center;
15
- height: 100%;
16
- padding-left: var(--mantine-spacing-md);
17
- padding-right: var(--mantine-spacing-md);
18
- text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
- font-weight: 500;
21
- font-size: var(--mantine-font-size-sm);
22
-
23
- @media (max-width: $mantine-breakpoint-sm) {
24
- height: 42px;
25
- width: 100%;
26
- }
27
-
28
- @mixin hover {
29
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
- }
31
- }
32
-
33
- .subLink {
34
- width: 100%;
35
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
- border-radius: var(--mantine-radius-md);
37
-
38
- @mixin hover {
39
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
- }
41
- }
42
-
43
- .dropdownFooter {
44
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
- margin: calc(var(--mantine-spacing-md) * -1);
46
- margin-top: var(--mantine-spacing-sm);
47
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
- padding-bottom: var(--mantine-spacing-xl);
49
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
- }
1
+ .header {
2
+ position: sticky; /* Giúp header dính trên cùng */
3
+ top: 0;
4
+ z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
+ height: 60px;
6
+ background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
+ padding-left: var(--mantine-spacing-md);
8
+ padding-right: var(--mantine-spacing-md);
9
+ border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
+ }
11
+
12
+ .link {
13
+ display: flex;
14
+ align-items: center;
15
+ height: 100%;
16
+ padding-left: var(--mantine-spacing-md);
17
+ padding-right: var(--mantine-spacing-md);
18
+ text-decoration: none;
19
+ color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
+ font-weight: 500;
21
+ font-size: var(--mantine-font-size-sm);
22
+
23
+ @media (max-width: $mantine-breakpoint-sm) {
24
+ height: 42px;
25
+ width: 100%;
26
+ }
27
+
28
+ @mixin hover {
29
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
+ }
31
+ }
32
+
33
+ .subLink {
34
+ width: 100%;
35
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
+ border-radius: var(--mantine-radius-md);
37
+
38
+ @mixin hover {
39
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
+ }
41
+ }
42
+
43
+ .dropdownFooter {
44
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
+ margin: calc(var(--mantine-spacing-md) * -1);
46
+ margin-top: var(--mantine-spacing-sm);
47
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
+ padding-bottom: var(--mantine-spacing-xl);
49
+ border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
+ }
@@ -9,7 +9,7 @@ import {
9
9
  Boxes,
10
10
  FaviconSetter,
11
11
  HeaderMegaMenu,
12
- MyActionIcon,
12
+ MyActionIcon2 as MyActionIcon,
13
13
  MyActionIconCheck,
14
14
  MyActionIconDelete,
15
15
  MyActionIconDownloadPDF,
@@ -21,11 +21,11 @@ import {
21
21
  MyAppSpotlight,
22
22
  MyBoxesBackground,
23
23
  MyBoxesCore,
24
- MyButton,
24
+ MyButton2 as MyButton,
25
25
  MyButtonCreate,
26
26
  MyButtonDeleteList,
27
27
  MyButtonImport,
28
- MyButtonModal,
28
+ MyButtonModal2 as MyButtonModal,
29
29
  MyButtonPrintPDF2 as MyButtonPrintPDF,
30
30
  MyButtonPrintTablePDF,
31
31
  MyButtonRouterBack,
@@ -41,7 +41,7 @@ import {
41
41
  MyDateInput,
42
42
  MyFieldset,
43
43
  MyFileInput,
44
- MyFlexColumn,
44
+ MyFlexColumn2 as MyFlexColumn,
45
45
  MyFlexEnd2 as MyFlexEnd,
46
46
  MyFlexRow,
47
47
  MyHtmlWrapper,
@@ -57,7 +57,7 @@ import {
57
57
  MyTab,
58
58
  MyTextArea,
59
59
  MyTextEditor,
60
- MyTextInput,
60
+ MyTextInput2 as MyTextInput,
61
61
  SelectFieldModal,
62
62
  SelectFileModal,
63
63
  extractLinkedMenuItems,
@@ -70,9 +70,9 @@ import {
70
70
  useHeaderMegaMenuStore,
71
71
  useS_ButtonImport,
72
72
  useStore_BasicAppShell
73
- } from "../chunk-6RBDWUG5.mjs";
73
+ } from "../chunk-N7UJSGZK.mjs";
74
74
  import "../chunk-SUH3FFFV.mjs";
75
- import "../chunk-2B2FKBKX.mjs";
75
+ import "../chunk-WBSFRMHN.mjs";
76
76
  import "../chunk-7PUDC2WF.mjs";
77
77
  import "../chunk-EWDS5IOF.mjs";
78
78
  import "../chunk-REMYBOSK.mjs";
@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { type_action } from '../types/index.mjs';
3
3
  import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TooltipProps, TextProps, PaperProps, GroupProps, ThemeIconProps, FileInputProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
4
4
  import { ReactNode, ButtonHTMLAttributes, ComponentProps } from 'react';
5
+ import { useDisclosure } from '@mantine/hooks';
5
6
  import { UseFormReturnType } from '@mantine/form';
6
7
  import { AxiosResponse } from 'axios';
7
8
  import { M as MyApiResponse } from '../createBaseApi-BlBEF93G.mjs';
8
- import { useDisclosure } from '@mantine/hooks';
9
9
  import { M as MyReactMutationProps } from '../useMyReactMutation-BAn-cO_2.mjs';
10
10
  import { UseReactToPrintOptions } from 'react-to-print';
11
11
  import { I as IAQFileDetail } from '../utils_file-JlhzjLGS.mjs';
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DroppablePlaceholder,
3
- MyActionIcon2 as MyActionIcon,
4
- MyButton2 as MyButton,
3
+ MyActionIcon,
4
+ MyButton,
5
5
  MyButtonCreateUpdate,
6
- MyButtonModal2 as MyButtonModal,
6
+ MyButtonModal,
7
7
  MyButtonModalForm,
8
8
  MyButtonPrintPDF,
9
9
  MyButtonViewFile,
@@ -11,7 +11,7 @@ import {
11
11
  MyDataTableSelectOne,
12
12
  MyDayOfWeekPicker,
13
13
  MyFileInputPreview,
14
- MyFlexColumn2 as MyFlexColumn,
14
+ MyFlexColumn,
15
15
  MyFlexEnd,
16
16
  MyFlexIconTitle,
17
17
  MyInfoBox,
@@ -23,11 +23,11 @@ import {
23
23
  MySelect,
24
24
  MySelectFromAPI,
25
25
  MyStatsCard,
26
- MyTextInput2 as MyTextInput,
26
+ MyTextInput,
27
27
  MyWeeklySessionSchedulerPicker
28
- } from "../chunk-6RBDWUG5.mjs";
28
+ } from "../chunk-N7UJSGZK.mjs";
29
29
  import "../chunk-SUH3FFFV.mjs";
30
- import "../chunk-2B2FKBKX.mjs";
30
+ import "../chunk-WBSFRMHN.mjs";
31
31
  import "../chunk-7PUDC2WF.mjs";
32
32
  import "../chunk-EWDS5IOF.mjs";
33
33
  import "../chunk-REMYBOSK.mjs";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MyModalDelete
3
- } from "../chunk-6RBDWUG5.mjs";
3
+ } from "../chunk-N7UJSGZK.mjs";
4
4
  import "../chunk-SUH3FFFV.mjs";
5
- import "../chunk-2B2FKBKX.mjs";
5
+ import "../chunk-WBSFRMHN.mjs";
6
6
  import "../chunk-7PUDC2WF.mjs";
7
7
  import "../chunk-EWDS5IOF.mjs";
8
8
  import "../chunk-REMYBOSK.mjs";
@@ -1,5 +1,6 @@
1
1
  import * as _tanstack_react_query from '@tanstack/react-query';
2
2
  import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
3
+ import * as _mantine_hooks from '@mantine/hooks';
3
4
  import * as _mantine_form from '@mantine/form';
4
5
  import { FormValidateInput } from '@mantine/form';
5
6
  import { AxiosResponse, AxiosInstance } from 'axios';
@@ -30,18 +31,14 @@ interface UseCreateUpdateProps<TForm extends Record<string, any>, TEntity> {
30
31
  }
31
32
  declare function useCreateUpdate<TForm extends Record<string, any>, TEntity>({ initValues, createFn, updateFn, mapInitToForm, mapFormToMutateValue, validate, }: UseCreateUpdateProps<TForm, TEntity>): {
32
33
  form: _mantine_form.UseFormReturnType<TForm, (values: TForm) => TForm>;
33
- disclosure: readonly [boolean, {
34
- readonly open: () => void;
35
- readonly close: () => void;
36
- readonly toggle: () => void;
37
- }];
34
+ disclosure: _mantine_hooks.UseDisclosureReturnValue;
38
35
  mutation: _tanstack_react_query.UseMutationResult<TEntity, Error, TEntity, unknown>;
39
36
  handleSubmit: (formValues: TForm) => void;
40
37
  };
41
38
 
42
39
  declare function useMyDevice(): {
43
- isMobile: boolean | undefined;
44
- isTablet: boolean | undefined;
40
+ isMobile: boolean;
41
+ isTablet: boolean;
45
42
  isPc: boolean;
46
43
  };
47
44
 
@@ -108,6 +105,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
108
105
  isPaused: boolean;
109
106
  isRefetching: boolean;
110
107
  isStale: boolean;
108
+ isEnabled: boolean;
111
109
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
112
110
  fetchStatus: _tanstack_react_query.FetchStatus;
113
111
  promise: Promise<T[]>;
@@ -135,6 +133,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
135
133
  isPaused: boolean;
136
134
  isRefetching: boolean;
137
135
  isStale: boolean;
136
+ isEnabled: boolean;
138
137
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
139
138
  fetchStatus: _tanstack_react_query.FetchStatus;
140
139
  promise: Promise<T[]>;
@@ -162,6 +161,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
162
161
  isPaused: boolean;
163
162
  isRefetching: boolean;
164
163
  isStale: boolean;
164
+ isEnabled: boolean;
165
165
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
166
166
  fetchStatus: _tanstack_react_query.FetchStatus;
167
167
  promise: Promise<T[]>;
@@ -189,6 +189,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
189
189
  isPaused: boolean;
190
190
  isRefetching: boolean;
191
191
  isStale: boolean;
192
+ isEnabled: boolean;
192
193
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
193
194
  fetchStatus: _tanstack_react_query.FetchStatus;
194
195
  promise: Promise<T[]>;
@@ -216,6 +217,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
216
217
  isPaused: boolean;
217
218
  isRefetching: boolean;
218
219
  isStale: boolean;
220
+ isEnabled: boolean;
219
221
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
220
222
  fetchStatus: _tanstack_react_query.FetchStatus;
221
223
  promise: Promise<T[]>;
@@ -243,6 +245,7 @@ declare function useCrudService<T>(service: BaseApiType<T>, queryKey: QueryKey):
243
245
  isPaused: boolean;
244
246
  isRefetching: boolean;
245
247
  isStale: boolean;
248
+ isEnabled: boolean;
246
249
  refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T[], Error>>;
247
250
  fetchStatus: _tanstack_react_query.FetchStatus;
248
251
  promise: Promise<T[]>;
@@ -270,7 +273,7 @@ interface MyReactQueryProps<IRes, IBody> {
270
273
  }
271
274
  declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mockData, }: MyReactQueryProps<IRes, IBody>): {
272
275
  dataCount: number;
273
- data: IRes;
276
+ data: _tanstack_react_query.NoInfer<IRes>;
274
277
  error: Error;
275
278
  isError: true;
276
279
  isPending: false;
@@ -292,12 +295,13 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
292
295
  isPaused: boolean;
293
296
  isRefetching: boolean;
294
297
  isStale: boolean;
295
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
298
+ isEnabled: boolean;
299
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
296
300
  fetchStatus: _tanstack_react_query.FetchStatus;
297
- promise: Promise<IRes>;
301
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
298
302
  } | {
299
303
  dataCount: number;
300
- data: IRes;
304
+ data: _tanstack_react_query.NoInfer<IRes>;
301
305
  error: null;
302
306
  isError: false;
303
307
  isPending: false;
@@ -319,9 +323,10 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
319
323
  isPaused: boolean;
320
324
  isRefetching: boolean;
321
325
  isStale: boolean;
322
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
326
+ isEnabled: boolean;
327
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
323
328
  fetchStatus: _tanstack_react_query.FetchStatus;
324
- promise: Promise<IRes>;
329
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
325
330
  } | {
326
331
  dataCount: number;
327
332
  data: undefined;
@@ -346,9 +351,10 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
346
351
  isPaused: boolean;
347
352
  isRefetching: boolean;
348
353
  isStale: boolean;
349
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
354
+ isEnabled: boolean;
355
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
350
356
  fetchStatus: _tanstack_react_query.FetchStatus;
351
- promise: Promise<IRes>;
357
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
352
358
  } | {
353
359
  dataCount: number;
354
360
  data: undefined;
@@ -373,9 +379,10 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
373
379
  isPaused: boolean;
374
380
  isRefetching: boolean;
375
381
  isStale: boolean;
376
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
382
+ isEnabled: boolean;
383
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
377
384
  fetchStatus: _tanstack_react_query.FetchStatus;
378
- promise: Promise<IRes>;
385
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
379
386
  } | {
380
387
  dataCount: number;
381
388
  data: undefined;
@@ -400,12 +407,13 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
400
407
  isPaused: boolean;
401
408
  isRefetching: boolean;
402
409
  isStale: boolean;
403
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
410
+ isEnabled: boolean;
411
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
404
412
  fetchStatus: _tanstack_react_query.FetchStatus;
405
- promise: Promise<IRes>;
413
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
406
414
  } | {
407
415
  dataCount: number;
408
- data: IRes;
416
+ data: _tanstack_react_query.NoInfer<IRes>;
409
417
  isError: false;
410
418
  error: null;
411
419
  isPending: false;
@@ -427,9 +435,10 @@ declare function useMyReactQuery<IRes, IBody>({ queryKey, axiosFn, options, mock
427
435
  isPaused: boolean;
428
436
  isRefetching: boolean;
429
437
  isStale: boolean;
430
- refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<IRes, Error>>;
438
+ isEnabled: boolean;
439
+ refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<IRes>, Error>>;
431
440
  fetchStatus: _tanstack_react_query.FetchStatus;
432
- promise: Promise<IRes>;
441
+ promise: Promise<_tanstack_react_query.NoInfer<IRes>>;
433
442
  };
434
443
 
435
444
  declare function useQ_AQ_GetAQModule(): _tanstack_react_query.UseQueryResult<IAQModule, Error>;
@@ -115,9 +115,9 @@ import {
115
115
  MailTemplateDeleteButton,
116
116
  useS_authenticate,
117
117
  useS_moduleConfig
118
- } from "../chunk-6RBDWUG5.mjs";
118
+ } from "../chunk-N7UJSGZK.mjs";
119
119
  import "../chunk-SUH3FFFV.mjs";
120
- import "../chunk-2B2FKBKX.mjs";
120
+ import "../chunk-WBSFRMHN.mjs";
121
121
  import "../chunk-7PUDC2WF.mjs";
122
122
  import "../chunk-EWDS5IOF.mjs";
123
123
  import "../chunk-REMYBOSK.mjs";
@@ -1,21 +1,21 @@
1
- .input {
2
- &[data-variant="underline"] {
3
- border: 2px solid transparent;
4
- border-radius: 5px;
5
- padding-left: 8px;
6
- padding-right: 8px;
7
- background-color: white;
8
-
9
- &:focus,
10
- &:focus-visible {
11
- border-color: var(--mantine-color-gray-5);
12
- outline: none;
13
- }
14
-
15
- &:active {
16
- border-color: var(--mantine-color-gray-5);
17
- }
18
-
19
- transition: border-color 0.2s ease-in-out;
20
- }
21
- }
1
+ .input {
2
+ &[data-variant="underline"] {
3
+ border: 2px solid transparent;
4
+ border-radius: 5px;
5
+ padding-left: 8px;
6
+ padding-right: 8px;
7
+ background-color: white;
8
+
9
+ &:focus,
10
+ &:focus-visible {
11
+ border-color: var(--mantine-color-gray-5);
12
+ outline: none;
13
+ }
14
+
15
+ &:active {
16
+ border-color: var(--mantine-color-gray-5);
17
+ }
18
+
19
+ transition: border-color 0.2s ease-in-out;
20
+ }
21
+ }
@@ -36,7 +36,7 @@ import {
36
36
  utils_time_getCurrentTimeString,
37
37
  utils_time_getHourMinuteFromString,
38
38
  utils_validator_validateCode
39
- } from "../chunk-2B2FKBKX.mjs";
39
+ } from "../chunk-WBSFRMHN.mjs";
40
40
  import {
41
41
  U0DateToDDMMYYYString,
42
42
  utils_date_dateToDDMMYYYString,