@arkyn/components 3.0.1-beta.27 → 3.0.1-beta.29

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

@@ -0,0 +1,41 @@
+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, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/richText/index.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -53,4 +53,6 @@ export { DrawerProvider } from "./providers/drawerProvider";
 export { FormProvider } from "./providers/formProvider";
 export { ModalProvider } from "./providers/modalProvider";
 export { ToastProvider } from "./providers/toastProvider";
+export { toHtml } from "./services/toHtml";
+export { toRichTextValue } from "./services/toRichTextValue";
 //# sourceMappingURL=index.d.ts.map

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

@@ -56,3 +56,6 @@ export { DrawerProvider } from "./providers/drawerProvider";
 export { FormProvider } from "./providers/formProvider";
 export { ModalProvider } from "./providers/modalProvider";
 export { ToastProvider } from "./providers/toastProvider";
+// services
+export { toHtml } from "./services/toHtml";
+export { toRichTextValue } from "./services/toRichTextValue";

package/dist/services/toHtml.d.ts

@@ -0,0 +1,20 @@
+import { RichTextValue } from "../types/richTextTypes";
+/**
+ * Converts a RichTextValue array to HTML string format.
+ *
+ * @param {RichTextValue} richTextValue - Array of Descendant objects representing rich text content
+ * @returns {string} HTML string representation of the rich text content
+ *
+ * @example
+ * ```typescript
+ * const richTextService = new RichTextService();
+ * const richText = [
+ *   { type: 'paragraph', children: [{ text: 'Hello world', bold: true }] }
+ * ];
+ * const html = richTextService.toHtml(richText);
+ * // Returns: "<p><strong>Hello world</strong></p>"
+ * ```
+ */
+declare function toHtml(richTextValue: RichTextValue): string;
+export { toHtml };
+//# sourceMappingURL=toHtml.d.ts.map

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

@@ -0,0 +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"}

package/dist/services/toHtml.js

@@ -0,0 +1,21 @@
+import { serialize } from "../utils/richTextUtilities";
+/**
+ * Converts a RichTextValue array to HTML string format.
+ *
+ * @param {RichTextValue} richTextValue - Array of Descendant objects representing rich text content
+ * @returns {string} HTML string representation of the rich text content
+ *
+ * @example
+ * ```typescript
+ * const richTextService = new RichTextService();
+ * const richText = [
+ *   { type: 'paragraph', children: [{ text: 'Hello world', bold: true }] }
+ * ];
+ * const html = richTextService.toHtml(richText);
+ * // Returns: "<p><strong>Hello world</strong></p>"
+ * ```
+ */
+function toHtml(richTextValue) {
+    return richTextValue.map((node) => serialize(node)).join("");
+}
+export { toHtml };

package/dist/services/toRichTextValue.d.ts

@@ -0,0 +1,28 @@
+import { RichTextValue } from "../types/richTextTypes";
+/**
+ * Converts an HTML string to RichTextValue format.
+ * Parses the HTML content and transforms it into an array of Descendant objects
+ * that can be used by the rich text editor.
+ *
+ * @param {string} html - HTML string to be converted to rich text format
+ * @returns {RichTextValue} Array of Descendant objects representing the parsed content
+ *
+ * @example
+ * ```typescript
+ * const richTextService = new RichTextService();
+ * const html = "<p><strong>Hello world</strong></p>";
+ * const richText = richTextService.toRichTextValue(html);
+ * // Returns: [{ type: 'paragraph', children: [{ text: 'Hello world', bold: true }] }]
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Handling plain text
+ * const plainText = "Simple text";
+ * const richText = richTextService.toRichTextValue(plainText);
+ * // Returns: [{ text: 'Simple text' }]
+ * ```
+ */
+declare function toRichTextValue(html: string): RichTextValue;
+export { toRichTextValue };
+//# sourceMappingURL=toRichTextValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toRichTextValue.d.ts","sourceRoot":"","sources":["../../src/services/toRichTextValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGrE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,iBAAS,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAYpD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/services/toRichTextValue.js

@@ -0,0 +1,40 @@
+import parse from "html-react-parser";
+import { deserialize } from "../utils/richTextUtilities";
+/**
+ * Converts an HTML string to RichTextValue format.
+ * Parses the HTML content and transforms it into an array of Descendant objects
+ * that can be used by the rich text editor.
+ *
+ * @param {string} html - HTML string to be converted to rich text format
+ * @returns {RichTextValue} Array of Descendant objects representing the parsed content
+ *
+ * @example
+ * ```typescript
+ * const richTextService = new RichTextService();
+ * const html = "<p><strong>Hello world</strong></p>";
+ * const richText = richTextService.toRichTextValue(html);
+ * // Returns: [{ type: 'paragraph', children: [{ text: 'Hello world', bold: true }] }]
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Handling plain text
+ * const plainText = "Simple text";
+ * const richText = richTextService.toRichTextValue(plainText);
+ * // Returns: [{ text: 'Simple text' }]
+ * ```
+ */
+function toRichTextValue(html) {
+    const parsed = parse(html);
+    if (Array.isArray(parsed)) {
+        return parsed.map((node) => {
+            if (typeof node === "string")
+                return { text: node };
+            return deserialize(node);
+        });
+    }
+    if (typeof parsed === "string")
+        return [{ text: parsed }];
+    return [deserialize(parsed)];
+}
+export { toRichTextValue };

