aq-fe-framework 0.1.336 → 0.1.338

package/dist/{chunk-6WE24SWN.mjs → chunk-QTAMU24B.mjs}

@@ -411,26 +411,9 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
   )) }) });
 }
 
-// src/core/input/MySelect.tsx
-import { Loader, Select } from "@mantine/core";
-import { jsx as jsx9 } 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(
-    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,
-      disabled: isLoading
-    }, rest)
-  );
-}
-
-// src/core/input/MyTextEditor.tsx
-import { Link, RichTextEditor as MantineRichTextEditor } from "@mantine/tiptap";
+// 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";
@@ -440,14 +423,8 @@ 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 jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-function MyRichTextEditor({
-  value,
-  onChange,
-  richTextEditorProps,
-  richTextEditorToolBarProps,
-  richTextEditorContentProps
-}) {
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function MyRichTextEditor(props) {
   const editor = useEditor({
     extensions: [
       StarterKit,
@@ -515,49 +492,78 @@ function MyRichTextEditor({
         }
       })
     ],
-    content: value,
+    content: props.value,
     onUpdate: ({ editor: editor2 }) => {
-      onChange(editor2.getHTML());
+      props.onChange(editor2.getHTML());
     }
   });
-  return /* @__PURE__ */ jsxs5(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs5(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({ sticky: true, stickyOffset: 60 }, richTextEditorToolBarProps), { children: [
+  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__ */ jsx10(MantineRichTextEditor.Bold, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Italic, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Underline, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Strikethrough, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.ClearFormatting, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Highlight, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Code, {})
+        /* @__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__ */ jsx10(MantineRichTextEditor.H1, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.H2, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.H3, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.H4, {})
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H1, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H2, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H3, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.H4, {})
       ] }),
       /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Blockquote, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Hr, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.BulletList, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.OrderedList, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Subscript, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Superscript, {})
+        /* @__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__ */ jsx10(MantineRichTextEditor.Link, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.Unlink, {})
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Link, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.Unlink, {})
       ] }),
       /* @__PURE__ */ jsxs5(MantineRichTextEditor.ControlsGroup, { children: [
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.AlignLeft, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.AlignCenter, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.AlignJustify, {}),
-        /* @__PURE__ */ jsx10(MantineRichTextEditor.AlignRight, {})
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignLeft, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignCenter, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignJustify, {}),
+        /* @__PURE__ */ jsx9(MantineRichTextEditor.AlignRight, {})
       ] })
     ] })),
-    /* @__PURE__ */ jsx10(MantineRichTextEditor.Content, __spreadValues({}, richTextEditorContentProps))
-  ] }));
+    /* @__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 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__ */ jsx10(
+    Select,
+    __spreadValues({
+      label,
+      placeholder: isLoading ? "\u0110ang t\u1EA3i..." : label ? `Ch\u1ECDn ${label.toLowerCase()}` : "",
+      data: data != null ? data : [],
+      rightSection: isLoading ? /* @__PURE__ */ jsx10(Loader, { size: "xs" }) : void 0,
+      disabled: isLoading
+    }, rest)
+  );
 }
 
 // src/core/input/MyTextInput.tsx
