@lets-events/react 12.10.3 → 12.10.5

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "@lets-events/eslint-config"
+{
+  "extends": "@lets-events/eslint-config"
 }

package/.turbo/turbo-build.log

@@ -1,19 +1,21 @@
-
-> @lets-events/react@12.10.3 build
-> tsup src/index.tsx  --format esm,cjs --dts --external react
-
-CLI Building entry: src/index.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: C:\Users\Cazuza\Desktop\Web\design-system\packages\react\tsup.config.ts
-CLI Target: es6
-ESM Build start
-CJS Build start
-CJS dist\index.js 426.36 KB
-CJS ⚡️ Build success in 351ms
-ESM dist\index.mjs 410.78 KB
-ESM ⚡️ Build success in 351ms
-DTS Build start
-DTS ⚡️ Build success in 5390ms
-DTS dist\index.d.mts 404.95 KB
-DTS dist\index.d.ts  404.95 KB
+
+
+> @lets-events/react@12.10.5 build
+> tsup src/index.tsx  --format esm,cjs --dts --external react
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/bia3003/Lets/design-system/packages/react/tsup.config.ts
+CLI Target: es6
+ESM Build start
+CJS Build start
+ESM dist/index.mjs 413.82 KB
+ESM ⚡️ Build success in 395ms
+CJS dist/index.js 429.48 KB
+CJS ⚡️ Build success in 395ms
+DTS Build start
+DTS ⚡️ Build success in 8590ms
+DTS dist/index.d.mts 405.26 KB
+DTS dist/index.d.ts  405.26 KB
+⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.10.5
+
+### Patch Changes
+
+- rich editor props
+
+## 12.10.4
+
+### Patch Changes
+
+- simpleAction prop
+
 ## 12.10.3
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4743,6 +4743,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     setSelected: React__default.Dispatch<React__default.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
+    simpleAction?: boolean;
     actionText?: string;
     hasError?: boolean;
     expand?: boolean;
@@ -4751,7 +4752,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, simpleAction, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -15295,6 +15296,8 @@ type EmailFormFieldProps = {
 };
 declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
+type RichEditorElement = "header" | "bold" | "italic" | "underline" | "color" | "background" | "align" | "list" | "link" | "image" | "video";
+
 interface UploadConfig$1 {
     apiUrl: string;
     s3Bucket: string;
@@ -15316,6 +15319,7 @@ interface RichEditorProps {
     className?: string;
     uploadConfig?: UploadConfig$1;
     simpleVersion?: boolean;
+    richEditorElements?: RichEditorElement[];
     onCharacterCountChange?: (count: number) => void;
     maxLength?: number;
     disableVideo?: boolean;
@@ -15337,8 +15341,9 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     simpleVersion?: boolean;
     uploadConfig?: RichEditorProps["uploadConfig"];
     disableVideo?: boolean;
+    richEditorElements?: RichEditorElement[];
 };
-declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, richEditorElements, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
     name: string;
@@ -15446,4 +15451,4 @@ declare const useImageUpload: (options: UseImageUploadOptions) => {
     reset: () => void;
 };
 
-export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };
+export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, type RichEditorElement, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };

package/dist/index.d.ts

@@ -4743,6 +4743,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     setSelected: React__default.Dispatch<React__default.SetStateAction<DateRange>>;
     position?: "top" | "bottom" | "top-right" | "bottom-right";
     action?: boolean;
+    simpleAction?: boolean;
     actionText?: string;
     hasError?: boolean;
     expand?: boolean;
@@ -4751,7 +4752,7 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, simpleAction, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -15295,6 +15296,8 @@ type EmailFormFieldProps = {
 };
 declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
+type RichEditorElement = "header" | "bold" | "italic" | "underline" | "color" | "background" | "align" | "list" | "link" | "image" | "video";
+
 interface UploadConfig$1 {
     apiUrl: string;
     s3Bucket: string;
@@ -15316,6 +15319,7 @@ interface RichEditorProps {
     className?: string;
     uploadConfig?: UploadConfig$1;
     simpleVersion?: boolean;
+    richEditorElements?: RichEditorElement[];
     onCharacterCountChange?: (count: number) => void;
     maxLength?: number;
     disableVideo?: boolean;
@@ -15337,8 +15341,9 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     simpleVersion?: boolean;
     uploadConfig?: RichEditorProps["uploadConfig"];
     disableVideo?: boolean;
+    richEditorElements?: RichEditorElement[];
 };
-declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, richEditorElements, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
     name: string;
@@ -15446,4 +15451,4 @@ declare const useImageUpload: (options: UseImageUploadOptions) => {
     reset: () => void;
 };
 
-export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };
+export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, CalendarFormField, type CalendarFormFieldProps, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, DateAndTimeFormField, type DateAndTimeFormFieldProps, type DateRange, Divider, DoubleCalendar, DoubleCalendarFormField, type DoubleCalendarFormFieldProps, type DoubleCalendarProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, type IconProps, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, RichEditor, type RichEditorElement, RichEditorFormField, type RichEditorFormFieldProps, type RichEditorProps, RichTextPresenter, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, SwitchFormField, type SwitchFormFieldProps, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, TimePickerFormField, type TimePickerFormFieldProps, TimePickerIconButton, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, ToggleElement, type ToggleElementProps, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, type UploadConfig, UploadService, isValidCNPJ, maskFormat, maskUnformat, useImageUpload, useToast };

