aq-fe-framework 0.1.335 → 0.1.337

package/dist/{chunk-SIHFFLRO.mjs → chunk-INS6N4RV.mjs}

@@ -3,12 +3,12 @@ import {
   MyFlexColumn,
   MyFlexRow
 } from "./chunk-GEYCGM75.mjs";
-import {
-  const_object_colors
-} from "./chunk-NWBLJ3W3.mjs";
 import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
+import {
+  const_object_colors
+} from "./chunk-NWBLJ3W3.mjs";
 import {
   useMyReactMutation
 } from "./chunk-YQPDRFRL.mjs";
@@ -411,19 +411,156 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
   )) }) });
 }
 
+// src/core/input/MyRichTextEditor.tsx
+import { Input, ScrollArea } from "@mantine/core";
+import { Link, RichTextEditor as MantineRichTextEditor, RichTextEditor } from "@mantine/tiptap";
+import FileHandler from "@tiptap-pro/extension-file-handler";
+import Highlight from "@tiptap/extension-highlight";
+import Image from "@tiptap/extension-image";
+import SubScript from "@tiptap/extension-subscript";
+import Superscript from "@tiptap/extension-superscript";
+import TextAlign from "@tiptap/extension-text-align";
+import Underline from "@tiptap/extension-underline";
+import { useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function MyRichTextEditor(props) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      Image.extend({
+        addAttributes() {
+          return {
+            src: {
+              default: null
+            },
+            alt: {
+              default: null
+            }
+          };
+        },
+        parseHTML() {
+          return [
+            {
+              tag: "img[src]"
+            }
+          ];
+        },
+        renderHTML({ HTMLAttributes }) {
+          return ["img", HTMLAttributes];
+        }
+      }),
+      TextAlign.configure({ types: ["heading", "paragraph"] }),
+      FileHandler.configure({
+        allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
+        onDrop: (currentEditor, files, pos) => {
+          files.forEach((file) => {
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+              currentEditor.chain().insertContentAt(pos, {
+                type: "image",
+                attrs: {
+                  src: fileReader.result
+                }
+              }).focus().run();
+            };
+          });
+        },
+        onPaste: (currentEditor, files, htmlContent) => {
+          files.forEach((file) => {
+            if (htmlContent) {
+              console.log(htmlContent);
+              return false;
+            }
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+              currentEditor.chain().insertContentAt(currentEditor.state.selection.anchor, {
+                type: "image",
+                attrs: {
+                  src: fileReader.result
+                }
+              }).focus().run();
+            };
+          });
+        }
+      })
+    ],
+    content: props.value,
+    onUpdate: ({ editor: editor2 }) => {
+      props.onChange(editor2.getHTML());
+    }
+  });
+  return /* @__PURE__ */ jsx9(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs5(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs5(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({ sticky: true, stickyOffset: 60 }, props.richTextEditorToolBarProps), { children: [
+      /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Bold, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Italic, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Underline, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Strikethrough, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.ClearFormatting, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Highlight, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Code, {})
+      ] }),
+      /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H4, {})
+      ] }),
+      /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Blockquote, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Hr, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.BulletList, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.OrderedList, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Subscript, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Superscript, {})
+      ] }),
+      /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Unlink, {})
+      ] }),
+      /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignRight, {})
+      ] })
+    ] })),
+    /* @__PURE__ */ jsx9(
+      ScrollArea.Autosize,
+      __spreadProps(__spreadValues({
+        onMouseDown: () => {
+          editor == null ? void 0 : editor.commands.focus();
+        },
+        mah: "300",
+        style: { cursor: "text" }
+      }, props.scrollAreaAutosizeProps), {
+        children: /* @__PURE__ */ jsx9(RichTextEditor.Content, __spreadValues({ mih: "300" }, props.richTextEditorContentProps))
+      })
+    )
+  ] })) }));
+}
+
 // src/core/input/MySelect.tsx
 import { Loader, Select } from "@mantine/core";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function MySelect(_a) {
   var _b = _a, { label, data } = _b, rest = __objRest(_b, ["label", "data"]);
   const isLoading = data === void 0;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Select,
     __spreadValues({
       label,
       placeholder: isLoading ? "\u0110ang t\u1EA3i..." : label ? `Ch\u1ECDn ${label.toLowerCase()}` : "",
       data: data != null ? data : [],
-      rightSection: isLoading ? /* @__PURE__ */ jsx9(Loader, { size: "xs" }) : void 0,
+      rightSection: isLoading ? /* @__PURE__ */ jsx10(Loader, { size: "xs" }) : void 0,
       disabled: isLoading
     }, rest)
   );
