@lets-events/react 12.2.5 → 12.2.7

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.2.5 build
+> @lets-events/react@12.2.7 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -9,11 +9,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist\index.mjs 379.28 KB
-ESM ⚡️ Build success in 229ms
-CJS dist\index.js 393.23 KB
-CJS ⚡️ Build success in 230ms
+CJS dist\index.js 393.82 KB
+CJS ⚡️ Build success in 950ms
+ESM dist\index.mjs 379.87 KB
+ESM ⚡️ Build success in 951ms
 DTS Build start
-DTS ⚡️ Build success in 4553ms
-DTS dist\index.d.mts 389.04 KB
-DTS dist\index.d.ts  389.04 KB
+DTS ⚡️ Build success in 5292ms
+DTS dist\index.d.mts 389.16 KB
+DTS dist\index.d.ts  389.16 KB

package/CHANGELOG.md

@@ -1,10 +1,22 @@
 # @lets-events/react
 
+## 12.2.7
+
+### Patch Changes
+
+- fix button background prop
+
+## 12.2.6
+
+### Patch Changes
+
+- RichEditorFormField props
+
 ## 12.2.5
 
 ### Patch Changes
 
-- fix outlined bg color
+- Fix RichEditor
 
 ## 12.2.4
 

package/dist/index.d.mts

@@ -5055,7 +5055,7 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     title: string;
     children?: ReactNode;
     goBackIcon?: ReactNode;
-    goBackAction: () => void;
+    goBackAction?: () => void;
 };
 declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction }: DrawerProps): react_jsx_runtime.JSX.Element | null;
 
@@ -14734,6 +14734,7 @@ interface RichEditorProps {
     simpleVersion?: boolean;
     onCharacterCountChange?: (count: number) => void;
     maxLength?: number;
+    disableVideo?: boolean;
 }
 declare const RichEditor: (props: RichEditorProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -14744,9 +14745,11 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     validate?: (value: string) => boolean | string;
     maxLength?: number;
     validationErrorMessage?: string;
+    simpleVersion?: boolean;
     uploadConfig: RichEditorProps["uploadConfig"];
+    disableVideo?: boolean;
 };
-declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.d.ts

@@ -5055,7 +5055,7 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     title: string;
     children?: ReactNode;
     goBackIcon?: ReactNode;
-    goBackAction: () => void;
+    goBackAction?: () => void;
 };
 declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction }: DrawerProps): react_jsx_runtime.JSX.Element | null;
 
