@progress/kendo-react-layout 4.14.0-dev.202112200653 → 4.14.0-dev.202201121250

package/dist/es/panelbar/interfaces/NavigationAction.js

@@ -0,0 +1,9 @@
+/**
+ * @hidden
+ */
+export var NavigationAction;
+(function (NavigationAction) {
+    NavigationAction[NavigationAction["Toggle"] = 0] = "Toggle";
+    NavigationAction[NavigationAction["Next"] = 1] = "Next";
+    NavigationAction[NavigationAction["Previous"] = 2] = "Previous";
+})(NavigationAction || (NavigationAction = {}));

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.d.ts

@@ -0,0 +1,8 @@
+import { PanelBarItem } from '../PanelBarItem';
+/**
+ * @hidden
+ */
+export interface PanelBarItemClickEventArguments {
+    uniquePrivateKey: number;
+    target: PanelBarItem;
+}

package/dist/es/panelbar/interfaces/PanelBarItemProps.d.ts

@@ -0,0 +1,90 @@
+/// <reference types="react" />
+/**
+ * Represents the props of the PanelBarItem component.
+ */
+export interface PanelBarItemProps {
+    /**
+     * Allows individual animation control over the child ([see example]({% slug animations_panelbar %})). By default, it is controlled by the PanelBar component.
+     */
+    animation?: boolean;
+    /**
+     * Can be any of PanelBar items, an array of PanelBar items, or a custom component.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name that is set to the PanelBarItem component.
+     */
+    className?: string;
+    /**
+     * The class name that is set to the PanelBarItem header.
+     */
+    headerClassName?: string;
+    /**
+     * Sets the initial expanded state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
+     */
+    expanded?: boolean;
+    /**
+     * Sets the disabled state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
+     */
+    disabled?: boolean;
+    /**
+     * @hidden
+     */
+    onSelect?: Function;
+    /**
+     * @hidden
+     */
+    level?: number;
+    /**
+     * Defines an icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     */
+    icon?: string;
+    /**
+     * Defines an icon with a custom CSS class that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     */
+    iconClass?: string;
+    /**
+     * Defines the location of the image that will be displayed next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
+     */
+    imageUrl?: string;
+    /**
+     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
+     */
+    selected?: boolean;
+    /**
+     * Sets the title of the PanelBar item ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
+     */
+    title?: React.ReactNode;
+    /**
+     * Allows the component to set the `id` property to each item. If not set, a default `id` is applied.
+     */
+    id?: string;
+    /**
+     * Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.
+     */
+    focused?: boolean;
+    /**
+     * @hidden
+     */
+    parentExpanded?: boolean;
+    /**
+     * @hidden
+     */
+    content?: any;
+    /**
+     * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
+     */
+    uniquePrivateKey?: string;
+    /**
+     * @hidden
+     */
+    parentUniquePrivateKey?: string[];
+    /**
+     * @hidden
+     */
+    keepItemsMounted?: boolean;
+    /**
+     * Sets a custom property. Contained in the PanelBarItem props that are returned from the `onSelect` PanelBar event.
+     */
+    [customProp: string]: any;
+}

package/dist/es/panelbar/{PanelBarInterface.d.ts → interfaces/PanelBarProps.d.ts}

@@ -1,33 +1,21 @@
 /// <reference types="react" />
-import { PanelBarItem, PanelBarItemProps } from './PanelBarItem';
-/**
- * The arguments that are passed to the `onSelect` callback function.
- */
-export interface PanelBarSelectEventArguments {
-    /**
-     * The selected PanelBar item.
-     */
-    target: React.ReactElement<PanelBarItemProps>;
-    /**
-     * @hidden
-     */
-    action: string;
-}
-/**
- * @hidden
- */
-export interface PanelBarItemClickEventArguments {
-    uniquePrivateKey: number;
-    target: PanelBarItem;
-}
+import { PanelBarSelectEventArguments } from '../../main';
 /**
  * Represents the expand modes of the KendoReact PanelBar. Defaults to `multiple`.
  */
 export declare type PanelBarExpandMode = 'single' | 'multiple';
 /**
- * @hidden
+ * Represents the props of the [KendoReact PanelBar component]({% slug overview_panelbar %}).
  */
