@lets-events/react 12.6.2 → 12.6.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.6.2 build
+> @lets-events/react@12.6.4 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 389.19 KB
-ESM ⚡️ Build success in 252ms
-CJS dist\index.js 404.20 KB
-CJS ⚡️ Build success in 253ms
+CJS dist\index.js 404.29 KB
+CJS ⚡️ Build success in 200ms
+ESM dist\index.mjs 389.28 KB
+ESM ⚡️ Build success in 201ms
 DTS Build start
-DTS ⚡️ Build success in 4784ms
+DTS ⚡️ Build success in 4558ms
 DTS dist\index.d.mts 402.87 KB
 DTS dist\index.d.ts  402.87 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.6.4
+
+### Patch Changes
+
+- fix simple richeditor formats
+
+## 12.6.3
+
+### Patch Changes
+
+- fix tooltip
+
 ## 12.6.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -12758,7 +12758,7 @@ interface TooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
     delayDuration?: number;
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    side?: "top" | "right" | "bottom" | "left";
 }
 declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -12758,7 +12758,7 @@ interface TooltipProps {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
     delayDuration?: number;
-    side?: 'top' | 'right' | 'bottom' | 'left';
+    side?: "top" | "right" | "bottom" | "left";
 }
 declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -9690,7 +9690,7 @@ function Tooltip({
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipRoot, { delayDuration, children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { asChild: true, children }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipContent, { side, sideOffset: 5, children: [
-      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", children: content }) : content,
+      typeof content === "string" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { typography: "tooltip", color: "grey50", children: content }) : content,
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipArrow, {})
     ] })
   ] }) });
@@ -12548,7 +12548,16 @@ var QuillComponent = ({
       matchVisual: false
     }
   };
-  const formats = simpleVersion ? ["bold", "italic", "underline", "list", "link"] : [
+  const formats = simpleVersion ? [
+    "header",
+    "bold",
+    "italic",
+    "underline",
+    "color",
+    "background",
+    "align",
+    "list"
+  ] : [
     "header",
     "bold",
     "italic",

package/dist/index.mjs

@@ -9576,7 +9576,7 @@ function Tooltip({
   return /* @__PURE__ */ jsx26(TooltipProvider, { children: /* @__PURE__ */ jsxs15(TooltipRoot, { delayDuration, children: [
     /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children }),
     /* @__PURE__ */ jsxs15(TooltipContent, { side, sideOffset: 5, children: [
-      typeof content === "string" ? /* @__PURE__ */ jsx26(Text, { typography: "tooltip", children: content }) : content,
+      typeof content === "string" ? /* @__PURE__ */ jsx26(Text, { typography: "tooltip", color: "grey50", children: content }) : content,
       /* @__PURE__ */ jsx26(TooltipArrow, {})
     ] })
   ] }) });
@@ -12443,7 +12443,16 @@ var QuillComponent = ({
       matchVisual: false
     }
   };
-  const formats = simpleVersion ? ["bold", "italic", "underline", "list", "link"] : [
+  const formats = simpleVersion ? [
+    "header",
+    "bold",
+    "italic",
+    "underline",
+    "color",
+    "background",
+    "align",
+    "list"
+  ] : [
     "header",
     "bold",
     "italic",

package/package.json

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

package/src/components/RichEditor/QuillComponent.tsx

@@ -35,59 +35,70 @@ const QuillComponent: React.FC<RichEditorProps> = ({
   };
   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,
-      },
-    };
+        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
-    ? ["bold", "italic", "underline", "list", "link"]
+    ? [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "color",
+        "background",
+        "align",
+        "list",
+      ]
     : [
-      "header",
-      "bold",
-      "italic",
-      "underline",
-      "strike",
-      "color",
-      "background",
-      "align",
-      "list",
-      "link",
-      "image",
-      "video",
-    ];
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "color",
+        "background",
+        "align",
+        "list",
+        "link",
+        "image",
+        "video",
+      ];
 
   const { quill, quillRef } = useQuill({
     theme: "snow",
@@ -134,7 +145,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
         });
       }
     },
