@kentico/xperience-admin-components 14.0.0-109224

package/dist/components/TreeView/TreeView.types.d.ts

@@ -0,0 +1,182 @@
+/// <reference types="react" />
+import { UITestProps } from '../types';
+export interface TreeViewProps extends UITestProps {
+    /**
+     * Identifier of the selected node.
+     */
+    readonly selectedIdentifier?: string;
+    /**
+     * Children components of the tree.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Name of the CSS class passed to the tree element.
+     */
+    readonly className?: string;
+}
+export interface TreeNodeProps {
+    /**
+     * Indicates level of nesting of this node.
+     */
+    readonly level: number;
+    /**
+     * Identifier of the node.
+     */
+    readonly nodeIdentifier: string;
+    /**
+     * Event fired when the node state is toggled.
+     * @param isExpanded Indicates if node is currently expanded.
+     */
+    readonly onNodeToggle?: (isExpanded: boolean) => void;
+    /**
+     * Event fired when the node is clicked.
+     * @param identifier ID of the clicked node.
+     */
+    readonly onNodeClick?: (identifier: string) => void;
+    /**
+     * Direct children nodes of the current node.
+     */
+    readonly children?: React.ReactNode;
+    /**
+     * Indicates if node is in the loading state. Defaults to `false`.
+     */
+    readonly loading?: boolean;
+    /**
+     * Indicates if node is expanded. Defaults to `false`.
+     */
+    readonly isExpanded?: boolean;
+    /**
+     * Indicates if node can be toggled. Defaults to `true`.
+     */
+    readonly isToggleable?: boolean;
+    /**
+     * Indicates if node can be selected. Defaults to `true`.
+     */
+    readonly isSelectable?: boolean;
+    /**
+     * Indicates if node can be toggled. Defaults to `false`.
+     */
+    readonly toggleDisabled?: boolean;
+    /**
+     * Function to render main part of the node. Components rendered with this function are wrapped by element ensuring proper background color when node is selected, hovered or disabled.
+     * @param isNodeSelected Indicates if node is currently selected.
+     */
+    readonly renderNode: (isNodeSelected: boolean) => React.ReactNode;
+    /**
+     * Function to render trailing sticky part of the node. Ensures only proper position of rendered components.
+     * @param nodeRef Reference to the node HTML element.
+     * @param isNodeSelected Indicates if node is currently selected.
+     * @param isNodeHovered Indicates if node is currently hovered.
+     * @param onActionableclick Event to fire when actionable element is clicked to notify the tree node component.
+     */
+    readonly renderTrailing?: (nodeRef: Element | null, isNodeSelected: boolean, isNodeHovered: boolean, onActionableClick: () => void) => React.ReactNode;
+    /**
+     * Indicates if node is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Test-id attribute of the current node.
+     */
+    readonly dataTestIdNode?: string;
+    /**
+     * Test-id of the row of the node.
+     */
+    readonly dataTestIdNodeRow?: string;
+    /**
+     * Test-id attribute of the node's children.
+     */
+    readonly dataTestIdNodeChildren?: string;
+}
+interface TreeNodeContentSharedProps extends UITestProps {
+    /**
+     * Indicates if current node is selected. Defaults to `false`.
+     */
+    readonly isSelected: boolean;
+    /**
+     * Indicates if current node is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+}
+export interface TreeNodeLeadingIconProps extends TreeNodeContentSharedProps {
+    /**
+     * Children component.
+     */
+    readonly children: React.ReactNode;
+}
+export interface TreeNodeTitleProps extends TreeNodeContentSharedProps {
+    /**
+     * Tree node title string.
+     */
+    readonly children: string;
+}
+export interface TreeNodeTrailingIconProps extends UITestProps {
+    /**
+     * Children component.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Indicates if icon is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+}
+export interface TreeNodeMenuActionsProps {
+    /**
+     * Title of the actions button.
+     */
+    readonly title: string;
+    /**
+     * Indicates if the actions button is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Indicates if the menu is opened. Defaults to `false`.
+     */
+    readonly isOpen: boolean;
+    /**
+     * Event fired when menu is toggled.
+     * @param isOpen Indicates if the menu is opened.
+     */
+    readonly onToggle?: (isOpen: boolean) => void;
+    /**
+     * Children component.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Test-id attribute of the menu.
+     */
+    readonly dataTestIdMenu?: string;
+    /**
+     * Test-id attribute of the menus button.
+     */
+    readonly dataTestIdMenuButton?: string;
+}
+export interface TreeNodeMenuActionProps extends UITestProps {
+    /**
+     * Label of the action.
+     */
+    readonly label: string;
+    /**
+     * Indicates if the action is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Event fired on action click.
+     */
+    readonly onClick: () => void;
+}
+export interface TreeNodeAction {
+    /**
+     * Label of the action.
+     */
+    readonly label: string;
+    /**
+     * Indicates if the action is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Event handler fired when action of certain type is executed.
+     * @param action Action that was executed.
+     */
+    readonly actionExecutor: (action: TreeNodeAction) => void;
+}
+export {};

