@pimcore/studio-ui-bundle 0.6.30 → 0.10.21

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/hooks/use-areablock-editable.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 { type AbstractDocumentEditableDefinition } from '../../../dynamic-type-document-editable-abstract';
+import { type AreablockEditableConfig, type AreablockValue } from '../areablock-editable';
+import { type AreablockManager } from '../utils/areablock-manager';
+export interface UseAreablockEditableParams {
+    areablockManager: AreablockManager;
+    value?: AreablockValue;
+    onChange?: (value: AreablockValue) => void;
+    config?: AreablockEditableConfig;
+    disabled?: boolean;
+}
+export interface UseAreablockEditableReturn {
+    dynamicEditables: AbstractDocumentEditableDefinition[];
+    addArea: (element: HTMLElement | null, areaType?: string) => Promise<void>;
+    removeArea: (element: HTMLElement) => void;
+    moveAreaUp: (element: HTMLElement) => void;
+    moveAreaDown: (element: HTMLElement) => void;
+    moveArea: (fromIndex: number, toIndex: number) => void;
+}
+export declare const useAreablockEditable: ({ areablockManager, onChange, config, disabled }: UseAreablockEditableParams) => UseAreablockEditableReturn;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/hooks/use-areablock-menu.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 MenuProps } from 'antd';
+import { type AreablockEditableConfig } from '../areablock-editable';
+export interface UseAreablockMenuOptions {
+    config?: AreablockEditableConfig;
+    onAddArea: (areaType: string) => void;
+}
+export interface UseAreablockMenuReturn {
+    menuItems: MenuProps['items'];
+}
+export declare const useAreablockMenu: ({ config, onAddArea }: UseAreablockMenuOptions) => UseAreablockMenuReturn;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/utils/areablock-manager.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 { type AreablockValue } from '../areablock-editable';
+import { AbstractBlockManager } from '../../../managers/abstract-block-manager';
+export declare class AreablockManager extends AbstractBlockManager {
+    protected getEditableType(): string;
+    protected getElementSelector(): string;
+    getElementType(element: HTMLElement): string | null;
+    setElementType(element: HTMLElement, type: string): void;
+    getAreablockValue(): AreablockValue;
+    isElementHidden(element: HTMLElement): boolean;
+    setElementHidden(element: HTMLElement, hidden: boolean): void;
+    toggleElementHidden(element: HTMLElement): boolean;
+    applyStylestoAreaEntries(areaEntryClass: string): void;
+}

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/utils/areablock-utils.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 AreablockEditableConfig, type AreablockValue } from '../areablock-editable';
+export declare const areablockValueUtils: {
+    filterEditableNames(allEditableNames: string[], areablockName: string, entryKey: string): string[];
+    elementsToAreablockValue(elements: HTMLElement[]): AreablockValue;
+    swapElements<T>(array: T[], index1: number, index2: number): T[];
+};
+export declare const configUtils: {
+    getEffectiveLimit(config?: AreablockEditableConfig): number;
+    isReloadMode(config?: AreablockEditableConfig): boolean;
+    isLimitReached(currentCount: number, limit?: number): boolean;
+    canMoveUp(index: number): boolean;
+    canMoveDown(index: number, totalCount: number): boolean;
+    getAvailableTypes(config?: AreablockEditableConfig): Array<{
+        name: string;
+        type: string;
+    }>;
+    isTypeAllowed(config: AreablockEditableConfig | undefined, type: string): boolean;
+    getGroupedAreaTypes(config?: AreablockEditableConfig): Array<{
+        name: string;
+        type: string;
+    }> | Record<string, Array<{
+        name: string;
+        type: string;
+    }>>;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/block-editable.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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 BlockEditableConfig {
+    limit?: number;
+    class?: string;
+    reload?: boolean;
+    template?: {
+        html: string;
+        editables: any[];
+    };
+}
+export type BlockValue = Array<string | number>;
+export interface BlockEditableProps {
+    value?: BlockValue;
+    onChange?: (value: BlockValue) => void;
+    config?: BlockEditableConfig;
+    className?: string;
+    editableName: string;
+    containerRef?: React.RefObject<HTMLDivElement>;
+    disabled?: boolean;
+    isInherited?: boolean;
+}
+export declare const BlockEditable: ({ value, onChange, config, className, editableName, containerRef, disabled, isInherited }: BlockEditableProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/block-editable.styles.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)
+ */
+export declare const useBlockEditableStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    blockContainer: {
+        position: "relative";
+    };
+    blockToolstrip: {
+        display: "inline-block";
+        width: string;
+        marginTop: number;
+        marginBottom: number;
+    };
+}>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/components/empty-state-block-toolbar/empty-state-block-toolbar.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 EmptyStateBlockToolbarProps {
+    onClick: () => void;
+    isInherited?: boolean;
+    onOverwrite?: () => void;
+}
+export declare const EmptyStateBlockToolbar: ({ onClick, isInherited, onOverwrite }: EmptyStateBlockToolbarProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/components/empty-state-block-toolbar/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 { EmptyStateBlockToolbar, type EmptyStateBlockToolbarProps } from './empty-state-block-toolbar';

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/components/sortable-block-toolbar/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 { SortableBlockToolbar } from './sortable-block-toolbar';
+export type { SortableBlockToolbarProps } from './sortable-block-toolbar';

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/components/sortable-block-toolbar/sortable-block-toolbar.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 BlockManager } from '../../utils/block-manager';
+export interface SortableBlockToolbarProps {
+    id: string;
+    buttonsContainer: HTMLElement;
+    element: HTMLElement;
+    limitReached: boolean;
+    blockManager: BlockManager;
+    onAddBlock: (element: HTMLElement | null, amount?: number) => void;
+    onRemoveBlock: (element: HTMLElement) => void;
+    onMoveBlockUp: (element: HTMLElement) => void;
+    onMoveBlockDown: (element: HTMLElement) => void;
+    isInherited?: boolean;
+    onOverwrite?: () => void;
+}
+export declare const SortableBlockToolbar: ({ id, buttonsContainer, element, limitReached, blockManager, onAddBlock, onRemoveBlock, onMoveBlockUp, onMoveBlockDown, isInherited, onOverwrite }: SortableBlockToolbarProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/hooks/use-block-controls.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)
+ */
+import React from 'react';
+import { type BlockManager } from '../utils/block-manager';
+export interface UseBlockControlsParams {
+    blockManager: BlockManager;
+    config?: any;
+    onAddBlock: (element: HTMLElement | null, amount?: number) => void;
+    onRemoveBlock: (element: HTMLElement) => void;
+    onMoveBlockUp: (element: HTMLElement) => void;
+    onMoveBlockDown: (element: HTMLElement) => void;
+    onMoveBlock: (fromIndex: number, toIndex: number) => void;
+    isInherited?: boolean;
+    onOverwrite?: () => void;
+}
+export interface UseBlockControlsReturn {
+    renderBlockToolbar: () => React.JSX.Element;
+}
+export declare const useBlockControls: ({ blockManager, config, onAddBlock, onRemoveBlock, onMoveBlockUp, onMoveBlockDown, onMoveBlock, isInherited, onOverwrite }: UseBlockControlsParams) => UseBlockControlsReturn;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/hooks/use-block-dropzones.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 BlockManager } from '../utils/block-manager';
+import { type UseBlockManagerDropzonesReturn } from '../../../helpers/editable-dropzone-sorting/hooks/use-block-manager-dropzones';
+export interface UseBlockDropzonesProps {
+    blockManager: BlockManager;
+    onMoveBlock: (fromIndex: number, toIndex: number) => void;
+}
+export interface UseBlockDropzonesReturn extends UseBlockManagerDropzonesReturn {
+    dragOverlayTitle: string | undefined;
+}
+export declare const useBlockDropzones: ({ blockManager, onMoveBlock }: UseBlockDropzonesProps) => UseBlockDropzonesReturn;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/hooks/use-block-editable.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 { type AbstractDocumentEditableDefinition } from '../../../dynamic-type-document-editable-abstract';
+import { type BlockEditableConfig, type BlockValue } from '../block-editable';
+import { type BlockManager } from '../utils/block-manager';
+export interface UseBlockEditableParams {
+    blockManager: BlockManager;
+    value?: BlockValue;
+    onChange?: (value: BlockValue) => void;
+    config?: BlockEditableConfig;
+    disabled?: boolean;
+}
+export interface UseBlockEditableReturn {
+    dynamicEditables: AbstractDocumentEditableDefinition[];
+    addBlock: (element: HTMLElement | null, amount?: number) => void;
+    removeBlock: (element: HTMLElement) => void;
+    moveBlockUp: (element: HTMLElement) => void;
+    moveBlockDown: (element: HTMLElement) => void;
+    moveBlock: (fromIndex: number, toIndex: number) => void;
+}
+export declare const useBlockEditable: ({ blockManager, value, onChange, config, disabled }: UseBlockEditableParams) => UseBlockEditableReturn;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/utils/block-manager.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 BlockValue } from '../block-editable';
+import { AbstractBlockManager } from '../../../managers/abstract-block-manager';
+/**
+ * BlockManager class handles all DOM operations and element key management
+ * for block editables. It provides a centralized way to interact with block
+ * elements without needing to pass container and editableName repeatedly.
+ */
+export declare class BlockManager extends AbstractBlockManager {
+    protected getEditableType(): string;
+    protected getElementSelector(): string;
+    findElementIndex(targetElement: HTMLElement): number;
+    ensureElementKey(element: HTMLElement): void;
+    ensureAllElementKeys(): HTMLElement[];
+    getBlockValue(): BlockValue;
+}

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/utils/block-utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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 BlockEditableConfig, type BlockValue } from '../block-editable';
+export declare const blockValueUtils: {
+    swapElements: <T>(array: T[], index1: number, index2: number) => T[];
+    filterEditableNames: (allEditableNames: string[], editableName: string, elementKey: string) => string[];
+    elementsToBlockValue: (elements: HTMLElement[]) => BlockValue;
+};
+export declare const configUtils: {
+    isLimitReached: (currentCount: number, limit?: number) => boolean;
+    isReloadMode: (config?: BlockEditableConfig) => boolean;
+    getEffectiveLimit: (config?: BlockEditableConfig) => number;
+    canMoveUp: (index: number) => boolean;
+    canMoveDown: (index: number, totalElements: number) => boolean;
+};
+export { BlockManager } from './block-manager';

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/utils/template-processor.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 { type AbstractDocumentEditableDefinition } from '../../../dynamic-type-document-editable-abstract';
+import { type BlockManager } from './block-manager';
+export interface ProcessTemplateParams {
+    templateHtml: string;
+    blockManager: BlockManager;
+    nextKey: number;
+}
+export interface ProcessedTemplate {
+    html: string;
+    editableDefinitions: AbstractDocumentEditableDefinition[];
+}
+export declare const processBlockTemplate: ({ templateHtml, blockManager, nextKey }: ProcessTemplateParams, templateEditables: any[]) => ProcessedTemplate;
+export declare const ensurePortalTargets: (newBlockEntry: HTMLElement, editableDefinitions: AbstractDocumentEditableDefinition[]) => void;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/checkbox-editable/checkbox-editable.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 CheckboxEditableValue {
+    value?: boolean;
+}
+export interface CheckboxEditableConfig {
+    label?: string;
+    class?: string;
+    reload?: boolean;
+}
+interface CheckboxEditableProps {
+    value?: boolean;
+    config?: CheckboxEditableConfig;
+    onChange?: (checked: boolean) => void;
+    inherited?: boolean;
+    className?: string;
+    name?: string;
+}
+export declare const CheckboxEditable: ({ value, config, onChange, inherited, className, name }: CheckboxEditableProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/content-editable/content-editable.d.ts

@@ -11,11 +11,13 @@ export interface ContentEditableProps {
     value?: string | null;
     onChange?: (newValue: string | null) => void;
     placeholder?: string;
-    required?: boolean;
     width?: number;
     height?: number;
     nowrap?: boolean;
     allowMultiLine?: boolean;
+    className?: string;
+    disabled?: boolean;
+    inherited?: boolean;
 }
-declare const ContentEditable: ({ value, onChange, placeholder, required, width, height, nowrap, allowMultiLine }: ContentEditableProps) => JSX.Element;
+declare const ContentEditable: ({ value, onChange, placeholder, width, height, nowrap, allowMultiLine, className, disabled, inherited }: ContentEditableProps) => JSX.Element;
 export default ContentEditable;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/content-editable/content-editable.styles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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<{
+    contentEditable: {
+        outline: string;
+        overflowY: "visible";
+        '&[data-empty=true]': {
+            outline: string;
+        };
+        '&:hover': {
+            outline: string;
+            outlineOffset: string;
+        };
+        '&:focus': {
+            outline: string;
+        };
+        '&[contenteditable=true][data-placeholder][data-empty=true]:before': {
+            cursor: "text";
+            content: "attr(data-placeholder)";
+            display: "block";
+            color: string;
+        };
+    };
+}>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/date-editable/date-editable.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 DateEditableValue {
+    value?: string | null;
+}
+export interface DateEditableConfig {
+    class?: string;
+}
+interface DateEditableProps {
+    value?: string | null;
+    config?: DateEditableConfig;
+    onChange?: (value: string | null) => void;
+    inherited?: boolean;
+}
+export declare const DateEditable: ({ value, config, onChange, inherited }: DateEditableProps) => React.JSX.Element;
+export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/embed-editable/embed-editable.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 EmbedValue {
+    url: string;
+}
+export interface EmbedEditableProps {
+    value?: EmbedValue | null;
+    onChange?: (value: EmbedValue | null) => void;
+    disabled?: boolean;
+    inherited?: boolean;
+    className?: string;
+    containerRef?: React.RefObject<HTMLDivElement>;
+    width?: string | number;
+    height?: string | number;
+}
+export declare const EmbedEditable: ({ value, onChange, disabled, inherited, className, containerRef, width, height }: EmbedEditableProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/embed-editable/embed-editable.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<{
+    wrapper: import("antd-style").SerializedStyles;
+    editButton: import("antd-style").SerializedStyles;
+}>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/image-editable/hooks/use-image-value-updates.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 ImageEditableValue } from '../image-editable';
+import { type CropSettings } from '../../../../../../../../../modules/element/dynamic-types/definitions/objects/data-related/helpers/hotspot-image/types/crop-types';
+import { type Hotspot, type Marker } from '../../../../../objects/data-related/helpers/hotspot-image/types/hotspot-types';
+interface UseImageValueUpdatesProps {
+    value?: ImageEditableValue;
+    onChange?: (value: ImageEditableValue) => void;
+}
+interface UseImageValueUpdatesReturn {
+    handleCropChange: (crop: CropSettings | null) => void;
+    handleHotspotsChange: (hotspots: Hotspot[], marker: Marker[]) => void;
+    handleReplaceImage: (assetId: number) => void;
+    handleEmptyValue: () => void;
+    handleAltTextChange: (alt: string) => void;
+}
+export declare const useImageValueUpdates: ({ value: imageValue, onChange }: UseImageValueUpdatesProps) => UseImageValueUpdatesReturn;
+export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/image-editable/hotspot-image-preview.d.ts

@@ -0,0 +1,57 @@
+/**
+ * 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 Hotspot, type Marker } from '../../../../objects/data-related/helpers/hotspot-image/types/hotspot-types';
+import { type CropSettings } from '../../../../objects/data-related/helpers/hotspot-image/types/crop-types';
+interface DocumentHotspotImageValue {
+    image: {
+        type: 'asset';
+        id: number;
+    } | null;
+    hotspots: Hotspot[];
+    marker: Marker[];
+    crop: CropSettings;
+}
+interface DocumentHotspotImagePreviewProps {
+    assetId: number;
+    height?: number | string;
+    width?: number | string;
+    containerWidth: number;
+    value: DocumentHotspotImageValue;
+    onChange?: (value: DocumentHotspotImageValue) => void;
+    setMarkerModalOpen: () => void;
+    setCropModalOpen: () => void;
+    handleSearch: () => void;
+    handleLocateInTree: () => void;
+    handleUpload: () => void;
+    emptyValue: () => void;
+    disabled?: boolean;
+    disableInlineUpload?: boolean;
+    imgAttributes?: Record<string, string>;
+    focalPointContextMenuItem?: boolean;
+    dropClass?: string;
+    onResize?: (dimensions: {
+        width: number;
+        height: number;
+    }) => void;
+    lastImageDimensions?: {
+        width: number;
+        height: number;
+    } | null;
+    altText?: string;
+    onAltTextChange?: (alt: string) => void;
+    hideAltTextInput?: boolean;
+    isImageLoaded?: boolean;
+    onImageLoadedChange?: (isLoaded: boolean) => void;
+    thumbnailConfig?: string | object;
+    className?: string;
+}
+export declare const DocumentHotspotImagePreview: ({ assetId, height, width, containerWidth, value, onChange, setMarkerModalOpen, setCropModalOpen, handleSearch, handleLocateInTree, handleUpload, emptyValue, disabled, disableInlineUpload, imgAttributes, focalPointContextMenuItem, dropClass, onResize, lastImageDimensions, altText, onAltTextChange, hideAltTextInput, isImageLoaded, onImageLoadedChange, thumbnailConfig, className }: DocumentHotspotImagePreviewProps) => React.JSX.Element;
+export {};