@@ -431,10 +568,10 @@ function MySelect(_a) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -470,12 +607,12 @@ import {
   Group as Group3,
   NumberInput,
   Paper,
-  ScrollArea,
+  ScrollArea as ScrollArea2,
   Text as Text3
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState as useState2 } from "react";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -506,8 +643,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx11(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs5(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx11(Center, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs6(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx12(Center, { children: /* @__PURE__ */ jsx12(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -517,41 +654,41 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx11(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx11(Center, { children: /* @__PURE__ */ jsx11(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx11(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx12(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx12(Center, { children: /* @__PURE__ */ jsx12(ScrollArea2.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx12(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsxs6(
         Paper,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs5(Group3, { gap: "apart", children: [
-              /* @__PURE__ */ jsx11(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsxs6(Group3, { gap: "apart", children: [
+              /* @__PURE__ */ jsx12(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx12(
                 Button5,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx11(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx12(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx11(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx12(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
               );
-              return /* @__PURE__ */ jsxs5(
+              return /* @__PURE__ */ jsxs6(
                 Group3,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -563,7 +700,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -575,7 +712,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -584,13 +721,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       Button5,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx11(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx12(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -609,10 +746,10 @@ function MyWeeklySessionSchedulerPicker({
 
 // src/core/layout/MyFlexColumn.tsx
 import { Flex } from "@mantine/core";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function MyFlexColumn2(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx12(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx13(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
 }
 
 export {
@@ -624,6 +761,7 @@ export {
   MyLabelValueRow,
   MyStatsCard,
   MyDayOfWeekPicker,
+  MyRichTextEditor,
   MySelect,
   MyTextInput,
   MyWeeklySessionSchedulerPicker,

package/dist/core/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { t as type_action } from '../types-B5rmBuXz.mjs';
-import { ActionIconProps, ButtonProps, ModalProps, TextProps, GroupProps, ThemeIconProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
+import { ActionIconProps, ButtonProps, ModalProps, TextProps, GroupProps, ThemeIconProps, InputWrapperProps, ScrollAreaAutosizeProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { M as MyApiResponse } from '../createBaseApi-D9OK2lA_.mjs';
 import { AxiosResponse } from 'axios';
@@ -8,6 +8,7 @@ import { UseFormReturnType } from '@mantine/form';
 import { useDisclosure } from '@mantine/hooks';
 import { UseQueryResult } from '@tanstack/react-query';
 import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
+import { RichTextEditorProps, RichTextEditorToolbarProps, RichTextEditorContentProps } from '@mantine/tiptap';
 import '../IBaseEntity-BprRafT5.mjs';
 
 interface CoreActionIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
@@ -77,6 +78,17 @@ interface CoreDayOfWeekPickerProps {
 }
 declare function MyDayOfWeekPicker({ value, onChange }: CoreDayOfWeekPickerProps): react_jsx_runtime.JSX.Element;
 
+interface MyRichTextEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    richTextEditorProps?: RichTextEditorProps;
+    richTextEditorToolBarProps?: RichTextEditorToolbarProps;
+    richTextEditorContentProps?: RichTextEditorContentProps;
+    inputWrapperProps?: InputWrapperProps;
+    scrollAreaAutosizeProps?: ScrollAreaAutosizeProps;
+}
+declare function MyRichTextEditor(props: MyRichTextEditorProps): react_jsx_runtime.JSX.Element;
+
 interface MySelectProps extends SelectProps {
     label?: string;
     data?: Array<string | {
@@ -110,4 +122,4 @@ interface IMyFlexColumn extends FlexProps {
 }
 declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MySelect, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MyRichTextEditor, MySelect, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -7,14 +7,15 @@ import {
   MyDayOfWeekPicker,
   MyFlexColumn,
   MyLabelValueRow,
+  MyRichTextEditor,
   MySelect,
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-SIHFFLRO.mjs";
+} from "../chunk-INS6N4RV.mjs";
 import "../chunk-GEYCGM75.mjs";
-import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-K6S7R6LU.mjs";
+import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-YQPDRFRL.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
@@ -27,6 +28,7 @@ export {
   MyDayOfWeekPicker,
   MyFlexColumn,
   MyLabelValueRow,
+  MyRichTextEditor,
   MySelect,
   MyStatsCard,
   MyTextInput,

package/dist/interfaces/index.d.mts

@@ -2,10 +2,6 @@ export { I as IEmailConfig } from '../EmailConfig-Bza2PzTi.mjs';
 export { I as IAQModule } from '../IAQModule-DfONsRwE.mjs';
 import { I as IBaseEntity } from '../IBaseEntity-BprRafT5.mjs';
 
-interface IPageContent extends IBaseEntity {
-    description?: string;
-}
-
 interface IFile {
     fileName?: string | undefined;
     fileExtension?: string | undefined;
@@ -55,4 +51,8 @@ interface IUser extends IBaseEntity {
     email?: string;
 }
 
+interface IPageContent extends IBaseEntity {
+    description?: string;
+}
+
 export { IBaseEntity, type IDocument, type IFile, type IPageContent, type IPagePermission, type IRole, type IUser };

package/dist/modules-features/index.mjs

@@ -38,26 +38,26 @@ import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import {
-  const_object_documentTypes
-} from "../chunk-BZMQOGL6.mjs";
-import {
-  enum_emailConfigModule
-} from "../chunk-VH4ZAD6M.mjs";
 import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-SIHFFLRO.mjs";
+} from "../chunk-INS6N4RV.mjs";
 import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
 } from "../chunk-GEYCGM75.mjs";
+import {
+  enum_emailConfigModule
+} from "../chunk-VH4ZAD6M.mjs";
+import "../chunk-K6S7R6LU.mjs";
+import {
+  const_object_documentTypes
+} from "../chunk-BZMQOGL6.mjs";
 import {
   const_object_colors
 } from "../chunk-NWBLJ3W3.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import {
   baseAxios_default,
   createBaseApi,
@@ -1023,6 +1023,7 @@ function F_accountManagement_Create() {
   });
   async function handleSubmit() {
     return await baseAxios_default.post(ENDPOINT, __spreadProps(__spreadValues({}, form.getValues()), {
+      code: form.getValues().userName,
       passwordHash: "",
       id: 0,
       address: "",
@@ -1039,7 +1040,6 @@ function F_accountManagement_Create() {
     }));
   }
   return /* @__PURE__ */ jsxs6(MyButtonCreate, { form, onSubmit: handleSubmit, objectName: "ng\u01B0\u1EDDi d\xF9ng", children: [
-    /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "M\u1EADt kh\u1EA9u" }, form.getInputProps("password"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))),
@@ -1123,7 +1123,6 @@ function F_accountManagement_Update({ user }) {
       })
     );
   }, children: /* @__PURE__ */ jsxs7(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ disabled: true, label: "M\xE3 t\xE0i kho\u1EA3n" }, form.getInputProps("code"))),
     /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ disabled: true, label: "T\xEAn t\xE0i kho\u1EA3n" }, form.getInputProps("userName"))),
     /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))),
     /* @__PURE__ */ jsx12(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))),

package/package.json

@@ -42,7 +42,7 @@
       "types": "./dist/columns/index.d.mts"
     }
   },
-  "version": "0.1.335",
+  "version": "0.1.337",
   "private": false,
   "files": [
     "dist"