@rebasepro/core 0.3.0 → 0.4.0

package/dist/components/LoginView/LoginView.d.ts

@@ -92,10 +92,18 @@ export interface LoginViewProps {
      * If not set, derived from `authController.capabilities.registration`.
      */
     registrationEnabled?: boolean;
+    /**
+     * Pre-fill the email field (e.g. for demo or testing environments).
+     */
+    defaultEmail?: string;
+    /**
+     * Pre-fill the password field (e.g. for demo or testing environments).
+     */
+    defaultPassword?: string;
 }
 /**
  * Generic login view component that works with any AuthControllerExtended.
  * Feature-detects capabilities to show/hide login methods.
  * @group Core
  */
-export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent }: LoginViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, defaultEmail, defaultPassword }: LoginViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/types.d.ts

@@ -1,4 +1,4 @@
-import type { Property } from "@rebasepro/types";
+import type { Property, Entity } from "@rebasepro/types";
 import { CollectionSize, SelectedCellProps } from "@rebasepro/types";
 export type EntityCollectionTableController<M extends Record<string, unknown>> = {
     /**
@@ -26,7 +26,7 @@ export type EntityCollectionTableController<M extends Record<string, unknown>> =
      * Callback used when the value of a cell has changed.
      * @param params
      */
-    onValueChange?: (params: OnCellValueChangeParams<unknown, M>) => void;
+    onValueChange?: (params: OnCellValueChangeParams<unknown, Entity<M>>) => void;
     /**
      * Size of the elements in the collection
      */
@@ -56,7 +56,7 @@ export type UniqueFieldValidator = (props: {
  * Callback when a cell has changed in a table
  * @group Collection components
  */
-export type OnCellValueChange<T, M extends Record<string, unknown>> = (params: OnCellValueChangeParams<T, M>) => Promise<void> | void;
+export type OnCellValueChange<T, M extends Record<string, unknown>> = (params: OnCellValueChangeParams<T, Entity<M>>) => Promise<void> | void;
 /**
  * @group Collection components
  */

package/dist/hooks/data/useCollectionFetch.d.ts

@@ -16,6 +16,14 @@ export interface CollectionFetchProps<M extends Record<string, any>> {
      * Number of entities to fetch
      */
     itemCount?: number;
+    /**
+     * Number of items to skip
+     */
+    offset?: number;
+    /**
+     * Page number (1-indexed), alternative to offset
+     */
+    page?: number;
     /**
      * Filter the fetched data by the property
      */
@@ -37,6 +45,7 @@ export interface CollectionFetchResult<M extends Record<string, any>> {
     dataLoading: boolean;
     noMoreToLoad: boolean;
     dataLoadingError?: Error;
+    totalCount?: number;
 }
 /**
  * This hook is used to fetch collections using a given collection
@@ -45,7 +54,9 @@ export interface CollectionFetchResult<M extends Record<string, any>> {
  * @param filterValues
  * @param sortBy
  * @param itemCount
+ * @param offset
+ * @param page
  * @param searchString
  * @group Hooks and utilities
  */
-export declare function useCollectionFetch<M extends Record<string, any>, USER extends User>({ path, collection, filterValues, sortBy, itemCount, searchString }: CollectionFetchProps<M>): CollectionFetchResult<M>;
+export declare function useCollectionFetch<M extends Record<string, any>, USER extends User>({ path, collection, filterValues, sortBy, itemCount, offset, page, searchString }: CollectionFetchProps<M>): CollectionFetchResult<M>;

package/dist/index.es.js

@@ -268,13 +268,15 @@ const useData = () => {
   return useContext(RebaseDataContext);
 };
 function useCollectionFetch(t0) {
-  const $ = c(25);
+  const $ = c(30);
   const {
     path,
     collection,
     filterValues,
     sortBy,
     itemCount,
+    offset,
+    page,
     searchString
   } = t0;
   const dataClient = useData();
@@ -318,8 +320,9 @@ function useCollectionFetch(t0) {
   const [dataLoading, setDataLoading] = useState(false);
   const [dataLoadingError, setDataLoadingError] = useState();
   const [noMoreToLoad, setNoMoreToLoad] = useState(false);
+  const [totalCount, setTotalCount] = useState();
   let t3;
-  if ($[3] !== collection.properties || $[4] !== dataClient || $[5] !== itemCount || $[6] !== orderByParams || $[7] !== path || $[8] !== searchString || $[9] !== whereParams) {
+  if ($[3] !== collection.properties || $[4] !== dataClient || $[5] !== itemCount || $[6] !== offset || $[7] !== orderByParams || $[8] !== page || $[9] !== path || $[10] !== searchString || $[11] !== whereParams) {
     t3 = () => {
       setDataLoading(true);
       const onEntitiesUpdate = async (res) => {
@@ -328,12 +331,14 @@ function useCollectionFetch(t0) {
         setDataLoadingError(void 0);
         setData(entities.map(_temp$7));
         setNoMoreToLoad(!res.meta.hasMore);
+        setTotalCount(res.meta.total);
       };
       const onError = (error) => {
         console.error("ERROR", error);
         setDataLoading(false);
         setData([]);
         setDataLoadingError(error);
+        setTotalCount(void 0);
       };
       const accessor = dataClient.collection(path);
       const hasRelations = collection.properties && Object.values(collection.properties).some(_temp2$4);
@@ -342,6 +347,8 @@ function useCollectionFetch(t0) {
         return accessor.listen({
           where: whereParams,
           limit: itemCount,
+          offset,
+          page,
           orderBy: orderByParams,
           searchString,
           include: includeParams
@@ -353,6 +360,8 @@ function useCollectionFetch(t0) {
         accessor.find({
           where: whereParams,
           limit: itemCount,
+          offset,
+          page,
           orderBy: orderByParams,
           searchString,
           include: includeParams
@@ -366,46 +375,52 @@ function useCollectionFetch(t0) {
     $[3] = collection.properties;
     $[4] = dataClient;
     $[5] = itemCount;
-    $[6] = orderByParams;
-    $[7] = path;
-    $[8] = searchString;
-    $[9] = whereParams;
-    $[10] = t3;
+    $[6] = offset;
+    $[7] = orderByParams;
+    $[8] = page;
+    $[9] = path;
+    $[10] = searchString;
+    $[11] = whereParams;
+    $[12] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[12];
   }
   let t4;
-  if ($[11] !== collection || $[12] !== currentSort || $[13] !== dataClient || $[14] !== filterValues || $[15] !== itemCount || $[16] !== path || $[17] !== searchString || $[18] !== sortByProperty) {
-    t4 = [path, itemCount, currentSort, sortByProperty, filterValues, searchString, dataClient, collection];
-    $[11] = collection;
-    $[12] = currentSort;
-    $[13] = dataClient;
-    $[14] = filterValues;
-    $[15] = itemCount;
-    $[16] = path;
-    $[17] = searchString;
-    $[18] = sortByProperty;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
+  if ($[13] !== collection || $[14] !== currentSort || $[15] !== dataClient || $[16] !== filterValues || $[17] !== itemCount || $[18] !== offset || $[19] !== page || $[20] !== path || $[21] !== searchString || $[22] !== sortByProperty) {
+    t4 = [path, itemCount, offset, page, currentSort, sortByProperty, filterValues, searchString, dataClient, collection];
+    $[13] = collection;
+    $[14] = currentSort;
+    $[15] = dataClient;
+    $[16] = filterValues;
+    $[17] = itemCount;
+    $[18] = offset;
+    $[19] = page;
+    $[20] = path;
+    $[21] = searchString;
+    $[22] = sortByProperty;
+    $[23] = t4;
+  } else {
+    t4 = $[23];
   }
   useEffect(t3, t4);
   let t5;
   let t6;
-  if ($[20] !== data || $[21] !== dataLoading || $[22] !== dataLoadingError || $[23] !== noMoreToLoad) {
+  if ($[24] !== data || $[25] !== dataLoading || $[26] !== dataLoadingError || $[27] !== noMoreToLoad || $[28] !== totalCount) {
     t6 = {
       data,
       dataLoading,
       dataLoadingError,
-      noMoreToLoad
+      noMoreToLoad,
+      totalCount
     };
-    $[20] = data;
-    $[21] = dataLoading;
-    $[22] = dataLoadingError;
-    $[23] = noMoreToLoad;
-    $[24] = t6;
+    $[24] = data;
+    $[25] = dataLoading;
+    $[26] = dataLoadingError;
+    $[27] = noMoreToLoad;
+    $[28] = totalCount;
+    $[29] = t6;
   } else {
-    t6 = $[24];
+    t6 = $[29];
   }
   t5 = t6;
   return t5;
@@ -883,7 +898,7 @@ function useUserSelector({
     };
   }, []);
   const getUser = useCallback((uid) => {
-    return userManagement?.getUser(uid) ?? null;
+    return userManagement?.getUser?.(uid) ?? null;
   }, [userManagement]);
   return useMemo(() => ({
     items,
@@ -2629,15 +2644,18 @@ function useDataTableController({
     if (filterValues_0) {
       Object.entries(filterValues_0).forEach(([key, value]) => {
         if (value && Array.isArray(value)) {
-          const [op, val] = value;
-          const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
-          let stringVal;
-          if (Array.isArray(val)) {
-            stringVal = `(${val.join(",")})`;
-          } else {
-            stringVal = String(val);
+          const conditions = Array.isArray(value[0]) ? value : [value];
+          const [op, val] = conditions[0] || [];
+          if (op) {
+            const postgrestOp = op === "==" ? "eq" : op === "!=" ? "neq" : op === ">" ? "gt" : op === ">=" ? "gte" : op === "<" ? "lt" : op === "<=" ? "lte" : op === "in" ? "in" : op === "not-in" ? "nin" : op === "array-contains" ? "cs" : op === "array-contains-any" ? "csa" : "eq";
+            let stringVal;
+            if (Array.isArray(val)) {
+              stringVal = `(${val.join(",")})`;
+            } else {
+              stringVal = String(val);
+            }
+            whereMap[key] = `${postgrestOp}.${stringVal}`;
           }
-          whereMap[key] = `${postgrestOp}.${stringVal}`;
         }
       });
     }
@@ -2739,34 +2757,37 @@ function encodeFilterAndSort(filterValues, sortBy) {
   if (filterValues) {
     Object.entries(filterValues).forEach(([key, value]) => {
       if (value) {
-        const [op, val] = value;
-        let encodedValue = val;
-        try {
-          if (typeof val === "object") {
-            if (val instanceof Date) {
-              encodedValue = val.toISOString();
-            } else if (Array.isArray(val)) {
-              encodedValue = JSON.stringify(val, (k, v) => {
-                if (v instanceof EntityRelation) {
-                  return encodeRelation(v);
-                }
-                if (v instanceof EntityReference) {
-                  return encodeReference(v);
-                }
-                return v;
-              });
-            } else if (val instanceof EntityRelation) {
-              encodedValue = encodeRelation(val);
-            } else if (val instanceof EntityReference) {
-              encodedValue = encodeReference(val);
+        const conditions = Array.isArray(value[0]) ? value : [value];
+        const [op, val] = conditions[0] || [];
+        if (op) {
+          let encodedValue = val;
+          try {
+            if (typeof val === "object") {
+              if (val instanceof Date) {
+                encodedValue = val.toISOString();
+              } else if (Array.isArray(val)) {
+                encodedValue = JSON.stringify(val, (k, v) => {
+                  if (v instanceof EntityRelation) {
+                    return encodeRelation(v);
+                  }
+                  if (v instanceof EntityReference) {
+                    return encodeReference(v);
+                  }
+                  return v;
+                });
+              } else if (val instanceof EntityRelation) {
+                encodedValue = encodeRelation(val);
+              } else if (val instanceof EntityReference) {
+                encodedValue = encodeReference(val);
+              }
             }
+          } catch (e) {
+            encodedValue = val;
+          }
+          if (encodedValue !== void 0) {
+            entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
+            entries[encodeURIComponent(`${key}_value`)] = encodedValue ? encodeURIComponent(String(encodedValue)) : "null";
           }
-        } catch (e) {
-          encodedValue = val;
-        }
-        if (encodedValue !== void 0) {
-          entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
-          entries[encodeURIComponent(`${key}_value`)] = encodedValue ? encodeURIComponent(String(encodedValue)) : "null";
         }
       }
     });
@@ -6355,7 +6376,7 @@ function UserDisplay(t0) {
   return t8;
 }
 function LoginView(t0) {
-  const $ = c(107);
+  const $ = c(111);
   const {
     logo,
     authController,
@@ -6370,7 +6391,9 @@ function LoginView(t0) {
     subtitle,
     needsSetup,
     registrationEnabled,
-    additionalComponent
+    additionalComponent,
+    defaultEmail,
+    defaultPassword
   } = t0;
   const disableSignupScreen = t1 === void 0 ? false : t1;
   const disabled = t2 === void 0 ? false : t2;
@@ -6747,17 +6770,19 @@ function LoginView(t0) {
     t36 = $[69];
   }
   let t37;
-  if ($[70] !== authController || $[71] !== isBootstrapMode || $[72] !== noUserComponent) {
-    t37 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true });
+  if ($[70] !== authController || $[71] !== defaultEmail || $[72] !== defaultPassword || $[73] !== isBootstrapMode || $[74] !== noUserComponent) {
+    t37 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: _temp, onForgotPassword: _temp2, noUserComponent, disableSignupScreen: false, bootstrapMode: true, defaultEmail, defaultPassword });
     $[70] = authController;
-    $[71] = isBootstrapMode;
-    $[72] = noUserComponent;
-    $[73] = t37;
+    $[71] = defaultEmail;
+    $[72] = defaultPassword;
+    $[73] = isBootstrapMode;
+    $[74] = noUserComponent;
+    $[75] = t37;
   } else {
-    t37 = $[73];
+    t37 = $[75];
   }
   let t38;
-  if ($[74] !== authController || $[75] !== disableSignupScreen || $[76] !== disabled || $[77] !== githubClientId || $[78] !== googleClientId || $[79] !== hasGitHubLogin || $[80] !== hasGoogleLogin || $[81] !== hasLinkedinLogin || $[82] !== hasPasswordReset || $[83] !== isBootstrapMode || $[84] !== linkedinClientId || $[85] !== mode || $[86] !== noUserComponent || $[87] !== showRegistration || $[88] !== subtitle || $[89] !== title) {
+  if ($[76] !== authController || $[77] !== defaultEmail || $[78] !== defaultPassword || $[79] !== disableSignupScreen || $[80] !== disabled || $[81] !== githubClientId || $[82] !== googleClientId || $[83] !== hasGitHubLogin || $[84] !== hasGoogleLogin || $[85] !== hasLinkedinLogin || $[86] !== hasPasswordReset || $[87] !== isBootstrapMode || $[88] !== linkedinClientId || $[89] !== mode || $[90] !== noUserComponent || $[91] !== showRegistration || $[92] !== subtitle || $[93] !== title) {
     t38 = !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
       mode === "buttons" && /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-3 mt-2", children: [
         (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-2", children: [
@@ -6774,53 +6799,55 @@ function LoginView(t0) {
           /* @__PURE__ */ jsx("button", { type: "button", className: "font-semibold hover:underline cursor-pointer text-primary-600 dark:text-primary-400", onClick: () => switchMode("register"), children: "Create one" })
         ] }) })
       ] }),
-      mode === "login" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: false, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToRegister: showRegistration ? () => switchMode("register") : void 0 }),
-      mode === "register" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login") }),
+      mode === "login" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: false, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToRegister: showRegistration ? () => switchMode("register") : void 0, defaultEmail, defaultPassword }),
+      mode === "register" && /* @__PURE__ */ jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login"), defaultEmail, defaultPassword }),
       mode === "forgot" && authController.forgotPassword && /* @__PURE__ */ jsx(ForgotPasswordForm, { authController, onClose: () => switchMode("login") })
     ] });
-    $[74] = authController;
-    $[75] = disableSignupScreen;
-    $[76] = disabled;
-    $[77] = githubClientId;
-    $[78] = googleClientId;
-    $[79] = hasGitHubLogin;
-    $[80] = hasGoogleLogin;
-    $[81] = hasLinkedinLogin;
-    $[82] = hasPasswordReset;
-    $[83] = isBootstrapMode;
-    $[84] = linkedinClientId;
-    $[85] = mode;
-    $[86] = noUserComponent;
-    $[87] = showRegistration;
-    $[88] = subtitle;
-    $[89] = title;
-    $[90] = t38;
-  } else {
-    t38 = $[90];
+    $[76] = authController;
+    $[77] = defaultEmail;
+    $[78] = defaultPassword;
+    $[79] = disableSignupScreen;
+    $[80] = disabled;
+    $[81] = githubClientId;
+    $[82] = googleClientId;
+    $[83] = hasGitHubLogin;
+    $[84] = hasGoogleLogin;
+    $[85] = hasLinkedinLogin;
+    $[86] = hasPasswordReset;
+    $[87] = isBootstrapMode;
+    $[88] = linkedinClientId;
+    $[89] = mode;
+    $[90] = noUserComponent;
+    $[91] = showRegistration;
+    $[92] = subtitle;
+    $[93] = title;
+    $[94] = t38;
+  } else {
+    t38 = $[94];
   }
   let t39;
-  if ($[91] !== t36 || $[92] !== t37 || $[93] !== t38) {
+  if ($[95] !== t36 || $[96] !== t37 || $[97] !== t38) {
     t39 = /* @__PURE__ */ jsxs("div", { className: t36, children: [
       t37,
       t38
     ] });
-    $[91] = t36;
-    $[92] = t37;
-    $[93] = t38;
-    $[94] = t39;
+    $[95] = t36;
+    $[96] = t37;
+    $[97] = t38;
+    $[98] = t39;
   } else {
-    t39 = $[94];
+    t39 = $[98];
   }
   let t40;
-  if ($[95] !== additionalComponent) {
+  if ($[99] !== additionalComponent) {
     t40 = additionalComponent && /* @__PURE__ */ jsx("div", { className: "w-full", children: additionalComponent });
-    $[95] = additionalComponent;
-    $[96] = t40;
+    $[99] = additionalComponent;
+    $[100] = t40;
   } else {
-    t40 = $[96];
+    t40 = $[100];
   }
   let t41;
-  if ($[97] !== t32 || $[98] !== t33 || $[99] !== t34 || $[100] !== t39 || $[101] !== t40) {
+  if ($[101] !== t32 || $[102] !== t33 || $[103] !== t34 || $[104] !== t39 || $[105] !== t40) {
     t41 = /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center w-[440px] max-w-full p-8 sm:p-10 bg-white/70 dark:bg-surface-900/60 backdrop-blur-xl border border-surface-200/50 dark:border-surface-800/50 rounded-2xl shadow-2xl z-10 transition-all duration-300 hover:shadow-primary-500/5", children: [
       t32,
       t33,
@@ -6828,29 +6855,29 @@ function LoginView(t0) {
       t39,
       t40
     ] });
-    $[97] = t32;
-    $[98] = t33;
-    $[99] = t34;
-    $[100] = t39;
-    $[101] = t40;
-    $[102] = t41;
+    $[101] = t32;
+    $[102] = t33;
+    $[103] = t34;
+    $[104] = t39;
+    $[105] = t40;
+    $[106] = t41;
   } else {
-    t41 = $[102];
+    t41 = $[106];
   }
   let t42;
-  if ($[103] !== t14 || $[104] !== t31 || $[105] !== t41) {
+  if ($[107] !== t14 || $[108] !== t31 || $[109] !== t41) {
     t42 = /* @__PURE__ */ jsxs("div", { className: t14, children: [
       t15,
       t16,
       t31,
       t41
     ] });
-    $[103] = t14;
-    $[104] = t31;
-    $[105] = t41;
-    $[106] = t42;
+    $[107] = t14;
+    $[108] = t31;
+    $[109] = t41;
+    $[110] = t42;
   } else {
-    t42 = $[106];
+    t42 = $[110];
   }
   return t42;
 }
@@ -7114,12 +7141,14 @@ function LoginForm(t0) {
     noUserComponent,
     bootstrapMode: t1,
     switchToRegister,
-    switchToLogin
+    switchToLogin,
+    defaultEmail,
+    defaultPassword
   } = t0;
   const bootstrapMode = t1 === void 0 ? false : t1;
   const passwordRef = useRef(null);
-  const [email, setEmail] = useState();
-  const [password, setPassword] = useState();
+  const [email, setEmail] = useState(defaultEmail);
+  const [password, setPassword] = useState(defaultPassword);
   const [displayName, setDisplayName] = useState();
   let t2;
   let t3;
@@ -8066,14 +8095,14 @@ const en = {
   data_imported_successfully: "Data imported successfully",
   export: "Export",
   export_data: "Export data",
-  download_table_csv: "Download the the content of this table as a CSV",
+  download_table_csv: "Download the content of this table as a CSV",
   csv: "CSV",
   json: "JSON",
   dates_as_timestamps: "Dates as timestamps",
   dates_as_strings: "Dates as strings",
   flatten_arrays: "Flatten arrays",
   download: "Download",
-  large_number_of_documents: "This collections has a large number of documents ({{count}}).",
+  large_number_of_documents: "This collection has a large number of documents ({{count}}).",
   include_undefined_values: "Include undefined values",
   submit: "Submit",
   no_filterable_properties: "No filterable properties available",
@@ -14614,6 +14643,10 @@ function isRelationProperty(property) {
   }
   return false;
 }
+function isHiddenProperty(property) {
+  if (!property) return false;
+  return Boolean(property.ui?.hideFromCollection);
+}
 function getEntityPreviewKeys(authController, targetCollection, fields, previewProperties, limit = 3) {
   const allProperties = Object.keys(targetCollection.properties);
   let listProperties = previewProperties?.filter((p) => allProperties.includes(p));
@@ -14630,7 +14663,7 @@ function getEntityPreviewKeys(authController, targetCollection, fields, previewP
       return !isIdProp && key !== "id";
     }).filter((key) => {
       const property = targetCollection.properties[key];
-      return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+      return property && !isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
     }).slice(0, limit);
   }
 }
@@ -14644,6 +14677,9 @@ function getEntityTitlePropertyKey(collection, propertyConfigs) {
     const property = collection.properties[key];
     if (property && !isPropertyBuilder(property)) {
       const prop = property;
+      if (isHiddenProperty(prop)) {
+        continue;
+      }
       if (prop.type === "string" && !prop.ui?.multiline && !prop.ui?.markdown && !prop.storage && !prop.isId) {
         if (!firstStringCandidate) {
           firstStringCandidate = key;