-    [disabled, quill, addToast, removeToast, uploadConfig, onChange]
+    [disabled, quill, addToast, removeToast, uploadConfig, onChange],
   );
 
   useEffect(() => {
@@ -157,15 +168,15 @@ const QuillComponent: React.FC<RichEditorProps> = ({
     if (quill) {
       quill.on("text-change", (delta: any, oldDelta: any, source: string) => {
         if (source === "user") {
-          const text = quill.getText().trim()
-          const count = text.length
+          const text = quill.getText().trim();
+          const count = text.length;
 
           if (maxLength !== undefined && count > maxLength) {
-            quill.deleteText(maxLength, count - maxLength)
-            return
+            quill.deleteText(maxLength, count - maxLength);
+            return;
           }
-          onChange?.(formatHTML(quill.root.innerHTML))
-          onCharacterCountChange?.(count)
+          onChange?.(formatHTML(quill.root.innerHTML));
+          onCharacterCountChange?.(count);
         }
       });
 
@@ -193,7 +204,7 @@ const QuillComponent: React.FC<RichEditorProps> = ({
           quillRef.current?.parentElement?.querySelector(".ql-toolbar");
         if (toolbarElement) {
           const headerSelect = toolbarElement.querySelector(
-            "select[data-value]"
+            "select[data-value]",
           ) as HTMLSelectElement;
           if (headerSelect) {
             const options = headerSelect.querySelectorAll("option");

package/src/components/Tooltip/index.tsx

@@ -1,67 +1,73 @@
-import * as React from 'react'
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-import { styled } from '../../styles'
-import { Text } from '../Text'
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { styled } from "../../styles";
+import { Text } from "../Text";
 
-const TooltipProvider = TooltipPrimitive.Provider
-const TooltipRoot = TooltipPrimitive.Root
-const TooltipTrigger = TooltipPrimitive.Trigger
+const TooltipProvider = TooltipPrimitive.Provider;
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
 
 const TooltipContent = styled(TooltipPrimitive.Content, {
-  backgroundColor: '$dark800',
-  color: '$neutral50',
-  borderRadius: '4px',
-  padding: '10px 15px',
-  fontSize: '14px',
+  backgroundColor: "$dark800",
+  color: "$neutral50",
+  borderRadius: "4px",
+  padding: "10px 15px",
+  fontSize: "14px",
   lineHeight: 1,
   zIndex: 100,
-  boxShadow: '0 2px 10px rgba(0, 0, 0, 0.1)',
-  userSelect: 'none',
-  animationDuration: '400ms',
-  animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',
-  willChange: 'transform, opacity',
+  boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
+  userSelect: "none",
+  animationDuration: "400ms",
+  animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
+  willChange: "transform, opacity",
   '&[data-state="delayed-open"][data-side="top"]': {
-    animationName: 'slideDownAndFade',
+    animationName: "slideDownAndFade",
   },
   '&[data-state="delayed-open"][data-side="right"]': {
-    animationName: 'slideLeftAndFade',
+    animationName: "slideLeftAndFade",
   },
   '&[data-state="delayed-open"][data-side="bottom"]': {
-    animationName: 'slideUpAndFade',
+    animationName: "slideUpAndFade",
   },
   '&[data-state="delayed-open"][data-side="left"]': {
-    animationName: 'slideRightAndFade',
+    animationName: "slideRightAndFade",
   },
-})
+});
 
 const TooltipArrow = styled(TooltipPrimitive.Arrow, {
-  fill: '$dark800',
-})
+  fill: "$dark800",
+});
 
 export interface TooltipProps {
-  children: React.ReactNode
-  content: React.ReactNode
-  delayDuration?: number
-  side?: 'top' | 'right' | 'bottom' | 'left'
+  children: React.ReactNode;
+  content: React.ReactNode;
+  delayDuration?: number;
+  side?: "top" | "right" | "bottom" | "left";
 }
 
 export function Tooltip({
   children,
   content,
   delayDuration = 200,
-  side = 'top',
+  side = "top",
 }: TooltipProps) {
   return (
     <TooltipProvider>
       <TooltipRoot delayDuration={delayDuration}>
         <TooltipTrigger asChild>{children}</TooltipTrigger>
         <TooltipContent side={side} sideOffset={5}>
-          {typeof content === 'string' ? <Text typography={'tooltip'}>{content}</Text>:(content)}
+          {typeof content === "string" ? (
+            <Text typography={"tooltip"} color="grey50">
+              {content}
+            </Text>
+          ) : (
+            content
+          )}
           <TooltipArrow />
         </TooltipContent>
       </TooltipRoot>
     </TooltipProvider>
-  )
+  );
 }
 
-export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent } 
+export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent };