@firecms/core 3.0.0-tw4.2 → 3.0.0

package/dist/index.umd.js

@@ -1125,6 +1125,18 @@
       return slug.trim();
     }
   }
+  function prettifyIdentifier(input) {
+    if (!input) return "";
+    let text = input;
+    text = text.replace(/([a-z])([A-Z])|([A-Z])([A-Z][a-z])/g, "$1$3 $2$4");
+    text = text.replace(/[_-]+/g, " ");
+    const s = text.trim().replace(/\b\w/g, (char) => char.toUpperCase());
+    console.log("Prettified identifier:", {
+      input,
+      s
+    });
+    return s;
+  }
   const defaultDateFormat = "MMMM dd, yyyy, HH:mm:ss";
   const COLLECTION_PATH_SEPARATOR = "::";
   function stripCollectionPath(path) {
@@ -4906,7 +4918,7 @@
     const $ = reactCompilerRuntime.c(1);
     let t0;
     if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t0 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-surface-200 bg-opacity-30 bg-surface-200/30 dark:bg-opacity-20 dark:bg-surface-200/20 w-5 h-2 inline-block" });
+      t0 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-surface-200 bg-opacity-30 dark:bg-opacity-20 w-5 h-2 inline-block" });
       $[0] = t0;
     } else {
       t0 = $[0];
@@ -9731,9 +9743,9 @@
     }
     const setOnHoverFalse = t10;
     const borderClass = showError ? "border-red-500" : internalSaved ? "border-green-500" : isSelected ? "border-primary" : "border-transparent";
-    const t11 = `flex relative h-full rounded-md p-${p} border border-4 border-opacity-75`;
+    const t11 = `flex relative h-full rounded-md p-${p} border border-4  border-opacity-75`;
     const t12 = onHover && !disabled ? "bg-surface-50 dark:bg-surface-900" : "";
-    const t13 = saved ? "bg-surface-100/75 dark:bg-surface-800/75" : "";
+    const t13 = saved ? "bg-surface-100 bg-opacity-75 dark:bg-surface-800 dark:bg-opacity-75" : "";
     const t14 = hideOverflow ? "overflow-hidden" : "";
     const t15 = isSelected ? "bg-surface-50 dark:bg-surface-900" : "";
     let t16;
@@ -9801,7 +9813,7 @@
     }
     let t24;
     if ($[33] !== disabled || $[34] !== disabledTooltip || $[35] !== onHover) {
-      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-text-disabled" }) }) });
+      t24 = disabled && onHover && disabledTooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: disabledTooltip, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DoNotDisturbOnIcon, { size: "smallest", color: "disabled", className: "text-surface-500" }) }) });
       $[33] = disabled;
       $[34] = disabledTooltip;
       $[35] = onHover;
@@ -10199,10 +10211,6 @@
         const entityString = localStorage.getItem(key);
         if (entityString) {
           const entity = JSON.parse(entityString, customReviver);
-          console.log("Loaded entity from localStorage:", {
-            key,
-            entity
-          });
           return entity;
         }
       } catch (error) {
@@ -10271,7 +10279,7 @@
     const enableLocalChangesBackup = collection ? getLocalChangesBackup(collection) : false;
     const hasDraft = enableLocalChangesBackup ? getEntityFromCache(fullPath + "/" + entity.id) : false;
     const iconSize = largeLayout && (size === "m" || size === "l" || size == "xl") ? "medium" : "small";
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 bg-surface-50/90 dark:bg-opacity-90 dark:bg-surface-900/90 z-10", frozen ? "sticky left-0" : ""), onClick: React.useCallback((event) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 dark:bg-opacity-90 z-10", frozen ? "sticky left-0" : ""), onClick: React.useCallback((event) => {
       event.stopPropagation();
     }, []), style: {
       width,
@@ -10785,7 +10793,7 @@
     const t3 = column.frozen ? "sticky left-0 z-10" : "relative z-0";
     let t4;
     if ($[4] !== t3) {
-      t4 = ui.cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center bg-surface-50 dark:bg-surface-900", "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark", "hover:bg-surface-100 dark:hover:bg-surface-800 hover:bg-opacity-50 hover:bg-surface-100/50 dark:hover:bg-opacity-50 dark:hover:bg-surface-800/50", t3);
+      t4 = ui.cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center bg-surface-50 dark:bg-surface-900", "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark", "hover:bg-surface-100 dark:hover:bg-surface-800 hover:bg-opacity-50 dark:hover:bg-opacity-50", t3);
       $[4] = t3;
       $[5] = t4;
     } else {
@@ -11221,7 +11229,7 @@
     const onClick = t1;
     let t2;
     if ($[4] !== hoverRow || $[5] !== onRowClick || $[6] !== rowClassName || $[7] !== rowData) {
-      t2 = ui.cls("flex min-w-full text-sm border-b border-surface-200 dark:border-surface-800 border-opacity-40 border-surface-200/40 dark:border-opacity-40 dark:border-surface-800/40", rowClassName ? rowClassName(rowData) : "", {
+      t2 = ui.cls("flex min-w-full text-sm border-b border-surface-200 dark:border-surface-800 border-opacity-40 dark:border-opacity-40", rowClassName ? rowClassName(rowData) : "", {
         "hover:bg-opacity-95": hoverRow,
         "cursor-pointer": onRowClick
       });
@@ -12252,7 +12260,7 @@
       selectedCell
     }), [setPopupCell, select, onValueChange, size, selectedCell]);
     return /* @__PURE__ */ jsxRuntime.jsx(SelectableTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full flex flex-col bg-white dark:bg-surface-950", ref, children: /* @__PURE__ */ jsxRuntime.jsx(VirtualTable, { data, columns, cellRenderer, onRowClick: inlineEditing ? void 0 : onEntityClick ? onRowClick : void 0, onEndReached: loadNextPage, onResetPagination: resetPagination, error: dataLoadingError, onColumnResize, rowHeight: getRowHeight(size), loading: dataLoading, filter: filterValues, onFilterUpdate: setFilterValues ? onFilterUpdate : void 0, sortBy, onSortByUpdate: setSortBy, hoverRow, initialScroll, onScroll, checkFilterCombination, createFilterField: filterable ? createFilterField : void 0, rowClassName: React.useCallback((entity) => {
-      return highlightedRow?.(entity) ? "bg-surface-100 bg-opacity-75 bg-surface-100/75 dark:bg-surface-800 dark:bg-opacity-75 dark:bg-surface-800/75" : "";
+      return highlightedRow?.(entity) ? "bg-surface-100 bg-opacity-75 dark:bg-surface-800 dark:bg-opacity-75" : "";
     }, [highlightedRow]), className: "flex-grow", emptyComponent, endAdornment, AddColumnComponent }) }) });
   };
   function createFilterField({
@@ -22050,7 +22058,7 @@
       storedProps,
       updateItemCustomProps
     } = t0;
-    const t1 = `relative ${!isDragging ? "hover\\:bg-surface-accent-50 dark\\:hover\\:bg-surface-800 dark\\:hover\\:bg-opacity-20 dark\\:hover\\:bg-surface-800/20" : ""} rounded-md opacity-100`;
+    const t1 = `relative ${!isDragging ? "hover\\:bg-surface-accent-50 dark\\:hover\\:bg-surface-800 dark\\:hover\\:bg-opacity-20" : ""} rounded-md opacity-100`;
     let t2;
     if ($[0] !== internalId || $[1] !== updateItemCustomProps) {
       t2 = (props) => updateItemCustomProps(internalId, props);
@@ -22373,7 +22381,7 @@
     } else if (value?.isEntityReference && value?.isEntityReference()) {
       child = /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: value, onClick: onEntryClick, disabled, previewProperties, size, includeId, includeEntityLink });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "text-opacity-50 text-text-primary/50 dark:text-white dark:text-opacity-50 dark:text-white/50", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("text-sm font-medium", "min-w-80 flex flex-col gap-4", "relative transition-colors duration-200 ease-in rounded font-medium", disabled ? "bg-opacity-50" : "hover:bg-opacity-75", "text-opacity-50 dark:text-white dark:text-opacity-50", className), children: [
       child,
       !value && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "justify-center text-left", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outlined", color: "primary", disabled, onClick: onEntryClick, children: [
         "Edit ",
@@ -23679,7 +23687,15 @@
       pendingClose,
       setPendingClose
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Sheet, { open: Boolean(panel), onOpenChange: (open) => !open && onCloseRequest(), title: "Side dialog " + panel?.key, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Sheet, { open: Boolean(panel), onOpenChange: (open) => {
+        if (!open) {
+          const suggestionMenu = document.querySelector('[data-suggestion-menu="true"]');
+          if (suggestionMenu && window.getComputedStyle(suggestionMenu).visibility !== "hidden") {
+            return;
+          }
+          onCloseRequest();
+        }
+      }, title: "Side dialog " + panel?.key, children: [
         panel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "transform max-w-[100vw] lg:max-w-[95vw] flex flex-col h-full transition-all duration-250 ease-in-out bg-white dark:bg-surface-900 ", style: {
           width: panel.width,
           transform: `translateX(-${offsetPosition * 200}px)`
@@ -25027,7 +25043,7 @@
       }, [delegate.initTextSearch])
     };
   }
-  const DEFAULT_SERVER = "https://api-drplyi3b6q-ey.a.run.app";
+  const DEFAULT_SERVER = "https://api.firecms.co";
   async function makeRequest(authController, dataSourceKey, pluginKeys, apiKey) {
     let idToken;
     try {
@@ -25261,7 +25277,7 @@
         const {
           isActive
         } = t52;
-        return ui.cls("rounded-lg truncate", "hover:bg-surface-accent-300 hover:bg-opacity-75 hover:bg-surface-accent-300/75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 dark:hover:bg-surface-accent-800/75 text-text-primary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white hover:bg-surface-accent-300/75 dark:hover:bg-surface-accent-800/75", "flex flex-row items-center mr-8", drawerOpen ? "pl-4 h-10" : "pl-4 h-9", "font-semibold text-xs", isActive ? "bg-surface-accent-200 bg-opacity-60 dark:bg-surface-800 dark:bg-opacity-50 bg-surface-accent-200/60 dark:bg-surface-800/50" : "");
+        return ui.cls("rounded-lg truncate", "hover:bg-surface-accent-300 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 text-text-primary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white", "flex flex-row items-center mr-8", drawerOpen ? "pl-4 h-10" : "pl-4 h-9", "font-semibold text-xs", isActive ? "bg-surface-accent-200 bg-opacity-60 dark:bg-surface-800 dark:bg-opacity-50" : "");
       };
       $[4] = drawerOpen;
       $[5] = t4;
@@ -25271,7 +25287,7 @@
     const t5 = drawerOpen ? "opacity-100" : "opacity-0 hidden";
     let t6;
     if ($[6] !== t5) {
-      t6 = ui.cls("text-text-primary dark:text-surface-200", t5, "ml-4 font-inherit");
+      t6 = ui.cls(t5, "ml-4 font-inherit text-inherit");
       $[6] = t5;
       $[7] = t6;
     } else {
@@ -25419,7 +25435,7 @@
         }
         let t10;
         if ($[41] !== adminMenuOpen || $[42] !== buildGroupHeader || $[43] !== drawerOpen || $[44] !== navigationEntries || $[45] !== onClick || $[46] !== tooltipsOpen) {
-          t10 = (group_0) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 dark:bg-surface-800/30 bg-surface-50 dark:bg-surface-800/30  my-4 rounded-lg ml-3 mr-1", children: [
+          t10 = (group_0) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 my-4 rounded-lg ml-3 mr-1", children: [
             buildGroupHeader(group_0),
             Object.values(navigationEntries).filter((e_0) => e_0.group === group_0).map((view_0) => /* @__PURE__ */ jsxRuntime.jsx(DrawerNavigationItem, { icon: /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: view_0.collection ?? view_0.view, size: "small" }), tooltipsOpen, adminMenuOpen, drawerOpen, onClick: () => onClick(view_0), url: view_0.url, name: view_0.name }, view_0.id))
           ] }, `drawer_group_${group_0}`);
@@ -26927,7 +26943,7 @@
       }
       let t12;
       if ($[24] !== innerDrawer || $[25] !== props.open || $[26] !== props.setDrawerOpen) {
-        t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Sheet, { side: "left", transparent: true, open: props.open, onOpenChange: props.setDrawerOpen, title: "Navigation drawer", overlayClassName: "bg-white bg-opacity-80 bg-white/80", children: innerDrawer });
+        t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Sheet, { side: "left", transparent: true, open: props.open, onOpenChange: props.setDrawerOpen, title: "Navigation drawer", overlayClassName: "bg-white bg-opacity-80", children: innerDrawer });
         $[24] = innerDrawer;
         $[25] = props.open;
         $[26] = props.setDrawerOpen;
@@ -27171,6 +27187,7 @@
   exports2.navigateToEntity = navigateToEntity;
   exports2.pick = pick;
   exports2.plural = plural;
+  exports2.prettifyIdentifier = prettifyIdentifier;
   exports2.printChanged = printChanged;
   exports2.propertiesToColumns = propertiesToColumns;
   exports2.randomColor = randomColor;