@pimcore/studio-ui-bundle 0.12.18 → 0.14.19

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

@@ -11,9 +11,11 @@ import { type SerializedStyles } from 'antd-style';
 import { type GridProps } from '../../types/components/types';
 export interface UseStylesProps {
     size?: GridProps['size'];
-    enableVirtualizer?: boolean;
+    enableRowVirtualizer: boolean;
+    enableColumnVirtualizer: boolean;
 }
 export declare const useStyles: (props?: UseStylesProps | undefined) => import("antd-style").ReturnStyles<{
     grid: SerializedStyles;
+    headerRow: SerializedStyles;
     disabledGrid: SerializedStyles;
 }>;

package/dist/build/types/src/core/components/grid-button/grid-button.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';
+import { type ButtonProps } from '../../components/button/button';
+import { type IconProps } from '../../components/icon/icon';
+export interface GridButtonProps extends Omit<ButtonProps, 'children' | 'type' | 'icon' | 'iconPosition' | 'block' | 'size' | 'shape' | 'danger' | 'color'> {
+    icon: Pick<IconProps, 'type' | 'value' | 'colorToken'>;
+    label: string;
+    iconOptions?: IconProps['options'];
+}
+export declare const GridButton: ({ icon, label, iconOptions, className, ...buttonProps }: GridButtonProps) => React.JSX.Element;

package/dist/build/types/src/core/components/grid-button/grid-button.stories.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';
+import type { Meta } from '@storybook/react';
+declare const config: Meta;
+export default config;
+export declare const InGrid: {
+    render: () => React.JSX.Element;
+};

package/dist/build/types/src/core/{modules/document/editor/sidebar/tabs/areablock-types/components/draggable-areablock-type/draggable-areablock-type.styles.d.ts → components/grid-button/grid-button.styles.d.ts}

@@ -8,7 +8,7 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    typeButton: import("antd-style").SerializedStyles;
-    typeIcon: import("antd-style").SerializedStyles;
-    typeName: import("antd-style").SerializedStyles;
+    button: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+    label: import("antd-style").SerializedStyles;
 }>;

package/dist/build/types/src/core/components/hotspot-image/hotspot-image.d.ts

@@ -65,6 +65,8 @@ interface IHotspotImage {
     disableContextMenu?: boolean;
     disabled?: boolean;
     disableDrag?: boolean;
+    ratioX?: number;
+    ratioY?: number;
 }
-export declare const HotspotImage: ({ src, data, styleOptions, onRemove, onEdit, onClone, onUpdate, disableContextMenu, disabled, disableDrag }: IHotspotImage) => JSX.Element;
+export declare const HotspotImage: ({ src, data, styleOptions, onRemove, onEdit, onClone, onUpdate, disableContextMenu, disabled, disableDrag, ratioX, ratioY }: IHotspotImage) => JSX.Element;
 export {};

package/dist/build/types/src/core/components/hotspot-image/utils/resize.d.ts

@@ -8,6 +8,6 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import type { MouseEvent } from 'react';
-import { type IHotspot } from '../../../components/hotspot-image/hotspot-image';
 import { type Rectangle } from '../../../components/hotspot-image/types/types';
-export declare const resizeItem: (evt: MouseEvent, resizeStart: Rectangle, resizeDirection: string | null, containerBounds: DOMRect, hotspots: IHotspot[], hotspotIndex: number, minSize: number, dx: number, dy: number) => IHotspot[];
+import { type IHotspot } from '../../../components/hotspot-image/hotspot-image';
+export declare const resizeItem: (evt: MouseEvent, resizeStart: Rectangle, resizeDirection: string | null, containerBounds: DOMRect, hotspots: IHotspot[], hotspotIndex: number, minSize: number, dx: number, dy: number, ratioX?: number, ratioY?: number) => IHotspot[];

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

@@ -8,8 +8,12 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type ElementIcon } from '../../modules/asset/asset-api-slice.gen';
+import { type ElementIcon as GeneratedElementIcon } from '../../modules/asset/asset-api-slice.gen';
+import { type IconColorGroup } from './icon-color-groups-registry';
 type SubIconVariant = 'default' | 'green';
+export interface ElementIcon extends GeneratedElementIcon {
+    colorToken?: string;
+}
 export interface IconProps extends Omit<ElementIcon, 'type'> {
     type?: ElementIcon['type'];
     options?: React.SVGProps<SVGSVGElement>;
@@ -18,6 +22,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, colorToken, ...props }: IconProps) => React.JSX.Element;
 export {};

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

@@ -11,8 +11,10 @@ import React from 'react';
 import { type ButtonProps } from '../button/button';
 import { type IconProps } from '../icon/icon';
 import { type SizeType } from 'antd/es/config-provider/SizeContext';
