caplink-saas-ui-shared-component-library 1.72.0 → 1.74.0

package/dist/components/rich-text/character-counter.d.ts

@@ -0,0 +1,8 @@
+type CharacterCounterProps = {
+    currentCount: string;
+    maxCount: string;
+    editable: boolean;
+    isExceeded?: boolean;
+};
+export declare function CharacterCounter({ currentCount, maxCount, editable, isExceeded }: CharacterCounterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text/classNames.d.ts

@@ -0,0 +1,10 @@
+export declare const TEXT_BASE_CLASS = "sl-text-md sl-text-foreground-v2-700";
+export declare const TEXT_BOLD_CLASS: string;
+export declare const TEXT_ITALIC_CLASS: string;
+export declare const TEXT_UNDERLINE_CLASS = "sl-text-underline";
+export declare const LINK_CLASS: string;
+export declare const HEADING_BASE_CLASS: string;
+export declare const HEADING_1_CLASS: string;
+export declare const HEADING_2_CLASS: string;
+export declare const HEADING_3_CLASS: string;
+export declare const HEADING_4_CLASS: string;

package/dist/components/rich-text/extensions.d.ts

@@ -1,8 +1 @@
-/** Paragraph Tag ClassName
- *
- *
- * Should be used to prevent showing rich text editor with empty P Tags
- * @example content === <p class="..."></p> ? null : <RichTextEditor />
- */
-export declare const P_TAG_CLASS_NAME = "sl-text-md sl-text-foreground-v2-700";
-export declare const extensions: (import('@tiptap/react').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/react').Node<import('@tiptap/extension-heading').HeadingOptions, any> | import('@tiptap/react').Mark<import('@tiptap/extension-underline').UnderlineOptions, any>)[];
+export declare const extensions: (import('@tiptap/core').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-heading').HeadingOptions, any>)[];

package/dist/components/rich-text/index.d.ts

@@ -1 +1,5 @@
-export { RichText, type RichTextEditorProps, type RichTextViewerProps, type ActiveMenuButtons, } from './rich-text';
+export { RichText, type RichTextEditorProps, type RichTextViewerProps, type ActiveMenuButtons, type VariableOption, TEXT_BASE_CLASS, P_TAG_CLASS_NAME, } from './rich-text';
+export { TEXT_BOLD_CLASS, TEXT_ITALIC_CLASS, TEXT_UNDERLINE_CLASS, LINK_CLASS, HEADING_BASE_CLASS, HEADING_1_CLASS, HEADING_2_CLASS, HEADING_3_CLASS, HEADING_4_CLASS, } from './classNames';
+export { useRichTextEditor } from './model';
+export type { UseEditorProps } from './model';
+export { isRichTextEmpty } from './lib/is-rich-text-empty';

package/dist/components/rich-text/lib/is-rich-text-empty.d.ts

@@ -1 +1 @@
-export declare function isRichTextEmpty(text: string): boolean;
+export declare function isRichTextEmpty(content: string): boolean;

package/dist/components/rich-text/model/index.d.ts

@@ -0,0 +1,2 @@
+export { useRichTextEditor } from './use-editor';
+export type { UseEditorProps } from './use-editor';

package/dist/components/rich-text/model/use-editor.d.ts

@@ -0,0 +1,15 @@
+import { Editor, Content, JSONContent } from '@tiptap/react';
+export type UseEditorProps = {
+    maxLength?: number;
+    content?: Content;
+    editable?: boolean;
+    placeholder?: string;
+    onChange?: (value: {
+        text: string;
+        html: string;
+        json: JSONContent;
+    }) => void;
+    allowExceedMaxLength?: boolean;
+    immediatelyRender?: boolean;
+};
+export declare function useRichTextEditor({ maxLength, content, editable, placeholder, onChange, allowExceedMaxLength, immediatelyRender, }: UseEditorProps): Editor | null;

package/dist/components/rich-text/rich-text-menu.d.ts

@@ -16,13 +16,18 @@ export type ActiveMenuButtons = {
     unlink?: boolean;
     undo?: boolean;
     redo?: boolean;
+    variables?: boolean;
+};
+export type VariableOption = {
+    label: string;
+    value: string;
 };
 type RichTextEditorMenuProps = {
     className?: string;
     editor: Editor;
     activeMenuButtons?: ActiveMenuButtons;
     menuChildren?: ReactNode;
-    anchorBaseUrl?: string;
+    customVariableList?: VariableOption[];
 };
 export declare function RichTextMenu(props: RichTextEditorMenuProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/rich-text/rich-text.d.ts

@@ -1,14 +1,17 @@
 import { RichTextEditorProps, RichTextViewerProps } from './rich-text.primitives';
-import { ActiveMenuButtons } from './rich-text-menu';
+import { TEXT_BASE_CLASS } from './classNames';
+import { ActiveMenuButtons, VariableOption } from './rich-text-menu';
 export declare const RichText: {
     Viewer: {
-        ({ className, content }: RichTextViewerProps): import("react/jsx-runtime").JSX.Element;
+        ({ className, content, immediatelyRender }: RichTextViewerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Editor: {
-        ({ className, maxLength, content, editable, placeholder, onChange, containerClassName, withMenu, activeMenuButtons, menuChildren, anchorBaseUrl, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;
+        ({ className, maxLength, content, editable, placeholder, onChange, containerClassName, withMenu, activeMenuButtons, menuChildren, customVariableList, editor: externalEditor, allowExceedMaxLength, immediatelyRender, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     P_TAG_CLASS_NAME: string;
 };
-export type { RichTextEditorProps, RichTextViewerProps, ActiveMenuButtons };
+export { TEXT_BASE_CLASS };
+export { TEXT_BASE_CLASS as P_TAG_CLASS_NAME };
+export type { RichTextEditorProps, RichTextViewerProps, ActiveMenuButtons, VariableOption };

package/dist/components/rich-text/rich-text.primitives.d.ts

@@ -1,5 +1,5 @@
-import { Content, JSONContent } from '@tiptap/react';
-import { ActiveMenuButtons } from './rich-text-menu';
+import { Content, JSONContent, Editor } from '@tiptap/react';
+import { ActiveMenuButtons, VariableOption } from './rich-text-menu';
 import { ReactNode } from 'react';
 export type RichTextEditorProps = {
     className?: string;
@@ -16,18 +16,22 @@ export type RichTextEditorProps = {
     }) => void;
     activeMenuButtons?: ActiveMenuButtons;
     menuChildren?: ReactNode;
-    anchorBaseUrl?: string;
+    customVariableList?: VariableOption[];
+    editor?: Editor | null;
+    allowExceedMaxLength?: boolean;
+    immediatelyRender?: boolean;
 };
 declare const RichTextEditor: {
-    ({ className, maxLength, content, editable, placeholder, onChange, containerClassName, withMenu, activeMenuButtons, menuChildren, anchorBaseUrl, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ className, maxLength, content, editable, placeholder, onChange, containerClassName, withMenu, activeMenuButtons, menuChildren, customVariableList, editor: externalEditor, allowExceedMaxLength, immediatelyRender, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export type RichTextViewerProps = {
     className?: string;
     content?: Content;
+    immediatelyRender?: boolean;
 };
 declare const RichTextViewer: {
-    ({ className, content }: RichTextViewerProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, content, immediatelyRender }: RichTextViewerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { RichTextEditor, RichTextViewer };

package/dist/index.d.ts

@@ -24,7 +24,7 @@ import { Textarea, TextareaProps, textareaVariants } from './components/textarea
 import { Dialog, DialogProps, DialogContentProps } from './components/dialog';
 import { ToastProvider, Toaster, ToastFnProps, useToast } from './components/toast';
 import { IconButton, IconButtonProps, iconButtonVariants } from './components/icon-button';
-import { RichText, RichTextEditorProps, RichTextViewerProps } from './components/rich-text';
+import { RichText, RichTextEditorProps, RichTextViewerProps, ActiveMenuButtons, VariableOption, TEXT_BASE_CLASS, P_TAG_CLASS_NAME, TEXT_BOLD_CLASS, TEXT_ITALIC_CLASS, TEXT_UNDERLINE_CLASS, LINK_CLASS, HEADING_BASE_CLASS, HEADING_1_CLASS, HEADING_2_CLASS, HEADING_3_CLASS, HEADING_4_CLASS, useRichTextEditor, UseEditorProps, isRichTextEmpty } from './components/rich-text';
 import { AlertDialog, AlertDialogProps, AlertDialogContentProps } from './components/alert-dialog';
 import { DownloadFileButton, DownloadFileButtonProps, DownloadFileButtonVariant } from './components/download-file-button';
 import { UploadImageInput, UploadImageInputProps, UploadImageInputVariant } from './components/upload-image-input';
@@ -57,8 +57,8 @@ import { CapLinkProvider } from './providers';
 import { IconTextButtonProps } from './components/icon-text-button';
 import { Badge, BadgeProps } from './components/badge';
 import { CustomPaginationProps } from './components/pagination';
-export { Accordion, accordionVariants, FancyAccordion, FancyAccordionStatusEnum, Tabs, Status, Switch, Tooltip, Popover, Radio, Checkbox, InputOTP, Card, Input, SearchStringInput, Breadcrumb, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Textarea, textareaVariants, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, AlertDialog, DownloadFileButton, UploadImageInput, InputPassword, Searchbar, RichText, DocumentFolder, DocumentFolderDataEditor, Table, NumericInput, Select, Workbook, WorkbookTabs, ConditionalFormattingCondition, };
-export type { AccordionProps, CardProps, InputProps, SearchStringInputProps, TextareaProps, AlertProps, ProgressBarProps, ButtonProps, AlertBannerProps, SheetProps, SheetContentProps, CopyTextButtonProps, DialogProps, DialogContentProps, ToastFnProps, IconButtonProps, AlertDialogProps, AlertDialogContentProps, DownloadFileButtonProps, DownloadFileButtonVariant, UploadImageInputProps, UploadImageInputVariant, SearchbarProps, RichTextViewerProps, RichTextEditorProps, DocumentFolderCellProps, DataEditorCellProps, DataViewerProps, TablePaginationProps, WorkbookProps, WorkbookTabsProps, ConditionalFormatting, ConditionalFormattingRule, };
+export { Accordion, accordionVariants, FancyAccordion, FancyAccordionStatusEnum, Tabs, Status, Switch, Tooltip, Popover, Radio, Checkbox, InputOTP, Card, Input, SearchStringInput, Breadcrumb, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Textarea, textareaVariants, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, AlertDialog, DownloadFileButton, UploadImageInput, InputPassword, Searchbar, RichText, TEXT_BASE_CLASS, P_TAG_CLASS_NAME, TEXT_BOLD_CLASS, TEXT_ITALIC_CLASS, TEXT_UNDERLINE_CLASS, LINK_CLASS, HEADING_BASE_CLASS, HEADING_1_CLASS, HEADING_2_CLASS, HEADING_3_CLASS, HEADING_4_CLASS, useRichTextEditor, isRichTextEmpty, DocumentFolder, DocumentFolderDataEditor, Table, NumericInput, Select, Workbook, WorkbookTabs, ConditionalFormattingCondition, };
+export type { AccordionProps, CardProps, InputProps, SearchStringInputProps, TextareaProps, AlertProps, ProgressBarProps, ButtonProps, AlertBannerProps, SheetProps, SheetContentProps, CopyTextButtonProps, DialogProps, DialogContentProps, ToastFnProps, IconButtonProps, AlertDialogProps, AlertDialogContentProps, DownloadFileButtonProps, DownloadFileButtonVariant, UploadImageInputProps, UploadImageInputVariant, SearchbarProps, RichTextViewerProps, RichTextEditorProps, ActiveMenuButtons, VariableOption, UseEditorProps, DocumentFolderCellProps, DataEditorCellProps, DataViewerProps, TablePaginationProps, WorkbookProps, WorkbookTabsProps, ConditionalFormatting, ConditionalFormattingRule, };
 /** ----------- Updated Components ----------- */
 /** ----------- SVG Icons & Components ----------- */
 export { AnimatedLoaderIcon, EmptySearchIcon, EmptyFolderIcon, EmptyPageIcon, EmptyTaskIcon, EmptyDocumentIcon, UnderConstructionIcon, } from './svg';