@trycourier/react-designer 0.0.0-canary-20251229151230 → 0.0.0-canary-20260102172800
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +57 -58
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/styles.css +143 -242
- package/dist/components/Providers/useTemplateActions.d.ts +2 -2
- package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarItemDetails/SideBarItemDetails.d.ts +2 -1
- package/dist/components/TemplateEditor/index.d.ts +13 -1
- package/dist/components/TemplateEditor/store.d.ts +1 -1
- package/dist/components/extensions/Blockquote/BlockquoteForm.d.ts +2 -1
- package/dist/components/extensions/Button/ButtonForm.d.ts +2 -1
- package/dist/components/extensions/Column/ColumnForm.d.ts +2 -1
- package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts +2 -1
- package/dist/components/extensions/Divider/DividerForm.d.ts +2 -1
- package/dist/components/extensions/ImageBlock/components/ImageBlockForm.d.ts +2 -1
- package/dist/components/extensions/TextBlock/TextBlockForm.d.ts +2 -1
- package/dist/components/extensions/index.d.ts +0 -2
- package/dist/components/ui/Blocks/index.d.ts +0 -1
- package/dist/components/ui/FormHeader/FormHeader.d.ts +3 -2
- package/dist/components/ui/VariableEditor/VariableChipBase.d.ts +0 -2
- package/dist/esm/index.js +57 -58
- package/dist/esm/index.js.map +4 -4
- package/dist/esm/styles.css +143 -242
- package/dist/index.d.ts +0 -13
- package/dist/lib/utils/index.d.ts +0 -1
- package/dist/styles.css +143 -242
- package/dist/types/elemental.types.d.ts +0 -4
- package/package.json +1 -1
- package/dist/components/extensions/List/List.d.ts +0 -15
- package/dist/components/extensions/List/List.types.d.ts +0 -9
- package/dist/components/extensions/List/ListComponent.d.ts +0 -9
- package/dist/components/extensions/List/ListForm.d.ts +0 -8
- package/dist/components/extensions/List/index.d.ts +0 -3
- package/dist/components/extensions/ListItem/ListItem.d.ts +0 -34
- package/dist/components/extensions/ListItem/ListItem.types.d.ts +0 -7
- package/dist/components/extensions/ListItem/ListItemComponent.d.ts +0 -7
- package/dist/components/extensions/ListItem/index.d.ts +0 -2
- package/dist/components/ui/Blocks/ListBlock/ListBlock.d.ts +0 -3
- package/dist/components/ui/Blocks/ListBlock/index.d.ts +0 -1
|
@@ -19,8 +19,8 @@ export declare function useTemplateActions(): {
|
|
|
19
19
|
setTemplateError: (error: string | TemplateError | null) => void;
|
|
20
20
|
templateData: import("./store").TenantData | null;
|
|
21
21
|
setTemplateData: (args_0: import("./store").TenantData | ((prev: import("./store").TenantData | null) => import("./store").TenantData | null) | null) => void;
|
|
22
|
-
templateEditorContent: import("
|
|
23
|
-
setTemplateEditorContent: (content: import("
|
|
22
|
+
templateEditorContent: import("../TemplateEditor").ElementalContent | null | undefined;
|
|
23
|
+
setTemplateEditorContent: (content: import("../TemplateEditor").ElementalContent | null | undefined) => void;
|
|
24
24
|
createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
|
|
25
25
|
convertLegacyError: (error: string | TemplateError) => TemplateError;
|
|
26
26
|
/**
|
|
@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
export interface SideBarItemDetailsProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const SideBarItemDetails: ({ element, editor }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const SideBarItemDetails: ({ element, editor, hideCloseButton, }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
|
|
2
|
+
export { PreviewPanel } from "@/components/ui/PreviewPanel";
|
|
3
|
+
export { TextMenu } from "@/components/ui/TextMenu";
|
|
4
|
+
export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
|
|
5
|
+
export { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
|
|
6
|
+
export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
|
|
2
7
|
export { useChannels, getChannelDefaults } from "./Channels";
|
|
3
8
|
export { default as EmailEditor } from "./Channels/Email/EmailEditor";
|
|
4
9
|
export * from "./TemplateEditor";
|
|
@@ -6,13 +11,20 @@ export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails,
|
|
|
6
11
|
export { SideBar as InboxSideBar } from "./Channels/Inbox/SideBar";
|
|
7
12
|
export { MSTeamsSideBar } from "./Channels/MSTeams/SideBar";
|
|
8
13
|
export { SlackSideBar, SlackSideBarItemDetails } from "./Channels/Slack/SideBar";
|
|
9
|
-
export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
|
|
10
14
|
export declare const EmailChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").EmailProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
11
15
|
export declare const SMSChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SMSProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
12
16
|
export declare const PushChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").PushProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
13
17
|
export declare const InboxChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").InboxProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
14
18
|
export declare const MSTeamsChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").MSTeamsProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
15
19
|
export declare const SlackChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SlackProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
20
|
+
export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
|
|
21
|
+
export { CHANNELS } from "@/channels";
|
|
22
|
+
export type { ChannelType } from "@/store";
|
|
23
|
+
export type { ElementalContent } from "@/types";
|
|
16
24
|
export { ChannelRootContainer, EditorSidebar } from "./Layout";
|
|
17
25
|
export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
|
|
26
|
+
export { useAutoSave } from "@/hooks/useAutoSave";
|
|
18
27
|
export { useDebouncedFlush } from "./hooks/useDebouncedFlush";
|
|
28
|
+
export { Status as TemplateStatus } from "@/components/ui/Status";
|
|
29
|
+
export { MonacoCodeEditor } from "@/components/extensions/CustomCode/MonacoCodeEditor";
|
|
30
|
+
export { ToggleGroup } from "@/components/ui-kit";
|
|
@@ -58,7 +58,7 @@ export declare const flushAllPendingUpdates: (flushFunctions: Map<string, FlushF
|
|
|
58
58
|
/**
|
|
59
59
|
* Available block element types that can be used in the sidebar
|
|
60
60
|
*/
|
|
61
|
-
export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote"
|
|
61
|
+
export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote";
|
|
62
62
|
/**
|
|
63
63
|
* Attributes that can be set as defaults or in presets for blocks.
|
|
64
64
|
* Types match the actual TipTap node attribute types for each extension.
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface BlockquoteFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const BlockquoteForm: ({ element, editor }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const BlockquoteForm: ({ element, editor, hideCloseButton, }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface ButtonFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const ButtonForm: ({ element, editor }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const ButtonForm: ({ element, editor, hideCloseButton }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface ColumnFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const ColumnForm: ({ element, editor }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const ColumnForm: ({ element, editor, hideCloseButton }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface CustomCodeFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const CustomCodeForm: ({ element, editor }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const CustomCodeForm: ({ element, editor, hideCloseButton, }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface DividerFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const DividerForm: ({ element, editor }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const DividerForm: ({ element, editor, hideCloseButton }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
export interface ImageBlockFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const ImageBlockForm: ({ element, editor }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const ImageBlockForm: ({ element, editor, hideCloseButton, }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
|
|
|
3
3
|
interface TextBlockFormProps {
|
|
4
4
|
element?: ProseMirrorNode;
|
|
5
5
|
editor: Editor | null;
|
|
6
|
+
hideCloseButton?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const TextBlockForm: ({ element, editor }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export declare const TextBlockForm: ({ element, editor, hideCloseButton }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
9
|
export {};
|
|
@@ -23,8 +23,6 @@ export { FixedChannelSelection } from "./FixedChannelSelection";
|
|
|
23
23
|
export { Heading } from "./Heading";
|
|
24
24
|
export { ImageBlock } from "./ImageBlock";
|
|
25
25
|
export { Link } from "./Link";
|
|
26
|
-
export { List } from "./List";
|
|
27
|
-
export { ListItem } from "./ListItem";
|
|
28
26
|
export { Paragraph } from "./Paragraph";
|
|
29
27
|
export { Selection } from "./Selection";
|
|
30
28
|
export { SlashMenu } from "./SlashMenu";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface FormHeaderProps {
|
|
2
|
-
type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column"
|
|
2
|
+
type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column";
|
|
3
3
|
label?: string;
|
|
4
|
+
hideCloseButton?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare const FormHeader: ({ type }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const FormHeader: ({ type, hideCloseButton }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export {};
|
|
@@ -31,7 +31,5 @@ export interface VariableChipBaseProps {
|
|
|
31
31
|
textColorOverride?: string;
|
|
32
32
|
/** Custom color getter function (kept for API compatibility, colors handled by CSS) */
|
|
33
33
|
getColors?: (isInvalid: boolean, hasValue: boolean) => VariableColors;
|
|
34
|
-
/** Whether the chip is read-only (prevents editing) */
|
|
35
|
-
readOnly?: boolean;
|
|
36
34
|
}
|
|
37
35
|
export declare const VariableChipBase: React.FC<VariableChipBaseProps>;
|