@spteck/react-controls-v2 2.5.16 → 2.6.0

package/dist/components/RichTextEditor/controls.d.ts

@@ -1,125 +1,178 @@
+import { IRichTextEditorControlBaseProps } from './IRichTextEditorProps';
 export declare const BoldControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ItalicControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const UnderlineControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const StrikeThroughControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ClearFormattingControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const UnlinkControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BulletListControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const OrderedListControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H1Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H2Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H3Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H4Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H5Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const H6Control: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const BlockquoteControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlignLeftControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlignRightControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlignCenterControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlignJustifyControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const SubscriptControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const SuperscriptControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const CodeControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const CodeBlockControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const HighlightControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const HrControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const UnsetColorControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const UndoControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const RedoControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TaskListControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TaskListSinkControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TaskListLiftControl: {
-    (props: import('./IRichTextEditorProps').IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const InsertTableControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const DeleteTableControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AddColumnBeforeControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AddColumnAfterControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const DeleteColumnControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AddRowBeforeControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AddRowAfterControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const DeleteRowControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const MergeOrSplitCellControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ToggleHeaderColumnControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ToggleHeaderRowControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ToggleTableColumnLinesControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ToggleTableRowLinesControl: {
+    (props: IRichTextEditorControlBaseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=controls.d.ts.map

package/dist/components/RichTextEditor/extensions.d.ts

@@ -1,12 +1,25 @@
-import { Extension } from '@tiptap/core';
+import { TableKit } from '@tiptap/extension-table/kit';
+export { TableKit };
 /**
  * Custom Link extension that adds Mod-k keyboard shortcut
  * to trigger the link editor popover.
  */
 export declare const Link: import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any>;
 /**
- * Creates a TaskList extension with Mod-[/] shortcuts for
- * sinking and lifting task list items.
+ * Extends the TaskItem extension with additional keyboard shortcuts
+ * (`Mod-]` to indent / `Mod-[` to outdent) as alternatives to the
+ * built-in Tab / Shift-Tab shortcuts.
+ *
+ * Usage:
+ * ```ts
+ * import TaskItem from '@tiptap/extension-task-item';
+ * import { getTaskListExtension } from '@spteck/react-controls-v2';
+ *
+ * extensions: [
+ *   TaskList,
+ *   getTaskListExtension(TaskItem).configure({ nested: true }),
+ * ]
+ * ```
  */
-export declare function getTaskListExtension(TaskList: Extension): any;
+export declare function getTaskListExtension(TaskItem: any): any;
 //# sourceMappingURL=extensions.d.ts.map

package/dist/components/RichTextEditor/index.d.ts

@@ -1,4 +1,6 @@
 export { RichTextEditor } from './RichTextEditor';
+export { useRichTextEditor } from './useRichTextEditor';
+export type { IUseRichTextEditorOptions } from './useRichTextEditor';
 export { RichTextEditorControl, RichTextEditorControlBase, createControl } from './RichTextEditorControl';
 export { RichTextEditorToolbar } from './RichTextEditorToolbar';
 export { RichTextEditorContent } from './RichTextEditorContent';
@@ -8,8 +10,16 @@ export { RichTextEditorColorControl } from './RichTextEditorColorControl';
 export { RichTextEditorColorPickerControl } from './RichTextEditorColorPickerControl';
 export { RichTextEditorSourceCodeControl } from './RichTextEditorSourceCodeControl';
 export { RichTextEditorFontFamilyControl } from './RichTextEditorFontFamilyControl';
-export { Link, getTaskListExtension } from './extensions';
+export { RichTextEditorImageUploadControl } from './RichTextEditorImageUploadControl';
+export { RichTextEditorBgColorPickerControl } from './RichTextEditorBgColorPickerControl';
+export { RichTextEditorDragHandle } from './RichTextEditorDragHandle';
+export { RichTextEditorTableControls } from './RichTextEditorTableControls';
+export { default as RichTextEditorImage } from '@tiptap/extension-image';
+export { RichTextEditorResizableImage } from './RichTextEditorResizableImage';
+export { Link, getTaskListExtension, TableKit } from './extensions';
+export { renderContentAsEmailHtml } from './renderContentAsEmailHtml';
+export type { IRenderContentAsEmailHtmlOptions } from './renderContentAsEmailHtml';
 export * from './controls';
-export type { IRichTextEditorProps, IRichTextEditorLabels, IRichTextEditorToolbarProps, IRichTextEditorControlsGroupProps, IRichTextEditorControlProps, IRichTextEditorControlBaseProps, IRichTextEditorContentProps, IRichTextEditorLinkControlProps, IRichTextEditorColorControlProps, IRichTextEditorColorPickerControlProps, IRichTextEditorFontFamilyControlProps, ICreateControlProps, RichTextEditorVariant, } from './IRichTextEditorProps';
+export type { IRichTextEditorProps, IRichTextEditorLabels, IRichTextEditorToolbarProps, IRichTextEditorControlsGroupProps, IRichTextEditorControlProps, IRichTextEditorControlBaseProps, IRichTextEditorContentProps, IRichTextEditorLinkControlProps, IRichTextEditorColorControlProps, IRichTextEditorColorPickerControlProps, IRichTextEditorBgColorPickerControlProps, IRichTextEditorDragHandleProps, IRichTextEditorFontFamilyControlProps, ICreateControlProps, RichTextEditorVariant, } from './IRichTextEditorProps';
 export type { IRichTextEditorContextValue } from './RichTextEditorContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/RichTextEditor/renderContentAsEmailHtml.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Options for renderContentAsEmailHtml
+ */
+export interface IRenderContentAsEmailHtmlOptions {
+    /** Font family applied to the email body (default: 'Arial, Helvetica, sans-serif') */
+    fontFamily?: string;
+    /** Background color of the content card (default: '#ffffff') */
+    backgroundColor?: string;
+    /** Background color of the outer email wrapper (default: '#f5f5f5') */
+    wrapperBackground?: string;
+    /** Max width of the content column in pixels (default: 600) */
+    maxWidth?: number;
+    /** Padding inside the content card (default: '32px 40px') */
+    contentPadding?: string;
+}
+/**
+ * Converts TipTap HTML output into a complete, inline-styled, email-client-safe
+ * HTML document. The resulting string can be used directly as the `html` body
+ * of an email message.
+ *
+ * @param contentHtml  Raw HTML produced by `editor.getHTML()`
+ * @param options      Optional overrides for fonts, colors, and dimensions
+ * @returns            A complete `<!DOCTYPE html>` email document string
+ */
+export declare function renderContentAsEmailHtml(contentHtml: string, options?: IRenderContentAsEmailHtmlOptions): string;
+//# sourceMappingURL=renderContentAsEmailHtml.d.ts.map

package/dist/components/RichTextEditor/useRichTextEditor.d.ts

@@ -0,0 +1,36 @@
+import { Editor } from '@tiptap/core';
+export interface IUseRichTextEditorOptions {
+    /** Initial HTML content for the editor */
+    content?: string;
+    /** Placeholder text displayed when the editor is empty */
+    placeholder?: string;
+    /** Whether the editor content is editable @default true */
+    editable?: boolean;
+}
+/**
+ * Creates a fully configured RichTextEditor instance with all built-in
+ * extensions pre-loaded. Clients only need to declare which toolbar
+ * controls to render — no TipTap imports required.
+ *
+ * @example
+ * ```tsx
+ * import { RichTextEditor, useRichTextEditor } from '@spteck/react-controls-v2';
+ *
+ * const MyEditor = () => {
+ *   const editor = useRichTextEditor({ content: '<p>Hello!</p>' });
+ *   return (
+ *     <RichTextEditor editor={editor}>
+ *       <RichTextEditor.Toolbar>
+ *         <RichTextEditor.ControlsGroup>
+ *           <RichTextEditor.Bold />
+ *           <RichTextEditor.Italic />
+ *         </RichTextEditor.ControlsGroup>
+ *       </RichTextEditor.Toolbar>
+ *       <RichTextEditor.Content />
+ *     </RichTextEditor>
+ *   );
+ * };
+ * ```
+ */
+export declare function useRichTextEditor(options?: IUseRichTextEditorOptions): Editor | null;
+//# sourceMappingURL=useRichTextEditor.d.ts.map

package/dist/components/RichTextEditor/useRichTextEditorStyles.d.ts

@@ -19,10 +19,12 @@ export interface IRichTextEditorStyles {
     colorSwatch: string;
     colorSwatchGrid: string;
     colorPickerActions: string;
-    taskList: string;
     fontFamilyList: string;
     fontFamilyItem: string;
     fontFamilyItemActive: string;
+    dragHandle: string;
+    tableHideColumnLines: string;
+    tableHideRowLines: string;
 }
 export declare const useRichTextEditorStyles: (variant?: RichTextEditorVariant) => IRichTextEditorStyles;
 //# sourceMappingURL=useRichTextEditorStyles.d.ts.map

package/dist/hooks/index.d.ts

@@ -7,4 +7,5 @@ export * from './useAIAssistantParser';
 export * from './useAIAssistant';
 export * from './useLocalizationStrings';
 export * from './useBrandCenterFonts';
+export * from './useFluentEmoji';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/useFluentEmoji.d.ts

@@ -0,0 +1,12 @@
+export type TeamsReactionImageStyle = '3D' | 'Color' | 'Flat' | 'HighContrast';
+export interface IUseFluentEmojiResult {
+    getEmoji: (reactionType: string, style?: TeamsReactionImageStyle) => string | undefined;
+    getAvailableEmojis: () => string[];
+    hasEmoji: (reactionType: string, style?: TeamsReactionImageStyle) => boolean;
+}
+/**
+ * Resolves a Teams/Graph reactionType such as `yes`, `yes-tone2`, `heart`, or
+ * a raw Unicode emoji glyph to a Fluent emoji image URL.
+ */
+export declare const useFluentEmoji: () => IUseFluentEmojiResult;
+//# sourceMappingURL=useFluentEmoji.d.ts.map