@revolist/ui 4.0.1-rc → 4.0.3-rc

package/dropdown/lookup-field.d.ts

@@ -26,4 +26,4 @@ export declare function LookupField({ initial, options, context, apply, cancel,
     context: unknown;
     apply: (value: LookupId | LookupId[] | null) => void;
     cancel: () => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/dropdown/lookup-field.js

@@ -1,64 +1,64 @@
-import { t as e } from "../_chunks/dropdown-CkGQBm1Q.js";
-import { n as t } from "../_chunks/editor-commit-D6Rf5rGz.js";
-import { EditorActions as n } from "../editor-actions.js";
-import { useRef as r, useState as i } from "preact/hooks";
-import { jsx as a, jsxs as o } from "preact/jsx-runtime";
+import { i as e, t } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { l as r } from "../_chunks/native-control-C_yok8_-.js";
+import { n as i } from "../_chunks/editor-commit-Bq3wSgvr.js";
+import { EditorActions as a } from "../editor-actions.js";
 //#region src/dropdown/lookup-field.tsx
-function s({ initial: s, options: c, context: l, apply: u, cancel: d }) {
-	let [f, p] = i(s), [m, h] = i(!1), g = c.autoApply !== !1, _ = r(!1), v = r(s), y = f === null || Array.isArray(f) && !f.length;
-	return t(() => {
-		if (!_.current) return !0;
-		let e = v.current;
-		return c.required && (e === null || Array.isArray(e) && !e.length) ? !1 : (_.current && (_.current = !1, u(e)), !0);
-	}, g), /* @__PURE__ */ o("div", {
+function o({ initial: o, options: s, context: c, apply: l, cancel: u }) {
+	let [d, f] = e(o), [p, m] = e(!1), h = s.autoApply !== !1, g = t(!1), _ = t(o), v = d === null || Array.isArray(d) && !d.length;
+	return i(() => {
+		if (!g.current) return !0;
+		let e = _.current;
+		return s.required && (e === null || Array.isArray(e) && !e.length) ? !1 : (g.current && (g.current = !1, l(e)), !0);
+	}, h), /* @__PURE__ */ n("div", {
 		class: "rv-lookup-editor",
 		onKeyDown: (e) => {
-			(e.ctrlKey || e.metaKey) && e.key === "Enter" && !(c.required && y) && (e.preventDefault(), u(f));
+			(e.ctrlKey || e.metaKey) && e.key === "Enter" && !(s.required && v) && (e.preventDefault(), l(d));
 		},
 		children: [
-			/* @__PURE__ */ a(e, {
-				source: c.source ?? [],
-				dataSource: c.dataSource,
-				dataContext: l,
-				remoteText: c.text,
-				value: f === null ? void 0 : f,
+			/* @__PURE__ */ n(r, {
+				source: s.source ?? [],
+				dataSource: s.dataSource,
+				dataContext: c,
+				remoteText: s.text,
+				value: d === null ? void 0 : d,
 				onChange: (e) => {
-					_.current = !0, h(!0), v.current = e, p(e);
+					g.current = !0, m(!0), _.current = e, f(e);
 					let t = e === null || Array.isArray(e) && !e.length;
-					g && !c.multiple && !(c.required && t) && (_.current = !1, u(e));
+					h && !s.multiple && !(s.required && t) && (g.current = !1, l(e));
 				},
-				placeholder: c.placeholder ?? c.text?.placeholder,
-				renderOption: c.renderOption,
-				renderValue: c.renderValue,
+				placeholder: s.placeholder ?? s.text?.placeholder,
+				renderOption: s.renderOption,
+				renderValue: s.renderValue,
 				config: {
 					search: !0,
-					multiSelect: c.multiple,
+					multiSelect: s.multiple,
 					topLayer: !0,
 					autoFocus: !0,
-					ariaLabel: c.text?.label ?? "Linked records",
-					searchPlaceholder: c.text?.searchPlaceholder,
-					searchAriaLabel: c.text?.searchLabel,
-					removeLabel: c.text?.removeLabel
+					ariaLabel: s.text?.label ?? "Linked records",
+					searchPlaceholder: s.text?.searchPlaceholder,
+					searchAriaLabel: s.text?.searchLabel,
+					removeLabel: s.text?.removeLabel
 				}
 			}),
-			c.required && y && m && /* @__PURE__ */ a("span", {
+			s.required && v && p && /* @__PURE__ */ n("span", {
 				role: "alert",
 				class: "rv-editor-error",
-				children: c.text?.requiredValue ?? "Select at least one record."
+				children: s.text?.requiredValue ?? "Select at least one record."
 			}),
-			/* @__PURE__ */ a(n, {
-				showConfirm: c.showActions ?? !g,
-				text: c.actions,
-				disabled: c.required && y,
-				cancel: d,
-				apply: () => u(f),
-				clear: c.required ? void 0 : () => {
-					let e = c.multiple ? [] : null;
-					g ? u(e) : (v.current = e, p(e));
+			/* @__PURE__ */ n(a, {
+				showConfirm: s.showActions ?? !h,
+				text: s.actions,
+				disabled: s.required && v,
+				cancel: u,
+				apply: () => l(d),
+				clear: s.required ? void 0 : () => {
+					let e = s.multiple ? [] : null;
+					h ? l(e) : (_.current = e, f(e));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { s as LookupField };
+export { o as LookupField };

package/dropdown/popup.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, RefObject } from 'preact';
+import { h, ComponentChildren, RefObject } from '../_vendor/preact/src/index';
 export type DropdownPopupProps = {
     onPointerRelease?: (event: MouseEvent | TouchEvent) => void;
     triggerRef: RefObject<HTMLDivElement>;

package/dropdown/popup.js

@@ -1,140 +1 @@
-import { hideTopLayerPopup as e, showTopLayerPopup as t } from "../core/top-layer-popup.js";
-import { inheritUiMotion as n } from "../core/motion.js";
-import { jsx as r } from "preact/jsx-runtime";
-import { createPortal as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "preact/compat";
-//#region src/dropdown/popup.tsx
-var l = 5, u = 4;
-function d(e, t, n) {
-	let r = e.ownerDocument.defaultView;
-	if (!r || r.getComputedStyle(e).position === "fixed") return {
-		top: t,
-		left: n,
-		scaleX: 1,
-		scaleY: 1
-	};
-	let i = e.offsetParent, a = e.ownerDocument;
-	if (!i || i === a.body || i === a.documentElement) return {
-		top: t + r.scrollY,
-		left: n + r.scrollX,
-		scaleX: 1,
-		scaleY: 1
-	};
-	let o = i.getBoundingClientRect(), s = i, c = s.offsetWidth > 0 ? o.width / s.offsetWidth : 1, l = s.offsetHeight > 0 ? o.height / s.offsetHeight : 1, u = Number.isFinite(c) && c > 0 ? c : 1, d = Number.isFinite(l) && l > 0 ? l : 1;
-	return {
-		top: (t - o.top) / d - s.clientTop + s.scrollTop,
-		left: (n - o.left) / u - s.clientLeft + s.scrollLeft,
-		scaleX: u,
-		scaleY: d
-	};
-}
-function f({ onPointerRelease: f, triggerRef: p, children: m, portalTarget: h, theme: g, dropdownMenuId: _, popupClassName: v, closeOnClickOutside: y = !1, onClose: b, align: x = "start", matchTriggerWidth: S = !1, maxHeight: C, observePopupResize: w = !0, topLayer: T = !1 }) {
-	let E = s(null), [D, O] = c({
-		top: 0,
-		left: 0,
-		display: "none"
-	});
-	o(() => {
-		let e = p.current, t = E.current;
-		if (e && t) return n(e, t);
-	}, [h, p]), a(() => {
-		let e = p.current;
-		if (!e) return;
-		let t = e.ownerDocument.defaultView ?? window, n = () => {
-			let t = E.current;
-			if (!t) return;
-			let n = e.getBoundingClientRect(), r = d(t, n.bottom + u, n.left);
-			O({
-				top: r.top,
-				left: r.left,
-				display: "flex",
-				...S ? { width: n.width / r.scaleX } : {}
-			});
-		}, r = () => {
-			let n = E.current;
-			if (!n) return;
-			let r = e.getBoundingClientRect(), i = n.style.maxHeight;
-			n.style.maxHeight = "";
-			let a = n.getBoundingClientRect(), o = d(n, 0, 0), s = Math.max(a.height, n.offsetHeight * o.scaleY, n.scrollHeight * o.scaleY);
-			n.style.maxHeight = i;
-			let c = Math.max(a.width, n.offsetWidth * o.scaleX), f = Math.min(s, typeof C == "number" ? Math.max(0, C * o.scaleY) : Infinity), p = t.innerHeight, m = t.innerWidth, h = Math.max(0, r.top - u - l), g = Math.max(0, p - r.bottom - u - l), _ = f > g && h > g, v = Math.min(f, _ ? h : g), y = _ ? r.top - u - v : r.bottom + u, b = x === "end" ? r.right - c : r.left;
-			y = Math.max(l, Math.min(y, p - l - v)), b = Math.max(l, Math.min(b, m - c - l));
-			let w = d(n, y, b);
-			O({
-				top: w.top,
-				left: w.left,
-				display: "flex",
-				maxHeight: v / w.scaleY,
-				...S ? { width: r.width / w.scaleX } : {}
-			});
-		};
-		n();
-		let i = t.setTimeout(r, 0);
-		t.addEventListener("resize", r), t.addEventListener("scroll", r, !0);
-		let a = t.ResizeObserver, o = a ? new a(r) : void 0;
-		o?.observe(e);
-		let s = e.closest(".rv-dialog__surface, dialog");
-		return s && o?.observe(s), w && E.current && o?.observe(E.current), () => {
-			t.clearTimeout(i), t.removeEventListener("resize", r), t.removeEventListener("scroll", r, !0), o?.disconnect();
-		};
-	}, [
-		x,
-		S,
-		C,
-		w,
-		h,
-		p
-	]), o(() => {
-		let n = E.current;
-		if (!T || !n) return;
-		let r = t(n);
-		return () => {
-			e(n, r);
-		};
-	}, [h, T]), o(() => {
-		if (!y || !b) return;
-		let e = h?.ownerDocument ?? E.current?.ownerDocument ?? p.current?.ownerDocument ?? (typeof document < "u" ? document : void 0);
-		if (!e) return;
-		let t = (e) => {
-			let t = e.target;
-			t && (E.current?.contains(t) || p.current?.contains(t) || b());
-		};
-		e.addEventListener("mousedown", t);
-		let n = (t) => {
-			if (t.key !== "Escape") return;
-			let n = e.activeElement;
-			n && (E.current?.contains(n) || p.current?.contains(n)) && (t.preventDefault(), t.stopPropagation(), b(), p.current?.querySelector("button, input, select")?.focus());
-		};
-		return e.addEventListener("keydown", n), () => {
-			e.removeEventListener("mousedown", t), e.removeEventListener("keydown", n);
-		};
-	}, [
-		y,
-		b,
-		h,
-		p
-	]);
-	let k = /* @__PURE__ */ r("div", {
-		ref: E,
-		id: _,
-		className: `revo-dropdown-menu ${v || ""}`,
-		"data-theme": g ?? "default",
-		onMouseUp: f,
-		onTouchEnd: f,
-		style: {
-			top: `${D.top}px`,
-			left: `${D.left}px`,
-			...T ? {
-				right: "auto",
-				bottom: "auto",
-				margin: "0"
-			} : {},
-			display: D.display,
-			maxHeight: D.maxHeight === void 0 ? void 0 : `${D.maxHeight}px`,
-			width: D.width === void 0 ? void 0 : `${D.width}px`
-		},
-		children: m
-	});
-	return h ? i(k, h) : k;
-}
-//#endregion
-export { f as DropdownPopup };
+export { t as DropdownPopup } from "../_chunks/popup-CT2uD3go.js";

package/duration/controls.d.ts

@@ -10,4 +10,4 @@ export declare function DurationControls(props: DurationFieldOptions & {
     disabled?: boolean;
     onChange: (value: number, unit?: DurationUnit, elapsed?: boolean) => void;
     onCommit?: (value: number, unit?: DurationUnit, elapsed?: boolean) => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/duration/index.d.ts

@@ -30,7 +30,7 @@ export interface DurationFieldProps extends DurationFieldOptions {
     readOnly?: boolean;
     className?: string;
 }
-export declare function DurationField(props: DurationFieldProps): import("preact").JSX.Element;
+export declare function DurationField(props: DurationFieldProps): import("../_vendor/preact/src/index").JSX.Element;
 export type { DurationControlOptions, ParsedDuration };
 /** Shared staged duration form for grid adapters; scheduling stays in product commands. */
 export declare function DurationDraft({ value, options, apply, cancel, }: {
@@ -42,4 +42,4 @@ export declare function DurationDraft({ value, options, apply, cancel, }: {
     };
     apply: (value: ParsedDuration | null) => void;
     cancel: () => void;
-}): import("preact").JSX.Element;
+}): import("../_vendor/preact/src/index").JSX.Element;

package/duration/index.js

@@ -1 +1 @@
-export { t as DurationDraft, n as DurationField } from "../_chunks/duration-BCaktcvz.js";
+export { t as DurationDraft, n as DurationField } from "../_chunks/duration-CL68Em0o.js";

package/duration/style.scss

@@ -22,7 +22,7 @@
     flex-wrap: wrap;
     gap: 8px;
   }
-  &__modes > select {
+  &__modes > .dropdown-container {
     flex: 1 1 100px;
     min-width: 0;
     width: auto;

package/editor-actions.d.ts

@@ -17,4 +17,4 @@ export declare function EditorActions({ apply, cancel, clear, disabled, text, sh
     disabled?: boolean;
     text?: Partial<EditorActionText>;
     showConfirm?: boolean;
-}): import("preact").JSX.Element | null;
+}): import("./_vendor/preact/src/index").JSX.Element | null;

package/editor-actions.js

@@ -1,35 +1,36 @@
-import { n as e } from "./_chunks/controls-NEL5tDaz.js";
-import { Fragment as t, jsx as n, jsxs as r } from "preact/jsx-runtime";
+import { i as e } from "./_chunks/preact.module-BBM36DnO.js";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { n } from "./_chunks/controls-DsNi8V8I.js";
 //#region src/editor-actions.tsx
-var i = {
+var r = {
 	apply: "Apply",
 	cancel: "Cancel",
 	clear: "Clear"
 };
-function a({ apply: a, cancel: o, clear: s, disabled: c, text: l = i, showConfirm: u = !0 }) {
-	if (!u && !s) return null;
-	let d = {
-		apply: l.apply ?? i.apply,
-		cancel: l.cancel ?? i.cancel,
-		clear: l.clear ?? i.clear
+function i({ apply: i, cancel: a, clear: o, disabled: s, text: c = r, showConfirm: l = !0 }) {
+	if (!l && !o) return null;
+	let u = {
+		apply: c.apply ?? r.apply,
+		cancel: c.cancel ?? r.cancel,
+		clear: c.clear ?? r.clear
 	};
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ t("div", {
 		class: "rv-editor-actions",
-		children: [s && /* @__PURE__ */ n(e, {
+		children: [o && /* @__PURE__ */ t(n, {
 			variant: "ghost",
 			className: "rv-editor-actions__clear",
-			onClick: s,
-			children: d.clear
-		}), u && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
 			onClick: o,
-			children: d.cancel
-		}), /* @__PURE__ */ n(e, {
-			variant: "primary",
-			disabled: c,
+			children: u.clear
+		}), l && /* @__PURE__ */ t(e, { children: [/* @__PURE__ */ t(n, {
 			onClick: a,
-			children: d.apply
+			children: u.cancel
+		}), /* @__PURE__ */ t(n, {
+			variant: "primary",
+			disabled: s,
+			onClick: i,
+			children: u.apply
 		})] })]
 	});
 }
 //#endregion
-export { a as EditorActions, i as defaultEditorActionText };
+export { i as EditorActions, r as defaultEditorActionText };

package/editor-layout/index.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX, Ref } from 'preact';
+import { h, ComponentChildren, JSX, Ref } from '../_vendor/preact/src/index';
 type ShellProps = {
     readonly children: ComponentChildren;
     readonly className?: string;

package/editor-layout/index.js

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as t } from "preact/jsx-runtime";
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 //#region src/editor-layout/index.tsx
-function n({ children: t, className: n = "" }) {
+function t({ children: t, className: n = "" }) {
 	return /* @__PURE__ */ e("div", {
 		class: `rv-editor-split ${n}`,
 		children: t
 	});
 }
-function r({ children: t, className: n = "", scrollable: r = !1 }) {
+function n({ children: t, className: n = "", scrollable: r = !1 }) {
 	return /* @__PURE__ */ e("section", {
 		class: `rv-editor-pane${r ? " rv-editor-pane--scrollable" : ""} ${n}`,
 		children: t
 	});
 }
-function i({ children: t, className: n = "", label: r, onSelect: i, listRef: a, variant: o = "default", spacing: s = "default" }) {
+function r({ children: t, className: n = "", label: r, onSelect: i, listRef: a, variant: o = "default", spacing: s = "default" }) {
 	return /* @__PURE__ */ e("div", {
 		ref: a,
 		class: `rv-editor-list${o === "plain" ? " rv-editor-list--plain" : ""}${s === "comfortable" ? " rv-editor-list--comfortable" : ""} ${n}`,
@@ -33,7 +33,7 @@ function i({ children: t, className: n = "", label: r, onSelect: i, listRef: a,
 		children: t
 	});
 }
-function a({ value: t, selected: n, icon: r, label: i, description: a, contentClassNames: s, children: c, className: l = "", ...u }) {
+function i({ value: t, selected: n, icon: r, label: i, description: o, contentClassNames: s, children: c, className: l = "", ...u }) {
 	return /* @__PURE__ */ e("button", {
 		...u,
 		type: "button",
@@ -42,43 +42,43 @@ function a({ value: t, selected: n, icon: r, label: i, description: a, contentCl
 		"aria-selected": n,
 		tabIndex: u.tabIndex ?? (n ? 0 : -1),
 		class: `rv-editor-list__item${n ? " rv-editor-list__item--selected" : ""} ${l}`,
-		children: i === void 0 ? c : /* @__PURE__ */ e(o, {
+		children: i === void 0 ? c : /* @__PURE__ */ e(a, {
 			icon: r,
 			label: i,
-			description: a,
+			description: o,
 			classNames: s
 		})
 	});
 }
-function o({ icon: n, label: r, description: i, classNames: a = {} }) {
-	return /* @__PURE__ */ t("span", {
-		class: `rv-editor-list__content${n ? "" : " rv-editor-list__content--text"}`,
-		children: [n && /* @__PURE__ */ e("span", {
-			class: `rv-editor-list__icon ${a.icon ?? ""}`,
+function a({ icon: t, label: n, description: r, classNames: i = {} }) {
+	return /* @__PURE__ */ e("span", {
+		class: `rv-editor-list__content${t ? "" : " rv-editor-list__content--text"}`,
+		children: [t && /* @__PURE__ */ e("span", {
+			class: `rv-editor-list__icon ${i.icon ?? ""}`,
 			"aria-hidden": "true",
-			children: n
-		}), /* @__PURE__ */ t("span", {
-			class: `rv-editor-list__copy ${a.copy ?? ""}`,
+			children: t
+		}), /* @__PURE__ */ e("span", {
+			class: `rv-editor-list__copy ${i.copy ?? ""}`,
 			children: [/* @__PURE__ */ e("span", {
-				class: `rv-editor-list__label ${a.label ?? ""}`,
+				class: `rv-editor-list__label ${i.label ?? ""}`,
+				children: n
+			}), r !== void 0 && /* @__PURE__ */ e("span", {
+				class: `rv-editor-list__description ${i.description ?? ""}`,
 				children: r
-			}), i !== void 0 && /* @__PURE__ */ e("span", {
-				class: `rv-editor-list__description ${a.description ?? ""}`,
-				children: i
 			})]
 		})]
 	});
 }
-function s({ label: n, children: r, className: i = "", labelClassName: a = "" }) {
-	return /* @__PURE__ */ t("div", {
-		class: `rv-editor-list__group ${i}`,
+function o({ label: t, children: n, className: r = "", labelClassName: i = "" }) {
+	return /* @__PURE__ */ e("div", {
+		class: `rv-editor-list__group ${r}`,
 		role: "group",
-		"aria-label": n,
+		"aria-label": t,
 		children: [/* @__PURE__ */ e("div", {
-			class: `rv-editor-list__group-label ${a}`,
-			children: n
-		}), r]
+			class: `rv-editor-list__group-label ${i}`,
+			children: t
+		}), n]
 	});
 }
 //#endregion
-export { i as EditorList, s as EditorListGroup, a as EditorListItem, o as EditorListItemContent, r as EditorPane, n as EditorSplitLayout };
+export { r as EditorList, o as EditorListGroup, i as EditorListItem, a as EditorListItemContent, n as EditorPane, t as EditorSplitLayout };

package/field-configurator.d.ts

@@ -1,5 +1,5 @@
 import { RemoveButton } from './buttons/remove-button';
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from './_vendor/preact/src/index';
 export declare function FieldIcon({ svg, className, }: {
     svg: string;
     className?: string;