@lobb-js/studio 0.35.0 → 0.36.0

package/dist/components/importButton.svelte

@@ -86,7 +86,23 @@
 			});
 	}
 
-	function detectAndParse(content: string): any[] {
+	async function detectAndParse(content: string): Promise<any[]> {
+		// Give projects a chance to take over parsing for non-standard
+		// formats (preamble rows, multi-line cells, vendor exports, …) by
+		// registering a workflow on `studio.collections.import.parse`. The
+		// workflow receives the raw text and sets `handled: true` along
+		// with its own `rows`; if no workflow takes over, we fall through
+		// to the built-in JSON / simple-CSV detector.
+		const result = await emitEvent({ lobb, ctx }, "studio.collections.import.parse", {
+			collectionName,
+			content,
+			rows: null as any[] | null,
+			handled: false,
+		});
+		if (result?.handled && Array.isArray(result.rows)) {
+			return result.rows;
+		}
+
 		const trimmed = content.trim();
 		if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
 			const parsed = JSON.parse(trimmed);
@@ -98,7 +114,7 @@
 	async function processContent(content: string) {
 		parseError = "";
 		try {
-			const rows = detectAndParse(content);
+			const rows = await detectAndParse(content);
 			if (rows.length === 0) throw new Error("No data rows found");
 			transformedRows = applyColumnMapping(rows);
 			step = "preview";

package/dist/components/ui/accordion/index.d.ts

@@ -2,5 +2,5 @@ import { Accordion as AccordionPrimitive } from "bits-ui";
 import Content from "./accordion-content.svelte";
 import Item from "./accordion-item.svelte";
 import Trigger from "./accordion-trigger.svelte";
-declare const Root: import("svelte").Component<AccordionPrimitive.RootProps, {}, "ref" | "value">;
+declare const Root: import("svelte").Component<AccordionPrimitive.RootProps, {}, "value" | "ref">;
 export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -4,6 +4,6 @@ type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.RootProps> & With
     portalProps?: DialogPrimitive.PortalProps;
     children: Snippet;
 };
-declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "ref" | "value" | "open">;
+declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;
 export default CommandDialog;

package/dist/components/ui/command/command-input.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Command as CommandPrimitive } from "bits-ui";
-declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "ref" | "value">;
+declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "value" | "ref">;
 type CommandInput = ReturnType<typeof CommandInput>;
 export default CommandInput;

package/dist/components/ui/command/command.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Command as CommandPrimitive } from "bits-ui";
-declare const Command: import("svelte").Component<CommandPrimitive.RootProps, {}, "ref" | "value">;
+declare const Command: import("svelte").Component<CommandPrimitive.RootProps, {}, "value" | "ref">;
 type Command = ReturnType<typeof Command>;
 export default Command;

package/dist/components/ui/input/input.svelte.d.ts

@@ -8,6 +8,6 @@ type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
     type?: InputType;
     files?: undefined;
 })>;
-declare const Input: import("svelte").Component<Props, {}, "ref" | "value" | "files">;
+declare const Input: import("svelte").Component<Props, {}, "value" | "ref" | "files">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/components/ui/range-calendar/range-calendar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 import * as RangeCalendar from "./index.js";
-declare const RangeCalendar: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.RootProps, "child">, "children">, {}, "placeholder" | "ref" | "value">;
+declare const RangeCalendar: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.RootProps, "child">, "children">, {}, "value" | "ref" | "placeholder">;
 type RangeCalendar = ReturnType<typeof RangeCalendar>;
 export default RangeCalendar;

package/dist/components/ui/textarea/textarea.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { WithElementRef } from "bits-ui";
 import type { HTMLTextareaAttributes } from "svelte/elements";
-declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
+declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;

package/dist/extensions/extension.types.d.ts

@@ -69,6 +69,12 @@ export interface ExtensionUtils {
     openDataTableDrawer: (props: OpenDataTableDrawerProps) => void;
     openDataTablePopup: (props: OpenDataTablePopupProps) => void;
     emitEvent: (eventName: string, input: any) => Promise<any>;
+    /**
+     * Shorthand for the standalone `isHidden(ctx, id)` helper — returns
+     * true when the project has opted to hide the UI element registered
+     * under the given identifier in its `ui.hide` config.
+     */
+    isHidden: (id: string) => boolean;
     components: Components;
     mediaQueries: typeof mediaQueries;
     intlDate: typeof intlDate;

package/dist/extensions/extensionUtils.js

@@ -60,6 +60,7 @@ export function getExtensionUtils(lobb, ctx) {
         openDataTableDrawer: (props) => openDataTableDrawer({ lobb, ctx }, props),
         openDataTablePopup: (props) => openDataTablePopup({ lobb, ctx }, props),
         emitEvent: (eventName, input) => emitEvent({ lobb, ctx }, eventName, input),
+        isHidden: (id) => ctx.meta?.ui?.hide?.[id] === true,
         components: getComponents(),
         mediaQueries: mediaQueries,
         intlDate: intlDate,

package/dist/index.d.ts

@@ -26,3 +26,4 @@ export { default as DataTable } from "./components/dataTable/dataTable.svelte";
 export { default as Drawer } from "./components/drawer.svelte";
 export { default as SelectRecord } from "./components/selectRecord.svelte";
 export { Switch } from "./components/ui/switch";
+export { isHidden } from "./utils";

package/dist/index.js

@@ -25,3 +25,4 @@ export { default as DataTable } from "./components/dataTable/dataTable.svelte";
 export { default as Drawer } from "./components/drawer.svelte";
 export { default as SelectRecord } from "./components/selectRecord.svelte";
 export { Switch } from "./components/ui/switch";
+export { isHidden } from "./utils";

package/dist/store.types.d.ts

@@ -1,4 +1,6 @@
 import type { Extension } from "./extensions/extension.types";
+import type { UIConfig, UITheme } from "@lobb-js/core";
+export type { UITheme };
 export interface CollectionTab {
     id?: string;
     label: string;
@@ -30,16 +32,9 @@ interface Collection {
     };
 }
 type Collections = Record<string, Collection>;
-export interface UITheme {
-    light?: Record<string, string>;
-    dark?: Record<string, string>;
-}
 interface Meta {
     version: string;
-    ui?: {
-        theme?: UITheme;
-        horizontalNav?: boolean;
-    };
+    ui?: UIConfig;
     relations: Array<any>;
     collections: Collections;
     extensions: Record<string, any>;
@@ -54,4 +49,3 @@ export interface CTX {
     meta: Meta;
     currentUrl: URL;
 }
-export {};

package/dist/utils.d.ts

@@ -1,5 +1,6 @@
 import { type ClassValue } from "clsx";
 import { MediaQuery } from 'svelte/reactivity';
+import type { CTX } from "./store.types";
 export declare function cn(...inputs: ClassValue[]): string;
 export type WithoutChild<T> = T extends {
     child?: any;
@@ -19,6 +20,7 @@ export declare const mediaQueries: {
     '2xl': MediaQuery;
 };
 export declare function getFieldTypeLabel(type: string | undefined | null): string;
+export declare function isHidden(ctx: CTX | null | undefined, id: string): boolean;
 export declare function calculateDrawerWidth(): number;
 export declare function getChangedProperties(oldObj: Record<string, any>, newObj: Record<string, any>): Record<string, any>;
 export declare function parseFunction(functionString: string): any;

package/dist/utils.js

@@ -24,6 +24,14 @@ export function getFieldTypeLabel(type) {
         return "";
     return FIELD_TYPE_LABELS[type] ?? type;
 }
+// Settings-based visibility check. Returns true when the project has
+// opted to hide the UI element registered under the given identifier
+// in its `ui.hide` config (e.g. "reports.dashboardShareButton").
+// Components that support hiding wrap their render with
+// `{#if !isHidden(ctx, "...")}`.
+export function isHidden(ctx, id) {
+    return ctx?.meta?.ui?.hide?.[id] === true;
+}
 export function calculateDrawerWidth() {
     const backgroundDrawerButtons = document.querySelectorAll(".backgroundDrawerButton");
     const drawersCount = Array.from(backgroundDrawerButtons).length;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,7 @@
     "postpublish": "./scripts/postpublish.sh"
   },
   "devDependencies": {
-    "@lobb-js/core": "^0.35.0",
+    "@lobb-js/core": "^0.36.0",
     "@chromatic-com/storybook": "^4.1.2",
     "@storybook/addon-a11y": "^10.0.1",
     "@storybook/addon-docs": "^10.0.1",

package/src/lib/components/importButton.svelte

@@ -86,7 +86,23 @@
 			});
 	}
 
-	function detectAndParse(content: string): any[] {
+	async function detectAndParse(content: string): Promise<any[]> {
+		// Give projects a chance to take over parsing for non-standard
+		// formats (preamble rows, multi-line cells, vendor exports, …) by
+		// registering a workflow on `studio.collections.import.parse`. The
+		// workflow receives the raw text and sets `handled: true` along
+		// with its own `rows`; if no workflow takes over, we fall through
+		// to the built-in JSON / simple-CSV detector.
+		const result = await emitEvent({ lobb, ctx }, "studio.collections.import.parse", {
+			collectionName,
+			content,
+			rows: null as any[] | null,
+			handled: false,
+		});
+		if (result?.handled && Array.isArray(result.rows)) {
+			return result.rows;
+		}
+
 		const trimmed = content.trim();
 		if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
 			const parsed = JSON.parse(trimmed);
@@ -98,7 +114,7 @@
 	async function processContent(content: string) {
 		parseError = "";
 		try {
-			const rows = detectAndParse(content);
+			const rows = await detectAndParse(content);
 			if (rows.length === 0) throw new Error("No data rows found");
 			transformedRows = applyColumnMapping(rows);
 			step = "preview";

package/src/lib/extensions/extension.types.ts

@@ -73,6 +73,12 @@ export interface ExtensionUtils {
     openDataTableDrawer: (props: OpenDataTableDrawerProps) => void;
     openDataTablePopup: (props: OpenDataTablePopupProps) => void;
     emitEvent: (eventName: string, input: any) => Promise<any>;
+    /**
+     * Shorthand for the standalone `isHidden(ctx, id)` helper — returns
+     * true when the project has opted to hide the UI element registered
+     * under the given identifier in its `ui.hide` config.
+     */
+    isHidden: (id: string) => boolean;
     components: Components;
     mediaQueries: typeof mediaQueries;
     intlDate: typeof intlDate;

package/src/lib/extensions/extensionUtils.ts

@@ -70,6 +70,7 @@ export function getExtensionUtils(lobb: LobbClient, ctx: CTX): ExtensionUtils {
     openDataTableDrawer: (props) => openDataTableDrawer({ lobb, ctx }, props),
     openDataTablePopup: (props) => openDataTablePopup({ lobb, ctx }, props),
     emitEvent: (eventName, input) => emitEvent({ lobb, ctx }, eventName, input),
+    isHidden: (id) => ctx.meta?.ui?.hide?.[id] === true,
     components: getComponents(),
     mediaQueries: mediaQueries,
     intlDate: intlDate,

package/src/lib/index.ts

@@ -26,4 +26,5 @@ export { default as RangeCalendarButton } from "./components/rangeCalendarButton
 export { default as DataTable } from "./components/dataTable/dataTable.svelte";
 export { default as Drawer } from "./components/drawer.svelte";
 export { default as SelectRecord } from "./components/selectRecord.svelte";
-export { Switch } from "./components/ui/switch";
+export { Switch } from "./components/ui/switch";
+export { isHidden } from "./utils";

package/src/lib/store.types.ts

@@ -1,4 +1,9 @@
 import type { Extension } from "./extensions/extension.types";
+import type { UIConfig, UITheme } from "@lobb-js/core";
+
+// Re-export so existing imports of UITheme from the studio package
+// keep working without touching every consumer.
+export type { UITheme };
 
 export interface CollectionTab {
     id?: string;
@@ -27,14 +32,9 @@ interface Collection {
 }
 type Collections = Record<string, Collection>;
 
-export interface UITheme {
-    light?: Record<string, string>;
-    dark?: Record<string, string>;
-}
-
 interface Meta {
     version: string;
-    ui?: { theme?: UITheme; horizontalNav?: boolean };
+    ui?: UIConfig;
     relations: Array<any>;
     collections: Collections;
     extensions: Record<string, any>;

package/src/lib/utils.ts

@@ -3,6 +3,7 @@ import { twMerge } from "tailwind-merge";
 import { isEqual } from "lodash-es";
 
 import { MediaQuery } from 'svelte/reactivity';
+import type { CTX } from "./store.types";
 
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
@@ -36,6 +37,15 @@ export function getFieldTypeLabel(type: string | undefined | null): string {
     return FIELD_TYPE_LABELS[type] ?? type;
 }
 
+// Settings-based visibility check. Returns true when the project has
+// opted to hide the UI element registered under the given identifier
+// in its `ui.hide` config (e.g. "reports.dashboardShareButton").
+// Components that support hiding wrap their render with
+// `{#if !isHidden(ctx, "...")}`.
+export function isHidden(ctx: CTX | null | undefined, id: string): boolean {
+    return ctx?.meta?.ui?.hide?.[id] === true;
+}
+
 
 export function calculateDrawerWidth() {
     const backgroundDrawerButtons = document.querySelectorAll(".backgroundDrawerButton");