package/dist/index.js

@@ -8476,6 +8476,7 @@ function DoubleCalendar(_a) {
   var _b = _a, {
     action,
     actionText,
+    simpleAction,
     calendarLayout,
     selected,
     setSelected,
@@ -8489,6 +8490,7 @@ function DoubleCalendar(_a) {
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
+    "simpleAction",
     "calendarLayout",
     "selected",
     "setSelected",
@@ -8606,7 +8608,28 @@ function DoubleCalendar(_a) {
             children: actionText != null ? actionText : "Aplicar"
           }
         )
-      ] })
+      ] }),
+      simpleAction && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          style: { display: "flex", justifyContent: "center", padding: "1rem", width: "100%" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            Button,
+            {
+              style: { margin: "0 0.5rem" },
+              variant: "text",
+              color: "brand",
+              type: "button",
+              onClick: () => {
+                setShowCalendar(false);
+              },
+              size: "medium",
+              fontWeight: "medium",
+              children: actionText != null ? actionText : "Aplicar"
+            }
+          )
+        }
+      ) })
     ] })
   ] })) });
 }
@@ -12898,9 +12921,141 @@ var QuillEditor = styled("div", {
   // Container snow
   "& .ql-container.ql-snow": {
     border: "1px solid #ccc"
+  },
+  "& button.ql-list:first-child": {
+    borderLeft: "1px solid #C2C3C7",
+    paddingLeft: "16px",
+    width: "38px"
   }
 });
 
+// src/components/RichEditor/editorConfig.ts
+var TEXT_FORMATS = ["bold", "italic", "underline"];
+var MEDIA_FORMATS = ["link", "image", "video"];
+var buildToolbarFromElements = (elements) => {
+  const toolbar = [];
+  if (elements.includes("header")) {
+    toolbar.push([{ header: [1, 2, false] }]);
+  }
+  const textGroup = elements.filter(
+    (element) => TEXT_FORMATS.includes(element)
+  );
+  if (textGroup.length > 0) {
+    toolbar.push(textGroup);
+  }
+  const colorGroup = [];
+  if (elements.includes("color")) colorGroup.push({ color: [] });
+  if (elements.includes("background")) colorGroup.push({ background: [] });
+  if (colorGroup.length > 0) {
+    toolbar.push(colorGroup);
+  }
+  if (elements.includes("align")) {
+    toolbar.push([{ align: [] }]);
+  }
+  if (elements.includes("list")) {
+    toolbar.push([{ list: "ordered" }, { list: "bullet" }]);
+  }
+  const mediaGroup = elements.filter(
+    (element) => MEDIA_FORMATS.includes(element)
+  );
+  if (mediaGroup.length > 0) {
+    toolbar.push(mediaGroup);
+  }
+  return toolbar;
+};
+var buildFormatsFromElements = (elements) => elements;
+var getEditorModulesAndFormats = (richEditorElements, simpleVersion = false, disableVideo = false) => {
+  const clipboard = { matchVisual: false };
+  if (richEditorElements && richEditorElements.length > 0) {
+    return {
+      modules: {
+        toolbar: buildToolbarFromElements(richEditorElements),
+        clipboard
+      },
+      formats: buildFormatsFromElements(richEditorElements)
+    };
+  }
+  if (simpleVersion) {
+    return {
+      modules: {
+        toolbar: [
+          [{ header: [1, 2, false] }],
+          ["bold", "italic", "underline"],
+          [{ color: [] }, { background: [] }],
+          [{ align: [] }],
+          [{ list: "ordered" }, { list: "bullet" }]
+        ],
+        clipboard
+      },
+      formats: [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "color",
+        "background",
+        "align",
+        "list"
+      ]
+    };
+  }
+  if (disableVideo) {
+    return {
+      modules: {
+        toolbar: [
+          [{ header: [1, 2, false] }],
+          ["bold", "italic", "underline", "strike"],
+          [{ color: [] }, { background: [] }],
+          [{ align: [] }],
+          [{ list: "ordered" }, { list: "bullet" }],
+          ["link", "image"]
+        ],
+        clipboard
+      },
+      formats: [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "color",
+        "background",
+        "align",
+        "list",
+        "link",
+        "image"
+      ]
+    };
+  }
+  return {
+    modules: {
+      toolbar: [
+        [{ header: [1, 2, false] }],
+        ["bold", "italic", "underline", "strike"],
+        [{ color: [] }, { background: [] }],
+        [{ align: [] }],
+        [{ list: "ordered" }, { list: "bullet" }],
+        ["link", "image", "video"]
+      ],
+      clipboard
+    },
+    formats: [
+      "header",
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "color",
+      "background",
+      "align",
+      "list",
+      "link",
+      "image",
+      "video"
+    ]
+  };
+};
+
 // src/components/RichEditor/QuillComponent.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var QuillComponent = ({
