asma-ui-richeditor 0.1.0 → 0.1.2-alpha1

package/dist/src/rich-input/LinkDialog.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from '@tiptap/react';
+import React from 'react';
+interface Props {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    editor: Editor;
+}
+export declare const LinkDialog: React.FC<Props>;
+export {};

package/dist/src/rich-input/RichInput.d.ts

@@ -1,20 +1,4 @@
-import { type FC, type MutableRefObject } from 'react';
-import { Editor, type UseEditorOptions } from '@tiptap/react';
-export interface IRichInput extends UseEditorOptions {
-    dataTest: string;
-    inputRef?: MutableRefObject<Editor>;
-    immediatelyRender?: boolean;
-    id?: string;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    is_error?: boolean;
-    ghost?: boolean;
-    helperText?: string;
-    isRequired?: boolean;
-    hideMenuBar?: boolean;
-    noDefaultStyles?: boolean;
-}
+import { type FC } from 'react';
+import type { IRichInput } from './interfaces/types';
 declare const RichInput: FC<IRichInput>;
 export { RichInput };

package/dist/src/rich-input/Toolbar.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from '@tiptap/react';
+export declare const Toolbar: ({ editor, onClose, error, focused, }: {
+    editor: Editor;
+    onClose: () => void;
+    error?: boolean | undefined;
+    focused: boolean;
+}) => JSX.Element;

package/dist/src/rich-input/helpers/EditorExtensions.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultExtensions: (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any>)[];
+export declare const editModeExtensions: (import("@tiptap/core").Node<import("@tiptap/extension-heading").HeadingOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-bullet-list").BulletListOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-bold").BoldOptions, any> | import("@tiptap/core").Extension<{
+    types: string[];
+}, any>)[];

package/dist/src/rich-input/hooks/useToggleMenuVisibility.hook.d.ts

@@ -0,0 +1,6 @@
+export declare const useToggleMenuVisibility: () => {
+    open: boolean;
+    handleClose: () => void;
+    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    anchorEl: HTMLElement | SVGSVGElement | null;
+};

package/dist/src/rich-input/interfaces/types.d.ts

@@ -0,0 +1,23 @@
+import type { Editor, UseEditorOptions } from "@tiptap/react";
+import type { MutableRefObject } from "react";
+export interface IRichInput extends UseEditorOptions {
+    dataTest: string;
+    inputRef?: MutableRefObject<Editor | null>;
+    immediatelyRender?: boolean;
+    id?: string;
+    title?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    error?: boolean;
+    readOnly?: boolean;
+    helperText?: string;
+    required?: boolean;
+    hideToolbar?: boolean;
+    noDefaultStyles?: boolean;
+    maxScrollableHeight?: number;
+    toolbarDefaultVisible?: boolean;
+}
+export interface CustomCSSProperties extends React.CSSProperties {
+    '--max-scrollable-height'?: string;
+}

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.1.0",
+    "version": "0.1.2-alpha1",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -40,7 +40,9 @@
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
         "@fontsource/roboto": "^5.0.4",
+        "@iconify/react": "^5.0.2",
         "@mui/material": "^5.13.7",
+        "@tiptap/core": "^2.8.0",
         "@tiptap/extension-blockquote": "^2.6.5",
         "@tiptap/extension-bold": "^2.6.5",
         "@tiptap/extension-bullet-list": "^2.6.5",
@@ -50,6 +52,7 @@
         "@tiptap/extension-heading": "^2.6.5",
         "@tiptap/extension-horizontal-rule": "^2.6.5",
         "@tiptap/extension-italic": "^2.6.5",
+        "@tiptap/extension-link": "^2.8.0",
         "@tiptap/extension-list-item": "^2.6.5",
         "@tiptap/extension-ordered-list": "^2.6.5",
         "@tiptap/extension-paragraph": "^2.6.5",
@@ -57,11 +60,13 @@
         "@tiptap/extension-strike": "^2.6.5",
         "@tiptap/extension-text": "^2.6.5",
         "@tiptap/extension-text-style": "^2.6.5",
+        "@tiptap/extension-underline": "^2.8.0",
         "@tiptap/react": "^2.6.5",
         "clsx": "^2.1.1",
         "node": "18.17.0",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "tiptap-extension-font-size": "^1.2.0"
     },
     "devDependencies": {
         "@changesets/cli": "^2.26.2",

package/dist/src/rich-input/MenuBar.d.ts

@@ -1,4 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const MenuBar: ({ editor }: {
-    editor: Editor | null;
-}) => JSX.Element | null;