@codezee/sixtify-brahma 0.2.94 → 0.2.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.94",
+  "version": "0.2.96",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -86,6 +86,51 @@
     "styled-components": "^6.1.11",
     "usehooks-ts": "^3.1.0",
     "uuid": "^10.0.0",
-    "zod": "^3.23.8"
+    "zod": "^3.23.8",
+    "@tiptap/core": "^3.4.4",
+    "@tiptap/extension-heading": "^3.4.4",
+    "@tiptap/extension-image": "^3.4.4",
+    "@tiptap/extension-table": "^3.4.4",
+    "@tiptap/pm": "^3.4.4",
+    "@tiptap/react": "^3.4.4",
+    "mui-tiptap": "^1.26.0",
+     "@tiptap/starter-kit": "^3.4.4",
+    "@tiptap/extension-blockquote": "^3.4.4",
+    "@tiptap/extension-bold": "^3.4.4",
+    "@tiptap/extension-bubble-menu": "^3.4.4",
+    "@tiptap/extension-bullet-list": "^3.4.4",
+    "@tiptap/extension-code": "^3.4.4",
+    "@tiptap/extension-code-block": "^3.4.4",
+    "@tiptap/extension-color": "^3.4.4",
+    "@tiptap/extension-document": "^3.4.4",
+    "@tiptap/extension-dropcursor": "^3.4.4",
+    "@tiptap/extension-floating-menu": "^3.4.4",
+    "@tiptap/extension-font-family": "^3.4.4",
+    "@tiptap/extension-gapcursor": "^3.4.4",
+    "@tiptap/extension-hard-break": "^3.4.4",
+    "@tiptap/extension-highlight": "^3.4.4",
+    "@tiptap/extension-history": "^3.4.4",
+    "@tiptap/extension-horizontal-rule": "^3.4.4",
+    "@tiptap/extension-italic": "^3.4.4",
+    "@tiptap/extension-link": "^3.4.4",
+    "@tiptap/extension-list-item": "^3.4.4",
+    "@tiptap/extension-mention": "^3.4.4",
+    "@tiptap/extension-ordered-list": "^3.4.4",
+    "@tiptap/extension-paragraph": "^3.4.4",
+    "@tiptap/extension-placeholder": "^3.4.4",
+    "@tiptap/extension-strike": "^3.4.4",
+    "@tiptap/extension-subscript": "^3.4.4",
+    "@tiptap/extension-superscript": "^3.4.4",
+    "@tiptap/extension-table-cell": "^3.4.4",
+    "@tiptap/extension-table-header": "^3.4.4",
+    "@tiptap/extension-table-row": "^3.4.4",
+    "@tiptap/extension-task-item": "^3.4.4",
+    "@tiptap/extension-task-list": "^3.4.4",
+    "@tiptap/extension-text": "^3.4.4",
+    "@tiptap/extension-text-align": "^3.4.4",
+    "@tiptap/extension-text-style": "^3.4.4",
+    "@tiptap/extension-underline": "^3.4.4",
+    "@tiptap/suggestion": "^3.4.4",
+     "tippy.js": "^6.3.7"
   }
 }

package/packages/shared-components/dist/Actions/ViewDetailsIconAction.d.ts

@@ -0,0 +1,4 @@
+import type { IconButtonProps } from "@mui/material";
+export type ViewDetailsIconActionProps = IconButtonProps;
+export declare const ViewDetailsIconAction: (props: ViewDetailsIconActionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewDetailsIconAction.d.ts.map

package/packages/shared-components/dist/Actions/ViewDetailsIconAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewDetailsIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/ViewDetailsIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,0BAA0B,GAAG,eAAe,CAAC;AAEzD,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAQtE,CAAC"}

package/packages/shared-components/dist/Actions/ViewDetailsIconAction.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewDetailsIconAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Svgs_1 = require("../Svgs");
+const Tooltip_1 = require("../Tooltip");
+const ViewDetailsIconAction = (props) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "View Details", children: (0, jsx_runtime_1.jsx)(Svgs_1.ArrowUpRight, {}) }) }));
+};
+exports.ViewDetailsIconAction = ViewDetailsIconAction;

