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

package/dist/npm/actionsheet/ActionSheetFooter.js

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

package/dist/npm/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/npm/actionsheet/ActionSheetHeader.js

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

package/dist/npm/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/npm/actionsheet/ActionSheetItem.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionSheetItem = void 0;
+var React = require("react");
+var PropTypes = require("prop-types");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+/**
+ * The KendoReact ActionSheetItem component.
+ */
+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: (0, kendo_react_common_1.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))))));
+};
+exports.ActionSheetItem = ActionSheetItem;
+exports.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/npm/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/npm/actionsheet/interfaces/ActionSheetChildrenProps.js

@@ -0,0 +1,6 @@
+"use strict";
+/**
+ * Represents the props of the KendoReact ActionSheetChildren component.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+;

package/dist/npm/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/npm/actionsheet/interfaces/ActionSheetItemProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/main.js

@@ -94,4 +94,10 @@ __exportStar(require("./breadcrumb/BreadcrumbOrderedList"), exports);
 __exportStar(require("./breadcrumb/BreadcrumbListItem"), exports);
 __exportStar(require("./breadcrumb/BreadcrumbDelimiter"), exports);
 __exportStar(require("./breadcrumb/BreadcrumbLink"), exports);
+__exportStar(require("./actionsheet/ActionSheet"), exports);
+__exportStar(require("./actionsheet/ActionSheetItem"), exports);
+__exportStar(require("./actionsheet/interfaces/ActionSheetItemProps"), exports);
+__exportStar(require("./actionsheet/ActionSheetHeader"), exports);
+__exportStar(require("./actionsheet/ActionSheetContent"), exports);
+__exportStar(require("./actionsheet/ActionSheetFooter"), exports);
 __exportStar(require("./expansionpanel"), exports);

package/dist/npm/package-metadata.js

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