@kentico/xperience-admin-base 14.0.0-68025 → 14.0.0-87740

package/dist/forms/form/Form.types.d.ts

@@ -1,3 +1,4 @@
+import { UITestProps } from '@kentico/xperience-admin-components';
 import React from 'react';
 import { FormComponentProps } from '../form-components/FormComponent.types';
 /**
@@ -16,7 +17,7 @@ export declare const FormNameContext: React.Context<string>;
 /**
  * Properties for Form cmponent.
  */
-export interface FormProps {
+export interface FormProps extends UITestProps {
     /**
      * Form component has no button rendered, define the children to display submitting component.
      */
@@ -33,6 +34,10 @@ export interface FormProps {
      * Determines whether the form is read only.
      */
     readonly readOnly?: boolean;
+    /**
+     * Allows to specify CSS class of the field block.
+     */
+    readonly fieldCssClass?: string;
     /**
      * Function for form value change monitoring.
      */

package/dist/forms/form/FormField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormFieldProps } from './FormField.types';
 export declare const FormField: (props: FormFieldProps) => JSX.Element;

package/dist/forms/form/FormField.types.d.ts

@@ -1,6 +1,12 @@
-import { FormComponentProps } from '../form-components/FormComponent.types';
+import React from 'react';
+import { FieldInfo, FormComponentProps } from '../form-components/FormComponent.types';
 import { ValidationResult } from '../validation-rules/ValidationRule.types';
 export interface FormFieldProps extends FormComponentProps {
     readonly allowRevalidate: boolean;
+    readonly fieldCssClass?: string;
     readonly onValidated?: (invalidValidationResults: ValidationResult[]) => void;
 }
+/**
+ * The form field in which components are rendered.
+ */
+export declare const FormFieldContext: React.Context<FieldInfo>;

package/dist/forms/form-components/FormComponent.types.d.ts

@@ -1,8 +1,9 @@
 import { ValidationRuleProps } from '../validation-rules/ValidationRule.types';
-export declare type OnChangeValueType = string | number | boolean;
+export declare type OnChangeValueType = any;
+export declare type FieldInfoValueType = Record<string, any>;
 export interface FieldInfo {
     readonly name: string;
-    readonly fieldValues: Record<string, any>;
+    readonly fieldValues: FieldInfoValueType;
 }
 export interface FormComponentProps extends FieldInfo {
     readonly componentName: string;

package/dist/forms/form-components/FormComponentLoader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormComponentProps } from './FormComponent.types';
 export declare const FormComponentLoader: (props: FormComponentProps) => JSX.Element;

package/dist/forms/form-components/asset-selector-form-component/AssetSelectorDropTile.d.ts

@@ -0,0 +1 @@
+export declare const AssetSelectorDropTile: () => JSX.Element;

package/dist/forms/form-components/asset-selector-form-component/AssetSelectorFormComponent.d.ts

@@ -0,0 +1,5 @@
+import { AssetSelectorFormComponentProps } from './AssetSelectorFormComponent.types';
+/**
+ * Form component capable of selecting multiple assets from AssetSelector component.
+ */
+export declare const AssetSelectorFormComponent: (props: AssetSelectorFormComponentProps) => JSX.Element;

package/dist/forms/form-components/asset-selector-form-component/AssetSelectorFormComponent.types.d.ts

@@ -0,0 +1,11 @@
+import { AssetTile } from '../../../shared-components/Assets';
+import { FormComponentProps } from '../FormComponent.types';
+/**
+ * Properties for AssetSelectorFormComponent component.
+ */
+export interface AssetSelectorFormComponentProps extends FormComponentProps {
+    readonly siteIdentifier: number;
+    readonly maximumAssets: number;
+    readonly allowedExtensions?: string;
+    readonly assets: AssetTile[];
+}

package/dist/forms/form-components/checkbox-form-component/CheckboxFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormComponentProps } from '../FormComponent.types';
 export declare const CheckboxFormComponent: (props: FormComponentProps) => JSX.Element;

package/dist/forms/form-components/condition-builder-form-component/ConditionBuilderFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ConditionBuilderFormComponentProps } from './ConditionBuilderFormComponent.types';
-export declare const ConditionBuilderFormComponent: ({ initialConfiguration, availableMacroRules, availableMacroRuleConfigurations, onChange, label, disabledMessage, invalid, validationMessage, readOnly, required, explanationText, tooltip }: ConditionBuilderFormComponentProps) => JSX.Element;
+export declare const ConditionBuilderFormComponent: ({ initialConfiguration, availableMacroRules, availableMacroRuleConfigurations, onChange, label, disabledMessage, invalid, validationMessage, readOnly, required, explanationText, tooltip, ...props }: ConditionBuilderFormComponentProps) => JSX.Element;

package/dist/forms/form-components/condition-builder-form-component/single-object-selector-form-component/SingleObjectSelectorFormComponent.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
 import { SingleObjectSelectorFormComponentProps } from './SingleObjectSelectorFormComponentProps.types';
-export declare const SingleObjectSelectorFormComponent: ({ objectType, textColumnName, valueColumnName, ...props }: SingleObjectSelectorFormComponentProps) => JSX.Element;
+export declare const SingleObjectSelectorFormComponent: {
+    ({ objectType, textColumnName, valueColumnName, fieldValues, name, ...props }: SingleObjectSelectorFormComponentProps): JSX.Element;
+    displayName: string;
+};

package/dist/forms/form-components/dropdown-form-component/DropDownFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DropDownFormComponentProps } from './DropDownFormComponentProps.types';
-export declare const DropdownSelectorFormComponent: (props: DropDownFormComponentProps) => JSX.Element;
+export declare const DropdownSelectorFormComponent: ({ value, label, readOnly, placeholder, name, invalid, required, disabledMessage, tooltip, explanationText, validationMessage, options, maxContentHeight, dataTestId, onChange }: DropDownFormComponentProps) => JSX.Element;

package/dist/forms/form-components/dropdown-form-component/DropDownFormComponentProps.types.d.ts

@@ -1,7 +1,9 @@
+import { UITestProps } from '@kentico/xperience-admin-components';
 import { FormComponentProps } from '../FormComponent.types';
-export interface DropDownFormComponentProps extends FormComponentProps {
+export interface DropDownFormComponentProps extends FormComponentProps, UITestProps {
     readonly options: DropDownOption[];
     readonly placeholder?: string;
+    readonly maxContentHeight?: string;
 }
 export interface DropDownOption {
     readonly value: string;

package/dist/forms/form-components/extension-selector-form-component/ExtensionSelectorFormComponent.d.ts

@@ -0,0 +1,5 @@
+import { ExtensionSelectorProps } from './ExtensionSelectorFormComponent.types';
+/**
+ * Form component used to set allowed extensions for asset selector.
+ */
+export declare const ExtensionSelectorFormComponent: ({ allowedExtensions, inheritSystemSettings, settingsAllowedExtensions, ...props }: ExtensionSelectorProps) => JSX.Element;

package/dist/forms/form-components/extension-selector-form-component/ExtensionSelectorFormComponent.types.d.ts

@@ -0,0 +1,9 @@
+import { FormComponentProps } from '../FormComponent.types';
+/**
+ * Properties for ExtensionSelectorFormComponent.
+ */
+export interface ExtensionSelectorProps extends FormComponentProps {
+    readonly allowedExtensions?: string;
+    readonly settingsAllowedExtensions: string;
+    readonly inheritSystemSettings: boolean;
+}

package/dist/forms/form-components/index.d.ts

@@ -5,9 +5,16 @@ export * from './condition-builder-form-component/ConditionBuilderFormComponent'
 export * from './dropdown-form-component/DropDownFormComponent';
 export * from './dropdown-form-component/DropDownFormComponentProps.types';
 export * from './number-input-form-component/NumberInputFormComponent';
+export * from './page-selector-form-component/PageSelectorFormComponent';
 export * from './password-form-component/PasswordFormComponent';
 export * from './rich-text-editor-form-component/RichTextEditorFormComponent';
+export * from './rich-text-editor-form-component/plugins';
 export * from './text-input-form-component/TextInputFormComponent';
 export * from './text-input-form-component/TextInputFormComponentProps.types';
 export * from './textarea-form-component/TextAreaFormComponent';
 export * from './condition-builder-form-component/single-object-selector-form-component/SingleObjectSelectorFormComponent';
+export * from './asset-selector-form-component/AssetSelectorFormComponent';
+export * from './extension-selector-form-component/ExtensionSelectorFormComponent';
+export * from './validation-rule-list-form-component/ValidationRuleListFormComponent';
+export * from './text-with-label-form-component/TextWithLabelFormComponent';
+export * from './text-with-label-form-component/TextWithLabelFormComponent.types';

package/dist/forms/form-components/namespace-code-name-form-component/NamespaceCodeNameFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NamespaceCodeNameProps } from './NamespaceCodeNameFormComponent.types';
 export declare const NamespaceCodeNameFormComponent: (props: NamespaceCodeNameProps) => JSX.Element;

package/dist/forms/form-components/number-input-form-component/NumberInputFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormComponentProps } from '../FormComponent.types';
 export declare const NumberInputFormComponent: (props: FormComponentProps) => JSX.Element;

package/dist/forms/form-components/page-selector-form-component/PageSelectorFormComponent.d.ts

@@ -0,0 +1,2 @@
+import { FormComponentProps } from '..';
+export declare const PageSelectorFormComponent: ({ name, fieldValues, ...props }: FormComponentProps) => JSX.Element;

package/dist/forms/form-components/page-selector-form-component/PageSelectorFormComponent.types.d.ts

@@ -0,0 +1,4 @@
+import { DropDownOption } from '..';
+export interface LoadOptionsCommandResult {
+    readonly options: DropDownOption[];
+}

package/dist/forms/form-components/password-form-component/PasswordFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormComponentProps } from '../FormComponent.types';
 export declare const PasswordFormComponent: (props: FormComponentProps) => JSX.Element;

package/dist/forms/form-components/rich-text-editor-form-component/RichTextEditorFormComponent.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
 import { RichTextEditorFormComponentProps } from './RichTextEditorFormComponentProps.types';
-export declare const RichTextEditorFormComponent: ({ label, placeholder, tooltipTextOnDisabled, value, onChange, invalid, validationMessage, readOnly, required, disabledMessage, tooltip, explanationText, guid, ...props }: RichTextEditorFormComponentProps) => JSX.Element;
+/**
+ * Form component capable of selecting assets from AssetsSelector component.
+ */
+export declare const RichTextEditorFormComponent: ({ label, placeholder, tooltipTextOnDisabled, configuration, value, onChange, invalid, validationMessage, readOnly, required, disabledMessage, tooltip, explanationText, guid, ...props }: RichTextEditorFormComponentProps) => JSX.Element;

package/dist/forms/form-components/rich-text-editor-form-component/RichTextEditorFormComponentProps.types.d.ts

@@ -2,18 +2,5 @@ import { FormComponentProps } from '../FormComponent.types';
 export interface RichTextEditorFormComponentProps extends FormComponentProps {
     readonly placeholder?: string;
     readonly tooltipTextOnDisabled?: string;
-    readonly assetsPanelEnabled: boolean;
-}
-export interface LoadAssetsPanelItemsParameters {
-    readonly folderPath: string;
-    readonly libraryIdentifier: string;
-}
-export interface LoadAssetsFoldersParameters {
-    readonly folderPath: string;
-    readonly isSelected: boolean;
-    readonly libraryIdentifier: string;
-}
-export interface UploadAssetsParameters {
-    readonly folderPath: string;
-    readonly libraryIdentifier: string;
+    readonly configuration?: string;
 }

package/dist/forms/form-components/rich-text-editor-form-component/plugins/asset/AssetRichTextEditorPlugin.d.ts

@@ -0,0 +1,2 @@
+import { AssetRichTextEditorPluginProps } from './AssetRichTextEditorPlugin.types';
+export declare const AssetRichTextEditorPlugin: ({ editorRef, editorConfigurator }: AssetRichTextEditorPluginProps) => JSX.Element;

package/dist/forms/form-components/rich-text-editor-form-component/plugins/asset/AssetRichTextEditorPlugin.types.d.ts

@@ -0,0 +1,9 @@
+import { RichTextEditorPluginProps } from '@kentico/xperience-admin-components';
+export interface AssetRichTextEditorPluginProps extends RichTextEditorPluginProps {
+}
+export interface GetAssetPluginButtonStatusResult {
+    /**
+     * Indicates whether asset plugin button should be enabled.
+     */
+    readonly enabled: boolean;
+}

package/dist/forms/form-components/rich-text-editor-form-component/plugins/asset/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AssetRichTextEditorPlugin';
+export * from './AssetRichTextEditorPlugin.types';

package/dist/forms/form-components/rich-text-editor-form-component/plugins/index.d.ts

@@ -0,0 +1 @@
+export * from './asset';

package/dist/forms/form-components/text-input-form-component/TextInputFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextInputFormComponentProps } from './TextInputFormComponentProps.types';
 export declare const TextInputFormComponent: (props: TextInputFormComponentProps) => JSX.Element;

package/dist/forms/form-components/text-with-label-form-component/TextWithLabelFormComponent.d.ts

@@ -0,0 +1,2 @@
+import { TextWithLabelFormComponentProps } from './TextWithLabelFormComponent.types';
+export declare const TextWithLabelFormComponent: (props: TextWithLabelFormComponentProps) => JSX.Element;

package/dist/forms/form-components/text-with-label-form-component/TextWithLabelFormComponent.types.d.ts

@@ -0,0 +1,4 @@
+import { FormComponentProps } from '../FormComponent.types';
+export interface TextWithLabelFormComponentProps extends FormComponentProps {
+    readonly maximumLines: number;
+}

package/dist/forms/form-components/textarea-form-component/TextAreaFormComponent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../FormComponent.types';
-export declare const TextAreaFormComponent: (props: FormComponentProps) => JSX.Element;
+import { TextAreaFormComponentProps } from './TextAreaFormComponent.types';
+export declare const TextAreaFormComponent: (props: TextAreaFormComponentProps) => JSX.Element;

package/dist/forms/form-components/textarea-form-component/TextAreaFormComponent.types.d.ts

@@ -0,0 +1,4 @@
+import { FormComponentProps } from '../FormComponent.types';
+export interface TextAreaFormComponentProps extends FormComponentProps {
+    readonly displayCopyButton?: boolean;
+}

package/dist/forms/form-components/validation-rule-list-form-component/ValidationRuleListFormComponent.d.ts

@@ -0,0 +1,7 @@
+import { ValidationRuleListFormComponentProps } from './ValidationRuleListFormComponentProps.types';
+/**
+ * Form component to display and edit validation rules of field in field editor.
+ * The component is meant to be used with the field editor so it correctly displays rules
+ * based on the selected component in the editor.
+ */
+export declare const ValidationRuleListFormComponent: ({ onChange, ruleDefinitions, ...props }: ValidationRuleListFormComponentProps) => JSX.Element;

package/dist/forms/form-components/validation-rule-list-form-component/ValidationRuleListFormComponentProps.types.d.ts

@@ -0,0 +1,43 @@
+import { FormComponentProps } from '../FormComponent.types';
+/**
+ * Form component properties for ValidationRulesFormComponent
+ */
+export interface ValidationRuleListFormComponentProps extends FormComponentProps {
+    readonly ruleDefinitions: ValidationRuleDefinition[];
+    readonly rulesDescriptions: Record<string, string>;
+}
+/**
+ * Validation rule metadata.
+ */
+export interface ValidationRuleDefinition {
+    readonly identifier: string;
+    readonly name: string;
+    readonly description: string;
+    readonly componentsProperties: FormComponentProps[];
+}
+/**
+ * Carries values of configured validation rules.
+ */
+export interface ValidationConfiguration {
+    readonly identifier: string;
+    readonly validationRuleIdentifier: string;
+    readonly ruleValues: Record<string, any>;
+}
+/**
+ * Arguments for the CreateValidationRule page command.
+ */
+export interface CreateValidationRuleArgs {
+    identifier: string;
+    formData: {
+        [fieldName: string]: any;
+    };
+}
+/**
+ * Result of the CreateValidationRule page command.
+ */
+export interface CreateValidationRuleResult {
+    rule: ValidationConfiguration;
+    description: string;
+    isValid: boolean;
+    componentsProperties: FormComponentProps[];
+}

package/dist/forms/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useFormComponentCommand';
 export * from './useFormComponentCommandProvider';
 export * from './useValidationRule';
+export * from './useDisplayDialogInFullscreen';

package/dist/forms/hooks/useDisplayDialogInFullscreen.d.ts

@@ -0,0 +1 @@
+export declare const useDisplayDialogInFullscreen: (screenWidthBreakpoint?: number | undefined, screenHeightBreakpoint?: number | undefined) => boolean;

package/dist/forms/validation-rules/ValidationRule.types.d.ts

@@ -4,7 +4,7 @@ export interface ValidationRule<P extends ValidationRuleProps, T> {
 export interface ValidationRuleProps {
     readonly ruleName: string;
     readonly isValid: boolean;
-    readonly validationError: string | null;
+    readonly errorMessage: string | null;
 }
 export interface ValidationResult {
     readonly isValid: boolean;

package/dist/forms/validation-rules/asset-selector-rule/AssetSelectorValidationRule.d.ts

@@ -0,0 +1,11 @@
+import { AssetTile } from '../../../shared-components';
+import { ValidationRule } from '../ValidationRule.types';
+import { AssetSelectorValidationRuleProps } from './AssetSelectorValidationRule.types';
+/**
+ * Validation rule comparing form component assets collection with invalid assets collection.
+ * Designed for usage in AssetSelectorFormComponent.
+ * @param props Contains collection of invalid assets.
+ * @param value Contains form component value.
+ * @returns Validation result containing status and message.
+ */
+export declare const AssetSelectorValidationRule: ValidationRule<AssetSelectorValidationRuleProps, AssetTile[]>;

package/dist/forms/validation-rules/asset-selector-rule/AssetSelectorValidationRule.types.d.ts

@@ -0,0 +1,14 @@
+import { ValidationRuleProps } from '../ValidationRule.types';
+/**
+ * Properties for AssetSelectorValidationRule component allowing to set invalid assets.
+ */
+export interface AssetSelectorValidationRuleProps extends ValidationRuleProps {
+    readonly invalidAssets?: InvalidAsset[];
+}
+/**
+ * Holds 2 required identifier to recognize invalid asset.
+ */
+export interface InvalidAsset {
+    readonly identifier: string;
+    readonly siteIdentifier: string;
+}

package/dist/forms/validation-rules/index.d.ts

@@ -2,7 +2,8 @@ export * from './max-length-rule/MaxLengthValidationRule.types';
 export * from './max-length-rule/MaxLengthValidationRule';
 export * from './min-length-rule/MinLengthValidationRule.types';
 export * from './min-length-rule/MinLengthValidationRule';
-export * from './required-value-rule/RequiredStringValueValidationRule';
-export * from './required-value-rule/RequiredStringValueValidationRule.Types';
+export * from './required-value-rule/RequiredValueValidationRule';
+export * from './asset-selector-rule/AssetSelectorValidationRule.types';
+export * from './asset-selector-rule/AssetSelectorValidationRule';
 export * from './server-rule/ServerValidationRule';
 export * from './ValidationRule.types';

package/dist/forms/validation-rules/max-length-rule/MaxLengthValidationRule.types.d.ts

@@ -1,5 +1,4 @@
 import { ValidationRuleProps } from '../ValidationRule.types';
 export interface MaxLengthValidationRuleProps extends ValidationRuleProps {
     maxLength: number;
-    invalidLengthMessage: string;
 }

package/dist/forms/validation-rules/min-length-rule/MinLengthValidationRule.types.d.ts

@@ -1,5 +1,4 @@
 import { ValidationRuleProps } from '../ValidationRule.types';
 export interface MinLengthValidationRuleProps extends ValidationRuleProps {
     minLength: number;
-    invalidLengthMessage: string;
 }

package/dist/forms/validation-rules/required-value-rule/RequiredValueValidationRule.d.ts

@@ -0,0 +1,2 @@
+import { ValidationRule, ValidationRuleProps } from '../ValidationRule.types';
+export declare const RequiredValueValidationRule: ValidationRule<ValidationRuleProps, any>;

package/dist/hooks/useComponent.d.ts

@@ -1 +1,2 @@
-export declare function useComponent(component: string): any;
+import { ModuleLoaderType } from '../utils/loadModule';
+export declare function useComponent(component: string, moduleLoader?: ModuleLoaderType): any;

package/dist/hooks/useIsPathActive.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Determines whether given path is an active part of the current location.
+ *
+ * @param path Path.
+ */
+export declare const useIsPathActive: (path: string) => {
+    isActive: boolean;
+};

package/dist/hooks/useLoadDropdownOptions.d.ts

@@ -0,0 +1,6 @@
+import { DropDownOption } from '../forms/form-components/dropdown-form-component/DropDownFormComponentProps.types';
+import { FieldInfoValueType } from '../forms/form-components/FormComponent.types';
+export declare const useLoadDropdownOptions: (name: string, fieldValues: FieldInfoValueType, objectType: string, textColumnName: string, valueColumnName: string) => {
+    options: DropDownOption[];
+    readOnly: boolean;
+};

package/dist/localization/LocalizationProvider.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LocalizationProviderProps } from './Localization.types';
 export declare const LocalizationProvider: ({ children }: LocalizationProviderProps) => JSX.Element;

package/dist/providers/backgroundImageProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface BackgroundImageProviderProps {
+    readonly children: React.ReactNode;
+}
+export interface BackgroundImageContextType {
+    readonly displayBackgroundImage: boolean;
+    readonly setDisplayBackgroundImage: (displayBackgroundImage: boolean) => void;
+}
+export declare const BackgroundImageContext: React.Context<BackgroundImageContextType>;
+export declare const useBackgroundImage: () => BackgroundImageContextType;
+export declare const BackgroundImageProvider: ({ children }: BackgroundImageProviderProps) => JSX.Element;

package/dist/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './backgroundImageProvider';

package/dist/shared-components/Assets/AssetFolderTreeView/AssetFolderTreeView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AssetFolderTreeViewProps } from './AssetFolderTreeView.types';
+export declare const AssetFolderTreeView: React.ForwardRefExoticComponent<AssetFolderTreeViewProps & React.RefAttributes<HTMLUListElement>>;