package/packages/shared-components/dist/Actions/index.d.ts

@@ -11,5 +11,6 @@ export * from "./HistoryIconAction";
 export * from "./ImportIconAction";
 export * from "./InboxIconAction";
 export * from "./ProcessIconAction";
+export * from "./ViewDetailsIconAction";
 export * from "./ViewIconAction";
 //# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC"}

package/packages/shared-components/dist/Actions/index.js

@@ -27,4 +27,5 @@ __exportStar(require("./HistoryIconAction"), exports);
 __exportStar(require("./ImportIconAction"), exports);
 __exportStar(require("./InboxIconAction"), exports);
 __exportStar(require("./ProcessIconAction"), exports);
+__exportStar(require("./ViewDetailsIconAction"), exports);
 __exportStar(require("./ViewIconAction"), exports);

package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts

@@ -0,0 +1,2 @@
+export declare const EditorMenuControls: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorMenuControls.d.ts.map

package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorMenuControls.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/EditorMenuControls.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,kBAAkB,+CA2B9B,CAAC"}

package/packages/shared-components/dist/RichTextEditor/EditorMenuControls.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorMenuControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mui_tiptap_1 = require("mui-tiptap");
+const EditorMenuControls = () => {
+    return ((0, jsx_runtime_1.jsxs)(mui_tiptap_1.MenuControlsContainer, { children: [(0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonImageUpload, { onUploadFiles: (files) => files.map((file) => ({
+                    src: URL.createObjectURL(file),
+                    alt: file.name,
+                })) }), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuDivider, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuSelectHeading, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuDivider, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuSelectFontSize, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuDivider, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonBold, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonItalic, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonUnderline, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonEditLink, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonOrderedList, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonBulletedList, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuSelectTextAlign, { defaultValue: "justify" }), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonUndo, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.MenuButtonRedo, {})] }));
+};
+exports.EditorMenuControls = EditorMenuControls;

package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,9 @@
+import { type RichTextEditorRef } from "mui-tiptap";
+type RichTextEditorProps = {
+    isEditable: boolean;
+    showMenuBar: boolean;
+    htmlContent: string;
+};
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<RichTextEditorRef>>;
+export {};
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/packages/shared-components/dist/RichTextEditor/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAapB,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,mHA0HzB,CAAC"}

