@arkyn/components 3.0.1-beta.70 → 3.0.1-beta.71

package/dist/components/richText/blockButton/index.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+import { RichTextAlignFormatType, RichTextElementFormatType } from "../../../types/richTextTypes";
+import "./styles.css";
+type BlockButtonProps = {
+    format: RichTextElementFormatType | RichTextAlignFormatType;
+    icon: LucideIcon;
+};
+declare function BlockButton({ format, icon: Icon }: BlockButtonProps): import("react/jsx-runtime").JSX.Element;
+export { BlockButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/blockButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/blockButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;IAC5D,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAsB5D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/richText/blockButton/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { isBlockActive } from "../../../services/isBlockActive";
+import { toggleBlock } from "../../../services/toggleBlock";
+import { textAlignTypes } from "../../../templates/richTextTemplates";
+import "./styles.css";
+function BlockButton({ format, icon: Icon }) {
+    const editor = useSlate();
+    const blockType = textAlignTypes.includes(format) ? "align" : "type";
+    const isActive = isBlockActive(editor, format, blockType);
+    const activeClass = isActive ? "activeTrue" : "activeFalse";
+    function handleMouseDown(event) {
+        event.preventDefault();
+        toggleBlock(editor, format);
+    }
+    return (_jsx("button", { type: "button", className: "arkynRichTextBlockButton " + activeClass, onMouseDown: handleMouseDown, children: _jsx(Icon, {}) }));
+}
+export { BlockButton };

package/dist/components/richText/element/index.d.ts

@@ -0,0 +1,5 @@
+import { RenderElementProps } from "slate-react";
+import "./styles.css";
+declare function Element({ attributes, children, element }: RenderElementProps): import("react/jsx-runtime").JSX.Element;
+export { Element };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/element/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/element/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAgErE;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/richText/element/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+function Element({ attributes, children, element }) {
+    const style = { textAlign: element.align };
+    switch (element.type) {
+        case "blockQuote":
+            return (_jsx("blockquote", { className: "arkynElementBlockquote", style: style, ...attributes, children: children }));
+        case "bulletedList":
+            return (_jsx("ul", { className: "arkynElementBulletList", style: style, ...attributes, children: children }));
+        case "headingOne":
+            return (_jsx("h1", { className: "arkynElementHeadingOne", style: style, ...attributes, children: children }));
+        case "headingTwo":
+            return (_jsx("h2", { className: "arkynElementHeadingTwo", style: style, ...attributes, children: children }));
+        case "listItem":
+            return (_jsx("li", { className: "arkynElementListItem", style: style, ...attributes, children: children }));
+        case "numberedList":
+            return (_jsx("ol", { className: "arkynElementNumberedList", style: style, ...attributes, children: children }));
+        case "image":
+            return (_jsxs("div", { style: style, ...attributes, children: [_jsx("img", { className: "arkynElementImage", alt: "arkynElementImage", src: element?.src || "" }), children] }));
+        default:
+            return (_jsx("p", { className: "arkynElementParagraph", style: style, ...attributes, children: children }));
+    }
+}
+export { Element };

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

@@ -1,41 +1,66 @@
-type RichTextHiddenButtonKey = "headingOne" | "headingTwo" | "blockQuote" | "bold" | "italic" | "underline" | "code" | "left" | "right" | "center" | "justify" | "image";
-type RichTextElementFormatType = "blockQuote" | "bulletedList" | "headingOne" | "headingTwo" | "listItem" | "numberedList" | "paragraph" | "image";
-type RichTextAlignFormatType = "center" | "left" | "right" | "justify";
-type RichTextMarkFormatType = "bold" | "italic" | "underline" | "code";
-type RichTextInsertImageProps = {
-    action: string;
-    tabLabels?: [string, string];
-    modalTitle?: string;
-    modalInputUrlLabel?: string;
-    modalInputImageLabel?: string;
-    modalCancelButton?: string;
-    modalConfirmButton?: string;
-};
-type RichTextCustomElement = {
-    type: RichTextElementFormatType;
-    align?: RichTextAlignFormatType;
-    src?: string;
-    children?: RichTextValue;
-};
-type RichTextCustomText = {
-    bold?: boolean;
-    text: string;
-    italic?: boolean;
-    code?: boolean;
-    underline?: boolean;
-};
-type Descendant = RichTextCustomElement | RichTextCustomText;
-type RichTextProps = {
-    name: string;
-    hiddenButtons?: RichTextHiddenButtonKey[];
-    maxLimit?: number;
-    enforceCharacterLimit?: boolean;
-    defaultValue?: string;
-    isError?: boolean;
-    imageConfig?: RichTextInsertImageProps;
-    onChangeCharactersCount?: (e: number) => void;
-    onChange?: (value: Descendant[]) => void;
-};
-type RichTextValue = Descendant[];
-export type { Descendant, RichTextAlignFormatType, RichTextCustomElement, RichTextCustomText, RichTextElementFormatType, RichTextHiddenButtonKey, RichTextInsertImageProps, RichTextMarkFormatType, RichTextProps, RichTextValue, };
+import { RichTextProps } from "../../types/richTextTypes";
+import "./styles.css";
+/**
+ * RichText component provides a feature-rich text editor with formatting capabilities
+ * including bold, italic, underline, code, headings, block quotes, alignment, and image insertion.
+ *
+ * Built on top of Slate.js, this component offers a customizable toolbar and supports
+ * character limits, form integration, and error handling.
+ *
+ * @param props - Configuration object for the RichText component
+ * @param props.name - The name attribute for the form field (required)
+ * @param props.hiddenButtons - Array of button keys to hide from the toolbar
+ * @param props.imageConfig - Configuration object for image insertion functionality
+ * @param props.defaultValue - Initial JSON string value for the editor content (default: "[]")
+ * @param props.enforceCharacterLimit - Whether to enforce the character limit strictly (default: false)
+ * @param props.onChangeCharactersCount - Callback function triggered when character count changes
+ * @param props.baseErrorMessage - Custom error message to display
+ * @param props.maxLimit - Maximum number of characters allowed (default: 2000)
+ * @param props.onChange - Callback function triggered when editor content changes
+ * @param props.isError - Whether the component should display in error state
+ * @param props.id - Custom ID for the editor element
+ *
+ * @returns JSX element representing the rich text editor
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RichText name="content" />
+ *
+ * // With character limit and custom buttons
+ * <RichText
+ *   name="description"
+ *   maxLimit={500}
+ *   enforceCharacterLimit={true}
+ *   hiddenButtons={["image", "code"]}
+ *   onChangeCharactersCount={(count) => console.log(count)}
+ * />
+ *
+ * // With image upload configuration
+ * <RichText
+ *   name="article"
+ *   imageConfig={{
+ *     action: "/api/upload",
+ *     modalTitle: "Insert Image",
+ *     modalInputUrlLabel: "Image URL",
+ *     modalInputImageLabel: "Upload Image"
+ *   }}
+ * />
+ * ```
+ *
+ * @description
+ * The component includes:
+ * - **Formatting**: Bold, italic, underline, code, headings (H1, H2), block quotes
+ * - **Alignment**: Left, center, right, justify
+ * - **Image Support**: Upload and URL insertion (when imageConfig is provided)
+ * - **Character Limits**: Configurable limits with visual feedback
+ * - **Form Integration**: Works with form providers and validation
+ * - **Keyboard Shortcuts**: Standard shortcuts for formatting (Ctrl+B, Ctrl+I, etc.)
+ * - **Error Handling**: Visual error states and validation messages
+ *
+ * The editor outputs JSON data representing the document structure, which can be
+ * converted to HTML using the provided utility functions.
+ */
+declare function RichText(props: RichTextProps): import("react/jsx-runtime").JSX.Element;
+export { RichText };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/richText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/richText/index.tsx"],"names":[],"mappings":"AAAA,KAAK,uBAAuB,GACxB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,WAAW,GACX,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,CAAC;AAEZ,KAAK,yBAAyB,GAC1B,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,cAAc,GACd,WAAW,GACX,OAAO,CAAC;AAEZ,KAAK,uBAAuB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvE,KAAK,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;AAEvE,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,yBAAyB,CAAC;IAChC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,UAAU,GAAG,qBAAqB,GAAG,kBAAkB,CAAC;AAE7D,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,aAAa,GAAG,UAAU,EAAE,CAAC;AAElC,YAAY,EACV,UAAU,EACV,uBAAuB,EACvB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,sBAAsB,EACtB,aAAa,EACb,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/richText/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAEL,aAAa,EACd,MAAM,2BAA2B,CAAC;AAMnC,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAkMrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/richText/index.js

@@ -1 +1,149 @@
-export {};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import isHotkey from "is-hotkey";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, Code, Heading1, Heading2, Italic, Quote, Underline, } from "lucide-react";
+import { useCallback, useId, useMemo, useRef, useState } from "react";
+import { createEditor, Transforms } from "slate";
+import { withHistory } from "slate-history";
+import { Editable, Slate, withReact } from "slate-react";
+import { BlockButton } from "./blockButton";
+import { Element } from "./element";
+import { InsertImage } from "./insertImage";
+import { Leaf } from "./leaf";
+import { MarkButton } from "./markButton";
+import { Toolbar } from "./toolbar";
+import { useForm } from "../../hooks/useForm";
+import { extractTextFromNode } from "../../services/extractTextFromNode";
+import { toggleMark } from "../../services/toggleMark";
+import { hotKeys, initialValue } from "../../templates/richTextTemplates";
+import { FieldError } from "../fieldError";
+import { FieldLabel } from "../fieldLabel";
+import { FieldWrapper } from "../fieldWrapper";
+import "./styles.css";
+/**
+ * RichText component provides a feature-rich text editor with formatting capabilities
+ * including bold, italic, underline, code, headings, block quotes, alignment, and image insertion.
+ *
+ * Built on top of Slate.js, this component offers a customizable toolbar and supports
+ * character limits, form integration, and error handling.
+ *
+ * @param props - Configuration object for the RichText component
+ * @param props.name - The name attribute for the form field (required)
+ * @param props.hiddenButtons - Array of button keys to hide from the toolbar
+ * @param props.imageConfig - Configuration object for image insertion functionality
+ * @param props.defaultValue - Initial JSON string value for the editor content (default: "[]")
+ * @param props.enforceCharacterLimit - Whether to enforce the character limit strictly (default: false)
+ * @param props.onChangeCharactersCount - Callback function triggered when character count changes
+ * @param props.baseErrorMessage - Custom error message to display
+ * @param props.maxLimit - Maximum number of characters allowed (default: 2000)
+ * @param props.onChange - Callback function triggered when editor content changes
+ * @param props.isError - Whether the component should display in error state
+ * @param props.id - Custom ID for the editor element
+ *
+ * @returns JSX element representing the rich text editor
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RichText name="content" />
+ *
+ * // With character limit and custom buttons
+ * <RichText
+ *   name="description"
+ *   maxLimit={500}
+ *   enforceCharacterLimit={true}
+ *   hiddenButtons={["image", "code"]}
+ *   onChangeCharactersCount={(count) => console.log(count)}
+ * />
+ *
+ * // With image upload configuration
+ * <RichText
+ *   name="article"
+ *   imageConfig={{
+ *     action: "/api/upload",
+ *     modalTitle: "Insert Image",
+ *     modalInputUrlLabel: "Image URL",
+ *     modalInputImageLabel: "Upload Image"
+ *   }}
+ * />
+ * ```
+ *
+ * @description
+ * The component includes:
+ * - **Formatting**: Bold, italic, underline, code, headings (H1, H2), block quotes
+ * - **Alignment**: Left, center, right, justify
+ * - **Image Support**: Upload and URL insertion (when imageConfig is provided)
+ * - **Character Limits**: Configurable limits with visual feedback
+ * - **Form Integration**: Works with form providers and validation
+ * - **Keyboard Shortcuts**: Standard shortcuts for formatting (Ctrl+B, Ctrl+I, etc.)
+ * - **Error Handling**: Visual error states and validation messages
+ *
+ * The editor outputs JSON data representing the document structure, which can be
+ * converted to HTML using the provided utility functions.
+ */
+function RichText(props) {
+    const { name, hiddenButtons, imageConfig, defaultValue = "[]", enforceCharacterLimit = false, onChangeCharactersCount, baseErrorMessage, maxLimit = 10, onChange, isError: baseIsError, label, showAsterisk, id, } = props;
+    const editor = useMemo(() => withHistory(withReact(createEditor())), []);
+    const { fieldErrors } = useForm();
+    function getDefaultNodes() {
+        try {
+            const parsedNodes = JSON.parse(defaultValue);
+            if (!Array.isArray(parsedNodes))
+                return initialValue;
+            if (parsedNodes.length <= 0)
+                return initialValue;
+            const isValidNodes = parsedNodes.every((node) => typeof node === "object" &&
+                node !== null &&
+                "type" in node &&
+                "children" in node);
+            return isValidNodes ? parsedNodes : initialValue;
+        }
+        catch (error) {
+            return initialValue;
+        }
+    }
+    const textFromNodes = extractTextFromNode(getDefaultNodes());
+    const [charactersCount, setCharactersCount] = useState(textFromNodes.length);
+    const [inputValue, setInputValue] = useState(JSON.stringify(getDefaultNodes()) || "[]");
+    const [onFocus, setOnFocus] = useState(false);
+    const ref = useRef(null);
+    const inputId = id || useId();
+    const errorMessage = baseErrorMessage || fieldErrors?.[name];
+    const isError = baseIsError || !!errorMessage;
+    const renderLeaf = useCallback(Leaf, []);
+    const renderElement = useCallback(Element, []);
+    function handleChange(value) {
+        const text = extractTextFromNode(value);
+        setCharactersCount(text.length);
+        onChangeCharactersCount && onChangeCharactersCount(text.length);
+        if (enforceCharacterLimit && text.length >= maxLimit) {
+            return;
+        }
+        else {
+            setInputValue(JSON.stringify(value));
+            onChange && onChange(value);
+            editor.children = value;
+            Transforms.setNodes(editor, { children: value });
+        }
+    }
+    const focusClass = onFocus ? "focusTrue" : "focusFalse";
+    const errorClass = isError
+        ? "errorTrue"
+        : maxLimit < charactersCount
+            ? "errorTrue"
+            : "errorFalse";
+    const className = `arkynRichText ${errorClass} ${focusClass}`;
+    const restatesCharacters = maxLimit - charactersCount;
+    function buttonIsNotHidden(format) {
+        return !hiddenButtons?.includes(format);
+    }
+    return (_jsxs(FieldWrapper, { children: [label && (_jsx(FieldLabel, { showAsterisk: showAsterisk, children: label })), _jsxs(Slate, { editor: editor, initialValue: getDefaultNodes(), onChange: handleChange, onValueChange: handleChange, children: [_jsxs("div", { className: className, children: [_jsxs(Toolbar, { children: [buttonIsNotHidden("headingOne") && (_jsx(BlockButton, { format: "headingOne", icon: Heading1 })), buttonIsNotHidden("headingTwo") && (_jsx(BlockButton, { format: "headingTwo", icon: Heading2 })), buttonIsNotHidden("blockQuote") && (_jsx(BlockButton, { format: "blockQuote", icon: Quote })), buttonIsNotHidden("bold") && (_jsx(MarkButton, { format: "bold", icon: Bold })), buttonIsNotHidden("italic") && (_jsx(MarkButton, { format: "italic", icon: Italic })), buttonIsNotHidden("underline") && (_jsx(MarkButton, { format: "underline", icon: Underline })), buttonIsNotHidden("code") && (_jsx(MarkButton, { format: "code", icon: Code })), buttonIsNotHidden("left") && (_jsx(BlockButton, { format: "left", icon: AlignLeft })), buttonIsNotHidden("right") && (_jsx(BlockButton, { format: "right", icon: AlignRight })), buttonIsNotHidden("center") && (_jsx(BlockButton, { format: "center", icon: AlignCenter })), buttonIsNotHidden("justify") && (_jsx(BlockButton, { format: "justify", icon: AlignJustify })), imageConfig && buttonIsNotHidden("image") && (_jsx(InsertImage, { ...imageConfig }))] }), _jsx(Editable, { className: "editorContainer", renderElement: renderElement, renderLeaf: renderLeaf, spellCheck: true, ref: ref, id: inputId, onFocus: () => setOnFocus(true), onBlur: () => setOnFocus(false), onKeyDown: (event) => {
+                                    for (const hotkey in hotKeys) {
+                                        if (isHotkey(hotkey, event)) {
+                                            event.preventDefault();
+                                            const mark = hotKeys[hotkey];
+                                            toggleMark(editor, mark);
+                                        }
+                                    }
+                                } }), restatesCharacters < 0 && (_jsx("div", { className: "restatesCharacters", children: restatesCharacters }))] }), _jsx("input", { type: "hidden", name: name, value: inputValue.slice(0, maxLimit) }), _jsx("input", { type: "hidden", name: `${name}Count`, value: charactersCount })] }), _jsx(FieldError, { children: errorMessage })] }));
+}
+export { RichText };

