@kentico/xperience-admin-components 30.4.2 → 30.5.0

package/dist/entry.d.ts

@@ -387,7 +387,7 @@ declare interface BaseTileBaseProps {
      */
     readonly url?: string;
     /**
-     * Error state when uploading file.
+     * Error state when uploading or missing file.
      */
     readonly errorState?: {
         /**
@@ -401,7 +401,7 @@ declare interface BaseTileBaseProps {
         /**
          * Function to close tile with error.
          */
-        readonly onErrorClose: () => void;
+        readonly onErrorClose?: () => void;
     };
     /**
      * Indicates that user is missing permission to view the tile.
@@ -420,7 +420,7 @@ declare interface BaseTileBaseProps {
          */
         readonly onUploadCancel?: () => void;
     };
-    /***
+    /**
      * Disabled tile. Tile is not clickable, it has disabled styles (required).
      */
     readonly disabled: boolean;
@@ -765,7 +765,7 @@ declare interface ChartLicenseProps {
 
 export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLDivElement>>;
 
-declare type CheckboxBaseProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onClick' | 'disabled' | 'tabIndex'> & UITestProps;
+declare type CheckboxBaseProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onClick' | 'disabled' | 'readOnly' | 'tabIndex'> & UITestProps;
 
 export declare interface CheckboxProps extends CheckboxBaseProps {
     /**
@@ -845,17 +845,50 @@ export declare enum CodeEditorLanguage {
 /**
  * Code editor props based on codemirror.
  */
-export declare interface CodeEditorProps extends Omit<ReactCodeMirrorProps, 'extensions' | 'readOnly' | 'editable'> {
+export declare interface CodeEditorProps extends Omit<ReactCodeMirrorProps, 'extensions' | 'editable'> {
+    /**
+     * Language of the code editor.
+     */
     readonly language: CodeEditorLanguage;
+    /**
+     * Indicates if the code editor is disabled.
+     */
     readonly disabled?: boolean;
+    /**
+     * Label of the code editor.
+     */
     readonly label?: string;
+    /**
+     * Validation message if the code editor is in invalid state.
+     */
     readonly validationMessage?: string;
+    /**
+     * Indicates if the code editor is in invalid state.
+     */
     readonly invalid?: boolean;
+    /**
+     * Value of the code editor.
+     */
     readonly value?: string;
+    /**
+     * Explanation text of the code editor.
+     */
     readonly explanationText?: string;
+    /**
+     * Tooltip message displayed when the code editor is disabled.
+     */
     readonly inactiveMessage?: string;
+    /**
+     * Label icon.
+     */
     readonly labelIcon?: IconName;
+    /**
+     * Tooltip text for the label icon.
+     */
     readonly labelIconTooltip?: string;
+    /**
+     * Indicates if the user input is required.
+     */
     readonly markAsRequired?: boolean;
     /**
      * Test id data attribute.
@@ -1210,7 +1243,7 @@ export declare interface DateTimePickerProps {
     /**
      * Array of months.
      */
-    readonly months: string[];
+    readonly months?: string[];
     /**
      * Minimal date that can be selected.
      */
@@ -1931,6 +1964,14 @@ export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React
 export declare const InputBase: React_2.ForwardRefExoticComponent<InputBaseProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface InputBaseProps extends NativeInputProps, UITestProps {
+    /**
+     * Indicates if input is disabled.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Indicates if input is read-only.
+     */
+    readonly readOnly?: boolean;
     /**
      * Specifies if input has valid value.
      */
@@ -3357,7 +3398,7 @@ export declare const NameToggleButtons: React_2.ForwardRefExoticComponent<NameTo
 export declare interface NameToggleButtonsProps extends ToggleButtonsProps<NameToggleButton> {
 }
 
-declare type NativeInputProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled' | 'name' | 'onClick' | 'onKeyPress' | 'min' | 'max' | 'id' | 'placeholder' | 'tabIndex' | 'onBlur' | 'role' | 'autoComplete'>;
+declare type NativeInputProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name' | 'onClick' | 'onKeyPress' | 'min' | 'max' | 'id' | 'placeholder' | 'tabIndex' | 'onBlur' | 'role' | 'autoComplete'>;
 
 export declare const NotificationBarAlert: ForwardRefExoticComponent<NotificationBarAlertProps & RefAttributes<HTMLDivElement>>;
 
@@ -3514,9 +3555,13 @@ export declare interface RadioButtonProps {
      */
     readonly dataTestId?: string;
     /**
-     * State indicating radiobutton availability.
+     * Indicates if the radiobutton is disabled.
      */
     readonly disabled?: boolean;
+    /**
+     * Indicates if the radiobutton is read-only.
+     */
+    readonly readOnly?: boolean;
     /**
      * State indicating a radiobutton error.
      */
@@ -3545,13 +3590,15 @@ export declare interface RadioButtonProps {
  */
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<RadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface RadioGroupProps extends Omit<FormItemWrapperProps, 'id' | 'inline' | 'labelClassnames' | 'footerClassnames' | 'subheadlineClassnames' | 'readOnly'> {
+export declare interface RadioGroupProps extends Omit<FormItemWrapperProps, 'id' | 'inline' | 'labelClassnames' | 'footerClassnames' | 'subheadlineClassnames' | 'editMode'> {
     readonly name: string;
     readonly value?: string;
     readonly onChange?: (value: string) => void;
     readonly size?: RadioGroupSize;
     readonly inline?: boolean;
     readonly ariaLabel?: string;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
 }
 
 export declare enum RadioGroupSize {
@@ -3654,6 +3701,10 @@ export declare interface RichTextEditorProps extends UITestProps {
      * Indicates if the rich text editor is disabled.
      */
     readonly disabled?: boolean;
+    /**
+     * Indicates if the rich text editor is read-only.
+     */
+    readonly readOnly?: boolean;
     /**
      * Placeholder text.
      */
@@ -4087,6 +4138,11 @@ export declare interface SidePanelProps extends UITestProps {
      * By default false.
      */
     readonly isMaximizable?: boolean;
+    /**
+     * Indicates if the side-panel has close button in panels`s header.
+     * By default true.
+     */
+    readonly showCloseButton?: boolean;
     /**
      * Indicated if the side-panel can be close by clicking outside.
      * By default true.
@@ -4243,6 +4299,7 @@ export declare enum SortType {
 
 export declare enum Spacing {
     Micro = "1px",
+    XXS = "2px",
     XS = "4px",
     S = "8px",
     M = "12px",
@@ -4617,10 +4674,14 @@ export declare interface TableRow {
      * The message to show when if the row is inactive.
      */
     inactiveMessage?: string;
+    /**
+     * The level of row indentation.
+     */
+    level?: number;
 }
 
 export declare const TableRowComponent: {
-    ({ cells, columns, disabled, selectable, selected, skeleton, selectLabel, maxVisibleRowActions, inactiveMessage, dataTestId, onRowSelect: onSelect, onRowClick, isInvalid, dragElement, gridLayout }: TableRowProps): JSX_2.Element;
+    ({ cells, columns, disabled, selectable, selected, level, skeleton, selectLabel, maxVisibleRowActions, inactiveMessage, dataTestId, onRowSelect: onSelect, onRowClick, isInvalid, dragElement, gridLayout }: TableRowProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -4659,6 +4720,10 @@ export declare interface TableRowProps extends UITestProps {
      * Indicates if the row is selected. Defaults to 'False'.
      */
     readonly selected?: boolean;
+    /**
+     * The level of row indentation. Defaults to 0.
+     */
+    readonly level?: number;
     /**
      * Indicates if the row skeleton is displayed. Defaults to 'False'.
      */
@@ -4721,6 +4786,7 @@ export declare interface TagProps {
     readonly onRemoveClick?: () => void;
     readonly onRemoveMouseDown?: () => void;
     readonly disabled?: boolean;
+    readonly readOnly?: boolean;
     readonly removable?: boolean;
     readonly background?: TagBackgroundType;
     readonly fullWidth?: boolean;
@@ -4947,6 +5013,11 @@ export declare enum TestIds {
     XpChevronUp = "xp-chevron-up",
     XpChevronDown = "xp-chevron-down",
     PermissionSet = "permission-set",
+    ModuleDisplayName = "ResourceDisplayName",
+    FormDisplayName = "FormDisplayName",
+    DatabaseColumn = "DatabaseColumn",
+    DisplayNameColumn = "DisplayNameColumn",
+    CodeNameColumn = "CodeNameColumn",
     AiraIcon = "xp-ai",
     AiraButton = "AiraButton",
     ApplicationMenu = "application-menu",
@@ -5010,20 +5081,66 @@ export declare enum TestIds {
 
 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' | 'maxLength'>, UITestProps {
-    readonly label?: string;
+export declare interface TextAreaProps extends Pick<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'name' | 'onClick' | 'onKeyPress' | 'id' | 'placeholder' | 'maxLength'>, UITestProps {
+    /**
+     * Indicates if the text area is disabled.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Indicates if the text area is read-only.
+     */
     readonly readOnly?: boolean;
+    /**
+     * Text area label text.
+     */
+    readonly label?: string;
+    /**
+     * Validation message.
+     */
     readonly validationMessage?: string;
+    /**
+     * Indicates if the text area is in invalid state.
+     */
     readonly invalid?: boolean;
+    /**
+     * Text area value.
+     */
     readonly value?: string;
+    /**
+     * Minimum number of rows.
+     */
     readonly minRows?: number;
+    /**
+     * Maximum number of rows.
+     */
     readonly maxRows?: number;
+    /**
+     * Explanation text for the text area.
+     */
     readonly explanationText?: string;
+    /**
+     * Tooltip text displayed when label is disabled.
+     */
     readonly inactiveMessage?: string;
+    /**
+     * Label icon.
+     */
     readonly labelIcon?: IconName;
+    /**
+     * Tooltip text for label icon.
+     */
     readonly labelIconTooltip?: string;
+    /**
+     * Indicates if the user input is required.
+     */
     readonly markAsRequired?: boolean;
+    /**
+     * Text area ref.
+     */
     readonly textAreaRef?: RefObject<HTMLTextAreaElement>;
+    /**
+     * Actions to be rendered in the text area.
+     */
     readonly renderActions?: () => React_2.ReactNode;
     /**
      * Dangerously sets explanation text as inner HTML.