@oliasoft-open-source/react-ui-library 5.13.0-beta-1 → 5.13.1-beta-1

package/dist/index.d.ts

@@ -8,10 +8,12 @@ import { ElementType as ElementType_2 } from 'react';
 import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { Id } from 'react-toastify';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
+import { MemoExoticComponent } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
 import { MutableRefObject } from 'react';
@@ -21,6 +23,7 @@ import { Property } from 'csstype';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ToastContainer as Toaster } from 'react-toastify';
 
@@ -1956,7 +1959,7 @@ export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions,
 
 export declare const readFile: (file?: Blob, method?: TFileReaderMethod) => Promise<string | ArrayBuffer | null>;
 
-export declare const RichTextInput: default_2.ForwardRefExoticComponent<IRichTextInputProps & default_2.RefAttributes<any>>;
+export declare const RichTextInput: MemoExoticComponent<ForwardRefExoticComponent<IRichTextInputProps & RefAttributes<any>>>;
 
 export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing: spacingProp, wrap, testId, }: IRowProps) => JSX_2.Element;
 

package/dist/index.js

@@ -6061,9 +6061,9 @@ var rich_text_input_module_default = {
 	hideScrollbars: "_hideScrollbars_1fb4l_67",
 	richTextInput: "_richTextInput_1fb4l_77"
 };
-const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i }, a) => {
-	let o = useContext(DisabledContext), c = r || o, { manager: u, state: d, setState: f, getContext: p } = useRemirror({
-		extensions: () => [
+const RichTextInput = memo(forwardRef(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i }, a) => {
+	let c = useContext(DisabledContext), u = r || c, { manager: d, state: f, setState: p, getContext: m } = useRemirror({
+		extensions: useCallback(() => [
 			new BoldExtension({}),
 			new BulletListExtension({}),
 			new CodeExtension(),
@@ -6071,29 +6071,29 @@ const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disab
 			new MarkdownExtension({}),
 			new OrderedListExtension(),
 			new PlaceholderExtension({ placeholder: e })
-		],
+		], [e]),
 		content: n,
 		selection: "start",
 		stringHandler: "markdown"
 	});
-	return useImperativeHandle(a, () => p(), [p]), /* @__PURE__ */ jsx("div", {
+	return useImperativeHandle(a, () => m(), [m]), /* @__PURE__ */ jsx("div", {
 		className: rich_text_input_module_default.richTextInput,
 		children: /* @__PURE__ */ jsxs(Remirror, {
-			manager: u,
-			state: d,
+			manager: d,
+			state: f,
 			placeholder: e,
 			onChange: ({ helpers: e, state: n }) => {
 				let r = e.getMarkdown(n);
-				t && t(r), f(n);
+				t && t(r), p(n);
 			},
-			editable: !c,
+			editable: !u,
 			children: [/* @__PURE__ */ jsx(RichTextToolbar, {
-				disabled: c,
+				disabled: u,
 				toolbarComponent: i
 			}), /* @__PURE__ */ jsx(EditorComponent, {})]
 		})
 	});
-});
+}));
 var row_module_default = { row: "_row_n16je_1" };
 const Row = ({ alignItems: t = "initial", justifyContent: n = "initial", children: r = null, flex: a = !1, height: o = "auto", marginBottom: s = "0", marginTop: c = "0", spacing: l = "var(--padding)", wrap: u = !1, testId: d = null }) => {
 	let f = typeof l == "number" ? `${l}px` : l, p = (r === null || r === !1 ? [] : Array.isArray(r) ? r.filter((e) => isValidElement(e)) : [r]).map((t, n) => /* @__PURE__ */ jsx(React.Fragment, { children: React.cloneElement(t, { spacing: f }) }, n));
@@ -8703,7 +8703,10 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		if (r) return r;
 	}
 	return "";
-}, toText = (e) => Array.isArray(e) ? e.length === 0 ? "" : e.some((e) => e && typeof e == "object") ? "Multiple changes..." : String(e) : e && typeof e == "object" ? Object.keys(e).length === 0 ? "" : "Multiple changes..." : String(e), defaultMessage = (e) => {
+}, toText = (e) => {
+	let t = (e) => isValueWithUnit(e) ? withPrettyUnitLabel(e) : String(e);
+	return Array.isArray(e) ? e.length === 0 ? "" : e.some((e) => e && typeof e == "object") ? "Multiple changes..." : e.map(t).join(", ") : e && typeof e == "object" ? Object.keys(e).length === 0 ? "" : "Multiple changes..." : t(e);
+}, defaultMessage = (e) => {
 	switch (e.length) {
 		case 1: {
 			let [t] = e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.13.0-beta-1",
+  "version": "5.13.1-beta-1",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -162,8 +162,8 @@
     "lint:fix": "eslint --fix \"**/*.{js,jsx,ts,tsx}\"",
     "prettier:check": "prettier --check \"**/*.{js,jsx,json,css,less,ts,tsx}\"",
     "prettier:fix": "prettier --write \"**/*.{js,jsx,json,css,less,ts,tsx}\"",
-    "preview:docs": "pnpm build:docs && pnpm run http-server ./public -o -p 9002 -c-1",
-    "preview:storybook": "pnpm run http-server ./public/storybook -o -p 9003 -c-1",
+    "preview:docs": "pnpm build:docs && pnpm exec http-server ./public -o -p 9002 -c-1",
+    "preview:storybook": "pnpm exec http-server ./public/storybook -o -p 9003 -c-1",
     "test": "pnpm run prettier:check && pnpm run lint:check && pnpm run test:unit",
     "test:unit": "vitest run",
     "test:unit:coverage": "vitest run --coverage",