@@ -14734,6 +14734,7 @@ interface RichEditorProps {
     simpleVersion?: boolean;
     onCharacterCountChange?: (count: number) => void;
     maxLength?: number;
+    disableVideo?: boolean;
 }
 declare const RichEditor: (props: RichEditorProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -14744,9 +14745,11 @@ type RichEditorFormFieldProps = Omit<RichEditorProps, "value" | "onChange"> & {
     validate?: (value: string) => boolean | string;
     maxLength?: number;
     validationErrorMessage?: string;
+    simpleVersion?: boolean;
     uploadConfig: RichEditorProps["uploadConfig"];
+    disableVideo?: boolean;
 };
-declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RichEditorFormField: ({ name, label, required, validate, validationErrorMessage, maxLength, simpleVersion, disableVideo, ...props }: RichEditorFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.js

@@ -12171,6 +12171,7 @@ var QuillComponent = ({
   className,
   uploadConfig,
   simpleVersion = false,
+  disableVideo = false,
   onCharacterCountChange,
   maxLength
 }) => {
@@ -12201,6 +12202,18 @@ var QuillComponent = ({
     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] }],
@@ -12360,6 +12373,7 @@ var QuillComponent = ({
       quill.insertText(index, url, "link", url);
       quill.setSelection(index + url.length, 0);
     }
+    onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
     setLinkUrl("");
     setShowLinkModal(false);
   }, [linkUrl, quill]);
@@ -12396,6 +12410,7 @@ var QuillComponent = ({
     const insertIndex = selection ? selection.index : quill.getLength();
     quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
     quill.setSelection(insertIndex + 1, 0);
+    onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
@@ -12580,14 +12595,18 @@ var RichEditorFormField = (_a) => {
     required,
     validate,
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
-    maxLength
+    maxLength,
+    simpleVersion = false,
+    disableVideo = false
   } = _b, props = __objRest(_b, [
     "name",
     "label",
     "required",
     "validate",
     "validationErrorMessage",
-    "maxLength"
+    "maxLength",
+    "simpleVersion",
+    "disableVideo"
   ]);
   const { field, fieldState } = (0, import_react_hook_form12.useController)({
     name,
@@ -12639,7 +12658,8 @@ var RichEditorFormField = (_a) => {
         onChange: field.onChange,
         "aria-labelledby": `${name}-label`,
         onCharacterCountChange: handleCharacterCountChange,
-        maxLength
+        maxLength,
+        disableVideo
       })
     ),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorFormMessage, { message: errorMsg })

package/dist/index.mjs

@@ -12069,6 +12069,7 @@ var QuillComponent = ({
   className,
   uploadConfig,
   simpleVersion = false,
+  disableVideo = false,
   onCharacterCountChange,
   maxLength
 }) => {
@@ -12099,6 +12100,18 @@ var QuillComponent = ({
     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] }],
@@ -12258,6 +12271,7 @@ var QuillComponent = ({
       quill.insertText(index, url, "link", url);
       quill.setSelection(index + url.length, 0);
     }
+    onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
     setLinkUrl("");
     setShowLinkModal(false);
   }, [linkUrl, quill]);
@@ -12294,6 +12308,7 @@ var QuillComponent = ({
     const insertIndex = selection ? selection.index : quill.getLength();
     quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
     quill.setSelection(insertIndex + 1, 0);
+    onChange == null ? void 0 : onChange(formatHTML(quill.root.innerHTML));
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
@@ -12478,14 +12493,18 @@ var RichEditorFormField = (_a) => {
     required,
     validate,
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
-    maxLength
+    maxLength,
+    simpleVersion = false,
+    disableVideo = false
   } = _b, props = __objRest(_b, [
     "name",
     "label",
     "required",
     "validate",
     "validationErrorMessage",
-    "maxLength"
+    "maxLength",
+    "simpleVersion",
+    "disableVideo"
   ]);
   const { field, fieldState } = useController3({
     name,
@@ -12537,7 +12556,8 @@ var RichEditorFormField = (_a) => {
         onChange: field.onChange,
         "aria-labelledby": `${name}-label`,
         onCharacterCountChange: handleCharacterCountChange,
-        maxLength
+        maxLength,
+        disableVideo
       })
     ),
     /* @__PURE__ */ jsx53(ErrorFormMessage, { message: errorMsg })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.2.5",
+  "version": "12.2.7",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Drawer/index.tsx

@@ -20,7 +20,7 @@ export type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
   title: string;
   children?: ReactNode;
   goBackIcon?: ReactNode;
-  goBackAction: () => void;
+  goBackAction?: () => void;
 };
 
 export function Drawer({

package/src/components/FormFields/RichEditorFormField.tsx

@@ -16,7 +16,9 @@ export type RichEditorFormFieldProps = Omit<
   validate?: (value: string) => boolean | string;
   maxLength?: number;
   validationErrorMessage?: string;
+  simpleVersion?: boolean;
   uploadConfig: RichEditorProps["uploadConfig"];
+  disableVideo?: boolean
 };
 
 export const RichEditorFormField = ({
@@ -26,6 +28,8 @@ export const RichEditorFormField = ({
   validate,
   validationErrorMessage = "Este campo é obrigatório.",
   maxLength,
+  simpleVersion = false,
+  disableVideo = false,
   ...props
 }: RichEditorFormFieldProps) => {
   const { field, fieldState } = useController({
@@ -90,8 +94,8 @@ export const RichEditorFormField = ({
         aria-labelledby={`${name}-label`}
         onCharacterCountChange={handleCharacterCountChange}
         maxLength={maxLength}
+        disableVideo={disableVideo}
       />
-
       <ErrorFormMessage message={errorMsg} />
     </Flex>
   );

package/src/components/RichEditor/QuillComponent.tsx

@@ -15,6 +15,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
   className,
   uploadConfig,
   simpleVersion = false,
+  disableVideo = false,
   onCharacterCountChange,
   maxLength,
 }) => {
@@ -51,7 +52,19 @@ const QuillComponent: React.FC<RichEditorProps> = ({
         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"],
@@ -231,6 +244,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
       quill.insertText(index, url, "link", url);
       quill.setSelection(index + url.length, 0);
     }
+    onChange?.(formatHTML(quill.root.innerHTML));
 
     setLinkUrl("");
     setShowLinkModal(false);
@@ -273,7 +287,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
     const insertIndex = selection ? selection.index : quill.getLength();
     quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
     quill.setSelection(insertIndex + 1, 0);
-
+    onChange?.(formatHTML(quill.root.innerHTML));
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);

package/src/components/RichEditor/RichEditor.tsx

@@ -26,6 +26,7 @@ export interface RichEditorProps {
   simpleVersion?: boolean;
   onCharacterCountChange?: (count: number) => void;
   maxLength?: number;
+  disableVideo?: boolean
 }
 
 const RichEditor = (props: RichEditorProps) => {