-export interface PanelBarInterface {
+export interface PanelBarProps {
+    /**
+     * The child can be either a single PanelBarItem or a PanelBarItem array.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name that is set to the PanelBar.
+     */
+    className?: string;
     /**
      * Sets the animation state of the PanelBar.
      */
@@ -56,6 +44,14 @@ export interface PanelBarInterface {
      * Sets the initial focused state of the PanelBar.
      */
     focused?: string;
+    /**
+     * Determines if the PanelBar items will be mounted after expand collapse. Defaults to `false`.
+     */
+    keepItemsMounted?: boolean;
+    /**
+     * Determines if the PanelBar is going to be used in controlled state.
+     */
+    isControlled?: boolean;
     /**
      * Fires each time the user makes a selection ([see example]({% slug controlling_state_panelbar %})).
      */

package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { PanelBarItemProps } from '../interfaces/PanelBarItemProps';
+/**
+ * The arguments that are passed to the `onSelect` callback function.
+ */
+export interface PanelBarSelectEventArguments {
+    /**
+     * The selected PanelBar item.
+     */
+    target: React.ReactElement<PanelBarItemProps>;
+    /**
+     * The new expanded PanelBar items state.
+     */
+    expandedItems: string[];
+}

package/dist/es/panelbar/interfaces/RenderPanelBarItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PanelBarState } from '../PanelBar';
+/**
+ * @hidden
+ */
+export interface RenderPanelBarItem {
+    animation?: boolean;
+    keepItemsMounted?: boolean;
+    state: PanelBarState;
+    expanded: string[];
+    handleSelect: any;
+    children: React.ReactNode;
+    parentExpanded?: boolean;
+    level?: number;
+    parentPrivateKey?: string[];
+}

package/dist/es/panelbar/util.d.ts

@@ -1,19 +1,33 @@
 import * as React from 'react';
 import { PanelBarState } from './PanelBar';
-import { PanelBarItem, PanelBarItemProps } from './PanelBarItem';
-import { PanelBarExpandMode } from './PanelBarInterface';
+import { PanelBarItem } from './PanelBarItem';
+import { RenderPanelBarItem } from './interfaces/RenderPanelBarItem';
+import { PanelBarItemProps } from '../main';
+import { PanelBarExpandMode } from './interfaces/PanelBarProps';
 /**
  * @hidden
  */
-export declare const renderChildren: (animation: boolean, keepItemsMounted: boolean, state: PanelBarState, handleSelect: any, children: React.ReactNode, parentExpanded?: boolean, level?: number, parentPrivateKey?: string[]) => React.ReactNode;
+export declare const renderChildren: ({ animation, keepItemsMounted, state, expanded, handleSelect, children, parentExpanded, level, parentPrivateKey }: RenderPanelBarItem) => React.ReactNode;
 /**
  * @hidden
  */
-export declare const getInitialState: (props: any, expandMode: PanelBarExpandMode, result?: PanelBarState, _?: boolean, parentExpanded?: boolean, parentPrivateKey?: string[]) => PanelBarState;
+export declare const getFirstId: (props: any) => any;
 /**
  * @hidden
  */
-export declare function flatVisibleItems(data: any, flattedItems?: any[], _?: any): any[];
+export declare const getInitialState: (props: any, expandMode: PanelBarExpandMode, result?: PanelBarState, parentExpanded?: boolean, parentPrivateKey?: string[]) => PanelBarState;
+/**
+ * @hidden
+ */
+export declare function flatVisibleItems(data: any, flattedItems?: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function flatChildren(children: any, flattenChildren?: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function flatVisibleChildren(children: any, flattenVisibleChildren?: any[]): any[];
 /**
  * @hidden
  */

package/dist/es/panelbar/util.js

@@ -14,23 +14,27 @@ import { PanelBarItem } from './PanelBarItem';
 /**
  * @hidden
  */
-export var renderChildren = function (animation, keepItemsMounted, state, handleSelect, children, parentExpanded, level, parentPrivateKey) {
-    if (animation === void 0) { animation = true; }
-    if (keepItemsMounted === void 0) { keepItemsMounted = false; }
-    if (parentExpanded === void 0) { parentExpanded = true; }
-    if (level === void 0) { level = 0; }
-    if (parentPrivateKey === void 0) { parentPrivateKey = []; }
+export var renderChildren = function (_a) {
+    var _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.keepItemsMounted, keepItemsMounted = _c === void 0 ? false : _c, state = _a.state, expanded = _a.expanded, handleSelect = _a.handleSelect, children = _a.children, _d = _a.parentExpanded, parentExpanded = _d === void 0 ? true : _d, _e = _a.level, level = _e === void 0 ? 0 : _e, _f = _a.parentPrivateKey, parentPrivateKey = _f === void 0 ? [] : _f;
     return React.Children.map(children, function (child, idx) {
         if (child && child.type === PanelBarItem) {
             var nestedChildren = void 0;
-            var privateKey = parentPrivateKey.length ?
-                parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
-                : "." + idx;
+            var privateKey = getId(child, parentPrivateKey, idx);
             if (child.props.children) {
-                nestedChildren =
-                    renderChildren(animation, keepItemsMounted, state, handleSelect, child.props.children, (state.expanded || []).indexOf(privateKey) > -1, level + 1, parentPrivateKey.concat([privateKey]));
+                var renderState = {
+                    animation: animation,
+                    keepItemsMounted: keepItemsMounted,
+                    state: state,
+                    expanded: expanded,
+                    handleSelect: handleSelect,
+                    children: child.props.children,
+                    parentExpanded: (expanded || []).indexOf(privateKey) > -1,
+                    level: level + 1,
+                    parentPrivateKey: parentPrivateKey.concat([privateKey])
+                };
+                nestedChildren = renderChildren(renderState);
             }
-            return React.cloneElement(child, __assign({}, child.props, { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-" + privateKey, uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (state.expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
+            return React.cloneElement(child, __assign({}, child.props, { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-" + privateKey, uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
         }
         else {
             return React.createElement("div", { className: "k-panelbar-content k-content" }, child);
@@ -40,21 +44,28 @@ export var renderChildren = function (animation, keepItemsMounted, state, handle
 /**
  * @hidden
  */
-export var getInitialState = function (props, expandMode, result, _, parentExpanded, parentPrivateKey) {
+export var getFirstId = function (props) {
+    var firstItem = React.Children.toArray(props.children)[0];
+    if (firstItem) {
+        return getId(firstItem, [], 0);
+    }
+    return '';
+};
+/**
+ * @hidden
+ */
+export var getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
     if (result === void 0) { result = {
         expanded: props.expanded || [],
         selected: props.selected || '',
-        focused: props.focused || '.0',
+        focused: props.focused || '',
         wrapperFocused: false
     }; }
-    if (_ === void 0) { _ = true; }
     if (parentExpanded === void 0) { parentExpanded = true; }
     if (parentPrivateKey === void 0) { parentPrivateKey = []; }
     React.Children.map(props.children, function (child, idx) {
         if (child && child.type === PanelBarItem) {
-            var privateKey = parentPrivateKey.length ?
-                parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
-                : "." + idx;
+            var privateKey = getId(child, parentPrivateKey, idx);
             if (!child.props.disabled && parentExpanded) {
                 if (child.props.selected) {
                     result.selected = privateKey;
@@ -71,7 +82,7 @@ export var getInitialState = function (props, expandMode, result, _, parentExpan
                     }
                 }
                 if (child.props.children) {
-                    result = getInitialState(child.props, expandMode, result, false, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
+                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, parentPrivateKey.concat([privateKey]));
                 }
             }
         }
@@ -81,9 +92,18 @@ export var getInitialState = function (props, expandMode, result, _, parentExpan
 /**
  * @hidden
  */
-export function flatVisibleItems(data, flattedItems, _) {
+var getId = function (child, parentPrivateKey, idx) {
+    return child && child.props && child.props.id
+        ? child.props.id
+        : parentPrivateKey.length
+            ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx)
+            : "." + idx;
+};
+/**
+ * @hidden
+ */
+export function flatVisibleItems(data, flattedItems) {
     if (flattedItems === void 0) { flattedItems = []; }
-    if (_ === void 0) { _ = null; }
     (data || []).forEach(function (item) {
         if (!item.disabled) {
             flattedItems.push(item);
@@ -94,6 +114,40 @@ export function flatVisibleItems(data, flattedItems, _) {
     });
     return flattedItems;
 }
+/**
+ * @hidden
+ */
+export function flatChildren(children, flattenChildren) {
+    var _this = this;
+    if (flattenChildren === void 0) { flattenChildren = []; }
+    React.Children.forEach(children, function (child) {
+        if (child && child.props && !child.props.disabled) {
+            flattenChildren.push(child);
+            if (child.props.children) {
+                _this.flatChildren(child.props.children, flattenChildren);
+            }
+        }
+    });
+    return flattenChildren;
+}
+;
+/**
+ * @hidden
+ */
+export function flatVisibleChildren(children, flattenVisibleChildren) {
+    var _this = this;
+    if (flattenVisibleChildren === void 0) { flattenVisibleChildren = []; }
+    React.Children.forEach(children, function (child) {
+        if (child && child.props && !child.props.disabled && (child.props.expanded || child.props.parentExpanded)) {
+            flattenVisibleChildren.push(child);
+            if (child.props.children) {
+                _this.flatVisibleChildren(child.props.children, flattenVisibleChildren);
+            }
+        }
+    });
+    return flattenVisibleChildren;
+}
+;
 /**
  * @hidden
  */

package/dist/npm/expansionpanel/ExpansionPanel.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ExpansionPanelHandle, ExpansionPanelProps } from './interfaces';
+/**
+ * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
+ */
+export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<ExpansionPanelHandle>>;

package/dist/npm/expansionpanel/ExpansionPanel.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var PropTypes = require("prop-types");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var package_metadata_1 = require("../package-metadata");
+/**
+ * Represents the [KendoReact ExpansionPanel component]({% slug overview_expansionpanel %}).
+ */
+exports.ExpansionPanel = React.forwardRef(function (props, target) {
+    var _a;
+    kendo_react_common_1.validatePackage(package_metadata_1.packageMetadata);
+    var elementRef = React.useRef(null);
+    var _b = React.useState(false), focused = _b[0], setFocused = _b[1];
+    var getImperativeHandle = React.useCallback(function () { return ({ element: elementRef.current }); }, []);
+    React.useImperativeHandle(target, getImperativeHandle);
+    var _c = props.expanded, expanded = _c === void 0 ? false : _c, disabled = props.disabled, title = props.title, subtitle = props.subtitle, onAction = props.onAction, expandIcon = props.expandIcon, collapseIcon = props.collapseIcon;
+    var onClick = React.useCallback(function (event) {
+        kendo_react_common_1.dispatchEvent(onAction, event, getImperativeHandle(), { expanded: expanded });
+    }, [onAction, expanded]);
+    var onKeyDown = React.useCallback(function (event) {
+        if (event.keyCode === kendo_react_common_1.Keys.enter || event.keyCode === kendo_react_common_1.Keys.space) {
+            kendo_react_common_1.dispatchEvent(onAction, event, getImperativeHandle(), { expanded: expanded });
+        }
+    }, [onAction, expanded]);
+    var handleFocus = React.useCallback(function () {
+        if (props.disabled) {
+            return;
+        }
+        setFocused(true);
+    }, [props.disabled]);
+    var handleBlur = React.useCallback(function () {
+        if (props.disabled) {
+            return;
+        }
+        setFocused(false);
+    }, [props.disabled]);
+    var _d = kendo_react_common_1.useAsyncFocusBlur({ onFocus: handleFocus, onBlur: handleBlur }), onFocus = _d.onFocus, onBlur = _d.onBlur;
+    return (React.createElement("div", { ref: elementRef, className: kendo_react_common_1.classNames('k-expander', props.className, {
+            'k-expanded': expanded,
+            'k-state-focus': focused && !disabled,
+            'k-state-disabled': disabled
+        }), onFocus: onFocus, onBlur: onBlur, style: props.style, id: props.id, "aria-expanded": expanded, "aria-disabled": disabled, dir: kendo_react_common_1.useRtl(elementRef, props.dir), tabIndex: kendo_react_common_1.getTabIndex(props.tabIndex, disabled), onKeyDown: disabled ? undefined : onKeyDown },
+        React.createElement("div", { className: "k-expander-header", onClick: disabled ? undefined : onClick },
+            title !== undefined ? React.createElement("div", { className: "k-expander-title" }, title) : undefined,
+            React.createElement("span", { className: "k-spacer" }),
+            subtitle !== undefined ? React.createElement("div", { className: "k-expander-sub-title" }, subtitle) : undefined,
+            React.createElement("span", { className: "k-expander-indicator" },
+                React.createElement("span", { className: kendo_react_common_1.classNames((_a = {},
+                        // expand icon
+                        _a[String(expandIcon)] = Boolean(!expanded && expandIcon),
+                        _a['k-icon k-i-arrow-chevron-down'] = !expanded && !expandIcon,
+                        // collapse icon
+                        _a[String(collapseIcon)] = Boolean(expanded && collapseIcon),
+                        _a['k-icon k-i-arrow-chevron-up'] = expanded && !collapseIcon,
+                        _a)) }))),
+        props.children));
+});
+exports.ExpansionPanel.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    dir: PropTypes.string,
+    id: PropTypes.string,
+    tabIndex: PropTypes.number,
+    title: PropTypes.node,
+    subtitle: PropTypes.node,
+    expandIcon: PropTypes.string,
+    collapseIcon: PropTypes.string,
+    expanded: PropTypes.bool,
+    disabled: PropTypes.bool,
+    onAction: PropTypes.func
+};
+exports.ExpansionPanel.displayName = 'KendoReactExpansionPanel';

package/dist/npm/expansionpanel/ExpansionPanelContent.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Represents the KendoReact ExpansionPanelContent component.
+ */
+export declare const ExpansionPanelContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/npm/expansionpanel/ExpansionPanelContent.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var React = require("react");
+/**
+ * Represents the KendoReact ExpansionPanelContent component.
+ */
+exports.ExpansionPanelContent = React.forwardRef(function (props, ref) {
+    return (React.createElement("div", __assign({ ref: ref }, props, { className: kendo_react_common_1.classNames('k-expander-content-wrapper', props.className) }),
+        React.createElement("div", { className: 'k-expander-content' }, props.children)));
+});
+exports.ExpansionPanelContent.displayName = 'KendoReactExpansionPanelContent';

package/dist/npm/expansionpanel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ExpansionPanel';
+export * from './ExpansionPanelContent';
+export * from './interfaces';

package/dist/npm/expansionpanel/index.js

@@ -0,0 +1,7 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./ExpansionPanel"));
+__export(require("./ExpansionPanelContent"));

package/dist/npm/expansionpanel/interfaces.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The ExpansionPanel ref.
+ */
+export interface ExpansionPanelHandle {
+    /**
+     * The ExpansionPanel element.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * The arguments for the `onAction` ExpansionPanel event.
+ */
+export interface ExpansionPanelActionEvent extends BaseEvent<ExpansionPanelHandle> {
+    /**
+     * Represents the `expanded` state of the ExpansionPanel.
+     */
+    expanded: boolean;
+}
+/**
+ * The props of the ExpansionPanel component.
+ */
+export interface ExpansionPanelProps {
+    /**
+     * The React elements that will be rendered inside the ExpansionPanel.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets additional CSS classes to the ExpansionPanel.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the ExpansionPanel.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets the `id` property of the root ExpansionPanel element.
+     */
+    id?: string;
+    /**
+     * Specifies the primary text in the header of the ExpansionPanel.
+     */
+    title?: React.ReactNode;
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
+     */
+    expandIcon?: string;
+    /**
+     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
+     */
+    collapseIcon?: string;
+    /**
+     * Sets the `dir` property of the ExpansionPanel.
+     */
+    dir?: string;
+    /**
+     * Sets the `tabIndex` property of the ExpansionPanel.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `expanded` state of the ExpansionPanel.
+     */
+    expanded?: boolean;
+    /**
+     * Sets the `disabled` state of the ExpansionPanel.
+     */
+    disabled?: boolean;
+    /**
+     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
+     */
+    onAction?: (event: ExpansionPanelActionEvent) => void;
+}

package/dist/npm/{panelbar/PanelBarInterface.js → expansionpanel/interfaces.js}

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// tslint:enable:max-line-length

package/dist/npm/main.d.ts

@@ -6,7 +6,10 @@ export * from './tabstrip/TabStripTab';
 export * from './panelbar/PanelBar';
 export * from './panelbar/PanelBarItem';
 export * from './panelbar/util';
-export * from './panelbar/PanelBarInterface';
+export * from './panelbar/interfaces/PanelBarProps';
+export * from './panelbar/interfaces/PanelBarItemProps';
+export * from './panelbar/interfaces/RenderPanelBarItem';
+export * from './panelbar/interfaces/PanelBarSelectEventArguments';
 export * from './menu/components/Menu';
 export * from './menu/components/MenuItemLink';
 export * from './menu/components/MenuItem';
@@ -71,3 +74,4 @@ export * from './breadcrumb/BreadcrumbOrderedList';
 export * from './breadcrumb/BreadcrumbListItem';
 export * from './breadcrumb/BreadcrumbDelimiter';
 export * from './breadcrumb/BreadcrumbLink';
+export * from './expansionpanel';

package/dist/npm/main.js

@@ -46,3 +46,4 @@ __export(require("./breadcrumb/BreadcrumbOrderedList"));
 __export(require("./breadcrumb/BreadcrumbListItem"));
 __export(require("./breadcrumb/BreadcrumbDelimiter"));
 __export(require("./breadcrumb/BreadcrumbLink"));
+__export(require("./expansionpanel"));

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1639982161,
+    publishDate: 1641990573,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };