@pimcore/studio-ui-bundle 0.13.20 → 0.15.17

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

@@ -13,6 +13,8 @@ declare const config: Meta<typeof Form>;
 export default config;
 type Story = StoryObj<typeof config>;
 export declare const BasicForm: Story;
+export declare const UseWatchExample: Story;
 export declare const InlineForm: Story;
 export declare const HorizontalForm: Story;
 export declare const AllControlsShowcase: Story;
+export declare const WithMixedValidation: Story;

package/dist/build/types/src/core/components/form/hooks/use-debounced-form-change.d.ts

@@ -8,8 +8,18 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 export interface UseDebouncedFormChangeOptions {
+    /**
+     * If true, debouncing is disabled and the original callback is returned unchanged.
+     */
+    disabled?: boolean;
     delay?: number;
+    /**
+     * Field names that bypass debouncing and fire onChange immediately.
+     */
     immediateFields?: string[];
+    /**
+     * Tag for registry coordination. Gets auto-resolved from DebouncedFormProvider if omitted.
+     */
     tag?: string;
 }
 export interface UseDebouncedFormChangeReturn {

package/dist/build/types/src/core/components/form/hooks/use-debounced-form-flush.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)
+ */
+/**
+ * Returns a function to flush all debounced forms with the given tag.
+ * Gets tag from explicit parameter or DebouncedFormProvider context.
+ * Throws if no tag is available from either source.
+ */
+export declare function useDebouncedFormFlush(tag?: string): () => void;

package/dist/build/types/src/core/components/form/item/hooks/use-virtual-validation.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 FormItemProps } from 'antd';
+import { type formInstanceType } from '../../../../components/form/use-form';
+export type ValidateStatus = '' | 'success' | 'warning' | 'error' | 'validating';
+export interface VirtualValidationState {
+    validateStatus: ValidateStatus;
+    errors: string[];
+    warnings: string[];
+}
+export interface UseVirtualValidationReturn {
+    validationState: VirtualValidationState;
+    validate: (value: unknown) => Promise<VirtualValidationState>;
+}
+export declare function useVirtualValidation(rules: FormItemProps['rules'], validateTrigger: FormItemProps['validateTrigger'], fieldName: string, formInstance: formInstanceType | null): UseVirtualValidationReturn;

package/dist/build/types/src/core/components/form/item/hooks/use-virtual-validator-registry.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 VirtualValidationState } from './use-virtual-validation';
+/**
+ * A zero-argument function that runs all validation rules for one virtual field
+ * against its current value and returns the resulting state.
+ */
+export type VirtualValidatorFn = () => Promise<VirtualValidationState>;
+/** Shape of one entry in the errorFields array — matches AntD's ValidateErrorEntity.errorFields item. */
+export interface VirtualErrorField {
+    name: Array<string | number>;
+    errors: string[];
+    warnings: string[];
+}
+export interface VirtualValidateAllResult {
+    hasErrors: boolean;
+    hasWarnings: boolean;
+    /** Structured per-field errors, compatible with AntD's errorFields shape. */
+    errorFields: VirtualErrorField[];
+}
+export interface VirtualValidatorRegistry {
+    register: (key: string, namePath: Array<string | number>, fn: VirtualValidatorFn) => void;
+    unregister: (key: string) => void;
+    /** Run every registered validator and return the merged result. */
+    validateAll: () => Promise<VirtualValidateAllResult>;
+}
+export declare const VirtualValidatorRegistryContext: import("react").Context<VirtualValidatorRegistry | null>;
+/**
+ * Creates a stable registry object backed by a Map stored in a plain object ref.
+ * Call this once per Form instance (not inside a render cycle).
+ */
+export declare function createVirtualValidatorRegistry(): VirtualValidatorRegistry;
+export declare const useVirtualValidatorRegistry: () => VirtualValidatorRegistry | null;

package/dist/build/types/src/core/components/form/item/provider/item/item-provider.d.ts

@@ -9,7 +9,12 @@
  */
 import { type FormItemProps } from 'antd';
 import React from 'react';
