@lets-events/react 12.2.5 → 12.2.6

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.2.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: C:\Users\cazuz\OneDrive\Desktop\Web\design-system\packages\react\tsup.config.ts
-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
-DTS Build start
-DTS ⚡️ Build success in 4553ms
-DTS dist\index.d.mts 389.04 KB
-DTS dist\index.d.ts  389.04 KB
+
+
+> @lets-events/react@12.2.6 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
+CJS dist/index.js 393.82 KB
+CJS ⚡️ Build success in 285ms
+ESM dist/index.mjs 379.87 KB
+ESM ⚡️ Build success in 286ms
+DTS Build start
+DTS ⚡️ Build success in 5185ms
+DTS dist/index.d.mts 389.16 KB
+DTS dist/index.d.ts  389.16 KB
+⠙

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # @lets-events/react
 
+## 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

@@ -1814,7 +1814,7 @@ var ButtonStyled = styled(import_themes2.Button, {
     outlinedBgColor: {
       neutral: {},
       transparent: {
-        $$buttonBgColor: "transparent"
+        backgroundColor: "transparent"
       }
     },
     radii: {
@@ -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

@@ -1699,7 +1699,7 @@ var ButtonStyled = styled(ButtonRadix, {
     outlinedBgColor: {
       neutral: {},
       transparent: {
-        $$buttonBgColor: "transparent"
+        backgroundColor: "transparent"
       }
     },
     radii: {
@@ -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.6",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",