@@ -601,7 +607,7 @@ 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";
@@ -649,7 +655,7 @@ function MyWeeklySessionSchedulerPicker({
       }
     ) }),
     /* @__PURE__ */ jsx12(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx12(Center, { children: /* @__PURE__ */ jsx12(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx12(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__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__ */ jsxs6(
         Paper,
@@ -755,8 +761,8 @@ export {
   MyLabelValueRow,
   MyStatsCard,
   MyDayOfWeekPicker,
-  MySelect,
   MyRichTextEditor,
+  MySelect,
   MyTextInput,
   MyWeeklySessionSchedulerPicker,
   MyFlexColumn2 as MyFlexColumn

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';
@@ -78,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 | {
@@ -87,15 +98,6 @@ interface MySelectProps extends SelectProps {
 }
 declare function MySelect({ label, data, ...rest }: MySelectProps): react_jsx_runtime.JSX.Element;
 
-interface MyRichTextEditorProps {
-    value: string;
-    onChange: (value: string) => void;
-    richTextEditorProps?: RichTextEditorProps;
-    richTextEditorToolBarProps?: RichTextEditorToolbarProps;
-    richTextEditorContentProps?: RichTextEditorContentProps;
-}
-declare function MyRichTextEditor({ value, onChange, richTextEditorProps, richTextEditorToolBarProps, richTextEditorContentProps }: MyRichTextEditorProps): react_jsx_runtime.JSX.Element;
-
 interface CoreTextInputProps extends TextInputProps {
     label?: string;
     defaultValue?: string;

package/dist/core/index.mjs

@@ -12,7 +12,7 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-6WE24SWN.mjs";
+} from "../chunk-QTAMU24B.mjs";
 import "../chunk-GEYCGM75.mjs";
 import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/modules-features/index.mjs

@@ -41,11 +41,14 @@ import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
+import {
+  enum_emailConfigModule
+} from "../chunk-VH4ZAD6M.mjs";
 import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-6WE24SWN.mjs";
+} from "../chunk-QTAMU24B.mjs";
 import {
   MyDataTable,
   MyFlexColumn,
@@ -54,9 +57,6 @@ import {
 import {
   const_object_colors
 } from "../chunk-NWBLJ3W3.mjs";
-import {
-  enum_emailConfigModule
-} from "../chunk-VH4ZAD6M.mjs";
 import "../chunk-K6S7R6LU.mjs";
 import {
   baseAxios_default,
@@ -989,7 +989,7 @@ var mockData2 = [
 ];
 
 // src/modules-features/admin/core/accountManagement/F_accountManagement_Create.tsx
-import { MultiSelect } from "@mantine/core";
+import { MultiSelect, PasswordInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
 
 // src/modules-features/admin/core/accountManagement/useS_accountManagement.ts
@@ -1041,7 +1041,7 @@ function F_accountManagement_Create() {
   }
   return /* @__PURE__ */ jsxs6(MyButtonCreate, { form, onSubmit: handleSubmit, objectName: "ng\u01B0\u1EDDi d\xF9ng", children: [
     /* @__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(PasswordInput, __spreadValues({ label: "M\u1EADt kh\u1EA9u" }, form.getInputProps("password"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "H\u1ECD v\xE0 t\xEAn" }, form.getInputProps("fullName"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "Email" }, form.getInputProps("email"))),
     /* @__PURE__ */ jsx10(MyTextInput, __spreadValues({ label: "S\u1ED1 \u0111i\u1EC7n tho\u1EA1i" }, form.getInputProps("phoneNumber"))),
@@ -2904,7 +2904,7 @@ function F_core64229_Delete({ values }) {
 }
 
 // src/modules-features/admin/core/core64229/F_core64229_Form.tsx
-import { PasswordInput } from "@mantine/core";
+import { PasswordInput as PasswordInput2 } from "@mantine/core";
 import { useForm as useForm16 } from "@mantine/form";
 import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
 function F_core64229_Form({ values, emailModule }) {
@@ -2995,7 +2995,7 @@ function FormInput({ form, emailModule }) {
       }, form.getInputProps("userName"))
     ),
     /* @__PURE__ */ jsx51(
-      PasswordInput,
+      PasswordInput2,
       __spreadValues({
         label: "Password",
         placeholder: "Nh\u1EADp password"
@@ -3748,7 +3748,7 @@ function F_mailConfig_Delete({ values }) {
 }
 
 // src/modules-features/admin/core/mailConfig/F_mailConfig_Form.tsx
-import { PasswordInput as PasswordInput2 } from "@mantine/core";
+import { PasswordInput as PasswordInput3 } from "@mantine/core";
 import { useForm as useForm23 } from "@mantine/form";
 import { jsx as jsx71, jsxs as jsxs47 } from "react/jsx-runtime";
 function F_mailConfig_Form({ values, emailModule }) {
@@ -3839,7 +3839,7 @@ function FormInput2({ form, emailModule }) {
       }, form.getInputProps("userName"))
     ),
     /* @__PURE__ */ jsx71(
-      PasswordInput2,
+      PasswordInput3,
       __spreadValues({
         label: "Password",
         placeholder: "Nh\u1EADp password"
@@ -5583,7 +5583,7 @@ import {
   Flex as Flex3,
   Group as Group6,
   Paper as Paper10,
-  PasswordInput as PasswordInput3,
+  PasswordInput as PasswordInput4,
   Text as Text3,
   TextInput as TextInput3,
   Title
@@ -5695,7 +5695,7 @@ function F_authenticate_Login({
             })
           ),
           /* @__PURE__ */ jsx111(
-            PasswordInput3,
+            PasswordInput4,
             __spreadProps(__spreadValues({}, form.getInputProps("password")), {
               label: "M\u1EADt kh\u1EA9u",
               placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u c\u1EE7a b\u1EA1n",

package/package.json

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