+import { type TooltipProps } from 'antd';
 export interface IconButtonProps extends Omit<ButtonProps, 'icon' | 'variant'> {
     icon: IconProps;
+    tooltip?: TooltipProps;
     theme?: 'primary' | 'secondary';
     variant?: 'minimal' | 'static';
     size?: SizeType;

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/image-picker/image-picker.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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 ImagePickerValue {
+    type: 'asset';
+    id: number;
+    fullPath: string;
+}
+export interface ImagePickerProps {
+    width?: string | number | null;
+    height?: string | number | null;
+    disabled?: boolean;
+    value?: ImagePickerValue | null;
+    onChange?: (value: ImagePickerValue | null) => void;
+    type: 'upload' | 'add';
+    description?: string;
+    className?: string;
+    placeholder?: string;
+    allowedTypes?: string[];
+}
+export declare const ImagePicker: (props: ImagePickerProps) => React.JSX.Element;

package/dist/build/types/src/core/components/image-picker/image-picker.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<{
+    imagePicker: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/components/import-modal/components/file-drop-zone/file-drop-zone.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)
+ */
+import React from 'react';
+import type { UploadProps } from 'antd';
+interface FileDropZoneProps {
+    uploadProps: UploadProps;
+    dragDropLabel?: string;
+}
+export declare const FileDropZone: ({ uploadProps, dragDropLabel }: FileDropZoneProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/components/import-modal/components/file-drop-zone/file-drop-zone.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 useStyle: (props?: unknown) => import("antd-style").ReturnStyles<{
+    importTargetTitle: import("antd-style").SerializedStyles;
+    iconContainer: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/components/import-modal/components/selected-file-view/selected-file-view.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 SelectedFileViewProps {
+    file: File;
+    loading: boolean;
+    isUploading: boolean;
+    uploadStatus: 'normal' | 'active' | 'success' | 'exception';
+    uploadProgress: number;
+    onRemove: () => void;
+}
+export declare const SelectedFileView: ({ file, loading, isUploading, uploadStatus, uploadProgress, onRemove }: SelectedFileViewProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/components/import-modal/components/selected-file-view/selected-file-view.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 useStyle: (props?: unknown) => import("antd-style").ReturnStyles<{
+    uploadedFile: import("antd-style").SerializedStyles;
+    fileName: import("antd-style").SerializedStyles;
+    fileSize: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/components/import-modal/hooks/use-file-upload.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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 UseFileUploadProps {
+    action: string;
+    headers?: Record<string, string>;
+    data?: Record<string, any>;
+    onUploadSuccess?: (response: any, file: File) => void;
+    onUploadError?: (error: Error, file: File) => void;
+}
+interface UseFileUploadReturn {
+    uploadProgress: number;
+    uploadStatus: 'normal' | 'active' | 'success' | 'exception';
+    loading: boolean;
+    isUploading: boolean;
+    upload: (file: File) => Promise<void>;
+    resetUploadState: () => void;
+}
+export declare const useFileUpload: ({ action, headers, data, onUploadSuccess, onUploadError }: UseFileUploadProps) => UseFileUploadReturn;
+export {};

package/dist/build/types/src/core/components/import-modal/hooks/use-file-validation.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)
+ */
+interface UseFileValidationProps {
+    accept?: string;
+    acceptMimeTypes?: string[];
+    maxFileSize?: number;
+}
+export declare const useFileValidation: ({ accept, acceptMimeTypes, maxFileSize }: UseFileValidationProps) => ((file: File) => boolean);
+export {};

package/dist/build/types/src/core/components/import-modal/import-modal.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 React from 'react';
+export interface ImportModalProps {
+    action: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    uploadButtonLabel?: string;
+    browseButtonLabel?: string;
+    dragDropLabel?: string;
+    accept?: string;
+    acceptMimeTypes?: string[];
+    validateFile?: (file: File) => boolean;
+    onValidationError?: (file: File) => void;
+    maxFileSize?: number;
+    headers?: Record<string, string>;
+    data?: Record<string, any>;
+    onUploadSuccess?: (response: any, file: File) => void;
+    onUploadError?: (error: Error, file: File) => void;
+    showSuccessMessage?: boolean;
+    successMessage?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare const ImportModal: ({ action, open: controlledOpen, onOpenChange, title, uploadButtonLabel, browseButtonLabel, dragDropLabel, accept, acceptMimeTypes, validateFile, onValidationError, maxFileSize, headers, data, onUploadSuccess, onUploadError, showSuccessMessage, successMessage, children }: ImportModalProps) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+/**
+ * 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 { ImportModal, type ImportModalProps } from './import-modal';

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

@@ -0,0 +1,11 @@
+/**
+ * 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 { ManyToOneRelationInput } from '../../many-to-one-relation-input';
+export { ManyToOneRelationPath } from './many-to-one-relation-path';

package/dist/build/types/src/core/components/many-to-one-relation/components/many-to-one-relation/many-to-one-relation-path.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';
+import { type ManyToOneRelationProps } from '../../many-to-one-relation';
+export interface ManyToOneRelationPathProps extends Omit<ManyToOneRelationProps, 'value' | 'onChange'> {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+}
+export declare const ManyToOneRelationPath: (props: ManyToOneRelationPathProps) => React.JSX.Element;

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

@@ -9,6 +9,7 @@
  */
 export { ManyToOneRelation } from './many-to-one-relation';
 export type { ManyToOneRelationProps, ManyToOneRelationValueType, ManyToOneRelationValue, PathTextInputValue, ManyToOneRelationClassDefinitionProps } from './many-to-one-relation';
+export { ManyToOneRelationPath, ManyToOneRelationInput } from './components/many-to-one-relation';
+export type { ManyToOneRelationPathProps } from './components/many-to-one-relation/many-to-one-relation-path';
 export { PathTarget } from './path-target';
-export { ManyToOneRelationInput } from './many-to-one-relation-input';
 export type { PathTargetProps } from './path-target';

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

@@ -31,6 +31,7 @@ export interface ManyToOneRelationClassDefinitionProps {
     inherited?: boolean;
     readOnly?: boolean;
     vertical?: boolean;
+    hideOpenButton?: boolean;
 }
 export interface ManyToOneRelationProps extends IRelationAllowedTypesDataComponent, ManyToOneRelationClassDefinitionProps {
     disabled?: boolean;

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/alert-modal/hooks/use-alert-modal.d.ts

@@ -10,24 +10,24 @@
 import { type ModalFuncProps } from 'antd';
 import type React from 'react';
 type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
-interface ContentAware {
+interface IAlertModalProps extends Omit<ModalFuncProps, 'content' | 'title'> {
     content: string | React.ReactNode;
     title?: string;
 }
 export interface UseAlertModalResponse {
-    info: (props: ContentAware) => {
+    info: (props: IAlertModalProps) => {
         destroy: () => void;
         update: (configUpdate: ConfigUpdate) => void;
     };
-    error: (props: ContentAware) => {
+    error: (props: IAlertModalProps) => {
         destroy: () => void;
         update: (configUpdate: ConfigUpdate) => void;
     };
-    warn: (props: ContentAware) => {
+    warn: (props: IAlertModalProps) => {
         destroy: () => void;
         update: (configUpdate: ConfigUpdate) => void;
     };
-    success: (props: ContentAware) => {
+    success: (props: IAlertModalProps) => {
         destroy: () => void;
         update: (configUpdate: ConfigUpdate) => void;
     };

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/modal/form-modal/components/input-form.d.ts

@@ -8,10 +8,11 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type FormInstance, type InputRef } from 'antd';
+import { type InputRef } from 'antd';
 import { type Rule } from 'antd/lib/form';
+import { type formInstanceType } from '../../../../components/form/form';
 export interface InputFormProps {
-    form: FormInstance<any>;
+    form: formInstanceType<any>;
     initialValues: object;
     fieldName: string;
     label?: string;

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

@@ -8,9 +8,10 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type FormInstance, type InputRef } from 'antd';
+import { type InputRef } from 'antd';
+import { type formInstanceType } from '../../../../components/form/form';
 export interface TextareaFormProps {
-    form: FormInstance<any>;
+    form: formInstanceType<any>;
     initialValues: object;
     fieldName: string;
     placeholder?: string;

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

@@ -8,10 +8,11 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type FormInstance, type InputRef } from 'antd';
+import { type InputRef } from 'antd';
 import { type Rule } from 'antd/lib/form';
+import { type FormProps } from '../../../../components/form/form';
 export interface UploadFormProps {
-    form: FormInstance<any>;
+    form: FormProps['form'];
     initialValues: object;
     fieldName: string;
     label?: string;

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/panel/panel.d.ts

@@ -11,6 +11,7 @@ import React, { type ReactNode } from 'react';
 import { type BoxProps } from '../../components/box/box';
 export interface PanelProps {
     title?: string;
+    tooltip?: ReactNode;
     border?: boolean;
     collapsible?: boolean;
     collapsed?: boolean;
@@ -21,4 +22,4 @@ export interface PanelProps {
     extraPosition?: 'start' | 'end';
     contentPadding?: BoxProps['padding'];
 }
-export declare const Panel: ({ children, name, border, collapsed, collapsible, title, theme, extra, extraPosition, contentPadding }: PanelProps) => React.JSX.Element;
+export declare const Panel: ({ children, name, border, collapsed, collapsible, title, tooltip, theme, extra, extraPosition, contentPadding }: PanelProps) => React.JSX.Element;

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

@@ -16,6 +16,7 @@ export declare const Default: Story;
 export declare const WithBorder: Story;
 export declare const Collapsible: Story;
 export declare const CollapsibleCollapsed: Story;
+export declare const WithTooltip: Story;
 export declare const FieldsetTheme: Story;
 export declare const DefaultTheme: Story;
 export declare const BorderHighlightTheme: Story;