@progress/kendo-react-layout 5.10.0-dev.202301121619 → 5.10.0-dev.202301161904

package/dist/es/actionsheet/ActionSheet.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+/**
+ * The props of the ActionSheet component.
+ */
+export interface ActionSheetProps {
+    /**
+     * The collection of items that will be rendered in the ActionSheet.
+     */
+    items?: ActionSheetItemProps[];
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subTitle?: string;
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title?: string;
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    onItemClick?: (event: {
+        syntheticEvent: React.MouseEvent<HTMLSpanElement>;
+        title?: string;
+    }) => void;
+    /**
+     * Represents the children that are passed to the ActionSheet.
+     */
+    children?: any;
+}
+/**
+ * The KendoReact ActionSheet component.
+ */
+export declare class ActionSheet extends React.Component<ActionSheetProps, {}> {
+    /**
+     * @hidden
+     */
+    static displayName: string;
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        items: PropTypes.Requireable<any[]>;
+        subTitle: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+    };
+    private actionSheetAnimationRef;
+    private actionSheetTitleClass;
+    private ariaLabeledBy;
+    /**
+     * @hidden
+     */
+    constructor(props: ActionSheetProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    render(): JSX.Element;
+    private children;
+}

package/dist/es/actionsheet/ActionSheet.js

@@ -0,0 +1,116 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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);
+};
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { validatePackage } from '@progress/kendo-react-common';
+import { packageMetadata } from '../package-metadata';
+import { ActionSheetItem } from './ActionSheetItem';
+import { headerDisplayName } from './ActionSheetHeader';
+import { footerDisplayName } from './ActionSheetFooter';
+import { contentDisplayName } from './ActionSheetContent';
+/**
+ * The KendoReact ActionSheet component.
+ */
+var ActionSheet = /** @class */ (function (_super) {
+    __extends(ActionSheet, _super);
+    /**
+     * @hidden
+     */
+    function ActionSheet(props) {
+        var _this = _super.call(this, props) || this;
+        _this.actionSheetAnimationRef = React.createRef();
+        _this.actionSheetTitleClass = 'k-actionsheet-title';
+        _this.ariaLabeledBy = _this.actionSheetTitleClass + 1;
+        validatePackage(packageMetadata);
+        return _this;
+    }
+    /**
+     * @hidden
+     */
+    ActionSheet.prototype.componentDidMount = function () {
+        if (this.actionSheetAnimationRef.current) {
+            this.actionSheetAnimationRef.current.style.setProperty('--kendo-actionsheet-height', 'auto');
+            this.actionSheetAnimationRef.current.style.setProperty('--kendo-actionsheet-max-height', 'none');
+        }
+    };
+    /**
+     * @hidden
+     */
+    ActionSheet.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var topGroupItems = (_a = this.props.items) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !item.group || item.group === 'top'; });
+        var bottomGroupItems = (_b = this.props.items) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return item.group === 'bottom'; });
+        var shouldRenderSeparator = (topGroupItems && topGroupItems.length > 0) && (bottomGroupItems && bottomGroupItems.length > 0);
+        var children = this.children(this.props.children);
+        return (React.createElement("div", { className: "k-actionsheet-container" },
+            React.createElement("div", { className: "k-overlay", onClick: this.props.onOverlayClick }),
+            React.createElement("div", { className: "k-animation-container" },
+                React.createElement("div", { className: "k-child-animation-container", style: { bottom: '0px', width: '100%' } },
+                    React.createElement("div", { className: "k-actionsheet k-actionsheet-bottom", role: "dialog", "aria-modal": "true", "aria-hidden": false, "aria-labelledby": this.ariaLabeledBy, ref: this.actionSheetAnimationRef },
+                        (children[headerDisplayName] || this.props.title || this.props.subTitle) && (React.createElement("div", { className: "k-actionsheet-titlebar" },
+                            React.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" },
+                                React.createElement("div", { className: this.actionSheetTitleClass, id: this.ariaLabeledBy }, children[headerDisplayName] ||
+                                    React.createElement(React.Fragment, null,
+                                        React.createElement("div", { className: "k-text-center" }, this.props.title),
+                                        this.props.subTitle && React.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, this.props.subTitle)))))),
+                        React.createElement("div", { className: "k-actionsheet-content" }, children[contentDisplayName] ||
+                            React.createElement(React.Fragment, null,
+                                React.createElement("div", { className: "k-list-ul", role: "group" }, topGroupItems && topGroupItems.map(function (props, idx) {
+                                    return React.createElement(ActionSheetItem, __assign({ key: idx }, props, { onClick: _this.props.onItemClick }));
+                                })),
+                                shouldRenderSeparator && React.createElement("hr", { className: "k-hr" }),
+                                React.createElement("div", { className: "k-list-ul", role: "group" }, bottomGroupItems && bottomGroupItems.map(function (props, idx) {
+                                    return React.createElement(ActionSheetItem, __assign({ key: idx }, props, { onClick: _this.props.onItemClick }));
+                                })))),
+                        children[footerDisplayName])))));
+    };
+    ;
+    ActionSheet.prototype.children = function (children) {
+        var components = {};
+        React.Children.forEach(children, function (child) {
+            components[child.type.displayName] = child;
+        });
+        return components;
+    };
+    ;
+    /**
+     * @hidden
+     */
+    ActionSheet.displayName = 'KendoReactActionSheet';
+    /**
+     * @hidden
+     */
+    ActionSheet.propTypes = {
+        items: PropTypes.array,
+        subTitle: PropTypes.string,
+        title: PropTypes.string
+    };
+    return ActionSheet;
+}(React.Component));
+export { ActionSheet };
+;