package/dist/components/TreeView/TreeViewContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type TreeViewContextType = {
+    isSelected: (id: string) => boolean;
+};
+export declare const TreeViewContext: React.Context<TreeViewContextType>;
+export {};

package/dist/components/TreeView/hooks/useTreeNavigationFocus.d.ts

@@ -0,0 +1,9 @@
+import { TreeNodeAction } from '../TreeView.types';
+import { UseTreeNavigationFocusProps } from './useTreeNavigationFocus.types';
+/**
+ * Handles focus in the tree navigation.
+ */
+export declare const useTreeNavigationFocus: ({ onFocus, onBlur, isNavigationOpened }: UseTreeNavigationFocusProps) => {
+    initNavigationFocus: (actions: TreeNodeAction[], currentlyFocusedElement: HTMLElement) => void;
+    navigationButtonElement: HTMLElement | undefined;
+};

package/dist/components/TreeView/hooks/useTreeNavigationFocus.types.d.ts

@@ -0,0 +1,14 @@
+export interface UseTreeNavigationFocusProps {
+    /**
+     * Function that is called when the navigation gains focus.
+     */
+    readonly onFocus: () => void;
+    /**
+     * Function that is called when the navigation looses focus.
+     */
+    readonly onBlur: () => void;
+    /**
+     * Indicates if the navigation is opened and focus is handled in this hook.
+     */
+    readonly isNavigationOpened: boolean;
+}

package/dist/components/TreeView/hooks/useTreeNodeHover.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+/**
+ * Simplified hook for node hover to ensure correct hover even for the node menu.
+ */
+export declare function useTreeNodeHover(): {
+    hoverProps: HTMLAttributes<HTMLElement>;
+    isHovered: boolean;
+    removeHover: () => void;
+};

package/dist/components/TreeView/index.d.ts

@@ -0,0 +1,9 @@
+export { TreeView } from './TreeView';
+export type { TreeViewProps, TreeNodeProps, TreeNodeLeadingIconProps, TreeNodeTitleProps, TreeNodeTrailingIconProps, TreeNodeMenuActionsProps, TreeNodeMenuActionProps, TreeNodeAction } from './TreeView.types';
+export { TreeNode } from './TreeNode';
+export { TreeNodeLeadingIcon } from './TreeNodeLeadingIcon';
+export { TreeNodeTitle } from './TreeNodeTitle';
+export { TreeNodeTrailingIcon } from './TreeNodeTrailingIcon';
+export { TreeNodeMenuActions } from './TreeNodeMenuActions';
+export { TreeNodeMenuAction } from './TreeNodeMenuAction';
+export { useTreeNavigationFocus } from './hooks/useTreeNavigationFocus';

package/dist/components/UploadTile/UploadTile.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UploadTileProps } from './UploadTile.types';
+/**
+ * Upload tile component.
+ */
+export declare const UploadTile: React.ForwardRefExoticComponent<UploadTileProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/UploadTile/UploadTile.types.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Indicates the size of the upload tile
+ */
+export declare enum UploadTileSize {
+    Full = "Full",
+    Compact = "Compact"
+}
+export interface UploadTileProps {
+    /**
+      * Event handler fired when file is being uploaded.
+      * @param files list of uploaded files.
+      */
+    readonly onUpload: (files: FileList) => void;
+    /**
+      * Text displayed in the first line of the label.
+      */
+    readonly firstLineLabel: string;
+    /**
+      * Text displayed in the second line of the label.
+      */
+    readonly secondLineLabel: string;
+    /**
+     * Text displayed in button label.
+     */
+    readonly buttonLabel: string;
+    /**
+     * Indicates if the upload tile is disabled. Defaults to `false`.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Indicates if the tooltip is disabled. Defaults to `false`.
+     */
+    readonly disabledTooltip?: string;
+    /**
+     * Size of the upload tile.
+     */
+    readonly size: UploadTileSize;
+    /**
+     * File types which tile should accept
+     */
+    readonly acceptFiles?: string;
+}

