@firecms/core 3.0.0-rc.1 → 3.0.0-rc.2

package/dist/preview/components/UserPreview.d.ts

@@ -0,0 +1,8 @@
+import { PropertyPreviewProps } from "../PropertyPreviewProps";
+/**
+ * Preview component for displaying user information.
+ * This is a simple wrapper around UserDisplay.
+ *
+ * @group Preview components
+ */
+export declare function UserPreview({ value }: PropertyPreviewProps<string>): import("react/jsx-runtime").JSX.Element;

package/dist/preview/index.d.ts

@@ -21,3 +21,4 @@ export * from "./components/EnumValuesChip";
 export * from "./components/EmptyValue";
 export * from "./components/ImagePreview";
 export * from "./components/ReferencePreview";
+export * from "./components/UserPreview";

package/dist/types/collections.d.ts

@@ -60,6 +60,8 @@ export interface EntityCollection<M extends Record<string, any> = any, USER exte
      * https://fonts.google.com/icons
      * e.g. 'account_tree' or 'person'.
      * Find all the icons in https://firecms.co/docs/icons
+     * You can also pass a React node if you want to render a custom icon.
+     * If not specified, a default icon will be used.
      */
     icon?: string | React.ReactNode;
     /**

package/dist/types/entities.d.ts

@@ -42,7 +42,11 @@ export declare class EntityReference {
      * to the root of the database).
      */
     readonly path: string;
-    constructor(id: string, path: string);
+    /**
+     * Optional database ID where the entity is stored (if multiple databases are used)
+     */
+    readonly databaseId?: string;
+    constructor(id: string, path: string, databaseId?: string);
     get pathWithId(): string;
     isEntityReference(): boolean;
 }

package/dist/types/firecms.d.ts

@@ -13,6 +13,7 @@ import { UserConfigurationPersistence } from "./local_config_persistence";
 import { FireCMSPlugin } from "./plugins";
 import { CMSAnalyticsEvent } from "./analytics";
 import { EntityAction } from "./entity_actions";
+import { InternalUserManagement } from "./internal_user_management";
 /**
  * Use this callback to build entity collections dynamically.
  * You can use the user to decide which collections to show.
@@ -123,6 +124,7 @@ export type FireCMSProps<USER extends User> = {
      * Use plugins to modify the behaviour of the CMS.
      * DEPRECATED: use the `plugins` prop in the `useBuildNavigationController` instead.
      * This prop will work as a fallback for the `plugins` prop in the `useBuildNavigationController`.
+     * @deprecated
      */
     plugins?: FireCMSPlugin<any, any, any>[];
     /**
@@ -134,6 +136,19 @@ export type FireCMSProps<USER extends User> = {
      * The function must return a URL that gets opened when the button is clicked
      */
     entityLinkBuilder?: EntityLinkBuilder;
+    /**
+     * You can use this props to provide your own user management implementation.
+     * Note that this will not affect the UI, but it will be used to show user information
+     * in various places of the CMS, for example, to show who created or modified an entity,
+     * or to assign ownership of an entity.
+     *
+     * You can also use this data to be retrieved in your custom properties,
+     * for example, to show a list of users in a dropdown.
+     *
+     * If you are using the FireCMS user management plugin, this
+     * prop will be implemented automatically.
+     */
+    userManagement?: InternalUserManagement;
     components?: {
         /**
          * Component to render when a reference is missing

package/dist/types/firecms_context.d.ts

@@ -10,6 +10,7 @@ import { SideDialogsController } from "./side_dialogs_controller";
 import { DialogsController } from "./dialogs_controller";
 import { CustomizationController } from "./customization_controller";
 import { AnalyticsController } from "./analytics_controller";
+import { InternalUserManagement } from "./internal_user_management";
 /**
  * Context that includes the internal controllers and contexts used by the app.
  * Some controllers and context included in this context can be accessed
@@ -67,4 +68,19 @@ export type FireCMSContext<USER extends User = User, AuthControllerType extends
      * Callback to send analytics events
      */
     analyticsController?: AnalyticsController;
+    /**
+     * This section is used to manage users in the CMS.
+     * It is used to show user information in various places of the CMS,
+     * for example, to show who created or modified an entity,
+     * or to assign ownership of an entity.
+     *
+     * In the base CMS, this information is not used for access control.
+     * You can pass your own implementation of this section, to populate
+     * the dropdown of users when assigning ownership of an entity,
+     * or to show more information about the user.
+     *
+     * If you are using the FireCMS user management plugin, this
+     * section will be implemented automatically.
+     */
+    userManagement: InternalUserManagement<USER>;
 };

