@oliasoft-open-source/react-ui-library 5.11.1 → 5.11.2-beta-1

package/dist/index.d.ts

@@ -1236,6 +1236,13 @@ declare interface IReorderData {
 export declare interface IRichTextInputProps {
     disabled?: boolean;
     onChange?: (markdown: string) => void;
+    options?: {
+        disableBold?: boolean;
+        disableItalic?: boolean;
+        disableCode?: boolean;
+        disableBulletList?: boolean;
+        disableOrderedList?: boolean;
+    };
     placeholder?: string;
     value?: string;
     toolbarComponent?: ReactNode;

package/dist/index.js

@@ -25,7 +25,7 @@ import { SimplifyAP } from "simplify-ts";
 import Papa from "papaparse";
 import { Slide, ToastContainer as Toaster, toast as toast$1 } from "react-toastify";
 import { isNullOrUndefined } from "remirror";
-import { BoldExtension, BulletListExtension, CodeExtension, ItalicExtension, MarkdownExtension, OrderedListExtension, PlaceholderExtension } from "remirror/extensions";
+import { BoldExtension, BulletListExtension, CodeExtension, ItalicExtension, ListItemExtension, MarkdownExtension, OrderedListExtension, PlaceholderExtension } from "remirror/extensions";
 import { EditorComponent, Remirror, useActive, useCommands, useRemirror } from "@remirror/react";
 import "remirror/styles/all.css";
 import { DndProvider } from "react-dnd";
@@ -2743,7 +2743,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 		layerFocus: initialLayerFocus(e, C ?? 0),
 		triggerFocus: initialTriggerFocus,
 		isLayerOpen: !1
-	})), { getTriggerWidth: F, onKeyEvent: I, clearAllIsFocused: L, triggerProps: R, onClickTrigger: z, onChangeSearch: B, onClickDeselectOption: V, onClickClearAll: H, renderLayer: U, layerProps: W, closeLayer: G, onSelectOption: K, getLayerWidth: q, triggerBounds: Ld } = useCustomSelectLogic({
+	})), { getTriggerWidth: F, onKeyEvent: I, clearAllIsFocused: L, triggerProps: R, onClickTrigger: z, onChangeSearch: B, onClickDeselectOption: V, onClickClearAll: H, renderLayer: U, layerProps: W, closeLayer: G, onSelectOption: K, getLayerWidth: q, triggerBounds: Rd } = useCustomSelectLogic({
 		...e,
 		state: N,
 		dispatch: P,
@@ -2811,7 +2811,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 					closeLayer: () => {
 						b && G();
 					},
-					width: q(Ld),
+					width: q(Rd),
 					small: d,
 					focusedOptionIndex: N.layerFocus.current,
 					firstSelectedOptionIndex: C ?? 0,
@@ -5904,50 +5904,50 @@ var rich_text_toolbar_module_default = {
 let RichTextIcon = /* @__PURE__ */ function(e) {
 	return e.BOLD = "bold", e.ITALIC = "italic", e.CODE = "code", e.UL = "ul", e.OL = "ol", e;
 }({});
-const RichTextToolbar = ({ disabled: e = !1, toolbarComponent: t = null }) => {
-	let { focus: n, toggleBold: r, toggleBulletList: i, toggleCode: a, toggleItalic: o, toggleOrderedList: s } = useCommands(), c = useActive(), l = [
-		{
+const RichTextToolbar = ({ disabled: e = !1, toolbarComponent: t = null, options: n = {} }) => {
+	let { focus: r, toggleBold: i, toggleBulletList: a, toggleCode: o, toggleItalic: s, toggleOrderedList: c } = useCommands(), l = useActive(), { disableBold: u, disableItalic: d, disableCode: f, disableBulletList: p, disableOrderedList: m } = n, h = [
+		!u && {
 			icon: RichTextIcon.BOLD,
-			onClick: r,
-			active: c.bold()
+			onClick: i,
+			active: l.bold()
 		},
-		{
+		!d && {
 			icon: RichTextIcon.ITALIC,
-			onClick: o,
-			active: c.italic()
+			onClick: s,
+			active: l.italic()
 		},
-		{
+		!f && {
 			icon: RichTextIcon.CODE,
-			onClick: a,
-			active: c.code()
+			onClick: o,
+			active: l.code()
 		},
-		{
+		!p && {
 			icon: RichTextIcon.UL,
-			onClick: i,
-			active: c.bulletList()
+			onClick: a,
+			active: l.bulletList()
 		},
-		{
+		!m && {
 			icon: RichTextIcon.OL,
-			onClick: s,
-			active: c.orderedList()
+			onClick: c,
+			active: l.orderedList()
 		}
-	];
+	].filter((e) => !!e);
 	return /* @__PURE__ */ jsxs("div", {
 		className: rich_text_toolbar_module_default.richTextToolbarContainer,
 		children: [/* @__PURE__ */ jsx("div", {
 			className: rich_text_toolbar_module_default.richTextToolbar,
-			children: l.map((t, r) => /* @__PURE__ */ jsx(Button, {
+			children: h.map((t, n) => /* @__PURE__ */ jsx(Button, {
 				small: !0,
 				round: !0,
 				basic: !0,
 				icon: t.icon,
 				colored: Color.MUTED,
 				onClick: () => {
-					t.onClick(), n();
+					t.onClick(), r();
 				},
 				active: t.active,
 				disabled: e
-			}, r))
+			}, n))
 		}), t]
 	});
 };
@@ -5961,35 +5961,37 @@ 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({
+const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i, options: a = {} }, o) => {
+	let c = useContext(DisabledContext), u = r || c, { disableBold: d, disableItalic: f, disableCode: p, disableBulletList: m, disableOrderedList: h } = a, { manager: g, state: _, setState: v, getContext: y } = useRemirror({
 		extensions: () => [
-			new BoldExtension({}),
-			new BulletListExtension({}),
-			new CodeExtension(),
-			new ItalicExtension(),
+			!d && new BoldExtension({}),
+			!m && new BulletListExtension({}),
+			!p && new CodeExtension(),
+			!f && new ItalicExtension(),
 			new MarkdownExtension({}),
-			new OrderedListExtension(),
-			new PlaceholderExtension({ placeholder: e })
-		],
+			!h && new OrderedListExtension(),
+			new PlaceholderExtension({ placeholder: e }),
+			new ListItemExtension({})
+		].filter((e) => !!e),
 		content: n,
 		selection: "start",
 		stringHandler: "markdown"
 	});
-	return useImperativeHandle(a, () => p(), [p]), /* @__PURE__ */ jsx("div", {
+	return useImperativeHandle(o, () => y(), [y]), /* @__PURE__ */ jsx("div", {
 		className: rich_text_input_module_default.richTextInput,
 		children: /* @__PURE__ */ jsxs(Remirror, {
-			manager: u,
-			state: d,
+			manager: g,
+			state: _,
 			placeholder: e,
 			onChange: ({ helpers: e, state: n }) => {
 				let r = e.getMarkdown(n);
-				t && t(r), f(n);
+				t && t(r), v(n);
 			},
-			editable: !c,
+			editable: !u,
 			children: [/* @__PURE__ */ jsx(RichTextToolbar, {
-				disabled: c,
-				toolbarComponent: i
+				disabled: u,
+				toolbarComponent: i,
+				options: a
 			}), /* @__PURE__ */ jsx(EditorComponent, {})]
 		})
 	});
@@ -6733,7 +6735,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), Ld = k || K?.value === void 0, [J, Rd] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), zd = !!(O || n), Y = C && C.find((e) => {
+	}), Rd = k || K?.value === void 0, [J, zd] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Bd = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -6742,7 +6744,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), Bd = () => {
+	}), Vd = () => {
 		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
@@ -6756,7 +6758,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, Vd = (t) => {
+	}, Hd = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
 		h({ target: {
 			value: s,
@@ -6769,7 +6771,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, Hd = (e, t) => {
+	}, Ud = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6800,7 +6802,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && Rd(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && zd(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -6808,7 +6810,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let X = Bd(), Z = label(K.unit) || K.unit || "", Ud = p || !X || X && X.length === 1, Q = getStringName(e), $, Wd = (t) => {
+	let X = Vd(), Z = label(K.unit) || K.unit || "", Wd = p || !X || X && X.length === 1, Q = getStringName(e), $, Gd = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6828,7 +6830,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (Rd(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (zd(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6855,10 +6857,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		label: "Custom",
 		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(Wd);
+		let e = C.map(Gd);
 		$ = [...$, ...e];
 	}
-	let Gd = (e) => {
+	let Kd = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6870,7 +6872,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Kd = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, qd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, qd = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Jd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
 		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
@@ -6902,31 +6904,31 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: Gd(t),
+						placeholder: Kd(t),
 						value: K.value,
-						onChange: Vd,
+						onChange: Hd,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: Ld,
+						allowEmpty: Rd,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Kd,
-						disableInternalErrorValidationMessages: zd,
+						groupOrder: qd,
+						disableInternalErrorValidationMessages: Bd,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (Ud || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: qd,
+				Z && (Wd || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: Jd,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: qd,
+					groupOrder: Jd,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
@@ -6942,7 +6944,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), Hd(e, t);
+									n.stopPropagation(), Ud(e, t);
 								},
 								description: r,
 								selected: r === Z,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.11.1",
+  "version": "5.11.2-beta-1",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {