torch-glare 2.4.0 → 2.4.2

package/apps/lib/{types → components/TextEditor}/editorjs.d.ts

@@ -39,3 +39,22 @@ declare module "@editorjs/text-variant-tune" {
   const TextVariantTune: BlockTuneConstructable;
   export default TextVariantTune;
 }
+
+declare module "editorjs-undo" {
+  import EditorJS from "@editorjs/editorjs";
+  interface UndoConfig {
+    editor: EditorJS;
+    config?: { debounceTimer?: number; shortcuts?: { undo?: string; redo?: string } };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onUpdate?: () => void;
+  }
+  export default class Undo {
+    constructor(options: UndoConfig);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    initialize(data: any): void;
+    undo(): void;
+    redo(): void;
+    clear(): void;
+    setReadOnly(readOnly: boolean): void;
+  }
+}

package/apps/lib/components/TextEditor/index.ts

@@ -0,0 +1,7 @@
+export { TextEditor } from "./TextEditor";
+export type { TextEditorRef, TextEditorProps, OutputData } from "./TextEditor";
+export { RichTextField } from "./RichTextField";
+export type { RichTextFieldProps } from "./RichTextField";
+export { default as ChartBlockTool, type ChartBlockData } from "./ChartBlockTool";
+export { default as createTableDnDClass } from "./TableDnDWrapper";
+export { TextEditorToolbar } from "./TextEditorToolbar";

package/apps/lib/{utils → components/TextEditor}/markdownParser.ts

@@ -81,10 +81,7 @@ export function convertInlineMarkdown(text: string): string {
   let result = text;
 
   // Images inline (rare in inline context but handle gracefully)
-  result = result.replace(
-    /!\[([^\]]*)\]\(([^)]+)\)/g,
-    '<img src="$2" alt="$1">',
-  );
+  result = result.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '<img src="$2" alt="$1">');
 
   // Links: [text](url)
   result = result.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
@@ -173,9 +170,7 @@ export function parseMarkdownToBlocks(md: string): EditorBlock[] {
       type: "table",
       data: {
         withHeadings: tableRows.length > 1,
-        content: tableRows.map((row) =>
-          row.map((cell) => convertInlineMarkdown(cell.trim())),
-        ),
+        content: tableRows.map((row) => row.map((cell) => convertInlineMarkdown(cell.trim()))),
       },
     });
     tableRows = [];

package/apps/lib/components/Textarea.tsx

@@ -7,7 +7,7 @@ import { cva, VariantProps } from "class-variance-authority";
 const textareaStyles = cva(
   [
     "border",
-    "rounded-[4px]",
+    "rounded-[8px]",
     "px-[8px]",
     "py-[12px]",
     "outline-none",
@@ -29,7 +29,7 @@ const textareaStyles = cva(
     "disabled:text-border-presentation-action-disabled",
     "disabled:cursor-not-allowed",
     "disabled:placeholder-border-presentation-action-disabled",
-    "field-sizing-content w-full min-w-[100px] max-w-[100%]"
+    "field-sizing-content w-full min-w-[100px] max-w-[100%]",
   ],
   {
     variants: {
@@ -43,13 +43,12 @@ const textareaStyles = cva(
       },
     },
     defaultVariants: {},
-  }
+  },
 );
 
 // Define the prop types for the Textarea component
 interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,
-  VariantProps<typeof textareaStyles> {
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaStyles> {
   label?: string; // Optional label text
   requiredLabel?: string; // Text for required field indicator
   secondaryLabel?: string; // Additional label text
@@ -67,10 +66,11 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       requiredLabel,
       secondaryLabel,
       direction = "row",
-      theme,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      theme, // excluded from ...props spread
       ...props
     },
-    ref
+    ref,
   ) => {
     return (
       <Label
@@ -82,14 +82,10 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         size={"M"}
         className={cn(className)}
       >
-        <textarea
-          className={cn(textareaStyles({ state }))}
-          ref={ref}
-          {...props}
-        />
+        <textarea className={cn(textareaStyles({ state }))} ref={ref} {...props} />
       </Label>
     );
-  }
+  },
 );
 Textarea.displayName = "Textarea";
 

package/apps/lib/components/Timeline.tsx

@@ -18,8 +18,7 @@ const timelineStyles = cva(["flex gap-0"], {
 });
 
 interface TimelineProps
-  extends HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof timelineStyles> {
+  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof timelineStyles> {
   theme?: Themes;
 }
 
@@ -32,7 +31,7 @@ const Timeline = forwardRef<HTMLDivElement, TimelineProps>(
       className={cn(timelineStyles({ orientation }), className)}
       {...props}
     />
-  )
+  ),
 );
 Timeline.displayName = "Timeline";
 
