aq-fe-framework 0.1.478 → 0.1.479
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.
@@ -451,9 +451,55 @@ function MyLabelValueRow({
|
|
451
451
|
] }));
|
452
452
|
}
|
453
453
|
|
454
|
-
// src/core/dataDisplay/
|
455
|
-
import {
|
454
|
+
// src/core/dataDisplay/MyPaperTag.tsx
|
455
|
+
import {
|
456
|
+
Badge,
|
457
|
+
Paper as Paper2,
|
458
|
+
rgba,
|
459
|
+
useMantineTheme
|
460
|
+
} from "@mantine/core";
|
456
461
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
462
|
+
function MyPaperTag(_a) {
|
463
|
+
var _b = _a, {
|
464
|
+
bg = "blue",
|
465
|
+
children,
|
466
|
+
badgeProps
|
467
|
+
} = _b, rest = __objRest(_b, [
|
468
|
+
"bg",
|
469
|
+
"children",
|
470
|
+
"badgeProps"
|
471
|
+
]);
|
472
|
+
var _a2, _b2, _c, _d;
|
473
|
+
const theme = useMantineTheme();
|
474
|
+
const bgColor = ((_a2 = theme.colors[bg]) == null ? void 0 : _a2[0]) || rgba(bg, 0.05);
|
475
|
+
const borderColor = ((_b2 = theme.colors[bg]) == null ? void 0 : _b2[2]) || rgba(bg, 0.2);
|
476
|
+
const badgeColor = (_c = theme.colors[bg]) == null ? void 0 : _c[8];
|
477
|
+
return /* @__PURE__ */ jsx14(
|
478
|
+
Paper2,
|
479
|
+
__spreadProps(__spreadValues({
|
480
|
+
p: "xs",
|
481
|
+
style: {
|
482
|
+
backgroundColor: bgColor,
|
483
|
+
border: `1px solid ${borderColor}`,
|
484
|
+
display: "inline-block"
|
485
|
+
}
|
486
|
+
}, rest), {
|
487
|
+
children: /* @__PURE__ */ jsx14(
|
488
|
+
Badge,
|
489
|
+
__spreadProps(__spreadValues({
|
490
|
+
variant: "light",
|
491
|
+
color: badgeColor,
|
492
|
+
radius: "xl",
|
493
|
+
size: "md",
|
494
|
+
fw: "bold",
|
495
|
+
style: { fontWeight: 500, backgroundColor: (_d = theme.colors[bg]) == null ? void 0 : _d[1] }
|
496
|
+
}, badgeProps), {
|
497
|
+
children
|
498
|
+
})
|
499
|
+
)
|
500
|
+
})
|
501
|
+
);
|
502
|
+
}
|
457
503
|
|
458
504
|
// src/core/dataDisplay/MyStatsCartd.tsx
|
459
505
|
import { Box, Card, ThemeIcon } from "@mantine/core";
|
@@ -480,7 +526,7 @@ function MyStatsCard({
|
|
480
526
|
}
|
481
527
|
|
482
528
|
// src/core/input/MyDayOfWeekPicker.tsx
|
483
|
-
import { Badge, Group as Group3 } from "@mantine/core";
|
529
|
+
import { Badge as Badge2, Group as Group3 } from "@mantine/core";
|
484
530
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
485
531
|
var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
|
486
532
|
function MyDayOfWeekPicker({ value = [], onChange }) {
|
@@ -490,7 +536,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
490
536
|
onChange(newValue);
|
491
537
|
};
|
492
538
|
return /* @__PURE__ */ jsx16(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx16(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx16(
|
493
|
-
|
539
|
+
Badge2,
|
494
540
|
{
|
495
541
|
variant: value.includes(d.value) ? "filled" : "outline",
|
496
542
|
color: "blue",
|
@@ -979,6 +1025,7 @@ export {
|
|
979
1025
|
MyFlexIconTitle,
|
980
1026
|
MyInfoBox,
|
981
1027
|
MyLabelValueRow,
|
1028
|
+
MyPaperTag,
|
982
1029
|
MyStatsCard,
|
983
1030
|
MyDayOfWeekPicker,
|
984
1031
|
MyRichTextEditor,
|
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 { t as type_action } from '../types-B5rmBuXz.mjs';
|
3
|
-
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, PaperProps, GroupProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
|
3
|
+
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, PaperProps, GroupProps, BadgeProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
|
4
4
|
import { ReactNode, ButtonHTMLAttributes } from 'react';
|
5
5
|
import { M as MyApiResponse } from '../createBaseApi-D9OK2lA_.mjs';
|
6
6
|
import { AxiosResponse } from 'axios';
|
@@ -101,6 +101,13 @@ interface LabelValueRowProps {
|
|
101
101
|
}
|
102
102
|
declare function MyLabelValueRow({ label, value, labelProps, valueProps, groupProps }: LabelValueRowProps): react_jsx_runtime.JSX.Element;
|
103
103
|
|
104
|
+
interface MyPaperTagProps extends PaperProps {
|
105
|
+
children?: string;
|
106
|
+
badgeProps?: BadgeProps;
|
107
|
+
bg?: string;
|
108
|
+
}
|
109
|
+
declare function MyPaperTag({ bg, children, badgeProps, ...rest }: MyPaperTagProps): react_jsx_runtime.JSX.Element;
|
110
|
+
|
104
111
|
declare function MyStatsCard({ title, value, subtitle, icon, color, themeIconProps }: {
|
105
112
|
title: string;
|
106
113
|
value: number;
|
@@ -180,4 +187,4 @@ interface MyFlexEndProps extends GroupProps {
|
|
180
187
|
}
|
181
188
|
declare function MyFlexEnd({ children, ...rest }: MyFlexEndProps): react_jsx_runtime.JSX.Element;
|
182
189
|
|
183
|
-
export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalCreateUpdate, type MyButtonModalProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
|
190
|
+
export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalCreateUpdate, type MyButtonModalProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyPaperTag, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
|
package/dist/core/index.mjs
CHANGED
@@ -11,13 +11,14 @@ import {
|
|
11
11
|
MyFlexIconTitle,
|
12
12
|
MyInfoBox,
|
13
13
|
MyLabelValueRow,
|
14
|
+
MyPaperTag,
|
14
15
|
MyRichTextEditor,
|
15
16
|
MySelect,
|
16
17
|
MySelectFromAPI,
|
17
18
|
MyStatsCard,
|
18
19
|
MyTextInput,
|
19
20
|
MyWeeklySessionSchedulerPicker
|
20
|
-
} from "../chunk-
|
21
|
+
} from "../chunk-F26FS5GJ.mjs";
|
21
22
|
import "../chunk-GFEMKKFH.mjs";
|
22
23
|
import "../chunk-R43BUIMD.mjs";
|
23
24
|
import "../chunk-U62R2QKJ.mjs";
|
@@ -40,6 +41,7 @@ export {
|
|
40
41
|
MyFlexIconTitle,
|
41
42
|
MyInfoBox,
|
42
43
|
MyLabelValueRow,
|
44
|
+
MyPaperTag,
|
43
45
|
MyRichTextEditor,
|
44
46
|
MySelect,
|
45
47
|
MySelectFromAPI,
|