@oliasoft-open-source/react-ui-library 9.1.0-beta-3 → 9.1.0-beta-5-beta-1

package/dist/index.js

@@ -6591,101 +6591,96 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	},
 	render: t
 } }), sf = {
-	inputInTable: "_inputInTable_1os7l_1",
-	inputHover: "_inputHover_1os7l_13",
-	inputFocus: "_inputFocus_1os7l_18",
-	controlFocusVisible: "_controlFocusVisible_1os7l_25",
-	inputError: "_inputError_1os7l_29",
-	inputWarning: "_inputWarning_1os7l_30",
-	inputDisabled: "_inputDisabled_1os7l_65",
-	hideScrollbars: "_hideScrollbars_1os7l_71",
-	richTextInput: "_richTextInput_1os7l_81",
-	mention: "_mention_1os7l_125",
-	mentionLayer: "_mentionLayer_1os7l_133",
-	mentionEmpty: "_mentionEmpty_1os7l_144",
-	mentionOption: "_mentionOption_1os7l_149",
-	focused: "_focused_1os7l_155"
-}, cf = o(({ editable: e, emptyLabel: t, getRect: n, items: r, onDismiss: i, onSelect: a }, o) => {
-	let [s, c] = v(0), u = r.length > 0 || !!t, m = f(), g = l((e) => `${m}-option-${e}`, [m]), { renderLayer: y, layerProps: x, triggerProps: w } = aa({
-		isOpen: u,
+	inputInTable: "_inputInTable_1xhvx_1",
+	inputHover: "_inputHover_1xhvx_13",
+	inputFocus: "_inputFocus_1xhvx_18",
+	controlFocusVisible: "_controlFocusVisible_1xhvx_25",
+	inputError: "_inputError_1xhvx_29",
+	inputWarning: "_inputWarning_1xhvx_30",
+	inputDisabled: "_inputDisabled_1xhvx_65",
+	hideScrollbars: "_hideScrollbars_1xhvx_71",
+	richTextInput: "_richTextInput_1xhvx_81",
+	editable: "_editable_1xhvx_81",
+	mention: "_mention_1xhvx_125",
+	mentionLayer: "_mentionLayer_1xhvx_133",
+	mentionOption: "_mentionOption_1xhvx_144",
+	focused: "_focused_1xhvx_150"
+}, cf = o(({ editable: e, getRect: t, items: n, onDismiss: r, onSelect: i }, a) => {
+	let [o, s] = v(0), c = n.length > 0, u = f(), m = l((e) => `${u}-option-${e}`, [u]), { renderLayer: g, layerProps: y, triggerProps: x } = aa({
+		isOpen: c,
 		placement: "bottom-start",
 		triggerOffset: 2,
-		onOutsideClick: i
+		onOutsideClick: r
 	});
 	d(() => {
-		c(0);
-	}, [r]);
-	let T = _(n), E = _(null);
-	d(() => {
-		T.current = n;
+		s(0);
 	}, [n]);
-	let D = h(() => ({
+	let C = _(t), w = _(null);
+	d(() => {
+		C.current = t;
+	}, [t]);
+	let T = h(() => ({
 		getBoundingClientRect: () => {
 			var e, t, n;
-			return E.current = (e = (t = T.current) == null ? void 0 : t.call(T)) == null ? E.current : e, (n = E.current) == null ? new DOMRect() : n;
+			return w.current = (e = (t = C.current) == null ? void 0 : t.call(C)) == null ? w.current : e, (n = w.current) == null ? new DOMRect() : n;
 		},
 		contextElement: e == null ? void 0 : e
 	}), [e]);
 	return d(() => {
-		w.ref(e ? D : null);
+		x.ref(e ? T : null);
 	}, [
 		e,
-		D,
-		w.ref
+		T,
+		x.ref
 	]), d(() => {
-		if (!e || !u) return;
+		if (!e) return;
 		let t = {
 			role: "combobox",
 			"aria-autocomplete": "list",
-			"aria-expanded": "true",
-			"aria-controls": m
+			"aria-expanded": String(c),
+			"aria-controls": u
 		};
-		return Object.entries(t).forEach(([t, n]) => e.setAttribute(t, n)), r.length && e.setAttribute("aria-activedescendant", g(s)), () => {
+		return Object.entries(t).forEach(([t, n]) => e.setAttribute(t, n)), c ? e.setAttribute("aria-activedescendant", m(o)) : e.removeAttribute("aria-activedescendant"), () => {
 			Object.keys(t).forEach((t) => e.removeAttribute(t)), e.removeAttribute("aria-activedescendant");
 		};
 	}, [
-		s,
+		o,
 		e,
+		c,
 		u,
-		r.length,
-		m,
-		g
-	]), p(o, () => ({ onKeyDown: (e) => {
-		if (!u) return !1;
-		if (e.key === "Escape") return i(), !0;
-		if (!r.length) return !1;
+		m
+	]), p(a, () => ({ onKeyDown: (e) => {
+		if (!c) return !1;
 		switch (e.key) {
-			case "ArrowDown": return c((e) => (e + 1) % r.length), !0;
-			case "ArrowUp": return c((e) => (e + r.length - 1) % r.length), !0;
+			case "ArrowDown": return s((e) => (e + 1) % n.length), !0;
+			case "ArrowUp": return s((e) => (e + n.length - 1) % n.length), !0;
 			case "Tab":
-			case "Enter": return a(r[s]), !0;
+			case "Enter": return i(n[o]), !0;
+			case "Escape": return r(), !0;
 			default: return !1;
 		}
 	} }), [
-		s,
-		u,
+		o,
+		c,
+		n,
 		r,
-		i,
-		a
-	]), u ? y(/* @__PURE__ */ C("div", {
-		...x,
+		i
+	]), c ? g(/* @__PURE__ */ S("div", {
+		...y,
 		className: sf.mentionLayer,
-		id: m,
+		id: u,
 		role: "listbox",
-		children: [!r.length && /* @__PURE__ */ S("div", {
-			className: sf.mentionEmpty,
-			children: t
-		}), r.map((e, t) => /* @__PURE__ */ S("div", {
-			id: g(t),
+		children: n.map((e, t) => /* @__PURE__ */ S("div", {
+			id: m(t),
 			role: "option",
-			"aria-selected": t === s,
-			className: b(sf.mentionOption, { [sf.focused]: t === s }),
-			onMouseEnter: () => c(t),
+			"aria-selected": t === o,
+			className: b(sf.mentionOption, { [sf.focused]: t === o }),
+			onMouseEnter: () => s(t),
 			onMouseDown: (t) => {
-				t.preventDefault(), a(e);
+				t.preventDefault(), i(e);
 			},
 			children: e.label
-		}, e.id))]
+		}, e.id))
 	})) : null;
 }), lf = ({ clientRect: e, command: t, editor: n, items: r }) => ({
 	clientRect: e,
@@ -6716,6 +6711,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		content: w.current,
 		contentType: "markdown",
 		editable: !g,
+		editorProps: { attributes: { class: sf.editable } },
 		onUpdate: ({ editor: e }) => {
 			t == null || t(e.getMarkdown(), { mentionedIds: rf(e) });
 		}
@@ -6744,7 +6740,6 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 			y && /* @__PURE__ */ S(Xi, { children: /* @__PURE__ */ S(cf, {
 				ref: x,
 				editable: (c = T == null ? void 0 : T.editable) == null ? null : c,
-				emptyLabel: a == null ? void 0 : a.emptyLabel,
 				getRect: (l = T == null ? void 0 : T.clientRect) == null ? null : l,
 				items: (f = T == null ? void 0 : T.items) == null ? [] : f,
 				onDismiss: () => E(null),

package/package.json

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