@protobase/ui 0.64.0 → 0.65.0

package/dist/app/bottom-bar-from-meta.js

@@ -1,5 +1,4 @@
-import { iconFor } from "./icons.js";
-import { menuIcon } from "./menu-icons.js";
+import { menuIcon, resourceIcon } from "./menu-icons.js";
 import { ExternalLink, LayoutDashboard } from "lucide-react";
 import { appPath } from "@protobase/schema";
 //#region src/app/bottom-bar-from-meta.ts
@@ -25,7 +24,7 @@ const bottomBarFromMeta = (meta, basePath, activeResource) => (meta.bottomBar?.i
 	return {
 		id: item.resource,
 		label: item.label,
-		icon: menuIcon(item.icon, iconFor(item.resource)),
+		icon: menuIcon(item.icon, resourceIcon(meta, item.resource)),
 		href: appPath({
 			kind: "list",
 			resource: item.resource

package/dist/app/menu-icons.js

@@ -1,4 +1,4 @@
-import { Bell, BookOpen, Bookmark, Building2, CreditCard, ExternalLink, FileText, Heart, KeyRound, LayoutDashboard, LifeBuoy, Mail, Receipt, Settings, ShieldCheck, Users } from "lucide-react";
+import { Bell, BookOpen, Bookmark, Building2, CreditCard, ExternalLink, FileText, Globe2, Heart, KeyRound, LayoutDashboard, LifeBuoy, Mail, Package, Receipt, Settings, ShieldCheck, ShoppingCart, Table2, Tags, Users, Warehouse } from "lucide-react";
 //#region src/app/menu-icons.ts
 const byName = {
 	bell: Bell,
@@ -8,17 +8,24 @@ const byName = {
 	"credit-card": CreditCard,
 	"external-link": ExternalLink,
 	"file-text": FileText,
+	globe: Globe2,
 	heart: Heart,
 	key: KeyRound,
 	"layout-dashboard": LayoutDashboard,
 	"life-buoy": LifeBuoy,
 	mail: Mail,
+	package: Package,
 	receipt: Receipt,
 	settings: Settings,
 	shield: ShieldCheck,
-	users: Users
+	"shopping-cart": ShoppingCart,
+	tags: Tags,
+	users: Users,
+	warehouse: Warehouse
 };
 Object.keys(byName);
 const menuIcon = (name, fallback) => name ? byName[name] ?? fallback : fallback;
+/** A resource's icon in the sidebar, bottom bar and user menu: the one its view names, or a visitor's sign-in prompt's view, else a table. */
+const resourceIcon = (meta, resource) => menuIcon(meta.views[resource]?.icon ?? meta.signIn?.[resource]?.icon, Table2);
 //#endregion
-export { menuIcon };
+export { menuIcon, resourceIcon };

package/dist/app/nav-from-meta.js

@@ -2,11 +2,10 @@ import { allowEverything } from "../data/meta-data.js";
 import { humanize } from "../live/naming.js";
 import { text } from "./messages.js";
 import { text as text$1 } from "./create/messages.js";
-import { iconFor } from "./icons.js";
-import { menuIcon } from "./menu-icons.js";
+import { menuIcon, resourceIcon } from "./menu-icons.js";
 import { createOffered } from "./create/create-offered.js";
 import { userMenuResources } from "./user-menu-from-meta.js";
-import { LayoutDashboard } from "lucide-react";
+import { LayoutDashboard, Table2 } from "lucide-react";
 import { appPath } from "@protobase/schema";
 //#region src/app/nav-from-meta.ts
 /** The sidebar item of a resource's list, or of one of its named lists. */
@@ -82,7 +81,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		if (!view.nav?.hidden) add(defaultGroup, {
 			id: navItemId(model.name),
 			label: view.names?.plural ?? humanize(model.name),
-			icon: iconFor(model.name),
+			icon: resourceIcon(meta, model.name),
 			href: appPath({
 				kind: "list",
 				resource: model.name
@@ -95,7 +94,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 			add(named.nav?.group ?? defaultGroup, {
 				id: navItemId(model.name, named.name),
 				label: named.names.plural,
-				icon: iconFor(model.name),
+				icon: resourceIcon(meta, model.name),
 				href: appPath({
 					kind: "list",
 					resource: model.name,
@@ -115,7 +114,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		group.items.push({
 			id: entry.resource,
 			label: entry.names?.plural ?? humanize(entry.resource),
-			icon: iconFor(entry.resource),
+			icon: resourceIcon(meta, entry.resource),
 			href: appPath({
 				kind: "list",
 				resource: entry.resource
@@ -133,7 +132,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		for (const resource of status.source.resources) group.items.push({
 			id: resource,
 			label: humanize(resource),
-			icon: iconFor(resource),
+			icon: Table2,
 			href: appPath({
 				kind: "list",
 				resource

package/dist/app/user-menu-from-meta.js

@@ -1,6 +1,5 @@
 import { humanize } from "../live/naming.js";
-import { iconFor } from "./icons.js";
-import { menuIcon } from "./menu-icons.js";
+import { menuIcon, resourceIcon } from "./menu-icons.js";
 import { ExternalLink, LayoutDashboard } from "lucide-react";
 import { appPath } from "@protobase/schema";
 //#region src/app/user-menu-from-meta.ts
@@ -31,7 +30,7 @@ const userMenuFromMeta = (meta, basePath, activeResource) => (meta.userMenu?.ite
 	return {
 		id: item.resource,
 		label: item.label ?? meta.views[item.resource]?.names?.plural ?? humanize(item.resource),
-		icon: menuIcon(item.icon, iconFor(item.resource)),
+		icon: menuIcon(item.icon, resourceIcon(meta, item.resource)),
 		href: appPath({
 			kind: "list",
 			resource: item.resource

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.64.0";
+var version = "0.65.0";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };