@pimcore/studio-ui-bundle 2026.2.0-RC1 → 2026.2.0

package/dist/build/types/src/core/components/date-picker/date-picker.stories.d.ts

@@ -13,3 +13,4 @@ declare const config: Meta;
 export default config;
 type Story = StoryObj<typeof DatePicker>;
 export declare const _default: Story;
+export declare const WithPlaceholder: Story;

package/dist/build/types/src/core/components/editable-empty-placeholder/editable-empty-placeholder.d.ts

@@ -11,7 +11,7 @@ import React from 'react';
 import { type IconProps } from '../../components/icon/icon';
 export interface EditableEmptyPlaceholderProps {
     text: string;
-    buttonText: string;
+    buttonText?: string;
     onClick: () => void;
     disabled?: boolean;
     icon?: IconProps;

package/dist/build/types/src/core/components/editable-empty-placeholder/editable-empty-placeholder.stories.d.ts

@@ -27,10 +27,6 @@ declare const meta: {
             control: "text";
             description: string;
         };
-        buttonText: {
-            control: "text";
-            description: string;
-        };
         onClick: {
             description: string;
         };

package/dist/build/types/src/core/components/icon-selector/utils/element-icon.test.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 {};

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

@@ -0,0 +1,38 @@
+/**
+ * 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 } from '@storybook/react';
+declare const config: Meta;
+export default config;
+export declare const _default: {
+    args: {
+        type: string;
+        value: null;
+        onChange: (value: unknown) => void;
+    };
+};
+export declare const WithValue: {
+    args: {
+        value: {
+            type: string;
+            id: number;
+            fullPath: string;
+        };
+        type: string;
+        onChange: (value: unknown) => void;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        type: string;
+        value: null;
+        onChange: (value: unknown) => void;
+    };
+};

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

@@ -7,6 +7,7 @@
  *  @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;
@@ -19,3 +20,30 @@ export declare const _default: {
         };
     };
 };
+export declare const WithDropdownItems: {
+    args: {
+        width: number;
+        height: number;
+        style: {
+            border: string;
+        };
+        dropdownItems: ({
+            key: string;
+            label: string;
+            icon: React.JSX.Element;
+            type?: undefined;
+        } | {
+            type: string;
+            key: string;
+            label?: undefined;
+            icon?: undefined;
+        })[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

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

@@ -29,6 +29,14 @@ export declare const InputWithInitialValue: {
         initialValue: string;
     };
 };
+export declare const InputWithWarning: {
+    args: {
+        type: string;
+        title: string;
+        label: string;
+        warningMessage: string;
+    };
+};
 export declare const Confirmation: {
     args: {
         type: string;

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

@@ -0,0 +1,47 @@
+/**
+ * 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 ModalFuncProps } from 'antd';
+import { type Rule } from 'antd/lib/form';
+export type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
+export type InputFormModalProps = Omit<ModalFuncProps, 'content'> & {
+    label?: string;
+    rule?: Rule;
+    initialValue?: string;
+    warningMessage?: string;
+};
+export type TextareaFormModalProps = Omit<ModalFuncProps, 'content'> & {
+    label?: string;
+    initialValue?: string;
+    placeholder?: string;
+};
+export interface UploadFormModalProps extends Omit<InputFormModalProps, 'initialValues'> {
+    accept?: string;
+}
+export type ConfirmFormModalProps = ModalFuncProps & {
+    dontAskAgainKey?: string;
+};
+export interface UseFormModalHookResponse {
+    input: (props: InputFormModalProps) => {
+        destroy: () => void;
+        update: (configUpdate: ConfigUpdate) => void;
+    };
+    textarea: (props: TextareaFormModalProps) => {
+        destroy: () => void;
+        update: (configUpdate: ConfigUpdate) => void;
+    };
+    confirm: (props: ConfirmFormModalProps) => {
+        destroy: () => void;
+        update: (configUpdate: ConfigUpdate) => void;
+    };
+    upload: (props: UploadFormModalProps) => {
+        destroy: () => void;
+        update: (configUpdate: ConfigUpdate) => void;
+    };
+}

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

@@ -9,45 +9,10 @@
  */
 import React from 'react';
 import { type ModalFuncProps } from 'antd';
-import { type Rule } from 'antd/lib/form';
-export type ConfigUpdate = ModalFuncProps | ((prevConfig: ModalFuncProps) => ModalFuncProps);
-export type InputFormModalProps = Omit<ModalFuncProps, 'content'> & {
-    label?: string;
-    rule?: Rule;
-    initialValue?: string;
-};
-export type TextareaFormModalProps = Omit<ModalFuncProps, 'content'> & {
-    label?: string;
-    initialValue?: string;
-    placeholder?: string;
-};
-interface UploadFormModalProps extends Omit<InputFormModalProps, 'initialValues'> {
-    accept?: string;
-}
-export type ConfirmFormModalProps = ModalFuncProps & {
-    dontAskAgainKey?: string;
-};
-export interface UseFormModalHookResponse {
-    input: (props: InputFormModalProps) => {
-        destroy: () => void;
-        update: (configUpdate: ConfigUpdate) => void;
-    };
-    textarea: (props: TextareaFormModalProps) => {
-        destroy: () => void;
-        update: (configUpdate: ConfigUpdate) => void;
-    };
-    confirm: (props: ConfirmFormModalProps) => {
-        destroy: () => void;
-        update: (configUpdate: ConfigUpdate) => void;
-    };
-    upload: (props: UploadFormModalProps) => {
-        destroy: () => void;
-        update: (configUpdate: ConfigUpdate) => void;
-    };
-}
+import type { InputFormModalProps, TextareaFormModalProps, ConfirmFormModalProps, UseFormModalHookResponse, UploadFormModalProps } from './form-modal-types';
+export type { ConfigUpdate, InputFormModalProps, TextareaFormModalProps, ConfirmFormModalProps, UseFormModalHookResponse } from './form-modal-types';
 export declare function useFormModal(): UseFormModalHookResponse;
 export declare function withInput(props: InputFormModalProps, onKeyBoardSubmit: any, onSetModalLoading: any): ModalFuncProps;
 export declare function withTextarea(props: TextareaFormModalProps): ModalFuncProps;
 export declare function withConfirm(props: ConfirmFormModalProps, dontAskAgainRef: React.MutableRefObject<boolean>): ModalFuncProps;
 export declare function withUpload(props: UploadFormModalProps): ModalFuncProps;
-export {};

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

@@ -11,6 +11,7 @@ import React, { type ReactNode } from 'react';
 export interface PipelineItem {
     id: string;
     component: ReactNode;
+    noDivider?: boolean;
 }
 export interface PipelineProps {
     items: PipelineItem[];

package/dist/build/types/src/core/lib/event-bus/event-types.d.ts

@@ -21,4 +21,5 @@ export declare const eventTypes: {
     'data-object:editor:post-update': string;
     'document:editor:post-update': string;
     'asset:editor:post-update': string;
+    'element:item:deleted': string;
 };

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

@@ -332,6 +332,12 @@ declare const defaultComponentConfig: {
             name: string;
         };
     };
+    user: {
+        appearanceBranding: {
+            type: ComponentType;
+            name: string;
+        };
+    };
     wysiwyg: {
         editor: {
             type: ComponentType;

package/dist/build/types/src/core/modules/app/theme/constants/theme-algorithms.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 { type MappingAlgorithm } from 'antd';
+/**
+ * Ant Design's dark mapping algorithm, exposed through the SDK surface.
+ * Bundles must never import from antd directly — use this export when
+ * building a dark theme dynamic type (see `PimcoreThemeConfig.algorithm`).
+ */
+export declare const darkThemeAlgorithm: MappingAlgorithm;
+export type { MappingAlgorithm };

package/dist/build/types/src/core/modules/app/theme/constants/theme-ids.d.ts

@@ -8,7 +8,8 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 /**
- * Standard theme IDs for Pimcore Studio
+ * Standard theme IDs for Pimcore Studio.
+ * The dark theme ships with the Backend Power Tools bundle.
  */
 export declare const studioThemeIds: {
     readonly light: "studio-default-light";

package/dist/build/types/src/core/modules/app/theme/dynamic-theme-provider.d.ts

@@ -12,4 +12,16 @@ export interface DynamicThemeProviderProps {
     children: React.ReactNode;
     id?: string;
 }
+/**
+ * Resolves the theme chain for the given id from the theme registry, deep-merges
+ * it into a single config, and applies it via one antd-style theme provider. The
+ * deep merge lets a child theme override individual values inside a nested token
+ * group without dropping the group's other keys.
+ *
+ * Note: theme resolution is memoized on [themeRegistry, id] and is NOT
+ * reactive to later registry changes. Theme dynamic types must therefore be
+ * registered during the module init / app-loader phase, before first render —
+ * a theme registered after a failed resolution is only retried once the
+ * theme id changes.
+ */
 export declare const DynamicThemeProvider: ({ children, id }: DynamicThemeProviderProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/app/theme/dynamic-types/registry/dynamic-type-theme-registry.d.ts

@@ -18,7 +18,17 @@ export interface ThemeChain {
 }
 export declare class DynamicTypeThemeRegistry extends DynamicTypeRegistryAbstract<DynamicTypeThemeAbstract> {
     /**
-     * Resolve a theme and its inheritance chain
+     * Resolve a theme and its inheritance chain into an ordered list of configs,
+     * from the root ancestor down to the requested leaf theme.
+     *
+     * A theme reached via more than one path (diamond inheritance) is emitted only
+     * once, at its first occurrence; a theme that (transitively) extends itself
+     * throws, since that chain can never be resolved.
      */
     resolveThemeChain(themeId: string): ThemeChain;
+    /**
+     * Resolve a theme's inheritance chain and deep-merge it into a single config,
+     * with the leaf theme's values taking precedence over its ancestors'.
+     */
+    resolveMergedTheme(themeId: string): PimcoreThemeConfig;
 }

package/dist/build/types/src/core/modules/app/theme/dynamic-types/registry/dynamic-type-theme-registry.test.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)
+ */
+import 'reflect-metadata';

package/dist/build/types/src/core/modules/app/theme/theme-provider.d.ts

@@ -8,9 +8,19 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-interface ThemeProviderProps {
+export interface ThemeProviderProps {
     children: React.ReactNode;
+    /**
+     * Explicit theme id override. When omitted, the theme id from the
+     * store applies (settable via setThemeId, defaults to the light theme).
+     */
     id?: string;
 }
+/**
+ * Applies the currently active studio theme.
+ *
+ * Note: this component unconditionally reads the theme id from the redux
+ * store (useAppSelector) and therefore requires a react-redux Provider
+ * ancestor (e.g. the studio GlobalProvider) to be rendered.
+ */
 export declare const ThemeProvider: ({ children, id }: ThemeProviderProps) => React.JSX.Element;
-export {};

package/dist/build/types/src/core/modules/app/theme/theme-slice.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+import { type RootState } from '../../../../sdk/app';
+export interface ThemeState {
+    themeId: string;
+}
+export declare const setThemeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "theme/setThemeId">;
+export declare const selectThemeId: (state: RootState) => string;

package/dist/build/types/src/core/modules/app/theme/theme-slice.test.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 {};

package/dist/build/types/src/core/modules/auth/user/user-api-slice.gen.d.ts

@@ -282,6 +282,8 @@ export type UserInformation = {
     activePerspective: string | null;
     /** Allowed studio perspectives */
     perspectives: PerspectiveConfig[];
+    /** Theme of the User */
+    theme: string;
 };
 export type UserWorkspace = {
     /** ID of the element */
@@ -404,6 +406,8 @@ export type User = {
     objectDependencies: UserObjectDependencies;
     /** Allowed studio perspectives */
     perspectives: PerspectiveConfig[];
+    /** Theme of the User */
+    theme: string;
 };
 export type User2 = {
     /** Email of the User */
@@ -456,6 +460,8 @@ export type User2 = {
     documentWorkspaces: UserWorkspace[];
     /** Allowed studio perspectives */
     perspectives: string[];
+    /** Theme of the User */
+    theme?: string;
 };
 export type UserPermission = {
     /** AdditionalAttributes */
@@ -506,6 +512,8 @@ export type UserProfile = {
     contentLanguages: object;
     /** Key Bindings */
     keyBindings: KeyBindingForAUser[];
+    /** Theme of the User */
+    theme?: string;
 };
 export declare const useUserCloneByIdMutation: <R extends Record<string, any> = ({
     requestId?: undefined;

package/dist/build/types/src/core/modules/data-object/data-object-api-slice-enhanced.d.ts

@@ -17,6 +17,7 @@ declare const api: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit
     dataObjectGetGridPreview: import("@reduxjs/toolkit/query").QueryDefinition<import("./data-object-api-slice.gen").DataObjectGetGridPreviewApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").GridColumnData, "api", unknown>;
     dataObjectDeleteGridConfigurationByConfigurationId: import("@reduxjs/toolkit/query").MutationDefinition<import("./data-object-api-slice.gen").DataObjectDeleteGridConfigurationByConfigurationIdApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").GridDetailedConfiguration, "api", unknown>;
     dataObjectGetGridConfiguration: import("@reduxjs/toolkit/query").QueryDefinition<import("./data-object-api-slice.gen").DataObjectGetGridConfigurationApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").GridDetailedConfiguration, "api", unknown>;
+    dataObjectListGlobalGridConfigurations: import("@reduxjs/toolkit/query").QueryDefinition<import("./data-object-api-slice.gen").DataObjectListGlobalGridConfigurationsApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").DataObjectListGlobalGridConfigurationsApiResponse, "api", unknown>;
     dataObjectListSavedGridConfigurations: import("@reduxjs/toolkit/query").QueryDefinition<import("./data-object-api-slice.gen").DataObjectListSavedGridConfigurationsApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").DataObjectListSavedGridConfigurationsApiResponse, "api", unknown>;
     dataObjectRemoveGridConfigurationAsFavorite: import("@reduxjs/toolkit/query").MutationDefinition<import("./data-object-api-slice.gen").DataObjectRemoveGridConfigurationAsFavoriteApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", unknown, "api", unknown>;
     dataObjectSaveGridConfiguration: import("@reduxjs/toolkit/query").MutationDefinition<import("./data-object-api-slice.gen").DataObjectSaveGridConfigurationApiArg, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError>, "Data Objects" | "Data Object Grid", import("./data-object-api-slice.gen").GridConfiguration, "api", unknown>;