package/dist/components/UploadTile/index.d.ts

@@ -0,0 +1,3 @@
+export { UploadTile } from './UploadTile';
+export { UploadTileSize } from './UploadTile.types';
+export type { UploadTileProps } from './UploadTile.types';

package/dist/components/VerticalMenu/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionMenuProps } from './ActionMenu.types';
+declare const ActionMenu: React.ForwardRefExoticComponent<ActionMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { ActionMenu };

package/dist/components/VerticalMenu/ActionMenu/ActionMenu.types.d.ts

@@ -0,0 +1,6 @@
+import { VerticalMenuProps } from '../Common/VerticalMenu';
+export interface ActionMenuProps extends Omit<VerticalMenuProps, 'pinnedItem'> {
+}
+export interface ActionMenuHeadlineProps {
+    readonly label: string;
+}

package/dist/components/VerticalMenu/ActionMenu/ActionMenuDivider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ActionMenuDivider: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export { ActionMenuDivider };

package/dist/components/VerticalMenu/ActionMenu/ActionMenuHeadline.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionMenuHeadlineProps } from './ActionMenu.types';
+declare const ActionMenuHeadline: React.ForwardRefExoticComponent<ActionMenuHeadlineProps & React.RefAttributes<HTMLDivElement>>;
+export { ActionMenuHeadline };

package/dist/components/VerticalMenu/ActionMenu/DropdownActionMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownActionMenuProps } from './DropdownActionMenu.types';
+declare const DropdownActionMenu: React.ForwardRefExoticComponent<DropdownActionMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { DropdownActionMenu };

package/dist/components/VerticalMenu/ActionMenu/DropdownActionMenu.types.d.ts

@@ -0,0 +1,4 @@
+import { MenuDropdownProps } from '../Common/MenuDropdown';
+import { ActionMenuProps } from './ActionMenu.types';
+export interface DropdownActionMenuProps extends MenuDropdownProps, ActionMenuProps {
+}

package/dist/components/VerticalMenu/ActionMenu/index.d.ts

@@ -0,0 +1,6 @@
+export { ActionMenu } from './ActionMenu';
+export type { ActionMenuProps } from './ActionMenu.types';
+export { ActionMenuHeadline } from './ActionMenuHeadline';
+export { ActionMenuDivider } from './ActionMenuDivider';
+export { DropdownActionMenu } from './DropdownActionMenu';
+export type { DropdownActionMenuProps } from './DropdownActionMenu.types';

package/dist/components/VerticalMenu/Common/MenuDropdown/MenuDropdown.d.ts

@@ -0,0 +1,6 @@
+import { MenuDropdownProps } from './MenuDropdown.types';
+declare const MenuDropdown: {
+    (props: MenuDropdownProps): JSX.Element;
+    displayName: string;
+};
+export { MenuDropdown };

package/dist/components/VerticalMenu/Common/MenuDropdown/MenuDropdown.types.d.ts

@@ -0,0 +1,3 @@
+import { DropdownOnClickProps } from '../../../Dropdown';
+export interface MenuDropdownProps extends Omit<DropdownOnClickProps, 'offset'> {
+}

package/dist/components/VerticalMenu/Common/MenuDropdown/index.d.ts

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

package/dist/components/VerticalMenu/Common/VerticalMenu/VerticalMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VerticalMenuProps } from './VerticalMenu.types';
+declare const VerticalMenu: React.ForwardRefExoticComponent<VerticalMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { VerticalMenu };

package/dist/components/VerticalMenu/Common/VerticalMenu/VerticalMenu.types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare enum VerticalMenuType {
+    ActionMenu = "action-menu",
+    SelectMenu = "select-menu",
+    SelectGroupMenu = "select-group-menu"
+}
+export interface VerticalMenuProps {
+    readonly pinnedItem?: () => React.ReactNode;
+    readonly menuType?: VerticalMenuType;
+    readonly children: React.ReactNode;
+    readonly maxContentHeight?: string;
+}

package/dist/components/VerticalMenu/Common/VerticalMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { VerticalMenu } from './VerticalMenu';
+export type { VerticalMenuProps } from './VerticalMenu.types';
+export { VerticalMenuType } from './VerticalMenu.types';

