@pimcore/studio-ui-bundle 0.12.18 → 0.13.20

package/dist/build/types/src/core/app/config/services/service-ids.d.ts

@@ -29,6 +29,7 @@ export declare const dynamicTypeRegistriesServiceIds: {
     'DynamicTypes/IconSet/PimcoreDefault': string;
     'DynamicTypes/IconSet/Twemoji': string;
     'DynamicTypes/WidgetEditor/WidgetTypeRegistry': string;
+    'DynamicTypes/FieldDefinitionRegistry': string;
 };
 export declare const serviceIds: {
     'DynamicTypes/FieldFilter/DataObjectAdapter': string;
@@ -244,6 +245,9 @@ export declare const serviceIds: {
     'Element/ProcessorRegistry/IconProcessor': string;
     'WidgetManager/ProcessorRegistry/PerspectiveProcessor': string;
     'AppLoader/Registry': string;
+    'DynamicTypes/FieldDefinition/Block': string;
+    'DynamicTypes/FieldDefinition/Input': string;
+    'DynamicTypes/FieldDefinition/Panel': string;
     'DynamicTypes/FieldFilterRegistry': string;
     'DynamicTypes/BatchEditRegistry': string;
     'DynamicTypes/GridCellRegistry': string;
@@ -265,10 +269,12 @@ export declare const serviceIds: {
     'DynamicTypes/IconSet/PimcoreDefault': string;
     'DynamicTypes/IconSet/Twemoji': string;
     'DynamicTypes/WidgetEditor/WidgetTypeRegistry': string;
+    'DynamicTypes/FieldDefinitionRegistry': string;
     mainNavRegistry: string;
     perspectivePermissionProviderRegistry: string;
     widgetManager: string;
     widgetRestorerRegistry: string;
+    elementTreeWidgetPermissionRegistry: string;
     backgroundProcessor: string;
     debouncedFormRegistry: string;
     globalMessageBusProcess: string;
@@ -306,5 +312,6 @@ export declare const serviceIds: {
     'Document/Editor/Sidebar/HardlinkSidebarManager': string;
     'Document/Editor/Sidebar/FolderSidebarManager': string;
     iconLibrary: string;
+    iconColorGroupsRegistry: string;
     'Grid/TypeRegistry': string;
 };

package/dist/build/types/src/core/bootstrap.d.ts

@@ -45,3 +45,5 @@ import './modules/application-logger';
 import './modules/user';
 import './components/icon-selector';
 import './modules/about';
+import './modules/class-definition';
+import './modules/field-definitions';

package/dist/build/types/src/core/components/content/content-config-provider.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React, { type ReactNode } from 'react';
+import { type Sizings } from '../box/box';
+interface ContentConfigProviderProps {
+    children: ReactNode;
+    gap?: Sizings;
+}
+interface ContentConfigContextValue {
+    gap?: Sizings;
+}
+export declare const ContentConfigProvider: ({ children, gap }: ContentConfigProviderProps) => React.JSX.Element;
+export declare const useContentConfig: () => ContentConfigContextValue;
+export {};

package/dist/build/types/src/core/components/content/content.d.ts

@@ -9,7 +9,7 @@
  */
 import React, { type ReactNode } from 'react';
 import { type INoContentProps } from '../no-content/no-content';
-import { type BoxProps } from '../box/box';
+import { type BoxProps, type Sizings } from '../box/box';
 export type OverflowValue = 'visible' | 'hidden' | 'scroll' | 'auto';
 export interface ContentProps extends Omit<BoxProps, 'children'> {
     className?: string;
@@ -24,5 +24,6 @@ export interface ContentProps extends Omit<BoxProps, 'children'> {
         x: OverflowValue;
         y: OverflowValue;
     };
+    gap?: Sizings;
 }
-export declare const Content: ({ children, padded, padding, overflow, margin, className, loading, none, centered, noneOptions, fullPage, ...props }: ContentProps) => React.JSX.Element;
+export declare const Content: ({ children, padded, padding, overflow, margin, className, loading, none, centered, noneOptions, fullPage, gap: gapProp, ...props }: ContentProps) => React.JSX.Element;

package/dist/build/types/src/core/components/content/content.styles.d.ts

@@ -7,7 +7,12 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+import { type Sizings } from '../../utils/sizing';
+interface ContentStylesProps {
+    gap: Sizings;
+}
+export declare const useStyles: (props?: ContentStylesProps | undefined) => import("antd-style").ReturnStyles<{
     content: import("antd-style").SerializedStyles;
     contentFullPage: import("antd-style").SerializedStyles;
 }>;
+export {};

package/dist/build/types/src/core/components/content-layout/content-layout.d.ts

@@ -10,6 +10,7 @@
 import React, { type ReactNode } from 'react';
 interface ContentToolbarViewProps {
     children: ReactNode;
+    className?: string;
     renderTopBar?: ReactNode;
     renderSidebar?: ReactNode;
     renderToolbar?: ReactNode;

package/dist/build/types/src/core/components/dropdown/dropdown.stories.d.ts

@@ -31,20 +31,20 @@ export declare const _default: {
         onOpenChange?: ((open: boolean, info: {
             source: "trigger" | "menu";
         }) => void) | undefined;
-        arrow?: (boolean | import("antd/es/dropdown/dropdown").DropdownArrowOptions) | undefined;
-        trigger?: ("click" | "hover" | "contextMenu")[] | undefined;
-        destroyPopupOnHide?: boolean | undefined;
+        forceRender?: boolean | undefined;
         align?: import("@rc-component/trigger").AlignType | undefined;
+        onVisibleChange?: ((open: boolean) => void) | undefined;
+        mouseLeaveDelay?: number | undefined;
+        mouseEnterDelay?: number | undefined;
+        trigger?: ("click" | "hover" | "contextMenu")[] | undefined;
+        placement?: ("bottom" | "top" | "bottomLeft" | "topLeft" | "topCenter" | "topRight" | "bottomCenter" | "bottomRight") | undefined;
         transitionName?: string | undefined;
-        placement?: ("bottom" | "top" | "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight") | undefined;
-        overlayClassName?: string | undefined;
         overlayStyle?: React.CSSProperties | undefined;
-        forceRender?: boolean | undefined;
-        mouseEnterDelay?: number | undefined;
-        mouseLeaveDelay?: number | undefined;
+        overlayClassName?: string | undefined;
+        arrow?: (boolean | import("antd/es/dropdown/dropdown").DropdownArrowOptions) | undefined;
+        destroyPopupOnHide?: boolean | undefined;
         openClassName?: string | undefined;
         autoAdjustOverflow?: (boolean | import("antd/es/tooltip").AdjustOverflow) | undefined;
-        onVisibleChange?: ((open: boolean) => void) | undefined;
     };
 };
 export declare const Simple: {

package/dist/build/types/src/core/components/element-tree/element-tree-slice.d.ts

@@ -171,6 +171,6 @@ export declare const selectNodeState: ((state: Record<string, any>, treeId: stri
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
 };

package/dist/build/types/src/core/components/element-tree/provider/tree-permission-provider/use-tree-permission.d.ts

@@ -10,5 +10,5 @@
 import { type TreePermission } from '../../../../modules/perspectives/enums/tree-permission';
 import { type ITreePermissionContext } from './tree-permission-provider';
 export declare const useTreePermission: () => ITreePermissionContext & {
-    isTreeActionAllowed: (permission: TreePermission) => boolean;
+    isTreeActionAllowed: (permission: TreePermission | string | undefined) => boolean;
 };

package/dist/build/types/src/core/components/grid/grid.d.ts

@@ -18,6 +18,7 @@ export interface ColumnMetaType {
     autoWidth?: boolean;
     type?: string | ((rowData: any) => string);
     columnKey?: string;
+    tooltip?: string | ((rowData: any) => string | null);
     config?: any | ((rowData: any) => any);
     callback?: boolean;
     editCallback?: (row: any, columnId: string, currentValue: string) => Promise<string>;

package/dist/build/types/src/core/components/icon/default-icon-color-groups.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+export type ColorToken = string;
+export type IconColorGroups = Record<string, Record<string, ColorToken>>;
+export declare const defaultIconColorGroups: IconColorGroups;

package/dist/build/types/src/core/components/icon/icon-color-groups-registry.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import { type ColorToken } from './default-icon-color-groups';
+export type IconColorGroupName = 'element' | 'fieldDefinition' | string;
+export type IconColorGroup = IconColorGroupName | IconColorGroupName[];
+export type IconColorGroupDefinition = Record<string, ColorToken>;
+export interface IconColorGroupsRegistry {
+    registerGroup: (groupName: IconColorGroupName, definitions: IconColorGroupDefinition) => void;
+    addToGroup: (groupName: IconColorGroupName, iconName: string, colorToken: ColorToken) => void;
+    getGroup: (groupName: IconColorGroupName) => IconColorGroupDefinition | undefined;
+    hasGroup: (groupName: IconColorGroupName) => boolean;
+    getIconColor: (groupName: IconColorGroupName, iconName: string) => ColorToken | undefined;
+    getIconColorValue: (groupName: IconColorGroup, iconName: string, token: Record<string, any>) => string | undefined;
+    getAllGroups: () => Record<string, IconColorGroupDefinition>;
+}
+export declare class IconColorGroupsRegistryService implements IconColorGroupsRegistry {
+    private readonly groups;
+    registerGroup(groupName: IconColorGroupName, definitions: IconColorGroupDefinition): void;
+    addToGroup(groupName: IconColorGroupName, iconName: string, colorToken: ColorToken): void;
+    getGroup(groupName: IconColorGroupName): IconColorGroupDefinition | undefined;
+    hasGroup(groupName: IconColorGroupName): boolean;
+    getIconColor(groupName: IconColorGroupName, iconName: string): ColorToken | undefined;
+    getIconColorValue(groupName: IconColorGroup, iconName: string, token: Record<string, any>): string | undefined;
+    getAllGroups(): Record<string, IconColorGroupDefinition>;
+}

package/dist/build/types/src/core/components/icon/icon.d.ts

@@ -9,6 +9,7 @@
  */
 import React from 'react';
 import { type ElementIcon } from '../../modules/asset/asset-api-slice.gen';
+import { type IconColorGroup } from './icon-color-groups-registry';
 type SubIconVariant = 'default' | 'green';
 export interface IconProps extends Omit<ElementIcon, 'type'> {
     type?: ElementIcon['type'];
@@ -18,6 +19,7 @@ export interface IconProps extends Omit<ElementIcon, 'type'> {
     subIconVariant?: SubIconVariant;
     sphere?: boolean;
     onLoadError?: (hasError: boolean) => void;
+    iconColorGroup?: IconColorGroup;
 }
-export declare const Icon: ({ value, type, options, className, subIconName, subIconVariant, sphere, onLoadError, ...props }: IconProps) => React.JSX.Element;
+export declare const Icon: ({ value, type, options, className, subIconName, subIconVariant, sphere, onLoadError, iconColorGroup, ...props }: IconProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/components/iframe/iframe.d.ts

@@ -15,7 +15,7 @@ export interface IframeRef {
     getIframeElement: () => HTMLIFrameElement | null;
     getElementRef: () => React.RefObject<HTMLIFrameElement>;
 }
-interface IframeProps extends React.HTMLAttributes<HTMLIFrameElement> {
+export interface IframeProps extends React.HTMLAttributes<HTMLIFrameElement> {
     src: string;
     title?: string;
     loadingTip?: string;
@@ -28,4 +28,3 @@ interface IframeProps extends React.HTMLAttributes<HTMLIFrameElement> {
     preserveScrollOnReload?: boolean;
 }
 export declare const Iframe: React.ForwardRefExoticComponent<IframeProps & React.RefAttributes<IframeRef>>;
-export {};

package/dist/build/types/src/core/components/iframe-content/iframe-content.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React from 'react';
+import { type IframeProps, type IframeRef } from '../iframe/iframe';
+interface IframeContentProps {
+    iframe: IframeProps;
+    allowReload?: boolean;
+    allowOpen?: boolean;
+    toolbar?: React.JSX.Element;
+    onReload?: (iframe: IframeRef | null) => void;
+    onOpen?: (iframe: IframeRef | null) => void;
+}
+export declare const IframeContent: (props: IframeContentProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/components/many-to-one-relation/path-target.d.ts

@@ -10,7 +10,7 @@
 import React from 'react';
 import { type ManyToOneRelationValueType } from './many-to-one-relation';
 export interface PathTargetProps {
-    value: ManyToOneRelationValueType;
+    value?: ManyToOneRelationValueType;
     disabled?: boolean;
     allowPathTextInput?: boolean;
     onChange?: (value: ManyToOneRelationValueType) => void;
@@ -18,5 +18,6 @@ export interface PathTargetProps {
     combinedFieldName?: string;
     pathFormatterClass?: string;
     onSearch?: () => void;
+    allowElementTagClose?: boolean;
 }
 export declare const PathTarget: React.ForwardRefExoticComponent<PathTargetProps & React.RefAttributes<HTMLDivElement>>;

package/dist/build/types/src/core/components/menu/menu.styles.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    menu: import("antd-style").SerializedStyles;
+    submenuPopup: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/components/modal/factory/modal-factory.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import { type IModalProps } from '../../../../sdk/components';
+import React, { type ComponentType, createContext } from 'react';
+export interface OptionalModalProps extends Partial<IModalProps> {
+}
+export interface ModalProviderProps extends OptionalModalProps {
+    children: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface IModalContext extends Partial<IModalProps> {
+    open: boolean;
+    openModal: () => void;
+    closeModal: () => void;
+}
+export interface ModalFactoryItem {
+    context: ReturnType<typeof createContext<IModalContext | undefined>>;
+    Modal: (props: OptionalModalProps) => React.JSX.Element;
+    Provider: ComponentType<ModalProviderProps>;
+    useModal: () => IModalContext;
+}
+export interface CreateProps {
+    defaultProps?: OptionalModalProps;
+}
+export declare const create: (props?: CreateProps) => ModalFactoryItem;

package/dist/build/types/src/core/components/operational-grid/operational-grid.stories.d.ts

@@ -50,6 +50,7 @@ export declare const ReadOnly: {
                 autoWidth?: boolean;
                 type?: string | ((rowData: any) => string);
                 columnKey?: string;
+                tooltip?: string | ((rowData: any) => string | null);
                 config?: any | ((rowData: any) => any);
                 callback?: boolean;
                 editCallback?: (row: any, columnId: string, currentValue: string) => Promise<string>;
@@ -87,6 +88,7 @@ export declare const ReadOnly: {
                 autoWidth?: boolean;
                 type?: string | ((rowData: any) => string);
                 columnKey?: string;
+                tooltip?: string | ((rowData: any) => string | null);
                 config?: any | ((rowData: any) => any);
                 callback?: boolean;
                 editCallback?: (row: any, columnId: string, currentValue: string) => Promise<string>;

package/dist/build/types/src/core/components/pimcore-video/video-provider.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React from 'react';
+export interface IVideoContext {
+    thumbnail: string;
+    setThumbnail: React.Dispatch<React.SetStateAction<string>>;
+    playerPosition: number;
+    setPlayerPosition: React.Dispatch<React.SetStateAction<number>>;
+}
+interface IVideoProviderProps {
+    children: React.ReactNode;
+}
+export declare const VideoProvider: ({ children }: IVideoProviderProps) => React.JSX.Element;
+export declare const useVideoContext: () => IVideoContext;
+export {};

package/dist/build/types/src/core/components/search-input/search-input.d.ts

@@ -9,6 +9,7 @@
  */
 import React, { type CSSProperties } from 'react';
 import { type SearchProps as AntSearchProps } from 'antd/es/input/Search';
+import { type InputRef } from 'antd';
 export interface ISearchInputProps extends AntSearchProps {
     className?: string;
     withoutAddon?: boolean;
@@ -17,4 +18,4 @@ export interface ISearchInputProps extends AntSearchProps {
     maxWidth?: CSSProperties['maxWidth'];
     searchButtonIcon?: string;
 }
-export declare const SearchInput: ({ className, withoutAddon, withPrefix, withClear, maxWidth, searchButtonIcon, ...props }: ISearchInputProps) => React.JSX.Element;
+export declare const SearchInput: React.ForwardRefExoticComponent<ISearchInputProps & React.RefAttributes<InputRef>>;

package/dist/build/types/src/core/components/toolstrip/tool-strip.styles.d.ts

@@ -11,4 +11,5 @@ export declare const useStyles: (props?: unknown) => import("antd-style").Return
     'tool-strip': import("antd-style").SerializedStyles;
     dragger: import("antd-style").SerializedStyles;
     'draggable-area': import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
 }>;

package/dist/build/types/src/core/components/tree-element/tree-element-item.d.ts

@@ -8,12 +8,10 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
+import { type TreeAction } from '../../../sdk/components';
 export interface ITreeElementItemProps {
     title: string;
-    actions?: Array<{
-        key: string;
-        icon: string;
-    }>;
+    actions?: TreeAction[];
     onSelected?: () => void;
     onActionsClick?: (action: string, title: string) => void;
 }

package/dist/build/types/src/core/components/tree-element/tree-element.d.ts

@@ -9,29 +9,44 @@
  */
 import React, { type Key } from 'react';
 import { type TreeDataNode, type TreeProps } from 'antd';
+export interface TreeAction {
+    key: string;
+    icon: string;
+    actions?: TreeAction[];
+}
 export interface TreeDataItem extends TreeDataNode {
-    actions?: Array<{
-        key: string;
-        icon: string;
-    }>;
-    allowDrop?: boolean;
-    allowDrag?: boolean;
+    actions?: TreeAction[];
+    meta?: Record<string, any>;
+    allowDrop?: boolean | ((params: {
+        dropNode: TreeDataItem;
+        dropPosition: number;
+        dragNode: TreeDataItem;
+    }) => boolean);
+    allowDrag?: boolean | ((params: {
+        node: TreeDataItem;
+    }) => boolean);
 }
-interface ITreeElementProps extends TreeProps {
+type OriginalTitleRender = NonNullable<TreeProps['titleRender']>;
+type ExtendedTitleRender = (node: Parameters<OriginalTitleRender>[0], initialComponent: React.ReactElement) => ReturnType<OriginalTitleRender>;
+export interface ITreeElementProps extends Omit<TreeProps, 'titleRender'> {
     treeData: TreeDataItem[];
     className?: string;
-    onActionsClick?: (key: string, action: string) => void;
+    onActionsClick?: (key: string, action: string, node: TreeDataItem) => void;
     onDragAndDrop?: (params: {
         node: TreeDataItem;
         dragNode: TreeDataItem;
         dropPosition: number;
+        dropToGap: boolean;
     }) => void;
-    onSelected?: (key: any) => void;
+    selectedKeys?: Key[];
+    onSelected?: (key: any, node: TreeDataItem) => void;
     onLoadData?: (node: any) => Promise<any>;
     onExpand?: (keys: Key[]) => void;
     withCustomSwitcherIcon?: boolean;
     isHideRootChecker?: boolean;
+    defaultExpandAll?: boolean;
     hasRoot?: boolean;
+    titleRender?: ExtendedTitleRender;
 }
 declare const TreeElement: (props: ITreeElementProps) => React.JSX.Element;
 export { TreeElement };

package/dist/build/types/src/core/modules/about/components/about-dialog/about-dialog-wrapper.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React from 'react';
+interface IAboutDialogWrapperProps {
+    children: React.ReactNode;
+}
+export declare const AboutDialogWrapper: ({ children }: IAboutDialogWrapperProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/modules/about/components/about-dialog/context/about-dialog-data-context.d.ts

@@ -0,0 +1,18 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React from 'react';
+interface IAboutDialogContext {
+    open: () => void;
+}
+export declare const AboutDialogProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useAboutDialogContext: () => IAboutDialogContext;
+export {};

package/dist/build/types/src/core/modules/app/base-layout/main-nav/services/main-nav-registry.d.ts

@@ -8,7 +8,6 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import { type WidgetManagerTabConfig } from '../../../../../modules/widget-manager/widget-manager-slice';
-import type React from 'react';
 export interface IMainNavItem {
     path: string;
     order?: number;
@@ -22,10 +21,15 @@ export interface IMainNavItem {
     permission?: string;
     perspectivePermission?: string;
     perspectivePermissionHide?: string;
-    onClick?: () => void;
-    button?: (props: {
-        closeMainNav: () => void;
-    }) => React.JSX.Element;
+    useCustomMainNavItem?: () => {
+        onClick: () => void;
+        name?: string;
+        icon?: string | {
+            type: string;
+            value: string;
+        };
+        translationKey?: string;
+    };
     widgetConfig?: WidgetManagerTabConfig;
     className?: string;
     hidden?: () => boolean;

package/dist/build/types/src/core/modules/app/context-menu-registry/context-menu-config.d.ts

@@ -69,6 +69,7 @@ export declare const contextMenuConfig: {
         priority: {
             rename: number;
             delete: number;
+            uploadNewVersion: number;
             download: number;
             zipDownload: number;
             clearImageThumbnail: number;

package/dist/build/types/src/core/modules/app/theme/dynamic-types/definitions/studio-default-light/dynamic-type-theme-studio-default-light.d.ts

@@ -62,6 +62,46 @@ export declare const studioDefaultLightThemeConfig: {
         colorBorderInverse: string;
         colorDividerInverse: string;
         colorInactiveInverse: string;
+        colorCodingRed1: string;
+        colorCodingRed2: string;
+        colorCodingRed3: string;
+        colorCodingRed4: string;
+        colorCodingRed5: string;
+        colorCodingRed6: string;
+        colorCodingBeige1: string;
+        colorCodingBeige2: string;
+        colorCodingBeige3: string;
+        colorCodingGold1: string;
+        colorCodingGold2: string;
+        colorCodingGold3: string;
+        colorCodingOrange1: string;
+        colorCodingOrange2: string;
+        colorCodingOrange3: string;
+        colorCodingGreen1: string;
+        colorCodingGreen2: string;
+        colorCodingGreen3: string;
+        colorCodingGreen4: string;
+        colorCodingGreen5: string;
+        colorCodingMint1: string;
+        colorCodingMint2: string;
+        colorCodingMint3: string;
+        colorCodingBlue1: string;
+        colorCodingBlue2: string;
+        colorCodingBlue3: string;
+        colorCodingBlue4: string;
+        colorCodingPurple1: string;
+        colorCodingPurple2: string;
+        colorCodingPurple3: string;
+        colorCodingPurple4: string;
+        colorCodingViolet1: string;
+        colorCodingViolet2: string;
+        colorCodingViolet3: string;
+        colorCodingViolet4: string;
+        colorCodingViolet5: string;
+        colorCodingMagenta1: string;
+        colorCodingMagenta2: string;
+        colorCodingMagenta3: string;
+        colorCodingMagenta4: string;
         fontFamily: string;
     };
     components: {

package/dist/build/types/src/core/modules/app/utils/auto-hide-empty-content/auto-hide-empty-content.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import React from 'react';
+export interface AutoHideEmptyContentProps {
+    children: React.ReactNode;
+    contentSelector: string;
+    parentSelector?: string;
+}
+export declare const AutoHideEmptyContent: ({ children, contentSelector, parentSelector }: AutoHideEmptyContentProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/app/utils/auto-hide-empty-content/auto-hide-empty-content.styles.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+export declare const useStyles: (props?: {
+    contentSelector: string;
+} | undefined) => import("antd-style").ReturnStyles<{
+    wrapper: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/modules/app/utils/auto-hide-empty-content/hooks/use-hide-parent-when-hidden.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+interface UseHideParentWhenHiddenOptions {
+    parentSelector?: string;
+}
+interface UseHideParentWhenHiddenResult<T extends HTMLElement> {
+    ref: React.RefObject<T>;
+}
+export declare function useHideParentWhenHidden<T extends HTMLElement = HTMLDivElement>(options: UseHideParentWhenHiddenOptions): UseHideParentWhenHiddenResult<T>;
+export {};