package/dist/components/richText/insertImage/index.d.ts

@@ -0,0 +1,5 @@
+import { RichTextInsertImageProps } from "../../../types/richTextTypes";
+import "./styles.css";
+declare function InsertImage(props: RichTextInsertImageProps): import("react/jsx-runtime").JSX.Element;
+export { InsertImage };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/insertImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/insertImage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAWxE,OAAO,cAAc,CAAC;AAEtB,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,2CAsGnD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/richText/insertImage/index.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from "lucide-react";
+import { useState } from "react";
+import { useSlate } from "slate-react";
+import { Button } from "../../button";
+import { ImageUpload } from "../../imageUpload";
+import { Input } from "../../input";
+import { ModalContainer } from "../../modal/modalContainer";
+import { ModalFooter } from "../../modal/modalFooter";
+import { ModalHeader } from "../../modal/modalHeader";
+import { TabButton } from "../../tab/tabButton";
+import { TabContainer } from "../../tab/tabContainer";
+import "./styles.css";
+function InsertImage(props) {
+    const { action, tabLabels = ["Adicionar URL", "Upload de arquivo"], modalCancelButton = "Cancelar", modalConfirmButton = "Confirmar", modalInputImageLabel = "Imagem:", modalInputUrlLabel = "URL da imagem:", modalTitle = "Inserir imagem", } = props;
+    const editor = useSlate();
+    const [modalIsVisible, setModalIsVisible] = useState(false);
+    const [imageURL, setImageURL] = useState("");
+    const [uploadType, setUploadType] = useState("url");
+    function handleMouseDown(event) {
+        event.preventDefault();
+        if (!imageURL || imageURL === "")
+            return;
+        editor.insertNodes([
+            { type: "paragraph", children: [{ text: "" }] },
+            { type: "image", src: imageURL, children: [{ text: "" }] },
+            { type: "paragraph", children: [{ text: "" }] },
+        ]);
+        setModalIsVisible(false);
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "arkynRichTextInsertImage", onMouseDown: () => setModalIsVisible(true), children: _jsx(Image, {}) }), _jsxs(ModalContainer, { isVisible: modalIsVisible, makeInvisible: () => setModalIsVisible(false), children: [_jsx(ModalHeader, { children: modalTitle }), _jsxs("div", { className: "arkynRichTextInsertImageModalContent", children: [_jsxs(TabContainer, { defaultValue: uploadType, onChange: setUploadType, children: [_jsx(TabButton, { value: "url", children: tabLabels[0] }), _jsx(TabButton, { value: "file", children: tabLabels[1] })] }), uploadType === "url" && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "text", name: "richTextImageURL", label: modalInputUrlLabel, showAsterisk: true, defaultValue: imageURL, onChange: (e) => setImageURL(e.target.value) }), imageURL && (_jsx("img", { className: "arkynRichTextInsertImageModalPreviewImage", src: imageURL, alt: "preview" }))] })), uploadType === "file" && (_jsx(ImageUpload, { name: "richTextImageURL", action: action, label: modalInputImageLabel, showAsterisk: true, defaultValue: imageURL, onChange: (url) => setImageURL(url) }))] }), _jsxs(ModalFooter, { children: [_jsx(Button, { type: "button", scheme: "danger", variant: "outline", onClick: () => setModalIsVisible(false), children: modalCancelButton }), _jsx(Button, { type: "button", onClick: handleMouseDown, children: modalConfirmButton })] })] })] }));
+}
+export { InsertImage };