@@ -62,7 +61,7 @@ const TimelineItem = forwardRef<HTMLDivElement, TimelineItemProps>(
       className={cn(timelineItemStyles({ orientation }), className)}
       {...props}
     />
-  )
+  ),
 );
 TimelineItem.displayName = "TimelineItem";
 
@@ -114,12 +113,11 @@ const indicatorStyles = cva(
       variant: "default",
       size: "M",
     },
-  }
+  },
 );
 
 interface TimelineIndicatorProps
-  extends HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof indicatorStyles> {
+  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof indicatorStyles> {
   icon?: ReactNode;
 }
 
@@ -135,25 +133,18 @@ const TimelineIndicator = forwardRef<HTMLDivElement, TimelineIndicatorProps>(
     };
 
     return (
-      <div
-        ref={ref}
-        className={cn(indicatorStyles({ variant, size }), className)}
-        {...props}
-      >
+      <div ref={ref} className={cn(indicatorStyles({ variant, size }), className)} {...props}>
         {renderContent()}
       </div>
     );
-  }
+  },
 );
 TimelineIndicator.displayName = "TimelineIndicator";
 
 // ─── Timeline Separator (the connecting line) ────────────────────────────────
 
 const separatorStyles = cva(
-  [
-    "bg-border-presentation-global-primary",
-    "transition-all duration-200 ease-in-out",
-  ],
+  ["bg-border-presentation-global-primary", "transition-all duration-200 ease-in-out"],
   {
     variants: {
       orientation: {
@@ -168,21 +159,16 @@ const separatorStyles = cva(
       orientation: "vertical",
       active: false,
     },
-  }
+  },
 );
 
 interface TimelineSeparatorProps
-  extends HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof separatorStyles> {}
+  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorStyles> {}
 
 const TimelineSeparator = forwardRef<HTMLDivElement, TimelineSeparatorProps>(
   ({ className, orientation = "vertical", active, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={cn(separatorStyles({ orientation, active }), className)}
-      {...props}
-    />
-  )
+    <div ref={ref} className={cn(separatorStyles({ orientation, active }), className)} {...props} />
+  ),
 );
 TimelineSeparator.displayName = "TimelineSeparator";
 
@@ -198,16 +184,14 @@ const TimelineConnector = forwardRef<HTMLDivElement, TimelineConnectorProps>(
       ref={ref}
       className={cn(
         "flex items-center",
-        orientation === "vertical"
-          ? "flex-col"
-          : "flex-row",
-        className
+        orientation === "vertical" ? "flex-col" : "flex-row",
+        className,
       )}
       {...props}
     >
       {children}
     </div>
-  )
+  ),
 );
 TimelineConnector.displayName = "TimelineConnector";
 
@@ -219,14 +203,10 @@ const TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(
   ({ className, ...props }, ref) => (
     <div
       ref={ref}
-      className={cn(
-        "flex flex-col gap-1 pb-6 pt-[2px]",
-        "group-last/item:pb-0",
-        className
-      )}
+      className={cn("flex flex-col gap-1 pb-6 pt-[2px]", "group-last/item:pb-0", className)}
       {...props}
     />
-  )
+  ),
 );
 TimelineContent.displayName = "TimelineContent";
 
@@ -240,11 +220,11 @@ const TimelineHeading = forwardRef<HTMLDivElement, TimelineHeadingProps>(
       ref={ref}
       className={cn(
         "typography-body-medium-medium text-content-presentation-global-primary",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  ),
 );
 TimelineHeading.displayName = "TimelineHeading";
 
@@ -258,11 +238,11 @@ const TimelineDescription = forwardRef<HTMLDivElement, TimelineDescriptionProps>
       ref={ref}
       className={cn(
         "typography-body-small-regular text-content-presentation-global-secondary",
-        className
+        className,
       )}
       {...props}
     />
-  )
+  ),
 );
 TimelineDescription.displayName = "TimelineDescription";
 

package/apps/lib/components/Toast.tsx