+import { type VirtualValidationState } from '../../hooks/use-virtual-validation';
 export interface ItemData extends FormItemProps {
+    validationState?: VirtualValidationState;
+    onValidate?: (value: unknown) => Promise<VirtualValidationState>;
+    /** Called by child controls so VirtualItem can keep track of the current value for submit-time validation. */
+    onUpdateCurrentValue?: (value: unknown) => void;
 }
 export type ItemContextProps = ItemData | undefined;
 export declare const ItemContext: React.Context<ItemContextProps>;

package/dist/build/types/src/core/components/form/layouts/item-spacer/item-spacer.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';
+export type ItemSpacerSize = 'none' | 'mini' | 'extra-small' | 'small' | 'normal' | 'medium' | 'large' | 'extra-large' | 'maxi';
+export interface ItemSpacerProps {
+    children: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    size?: ItemSpacerSize;
+    className?: string;
+}
+export declare const ItemSpacer: ({ children, direction, size, className }: ItemSpacerProps) => React.JSX.Element;

package/dist/build/types/src/core/components/form/layouts/item-spacer/item-spacer.stories.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 type { Meta, StoryObj } from '@storybook/react';
+import { ItemSpacer } from './item-spacer';
+declare const meta: Meta<typeof ItemSpacer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Standalone: Story;
+export declare const MultipleGroups: Story;
+export declare const Horizontal: Story;

package/dist/build/types/src/core/components/form/providers/debounced-form-provider.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, { type ReactNode } from 'react';
+export interface DebouncedFormContextValue {
+    tag: string;
+}
+export interface DebouncedFormProviderProps {
+    /**
+     * Tag for coordinating flushes across multiple forms. Auto-generated if not provided.
+     */
+    tag?: string;
+    children: ReactNode;
+}
+/**
+ * Provider for coordinating debounced form changes.
+ * Forms inside this provider can be flushed together via `useDebouncedFormFlush()`.
+ */
+export declare function DebouncedFormProvider({ tag: providedTag, children }: DebouncedFormProviderProps): React.JSX.Element;
+/**
+ * Returns the resolved tag from explicit parameter or provider context.
+ *
+ * Priority: explicitTag → provider tag → undefined
+ */
+export declare function useDebouncedFormContext(explicitTag?: string): string | undefined;

package/dist/build/types/src/core/components/form/use-form.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 FormInstance, type FormProps } from 'antd';
+import { type NamePath } from 'antd/es/form/interface';
+import React from 'react';
+import type { VirtualValidatorRegistry } from './item/hooks/use-virtual-validator-registry';
+export interface CustomSetFieldValueOptions {
+    triggerChange?: boolean;
+}
+export type formInstanceType<Values = any> = Omit<FormInstance<Values>, 'setFieldValue' | 'setFieldsValue'> & {
+    setOnValuesChangeHandler: (handler: FormProps<Values>['onValuesChange']) => void;
+    _onValuesChangeHandler?: FormProps<Values>['onValuesChange'];
+    /** Attached by <Form> so validateFields() can reach virtual validators. */
+    _virtualValidatorRegistry?: VirtualValidatorRegistry;
+    setFieldValue: (name: NamePath<Values>, value: any, options?: CustomSetFieldValueOptions) => void;
+    setFieldsValue: (values: Partial<Values>, options?: CustomSetFieldValueOptions) => void;
+};
+export declare const useForm: <Values = any>(form?: FormInstance<Values>) => [formInstanceType<Values>];
+export declare const FormInstanceContext: React.Context<formInstanceType<any> | null>;
+export interface FormInstanceProviderProps {
+    formInstance: formInstanceType;
+    children: React.ReactNode;
+}
+export declare const FormInstanceProvider: React.FC<FormInstanceProviderProps>;
+export declare const useFormInstance: <Values = any>() => formInstanceType<Values>;

package/dist/build/types/src/core/components/geo-map/utils/lat-lng-convert.d.ts