package/dist/types/richTextTypes.d.ts

@@ -0,0 +1,49 @@
+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[];
+type ParseElement = {
+    type: string;
+    props: {
+        src?: string;
+        children: ParseElement[] | string;
+        className?: string;
+    };
+};
+export type { Descendant, ParseElement, RichTextAlignFormatType, RichTextCustomElement, RichTextCustomText, RichTextElementFormatType, RichTextHiddenButtonKey, RichTextInsertImageProps, RichTextMarkFormatType, RichTextProps, RichTextValue, };
+//# sourceMappingURL=richTextTypes.d.ts.map

package/dist/types/richTextTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextTypes.d.ts","sourceRoot":"","sources":["../../src/types/richTextTypes.ts"],"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,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QACL,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,YAAY,EACV,UAAU,EACV,YAAY,EACZ,uBAAuB,EACvB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,sBAAsB,EACtB,aAAa,EACb,aAAa,GACd,CAAC"}

package/dist/types/richTextTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/richTextUtilities.d.ts

@@ -0,0 +1,5 @@
+import { ParseElement } from "../types/richTextTypes";
+declare function serialize(node: any): string;
+declare function deserialize(el: ParseElement): any;
+export { deserialize, serialize };
+//# sourceMappingURL=richTextUtilities.d.ts.map

package/dist/utils/richTextUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/richTextUtilities.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,iBAAS,SAAS,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,CA6CpC;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,YAAY,GAAG,GAAG,CAgD1C;AAED,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/dist/utils/richTextUtilities.js

@@ -0,0 +1,87 @@
+import { Element, Text } from "slate";
+function serialize(node) {
+    if (Text.isText(node)) {
+        let text = node?.text;
+        if (node?.bold) {
+            text = `<strong>${text}</strong>`;
+        }
+        if (node?.code) {
+            text = `<code>${text}</code>`;
+        }
+        if (node?.italic) {
+            text = `<em>${text}</em>`;
+        }
+        if (node?.underline) {
+            text = `<u>${text}</u>`;
+        }
+        return text;
+    }
+    if (Element.isElement(node)) {
+        const children = node.children.map((n) => serialize(n)).join("");
+        const alignStyle = node.align || "left";
+        switch (node.type) {
+            case "image":
+                return `<img src="${node.src}" class="align_${alignStyle}" />`;
+            case "paragraph":
+                return `<p class="align_${alignStyle}">${children}</p>`;
+            case "blockQuote":
+                return `<blockquote class="align_${alignStyle}">${children}</blockquote>`;
+            case "bulletedList":
+                return `<ul class="align_${alignStyle}">${children}</ul>`;
+            case "headingOne":
+                return `<h1 class="align_${alignStyle}">${children}</h1>`;
+            case "headingTwo":
+                return `<h2 class="align_${alignStyle}">${children}</h2>`;
+            case "listItem":
+                return `<li class="align_${alignStyle}">${children}</li>`;
+            case "numberedList":
+                return `<ol class="align_${alignStyle}">${children}</ol>`;
+            default:
+                return children;
+        }
+    }
+    return "";
+}
+function deserialize(el) {
+    if (typeof el === "string") {
+        return { text: el };
+    }
+    const children = Array.isArray(el.props.children)
+        ? el.props.children.map((child) => deserialize(child))
+        : [{ text: el.props.children || "" }];
+    const align = el.props.className?.replace("align_", "");
+    switch (el.type) {
+        case "img":
+            return {
+                type: "image",
+                align,
+                src: el.props.src,
+                children: [{ text: "" }],
+            };
+        case "p":
+            return { type: "paragraph", align, children };
+        case "blockquote":
+            return { type: "blockQuote", align, children };
+        case "ul":
+            return { type: "bulletedList", align, children };
+        case "ol":
+            return { type: "numberedList", align, children };
+        case "li":
+            return { type: "listItem", align, children };
+        case "h1":
+            return { type: "headingOne", align, children };
+        case "h2":
+            return { type: "headingTwo", align, children };
+        case "strong":
+            return { text: el.props.children, bold: true };
+        case "code":
+            return { text: el.props.children, code: true };
+        case "em":
+            return { text: el.props.children, italic: true };
+        case "u":
+            return { text: el.props.children, underline: true };
+        default:
+            return { text: el.props.children || "" };
+    }
+}
+export { deserialize, serialize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "3.0.1-beta.27",
+  "version": "3.0.1-beta.29",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "type": "module",