package/packages/shared-components/dist/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichTextEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mui_tiptap_1 = require("mui-tiptap");
+const react_1 = require("react");
+const EditorMenuControls_1 = require("./EditorMenuControls");
+const useExtensions_1 = require("./useExtensions");
+const fileListToImageFiles = (fileList) => {
+    return Array.from(fileList).filter((file) => {
+        const mimeType = (file.type || "").toLowerCase();
+        return mimeType.startsWith("image/");
+    });
+};
+exports.RichTextEditor = (0, react_1.forwardRef)(({ isEditable, showMenuBar, htmlContent }, ref) => {
+    const extensions = (0, useExtensions_1.useExtensions)({
+        placeholder: "Add your own content here...",
+    });
+    const rteRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => rteRef.current, []);
+    const handleNewImageFiles = (0, react_1.useCallback)((files, insertPosition) => {
+        if (!rteRef.current?.editor) {
+            return;
+        }
+        const attributesForImageFiles = files.map((file) => ({
+            src: URL.createObjectURL(file),
+            alt: file.name,
+        }));
+        (0, mui_tiptap_1.insertImages)({
+            images: attributesForImageFiles,
+            editor: rteRef.current.editor,
+            position: insertPosition,
+        });
+    }, []);
+    const handleDrop = (0, react_1.useCallback)(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (view, event, _slice, _moved) => {
+        if (!(event instanceof DragEvent) || !event.dataTransfer) {
+            return false;
+        }
+        const imageFiles = fileListToImageFiles(event.dataTransfer.files);
+        if (imageFiles.length > 0) {
+            const insertPosition = view.posAtCoords({
+                left: event.clientX,
+                top: event.clientY,
+            })?.pos;
+            handleNewImageFiles(imageFiles, insertPosition);
+            event.preventDefault();
+            return true;
+        }
+        return false;
+    }, [handleNewImageFiles]);
+    const handlePaste = (0, react_1.useCallback)(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (_view, event, _slice) => {
+        if (!event.clipboardData) {
+            return false;
+        }
+        const pastedImageFiles = fileListToImageFiles(event.clipboardData.files);
+        if (pastedImageFiles.length > 0) {
+            handleNewImageFiles(pastedImageFiles);
+            return true;
+        }
+        return false;
+    }, [handleNewImageFiles]);
+    return ((0, jsx_runtime_1.jsx)(mui_tiptap_1.RichTextEditor, { ref: rteRef, extensions: extensions, content: htmlContent, editable: isEditable, editorProps: {
+            handleDrop,
+            handlePaste,
+            attributes: {
+                class: "a4-page",
+            },
+        }, renderControls: () => (0, jsx_runtime_1.jsx)(EditorMenuControls_1.EditorMenuControls, {}), RichTextFieldProps: {
+            variant: "outlined",
+            MenuBarProps: {
+                hide: !showMenuBar,
+            },
+        }, sx: {
+            "& .a4-page": {
+                width: "210mm",
+                minHeight: "297mm",
+                backgroundColor: "#fff",
+                margin: "0 auto",
+                padding: "10mm 10mm",
+                boxShadow: "0 0 10px rgba(0,0,0,0.15)",
+            },
+        }, children: () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(mui_tiptap_1.LinkBubbleMenu, {}), (0, jsx_runtime_1.jsx)(mui_tiptap_1.TableBubbleMenu, {})] })) }));
+});
+exports.RichTextEditor.displayName = "RichTextEditor";

package/packages/shared-components/dist/RichTextEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./RichTextEditor";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/RichTextEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/packages/shared-components/dist/RichTextEditor/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RichTextEditor"), exports);

package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts

@@ -0,0 +1,13 @@
+import type { EditorOptions } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        insertDynamicValue: {
+            insertDynamicValue: (label: string) => ReturnType;
+        };
+    }
+}
+export type UseExtensionsOptions = {
+    placeholder?: string;
+};
+export declare const useExtensions: ({ placeholder, }?: UseExtensionsOptions) => EditorOptions["extensions"];
+//# sourceMappingURL=useExtensions.d.ts.map

package/packages/shared-components/dist/RichTextEditor/useExtensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtensions.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/useExtensions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA2ClD,OAAO,QAAQ,cAAc,CAAC;IAE5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;SACnD,CAAC;KACH;CACF;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAiGF,eAAO,MAAM,aAAa,GAAI,mBAE3B,oBAAyB,KAAG,aAAa,CAAC,YAAY,CA+DxD,CAAC"}

