@arkyn/components 3.0.1-beta.9 → 3.0.1-beta.91

package/dist/providers/toastProvider.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from "react";
+type ToastProps = {
+    message: string;
+    type: "success" | "danger";
+};
+type ToastContextProps = {
+    showToast(toast: ToastProps): void;
+};
+type ToastProviderProps = {
+    children: ReactNode;
+};
+declare const toastContext: import("react").Context<ToastContextProps>;
+/**
+ * ToastProvider component - provides toast context for managing toast notifications
+ *
+ * @param props - ToastProvider component properties
+ * @param props.children - React elements that will have access to the toast context
+ *
+ * @returns ToastProvider JSX element that wraps children with toast context
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ * ```
+ *
+ * @example
+ * Using toast in component:
+ * ```tsx
+ * function MyComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleClick = () => {
+ *     showToast({
+ *       message: 'Success!',
+ *       type: 'success'
+ *     });
+ *   };
+ *
+ *   return <button onClick={handleClick}>Show Toast</button>;
+ * }
+ * ```
+ */
+declare function ToastProvider({ children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export { toastContext, ToastProvider };
+//# sourceMappingURL=toastProvider.d.ts.map

package/dist/providers/toastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastProvider.d.ts","sourceRoot":"","sources":["../../src/providers/toastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,YAAY,4CAAyC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA2CtD;AAED,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/providers/toastProvider.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext } from "react";
+import toast, { Toaster } from "react-hot-toast";
+const toastContext = createContext({});
+/**
+ * ToastProvider component - provides toast context for managing toast notifications
+ *
+ * @param props - ToastProvider component properties
+ * @param props.children - React elements that will have access to the toast context
+ *
+ * @returns ToastProvider JSX element that wraps children with toast context
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <ToastProvider>
+ *   <App />
+ * </ToastProvider>
+ * ```
+ *
+ * @example
+ * Using toast in component:
+ * ```tsx
+ * function MyComponent() {
+ *   const { showToast } = useToast();
+ *
+ *   const handleClick = () => {
+ *     showToast({
+ *       message: 'Success!',
+ *       type: 'success'
+ *     });
+ *   };
+ *
+ *   return <button onClick={handleClick}>Show Toast</button>;
+ * }
+ * ```
+ */
+function ToastProvider({ children }) {
+    function showToast(props) {
+        switch (props.type) {
+            case "success":
+                return toast.success(props.message, {
+                    style: {
+                        background: "#10B981",
+                        color: "#ffffff",
+                        padding: "12px 16px",
+                        fontSize: "14px",
+                        fontWeight: 600,
+                    },
+                    iconTheme: {
+                        primary: "#059669",
+                        secondary: "#ffffff",
+                    },
+                });
+            case "danger":
+                return toast.error(props.message, {
+                    style: {
+                        background: "#E11D48",
+                        color: "#ffffff",
+                        padding: "12px 16px",
+                        fontSize: "14px",
+                        fontWeight: 600,
+                    },
+                    iconTheme: {
+                        primary: "#BE123C",
+                        secondary: "#ffffff",
+                    },
+                });
+        }
+    }
+    return (_jsxs(toastContext.Provider, { value: { showToast }, children: [_jsx(Toaster, { position: "top-right", containerStyle: { zIndex: 999999999999999 } }), children] }));
+}
+export { toastContext, ToastProvider };

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/iconRenderer.d.ts

@@ -0,0 +1,10 @@
+import { LucideIcon } from "lucide-react";
+type IconRendererProps = {
+    iconSize: number;
+    className?: string;
+    icon?: LucideIcon | string;
+    show?: boolean;
+};
+declare function IconRenderer(props: IconRendererProps): import("react/jsx-runtime").JSX.Element;
+export { IconRenderer };
+//# sourceMappingURL=iconRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconRenderer.d.ts","sourceRoot":"","sources":["../../src/services/iconRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAe7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/iconRenderer.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+function IconRenderer(props) {
+    const { iconSize, icon: Icon, className, show = true } = props;
+    if (!show)
+        return _jsx(_Fragment, {});
+    if (!Icon)
+        return _jsx(_Fragment, {});
+    if (typeof Icon === "string") {
+        return _jsx("p", { className: className, children: Icon });
+    }
+    return (_jsx("p", { className: className, children: _jsx(Icon, { size: iconSize, strokeWidth: 2.5 }) }));
+}
+export { IconRenderer };

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/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/maskCurrencyValues.d.ts

@@ -0,0 +1,5 @@
+type Locale = "USD" | "EUR" | "JPY" | "GBP" | "AUD" | "CAD" | "CHF" | "CNY" | "SEK" | "NZD" | "BRL" | "INR" | "RUB" | "ZAR" | "MXN" | "SGD" | "HKD" | "NOK" | "KRW" | "TRY" | "IDR" | "THB";
+declare function normalizeValue(number: string | number): number;
+declare function maskCurrencyValues(inputFieldValue: string | number | undefined, locale: Locale): [number, string];
+export { maskCurrencyValues, normalizeValue };
+//# sourceMappingURL=maskCurrencyValues.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"maskCurrencyValues.d.ts","sourceRoot":"","sources":["../../src/services/maskCurrencyValues.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,iBAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,UAa9C;AAED,iBAAS,kBAAkB,CACzB,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,EAAE,MAAM,CAAC,CAOlB;AAED,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/maskCurrencyValues.js

@@ -0,0 +1,23 @@
+import { formatToCurrency, removeNonNumeric } from "@arkyn/shared";
+function normalizeValue(number) {
+    let safeNumber = number;
+    if (typeof number === "string") {
+        safeNumber = +removeNonNumeric(number);
+        if (safeNumber % 1 !== 0)
+            safeNumber = safeNumber.toFixed(2);
+    }
+    else {
+        safeNumber = Number.isInteger(number)
+            ? Number(number) * 10 ** 2
+            : number.toFixed(2);
+    }
+    return +removeNonNumeric(String(safeNumber)) / 10 ** 2;
+}
+function maskCurrencyValues(inputFieldValue, locale) {
+    if (!inputFieldValue)
+        return [0, formatToCurrency(0, locale)];
+    const value = normalizeValue(inputFieldValue);
+    const maskedValue = formatToCurrency(value, locale);
+    return [value, maskedValue];
+}
+export { maskCurrencyValues, normalizeValue };

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,GAAG,MAAM,CAEpD;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/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

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

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

package/dist/services/toggleMark.js

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