package/dist/types/index.d.ts

@@ -13,6 +13,7 @@ export * from "./fields";
 export * from "./property_config";
 export * from "./datasource";
 export * from "./entity_link_builder";
+export * from "./internal_user_management";
 export * from "./side_entity_controller";
 export * from "./side_dialogs_controller";
 export * from "./firecms_context";

package/dist/types/internal_user_management.d.ts

@@ -0,0 +1,20 @@
+import { User } from "./user";
+export type InternalUserManagement<USER extends User = User> = {
+    /**
+     * List of users to be managed by the CMS.
+     */
+    users: USER[];
+    /**
+     * Function to get a user by its uid. This is used to show
+     * user information when assigning ownership of an entity.
+     *
+     * You can pass your own implementation if you want to show
+     * more information about the user.
+     *
+     * If you are using the FireCMS user management plugin, this
+     * function will be implemented automatically.
+     *
+     * @param uid
+     */
+    getUser: (uid: string) => USER | null;
+};

package/dist/types/plugins.d.ts

@@ -7,6 +7,7 @@ import { CMSType, Property } from "./properties";
 import { EntityStatus } from "./entities";
 import { ResolvedProperty } from "./resolved_entities";
 import { NavigationGroupMapping } from "./navigation";
+import { InternalUserManagement } from "./internal_user_management";
 /**
  * Interface used to define plugins for FireCMS.
  * NOTE: This is a work in progress and the API is not stable yet.
@@ -37,6 +38,7 @@ export type FireCMSPlugin<PROPS = any, FORM_PROPS = any, EC extends EntityCollec
         }>>;
         props?: PROPS;
     };
+    userManagement?: InternalUserManagement;
     homePage?: {
         /**
          * Additional actions to be rendered in the home page, close to the search bar.

package/dist/types/properties.d.ts

@@ -291,6 +291,15 @@ export interface StringProperty extends BaseProperty<string> {
      * indicate that this string refers to a path in your storage provider.
      */
     storage?: StorageConfig;
+    /**
+     * This property is used to indicate that the string is a user ID, and
+     * it will be rendered as a user picker.
+     * Note that the user ID needs to be the one used in your authentication
+     * provider, e.g. Firebase Auth.
+     * You can also use a property builder to specify the user path dynamically
+     * based on other values of the entity.
+     */
+    userSelect?: boolean;
     /**
      * If the value of this property is a URL, you can set this flag to true
      * to add a link, or one of the supported media types to render a preview

package/dist/types/property_config.d.ts

@@ -37,4 +37,4 @@ export type PropertyConfig<T extends CMSType = any> = {
      */
     description?: string;
 };
-export type PropertyConfigId = "text_field" | "multiline" | "markdown" | "url" | "email" | "select" | "multi_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "group" | "key_value" | "reference" | "reference_as_string" | "multi_references" | "switch" | "date_time" | "repeat" | "custom_array" | "block";
+export type PropertyConfigId = "text_field" | "multiline" | "markdown" | "url" | "email" | "user_select" | "select" | "multi_select" | "number_input" | "number_select" | "multi_number_select" | "file_upload" | "multi_file_upload" | "group" | "key_value" | "reference" | "reference_as_string" | "multi_references" | "switch" | "date_time" | "repeat" | "custom_array" | "block";

package/dist/types/user.d.ts