package/packages/shared-components/dist/RichTextEditor/useExtensions.js

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtensions = void 0;
+const core_1 = require("@tiptap/core");
+const extension_blockquote_1 = require("@tiptap/extension-blockquote");
+const extension_bold_1 = require("@tiptap/extension-bold");
+const extension_bullet_list_1 = require("@tiptap/extension-bullet-list");
+const extension_code_1 = require("@tiptap/extension-code");
+const extension_code_block_1 = require("@tiptap/extension-code-block");
+const extension_color_1 = require("@tiptap/extension-color");
+const extension_document_1 = require("@tiptap/extension-document");
+const extension_dropcursor_1 = require("@tiptap/extension-dropcursor");
+const extension_font_family_1 = require("@tiptap/extension-font-family");
+const extension_gapcursor_1 = require("@tiptap/extension-gapcursor");
+const extension_hard_break_1 = require("@tiptap/extension-hard-break");
+const extension_highlight_1 = require("@tiptap/extension-highlight");
+const extension_history_1 = require("@tiptap/extension-history");
+const extension_horizontal_rule_1 = require("@tiptap/extension-horizontal-rule");
+const extension_italic_1 = require("@tiptap/extension-italic");
+const extension_link_1 = require("@tiptap/extension-link");
+const extension_list_item_1 = require("@tiptap/extension-list-item");
+const extension_ordered_list_1 = require("@tiptap/extension-ordered-list");
+const extension_paragraph_1 = require("@tiptap/extension-paragraph");
+const extension_placeholder_1 = require("@tiptap/extension-placeholder");
+const extension_strike_1 = require("@tiptap/extension-strike");
+const extension_subscript_1 = require("@tiptap/extension-subscript");
+const extension_superscript_1 = require("@tiptap/extension-superscript");
+const extension_table_cell_1 = require("@tiptap/extension-table-cell");
+const extension_table_header_1 = require("@tiptap/extension-table-header");
+const extension_table_row_1 = require("@tiptap/extension-table-row");
+const extension_task_item_1 = require("@tiptap/extension-task-item");
+const extension_task_list_1 = require("@tiptap/extension-task-list");
+const extension_text_1 = require("@tiptap/extension-text");
+const extension_text_align_1 = require("@tiptap/extension-text-align");
+const extension_text_style_1 = require("@tiptap/extension-text-style");
+const extension_underline_1 = require("@tiptap/extension-underline");
+const mui_tiptap_1 = require("mui-tiptap");
+const react_1 = require("react");
+const CustomLinkExtension = extension_link_1.Link.extend({
+    inclusive: false,
+});
+const CustomSubscript = extension_subscript_1.Subscript.extend({
+    excludes: "superscript",
+});
+const CustomSuperscript = extension_superscript_1.Superscript.extend({
+    excludes: "subscript",
+});
+const DynamicValue = core_1.Node.create({
+    name: "insertDynamicValue",
+    inline: true,
+    group: "inline",
+    atom: true,
+    addAttributes() {
+        return {
+            label: {
+                default: null,
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: "span[data-label]",
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        const label = HTMLAttributes.label ?? "";
+        const token = `{{${label}}}`;
+        return [
+            "span",
+            (0, core_1.mergeAttributes)(HTMLAttributes, {
+                class: "field-insert", // only keep class
+                "data-label": label,
+            }),
+            token,
+        ];
+    },
+    addNodeView() {
+        return ({ node }) => {
+            const dom = document.createElement("span");
+            const label = node.attrs.label ?? "";
+            dom.textContent = `${label}`;
+            dom.classList.add("field-insert", "mceNonEditable", "other-attribute");
+            // Add only for editor view
+            dom.style.backgroundColor = "#e3f2fd";
+            dom.style.borderRadius = "4px";
+            dom.style.border = "1px solid #2196f3";
+            dom.style.color = "#1976d2";
+            dom.style.marginTop = "10px";
+            dom.style.marginBottom = "10px";
+            dom.style.marginLeft = "2px";
+            dom.style.marginRight = "2px";
+            return {
+                dom,
+            };
+        };
+    },
+    renderText({ node }) {
+        return `{{${node.attrs.label}}}`;
+    },
+    addCommands() {
+        return {
+            insertDynamicValue: (label) => ({ commands }) => {
+                return commands.insertContent({
+                    type: this.name,
+                    attrs: { label },
+                });
+            },
+        };
+    },
+});
+const useExtensions = ({ placeholder, } = {}) => {
+    return (0, react_1.useMemo)(() => {
+        return [
+            mui_tiptap_1.TableImproved.configure({
+                resizable: true,
+            }),
+            extension_table_row_1.TableRow,
+            extension_table_header_1.TableHeader,
+            extension_table_cell_1.TableCell,
+            extension_bullet_list_1.BulletList,
+            extension_code_block_1.CodeBlock,
+            extension_document_1.Document,
+            extension_hard_break_1.HardBreak,
+            extension_list_item_1.ListItem,
+            extension_ordered_list_1.OrderedList,
+            extension_paragraph_1.Paragraph,
+            CustomSubscript,
+            CustomSuperscript,
+            extension_text_1.Text,
+            extension_bold_1.Bold,
+            extension_blockquote_1.Blockquote,
+            extension_code_1.Code,
+            extension_italic_1.Italic,
+            extension_underline_1.Underline,
+            extension_strike_1.Strike,
+            CustomLinkExtension.configure({
+                autolink: true,
+                linkOnPaste: true,
+                openOnClick: false,
+            }),
+            mui_tiptap_1.LinkBubbleMenuHandler,
+            extension_gapcursor_1.Gapcursor,
+            mui_tiptap_1.HeadingWithAnchor,
+            extension_text_align_1.TextAlign.configure({
+                types: ["heading", "paragraph", "image"],
+            }),
+            extension_text_style_1.TextStyle,
+            extension_color_1.Color,
+            extension_font_family_1.FontFamily,
+            mui_tiptap_1.FontSize,
+            extension_highlight_1.Highlight.configure({ multicolor: true }),
+            extension_horizontal_rule_1.HorizontalRule,
+            mui_tiptap_1.ResizableImage,
+            extension_dropcursor_1.Dropcursor,
+            extension_task_list_1.TaskList,
+            extension_task_item_1.TaskItem.configure({
+                nested: true,
+            }),
+            extension_placeholder_1.Placeholder.configure({
+                placeholder,
+            }),
+            extension_history_1.History,
+            DynamicValue,
+        ];
+    }, [placeholder]);
+};
+exports.useExtensions = useExtensions;

package/packages/shared-components/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from "./Layouts";
 export * from "./Loader";
 export * from "./PadBox";
 export * from "./Pagination";
+export * from "./RichTextEditor";
 export * from "./Stepper";
 export * from "./Svgs";
 export * from "./Tab";

package/packages/shared-components/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/packages/shared-components/dist/index.js

@@ -36,6 +36,7 @@ __exportStar(require("./Layouts"), exports);
 __exportStar(require("./Loader"), exports);
 __exportStar(require("./PadBox"), exports);
 __exportStar(require("./Pagination"), exports);
+__exportStar(require("./RichTextEditor"), exports);
 __exportStar(require("./Stepper"), exports);
 __exportStar(require("./Svgs"), exports);
 __exportStar(require("./Tab"), exports);

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts

@@ -17,6 +17,7 @@ export type ColorPalette = {
     violet: Color;
     purple: Color;
     brown: Color;
+    darkOrchid: Color;
 };
 export declare const colorPalette: ColorPalette;
 //# sourceMappingURL=colorPalette.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC;IAChB,aAAa,EAAE,KAAK,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAiR1B,CAAC"}
+{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC;IAChB,aAAa,EAAE,KAAK,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,GAAG,EAAE,KAAK,CAAC;IACX,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAiS1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPalette.js

@@ -58,9 +58,9 @@ exports.colorPalette = {
         50: "hsla(0, 0%, 0%, 0)",
         100: "hsla(0, 0%, 0%, 0)",
         200: "hsla(0, 0%, 0%, 0)",
-        300: "hsla(0, 0%, 0%, 0)",
-        400: "hsla(0, 0%, 0%, 0)",
-        500: "hsla(0, 0%, 0%, 0)",
+        300: "hsla(197, 70%, 85%, 1)",
+        400: "hsla(197, 92%, 66%, 1)",
+        500: "hsla(196, 73%, 51%, 1)",
         A100: "hsla(0, 0%, 0%, 0)",
         A200: "hsla(0, 0%, 0%, 0)",
         A400: "hsla(0, 0%, 0%, 0)",
@@ -87,10 +87,10 @@ exports.colorPalette = {
         800: "hsla(32, 100%, 71%, 1)",
         700: "hsla(33, 100%, 90%, 1)",
         600: "hsla(33, 100%, 95%, 1)",
-        50: "hsla(0, 0%, 0%, 0)",
-        100: "hsla(0, 0%, 0%, 0)",
-        200: "hsla(0, 0%, 0%, 0)",
-        300: "hsla(0, 0%, 0%, 0)",
+        50: "hsla(18, 92%, 76%, 1)",
+        100: "hsla(15, 70%, 60%, 1)",
+        200: "hsla(15, 70%, 70%, 1)",
+        300: "hsla(15, 70%, 80%, 1)",
         400: "hsla(0, 0%, 0%, 0)",
         500: "hsla(0, 0%, 0%, 0)",
         A100: "hsla(0, 0%, 0%, 0)",
@@ -122,9 +122,9 @@ exports.colorPalette = {
         500: "hsl(216, 100%, 91%)",
         400: "	hsl(217, 100%, 95%)",
         300: "	hsl(193, 22%, 92%)",
-        50: "hsla(0, 0%, 0%, 0)",
-        100: "hsla(0, 0%, 0%, 0)",
-        200: "hsla(0, 0%, 0%, 0)",
+        50: "hsla(223, 56%, 35%, 1)",
+        100: "hsla(223, 61.2%, 59.6%, 1)",
+        200: "hsla(222, 96%, 79%, 1)",
         A100: "hsla(0, 0%, 0%, 0)",
         A200: "hsla(0, 0%, 0%, 0)",
         A400: "hsla(0, 0%, 0%, 0)",
@@ -167,12 +167,12 @@ exports.colorPalette = {
         800: "hsla(295, 61%, 80%, 1)",
         700: "hsla(297, 60%, 93%, 1)",
         600: "hsla(295, 65%, 97%, 1)",
-        50: "hsla(0, 0%, 0%, 0)",
+        50: "rgb(78, 72, 158)",
         100: "hsla(0, 0%, 0%, 0)",
-        200: "hsla(0, 0%, 0%, 0)",
-        300: "hsla(0, 0%, 0%, 0)",
-        400: "hsla(0, 0%, 0%, 0)",
-        500: "hsla(0, 0%, 0%, 0)",
+        200: "hsla(244, 57%, 75%, 1)",
+        300: "hsla(242, 48%, 66%, 1)",
+        400: "hsla(241, 29%, 54%, 1)",
+        500: "hsla(242, 65%, 64%, 1)",
         A100: "hsla(0, 0%, 0%, 0)",
         A200: "hsla(0, 0%, 0%, 0)",
         A400: "hsla(0, 0%, 0%, 0)",
@@ -274,4 +274,20 @@ exports.colorPalette = {
         A400: "rgb(185, 120, 1)",
         A700: "rgb(185, 120, 1)",
     },
+    darkOrchid: {
+        900: "hsla(244, 38%, 38%, 1)",
+        800: "hsla(242, 65%, 64%, 1)",
+        700: "hsla(241, 29%, 54%, 1)",
+        600: "hsla(242, 48%, 66%, 1)",
+        500: "hsla(244, 57%, 75%, 1)",
+        400: "hsla(245, 57%, 77%, 1)",
+        300: "hsla(241, 100%, 85%, 1)",
+        200: "hsla(240, 100%, 90%, 1)",
+        100: "hsla(240, 100%, 91%, 1)",
+        50: "hsla(240, 100%, 95%, 1)",
+        A100: "hsla(0, 0%, 0%, 0)",
+        A200: "hsla(0, 0%, 0%, 0)",
+        A400: "hsla(0, 0%, 0%, 0)",
+        A700: "hsla(0, 0%, 0%, 0)",
+    },
 };