package/dist/components/richText/leaf/index.d.ts

@@ -0,0 +1,4 @@
+import { RenderLeafProps } from "slate-react";
+declare function Leaf({ attributes, children, leaf }: RenderLeafProps): import("react/jsx-runtime").JSX.Element;
+export { Leaf };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/leaf/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/leaf/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,iBAAS,IAAI,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,eAAe,2CAO5D;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/richText/leaf/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function Leaf({ attributes, children, leaf }) {
+    if (leaf.bold)
+        children = _jsx("strong", { children: children });
+    if (leaf.code)
+        children = _jsx("code", { children: children });
+    if (leaf.italic)
+        children = _jsx("em", { children: children });
+    if (leaf.underline)
+        children = _jsx("u", { children: children });
+    return _jsx("span", { ...attributes, children: children });
+}
+export { Leaf };

package/dist/components/richText/markButton/index.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+import { RichTextMarkFormatType } from "../../../types/richTextTypes";
+import "./styles.css";
+type MarkButtonProps = {
+    format: RichTextMarkFormatType;
+    icon: LucideIcon;
+};
+declare function MarkButton({ format, icon: Icon }: MarkButtonProps): import("react/jsx-runtime").JSX.Element;
+export { MarkButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/markButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/markButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,eAAe,2CAoB1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/richText/markButton/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSlate } from "slate-react";
+import { isMarkActive } from "../../../services/isMarkActive";
+import { toggleMark } from "../../../services/toggleMark";
+import "./styles.css";
+function MarkButton({ format, icon: Icon }) {
+    const editor = useSlate();
+    const isActive = isMarkActive(editor, format);
+    const activeClass = isActive ? "activeTrue" : "activeFalse";
+    function handleMouseDown(event) {
+        event.preventDefault();
+        toggleMark(editor, format);
+    }
+    return (_jsx("button", { type: "button", className: "arkynRichTextMarkButton " + activeClass, onMouseDown: handleMouseDown, children: _jsx(Icon, {}) }));
+}
+export { MarkButton };