@@ -12912,6 +13067,7 @@ var QuillComponent = ({
   uploadConfig,
   simpleVersion = false,
   disableVideo = false,
+  richEditorElements,
   onCharacterCountChange,
   maxLength
 }) => {
@@ -12927,65 +13083,11 @@ var QuillComponent = ({
     const doc = parser.parseFromString(html, "text/html");
     return doc.body.innerHTML;
   };
-  const modules = simpleVersion ? {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  } : disableVideo ? {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image"]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  } : {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image", "video"]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  };
-  const formats = simpleVersion ? [
-    "header",
-    "bold",
-    "italic",
-    "underline",
-    "color",
-    "background",
-    "align",
-    "list"
-  ] : [
-    "header",
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "color",
-    "background",
-    "align",
-    "list",
-    "link",
-    "image",
-    "video"
-  ];
+  const { modules, formats } = getEditorModulesAndFormats(
+    richEditorElements,
+    simpleVersion,
+    disableVideo
+  );
   const { quill, quillRef } = (0, import_react_quilljs.useQuill)({
     theme: "snow",
     modules,
@@ -13055,21 +13157,27 @@ var QuillComponent = ({
       });
       const toolbar = quill.getModule("toolbar");
       if (toolbar) {
-        toolbar.addHandler("link", () => setShowLinkModal(true));
-        toolbar.addHandler("video", () => setShowVideoModal(true));
-        toolbar.addHandler("image", () => {
-          const input = document.createElement("input");
-          input.setAttribute("type", "file");
-          input.setAttribute("accept", "image/*");
-          input.click();
-          input.onchange = () => __async(null, null, function* () {
-            var _a;
-            const file = (_a = input.files) == null ? void 0 : _a[0];
-            if (file) {
-              yield handleImageUpload(file);
-            }
+        if (formats.includes("link")) {
+          toolbar.addHandler("link", () => setShowLinkModal(true));
+        }
+        if (formats.includes("video")) {
+          toolbar.addHandler("video", () => setShowVideoModal(true));
+        }
+        if (formats.includes("image")) {
+          toolbar.addHandler("image", () => {
+            const input = document.createElement("input");
+            input.setAttribute("type", "file");
+            input.setAttribute("accept", "image/*");
+            input.click();
+            input.onchange = () => __async(null, null, function* () {
+              var _a;
+              const file = (_a = input.files) == null ? void 0 : _a[0];
+              if (file) {
+                yield handleImageUpload(file);
+              }
+            });
           });
-        });
+        }
       }
       setTimeout(() => {
         var _a, _b;
@@ -13093,7 +13201,7 @@ var QuillComponent = ({
         }
       }, 2e3);
     }
-  }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
+  }, [quill, onChange, handleImageUpload, onCharacterCountChange, formats]);
   (0, import_react23.useEffect)(() => {
     if (quill) {
       quill.enable(!disabled);
@@ -13357,7 +13465,8 @@ var RichEditorFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     maxLength,
     simpleVersion = false,
-    disableVideo = false
+    disableVideo = false,
+    richEditorElements
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13366,7 +13475,8 @@ var RichEditorFormField = (_a) => {
     "validationErrorMessage",
     "maxLength",
     "simpleVersion",
-    "disableVideo"
+    "disableVideo",
+    "richEditorElements"
   ]);
   const { field, fieldState } = (0, import_react_hook_form12.useController)({
     name,