@kentico/xperience-admin-components 26.5.2 → 26.6.0

package/dist/entry.d.ts

@@ -15,6 +15,7 @@ import { default as React_2 } from 'react';
 import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
 import { ReactCodeMirrorRef } from '@uiw/react-codemirror';
 import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RegisterCommandParameters } from 'froala-editor';
@@ -726,6 +727,10 @@ export declare interface CheckboxProps extends CheckboxBaseProps {
      * Dangerously sets tooltip as inner HTML.
      */
     readonly tooltipAsHtml?: boolean;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React.ReactNode;
 }
 
 export declare enum CheckboxSize {
@@ -777,6 +782,10 @@ export declare interface CodeEditorProps extends Omit<ReactCodeMirrorProps, 'ext
      * Dangerously sets tooltip as inner HTML.
      */
     readonly tooltipAsHtml?: boolean;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React.ReactNode;
 }
 
 export declare enum Colors {
@@ -1430,7 +1439,7 @@ export declare function forceClickOutside(e?: MouseEvent): void;
 
 export declare const FormItemWrapper: React_2.ForwardRefExoticComponent<FormItemWrapperProps & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface FormItemWrapperProps extends UITestProps {
+export declare interface FormItemWrapperProps extends UITestProps {
     readonly id?: string;
     readonly inline?: boolean;
     readonly label?: string;
@@ -1454,10 +1463,11 @@ declare interface FormItemWrapperProps extends UITestProps {
      */
     readonly explanationTextAsHtml?: boolean;
     /**
-     * Dangerously tooltip as inner HTML.
+     * Dangerously sets tooltip as inner HTML.
      */
     readonly tooltipAsHtml?: boolean;
     readonly onInlineWrapperClick?: (e: React_2.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    readonly labelActionsElement?: React_2.ReactNode;
 }
 
 /** Configurator enables custom Froala Typescript plugins to use global Froala configuration methods, which would be unavailable due to different module context. */
@@ -1687,15 +1697,11 @@ export declare interface InlineProps extends LayoutComponentProps, UITestProps {
     readonly spacingY?: Spacing;
 }
 
-export declare const Input: React_2.ForwardRefExoticComponent<InputBaseProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const InputBase: React_2.ForwardRefExoticComponent<InputBaseProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface InputBaseProps extends NativeInputProps, UITestProps {
-    /**
-     * Label used as description to input.
-     */
-    readonly label?: string;
     /**
      * Specifies if input has valid value.
      */
@@ -1708,10 +1714,6 @@ export declare interface InputBaseProps extends NativeInputProps, UITestProps {
      * Specifies input type.
      */
     readonly type?: 'text' | 'password' | 'email' | 'number';
-    /**
-     * Explanatory message for invalid input.
-     */
-    readonly validationMessage?: string;
     /**
      * Button or icon in input field.
      */
@@ -1721,45 +1723,60 @@ export declare interface InputBaseProps extends NativeInputProps, UITestProps {
      */
     readonly clearButton?: React.ReactElement<HTMLButtonElement>;
     /**
-     * Explanatory message for input.
+     * Input ref.
      */
-    readonly explanationText?: string;
+    readonly inputRef?: RefObject<HTMLInputElement>;
     /**
-     * Explanatory text in tooltip for disabled input.
+     * Specifies if input is used as Select component.
      */
-    readonly inactiveMessage?: string;
+    readonly isSelect?: boolean;
     /**
-     * Icon in label.
+     * Tooltip text displayed on input.
      */
-    readonly labelIcon?: IconName;
+    readonly tooltipText?: string;
     /**
-     * Text for icon in label.
+     * Dangerously sets explanation text as inner HTML.
      */
-    readonly labelIconTooltip?: string;
+    readonly explanationTextAsHtml?: boolean;
+    /**
+     * Dangerously sets tooltip as inner HTML.
+     */
+    readonly tooltipAsHtml?: boolean;
+}
+
+export declare interface InputProps extends InputBaseProps {
+    /**
+     * Label used as description to input.
+     */
+    readonly label?: string;
     /**
      * Specifies if input is required.
      */
     readonly markAsRequired?: boolean;
     /**
-     * Input ref.
+     * Explanatory text in tooltip for disabled input.
      */
-    readonly inputRef?: RefObject<HTMLInputElement>;
+    readonly inactiveMessage?: string;
     /**
-     * Specifies if input is used as Select component.
+     * Icon in label.
      */
-    readonly isSelect?: boolean;
+    readonly labelIcon?: IconName;
     /**
-     * Tooltip text displayed on input.
+     * Text for icon in label.
      */
-    readonly tooltipText?: string;
+    readonly labelIconTooltip?: string;
     /**
-     * Dangerously sets explanation text as inner HTML.
+     * Explanatory message for invalid input.
      */
-    readonly explanationTextAsHtml?: boolean;
+    readonly validationMessage?: string;
     /**
-     * Dangerously sets tooltip as inner HTML.
+     * Explanatory message for input.
      */
-    readonly tooltipAsHtml?: boolean;
+    readonly explanationText?: string;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React.ReactNode;
 }
 
 declare type ItemId = string;
@@ -1788,6 +1805,7 @@ export declare const KXIcons: {
     'xp-arrow-right-rect': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-arrow-right-top-square': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-arrow-right': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
+    'xp-arrow-send': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-arrow-u-left': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-arrow-u-right': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-arrow-up-circle': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
@@ -2120,6 +2138,7 @@ export declare const KXIcons: {
     'xp-rectangle-h': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-rectangle-paragraph': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-rectangle-v': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
+    'xp-resize': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-restriction-list': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-ribbon': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-right-double-quotation-mark': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
@@ -2150,6 +2169,7 @@ export declare const KXIcons: {
     'xp-star-empty': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-star-full': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-star-semi': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
+    'xp-stop': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-subscript': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-superscript': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
     'xp-t-f': ForwardRefExoticComponent<GeneratedIconProps & RefAttributes<SVGSVGElement>>;
@@ -2377,6 +2397,7 @@ export declare interface OptionTileProps extends Pick<React.ButtonHTMLAttributes
     readonly block?: boolean;
     readonly maxWidth?: string | number;
     readonly dataTestId?: string;
+    readonly shouldExpand?: boolean;
 }
 
 export declare const PageInfoTableCellComponent: ({ iconName, name, disabled }: PageInfoTableCellComponentProps) => JSX.Element;
@@ -2607,6 +2628,10 @@ export declare interface RichTextEditorProps extends UITestProps {
      * Dangerously sets explanation as inner HTML.
      */
     readonly explanationTextAsHtml?: boolean;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React.ReactNode;
 }
 
 /**
@@ -2704,7 +2729,7 @@ export declare const SelectMenu: React_2.ForwardRefExoticComponent<SelectMenuPro
 export declare interface SelectMenuProps extends Omit<VerticalMenuProps, 'menuType'> {
 }
 
-export declare interface SelectProps extends Omit<InputBaseProps, 'type' | 'actionElement' | 'onChange'>, Pick<DropDownActionMenuProps, 'maxContentHeight'> {
+export declare interface SelectProps extends Omit<InputProps, 'type' | 'actionElement' | 'onChange'>, Pick<DropDownActionMenuProps, 'maxContentHeight'> {
     readonly onChange: (value?: string) => void;
     readonly children: React.ReactNode;
     readonly clearable?: boolean;
@@ -3107,6 +3132,10 @@ export declare interface SwitchProps extends UITestProps {
      * Allows consumer to switch the switch (required).
      */
     readonly onChange: (value: boolean) => void;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React.ReactNode;
 }
 
 /**
@@ -3291,7 +3320,7 @@ export declare interface TagTableCellComponentProps {
 
 export declare const TextArea: React_2.ForwardRefExoticComponent<TextAreaProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface TextAreaProps extends Pick<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'disabled' | 'name' | 'onClick' | 'onKeyPress' | 'id' | 'placeholder'>, UITestProps {
+export declare interface TextAreaProps extends Pick<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'disabled' | 'name' | 'onClick' | 'onKeyPress' | 'id' | 'placeholder' | 'maxLength'>, UITestProps {
     readonly label?: string;
     readonly validationMessage?: string;
     readonly invalid?: boolean;
@@ -3313,6 +3342,10 @@ export declare interface TextAreaProps extends Pick<React_2.TextareaHTMLAttribut
      * Dangerously tooltip as inner HTML.
      */
     readonly tooltipAsHtml?: boolean;
+    /**
+     * Label actions element.
+     */
+    readonly labelActionsElement?: React_2.ReactNode;
 }
 
 export declare const TextWithLabel: React_2.ForwardRefExoticComponent<TextWithLabelProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -3416,6 +3449,7 @@ declare interface ToggleButtonsProps<ItemsType> {
     readonly selectedItemId: ItemId;
     readonly items: ItemsType[];
     readonly onChange: (id: ItemId) => void;
+    readonly orientation?: 'vertical' | 'horizontal';
 }
 
 export declare const Tooltip: {
@@ -3866,6 +3900,129 @@ export declare const ViewMenu: React_2.ForwardRefExoticComponent<ViewMenuProps &
 export declare interface ViewMenuProps extends Omit<ShelfProps, 'fullHeight'> {
 }
 
+declare const Window_2: ForwardRefExoticComponent<WindowProps & RefAttributes<WindowFunctions>>;
+export { Window_2 as Window }
+
+/**
+ * Functions which you can call through {@link Window} reference.
+ */
+export declare interface WindowFunctions {
+    /**
+     * @returns Bounding rect of the window
+     */
+    readonly boundingRect: () => DOMRect;
+    /**
+     * Set window position
+     * @param x X position in pixels from left edge of document
+     * @param y Y position in pixels from top edge of document
+     */
+    readonly setPosition: (x: number, y: number) => void;
+    /**
+     * Set size of the Window
+     * @param width Width in px
+     * @param height Height in px
+     */
+    readonly setSize: (width: number, height: number) => void;
+}
+
+export declare const WindowManager: (props: WindowManagerProps) => JSX.Element;
+
+declare interface WindowManagerProps {
+    /**
+     * Any component which may use {@link WindowPortal}
+     */
+    readonly children: ReactNode;
+}
+
+/**
+ * Places the window within a dedicate place in the DOM document, close to the document`s root. You should wrap every window/modal/panel with this.
+ * @param props {@link WindowPortalProps}
+ */
+export declare const WindowPortal: (props: WindowPortalProps) => ReactPortal | null;
+
+declare interface WindowPortalProps {
+    /**
+     * Whole content of Window, including headers/footers/everything
+     */
+    readonly children: ReactNode;
+}
+
+declare interface WindowProps extends UITestProps {
+    /**
+     * Headline element. Close/Maximize/Minimize buttons will stay.
+     */
+    readonly headline: ReactNode;
+    /**
+     * Window footer
+     */
+    readonly footer: ReactNode;
+    /**
+     * Content of the window
+     */
+    readonly children: ReactNode;
+    /**
+     * Called when user request to close the window
+     */
+    readonly onClose?: () => void;
+    /**
+     * Called when window stage changes, usually after some user interaction
+     * @param stege Current window stage
+     */
+    readonly onStageChange?: (stege: WindowStage) => void;
+    /**
+     * Can the window can be resized with mouse
+     */
+    readonly resizable?: boolean;
+    /**
+     * Can the window can be dragged with mouse
+     */
+    readonly draggable?: boolean;
+    /**
+     * Can the window be minimized
+     */
+    readonly minimizable?: boolean;
+    /**
+     * Can the window be maximized
+     */
+    readonly maximizable?: boolean;
+    /**
+     * Initial window position during first render
+     */
+    readonly initialPosition?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Initial window size during first render
+     */
+    readonly initialSize?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * Should ESC key press close the window
+     */
+    readonly closeOnEsc?: boolean;
+    /**
+     * Tooltip string for window buttons
+     */
+    readonly tooltips?: {
+        close: string;
+        maximize: string;
+        minimize: string;
+        normalize: string;
+    };
+}
+
+/**
+ * List of window stages
+ */
+export declare enum WindowStage {
+    Maximized = 1,
+    Minimized = 2,
+    Normal = 3
+}
+
 export declare enum Zindex {
     Hidden = "-1",
     Visible = "0",