package/dist/components/VerticalMenu/SelectMenu/DropdownSelectMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownSelectMenuProps } from './DropdownSelectMenu.types';
+declare const DropdownSelectMenu: React.ForwardRefExoticComponent<DropdownSelectMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { DropdownSelectMenu };

package/dist/components/VerticalMenu/SelectMenu/DropdownSelectMenu.types.d.ts

@@ -0,0 +1,4 @@
+import { MenuDropdownProps } from '../Common/MenuDropdown';
+import { SelectMenuProps } from './SelectMenu.types';
+export interface DropdownSelectMenuProps extends MenuDropdownProps, SelectMenuProps {
+}

package/dist/components/VerticalMenu/SelectMenu/SelectMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectMenuProps } from './SelectMenu.types';
+declare const SelectMenu: React.ForwardRefExoticComponent<SelectMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { SelectMenu };

package/dist/components/VerticalMenu/SelectMenu/SelectMenu.types.d.ts

@@ -0,0 +1,3 @@
+import { VerticalMenuProps } from '../Common/VerticalMenu';
+export interface SelectMenuProps extends Omit<VerticalMenuProps, 'menuType'> {
+}

package/dist/components/VerticalMenu/SelectMenu/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectMenu } from './SelectMenu';
+export type { SelectMenuProps } from './SelectMenu.types';
+export { DropdownSelectMenu } from './DropdownSelectMenu';
+export type { DropdownSelectMenuProps } from './DropdownSelectMenu.types';

package/dist/components/VerticalMenu/index.d.ts

@@ -0,0 +1,4 @@
+export { ActionMenu, ActionMenuHeadline, ActionMenuDivider, DropdownActionMenu } from './ActionMenu';
+export type { ActionMenuProps, DropdownActionMenuProps } from './ActionMenu';
+export { SelectMenu, DropdownSelectMenu } from './SelectMenu';
+export type { SelectMenuProps, DropdownSelectMenuProps } from './SelectMenu';

package/dist/components/ViewMenu/ViewMenu.d.ts

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

package/dist/components/ViewMenu/ViewMenu.types.d.ts

@@ -0,0 +1,3 @@
+import { ShelfProps } from '../Containers';
+export interface ViewMenuProps extends Omit<ShelfProps, 'fullHeight'> {
+}

package/dist/components/ViewMenu/index.d.ts

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

package/dist/components/index.d.ts

@@ -0,0 +1,51 @@
+export * from './types';
+export * from './Buttons';
+export * from './Table';
+export * from './Checkbox';
+export * from './Input';
+export * from './Divider';
+export * from './SubheaderDivider';
+export * from './Icons';
+export * from './Pagination';
+export * from './Tooltip';
+export * from './VerticalMenu';
+export * from './HorizontalActionMenu';
+export * from './Theme';
+export * from './Snackbar';
+export * from './TreeView';
+export * from './Select';
+export * from './Layout';
+export * from './SimpleStatus';
+export * from './Headline';
+export * from './Textarea';
+export * from './MenuItem';
+export * from './ApplicationTile';
+export * from './Containers';
+export * from './ViewMenu';
+export * from './Avatar';
+export * from './Tag';
+export * from './RichTextEditor';
+export * from './SideMenu';
+export * from './SidePanel';
+export * from './AssetTile';
+export * from './BarItem';
+export * from './ConditionBuilder';
+export * from './Callout';
+export * from './OptionTile';
+export * from './UploadTile';
+export * from './Dropzone';
+export * from './Dialog';
+export * from './Card';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './NotificationBar';
+export * from './FormItemWrapper';
+export * from './Breadcrumbs';
+export * from './Spinner';
+export * from './ActionTile';
+export * from './SelectGroup';
+export * from './Tippy';
+export * from './TextWithLabel';
+export * from './Switch';
+export * from './Dropdown';
+export * from './DateTimePicker';

package/dist/components/types/UITests.types.d.ts

@@ -0,0 +1,6 @@
+export interface UITestProps {
+    /**
+     * Test id data attribute.
+     */
+    readonly dataTestId?: string;
+}

package/dist/components/types/index.d.ts

@@ -0,0 +1 @@
+export type { UITestProps } from './UITests.types';

package/dist/entry.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './tokens';
+export * from './hooks';