@rebasepro/admin 0.4.0 → 0.5.0

package/dist/{util-CvNp6A-r.js → util-COYYD8zr.js}

@@ -9,7 +9,7 @@ import { isPropertyBuilder, enumToObjectEntries, getLabelOrConfigFrom, resolveAr
 import { EntityRelation, EntityReference, GeoPoint, getDataSourceCapabilities, Vector } from "@rebasepro/types";
 import { useFormex, setIn, Field, getIn, useCreateFormex, Formex } from "@rebasepro/formex";
 import { inferTypeFromValue } from "@rebasepro/schema-inference";
-import { hydrateRegExp, getValueInPath, mergeDeep, getHashValue, pick, randomString, toArray, defaultDateFormat, isObject } from "@rebasepro/utils";
+import { hydrateRegExp, getValueInPath, mergeDeep, getHashValue, randomString, toArray, defaultDateFormat, isObject } from "@rebasepro/utils";
 import { deepEqual as deepEqual$1 } from "fast-equals";
 import { z } from "zod";
 import { useSensor, PointerSensor, KeyboardSensor, useSensors, DndContext, closestCenter, useDroppable, DragOverlay, pointerWithin, rectIntersection } from "@dnd-kit/core";
@@ -2708,7 +2708,7 @@ function EntityJsonPreview(t0) {
 const MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
 const JSON_TAB_VALUE = "__json";
 const HISTORY_TAB_VALUE = "__rebase_history";
-const EntityHistoryView$1 = lazy(() => import("./index-z3H8iqsj.js").then((m) => ({
+const EntityHistoryView$1 = lazy(() => import("./index-D3S9x_RP.js").then((m) => ({
   default: m.EntityHistoryView
 })));
 function EntityDetailView(t0) {
@@ -2818,22 +2818,18 @@ function EntityDetailViewInner({
     status: "existing",
     entityId
   }), [collection, entityId]);
-  const hasAppliedDefault = useRef(false);
+  const userHasChangedTab = useRef(false);
   const [selectedTab, setSelectedTab] = useState(() => {
     const val = selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
-    hasAppliedDefault.current = true;
     return val === "edit" ? MAIN_TAB_VALUE : val;
   });
   useEffect(() => {
-    const val_0 = hasAppliedDefault.current ? selectedTabProp ?? MAIN_TAB_VALUE : selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
+    const val_0 = userHasChangedTab.current ? selectedTabProp ?? MAIN_TAB_VALUE : selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
     const target = val_0 === "edit" ? MAIN_TAB_VALUE : val_0;
-    if (!hasAppliedDefault.current) {
-      hasAppliedDefault.current = true;
-    }
     if (target !== selectedTab) {
       setSelectedTab(target);
     }
-  }, [selectedTabProp]);
+  }, [selectedTabProp, defaultSelectedView]);
   const subcollections = getSubcollections(collection).filter((c2) => !c2.hideFromNavigation);
   const subcollectionsCount = subcollections?.length ?? 0;
   const customViews = collection.entityViews ?? [];
@@ -2918,6 +2914,7 @@ function EntityDetailViewInner({
     ] }, `subcol_${subcollectionId}`);
   }).filter(Boolean);
   const onSideTabClick = useCallback((value) => {
+    userHasChangedTab.current = true;
     setSelectedTab(value);
     onTabChange?.({
       path,
@@ -8488,7 +8485,7 @@ function EntityActionButton(t0) {
   }
   return t5;
 }
-const EntityHistoryView = lazy(() => import("./index-z3H8iqsj.js").then((m) => ({
+const EntityHistoryView = lazy(() => import("./index-D3S9x_RP.js").then((m) => ({
   default: m.EntityHistoryView
 })));
 function EntityEditView(t0) {
@@ -8651,22 +8648,18 @@ function EntityEditViewInner({
     status,
     entityId
   }), [collection, status, entityId]);
-  const hasAppliedDefault = useRef(false);
+  const userHasChangedTab = useRef(false);
   const [selectedTab, setSelectedTab] = useState(() => {
     const val = selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
-    hasAppliedDefault.current = true;
     return val === "edit" ? MAIN_TAB_VALUE : val;
   });
   useEffect(() => {
-    const val_0 = hasAppliedDefault.current ? selectedTabProp ?? MAIN_TAB_VALUE : selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
+    const val_0 = userHasChangedTab.current ? selectedTabProp ?? MAIN_TAB_VALUE : selectedTabProp ?? defaultSelectedView ?? MAIN_TAB_VALUE;
     const target = val_0 === "edit" ? MAIN_TAB_VALUE : val_0;
-    if (!hasAppliedDefault.current) {
-      hasAppliedDefault.current = true;
-    }
     if (target !== selectedTab) {
       setSelectedTab(target);
     }
-  }, [selectedTabProp]);
+  }, [selectedTabProp, defaultSelectedView]);
   const subcollections = getSubcollections(collection).filter((c2) => !c2.hideFromNavigation);
   const subcollectionsCount = subcollections?.length ?? 0;
   const customViews = collection.entityViews ?? [];
@@ -8746,6 +8739,7 @@ function EntityEditViewInner({
     ] }, `subcol_${subcollectionId}`);
   }).filter(Boolean);
   const onSideTabClick = useCallback((value_0) => {
+    userHasChangedTab.current = true;
     setSelectedTab(value_0);
     if (status === "existing") {
       onTabChange?.({
@@ -9004,6 +8998,9 @@ function EntitySidePanel(props) {
     setShowEditInPanel(selectedTab === "edit");
   }, [entityId, selectedTab]);
   const hasCorrectedDefaultView = useRef(false);
+  useEffect(() => {
+    hasCorrectedDefaultView.current = false;
+  }, [entityId]);
   useEffect(() => {
     if (hasCorrectedDefaultView.current) return;
     if (selectedTab) return;
@@ -11809,7 +11806,6 @@ function FieldInternal({
     propertyKey,
     property,
     Component,
-    // Cast component here since it is a generic component type
     plugins
   });
   const UsedComponent = WrappedComponent ?? Component;
@@ -13619,10 +13615,9 @@ function gettype(value) {
   return void 0;
 }
 function MapFieldBinding(t0) {
-  const $ = c(41);
+  const $ = c(37);
   const {
     propertyKey,
-    value,
     showError,
     error,
     disabled,
@@ -13634,52 +13629,26 @@ function MapFieldBinding(t0) {
     context,
     onPropertyChange
   } = t0;
-  const pickOnlySomeKeys = property.pickOnlySomeKeys || false;
   const expanded = property.ui?.expanded === void 0 ? true : property.ui?.expanded;
   const minimalistView = minimalistViewProp || property.ui?.minimalistView;
   useTranslation();
   if (!property.properties) {
     throw Error(`You need to specify a 'properties' prop (or specify a custom field) in your map property ${propertyKey}`);
   }
-  let mapProperties;
-  if (pickOnlySomeKeys) {
-    if (value) {
-      let t12;
-      if ($[0] !== property.properties || $[1] !== value) {
-        t12 = pick(property.properties, ...Object.keys(value).filter((key) => key in property.properties));
-        $[0] = property.properties;
-        $[1] = value;
-        $[2] = t12;
-      } else {
-        t12 = $[2];
-      }
-      mapProperties = t12;
-    } else {
-      let t12;
-      if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-        t12 = {};
-        $[3] = t12;
-      } else {
-        t12 = $[3];
-      }
-      mapProperties = t12;
-    }
-  } else {
-    mapProperties = property.properties;
-  }
+  const mapProperties = property.properties;
   const t1 = minimalistView && property.ui?.widthPercentage !== void 0 ? "mt-8" : void 0;
   let t2;
-  if ($[4] !== t1) {
+  if ($[0] !== t1) {
     t2 = cls("py-1 flex flex-col space-y-2", t1);
-    $[4] = t1;
-    $[5] = t2;
+    $[0] = t1;
+    $[1] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[1];
   }
   let t3;
-  if ($[6] !== autoFocus || $[7] !== context || $[8] !== disabled || $[9] !== includeDescription || $[10] !== mapProperties || $[11] !== onPropertyChange || $[12] !== propertyKey) {
+  if ($[2] !== autoFocus || $[3] !== context || $[4] !== disabled || $[5] !== includeDescription || $[6] !== mapProperties || $[7] !== onPropertyChange || $[8] !== propertyKey) {
     let t42;
-    if ($[14] !== autoFocus || $[15] !== context || $[16] !== disabled || $[17] !== includeDescription || $[18] !== onPropertyChange || $[19] !== propertyKey) {
+    if ($[10] !== autoFocus || $[11] !== context || $[12] !== disabled || $[13] !== includeDescription || $[14] !== onPropertyChange || $[15] !== propertyKey) {
       t42 = (t52, index) => {
         const [entryKey, childProperty] = t52;
         const thisDisabled = isReadOnly(childProperty) || Boolean(childProperty.ui?.disabled);
@@ -13702,40 +13671,40 @@ function MapFieldBinding(t0) {
         };
         return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(PropertyFieldBinding, { ...fieldBindingProps }) }) }, `map-${propertyKey}-${index}`);
       };
-      $[14] = autoFocus;
-      $[15] = context;
-      $[16] = disabled;
-      $[17] = includeDescription;
-      $[18] = onPropertyChange;
-      $[19] = propertyKey;
-      $[20] = t42;
+      $[10] = autoFocus;
+      $[11] = context;
+      $[12] = disabled;
+      $[13] = includeDescription;
+      $[14] = onPropertyChange;
+      $[15] = propertyKey;
+      $[16] = t42;
     } else {
-      t42 = $[20];
+      t42 = $[16];
     }
     t3 = Object.entries(mapProperties).filter(_temp$h).map(t42);
-    $[6] = autoFocus;
-    $[7] = context;
-    $[8] = disabled;
-    $[9] = includeDescription;
-    $[10] = mapProperties;
-    $[11] = onPropertyChange;
-    $[12] = propertyKey;
-    $[13] = t3;
+    $[2] = autoFocus;
+    $[3] = context;
+    $[4] = disabled;
+    $[5] = includeDescription;
+    $[6] = mapProperties;
+    $[7] = onPropertyChange;
+    $[8] = propertyKey;
+    $[9] = t3;
   } else {
-    t3 = $[13];
+    t3 = $[9];
   }
   let t4;
-  if ($[21] !== t2 || $[22] !== t3) {
+  if ($[17] !== t2 || $[18] !== t3) {
     t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: t2, children: t3 }) });
-    $[21] = t2;
-    $[22] = t3;
-    $[23] = t4;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
   } else {
-    t4 = $[23];
+    t4 = $[19];
   }
   const mapFormView = t4;
   let t5;
-  if ($[24] !== expanded || $[25] !== mapFormView || $[26] !== minimalistView || $[27] !== onPropertyChange || $[28] !== property || $[29] !== propertyKey) {
+  if ($[20] !== expanded || $[21] !== mapFormView || $[22] !== minimalistView || $[23] !== onPropertyChange || $[24] !== property || $[25] !== propertyKey) {
     t5 = !minimalistView && /* @__PURE__ */ jsx(ExpandablePanel, { initiallyExpanded: expanded, onExpandedChange: (expanded_0) => {
       onPropertyChange?.({
         ui: {
@@ -13744,44 +13713,44 @@ function MapFieldBinding(t0) {
         }
       });
     }, className: property.ui?.widthPercentage !== void 0 ? "mt-8" : void 0, innerClassName: "px-2 md:px-4 pb-2 md:pb-4 pt-1 md:pt-2 bg-white dark:bg-surface-900", title: /* @__PURE__ */ jsx(LabelWithIconAndTooltip, { propertyKey, icon: getIconForProperty(property, "small"), required: property.validation?.required, title: property.name ?? propertyKey, className: "text-text-secondary dark:text-text-secondary-dark" }), children: mapFormView });
-    $[24] = expanded;
-    $[25] = mapFormView;
-    $[26] = minimalistView;
-    $[27] = onPropertyChange;
-    $[28] = property;
-    $[29] = propertyKey;
-    $[30] = t5;
+    $[20] = expanded;
+    $[21] = mapFormView;
+    $[22] = minimalistView;
+    $[23] = onPropertyChange;
+    $[24] = property;
+    $[25] = propertyKey;
+    $[26] = t5;
   } else {
-    t5 = $[30];
+    t5 = $[26];
   }
   const t6 = minimalistView && mapFormView;
   const t7 = showError ?? false;
   const t8 = error && !partOfArray ? error : void 0;
   let t9;
-  if ($[31] !== disabled || $[32] !== includeDescription || $[33] !== property || $[34] !== t7 || $[35] !== t8) {
+  if ($[27] !== disabled || $[28] !== includeDescription || $[29] !== property || $[30] !== t7 || $[31] !== t8) {
     t9 = /* @__PURE__ */ jsx(FieldHelperText, { includeDescription, showError: t7, error: t8, disabled, property });
-    $[31] = disabled;
-    $[32] = includeDescription;
-    $[33] = property;
-    $[34] = t7;
-    $[35] = t8;
-    $[36] = t9;
+    $[27] = disabled;
+    $[28] = includeDescription;
+    $[29] = property;
+    $[30] = t7;
+    $[31] = t8;
+    $[32] = t9;
   } else {
-    t9 = $[36];
+    t9 = $[32];
   }
   let t10;
-  if ($[37] !== t5 || $[38] !== t6 || $[39] !== t9) {
+  if ($[33] !== t5 || $[34] !== t6 || $[35] !== t9) {
     t10 = /* @__PURE__ */ jsxs(ErrorBoundary, { children: [
       t5,
       t6,
       t9
     ] });
-    $[37] = t5;
-    $[38] = t6;
-    $[39] = t9;
-    $[40] = t10;
+    $[33] = t5;
+    $[34] = t6;
+    $[35] = t9;
+    $[36] = t10;
   } else {
-    t10 = $[40];
+    t10 = $[36];
   }
   return t10;
 }
@@ -18606,10 +18575,10 @@ function EditorCollectionAction(t0) {
   }
   return t8;
 }
-const ImportCollectionAction = lazy(() => import("./index-BrqSvMG0.js").then((m) => ({
+const ImportCollectionAction = lazy(() => import("./index-DrrT332R.js").then((m) => ({
   default: m.ImportCollectionAction
 })));
-const ExportCollectionAction = lazy(() => import("./index-Cb0bPnzZ.js").then((m) => ({
+const ExportCollectionAction = lazy(() => import("./index-D9RNzm01.js").then((m) => ({
   default: m.ExportCollectionAction
 })));
 function EntityCollectionViewActions(t0) {
@@ -19107,9 +19076,8 @@ function resolveRelationDisplayName(relation, prop) {
         return String(values[targetTitleKey]);
       }
       const isHiddenProp = (p) => {
-        const ui = p.ui;
-        if (ui?.hideFromCollection) return true;
-        if (ui?.disabled?.hidden) return true;
+        if (p.ui?.hideFromCollection) return true;
+        if (typeof p.ui?.disabled === "object" && p.ui.disabled.hidden) return true;
         return false;
       };
       const isDisplayCandidate = (p) => {
@@ -19145,7 +19113,7 @@ function resolveRelationDisplayName(relation, prop) {
   const id = "id" in relation ? relation.id : void 0;
   if (id !== void 0 && targetCollection) {
     try {
-      const slug = targetCollection.slug ?? targetCollection.table;
+      const slug = targetCollection.slug ?? ("table" in targetCollection ? targetCollection.table : void 0);
       if (slug) {
         const cacheKey = `${slug}/${id}`;
         const cached = getEntityFromCache(cacheKey);
@@ -23240,6 +23208,7 @@ const resetPasswordAction = {
     return Promise.resolve(void 0);
   }
 };
+const innerClicked = /* @__PURE__ */ new WeakSet();
 function useDraggable({
   containerRef,
   innerRef,
@@ -23251,7 +23220,7 @@ function useDraggable({
   let relY = 0;
   const listeningRef = React__default.useRef(false);
   const onMouseDown = useCallback((event) => {
-    if (event.button !== 0 || !containerRef.current || event.defaultPrevented || event.innerClicked) {
+    if (event.button !== 0 || !containerRef.current || event.defaultPrevented || innerClicked.has(event)) {
       return;
     }
     const {
@@ -23266,7 +23235,7 @@ function useDraggable({
     listeningRef.current = true;
   }, [containerRef, onMove]);
   const onMouseDownInner = useCallback((event_0) => {
-    event_0.innerClicked = true;
+    innerClicked.add(event_0);
   }, []);
   const onSelect = useCallback((event_1) => {
     event_1.preventDefault();
@@ -27038,7 +27007,7 @@ function useLocalCollectionsConfigController(clientOrUrl, baseCollections = [],
 }
 const EMPTY_PLUGINS = [];
 const EMPTY_COLLECTIONS = [];
-const CollectionsStudioView = lazy(() => import("./CollectionsStudioView-bsg4AT_Z.js").then((n) => n.b).then((m) => ({
+const CollectionsStudioView = lazy(() => import("./CollectionsStudioView-Brr_b06v.js").then((n) => n.b).then((m) => ({
   default: m.CollectionsStudioView
 })));
 function RebaseNavigation({
@@ -27276,10 +27245,10 @@ function _temp$3(event) {
   event.preventDefault();
   event.stopPropagation();
 }
-const CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-Bo86h-d-.js").then((m) => ({
+const CollectionEditorDialog = lazy(() => import("./CollectionEditorDialog-C8E440oK.js").then((m) => ({
   default: m.CollectionEditorDialog
 })));
-const PropertyFormDialog = lazy(() => import("./PropertyEditView-jCWCxmCz.js").then((n) => n.P).then((m) => ({
+const PropertyFormDialog = lazy(() => import("./PropertyEditView-ChBleIbN.js").then((n) => n.P).then((m) => ({
   default: m.PropertyFormDialog
 })));
 function CollectionEditorDialogs() {
@@ -30502,4 +30471,4 @@ export {
   EntityCollectionTable as y,
   EntityCollectionView as z
 };
-//# sourceMappingURL=util-CvNp6A-r.js.map
+//# sourceMappingURL=util-COYYD8zr.js.map