@lobb-js/studio 0.34.0 → 0.36.0

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));
@@ -24,6 +25,27 @@ export const mediaQueries = {
     '2xl': new MediaQuery('min-width: 1536px'),
 }
 
+// User-facing label for a field type. "string"/"text" are jargon to
+// non-technical users, so we surface "Text"/"Long text" instead. Types
+// not in the map fall through to the raw identifier — extend as needed.
+const FIELD_TYPE_LABELS: Record<string, string> = {
+    string: "Text",
+    text: "Long text",
+};
+export function getFieldTypeLabel(type: string | undefined | null): string {
+    if (!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: CTX | null | undefined, id: string): boolean {
+    return ctx?.meta?.ui?.hide?.[id] === true;
+}
+
 
 export function calculateDrawerWidth() {
     const backgroundDrawerButtons = document.querySelectorAll(".backgroundDrawerButton");