@progress/kendo-react-layout 6.1.1 → 7.0.0-develop.10

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

@@ -1,10 +0,0 @@
-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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionSheetContent = exports.contentDisplayName = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-exports.contentDisplayName = 'ActionSheetContent';
-/**
- * The KendoReact ActionSheetContent component.
- */
-var ActionSheetContent = function (props) {
-    return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-actionsheet-content', props.className) }, props.children));
-};
-exports.ActionSheetContent = ActionSheetContent;
-exports.ActionSheetContent.propTypes = {
-    className: PropTypes.string
-};
-/**
- * @hidden
- */
-exports.ActionSheetContent.displayName = exports.contentDisplayName;
-/**
- * @hidden
- */
-exports.ActionSheetContent.propTypes = {
-    children: PropTypes.any
-};

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

@@ -1,10 +0,0 @@
-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/npm/actionsheet/ActionSheetFooter.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionSheetFooter = exports.footerDisplayName = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-exports.footerDisplayName = 'ActionSheetFooter';
-/**
- * The KendoReact ActionSheetFooter component.
- */
-var ActionSheetFooter = function (props) {
-    return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-actionsheet-footer', props.className) }, props.children));
-};
-exports.ActionSheetFooter = ActionSheetFooter;
-exports.ActionSheetFooter.propTypes = {
-    className: PropTypes.string
-};
-/**
- * @hidden
- */
-exports.ActionSheetFooter.displayName = exports.footerDisplayName;
-/**
- * @hidden
- */
-exports.ActionSheetFooter.propTypes = {
-    children: PropTypes.any
-};

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

@@ -1,10 +0,0 @@
-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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionSheetHeader = exports.headerDisplayName = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-exports.headerDisplayName = 'ActionSheetHeader';
-/**
- * The KendoReact ActionSheetHeader component.
- */
-var ActionSheetHeader = function (props) {
-    return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-actionsheet-titlebar', props.className) }, props.children));
-};
-exports.ActionSheetHeader = ActionSheetHeader;
-exports.ActionSheetHeader.propTypes = {
-    className: PropTypes.string
-};
-/**
- * @hidden
- */
-exports.ActionSheetHeader.displayName = exports.headerDisplayName;
-/**
- * @hidden
- */
-exports.ActionSheetHeader.propTypes = {
-    children: PropTypes.any
-};

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

@@ -1,6 +0,0 @@
-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