@@ -35,7 +35,7 @@ export type User = {
      */
     readonly isAnonymous: boolean;
     /**
-     *
+     * Custom roles assigned to the user.
      */
     roles?: Role[];
     getIdToken?: (forceRefresh?: boolean) => Promise<string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.2",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -53,9 +53,9 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
-    "@firecms/editor": "^3.0.0-rc.1",
-    "@firecms/formex": "^3.0.0-rc.1",
-    "@firecms/ui": "^3.0.0-rc.1",
+    "@firecms/editor": "^3.0.0-rc.2",
+    "@firecms/formex": "^3.0.0-rc.2",
+    "@firecms/ui": "^3.0.0-rc.2",
     "@radix-ui/react-portal": "^1.1.9",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
@@ -108,7 +108,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "e91ae67d24262a9b944550abaae626f182688aa1",
+  "gitHead": "6295de2d801a3d2cddaa958fd66cb041dd2c240e",
   "publishConfig": {
     "access": "public"
   },

package/src/components/EntityCollectionTable/PropertyTableCell.tsx

@@ -17,6 +17,7 @@ import { VirtualTableSelect } from "../VirtualTable/fields/VirtualTableSelect";
 import { VirtualTableNumberInput } from "../VirtualTable/fields/VirtualTableNumberInput";
 import { VirtualTableSwitch } from "../VirtualTable/fields/VirtualTableSwitch";
 import { VirtualTableDateField } from "../VirtualTable/fields/VirtualTableDateField";
+import { VirtualTableUserSelect } from "../VirtualTable/fields/VirtualTableUserSelect";
 
 import { TableStorageUpload } from "./fields/TableStorageUpload";
 import { TableReferenceField } from "./fields/TableReferenceField";
@@ -332,6 +333,17 @@ export const PropertyTableCell = React.memo<PropertyTableCellProps<any>>(
                                                          updateValue={updateValue}
                     />;
                     fullHeight = true;
+                } else if (stringProperty.userSelect) {
+                    innerComponent = <VirtualTableUserSelect name={propertyKey as string}
+                                                             multiple={false}
+                                                             focused={selected}
+                                                             disabled={disabled}
+                                                             small={getPreviewSizeFrom(size) !== "medium"}
+                                                             error={validationError ?? error}
+                                                             internalValue={internalValue as string}
+                                                             updateValue={updateValue}
+                    />;
+                    fullHeight = true;
                 } else if (stringProperty.markdown || !stringProperty.storage || !stringProperty.reference) {
                     const multiline = Boolean(stringProperty.multiline) || Boolean(stringProperty.markdown);
                     innerComponent = <VirtualTableInput error={validationError ?? error}

package/src/components/ErrorView.tsx

@@ -26,7 +26,7 @@ export function ErrorView({
                               tooltip
                           }: ErrorViewProps): React.ReactElement {
     const component = error instanceof Error ? error.message : error;
-    // console.warn("ErrorView", error)
+    console.warn("ErrorView", JSON.stringify(error))
 
     const body = (
         <div

package/src/components/HomePage/DefaultHomePage.tsx

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import Fuse from "fuse.js";
 import { Container, SearchBar } from "@firecms/ui";
 import { useCustomizationController, useFireCMSContext, useNavigationController } from "../../hooks";
+import { useCollapsedGroups } from "../../hooks/useCollapsedGroups";
 import {
     CMSAnalyticsEvent,
     NavigationEntry,
@@ -194,14 +195,13 @@ export function DefaultHomePage({
         onNavigationEntriesUpdate(all);
     };
 
-    const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});
-    const isGroupCollapsed = useCallback((name: string) => {
-        return !!collapsedGroups[name];
-    }, [collapsedGroups]);
+    // Use custom hook for collapsed groups with localStorage persistence
+    const groupNames = useMemo(() => [
+        ...items.map(item => item.name),
+        ...(adminGroupData ? [adminGroupData.name] : [])
+    ], [items, adminGroupData]);
 
-    const toggleGroupCollapsed = useCallback((name: string) => {
-        setCollapsedGroups(prev => ({ ...prev, [name]: !prev[name] }));
-    }, []);
+    const { isGroupCollapsed, toggleGroupCollapsed } = useCollapsedGroups(groupNames);
 
 
     const {
@@ -232,26 +232,10 @@ export function DefaultHomePage({
             context.analyticsController?.onAnalyticsEvent?.("home_move_group", {
                 name: g
             }),
-        onCardMovedBetweenGroups: (card) => {
-            // Find which group the card was moved to and expand it if collapsed
-            // Check both regular groups and admin group
-            let targetGroup = items.find(group =>
-                group.entries.some(entry => entry.url === card.url)
-            );
-
-            // Also check admin group if not found in regular groups
-            if (!targetGroup && adminGroupData?.entries.some(entry => entry.url === card.url)) {
-                targetGroup = adminGroupData;
-            }
-
-            if (targetGroup && isGroupCollapsed(targetGroup.name)) {
-                toggleGroupCollapsed(targetGroup.name);
-            }
-
+        onCardMovedBetweenGroups: (card) =>
             context.analyticsController?.onAnalyticsEvent?.("home_move_card", {
                 id: card.id
-            });
-        },
+            }),
         onNewGroupDrop: () =>
             context.analyticsController?.onAnalyticsEvent?.(
                 "home_drop_new_group"
@@ -576,7 +560,6 @@ export function DefaultHomePage({
                     onClose={() => setDialogOpenForGroup(null)}
                     onRename={(newName) => {
                         handleRenameGroup(dialogOpenForGroup, newName);
-                        setDialogOpenForGroup(null);
                     }}
                 />
             )}

package/src/components/HomePage/HomePageDnD.tsx

@@ -243,38 +243,11 @@ export function useHomePageDnd({
     const collisionDetection: CollisionDetection = useCallback(
         (args) => {
             if (disabled || !activeId) return [];
-
             if (activeIsGroup) {
                 const groups = args.droppableContainers.filter((c) =>
                     dndItems.some((g) => g.name === c.id)
                 );
                 if (!groups.length) return [];
-
-                // Special handling for dropping at the very beginning (first position)
-                if (groups.length > 0) {
-                    const firstGroup = groups[0];
-                    const firstGroupRect = firstGroup.rect.current;
-                    const { x, y } = args.pointerCoordinates || { x: 0, y: 0 };
-
-                    // If pointer is above the first group's top edge, treat it as dropping at position 0
-                    if (firstGroupRect && y < firstGroupRect.top + 20) {
-                        // Return the first group as target, but we'll handle this specially in onDragEnd
-                        return [{ id: firstGroup.id, data: { insertBefore: true } }];
-                    }
-                }
-
-                // Use closestCorners for better collision detection with collapsed groups
-                // This provides more precise drop zones between groups
-                const cornersResult = closestCorners({
-                    ...args,
-                    droppableContainers: groups
-                });
-
-                if (cornersResult.length) {
-                    return cornersResult;
-                }
-
-                // Fallback to closestCenter if corners detection fails
                 return closestCenter({
                     ...args,
                     droppableContainers: groups
@@ -407,21 +380,7 @@ export function useHomePageDnd({
 
         /* ─── group reorder ─── */
         if (activeIsGroup) {
-            // Check if we're dropping above the first group (insertBefore flag)
-            const insertBefore = over.data?.current?.insertBefore;
-
-            if (insertBefore && activeIdNow !== overIdNow) {
-                // Move to first position (before the target group)
-                const from = dndItems.findIndex((g) => g.name === activeIdNow);
-                if (from !== -1 && from !== 0) {
-                    const newState = arrayMove(dndItems, from, 0);
-                    setDndItems(newState);
-                    onPersist?.(newState);
-                    onGroupMoved?.(activeIdNow as string, from, 0);
-                }
-            }
-            // Handle dropping on another group (normal case)
-            else if (
+            if (
                 activeIdNow !== overIdNow &&
                 dndItems.some((g) => g.name === overIdNow)
             ) {
@@ -527,9 +486,7 @@ export function useHomePageDnd({
         recentlyMovedToNewContainer.current = false;
     };
 
-    const handleDragCancel = () => {
-        resetDragState();
-    };
+    const handleDragCancel = () => resetDragState();
 
     /* ---------------- group rename ---------------- */
     const handleRenameGroup = (oldName: string, newName: string) => {
@@ -547,6 +504,7 @@ export function useHomePageDnd({
             onPersist?.(updated); // <- ensure rename is saved
             return updated;
         });
+        setDialogOpenForGroup(null);
     };
 
     /* ---------------- public API ---------------- */

package/src/components/HomePage/RenameGroupDialog.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField } from "@firecms/ui";
 
 interface RenameGroupDialogProps {
@@ -9,7 +9,13 @@ interface RenameGroupDialogProps {
     onRename: (newName: string) => void;
 }
 
-export function RenameGroupDialog({ open, initialName, existingGroupNames, onClose, onRename }: RenameGroupDialogProps) {
+export function RenameGroupDialog({
+                                      open,
+                                      initialName,
+                                      existingGroupNames,
+                                      onClose,
+                                      onRename
+                                  }: RenameGroupDialogProps) {
     const [name, setName] = useState(initialName);
     const [error, setError] = useState<string | null>(null);
     const inputRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null); // Create a ref for the input
@@ -86,7 +92,7 @@ export function RenameGroupDialog({ open, initialName, existingGroupNames, onClo
     if (!open) return null;
 
     return (
-        <Dialog open={open} onOpenChange={onClose}>
+        <Dialog open={open}>
             <DialogTitle>Rename Group</DialogTitle>
             <DialogContent>
                 <TextField

package/src/components/PropertyConfigBadge.tsx

@@ -9,7 +9,7 @@ export function PropertyConfigBadge({
     propertyConfig: PropertyConfig | undefined,
     disabled?: boolean
 }): React.ReactNode {
-    const classes = "h-8 w-8 p-1 rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
+    const classes = "h-8 w-8 flex items-center justify-center rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
 
     const defaultPropertyConfig = typeof propertyConfig?.property === "object" ? getDefaultFieldConfig(propertyConfig.property) : undefined;
 
@@ -18,6 +18,6 @@ export function PropertyConfigBadge({
         style={{
             background: !disabled ? (propertyConfig?.color ?? defaultPropertyConfig?.color ?? "#888") : undefined
         }}>
-        {propertyConfig?.Icon ? getIconForWidget(propertyConfig, "medium") : getIconForWidget(defaultPropertyConfig, "medium")}
+        {propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small")}
     </div>
 }

package/src/components/SelectableTable/filters/StringNumberFilterField.tsx

@@ -123,7 +123,7 @@ export function StringNumberFilterField({
                             : evt.target.value;
                         updateFilter(operation, val);
                     }}
-                    endAdornment={internalValue && <IconButton
+                    endAdornment={internalValue !== undefined && internalValue != null && <IconButton
                         onClick={(e) => updateFilter(operation, undefined)}>
                         <CloseIcon/>
                     </IconButton>}

package/src/components/UserDisplay.tsx

@@ -0,0 +1,55 @@
+import { User } from "../types";
+import { AccountCircleIcon, cls, defaultBorderMixin } from "@firecms/ui";
+import { EmptyValue } from "../preview";
+
+/**
+ * Component to render a single user with name and email
+ */
+export function UserDisplay({
+                                user,
+                            }: { user: User | null }) {
+    if (!user) {
+        return <EmptyValue/>;
+    }
+
+    const avatarSizeClass = "w-6 h-6";
+
+    return (
+        <div className={cls(
+            "inline-flex items-center gap-4 px-2 py-1 rounded-xl",
+            "bg-surface-accent-100 dark:bg-surface-accent-800",
+            "border",
+            defaultBorderMixin
+        )}>
+            {user.photoURL ? (
+                <img
+                    src={user.photoURL}
+                    alt={user.displayName || user.email || "User"}
+                    className={cls(
+                        "rounded-full object-cover",
+                        avatarSizeClass
+                    )}
+                />
+            ) : (
+                <AccountCircleIcon
+                    className={cls(
+                        "text-text-secondary dark:text-text-secondary-dark",
+                        avatarSizeClass
+                    )}
+                />
+            )}
+            <div className="flex flex-col min-w-0">
+                <span className={cls("font-regular truncate", "text-sm")}>
+                    {user.displayName || user.email || "-"}
+                </span>
+                {user.displayName && user.email && (
+                    <span className={cls("text-text-secondary dark:text-text-secondary-dark truncate",
+                        "text-xs"
+                    )}>
+                        {user.email}
+                    </span>
+                )}
+            </div>
+        </div>
+    );
+}

package/src/components/VirtualTable/fields/VirtualTableUserSelect.tsx

@@ -0,0 +1,99 @@
+import React, { useCallback, useEffect } from "react";
+import { MultiSelect, MultiSelectItem, Select, SelectItem } from "@firecms/ui";
+import { useInternalUserManagementController } from "../../../hooks";
+import { UserDisplay } from "../../UserDisplay";
+
+export function VirtualTableUserSelect(props: {
+    name: string;
+    error: Error | undefined;
+    multiple: boolean;
+    disabled: boolean;
+    small: boolean;
+    internalValue: string | string[] | undefined;
+    updateValue: (newValue: (string | string[] | null)) => void;
+    focused: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+}) {
+
+    const {
+        internalValue,
+        disabled,
+        small,
+        focused,
+        updateValue,
+        multiple
+    } = props;
+
+    const { users, getUser } = useInternalUserManagementController();
+
+    const validValue = (Array.isArray(internalValue) && multiple) ||
+        (!Array.isArray(internalValue) && !multiple);
+
+    const ref = React.useRef<HTMLButtonElement>(null);
+    useEffect(() => {
+        if (ref.current && focused) {
+            ref.current?.focus({ preventScroll: true });
+        }
+    }, [focused, ref]);
+
+    const onChange = useCallback((updatedValue: string | string[]) => {
+        if (!updatedValue) {
+            updateValue(null);
+        } else {
+            updateValue(updatedValue);
+        }
+    }, [updateValue]);
+
+    const renderValue = (userId: string) => {
+        const user = getUser(userId);
+        return <UserDisplay user={user}  />;
+    };
+
+    return (
+        multiple
+            ? <MultiSelect
+                inputRef={ref}
+                className="w-full h-full p-0 bg-transparent"
+                position={"item-aligned"}
+                disabled={disabled}
+                includeClear={false}
+                useChips={false}
+                value={validValue
+                    ? (internalValue as string[])
+                    : ([])}
+                onValueChange={onChange}>
+                {users?.map((user) => (
+                    <MultiSelectItem
+                        key={user.uid}
+                        value={user.uid}>
+                        <UserDisplay
+                            user={user} />
+                    </MultiSelectItem>
+                ))}
+            </MultiSelect>
+            : <Select
+                inputRef={ref}
+                size={"large"}
+                fullWidth={true}
+                className="w-full h-full p-0 bg-transparent"
+                position={"item-aligned"}
+                disabled={disabled}
+                padding={false}
+                value={validValue
+                    ? internalValue as string
+                    : ""}
+                onValueChange={onChange}
+                renderValue={renderValue}>
+                {users?.map((user) => (
+                    <SelectItem
+                        key={user.uid}
+                        value={user.uid}>
+                        <UserDisplay
+                            user={user}/>
+                    </SelectItem>
+                ))}
+            </Select>
+
+    );
+}
+

package/src/components/common/useColumnsIds.tsx

@@ -8,14 +8,7 @@ export const COLLECTION_GROUP_PARENT_ID = "collectionGroupParent";
 export function useColumnIds<M extends Record<string, any>>(collection: ResolvedEntityCollection<M>, includeSubcollections: boolean): PropertyColumnConfig[] {
     return useMemo(() => {
         if (collection.propertiesOrder) {
-            const propertyColumnConfigs = hideAndExpandKeys(collection, collection.propertiesOrder);
-            if (collection.collectionGroup) {
-                propertyColumnConfigs.push({
-                    key: COLLECTION_GROUP_PARENT_ID,
-                    disabled: true
-                });
-            }
-            return propertyColumnConfigs;
+            return hideAndExpandKeys(collection, collection.propertiesOrder);
         }
         return getDefaultColumnKeys(collection, includeSubcollections);
     }, [collection, includeSubcollections]);

package/src/contexts/InternalUserManagementContext.tsx

@@ -0,0 +1,4 @@
+import React from "react";
+import { InternalUserManagement, NavigationController } from "../types";
+
+export const InternalUserManagementContext = React.createContext<InternalUserManagement<any>>({} as InternalUserManagement);