@@ -7,9 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-import type { GeoPoint, GeoPoints } from '../../../components/geo-map/types/geo-types';
+import type { GeoBounds, GeoPoint, GeoPoints } from '../../../components/geo-map/types/geo-types';
 import L from 'leaflet';
 export declare const convertLatLngToGeoPoint: (latLng: L.LatLng) => GeoPoint;
 export declare const convertGeoPointToLatLng: (geoPoint: GeoPoint) => L.LatLng;
 export declare const convertPolyLineToLatLngs: (polyLine: GeoPoints) => L.LatLng[];
 export declare const convertLatLngsToGeoPoints: (latlngs: L.LatLng[]) => GeoPoint[];
+export declare const convertLatLngBoundsToGeoBounds: (bounds: L.LatLngBounds) => GeoBounds;

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

@@ -12,6 +12,7 @@ import { type Row } from '@tanstack/react-table';
 import { type GridContextProviderProps } from '../grid-context';
 import { type GridProps, type ListGridContextMenuComponents } from '../../../types/components/types';
 import { type GridCellReference } from '../../../components/grid/grid';
+import { type VirtualItem } from '@tanstack/react-virtual';
 export interface GridRowProps {
     row: Row<any>;
     modifiedCells: string;
@@ -23,10 +24,14 @@ export interface GridRowProps {
     contextMenu?: ListGridContextMenuComponents;
     onRowDoubleClick?: GridProps['onRowDoubleClick'];
     enableRowDrag?: boolean;
+    enableColumnVirtualizer: boolean;
     size?: GridProps['size'];
     rowStyle?: CSSProperties;
     measureElement?: (node: HTMLElement | null) => void;
     virtualIndex?: number;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
-declare const CachedGridRow: React.MemoExoticComponent<({ row, isSelected, modifiedCells, enableRowDrag, rowStyle, ...props }: GridRowProps) => React.JSX.Element>;
+declare const CachedGridRow: React.MemoExoticComponent<({ row, isSelected, modifiedCells, enableRowDrag, rowStyle, virtualColumns, virtualPaddingLeft, virtualPaddingRight, enableColumnVirtualizer, ...props }: GridRowProps) => React.JSX.Element>;
 export { CachedGridRow as GridRow };

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

@@ -49,5 +49,5 @@ export interface ExtendedCellContext extends CellContext<any, any> {
 export interface GridContextMenuProps extends Pick<AssetGetGridApiResponse['items'][number], 'isLocked' | 'permissions'> {
     id: number;
 }
-export declare const Grid: ({ enableMultipleRowSelection, modifiedCells, sorting, manualSorting, enableSorting, hideColumnHeaders, highlightActiveCell, docked, onActiveCellChange, enableRowSelection, selectedRows, disabled, allowMultipleAutoWidthColumns, enableRowDrag, handleDragEnd, enableRowVirtualizer, size, ...props }: GridProps) => React.JSX.Element;
+export declare const Grid: ({ enableMultipleRowSelection, modifiedCells, sorting, manualSorting, enableSorting, hideColumnHeaders, highlightActiveCell, docked, onActiveCellChange, enableRowSelection, selectedRows, disabled, allowMultipleAutoWidthColumns, enableRowDrag, handleDragEnd, enableRowVirtualizer, enableColumnVirtualizer, size, ...props }: GridProps) => React.JSX.Element;
 export * from './edit-mode/use-edit-mode';

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

@@ -8,11 +8,9 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-export interface HeaderProps {
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: React.JSX.Element;
-    className?: string;
     fullWidth?: boolean;
     title: string;
-    children?: React.ReactNode;
 }
 export declare const Header: (props: HeaderProps) => React.JSX.Element;

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

@@ -8,9 +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>;
@@ -21,5 +24,5 @@ export interface IconProps extends Omit<ElementIcon, 'type'> {
     onLoadError?: (hasError: boolean) => void;
     iconColorGroup?: IconColorGroup;
 }
-export declare const Icon: ({ value, type, options, className, subIconName, subIconVariant, sphere, onLoadError, iconColorGroup, ...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/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/{drag-and-drop/draggable.styles.d.ts → import-modal/index.d.ts}

@@ -7,4 +7,4 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const GlobalStyle: import("react").NamedExoticComponent<object>;
+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;