@orient-ai/aurora-ui 1.0.0-alpha.8 → 1.0.0-alpha.9

package/dist/index.js

@@ -14272,58 +14272,60 @@ function Qh({ definition: e, filter: t, onChange: n }) {
 var $h = { form: "_form_1jnhx_1" };
 //#endregion
 //#region src/components/IndexTable/Toolbar/components/SaveView/SaveView.tsx
-function eg({ view: e, onViewUpdate: t, onViewCreate: n }) {
-	let r = H(), i = l(), a = `${i}-name`, [o, s] = p(!1), [c, u] = p("");
+function eg({ selectedViewId: e, state: t, onViewUpdate: n, onViewCreate: r }) {
+	let i = H(), a = l(), o = `${a}-name`, [s, c] = p(!1), [u, d] = p("");
 	return /* @__PURE__ */ _(kh, {
-		open: o,
-		onOpenChange: s,
+		open: s,
+		onOpenChange: c,
 		children: [/* @__PURE__ */ g(Ih, {
-			label: r("Save"),
+			label: i("Save"),
 			icon: "select",
 			variant: "tertiary",
 			actions: [{
-				content: r("Update view"),
+				content: i("Update view"),
 				icon: "refresh",
-				disabled: !t,
-				onAction: () => t?.(e)
+				disabled: e === void 0 || !n,
+				onAction: () => {
+					e !== void 0 && n?.(e, t);
+				}
 			}, {
-				content: r("Save as new view"),
+				content: i("Save as new view"),
 				icon: "plus-circle",
-				disabled: !n,
+				disabled: !r,
 				onAction: () => {
-					u(""), s(!0);
+					d(""), c(!0);
 				}
 			}]
 		}), /* @__PURE__ */ g(Oh, {
-			heading: r("Save view as"),
+			heading: i("Save view as"),
 			primaryAction: /* @__PURE__ */ g(V, {
 				variant: "primary",
 				type: "submit",
-				form: i,
-				disabled: !c.trim() || !n,
-				children: r("Save")
+				form: a,
+				disabled: !u.trim() || !r,
+				children: i("Save")
 			}),
 			secondaryActions: /* @__PURE__ */ g(jh, {
 				render: /* @__PURE__ */ g(V, { variant: "secondary" }),
-				children: r("Discard")
+				children: i("Discard")
 			}),
 			children: /* @__PURE__ */ _("form", {
-				id: i,
+				id: a,
 				className: $h.form,
-				onSubmit: (t) => {
-					t.preventDefault();
-					let r = c.trim();
-					r && n && (n(r, e), s(!1));
+				onSubmit: (e) => {
+					e.preventDefault();
+					let n = u.trim();
+					n && r && (r(n, t), c(!1));
 				},
 				children: [/* @__PURE__ */ g("label", {
-					htmlFor: a,
-					children: r("View name")
+					htmlFor: o,
+					children: i("View name")
 				}), /* @__PURE__ */ g(Dm, {
-					id: a,
+					id: o,
 					autoFocus: !0,
-					value: c,
+					value: u,
 					maxLength: 40,
-					onChange: (e) => u(e.currentTarget.value)
+					onChange: (e) => d(e.currentTarget.value)
 				})]
 			})
 		})]
@@ -14471,103 +14473,49 @@ function ig({ columnDefinitions: e, columns: t, orderDefinitions: n, order: r, o
 }
 //#endregion
 //#region src/components/IndexTable/Toolbar/Toolbar.tsx
-function ag({ views: e = [], state: t, onStateChange: n, columnDefinitions: r = [], orderDefinitions: i = [], filterDefinitions: a = [], onViewUpdate: o, onViewCreate: s, showFilter: c = !1, onShowFilterChange: l, ref: u, style: d }) {
-	let f = H(), h = ne(), v = {
-		duration: h ? 0 : .2,
+function ag({ views: e = [], selectedViewId: t, onViewChange: n, state: r, onStateChange: i, columnDefinitions: a = [], orderDefinitions: o = [], filterDefinitions: s = [], onViewUpdate: c, onViewCreate: l, showFilter: u = !1, onShowFilterChange: d, ref: f, style: p }) {
+	let h = H(), v = ne(), y = {
+		duration: v ? 0 : .2,
 		ease: [
 			.2,
 			.8,
 			0,
 			1
 		]
-	}, [y, b] = p(() => {
-		let n = e.find((e) => e.id === t?.id) ?? e.at(0);
-		return {
-			savedView: n,
-			view: n ?? w()
-		};
-	}), x = t ?? y.view, S = e.find((e) => e.id === x.id) ?? e.at(0);
-	ae(y.savedView, S) || b({
-		savedView: S,
-		view: y.savedView?.id !== S?.id || ae(y.view, y.savedView) ? S ?? w() : {
-			...y.view,
-			id: S?.id ?? y.view.id,
-			label: S?.label ?? y.view.label
-		}
-	});
-	let C = !(!S || ae([
-		x.query,
-		x.columns,
-		x.order,
-		x.filters
-	], [
-		S.query,
-		S.columns,
-		S.order,
-		S.filters
-	]));
-	function w() {
-		return {
-			id: "",
-			label: "",
-			query: "",
-			columns: r.map(({ id: e }) => ({
-				id: e,
-				hidden: !1
-			})),
-			order: {
-				id: i[0]?.id ?? "",
-				asc: !0
-			},
-			filters: []
-		};
-	}
-	function T(e) {
-		b({
-			savedView: S,
-			view: e
-		}), n?.(e);
-	}
-	function E(e, t) {
-		let n = x.filters.findIndex((t) => t.key === e), r = t ? n === -1 ? [...x.filters, t] : x.filters.map((e, r) => r === n ? t : e) : x.filters.filter((t) => t.key !== e);
-		T({
-			...x,
-			filters: r
+	}, b = e.find((e) => e.id === t), x = !(!b || ae(r, b.state)) || !b && !!l;
+	function S(e, t) {
+		let n = [...r.filters], a = n.findIndex((t) => t.key === e);
+		t ? a === -1 ? n.push(t) : n[a] = t : a !== -1 && n.splice(a, 1), i({
+			...r,
+			filters: n
 		});
 	}
 	return /* @__PURE__ */ _("div", {
-		ref: u,
+		ref: f,
 		className: m("aurora-base", Zh.root),
-		style: d,
+		style: p,
 		children: [/* @__PURE__ */ _("div", {
 			className: Zh.toolbar,
-			"data-has-view": !!S || void 0,
+			"data-has-view": e.length > 0 || void 0,
 			children: [
-				S && /* @__PURE__ */ g(Ih, {
-					label: S.label,
+				e.length > 0 && /* @__PURE__ */ g(Ih, {
+					label: b?.label ?? h("Select view"),
 					variant: "tertiary",
 					icon: "select",
 					selectable: !0,
-					value: S.id,
-					onValueChange: (t) => {
-						if (t === S.id) return;
-						let r = e.find((e) => e.id === t);
-						r && (b({
-							savedView: r,
-							view: r
-						}), n?.(r));
-					},
+					value: b?.id ?? null,
+					onValueChange: n,
 					actions: e.map((e) => ({
 						id: e.id,
 						content: e.label
 					}))
 				}),
 				/* @__PURE__ */ g(Dm, {
-					placeholder: f("Search and filter"),
+					placeholder: h("Search and filter"),
 					prefix: /* @__PURE__ */ g(B, { type: "search" }),
-					value: x.query,
-					onChange: (e) => T({
-						...x,
+					value: r.query,
+					onChange: (e) => i({
+						...r,
 						query: e.currentTarget.value
 					})
 				}),
@@ -14576,37 +14524,37 @@ function ag({ views: e = [], state: t, onStateChange: n, columnDefinitions: r =
 					gap: "small-500",
 					children: [
 						/* @__PURE__ */ g(ig, {
-							columnDefinitions: r,
-							columns: x.columns,
-							orderDefinitions: i,
-							order: x.order,
-							onColumnsChange: (e) => T({
-								...x,
+							columnDefinitions: a,
+							columns: r.columns,
+							orderDefinitions: o,
+							order: r.order,
+							onColumnsChange: (e) => i({
+								...r,
 								columns: e
 							}),
-							onOrderChange: (e) => T({
-								...x,
+							onOrderChange: (e) => i({
+								...r,
 								order: e
 							})
-						}, x.id),
-						a.length > 0 && /* @__PURE__ */ g(V, {
+						}, t),
+						s.length > 0 && /* @__PURE__ */ g(V, {
 							variant: "tertiary",
 							icon: "adjust",
-							"data-popup-open": c || void 0,
-							onClick: () => l(!c)
+							"data-popup-open": u || void 0,
+							onClick: () => d(!u)
 						}),
 						/* @__PURE__ */ g(N, {
 							initial: !1,
-							children: C && /* @__PURE__ */ g(P.div, {
+							children: x && /* @__PURE__ */ g(P.div, {
 								className: Zh.saveAction,
 								initial: { width: 0 },
 								animate: { width: "auto" },
 								exit: { width: 0 },
-								transition: v,
+								transition: y,
 								children: /* @__PURE__ */ _(P.div, {
 									className: Zh.saveButton,
 									initial: {
-										x: h ? 0 : 16,
+										x: v ? 0 : 16,
 										opacity: 0
 									},
 									animate: {
@@ -14614,21 +14562,21 @@ function ag({ views: e = [], state: t, onStateChange: n, columnDefinitions: r =
 										opacity: 1
 									},
 									exit: {
-										x: h ? 0 : 16,
+										x: v ? 0 : 16,
 										opacity: 0
 									},
-									transition: v,
-									children: [/* @__PURE__ */ g(V, {
+									transition: y,
+									children: [b && /* @__PURE__ */ g(V, {
 										type: "button",
 										variant: "tertiary",
 										icon: "clock-revert",
-										title: f("Reset view"),
-										disabled: !S,
-										onClick: () => S && T(S)
+										title: h("Reset view"),
+										onClick: () => i(b.state)
 									}), /* @__PURE__ */ g(eg, {
-										view: x,
-										onViewUpdate: o,
-										onViewCreate: s
+										selectedViewId: b?.id,
+										state: r,
+										onViewUpdate: c,
+										onViewCreate: l
 									})]
 								})
 							}, "save")
@@ -14638,16 +14586,16 @@ function ag({ views: e = [], state: t, onStateChange: n, columnDefinitions: r =
 			]
 		}), /* @__PURE__ */ g(N, {
 			initial: !1,
-			children: c && a.length > 0 && /* @__PURE__ */ g(P.div, {
+			children: u && s.length > 0 && /* @__PURE__ */ g(P.div, {
 				className: Zh.filterPanel,
 				initial: { height: 0 },
 				animate: { height: "auto" },
 				exit: { height: 0 },
-				transition: v,
+				transition: y,
 				children: /* @__PURE__ */ g(P.div, {
 					className: Zh.filters,
 					initial: {
-						y: h ? 0 : -8,
+						y: v ? 0 : -8,
 						opacity: 0
 					},
 					animate: {
@@ -14655,15 +14603,15 @@ function ag({ views: e = [], state: t, onStateChange: n, columnDefinitions: r =
 						opacity: 1
 					},
 					exit: {
-						y: h ? 0 : -8,
+						y: v ? 0 : -8,
 						opacity: 0
 					},
-					transition: v,
-					children: a.map((e) => /* @__PURE__ */ g(Qh, {
+					transition: y,
+					children: s.map((e) => /* @__PURE__ */ g(Qh, {
 						definition: e,
-						filter: x.filters.find((t) => t.key === e.key),
-						onChange: (t) => E(e.key, t)
-					}, `${x.id}:${e.key}`))
+						filter: r.filters.find((t) => t.key === e.key),
+						onChange: (t) => S(e.key, t)
+					}, `${t}:${e.key}`))
 				})
 			}, "filters")
 		})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orient-ai/aurora-ui",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "description": "Aurora UI",
   "private": false,
   "type": "module",