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/MyPaper.tsx
455
- import { Paper as Paper2 } from "@mantine/core";
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
- Badge,
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,
@@ -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 };
@@ -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-5SGSJMGV.mjs";
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,
@@ -15,7 +15,7 @@ import {
15
15
  MyButton as MyButton2,
16
16
  MyDataTableSelectOne,
17
17
  MyTextInput as MyTextInput2
18
- } from "../chunk-5SGSJMGV.mjs";
18
+ } from "../chunk-F26FS5GJ.mjs";
19
19
  import {
20
20
  const_object_documentTypes
21
21
  } from "../chunk-GFEMKKFH.mjs";
package/package.json CHANGED
@@ -42,7 +42,7 @@
42
42
  "types": "./dist/columns/index.d.mts"
43
43
  }
44
44
  },
45
- "version": "0.1.478",
45
+ "version": "0.1.479",
46
46
  "private": false,
47
47
  "files": [
48
48
  "dist"