haze-ui 1.26.0 → 1.28.0

package/dist/components/Command/command-filter.js

@@ -0,0 +1,16 @@
+"use client";
+import { Children as e, isValidElement as t } from "react";
+//#region src/lib/components/Command/command-filter.ts
+function n(e) {
+	return typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(n).join("") : t(e) ? n(e.props.children) : "";
+}
+function r(e, t) {
+	if (!t) return !0;
+	let r = t.toLowerCase();
+	return (e.value ?? n(e.children)).toLowerCase().includes(r) ? !0 : (e.keywords ?? []).some((e) => e.toLowerCase().includes(r));
+}
+function i(n, r) {
+	return e.toArray(n).flatMap((e) => t(e) ? e.type === r ? [e] : i(e.props.children, r) : []);
+}
+//#endregion
+export { i as collectCommandItems, r as commandItemMatches, n as commandItemText };

package/dist/components/Command/index.js

@@ -1,3 +1,4 @@
 "use client";
-import e, { CommandInput as t, CommandItem as n, CommandList as r } from "./Command.js";
-export { e as Command, t as CommandInput, n as CommandItem, r as CommandList };
+import e, { CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i } from "./Command.js";
+import a from "./CommandDialog.js";
+export { e as Command, a as CommandDialog, t as CommandGroup, n as CommandInput, r as CommandItem, i as CommandList };

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useFocusScope as t } from "../../utils/focus-scope.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { Presence as n } from "../../utils/presence.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { useFocusScope as r } from "../../utils/focus-scope.js";
 /* empty css                        */
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useId as o } from "react";
@@ -11,7 +11,7 @@ import { useControl as s } from "react-use-control";
 //#region src/lib/components/ConfirmDialog/ConfirmDialog.tsx
 var c = "haze-ConfirmDialog__overlay", l = "haze-ConfirmDialog__dialog", u = "haze-ConfirmDialog__header", d = "haze-ConfirmDialog__body", f = "haze-ConfirmDialog__footer", p = "haze-ConfirmDialog__btn", m = "haze-ConfirmDialog__cancelBtn", h = "haze-ConfirmDialog__confirmBtn", g = "haze-ConfirmDialog__dangerBtn";
 function _({ open: _, onClose: v, onConfirm: y, onCancel: b, title: x, children: S, confirmText: C, cancelText: w, variant: T = "default", className: E, ...D }) {
-	let [O, k] = s(_, !1), A = r("confirmDialog"), j = C ?? A.confirm, M = w ?? A.cancel, N = t({
+	let [O, k] = s(_, !1), A = t("confirmDialog"), j = C ?? A.confirm, M = w ?? A.cancel, N = r({
 		enabled: O,
 		trapped: !0
 	}), P = `haze-confirm-title-${o()}`, F = () => {

package/dist/components/Container/Container.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Container/index.js

@@ -1,3 +1,2 @@
-"use client";
 import e from "./Container.js";
 export { e as Container };

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -1,7 +1,7 @@
 
 "use client";
-import { useFocusScope as e } from "../../utils/focus-scope.js";
-import { FloatingPanel as t } from "../../utils/floating.js";
+import { FloatingPanel as e } from "../../utils/floating.js";
+import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { useMenuKeyboard as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";
 import { useContextMenuContext as i } from "./ContextMenuContext.js";
 /* empty css                             */
@@ -18,14 +18,14 @@ function c({ children: c, className: l }) {
 		menuRef: m,
 		active: u
 	});
-	let _ = e({
+	let _ = t({
 		enabled: u && h.shown,
 		autoFocus: !0,
 		returnFocus: !0
 	}), v = o((e) => {
 		m.current = e, _(e);
 	}, [m, _]);
-	return !u && h.exited ? null : /* @__PURE__ */ a(t, {
+	return !u && h.exited ? null : /* @__PURE__ */ a(e, {
 		ref: v,
 		behavior: h,
 		role: "menu",

package/dist/components/DataTable/CellEditor.js

@@ -0,0 +1,38 @@
+
+"use client";
+import e from "../Input/InputCore.js";
+/* empty css                     */
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as n, useState as r } from "react";
+//#region src/lib/components/DataTable/CellEditor.tsx
+var i = "haze-CellEditor__editorInput";
+function a(e) {
+	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
+}
+function o({ kind: o, value: s, ariaLabel: c, onSave: l, onCancel: u }) {
+	let [d, f] = r(() => a(s)), p = n(!1), m = (e) => {
+		if (!p.current) {
+			if (p.current = !0, !e) {
+				u();
+				return;
+			}
+			l(o === "number" ? d.trim() === "" ? null : Number(d) : d);
+		}
+	};
+	return /* @__PURE__ */ t(e, {
+		size: "sm",
+		type: o === "number" ? "number" : "text",
+		className: i,
+		autoFocus: !0,
+		"aria-label": c,
+		value: d,
+		onChange: f,
+		onFocus: (e) => e.target.select(),
+		onKeyDown: (e) => {
+			e.key === "Enter" ? (e.preventDefault(), m(!0), e.currentTarget.closest("td")?.focus()) : e.key === "Escape" && (e.preventDefault(), m(!1), e.currentTarget.closest("td")?.focus());
+		},
+		onBlur: () => m(!0)
+	});
+}
+//#endregion
+export { o as default };