@@ -1,42 +0,0 @@
-"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 itemRef = React.useRef(null);
-    var onClick = React.useCallback(function (event) {
-        if (props.onClick) {
-            props.onClick.call(undefined, {
-                syntheticEvent: event,
-                item: props.item,
-                title: props.title
-            });
-        }
-    }, [props.item, props.title, props.onClick]);
-    React.useEffect(function () {
-        if (itemRef.current && props.focused) {
-            itemRef.current.focus();
-        }
-    }, [props.focused]);
-    return (React.createElement("span", { style: props.style, tabIndex: props.tabIndex, className: (0, kendo_react_common_1.classNames)('k-actionsheet-item', 'k-cursor-pointer', props.disabled && 'k-disabled', props.className), ref: itemRef, role: "button", "aria-disabled": props.disabled, onClick: onClick },
-        React.createElement("span", { className: "k-actionsheet-action" },
-            props.icon && React.createElement("span", { className: "k-icon-wrap" }, props.icon),
-            (props.title || props.description) && (React.createElement("span", { className: "k-actionsheet-item-text" },
-                props.title && React.createElement("span", { className: "k-actionsheet-item-title" }, props.title),
-                props.description && 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

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export interface ActionSheetChildrenProps {
-    /**
-     * ClassName of the rendered element.
-     */
-    className?: any;
-    /**
-     * Represents the children that are passed to the ActionSheet.
-     */
-    children?: any;
-}

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

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

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

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

package/dist/npm/appbar/AppBar.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBar = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-/**
- * Represents the [KendoReact AppBar component]({% slug overview_appbar %}).
- * Used to display information, actions, branding titles and additional navigation on the current screen.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.AppBar = React.forwardRef(function (props, target) {
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    var children = props.children, className = props.className, style = props.style, id = props.id;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
-    var themeColor = React.useMemo(function () { return props.themeColor || defaultProps.themeColor; }, [props.themeColor]);
-    var position = React.useMemo(function () { return props.position || defaultProps.position; }, [props.position]);
-    var positionMode = React.useMemo(function () { return props.positionMode || defaultProps.positionMode; }, [props.positionMode]);
-    var appbarClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-appbar', {
-        'k-appbar-top': position === 'top',
-        'k-appbar-bottom': position === 'bottom',
-        'k-appbar-static': positionMode === 'static',
-        'k-appbar-sticky': positionMode === 'sticky',
-        'k-appbar-fixed': positionMode === 'fixed',
-        'k-appbar-light': themeColor === 'light',
-        'k-appbar-dark': themeColor === 'dark',
-        'k-appbar-inherit': themeColor === 'inherit'
-    }, className); }, [position, positionMode, themeColor, className]);
-    return (React.createElement("div", { className: appbarClasses, style: style, id: id || calculatedId }, children));
-});
-exports.AppBar.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object,
-    id: PropTypes.string,
-    themeColor: PropTypes.string,
-    position: PropTypes.oneOf(['top', 'bottom']),
-    positionMode: PropTypes.oneOf(['static', 'sticky', 'fixed'])
-};
-var defaultProps = {
-    themeColor: 'light',
-    position: 'top',
-    positionMode: 'static'
-};
-exports.AppBar.displayName = 'KendoAppBar';

package/dist/npm/appbar/AppBarSection.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBarSection = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Represents the [KendoReact AppBarSection component]({% slug contentarrangement_appbar %}#toc-defining-sections).
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.AppBarSection = React.forwardRef(function (props, target) {
-    var children = props.children, className = props.className, style = props.style;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var sectionClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-appbar-section', className); }, [className]);
-    return (React.createElement("div", { className: sectionClasses, style: style }, children));
-});
-exports.AppBarSection.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object
-};
-exports.AppBarSection.displayName = 'KendoAppBarSection';

package/dist/npm/appbar/AppBarSpacer.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBarSpacer = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * Represents the [KendoReact AppBarSpacer component]({% slug contentarrangement_appbar %}#toc-defining-spacings).
- * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
- *
- * @example
- * ```jsx
- *
- * const App = () => {
- *   return (
- *       <AppBar>
- *           <AppBarSection>
- *               <span className="k-icon k-i-menu" />
- *           </AppBarSection>
- *
- *           <AppBarSpacer style={{ width: 8 }} />
- *
- *           <AppBarSection>
- *               <h1 className="title">{tc.text} AppBar</h1>
- *           </AppBarSection>
- *
- *           <AppBarSpacer />
- *
- *           <AppBarSection>
- *               <BadgeContainer>
- *                   <span className="k-icon k-i-bell" />
- *                   <Badge themeColor="info" shape="dot" />
- *               </BadgeContainer>
- *           </AppBarSection>
- *      </AppBar>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.AppBarSpacer = React.forwardRef(function (props, target) {
-    var children = props.children, className = props.className, style = props.style;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var spacerClasses = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-appbar-spacer', {
-        'k-appbar-spacer-sized': style && style.width && style.width !== null
-    }, className); }, [className, style]);
-    var spacerStyles = React.useMemo(function () {
-        return {
-            flexBasis: style && style.width ? style.width : undefined
-        };
-    }, [style]);
-    return (React.createElement("span", { className: spacerClasses, style: spacerStyles }, children));
-});
-exports.AppBarSpacer.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object
-};
-exports.AppBarSpacer.displayName = 'KendoAppBarSpacer';

package/dist/npm/appbar/interfaces/AppBarProps.d.ts

@@ -1,79 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the [KendoReact AppBar component]({% slug overview_appbar %}).
- * Used to display information, actions, branding titles and additional navigation on the current screen.
- */
-export interface AppBarProps {
-    /**
-     * Represents the children that are passed to the AppBar.
-     */
-    children?: any;
-    /**
-     * Sets additional CSS classes to the AppBar.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the AppBar.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `id` property of the root AppBar element.
-     */
-    id?: string;
-    /**
-     * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
-     *
-     * * The possible values are:
-     * * 'top' (Default)
-     * * 'bottom'
-     *
-     */
-    position?: AppBarPosition;
-    /**
-     * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-positionmode)).
-     *
-     * * The possible values are:
-     * * 'static' (Default)
-     * * 'sticky'
-     * * 'fixed'
-     */
-    positionMode?: AppBarPositionMode;
-    /**
-     * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
-     *
-     * * The possible values are:
-     * * `inherit`
-     * * `light` (Default)
-     * * `dark`
-     *
-     */
-    themeColor?: AppBarThemeColor;
-}
-/**
- * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
- *
- * * The possible values are:
- * * 'top' (Default)
- * * 'bottom'
- *
- */
-export declare type AppBarPosition = 'top' | 'bottom';
-/**
- * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-positionmode)).
- *
- * * The possible values are:
- * * 'static' (Default)
- * * 'sticky'
- * * 'fixed'
- */
-export declare type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
-/**
- * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
- *
- * * The possible values are:
- * * `inherit`
- * * `light` (Default)
- * * `dark`
- *
- */
-export declare type AppBarThemeColor = 'light' | 'dark' | 'inherit';

package/dist/npm/appbar/interfaces/AppBarProps.js

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

package/dist/npm/appbar/interfaces/AppBarSectionProps.js

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

package/dist/npm/appbar/interfaces/AppBarSpacerProps.js

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

package/dist/npm/bottomnavigation/BottomNavigation.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { BottomNavigationProps } from './BottomNavigationProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html)
- * callback of the BottomNavigation component.
- */
-export interface BottomNavigationHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLElement | null;
-    /**
-     * Focus the BottomNavigation first item.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact BottomNavigation component]({% slug overview_bottomnavigation %}).
- * Used to switch between primary destinations in an application.
- *
- * @example
- * ```jsx
- * const items = [
- *    { text: 'Photos', icon: 'photo', selected: true },
- *    { text: 'Albums', icon: 'folder' },
- *    { text: 'Search', icon: 'search' },
- *    { text: 'More', icon: 'more-horizontal' },
- * ];
- *
- * const App = () => {
- *   return (
- *       <BottomNavigation items={items} />
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<BottomNavigationHandle | null>>;