aq-fe-framework 0.1.793 → 0.1.795
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/MySelect-wDc5_mvd.d.mts +16 -0
- package/dist/chunk-JNYSYNJY.mjs +123 -0
- package/dist/chunk-U42DQAY7.mjs +17 -0
- package/dist/core/index.d.mts +4 -13
- package/dist/enum/index.mjs +4 -13
- package/dist/shared/index.css +94 -0
- package/dist/shared/index.d.mts +10 -0
- package/dist/shared/index.mjs +40 -0
- package/dist/utils-v2/index.mjs +7 -114
- package/package.json +5 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SelectProps } from '@mantine/core';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
interface MySelectProps extends SelectProps {
|
|
6
|
+
label?: ReactNode;
|
|
7
|
+
data?: Array<string | {
|
|
8
|
+
value: string;
|
|
9
|
+
label: string;
|
|
10
|
+
}>;
|
|
11
|
+
isLoading?: boolean;
|
|
12
|
+
isError?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare function MySelect({ label, data, isLoading, isError, ...rest }: MySelectProps): react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { type MySelectProps as M, MySelect as a };
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import {
|
|
2
|
+
utils_converter_mapEnumToSelectData
|
|
3
|
+
} from "./chunk-7NNLZDND.mjs";
|
|
4
|
+
|
|
5
|
+
// src/utils-v2/utils_converter.ts
|
|
6
|
+
var utils_converter = {
|
|
7
|
+
mapEnumToSelectData: utils_converter_mapEnumToSelectData
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
// src/utils-v2/utils_currency.ts
|
|
11
|
+
var utils_currency = {
|
|
12
|
+
formatWithSuffix(amount, suffix = "") {
|
|
13
|
+
const formatter = new Intl.NumberFormat("vi-VN");
|
|
14
|
+
const formattedAmount = formatter.format(amount);
|
|
15
|
+
return `${formattedAmount}${suffix}`;
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
// src/utils-v2/utils_date.ts
|
|
20
|
+
var utils_date = {
|
|
21
|
+
toDDMMYYY(date) {
|
|
22
|
+
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
23
|
+
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
24
|
+
const day = String(parsedDate.getDate()).padStart(2, "0");
|
|
25
|
+
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
26
|
+
const year = parsedDate.getFullYear();
|
|
27
|
+
return `${day}/${month}/${year}`;
|
|
28
|
+
},
|
|
29
|
+
toMMYYY(date) {
|
|
30
|
+
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
31
|
+
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
32
|
+
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
33
|
+
const year = parsedDate.getFullYear();
|
|
34
|
+
return `${month}/${year}`;
|
|
35
|
+
},
|
|
36
|
+
formatToDateTimeStartEnd(startDate, endDate) {
|
|
37
|
+
const startday = String(startDate.getDate()).padStart(2, "0");
|
|
38
|
+
const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
|
|
39
|
+
const startyear = startDate.getFullYear();
|
|
40
|
+
const starthour = String(startDate.getHours()).padStart(2, "0");
|
|
41
|
+
const startminute = String(startDate.getMinutes()).padStart(2, "0");
|
|
42
|
+
const endhour = String(endDate.getHours()).padStart(2, "0");
|
|
43
|
+
const endminuate = String(endDate.getMinutes()).padStart(2, "0");
|
|
44
|
+
return `${startday}/${startmonth}/${startyear} [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
|
|
45
|
+
},
|
|
46
|
+
getHHmm(date) {
|
|
47
|
+
if (!(date instanceof Date) || isNaN(date.getTime())) return "";
|
|
48
|
+
const hour = String(date.getHours()).padStart(2, "0");
|
|
49
|
+
const minute = String(date.getMinutes()).padStart(2, "0");
|
|
50
|
+
return `${hour}:${minute}`;
|
|
51
|
+
},
|
|
52
|
+
formatToDateTimeString(date, WithSeconds) {
|
|
53
|
+
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
54
|
+
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
55
|
+
const day = String(parsedDate.getDate()).padStart(2, "0");
|
|
56
|
+
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
57
|
+
const year = parsedDate.getFullYear();
|
|
58
|
+
const hours = String(parsedDate.getHours()).padStart(2, "0");
|
|
59
|
+
const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
|
|
60
|
+
const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
|
|
61
|
+
return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
// src/utils-v2/utils_text.ts
|
|
66
|
+
var utils_text = {
|
|
67
|
+
splitFullName(fullName) {
|
|
68
|
+
const parts = fullName.trim().split(/\s+/);
|
|
69
|
+
if (parts.length === 1) {
|
|
70
|
+
return { lastName: "", firstName: parts[0] };
|
|
71
|
+
}
|
|
72
|
+
const lastName = parts.slice(0, -1).join(" ");
|
|
73
|
+
const firstName = parts[parts.length - 1];
|
|
74
|
+
return { lastName, firstName };
|
|
75
|
+
},
|
|
76
|
+
getNormalizedTextFromHtml(html) {
|
|
77
|
+
const noHtml = (html != null ? html : "").replace(/<[^>]+>/g, "");
|
|
78
|
+
return noHtml.trim().toLowerCase();
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
// src/utils-v2/utils_time.ts
|
|
83
|
+
var utils_time = {
|
|
84
|
+
convertTimeStringToSeconds(time) {
|
|
85
|
+
const [hours, minutes, seconds] = time.split(":").map(Number);
|
|
86
|
+
return hours * 3600 + minutes * 60 + seconds;
|
|
87
|
+
},
|
|
88
|
+
getHourMinuteFromString(input) {
|
|
89
|
+
if (!input) return "";
|
|
90
|
+
if (typeof input === "string") {
|
|
91
|
+
const [hour2, minute2] = input.split(":");
|
|
92
|
+
return `${hour2}:${minute2}`;
|
|
93
|
+
}
|
|
94
|
+
const hour = String(input.getHours()).padStart(2, "0");
|
|
95
|
+
const minute = String(input.getMinutes()).padStart(2, "0");
|
|
96
|
+
return `${hour}:${minute}`;
|
|
97
|
+
},
|
|
98
|
+
getCurrentTimeString() {
|
|
99
|
+
const formatTime = (number) => {
|
|
100
|
+
return number < 10 ? "0" + number : number;
|
|
101
|
+
};
|
|
102
|
+
const now = /* @__PURE__ */ new Date();
|
|
103
|
+
const hours = formatTime(now.getHours());
|
|
104
|
+
const minutes = formatTime(now.getMinutes());
|
|
105
|
+
const seconds = formatTime(now.getSeconds());
|
|
106
|
+
return `${hours}:${minutes}:${seconds}`;
|
|
107
|
+
},
|
|
108
|
+
extractHourMinute(isoString) {
|
|
109
|
+
if (!isoString) return "";
|
|
110
|
+
const date = new Date(isoString);
|
|
111
|
+
const hours = String(date.getHours()).padStart(2, "0");
|
|
112
|
+
const minutes = String(date.getMinutes()).padStart(2, "0");
|
|
113
|
+
return `${hours}:${minutes}`;
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
export {
|
|
118
|
+
utils_converter,
|
|
119
|
+
utils_currency,
|
|
120
|
+
utils_date,
|
|
121
|
+
utils_text,
|
|
122
|
+
utils_time
|
|
123
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// src/enum/enum_gender.ts
|
|
2
|
+
var enum_gender = /* @__PURE__ */ ((enum_gender2) => {
|
|
3
|
+
enum_gender2[enum_gender2["Male"] = 1] = "Male";
|
|
4
|
+
enum_gender2[enum_gender2["Female"] = 2] = "Female";
|
|
5
|
+
enum_gender2[enum_gender2["Other"] = 3] = "Other";
|
|
6
|
+
return enum_gender2;
|
|
7
|
+
})(enum_gender || {});
|
|
8
|
+
var enumLabel_gender = {
|
|
9
|
+
[1 /* Male */]: "Nam",
|
|
10
|
+
[2 /* Female */]: "N\u1EEF",
|
|
11
|
+
[3 /* Other */]: "Kh\xE1c"
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export {
|
|
15
|
+
enum_gender,
|
|
16
|
+
enumLabel_gender
|
|
17
|
+
};
|
package/dist/core/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { type_action } from '../types/index.mjs';
|
|
3
|
-
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TooltipProps, TextProps, PaperProps, GroupProps, ThemeIconProps, FileInputProps, InputWrapperProps,
|
|
3
|
+
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TooltipProps, TextProps, PaperProps, GroupProps, ThemeIconProps, FileInputProps, InputWrapperProps, TextInputProps, FlexProps } from '@mantine/core';
|
|
4
4
|
import { ReactNode, ComponentProps } from 'react';
|
|
5
5
|
import { useDisclosure } from '@mantine/hooks';
|
|
6
6
|
import { UseFormReturnType } from '@mantine/form';
|
|
@@ -14,6 +14,8 @@ import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
|
|
|
14
14
|
import { M as MyDataTableProps } from '../MyDataTable-BZc8ObyA.mjs';
|
|
15
15
|
import { RichTextEditorProps, RichTextEditorToolbarProps, RichTextEditorContentProps } from '@mantine/tiptap';
|
|
16
16
|
import { UseEditorOptions } from '@tiptap/react';
|
|
17
|
+
import { M as MySelectProps } from '../MySelect-wDc5_mvd.mjs';
|
|
18
|
+
export { a as MySelect } from '../MySelect-wDc5_mvd.mjs';
|
|
17
19
|
import { I as IBaseEntity } from '../IBaseEntity-ChMy9RzQ.mjs';
|
|
18
20
|
export { a as MyModalDelete, M as MyModalDeleteProps } from '../MyModalDelete-BfH3xRRW.mjs';
|
|
19
21
|
import '../type_mutation-CCtnyeP3.mjs';
|
|
@@ -189,17 +191,6 @@ interface MyRichTextEditorProps {
|
|
|
189
191
|
}
|
|
190
192
|
declare function MyRichTextEditor(props: MyRichTextEditorProps): react_jsx_runtime.JSX.Element;
|
|
191
193
|
|
|
192
|
-
interface MySelectProps extends SelectProps {
|
|
193
|
-
label?: ReactNode;
|
|
194
|
-
data?: Array<string | {
|
|
195
|
-
value: string;
|
|
196
|
-
label: string;
|
|
197
|
-
}>;
|
|
198
|
-
isLoading?: boolean;
|
|
199
|
-
isError?: boolean;
|
|
200
|
-
}
|
|
201
|
-
declare function MySelect({ label, data, isLoading, isError, ...rest }: MySelectProps): react_jsx_runtime.JSX.Element;
|
|
202
|
-
|
|
203
194
|
interface MySelectFromAPIProps<IRes extends IBaseEntity, IBody = any> extends MySelectProps {
|
|
204
195
|
queryKey?: QueryKey;
|
|
205
196
|
axiosFn?: () => Promise<AxiosResponse<MyApiResponse<IRes[]>, IBody>>;
|
|
@@ -298,4 +289,4 @@ interface ValidationResult {
|
|
|
298
289
|
rows?: RowDetail[];
|
|
299
290
|
}
|
|
300
291
|
|
|
301
|
-
export { DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalForm, type MyButtonModalFormProps, type MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, type MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor,
|
|
292
|
+
export { DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalForm, type MyButtonModalFormProps, type MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, type MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelectFromAPI, type MySelectFromAPIProps, MySelectProps, MyStatsCard, MyTextInput, MyThemeIconSquareCheck, MyWeeklySessionSchedulerPicker, type RowDetail, type StagedChange, type ValidationResult, type WeeklySessionSchedulerProps };
|
package/dist/enum/index.mjs
CHANGED
|
@@ -1,20 +1,11 @@
|
|
|
1
|
+
import {
|
|
2
|
+
enumLabel_gender,
|
|
3
|
+
enum_gender
|
|
4
|
+
} from "../chunk-U42DQAY7.mjs";
|
|
1
5
|
import {
|
|
2
6
|
enum_daysOfWeek
|
|
3
7
|
} from "../chunk-K6S7R6LU.mjs";
|
|
4
8
|
import "../chunk-FWCSY2DS.mjs";
|
|
5
|
-
|
|
6
|
-
// src/enum/enum_gender.ts
|
|
7
|
-
var enum_gender = /* @__PURE__ */ ((enum_gender2) => {
|
|
8
|
-
enum_gender2[enum_gender2["Male"] = 1] = "Male";
|
|
9
|
-
enum_gender2[enum_gender2["Female"] = 2] = "Female";
|
|
10
|
-
enum_gender2[enum_gender2["Other"] = 3] = "Other";
|
|
11
|
-
return enum_gender2;
|
|
12
|
-
})(enum_gender || {});
|
|
13
|
-
var enumLabel_gender = {
|
|
14
|
-
[1 /* Male */]: "Nam",
|
|
15
|
-
[2 /* Female */]: "N\u1EEF",
|
|
16
|
-
[3 /* Other */]: "Kh\xE1c"
|
|
17
|
-
};
|
|
18
9
|
export {
|
|
19
10
|
enumLabel_gender,
|
|
20
11
|
enum_daysOfWeek,
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/* src/components/Layouts/HeaderMegaMenu/css.module.css */
|
|
2
|
+
.header {
|
|
3
|
+
position: sticky;
|
|
4
|
+
top: 0;
|
|
5
|
+
z-index: 1;
|
|
6
|
+
height: calc(3.75rem * var(--mantine-scale));
|
|
7
|
+
background-color: var(--mantine-color-white);
|
|
8
|
+
}
|
|
9
|
+
[data-mantine-color-scheme=dark] .header {
|
|
10
|
+
background-color: var(--mantine-color-dark);
|
|
11
|
+
}
|
|
12
|
+
.header {
|
|
13
|
+
padding-left: var(--mantine-spacing-md);
|
|
14
|
+
padding-right: var(--mantine-spacing-md);
|
|
15
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
16
|
+
}
|
|
17
|
+
[data-mantine-color-scheme=dark] .header {
|
|
18
|
+
border-bottom: 1px solid var(--mantine-color-dark-4);
|
|
19
|
+
}
|
|
20
|
+
.link {
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
height: 100%;
|
|
24
|
+
padding-left: var(--mantine-spacing-md);
|
|
25
|
+
padding-right: var(--mantine-spacing-md);
|
|
26
|
+
text-decoration: none;
|
|
27
|
+
color: var(--mantine-color-black);
|
|
28
|
+
}
|
|
29
|
+
[data-mantine-color-scheme=dark] .link {
|
|
30
|
+
color: var(--mantine-color-white);
|
|
31
|
+
}
|
|
32
|
+
.link {
|
|
33
|
+
font-weight: 500;
|
|
34
|
+
font-size: var(--mantine-font-size-sm);
|
|
35
|
+
}
|
|
36
|
+
@media (max-width: $mantine-breakpoint-sm) {
|
|
37
|
+
.link {
|
|
38
|
+
height: calc(2.625rem * var(--mantine-scale));
|
|
39
|
+
width: 100%;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
@media (hover: hover) {
|
|
43
|
+
.link:hover {
|
|
44
|
+
background-color: var(--mantine-color-gray-0);
|
|
45
|
+
}
|
|
46
|
+
[data-mantine-color-scheme=dark] .link:hover {
|
|
47
|
+
background-color: var(--mantine-color-dark-6);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
@media (hover: none) {
|
|
51
|
+
.link:active {
|
|
52
|
+
background-color: var(--mantine-color-gray-0);
|
|
53
|
+
}
|
|
54
|
+
[data-mantine-color-scheme=dark] .link:active {
|
|
55
|
+
background-color: var(--mantine-color-dark-6);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.subLink {
|
|
59
|
+
width: 100%;
|
|
60
|
+
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
61
|
+
border-radius: var(--mantine-radius-md);
|
|
62
|
+
}
|
|
63
|
+
@media (hover: hover) {
|
|
64
|
+
.subLink:hover {
|
|
65
|
+
background-color: var(--mantine-color-gray-0);
|
|
66
|
+
}
|
|
67
|
+
[data-mantine-color-scheme=dark] .subLink:hover {
|
|
68
|
+
background-color: var(--mantine-color-dark-7);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
@media (hover: none) {
|
|
72
|
+
.subLink:active {
|
|
73
|
+
background-color: var(--mantine-color-gray-0);
|
|
74
|
+
}
|
|
75
|
+
[data-mantine-color-scheme=dark] .subLink:active {
|
|
76
|
+
background-color: var(--mantine-color-dark-7);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.dropdownFooter {
|
|
80
|
+
background-color: var(--mantine-color-gray-0);
|
|
81
|
+
}
|
|
82
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
83
|
+
background-color: var(--mantine-color-dark-7);
|
|
84
|
+
}
|
|
85
|
+
.dropdownFooter {
|
|
86
|
+
margin: calc(var(--mantine-spacing-md) * -1);
|
|
87
|
+
margin-top: var(--mantine-spacing-sm);
|
|
88
|
+
padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
|
|
89
|
+
padding-bottom: var(--mantine-spacing-xl);
|
|
90
|
+
border-top: 1px solid var(--mantine-color-gray-1);
|
|
91
|
+
}
|
|
92
|
+
[data-mantine-color-scheme=dark] .dropdownFooter {
|
|
93
|
+
border-top: 1px solid var(--mantine-color-dark-5);
|
|
94
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { M as MySelectProps } from '../MySelect-wDc5_mvd.mjs';
|
|
3
|
+
import '@mantine/core';
|
|
4
|
+
import 'react';
|
|
5
|
+
|
|
6
|
+
interface Shared_GenderSelectProps extends MySelectProps {
|
|
7
|
+
}
|
|
8
|
+
declare function Shared_GenderSelect({ ...rest }: Shared_GenderSelectProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Shared_GenderSelect };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import {
|
|
2
|
+
utils_converter
|
|
3
|
+
} from "../chunk-JNYSYNJY.mjs";
|
|
4
|
+
import {
|
|
5
|
+
MySelect
|
|
6
|
+
} from "../chunk-LJRTI7UU.mjs";
|
|
7
|
+
import "../chunk-SUH3FFFV.mjs";
|
|
8
|
+
import "../chunk-RJH5TVHS.mjs";
|
|
9
|
+
import "../chunk-7NNLZDND.mjs";
|
|
10
|
+
import "../chunk-O7YCQQO5.mjs";
|
|
11
|
+
import "../chunk-QSWIVDXC.mjs";
|
|
12
|
+
import "../chunk-KAC7JMQB.mjs";
|
|
13
|
+
import {
|
|
14
|
+
enumLabel_gender,
|
|
15
|
+
enum_gender
|
|
16
|
+
} from "../chunk-U42DQAY7.mjs";
|
|
17
|
+
import "../chunk-K6S7R6LU.mjs";
|
|
18
|
+
import "../chunk-NSBIYOKX.mjs";
|
|
19
|
+
import "../chunk-WZ6PXGGC.mjs";
|
|
20
|
+
import "../chunk-7ZCOFATU.mjs";
|
|
21
|
+
import {
|
|
22
|
+
__objRest,
|
|
23
|
+
__spreadValues
|
|
24
|
+
} from "../chunk-FWCSY2DS.mjs";
|
|
25
|
+
|
|
26
|
+
// src/shared/GenderSelect/Shared_GenderSelect.tsx
|
|
27
|
+
import { jsx } from "react/jsx-runtime";
|
|
28
|
+
function Shared_GenderSelect(_a) {
|
|
29
|
+
var rest = __objRest(_a, []);
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
|
+
MySelect,
|
|
32
|
+
__spreadValues({
|
|
33
|
+
label: "Gi\u1EDBi t\xEDnh",
|
|
34
|
+
data: utils_converter.mapEnumToSelectData(enum_gender, enumLabel_gender)
|
|
35
|
+
}, rest)
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
export {
|
|
39
|
+
Shared_GenderSelect
|
|
40
|
+
};
|
package/dist/utils-v2/index.mjs
CHANGED
|
@@ -1,119 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
utils_converter,
|
|
3
|
+
utils_currency,
|
|
4
|
+
utils_date,
|
|
5
|
+
utils_text,
|
|
6
|
+
utils_time
|
|
7
|
+
} from "../chunk-JNYSYNJY.mjs";
|
|
8
|
+
import "../chunk-7NNLZDND.mjs";
|
|
4
9
|
import "../chunk-FWCSY2DS.mjs";
|
|
5
|
-
|
|
6
|
-
// src/utils-v2/utils_converter.ts
|
|
7
|
-
var utils_converter = {
|
|
8
|
-
mapEnumToSelectData: utils_converter_mapEnumToSelectData
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
// src/utils-v2/utils_currency.ts
|
|
12
|
-
var utils_currency = {
|
|
13
|
-
formatWithSuffix(amount, suffix = "") {
|
|
14
|
-
const formatter = new Intl.NumberFormat("vi-VN");
|
|
15
|
-
const formattedAmount = formatter.format(amount);
|
|
16
|
-
return `${formattedAmount}${suffix}`;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// src/utils-v2/utils_date.ts
|
|
21
|
-
var utils_date = {
|
|
22
|
-
toDDMMYYY(date) {
|
|
23
|
-
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
24
|
-
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
25
|
-
const day = String(parsedDate.getDate()).padStart(2, "0");
|
|
26
|
-
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
27
|
-
const year = parsedDate.getFullYear();
|
|
28
|
-
return `${day}/${month}/${year}`;
|
|
29
|
-
},
|
|
30
|
-
toMMYYY(date) {
|
|
31
|
-
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
32
|
-
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
33
|
-
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
34
|
-
const year = parsedDate.getFullYear();
|
|
35
|
-
return `${month}/${year}`;
|
|
36
|
-
},
|
|
37
|
-
formatToDateTimeStartEnd(startDate, endDate) {
|
|
38
|
-
const startday = String(startDate.getDate()).padStart(2, "0");
|
|
39
|
-
const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
|
|
40
|
-
const startyear = startDate.getFullYear();
|
|
41
|
-
const starthour = String(startDate.getHours()).padStart(2, "0");
|
|
42
|
-
const startminute = String(startDate.getMinutes()).padStart(2, "0");
|
|
43
|
-
const endhour = String(endDate.getHours()).padStart(2, "0");
|
|
44
|
-
const endminuate = String(endDate.getMinutes()).padStart(2, "0");
|
|
45
|
-
return `${startday}/${startmonth}/${startyear} [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
|
|
46
|
-
},
|
|
47
|
-
getHHmm(date) {
|
|
48
|
-
if (!(date instanceof Date) || isNaN(date.getTime())) return "";
|
|
49
|
-
const hour = String(date.getHours()).padStart(2, "0");
|
|
50
|
-
const minute = String(date.getMinutes()).padStart(2, "0");
|
|
51
|
-
return `${hour}:${minute}`;
|
|
52
|
-
},
|
|
53
|
-
formatToDateTimeString(date, WithSeconds) {
|
|
54
|
-
const parsedDate = typeof date === "string" ? new Date(date) : date;
|
|
55
|
-
if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
|
|
56
|
-
const day = String(parsedDate.getDate()).padStart(2, "0");
|
|
57
|
-
const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
|
|
58
|
-
const year = parsedDate.getFullYear();
|
|
59
|
-
const hours = String(parsedDate.getHours()).padStart(2, "0");
|
|
60
|
-
const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
|
|
61
|
-
const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
|
|
62
|
-
return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
// src/utils-v2/utils_text.ts
|
|
67
|
-
var utils_text = {
|
|
68
|
-
splitFullName(fullName) {
|
|
69
|
-
const parts = fullName.trim().split(/\s+/);
|
|
70
|
-
if (parts.length === 1) {
|
|
71
|
-
return { lastName: "", firstName: parts[0] };
|
|
72
|
-
}
|
|
73
|
-
const lastName = parts.slice(0, -1).join(" ");
|
|
74
|
-
const firstName = parts[parts.length - 1];
|
|
75
|
-
return { lastName, firstName };
|
|
76
|
-
},
|
|
77
|
-
getNormalizedTextFromHtml(html) {
|
|
78
|
-
const noHtml = (html != null ? html : "").replace(/<[^>]+>/g, "");
|
|
79
|
-
return noHtml.trim().toLowerCase();
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
// src/utils-v2/utils_time.ts
|
|
84
|
-
var utils_time = {
|
|
85
|
-
convertTimeStringToSeconds(time) {
|
|
86
|
-
const [hours, minutes, seconds] = time.split(":").map(Number);
|
|
87
|
-
return hours * 3600 + minutes * 60 + seconds;
|
|
88
|
-
},
|
|
89
|
-
getHourMinuteFromString(input) {
|
|
90
|
-
if (!input) return "";
|
|
91
|
-
if (typeof input === "string") {
|
|
92
|
-
const [hour2, minute2] = input.split(":");
|
|
93
|
-
return `${hour2}:${minute2}`;
|
|
94
|
-
}
|
|
95
|
-
const hour = String(input.getHours()).padStart(2, "0");
|
|
96
|
-
const minute = String(input.getMinutes()).padStart(2, "0");
|
|
97
|
-
return `${hour}:${minute}`;
|
|
98
|
-
},
|
|
99
|
-
getCurrentTimeString() {
|
|
100
|
-
const formatTime = (number) => {
|
|
101
|
-
return number < 10 ? "0" + number : number;
|
|
102
|
-
};
|
|
103
|
-
const now = /* @__PURE__ */ new Date();
|
|
104
|
-
const hours = formatTime(now.getHours());
|
|
105
|
-
const minutes = formatTime(now.getMinutes());
|
|
106
|
-
const seconds = formatTime(now.getSeconds());
|
|
107
|
-
return `${hours}:${minutes}:${seconds}`;
|
|
108
|
-
},
|
|
109
|
-
extractHourMinute(isoString) {
|
|
110
|
-
if (!isoString) return "";
|
|
111
|
-
const date = new Date(isoString);
|
|
112
|
-
const hours = String(date.getHours()).padStart(2, "0");
|
|
113
|
-
const minutes = String(date.getMinutes()).padStart(2, "0");
|
|
114
|
-
return `${hours}:${minutes}`;
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
10
|
export {
|
|
118
11
|
utils_converter,
|
|
119
12
|
utils_currency,
|
package/package.json
CHANGED
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
"import": "./dist/utils-v2/index.mjs",
|
|
10
10
|
"types": "./dist/utils-v2/index.d.mts"
|
|
11
11
|
},
|
|
12
|
+
"./shared": {
|
|
13
|
+
"import": "./dist/shared/index.mjs",
|
|
14
|
+
"types": "./dist/shared/index.d.mts"
|
|
15
|
+
},
|
|
12
16
|
"./components": {
|
|
13
17
|
"import": "./dist/components/index.mjs",
|
|
14
18
|
"types": "./dist/components/index.d.mts"
|
|
@@ -54,7 +58,7 @@
|
|
|
54
58
|
"types": "./dist/types/index.d.mts"
|
|
55
59
|
}
|
|
56
60
|
},
|
|
57
|
-
"version": "0.1.
|
|
61
|
+
"version": "0.1.795",
|
|
58
62
|
"private": false,
|
|
59
63
|
"files": [
|
|
60
64
|
"dist"
|