package/dist/shared-components/Assets/AssetFolderTreeView/AssetFolderTreeView.types.d.ts

@@ -0,0 +1,50 @@
+import { AssetFolderData } from '../hooks/useAssetFolderManager.types';
+export interface AssetFolderTreeViewProps {
+    /**
+     * Path to identify root in nodes collection.
+     */
+    readonly rootPath: string;
+    /**
+     * Currently selected path.
+     */
+    readonly selectedPath: string;
+    /**
+     * Key-value collection of folder nodes.
+     */
+    readonly nodes: AssetFolderTreeViewItems;
+    /**
+     * Event fired when the node state is toggled.
+     * @param node Toggled node.
+     * @param isExpanded Indicates if node is currently expanded.
+     */
+    readonly onNodeToggle: (node: AssetFolderTreeViewItem, isExpanded: boolean) => void;
+    /**
+     * Event fired when the node is clicked.
+     * @param node Clicked node.
+     */
+    readonly onNodeClick: (node: AssetFolderTreeViewItem) => void;
+}
+export interface AssetFolderTreeViewItem extends AssetFolderData {
+    /**
+     * Collection of paths representing child folders of current folder.
+     */
+    readonly children: string[];
+    /**
+     * Indicates if children are loaded. Defaults to `false`.
+     */
+    readonly areChildrenLoaded: boolean;
+    /**
+     * Indicates if children of folder are loading. Defaults to `false`.
+     */
+    readonly isLoading: boolean;
+    /**
+     * Indicates if folder is expanded. Defaults to `false`.
+     */
+    readonly isExpanded: boolean;
+}
+export interface AssetFolderTreeViewItems {
+    /**
+     * Key-value pair where key is folder path and value is object representing the folder node.
+     */
+    [path: string]: AssetFolderTreeViewItem;
+}

package/dist/shared-components/Assets/AssetFolderTreeView/index.d.ts

@@ -0,0 +1,2 @@
+export type { AssetFolderTreeViewItem, AssetFolderTreeViewItems } from './AssetFolderTreeView.types';
+export { AssetFolderTreeView } from './AssetFolderTreeView';

package/dist/shared-components/Assets/AssetPanel/AssetPanel.d.ts

