npm - @arkyn/components - Versions diffs - 3.0.1-beta.4 → 3.0.1-beta.40 - Mend

@arkyn/components 3.0.1-beta.4 → 3.0.1-beta.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (904) hide show

package/dist/components/RichText/components/MarkButton/index.js DELETED Viewed

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlate } from "slate-react";
-import { toggleMark } from "../../functions/toggleMark";
-import { isMarkActive } from "../../helpers/isMarkActive";
-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/components/Toolbar/index.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-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/components/Toolbar/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RichText/components/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/components/Toolbar/index.js DELETED Viewed

@@ -1,6 +0,0 @@
-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/components/RichText/functions/extractText.d.ts DELETED Viewed

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

package/dist/components/RichText/functions/extractText.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"extractText.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/functions/extractText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,OAAO,CAAC;AAEzC,iBAAS,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,UAEvC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RichText/functions/extractText.js DELETED Viewed

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

package/dist/components/RichText/functions/toggleBlock.d.ts DELETED Viewed

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

package/dist/components/RichText/functions/toggleBlock.d.ts.map DELETED Viewed

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

package/dist/components/RichText/functions/toggleBlock.js DELETED Viewed

@@ -1,33 +0,0 @@
-import { Editor, Element as SlateElement, Transforms } from "slate";
-import { isBlockActive } from "../helpers/isBlockActive";
-import { LIST_TYPES } from "../template/LIST_TYPES";
-import { TEXT_ALIGN_TYPES } from "../template/TEXT_ALIGN_TYPES";
-function toggleBlock(editor, format) {
-    const blockType = TEXT_ALIGN_TYPES.includes(format) ? "align" : "type";
-    const isActive = isBlockActive(editor, format, blockType);
-    const isList = LIST_TYPES.includes(format);
-    Transforms.unwrapNodes(editor, {
-        match: (n) => !Editor.isEditor(n) &&
-            SlateElement.isElement(n) &&
-            LIST_TYPES.includes(n.type) &&
-            !TEXT_ALIGN_TYPES.includes(format),
-        split: true,
-    });
-    let newProperties;
-    if (TEXT_ALIGN_TYPES.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/components/RichText/functions/toggleMark.d.ts DELETED Viewed

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

package/dist/components/RichText/functions/toggleMark.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"toggleMark.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/functions/toggleMark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,QAKjE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RichText/functions/toggleMark.js DELETED Viewed

@@ -1,10 +0,0 @@
-import { Editor } from "slate";
-import { isMarkActive } from "../helpers/isMarkActive";
-function toggleMark(editor, format) {
-    const isActive = isMarkActive(editor, format);
-    if (isActive)
-        Editor.removeMark(editor, format);
-    else
-        Editor.addMark(editor, format, true);
-}
-export { toggleMark };

package/dist/components/RichText/helpers/isBlockActive.d.ts DELETED Viewed

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

package/dist/components/RichText/helpers/isBlockActive.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"isBlockActive.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/helpers/isBlockActive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAA2B,MAAM,OAAO,CAAC;AAExD,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/components/RichText/helpers/isBlockActive.js DELETED Viewed

@@ -1,14 +0,0 @@
-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/components/RichText/helpers/isMarkActive.d.ts DELETED Viewed

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

package/dist/components/RichText/helpers/isMarkActive.d.ts.map DELETED Viewed

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

package/dist/components/RichText/helpers/isMarkActive.js DELETED Viewed

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

package/dist/components/RichText/index.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { RichTextProps } from "@arkyn/types";
-import "./styles.css";
-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 DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,aAAa,EAAE,MAAM,cAAc,CAAC;AAmCtE,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2KrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/RichText/index.js DELETED Viewed

@@ -1,85 +0,0 @@
-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, useMemo, useRef, useState } from "react";
-import { createEditor, Transforms } from "slate";
-import { withHistory } from "slate-history";
-import { Editable, Slate, withReact } from "slate-react";
-import { useFormController } from "../Form/FormController";
-import { BlockButton } from "./components/BlockButton";
-import { Element } from "./components/Element";
-import { InsertImage } from "./components/InsertImage";
-import { Leaf } from "./components/Leaf";
-import { MarkButton } from "./components/MarkButton";
-import { Toolbar } from "./components/Toolbar";
-import { extractText } from "./functions/extractText";
-import { toggleMark } from "./functions/toggleMark";
-import { HOTKEYS } from "./template/HOTKEYS";
-import { INITIAL_VALUE } from "./template/INITIAL_VALUE";
-import "./styles.css";
-function RichText(props) {
-    const { name, hiddenButtons, imageConfig, defaultValue = "[]", enforceCharacterLimit = false, onChangeCharactersCount, maxLimit = 2000, onChange, isError: baseIsError, } = props;
-    const editor = useMemo(() => withHistory(withReact(createEditor())), []);
-    const { id, inputRef, error } = useFormController();
-    const baseRef = useRef(null);
-    function getDefaultNodes() {
-        try {
-            const parsedNodes = JSON.parse(defaultValue);
-            if (!Array.isArray(parsedNodes))
-                return INITIAL_VALUE;
-            if (parsedNodes.length <= 0)
-                return INITIAL_VALUE;
-            const isValidNodes = parsedNodes.every((node) => typeof node === "object" &&
-                node !== null &&
-                "type" in node &&
-                "children" in node);
-            return isValidNodes ? parsedNodes : INITIAL_VALUE;
-        }
-        catch (error) {
-            return INITIAL_VALUE;
-        }
-    }
-    const textFromNodes = extractText(getDefaultNodes());
-    const [charactersCount, setCharactersCount] = useState(textFromNodes.length);
-    const [inputValue, setInputValue] = useState(JSON.stringify(getDefaultNodes()) || "[]");
-    const [onFocus, setOnFocus] = useState(false);
-    const ref = inputRef || baseRef;
-    const isError = baseIsError || !!error;
-    const renderLeaf = useCallback(Leaf, []);
-    const renderElement = useCallback(Element, []);
-    function handleChange(value) {
-        const text = extractText(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(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, id: id, 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", ref: ref, name: name, value: inputValue }), _jsx("input", { type: "hidden", name: `${name}Count`, value: charactersCount })] }));
-}
-export { RichText };

package/dist/components/RichText/template/HOTKEYS.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import { RichTextMarkFormatType } from "@arkyn/types";
-type HotKeys = {
-    [key: string]: RichTextMarkFormatType;
-};
-declare const HOTKEYS: HotKeys;
-export { HOTKEYS };
-//# sourceMappingURL=HOTKEYS.d.ts.map

package/dist/components/RichText/template/HOTKEYS.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"HOTKEYS.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/HOTKEYS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,OAAO,GAAG;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,OAKd,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/RichText/template/HOTKEYS.js DELETED Viewed

@@ -1,7 +0,0 @@
-const HOTKEYS = {
-    "mod+b": "bold",
-    "mod+i": "italic",
-    "mod+u": "underline",
-    "mod+`": "code",
-};
-export { HOTKEYS };

package/dist/components/RichText/template/INITIAL_VALUE.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { Descendant } from "slate";
-declare const INITIAL_VALUE: Descendant[];
-export { INITIAL_VALUE };
-//# sourceMappingURL=INITIAL_VALUE.d.ts.map

package/dist/components/RichText/template/INITIAL_VALUE.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"INITIAL_VALUE.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/INITIAL_VALUE.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,QAAA,MAAM,aAAa,EAAE,UAAU,EAK9B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/RichText/template/INITIAL_VALUE.js DELETED Viewed

@@ -1,7 +0,0 @@
-const INITIAL_VALUE = [
-    {
-        type: "paragraph",
-        children: [{ text: "" }],
-    },
-];
-export { INITIAL_VALUE };

package/dist/components/RichText/template/LIST_TYPES.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const LIST_TYPES: string[];
-export { LIST_TYPES };
-//# sourceMappingURL=LIST_TYPES.d.ts.map

package/dist/components/RichText/template/LIST_TYPES.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"LIST_TYPES.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/LIST_TYPES.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,UAA+B,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RichText/template/LIST_TYPES.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const LIST_TYPES = ["listItem", "numberedList"];
2	- export { LIST_TYPES };

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const TEXT_ALIGN_TYPES: string[];
-export { TEXT_ALIGN_TYPES };
-//# sourceMappingURL=TEXT_ALIGN_TYPES.d.ts.map

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"TEXT_ALIGN_TYPES.d.ts","sourceRoot":"","sources":["../../../../src/components/RichText/template/TEXT_ALIGN_TYPES.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,UAAyC,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/RichText/template/TEXT_ALIGN_TYPES.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const TEXT_ALIGN_TYPES = ["left", "center", "right", "justify"];
2	- export { TEXT_ALIGN_TYPES };