package/dist/es/actionsheet/ActionSheetContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
+/**
+ * @hidden
+ */
+export declare const contentDisplayName = "ActionSheetContent";
+/**
+ * The KendoReact ActionSheetContent component.
+ */
+export declare const ActionSheetContent: React.FunctionComponent<ActionSheetChildrenProps>;

package/dist/es/actionsheet/ActionSheetContent.js

@@ -0,0 +1,19 @@
+import * as PropTypes from 'prop-types';
+/**
+ * @hidden
+ */
+export var contentDisplayName = 'ActionSheetContent';
+/**
+ * The KendoReact ActionSheetContent component.
+ */
+export var ActionSheetContent = function (props) { return props.children; };
+/**
+ * @hidden
+ */
+ActionSheetContent.displayName = contentDisplayName;
+/**
+ * @hidden
+ */
+ActionSheetContent.propTypes = {
+    children: PropTypes.any
+};

package/dist/es/actionsheet/ActionSheetFooter.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
+/**
+ * @hidden
+ */
+export declare const footerDisplayName = "ActionSheetFooter";
+/**
+ * The KendoReact ActionSheetFooter component.
+ */
+export declare const ActionSheetFooter: React.FunctionComponent<ActionSheetChildrenProps>;

package/dist/es/actionsheet/ActionSheetFooter.js

@@ -0,0 +1,19 @@
+import * as PropTypes from 'prop-types';
+/**
+ * @hidden
+ */
+export var footerDisplayName = 'ActionSheetFooter';
+/**
+ * The KendoReact ActionSheetFooter component.
+ */
+export var ActionSheetFooter = function (props) { return props.children; };
+/**
+ * @hidden
+ */
+ActionSheetFooter.displayName = footerDisplayName;
+/**
+ * @hidden
+ */
+ActionSheetFooter.propTypes = {
+    children: PropTypes.any
+};

package/dist/es/actionsheet/ActionSheetHeader.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
+/**
+ * @hidden
+ */
+export declare const headerDisplayName = "ActionSheetHeader";
+/**
+ * The KendoReact ActionSheetHeader component.
+ */
+export declare const ActionSheetHeader: React.FunctionComponent<ActionSheetChildrenProps>;

package/dist/es/actionsheet/ActionSheetHeader.js

