@oliasoft-open-source/react-ui-library 3.9.5 → 3.9.6

package/dist/index.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key2, value) => {
 };
 import { jsx, Fragment as Fragment$1, jsxs } from "react/jsx-runtime";
 import * as React$4 from "react";
-import React__default, { useState, useRef, useEffect, useCallback as useCallback$1, createElement, forwardRef, useContext, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, createContext, isValidElement, useReducer, useDebugValue, Fragment as Fragment$2, Component as Component$1, PureComponent, memo, cloneElement as cloneElement$1, useImperativeHandle } from "react";
+import React__default, { useState, useRef, useEffect, useCallback as useCallback$1, createElement, forwardRef, useContext, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, createContext, isValidElement, useReducer, useDebugValue, Fragment as Fragment$2, Component as Component$1, PureComponent, useImperativeHandle, memo, cloneElement as cloneElement$1 } from "react";
 import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
@@ -54768,49 +54768,48 @@ const styles$e = {
   hideScrollbars: hideScrollbars$4,
   richTextInput
 };
-const RichTextInput = ({
-  placeholder: placeholder3,
-  onChange,
-  value,
-  disabled: disabledProp
-}) => {
-  const disabledContext = useContext(DisabledContext);
-  const disabled2 = disabledProp || disabledContext;
-  const { manager, state } = useRemirror({
-    extensions: () => [
-      new BoldExtension(),
-      new BulletListExtension(),
-      new CodeExtension(),
-      new ItalicExtension(),
-      new MarkdownExtension(),
-      new OrderedListExtension(),
-      new PlaceholderExtension({ placeholder: placeholder3 })
-    ],
-    content: value,
-    selection: "start",
-    stringHandler: "markdown"
-  });
-  const handleChange = ({ helpers }) => {
-    const markdown = helpers.getMarkdown();
-    onChange(markdown);
-  };
-  return /* @__PURE__ */ jsx("div", {
-    className: styles$e.richTextInput,
-    children: /* @__PURE__ */ jsxs(Remirror, {
-      manager,
-      initialContent: state,
-      placeholder: placeholder3,
-      onChange: handleChange,
-      editable: !disabled2,
-      children: [
-        /* @__PURE__ */ jsx(RichTextToolbar, {
-          disabled: disabled2
-        }),
-        /* @__PURE__ */ jsx(EditorComponent, {})
-      ]
-    })
-  });
-};
+const RichTextInput = forwardRef(
+  ({ placeholder: placeholder3, onChange, value, disabled: disabledProp }, ref2) => {
+    const disabledContext = useContext(DisabledContext);
+    const disabled2 = disabledProp || disabledContext;
+    const { manager, state, setState, getContext: getContext2 } = useRemirror({
+      extensions: () => [
+        new BoldExtension(),
+        new BulletListExtension(),
+        new CodeExtension(),
+        new ItalicExtension(),
+        new MarkdownExtension(),
+        new OrderedListExtension(),
+        new PlaceholderExtension({ placeholder: placeholder3 })
+      ],
+      content: value,
+      selection: "start",
+      stringHandler: "markdown"
+    });
+    useImperativeHandle(ref2, () => getContext2(), [getContext2]);
+    const handleChange = ({ helpers, state: state2 }) => {
+      const markdown = helpers.getMarkdown();
+      setState(state2);
+      onChange(markdown);
+    };
+    return /* @__PURE__ */ jsx("div", {
+      className: styles$e.richTextInput,
+      children: /* @__PURE__ */ jsxs(Remirror, {
+        manager,
+        state,
+        placeholder: placeholder3,
+        onChange: handleChange,
+        editable: !disabled2,
+        children: [
+          /* @__PURE__ */ jsx(RichTextToolbar, {
+            disabled: disabled2
+          }),
+          /* @__PURE__ */ jsx(EditorComponent, {})
+        ]
+      })
+    });
+  }
+);
 RichTextInput.defaultProps = {
   disabled: false,
   onChange: null,