@orioro/react-ui-core 0.0.0

package/dist/Input/RichTextInput/RichTextInput.d.ts

@@ -0,0 +1,543 @@
+import React from 'react';
+import { RichTextInputValue } from './types';
+import '@blocknote/react/style.css';
+import '@blocknote/core/fonts/inter.css';
+import type { BlockNoteEditor } from '@blocknote/core';
+export declare const RICH_TEXT_INPUT_DEFAULT_VALUE: RichTextInputValue;
+export declare const RichTextInput: React.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    value?: RichTextInputValue;
+    onSetValue: (value: RichTextInputValue) => void;
+    onBlur?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+    required?: string | boolean | undefined;
+    error?: Error | import("..").ErrorLike | undefined;
+    errorStyle?: React.CSSProperties | undefined;
+    validate?: boolean | (string | ((input: any, context: {
+        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+    }) | [string | ((input: any, context: {
+        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
+        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+    }, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput] | undefined;
+    valueFormat?: "blocks" | "markdown" | undefined;
+    editor?: Partial<Omit<Partial<import("@blocknote/core").BlockNoteEditorOptions<Record<string, import("@blocknote/core").BlockConfig>, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>> | undefined, "initialContent">> | undefined;
+    view?: Omit<{
+        editor: BlockNoteEditor<Record<string, import("@blocknote/core").BlockConfig>, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+        theme?: "dark" | "light" | {
+            light: Partial<{
+                colors: Partial<{
+                    editor: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    menu: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    tooltip: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    hovered: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    selected: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    disabled: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    shadow: string;
+                    border: string;
+                    sideMenu: string;
+                    highlights: Partial<{
+                        gray: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        brown: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        red: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        orange: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        yellow: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        green: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        blue: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        purple: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        pink: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                    }>;
+                }>;
+                borderRadius: number;
+                fontFamily: string;
+            }>;
+            dark: Partial<{
+                colors: Partial<{
+                    editor: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    menu: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    tooltip: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    hovered: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    selected: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    disabled: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    shadow: string;
+                    border: string;
+                    sideMenu: string;
+                    highlights: Partial<{
+                        gray: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        brown: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        red: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        orange: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        yellow: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        green: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        blue: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        purple: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                        pink: Partial<{
+                            text: string;
+                            background: string;
+                        }>;
+                    }>;
+                }>;
+                borderRadius: number;
+                fontFamily: string;
+            }>;
+        } | Partial<{
+            colors: Partial<{
+                editor: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                menu: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                tooltip: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                hovered: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                selected: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                disabled: Partial<{
+                    text: string;
+                    background: string;
+                }>;
+                shadow: string;
+                border: string;
+                sideMenu: string;
+                highlights: Partial<{
+                    gray: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    brown: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    red: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    orange: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    yellow: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    green: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    blue: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    purple: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                    pink: Partial<{
+                        text: string;
+                        background: string;
+                    }>;
+                }>;
+            }>;
+            borderRadius: number;
+            fontFamily: string;
+        }> | undefined;
+        editable?: boolean | undefined;
+        onSelectionChange?: (() => void) | undefined;
+        onChange?: (() => void) | undefined;
+        children?: React.ReactNode;
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onSelectionChange"> & import("@blocknote/react").BlockNoteDefaultUIProps, "editor"> | undefined;
+    valueDebounceMs?: number | undefined;
+} & React.RefAttributes<BlockNoteEditor<import("@blocknote/core").BlockSchemaFromSpecs<{
+    paragraph: {
+        config: {
+            type: "paragraph";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "paragraph";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+    heading: {
+        config: {
+            type: "heading";
+            content: "inline";
+            propSchema: {
+                level: {
+                    default: number;
+                    values: readonly [1, 2, 3];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "heading";
+            content: "inline";
+            propSchema: {
+                level: {
+                    default: number;
+                    values: readonly [1, 2, 3];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+    bulletListItem: {
+        config: {
+            type: "bulletListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "bulletListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+    numberedListItem: {
+        config: {
+            type: "numberedListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "numberedListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+    image: {
+        config: {
+            type: "image";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "image";
+            propSchema: {
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+                backgroundColor: {
+                    default: "default";
+                };
+                url: {
+                    default: "";
+                };
+                caption: {
+                    default: "";
+                };
+                width: {
+                    default: 512;
+                };
+            };
+            content: "none";
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+    table: {
+        config: {
+            type: "table";
+            content: "table";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("@blocknote/core").TiptapBlockImplementation<{
+            type: "table";
+            content: "table";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+    };
+}>, import("@blocknote/core").InlineContentSchemaFromSpecs<{
+    text: {
+        config: "text";
+        implementation: any;
+    };
+    link: {
+        config: "link";
+        implementation: any;
+    };
+}>, import("@blocknote/core").StyleSchemaFromSpecs<{
+    bold: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    italic: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    underline: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    strike: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    code: {
+        config: {
+            type: string;
+            propSchema: "boolean";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    textColor: {
+        config: {
+            type: string;
+            propSchema: "string";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+    backgroundColor: {
+        config: {
+            type: string;
+            propSchema: "string";
+        };
+        implementation: import("@blocknote/core").StyleImplementation;
+    };
+}>>>>;