@@ -0,0 +1,19 @@
+import * as PropTypes from 'prop-types';
+/**
+ * @hidden
+ */
+export var headerDisplayName = 'ActionSheetHeader';
+/**
+ * The KendoReact ActionSheetHeader component.
+ */
+export var ActionSheetHeader = function (props) { return props.children; };
+/**
+ * @hidden
+ */
+ActionSheetHeader.displayName = headerDisplayName;
+/**
+ * @hidden
+ */
+ActionSheetHeader.propTypes = {
+    children: PropTypes.any
+};

package/dist/es/actionsheet/ActionSheetItem.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+/**
+ * The KendoReact ActionSheetItem component.
+ */
+export declare const ActionSheetItem: React.FunctionComponent<ActionSheetItemProps>;

package/dist/es/actionsheet/ActionSheetItem.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { classNames } from '@progress/kendo-react-common';
+/**
+ * The KendoReact ActionSheetItem component.
+ */
+export var ActionSheetItem = function (props) {
+    var onClick = React.useCallback(function (event) {
+        if (props.onClick) {
+            props.onClick.call(undefined, { syntheticEvent: event, title: props.title });
+        }
+    }, [props.title, props.onClick]);
+    return (React.createElement("span", { style: props.style, className: classNames('k-actionsheet-item', 'k-cursor-pointer', props.disabled && 'k-disabled', props.className), role: "button", "aria-disabled": props.disabled, tabIndex: props.tabIndex, onClick: onClick },
+        React.createElement("span", { className: "k-actionsheet-action" },
+            props.icon,
+            (props.title || props.description) && (React.createElement("span", { className: "k-actionsheet-item-text" },
+                React.createElement("span", { className: "k-actionsheet-item-title" }, props.title),
+                React.createElement("span", { className: "k-actionsheet-item-description" }, props.description))))));
+};
+ActionSheetItem.propTypes = {
+    className: PropTypes.string,
+    style: PropTypes.object,
+    description: PropTypes.string,
+    disabled: PropTypes.bool,
+    group: PropTypes.oneOf(['top', 'bottom']),
+    icon: PropTypes.element,
+    title: PropTypes.string
+};

package/dist/es/actionsheet/interfaces/ActionSheetChildrenProps.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Represents the props of the KendoReact ActionSheetChildren component.
+ */
+export interface ActionSheetChildrenProps {
+    /**
+     * Represents the children that are passed to the ActionSheet.
+     */
+    children?: any;
+}

package/dist/es/actionsheet/interfaces/ActionSheetChildrenProps.js

@@ -0,0 +1,5 @@
+/**
+ * Represents the props of the KendoReact ActionSheetChildren component.
+ */
+;
+export {};

package/dist/es/actionsheet/interfaces/ActionSheetItemProps.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+/**
+ * Represents the props of the KendoReact ActionSheet component.
+ */
+export interface ActionSheetItemProps {
+    /**
+     * Sets additional CSS classes to the ActionSheet.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the ActionSheet.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies the `tabIndex` of the ActionSheet.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies additional text rendered under the item's title.
+     */
+    description?: string;
+    /**
+     * Specifies if the ActionSheet item is initially disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Defines the group of the item. Items can be segregated in two groups - `top` and `bottom`.
+     * Each specifying whether the ActionSheet item will be rendered over the separator or under it.
+     */
+    group?: 'top' | 'bottom';
+    /**
+     * Defines the icon rendered inside the ActionSheet item.
+     */
+    icon?: React.ReactElement;
+    /**
+     * Specifies the text content of the ActionSheet item.
+     */
+    title?: string;
+    /**
+     * @hidden
+     */
+    onClick?: (event: {
+        syntheticEvent: React.MouseEvent<HTMLSpanElement>;
+        title?: string;
+    }) => void;
+}

package/dist/es/actionsheet/interfaces/ActionSheetItemProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/main.d.ts

@@ -78,4 +78,10 @@ export * from './breadcrumb/BreadcrumbOrderedList';
 export * from './breadcrumb/BreadcrumbListItem';
 export * from './breadcrumb/BreadcrumbDelimiter';
 export * from './breadcrumb/BreadcrumbLink';
