@pimcore/studio-ui-bundle 2025.4.5 → 2025.4.7

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/editable-overlay/use-highlight-editables.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)
+ */
+/**
+ * Reads the "highlight editable elements" toggle from the iframe-local document editable API
+ * and subscribes to changes. The toolbar button in the parent window pushes new values into
+ * this API (via the public document API bridge), which notifies the subscribed overlays so
+ * they re-render with the highlight styling applied.
+ */
+export declare const useHighlightEditables: () => boolean;

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

@@ -13,13 +13,15 @@ import { type Hotspot, type Marker } from '../../../../../objects/data-related/h
 interface UseImageValueUpdatesProps {
     value?: ImageEditableValue;
     onChange?: (value: ImageEditableValue) => void;
+    minWidth?: number;
+    minHeight?: number;
 }
 interface UseImageValueUpdatesReturn {
     handleCropChange: (crop: CropSettings | null) => void;
     handleHotspotsChange: (hotspots: Hotspot[], marker: Marker[]) => void;
-    handleReplaceImage: (assetId: number) => void;
+    handleReplaceImage: (assetId: number) => Promise<boolean>;
     handleEmptyValue: () => void;
     handleAltTextChange: (alt: string) => void;
 }
-export declare const useImageValueUpdates: ({ value: imageValue, onChange }: UseImageValueUpdatesProps) => UseImageValueUpdatesReturn;
+export declare const useImageValueUpdates: ({ value: imageValue, onChange, minWidth, minHeight }: UseImageValueUpdatesProps) => UseImageValueUpdatesReturn;
 export {};

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

@@ -45,6 +45,8 @@ interface DocumentHotspotImagePreviewProps {
         width: number;
         height: number;
     } | null;
+    minWidth?: number;
+    minHeight?: number;
     altText?: string;
     onAltTextChange?: (alt: string) => void;
     hideAltTextInput?: boolean;
@@ -53,5 +55,5 @@ interface DocumentHotspotImagePreviewProps {
     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 declare const DocumentHotspotImagePreview: ({ assetId, height, width, containerWidth, value, onChange, setMarkerModalOpen, setCropModalOpen, handleSearch, handleLocateInTree, handleUpload, emptyValue, disabled, disableInlineUpload, imgAttributes, focalPointContextMenuItem, dropClass, onResize, lastImageDimensions, minWidth, minHeight, altText, onAltTextChange, hideAltTextInput, isImageLoaded, onImageLoadedChange, thumbnailConfig, className }: DocumentHotspotImagePreviewProps) => React.JSX.Element;
 export {};

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

@@ -14,6 +14,8 @@ interface ImageEditablePreviewProps {
     assetId?: number;
     width?: number | string;
     height?: number | string;
+    minWidth?: number;
+    minHeight?: number;
     containerWidth: number;
     className?: string;
     dropdownItems?: DropdownProps['menu']['items'];
@@ -32,5 +34,5 @@ interface ImageEditablePreviewProps {
     } | null;
     onImageLoadedChange?: (isLoaded: boolean) => void;
 }
-export declare const ImageEditablePreview: ({ assetId, width, height, containerWidth, thumbnailSettings, thumbnailConfig, onImageLoadedChange, ...props }: ImageEditablePreviewProps) => React.JSX.Element;
+export declare const ImageEditablePreview: ({ assetId, width, height, minWidth, minHeight, containerWidth, thumbnailSettings, thumbnailConfig, onImageLoadedChange, ...props }: ImageEditablePreviewProps) => React.JSX.Element;
 export {};

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

@@ -19,5 +19,6 @@ export interface VideoEditableProps {
     allowedVideoTypes?: VideoType[];
     width?: number | string;
     height?: number | string;
+    thumbnailName?: string;
 }
-export declare const VideoEditable: ({ value, onChange, disabled, inherited, className, containerRef, allowedVideoTypes, width, height }: VideoEditableProps) => React.JSX.Element;
+export declare const VideoEditable: ({ value, onChange, disabled, inherited, className, containerRef, allowedVideoTypes, width, height, thumbnailName }: VideoEditableProps) => React.JSX.Element;

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

@@ -11,6 +11,9 @@ export declare const useStyles: (props?: unknown) => {
     styles: {
         wrapper: string;
         editButton: string;
+        progressOverlay: string;
+        progressLabel: string;
+        errorMessage: string;
     };
     cx: import("antd-style/es/types").ClassNamesUtil;
     theme: import("antd-style/lib/types/theme").FullToken;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/responsive-asset-preview/responsive-asset-preview.d.ts

@@ -26,6 +26,8 @@ interface ResponsiveAssetPreviewProps {
     } | null;
     thumbnailUrl?: string | null;
     onImageLoadedChange?: (isLoaded: boolean) => void;
+    minWidth?: number;
+    minHeight?: number;
 }
-export declare const ResponsiveAssetPreview: ({ assetId, className, dropdownItems, dropClass, imgAttributes, onImageLoad, onResize, lastImageDimensions, thumbnailUrl, onImageLoadedChange }: ResponsiveAssetPreviewProps) => React.JSX.Element;
+export declare const ResponsiveAssetPreview: ({ assetId, className, dropdownItems, dropClass, imgAttributes, onImageLoad, onResize, lastImageDimensions, thumbnailUrl, onImageLoadedChange, minWidth, minHeight }: ResponsiveAssetPreviewProps) => React.JSX.Element;
 export {};

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

@@ -21,6 +21,7 @@ export type VideoEditableDefinition = Omit<AbstractDocumentEditableDefinition, '
         poster?: string;
         title?: string;
         description?: string;
+        thumbnail?: string;
     };
 };
 interface ApiVideoValue {

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/field-filters/utils/date-filter-transform.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 DateValue } from '../../../../../../modules/element/dynamic-types/definitions/field-filters/components/dynamic-type-field-filter-date-component';
+export declare enum DateFilterOperator {
+    On = "on",
+    From = "from",
+    To = "to"
+}
+export interface DateFilterCondition {
+    operator: DateFilterOperator;
+    value: string;
+}
+/**
+ * Transforms a date field-filter value into the concrete date conditions it implies:
+ *  - before → [to]
+ *  - after → [from]
+ *  - between → [from, to]
+ *  - on → [on]
+ */
+export declare const transformDateFilter: (value: DateValue) => DateFilterCondition[];

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/grid-cell/components/date-time/date-time-cell.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)
+ */
+import React from 'react';
+import { type DefaultCellProps } from '../../../../../../../components/grid/columns/default-cell';
+export declare const DateTimeCell: (props: DefaultCellProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/objects/data-related/components/classification-store/components/classification-store-modal/classification-store-modal.d.ts

@@ -8,12 +8,19 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type ClassificationStoreProps } from '../../../../../../../../../../modules/element/dynamic-types/definitions/objects/data-related/components/classification-store/classification-store';
 import { TabId } from '../../types';
-export interface ClassificationStoreModalProps extends ClassificationStoreProps {
+export interface ClassificationStoreModalProps {
+    storeId: number;
     objectId?: number;
     classId: string;
     fieldName: string;
+    /** Field definition name, kept so callers can derive {@link fieldName} from a spread field definition. */
+    name: string;
     allowedTabs?: TabId[];
+    /**
+     * When true, the modal restricts the selection to a single classification store value.
+     * Used by the advanced column configuration where only one group/key may be picked.
+     */
+    singleSelection?: boolean;
 }
 export declare const ClassificationStoreModal: (props: ClassificationStoreModalProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/objects/data-related/components/classification-store/components/classification-store-modal/components/classification-store-data-tab/classification-store-callback-tab.d.ts

@@ -22,6 +22,7 @@ interface ClassificationStoreCallbackTabProps<T> {
     };
     queryArgs: any;
     columns: any[];
+    singleSelection?: boolean;
 }
-export declare const ClassificationStoreCallbackTab: <T>({ tabId, queryHook, queryArgs, columns }: ClassificationStoreCallbackTabProps<T>) => React.JSX.Element;
+export declare const ClassificationStoreCallbackTab: <T>({ tabId, queryHook, queryArgs, columns, singleSelection }: ClassificationStoreCallbackTabProps<T>) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/objects/data-related/components/classification-store/components/classification-store-modal/tabs/group-by-key/group-by-key-tab.d.ts

@@ -14,6 +14,7 @@ interface GroupByKeyTabProps {
     classId: ClassificationStoreGetKeyGroupRelationsApiArg['classId'];
     objectId?: number;
     fieldName: ClassificationStoreGetKeyGroupRelationsApiArg['fieldName'];
+    singleSelection?: boolean;
 }
 export declare const GroupByKeyTab: (props: GroupByKeyTabProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/objects/data-related/components/video/footer.d.ts

@@ -15,6 +15,7 @@ interface VideoFooterProps {
     value?: VideoValue | null;
     onSave?: (value: VideoValue) => void;
     allowedVideoTypes?: VideoType[];
+    onUpload?: () => void;
 }
 export declare const VideoFooter: (props: VideoFooterProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/objects/data-related/components/video/video.d.ts

@@ -47,6 +47,7 @@ export interface VideoProps {
     onChange?: (value: VideoValue | null) => void;
     allowedVideoTypes?: VideoType[];
     className?: string;
+    uploadPath?: string;
 }
 export declare const Video: (props: VideoProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/pipelines/grid/source-fields/classification-store/classification-store-field-picker-provider.d.ts

@@ -0,0 +1,39 @@
+/**
+ * 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 ClassificationStoreFieldValue {
+    groupId: number;
+    keyId: number;
+    keyName: string;
+}
+export interface OpenClassificationStorePickerArgs {
+    storeId: number;
+    fieldName: string;
+    classId?: string;
+    onPick: (value: ClassificationStoreFieldValue) => void;
+}
+export interface ClassificationStoreFieldPickerContextValue {
+    openPicker: (args: OpenClassificationStorePickerArgs) => void;
+}
+export declare const useClassificationStoreFieldPicker: () => ClassificationStoreFieldPickerContextValue;
+export interface ClassificationStoreFieldPickerProviderProps {
+    /** Default class id picked group/key relations are scoped to (the listing class for simple fields). */
+    defaultClassId?: string;
+    children: React.ReactNode;
+}
+/**
+ * Provides an isolated, single-select classification store modal for grid source-field configuration.
+ *
+ * The shared {@link ClassificationStoreModalProvider} only tracks a single update callback at a time,
+ * so a dedicated (nested) provider is used here to avoid clashing with the modal that the regular
+ * "add column" flow already drives. The coordinator restricts the modal to a single group/key
+ * selection and routes the result back to the field that opened it.
+ */
+export declare const ClassificationStoreFieldPickerProvider: ({ defaultClassId, children }: ClassificationStoreFieldPickerProviderProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/pipelines/grid/source-fields/classification-store/classification-store-field-utils.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)
+ */
+export interface ClassificationStoreFieldOptionConfig {
+    classificationStore?: boolean;
+    storeId?: number;
+}
+export interface ClassificationStoreFieldOption {
+    key: unknown;
+    config?: ClassificationStoreFieldOptionConfig | null;
+}
+/**
+ * Returns the classification store id for the given field key when that field is a classification
+ * store field (flagged by the backend with `config.classificationStore`), otherwise `undefined`.
+ */
+export declare const resolveClassificationStoreStoreId: (fields: readonly ClassificationStoreFieldOption[] | undefined, fieldKey: string) => number | undefined;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/pipelines/grid/source-fields/classification-store/classification-store-value-control.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 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 ResolvedClassificationStoreField {
+    storeId: number;
+    /** Class id the picked group/key relations should be scoped to (e.g. the related class for relation fields). */
+    classId?: string;
+}
+export interface ClassificationStoreFieldActionsConfig {
+    /**
+     * Resolves the classification store descriptor for a given field key, or `undefined` when the
+     * field is not a classification store field.
+     */
+    resolveField: (fieldKey: string) => ResolvedClassificationStoreField | undefined;
+}
+export interface ClassificationStoreFieldActions {
+    /** Drops any stored group/key for this source field. */
+    clearValue: () => void;
+    /** Opens the single-select picker for the given field key (when it is a classification store field). */
+    openFor: (fieldKey: string) => void;
+    /** Handler for the field select: clears the group/key picked for the previously selected field. */
+    onFieldSelect: () => void;
+}
+/**
+ * Wires the classification store picker into a single advanced column source field. The returned
+ * handlers persist the picked group/key into the source field config and are safe to use both from
+ * the field select (`onFieldSelect`) and from an explicit edit affordance (`openFor`).
+ */
+export declare const useClassificationStoreFieldActions: ({ resolveField }: ClassificationStoreFieldActionsConfig) => ClassificationStoreFieldActions;
+export interface ClassificationStoreValueControlProps extends ClassificationStoreFieldActionsConfig {
+}
+/**
+ * Renders the picked classification store value for a single advanced column source field as a chip
+ * with an edit affordance. Renders nothing while the selected field is not a classification store
+ * field.
+ */
+export declare const ClassificationStoreValueControl: ({ resolveField }: ClassificationStoreValueControlProps) => React.JSX.Element | null;