package/dist/components/richText/toolbar/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import "./styles.css";
+type ToolbarProps = {
+    children: ReactNode;
+};
+declare function Toolbar({ children }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export { Toolbar };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAE1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/richText/toolbar/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+function Toolbar({ children }) {
+    return _jsx("div", { className: "arkynRichTextToolbar", children: children });
+}
+export { Toolbar };

package/dist/index.d.ts

@@ -31,6 +31,7 @@ export { PhoneInput } from "./components/phoneInput";
 export { Popover } from "./components/popover";
 export { RadioBox } from "./components/radio/radioBox";
 export { RadioGroup } from "./components/radio/radioGroup";
+export { RichText } from "./components/richText";
 export { Select } from "./components/select";
 export { Slider } from "./components/slider";
 export { Switch } from "./components/switch";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -32,6 +32,7 @@ export { PhoneInput } from "./components/phoneInput";
 export { Popover } from "./components/popover";
 export { RadioBox } from "./components/radio/radioBox";
 export { RadioGroup } from "./components/radio/radioGroup";
+export { RichText } from "./components/richText";
 export { Select } from "./components/select";
 export { Slider } from "./components/slider";
 export { Switch } from "./components/switch";

package/dist/services/extractTextFromNode.d.ts

@@ -0,0 +1,4 @@
+import { Descendant } from "slate";
+declare function extractTextFromNode(nodes: Descendant[]): string;
+export { extractTextFromNode };
+//# sourceMappingURL=extractTextFromNode.d.ts.map

package/dist/services/extractTextFromNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractTextFromNode.d.ts","sourceRoot":"","sources":["../../src/services/extractTextFromNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,OAAO,CAAC;AAEzC,iBAAS,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,UAE/C;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/services/extractTextFromNode.js

@@ -0,0 +1,5 @@
+import { Node } from "slate";
+function extractTextFromNode(nodes) {
+    return nodes.map((n) => Node.string(n)).join("");
+}
+export { extractTextFromNode };

package/dist/services/isBlockActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { RichTextAlignFormatType, RichTextElementFormatType } from "../types/richTextTypes";
+declare function isBlockActive(editor: Editor, format: RichTextElementFormatType | RichTextAlignFormatType, blockType?: "type" | "align"): boolean;
+export { isBlockActive };
+//# sourceMappingURL=isBlockActive.d.ts.map

package/dist/services/isBlockActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBlockActive.d.ts","sourceRoot":"","sources":["../../src/services/isBlockActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,OAAO,CAAC;AAExD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAEhC,iBAAS,aAAa,CACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,EAC3D,SAAS,GAAE,MAAM,GAAG,OAAgB,WAgBrC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/services/isBlockActive.js

@@ -0,0 +1,14 @@
+import { Editor, Element as SlateElement } from "slate";
+function isBlockActive(editor, format, blockType = "type") {
+    const { selection } = editor;
+    if (!selection)
+        return false;
+    const [match] = Array.from(Editor.nodes(editor, {
+        at: Editor.unhangRange(editor, selection),
+        match: (n) => !Editor.isEditor(n) &&
+            SlateElement.isElement(n) &&
+            n[blockType] === format,
+    }));
+    return !!match;
+}
+export { isBlockActive };

package/dist/services/isMarkActive.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { RichTextMarkFormatType } from "../types/richTextTypes";
+declare function isMarkActive(editor: Editor, format: RichTextMarkFormatType): boolean;
+export { isMarkActive };
+//# sourceMappingURL=isMarkActive.d.ts.map

package/dist/services/isMarkActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMarkActive.d.ts","sourceRoot":"","sources":["../../src/services/isMarkActive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,WAGnE;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/isMarkActive.js

@@ -0,0 +1,6 @@
+import { Editor } from "slate";
+function isMarkActive(editor, format) {
+    const marks = Editor.marks(editor);
+    return marks ? marks[format] === true : false;
+}
+export { isMarkActive };

package/dist/services/toHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toHtml.d.ts","sourceRoot":"","sources":["../../src/services/toHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,MAAM,CAAC,aAAa,EAAE,aAAa,UAE3C;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"toHtml.d.ts","sourceRoot":"","sources":["../../src/services/toHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,MAAM,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAEpD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/services/toggleBlock.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { RichTextAlignFormatType, RichTextElementFormatType } from "../types/richTextTypes";
+declare function toggleBlock(editor: Editor, format: RichTextElementFormatType | RichTextAlignFormatType): void;
+export { toggleBlock };
+//# sourceMappingURL=toggleBlock.d.ts.map

package/dist/services/toggleBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleBlock.d.ts","sourceRoot":"","sources":["../../src/services/toggleBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuC,MAAM,OAAO,CAAC;AAGpE,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAGhC,iBAAS,WAAW,CAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,QAkC5D;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/services/toggleBlock.js

@@ -0,0 +1,32 @@
+import { Editor, Element as SlateElement, Transforms } from "slate";
+import { listTypes, textAlignTypes } from "../templates/richTextTemplates";
+import { isBlockActive } from "./isBlockActive";
+function toggleBlock(editor, format) {
+    const blockType = textAlignTypes.includes(format) ? "align" : "type";
+    const isActive = isBlockActive(editor, format, blockType);
+    const isList = listTypes.includes(format);
+    Transforms.unwrapNodes(editor, {
+        match: (n) => !Editor.isEditor(n) &&
+            SlateElement.isElement(n) &&
+            listTypes.includes(n.type) &&
+            !textAlignTypes.includes(format),
+        split: true,
+    });
+    let newProperties;
+    if (textAlignTypes.includes(format)) {
+        const formatType = format;
+        newProperties = { align: isActive ? undefined : formatType };
+    }
+    else {
+        const formatType = format;
+        newProperties = {
+            type: isActive ? "paragraph" : isList ? "listItem" : formatType,
+        };
+    }
+    Transforms.setNodes(editor, newProperties);
+    if (!isActive && isList) {
+        const block = { type: format, children: [] };
+        Transforms.wrapNodes(editor, block);
+    }
+}
+export { toggleBlock };

package/dist/services/toggleMark.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "slate";
+import { RichTextMarkFormatType } from "../types/richTextTypes";
+declare function toggleMark(editor: Editor, format: RichTextMarkFormatType): void;
+export { toggleMark };
+//# sourceMappingURL=toggleMark.d.ts.map