@@ -1,87 +1,87 @@
-import React from 'react'
-import { Toaster as ToasterComponent, toast } from 'react-hot-toast'
-
+import React from "react";
+import { Toaster as ToasterComponent, toast } from "react-hot-toast";
 
 const Toaster = ({
-    position = 'top-left',
-    reverseOrder = false,
-    gutter = 8,
-    containerClassName = '',
-    containerStyle = {},
-    toastOptions = {},
-    ...props }: React.ComponentPropsWithoutRef<typeof ToasterComponent>) => {
-    return (
-        <ToasterComponent
-            position={position}
-            reverseOrder={reverseOrder}
-            gutter={gutter}
-            containerClassName={containerClassName}
-            containerStyle={containerStyle}
-            {...props}
-            toastOptions={{
-                // Define default options
-                className: '',
-                duration: 8000,
-                removeDelay: 1000,
-                style: {
-                    background: 'var(--background-presentation-state-information-secondary)',
-                    color: 'var(--content-presentation-global-primary)',
-                    borderRadius: '16px',
-                },
+  position = "top-left",
+  reverseOrder = false,
+  gutter = 8,
+  containerClassName = "",
+  containerStyle = {},
+  toastOptions = {},
+  ...props
+}: React.ComponentPropsWithoutRef<typeof ToasterComponent>) => {
+  return (
+    <ToasterComponent
+      position={position}
+      reverseOrder={reverseOrder}
+      gutter={gutter}
+      containerClassName={containerClassName}
+      containerStyle={containerStyle}
+      {...props}
+      toastOptions={{
+        // Define default options
+        className: "",
+        duration: 8000,
+        removeDelay: 1000,
+        style: {
+          background: "var(--background-presentation-state-information-secondary)",
+          color: "var(--content-presentation-global-primary)",
+          borderRadius: "16px",
+        },
 
-                // Default options for specific types
-                success: {
-                    duration: 3000,
-                    style: {
-                        background: 'var(--background-presentation-state-success-secondary)',
-                        color: 'var(--content-presentation-global-primary)',
-                        borderRadius: '16px',
-                    },
-                    iconTheme: {
-                        primary: 'var(--background-presentation-state-success-primary)',
-                        secondary: 'var(--background-presentation-state-success-secondary)',
-                    },
-                },
-                error: {
-                    duration: 5000,
-                    style: {
-                        background: 'var(--background-presentation-state-negative-secondary)',
-                        color: 'var(--content-presentation-global-primary)',
-                        borderRadius: '16px',
-                    },
-                    iconTheme: {
-                        primary: 'var(--background-presentation-state-negative-primary)',
-                        secondary: 'var(--background-presentation-state-negative-secondary)',
-                    },
-                },
-                loading: {
-                    duration: 4000,
-                    style: {
-                        background: 'var(--background-presentation-state-warning-secondary)',
-                        color: 'var(--content-presentation-global-primary)',
-                        borderRadius: '16px',
-                    },
-                    iconTheme: {
-                        primary: 'var(--background-presentation-state-warning-primary)',
-                        secondary: 'var(--background-presentation-state-warning-secondary)',
-                    },
-                },
-                blank: {
-                    duration: 4000,
-                    style: {
-                        background: 'var(--background-presentation-state-information-secondary)',
-                        color: 'var(--content-presentation-global-primary)',
-                        borderRadius: '16px',
-                    },
-                    iconTheme: {
-                        primary: 'var(--background-presentation-state-information-primary)',
-                        secondary: 'var(--background-presentation-state-information-secondary)',
-                    },
-                },
-                ...toastOptions,
-            }}
-        />
-    )
-}
+        // Default options for specific types
+        success: {
+          duration: 3000,
+          style: {
+            background: "var(--background-presentation-state-success-secondary)",
+            color: "var(--content-presentation-global-primary)",
+            borderRadius: "16px",
+          },
+          iconTheme: {
+            primary: "var(--background-presentation-state-success-primary)",
+            secondary: "var(--background-presentation-state-success-secondary)",
+          },
+        },
+        error: {
+          duration: 5000,
+          style: {
+            background: "var(--background-presentation-state-negative-secondary)",
+            color: "var(--content-presentation-global-primary)",
+            borderRadius: "16px",
+          },
+          iconTheme: {
+            primary: "var(--background-presentation-state-negative-primary)",
+            secondary: "var(--background-presentation-state-negative-secondary)",
+          },
+        },
+        loading: {
+          duration: 4000,
+          style: {
+            background: "var(--background-presentation-state-warning-secondary)",
+            color: "var(--content-presentation-global-primary)",
+            borderRadius: "16px",
+          },
+          iconTheme: {
+            primary: "var(--background-presentation-state-warning-primary)",
+            secondary: "var(--background-presentation-state-warning-secondary)",
+          },
+        },
+        blank: {
+          duration: 4000,
+          style: {
+            background: "var(--background-presentation-state-information-secondary)",
+            color: "var(--content-presentation-global-primary)",
+            borderRadius: "16px",
+          },
+          iconTheme: {
+            primary: "var(--background-presentation-state-information-primary)",
+            secondary: "var(--background-presentation-state-information-secondary)",
+          },
+        },
+        ...toastOptions,
+      }}
+    />
+  );
+};
 
-export { Toaster, toast }
+export { Toaster, toast };