+export * from './actionsheet/ActionSheet';
+export * from './actionsheet/ActionSheetItem';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
+export * from './actionsheet/ActionSheetHeader';
+export * from './actionsheet/ActionSheetContent';
+export * from './actionsheet/ActionSheetFooter';
 export * from './expansionpanel';

package/dist/es/main.js

@@ -78,4 +78,10 @@ export * from './breadcrumb/BreadcrumbOrderedList';
 export * from './breadcrumb/BreadcrumbListItem';
 export * from './breadcrumb/BreadcrumbDelimiter';
 export * from './breadcrumb/BreadcrumbLink';
+export * from './actionsheet/ActionSheet';
+export * from './actionsheet/ActionSheetItem';
+export * from './actionsheet/interfaces/ActionSheetItemProps';
+export * from './actionsheet/ActionSheetHeader';
+export * from './actionsheet/ActionSheetContent';
+export * from './actionsheet/ActionSheetFooter';
 export * from './expansionpanel';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-layout',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673538867,
+    publishDate: 1673894807,
     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'
 };

package/dist/npm/actionsheet/ActionSheet.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+/**
+ * The props of the ActionSheet component.
+ */
+export interface ActionSheetProps {
+    /**
+     * The collection of items that will be rendered in the ActionSheet.
+     */
+    items?: ActionSheetItemProps[];
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subTitle?: string;
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title?: string;
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    onItemClick?: (event: {
+        syntheticEvent: React.MouseEvent<HTMLSpanElement>;
+        title?: string;
+    }) => void;
+    /**
+     * Represents the children that are passed to the ActionSheet.
+     */
+    children?: any;
+}
+/**
+ * The KendoReact ActionSheet component.
+ */
+export declare class ActionSheet extends React.Component<ActionSheetProps, {}> {
+    /**
+     * @hidden
+     */
+    static displayName: string;
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        items: PropTypes.Requireable<any[]>;
+        subTitle: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+    };
+    private actionSheetAnimationRef;
+    private actionSheetTitleClass;
+    private ariaLabeledBy;
+    /**
+     * @hidden
+     */
+    constructor(props: ActionSheetProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    render(): JSX.Element;
+    private children;
+}

package/dist/npm/actionsheet/ActionSheet.js