@@ -0,0 +1,2 @@
+import { AssetPanelProps } from './AssetPanel.types';
+export declare const AssetPanel: ({ assets, selectedAssetIdentifiers, folders, rootFolderPath, selectedFolderPath, libraries, assetsTotalCount, hasMoreAssetsToLoad, onSelectionChange, onFolderToggle, onFolderClick, onUpload, onErrorClose, onLibraryChange, onLoadNextPage, uploadInProgress, selectedLibraryIdentifier, acceptFiles }: AssetPanelProps) => JSX.Element;

package/dist/shared-components/Assets/AssetPanel/AssetPanel.types.d.ts

@@ -0,0 +1,85 @@
+import { AssetFolderTreeViewItem, AssetFolderTreeViewItems } from '../AssetFolderTreeView/AssetFolderTreeView.types';
+import { AssetLibrary } from '../hooks/useAssetLibraryManager.types';
+import { AssetItem } from '../hooks/useAssetManager.types';
+export interface AssetPanelProps {
+    /**
+     * Collection of assets.
+     */
+    readonly assets?: AssetItem[];
+    /**
+     * Key-value collection of folders.
+     */
+    readonly folders: AssetFolderTreeViewItems;
+    /**
+     * Path to identify root in folders collection.
+     */
+    readonly rootFolderPath: string;
+    /**
+     * Currently selected path.
+     */
+    readonly selectedFolderPath: string;
+    /**
+     * Collection of assets libraries.
+     */
+    readonly libraries: AssetLibrary[];
+    /**
+     * Total count of assets in current library and folder.
+     */
+    readonly assetsTotalCount: number;
+    /**
+     * Event fired when asset selection is changed.
+     * @param isSelected Indicates if asset is selected.
+     * @param asset Asset that is being changed.
+     */
+    readonly onSelectionChange?: (isSelected: boolean, asset: AssetItem) => void;
+    /**
+     * Event fired when folder is toggled.
+     * @param node Folder that is toggled.
+     * @param isExpanded Indicates if folder is expanded.
+     */
+    readonly onFolderToggle: (node: AssetFolderTreeViewItem, isExpanded: boolean) => void;
+    /**
+     * Event fired when folder is clicked.
+     * @param node Folder that is clicked.
+     */
+    readonly onFolderClick: (node: AssetFolderTreeViewItem) => void;
+    /**
+     * Event fired when assets are uploaded.
+     * @param files Assets to be uploaded.
+     */
+    readonly onUpload: (files: FileList) => void;
+    /**
+     * Event fired when asset in error state is closed.
+     * @param asset Asset that is being closed.
+     */
+    readonly onErrorClose: (asset: AssetItem) => void;
+    /**
+     * Event fired when library is changed.
+     * @param identifier Identifier of the library.
+     */
+    readonly onLibraryChange: (identifier: number) => void;
+    /**
+     * Loads next batch of assets.
+     */
+    readonly onLoadNextPage: () => Promise<void>;
+    /**
+     * Indicates that there are more assets that can be loaded.
+     */
+    readonly hasMoreAssetsToLoad: boolean;
+    /**
+     * Identifiers of selected assets.
+     */
+    readonly selectedAssetIdentifiers: string[];
+    /**
+     * Indicates if upload is in progress. Defaults to `false`.
+     */
+    readonly uploadInProgress: boolean;
+    /**
+     * Selected library identifier.
+     */
+    readonly selectedLibraryIdentifier: number;
+    /**
+    * File types which tile should accept
+    */
+    readonly acceptFiles?: string;
+}

package/dist/shared-components/Assets/AssetPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { AssetPanel } from './AssetPanel';
+export type { AssetPanelProps } from './AssetPanel.types';

package/dist/shared-components/Assets/AssetSelector/AssetSelector.d.ts

@@ -0,0 +1,5 @@
+import { AssetSelectorProps } from './AssetSelector.types';
+/**
+ * Component for displaying AssetPanel in the SidePanel. Responsible for loading and handling libraries, folders and assets.
+ */
+export declare const AssetSelector: ({ selectorRef, onLibrariesLoad, onSelectAssets, fieldInfo, allowedExtensions, ...props }: AssetSelectorProps) => JSX.Element;