@rebasepro/core 0.3.0 → 0.5.0

package/dist/index.umd.js

@@ -258,13 +258,15 @@
     return React.useContext(RebaseDataContext);
   };
   function useCollectionFetch(t0) {
-    const $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(30);
     const {
       path,
       collection,
       filterValues,
       sortBy,
       itemCount,
+      offset,
+      page,
       searchString
     } = t0;
     const dataClient = useData();
@@ -308,8 +310,9 @@
     const [dataLoading, setDataLoading] = React.useState(false);
     const [dataLoadingError, setDataLoadingError] = React.useState();
     const [noMoreToLoad, setNoMoreToLoad] = React.useState(false);
+    const [totalCount, setTotalCount] = React.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) => {
@@ -318,12 +321,14 @@
           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);
@@ -332,6 +337,8 @@
           return accessor.listen({
             where: whereParams,
             limit: itemCount,
+            offset,
+            page,
             orderBy: orderByParams,
             searchString,
             include: includeParams
@@ -343,6 +350,8 @@
           accessor.find({
             where: whereParams,
             limit: itemCount,
+            offset,
+            page,
             orderBy: orderByParams,
             searchString,
             include: includeParams
@@ -356,46 +365,52 @@
       $[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];
     }
     React.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;
@@ -873,7 +888,7 @@
       };
     }, []);
     const getUser = React.useCallback((uid) => {
-      return userManagement?.getUser(uid) ?? null;
+      return userManagement?.getUser?.(uid) ?? null;
     }, [userManagement]);
     return React.useMemo(() => ({
       items,
@@ -2528,7 +2543,7 @@
         sortBy: urlSortBy
       } = parseFilterAndSort(location.search);
       if (!fixedFilter) {
-        setFilterValues(urlFilterValues);
+        setFilterValues(urlFilterValues ?? defaultFilter);
       }
       if (urlSortBy && fixedFilter && !checkFilterCombination(fixedFilter, urlSortBy)) {
         console.warn("URL sort is not compatible with the force filter.");
@@ -2572,7 +2587,7 @@
     const [dataLoading, setDataLoading] = React.useState(false);
     const [dataLoadingError, setDataLoadingError] = React.useState();
     const [noMoreToLoad, setNoMoreToLoad] = React.useState(false);
-    const clearFilter = React.useCallback(() => setFilterValues(fixedFilter ?? void 0), [fixedFilter]);
+    const clearFilter = React.useCallback(() => setFilterValues(fixedFilter ?? defaultFilter ?? void 0), [fixedFilter, defaultFilter]);
     const updateFilterValues = React.useCallback((updatedFilter) => {
       if (fixedFilter) {
         console.warn("Filter is not compatible with the force filter. Ignoring filter");
@@ -2619,15 +2634,18 @@
       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}`;
           }
         });
       }
@@ -2729,34 +2747,37 @@
     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 types.EntityRelation) {
-                    return encodeRelation(v);
-                  }
-                  if (v instanceof types.EntityReference) {
-                    return encodeReference(v);
-                  }
-                  return v;
-                });
-              } else if (val instanceof types.EntityRelation) {
-                encodedValue = encodeRelation(val);
-              } else if (val instanceof types.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 types.EntityRelation) {
+                      return encodeRelation(v);
+                    }
+                    if (v instanceof types.EntityReference) {
+                      return encodeReference(v);
+                    }
+                    return v;
+                  });
+                } else if (val instanceof types.EntityRelation) {
+                  encodedValue = encodeRelation(val);
+                } else if (val instanceof types.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";
           }
         }
       });
@@ -6345,7 +6366,7 @@
     return t8;
   }
   function LoginView(t0) {
-    const $ = reactCompilerRuntime.c(107);
+    const $ = reactCompilerRuntime.c(111);
     const {
       logo,
       authController,
@@ -6360,7 +6381,9 @@
       subtitle,
       needsSetup,
       registrationEnabled,
-      additionalComponent
+      additionalComponent,
+      defaultEmail,
+      defaultPassword
     } = t0;
     const disableSignupScreen = t1 === void 0 ? false : t1;
     const disabled = t2 === void 0 ? false : t2;
@@ -6737,17 +6760,19 @@
       t36 = $[69];
     }
     let t37;
-    if ($[70] !== authController || $[71] !== isBootstrapMode || $[72] !== noUserComponent) {
-      t37 = isBootstrapMode && !authController.user && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         mode === "buttons" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col gap-3 mt-2", children: [
           (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-2", children: [
@@ -6764,53 +6789,55 @@
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(LoginForm, { authController, registrationMode: true, onClose: () => switchMode("buttons"), onForgotPassword: hasPasswordReset ? () => switchMode("forgot") : void 0, noUserComponent, disableSignupScreen, switchToLogin: () => switchMode("login") }),
+        mode === "login" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -6818,29 +6845,29 @@
         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__ */ jsxRuntime.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;
   }
@@ -7104,12 +7131,14 @@
       noUserComponent,
       bootstrapMode: t1,
       switchToRegister,
-      switchToLogin
+      switchToLogin,
+      defaultEmail,
+      defaultPassword
     } = t0;
     const bootstrapMode = t1 === void 0 ? false : t1;
     const passwordRef = React.useRef(null);
-    const [email, setEmail] = React.useState();
-    const [password, setPassword] = React.useState();
+    const [email, setEmail] = React.useState(defaultEmail);
+    const [password, setPassword] = React.useState(defaultPassword);
     const [displayName, setDisplayName] = React.useState();
     let t2;
     let t3;
@@ -8056,14 +8085,14 @@
     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",
@@ -14604,6 +14633,10 @@
     }
     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));
@@ -14620,7 +14653,7 @@
         return !isIdProp && key !== "id";
       }).filter((key) => {
         const property = targetCollection.properties[key];
-        return property && !common.isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property);
+        return property && !common.isPropertyBuilder(property) && !isReferenceProperty(property) && !isRelationProperty(property) && !isHiddenProperty(property);
       }).slice(0, limit);
     }
   }
@@ -14634,6 +14667,9 @@
       const property = collection.properties[key];
       if (property && !common.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;