@@ -0,0 +1,119 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 });
+exports.ActionSheet = void 0;
+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");
+var ActionSheetItem_1 = require("./ActionSheetItem");
+var ActionSheetHeader_1 = require("./ActionSheetHeader");
+var ActionSheetFooter_1 = require("./ActionSheetFooter");
+var ActionSheetContent_1 = require("./ActionSheetContent");
+/**
+ * The KendoReact ActionSheet component.
+ */
+var ActionSheet = /** @class */ (function (_super) {
+    __extends(ActionSheet, _super);
+    /**
+     * @hidden
+     */
+    function ActionSheet(props) {
+        var _this = _super.call(this, props) || this;
+        _this.actionSheetAnimationRef = React.createRef();
+        _this.actionSheetTitleClass = 'k-actionsheet-title';
+        _this.ariaLabeledBy = _this.actionSheetTitleClass + 1;
+        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
+        return _this;
+    }
+    /**
+     * @hidden
+     */
+    ActionSheet.prototype.componentDidMount = function () {
+        if (this.actionSheetAnimationRef.current) {
+            this.actionSheetAnimationRef.current.style.setProperty('--kendo-actionsheet-height', 'auto');
+            this.actionSheetAnimationRef.current.style.setProperty('--kendo-actionsheet-max-height', 'none');
+        }
+    };
+    /**
+     * @hidden
+     */
+    ActionSheet.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var topGroupItems = (_a = this.props.items) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !item.group || item.group === 'top'; });
+        var bottomGroupItems = (_b = this.props.items) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return item.group === 'bottom'; });
+        var shouldRenderSeparator = (topGroupItems && topGroupItems.length > 0) && (bottomGroupItems && bottomGroupItems.length > 0);
+        var children = this.children(this.props.children);
+        return (React.createElement("div", { className: "k-actionsheet-container" },
+            React.createElement("div", { className: "k-overlay", onClick: this.props.onOverlayClick }),
+            React.createElement("div", { className: "k-animation-container" },
+                React.createElement("div", { className: "k-child-animation-container", style: { bottom: '0px', width: '100%' } },
+                    React.createElement("div", { className: "k-actionsheet k-actionsheet-bottom", role: "dialog", "aria-modal": "true", "aria-hidden": false, "aria-labelledby": this.ariaLabeledBy, ref: this.actionSheetAnimationRef },
+                        (children[ActionSheetHeader_1.headerDisplayName] || this.props.title || this.props.subTitle) && (React.createElement("div", { className: "k-actionsheet-titlebar" },
+                            React.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" },
+                                React.createElement("div", { className: this.actionSheetTitleClass, id: this.ariaLabeledBy }, children[ActionSheetHeader_1.headerDisplayName] ||
+                                    React.createElement(React.Fragment, null,
+                                        React.createElement("div", { className: "k-text-center" }, this.props.title),
+                                        this.props.subTitle && React.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, this.props.subTitle)))))),
+                        React.createElement("div", { className: "k-actionsheet-content" }, children[ActionSheetContent_1.contentDisplayName] ||
+                            React.createElement(React.Fragment, null,
+                                React.createElement("div", { className: "k-list-ul", role: "group" }, topGroupItems && topGroupItems.map(function (props, idx) {
+                                    return React.createElement(ActionSheetItem_1.ActionSheetItem, __assign({ key: idx }, props, { onClick: _this.props.onItemClick }));
+                                })),
+                                shouldRenderSeparator && React.createElement("hr", { className: "k-hr" }),
+                                React.createElement("div", { className: "k-list-ul", role: "group" }, bottomGroupItems && bottomGroupItems.map(function (props, idx) {
+                                    return React.createElement(ActionSheetItem_1.ActionSheetItem, __assign({ key: idx }, props, { onClick: _this.props.onItemClick }));
+                                })))),
+                        children[ActionSheetFooter_1.footerDisplayName])))));
+    };
+    ;
+    ActionSheet.prototype.children = function (children) {
+        var components = {};
+        React.Children.forEach(children, function (child) {
+            components[child.type.displayName] = child;
+        });
+        return components;
+    };
+    ;
+    /**
+     * @hidden
+     */
+    ActionSheet.displayName = 'KendoReactActionSheet';
+    /**
+     * @hidden
+     */
+    ActionSheet.propTypes = {
+        items: PropTypes.array,
+        subTitle: PropTypes.string,
+        title: PropTypes.string
+    };
+    return ActionSheet;
+}(React.Component));
+exports.ActionSheet = ActionSheet;
+;

package/dist/npm/actionsheet/ActionSheetContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
+/**
+ * @hidden
+ */
+export declare const contentDisplayName = "ActionSheetContent";
+/**
+ * The KendoReact ActionSheetContent component.
+ */
+export declare const ActionSheetContent: React.FunctionComponent<ActionSheetChildrenProps>;

package/dist/npm/actionsheet/ActionSheetContent.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionSheetContent = exports.contentDisplayName = void 0;
+var PropTypes = require("prop-types");
+/**
+ * @hidden
+ */
+exports.contentDisplayName = 'ActionSheetContent';
+/**
+ * The KendoReact ActionSheetContent component.
+ */
+var ActionSheetContent = function (props) { return props.children; };
+exports.ActionSheetContent = ActionSheetContent;
+/**
+ * @hidden
+ */
+exports.ActionSheetContent.displayName = exports.contentDisplayName;
+/**
+ * @hidden
+ */
+exports.ActionSheetContent.propTypes = {
+    children: PropTypes.any
+};

package/dist/npm/actionsheet/ActionSheetFooter.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
+/**
+ * @hidden
+ */
+export declare const footerDisplayName = "ActionSheetFooter";
+/**
+ * The KendoReact ActionSheetFooter component.
+ */
+export declare const ActionSheetFooter: React.FunctionComponent<ActionSheetChildrenProps>;