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

package/dist/es/drawer/Drawer.js

@@ -1,118 +0,0 @@
-var _this = this;
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { DrawerContext } from './context/DrawerContext';
-import { DrawerNavigation } from './DrawerNavigation';
-import { classNames, useDir } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   const items = [
- *       { text: 'Inbox', icon: 'k-i-inbox', selected: true },
- *       { separator: true },
- *       { text: 'Notifications', icon: 'k-i-bell', disabled: true },
- *       { text: 'Calendar', icon: 'k-i-calendar' },
- *       { separator: true },
- *       { text: 'Attachments', icon: 'k-i-hyperlink-email' },
- *       { text: 'Favourites', icon: 'k-i-star-outline' }
- *   ];
- *
- *   const [expanded, setExpanded] = React.useState(true);
- *   const handleClick = () => setExpanded(prevState => !prevState);
- *
- *   return (
- *       <Drawer expanded={expanded} position='start' mode='push' items={items}>
- *           <DrawerContent>
- *               <button className="k-button" onClick={handleClick}>Toggle the drawer state</button>
- *           </DrawerContent>
- *       </Drawer>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var Drawer = React.forwardRef(function (props, target) {
-    validatePackage(packageMetadata);
-    var expanded = props.expanded, mode = props.mode, position = props.position, className = props.className, children = props.children, style = props.style, animation = props.animation, mini = props.mini, width = props.width, miniWidth = props.miniWidth, items = props.items, item = props.item, tabIndex = props.tabIndex, onOverlayClick = props.onOverlayClick, onSelect = props.onSelect;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    React.useImperativeHandle(target, function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); });
-    var handleSelect = React.useCallback(function (itemTarget, itemIndex, event) {
-        if (items && onSelect) {
-            var ev = {
-                itemTarget: itemTarget,
-                itemIndex: itemIndex,
-                syntheticEvent: event,
-                nativeEvent: event && event.nativeEvent,
-                target: _this
-            };
-            onSelect.call(undefined, ev);
-        }
-    }, [items, onSelect]);
-    var dir = useDir(elementRef, props.dir);
-    var drawerClassNames = classNames({
-        'k-drawer-container': true,
-        'k-drawer-expanded': expanded,
-        'k-drawer-overlay': mode === 'overlay',
-        'k-drawer-push': mode === 'push',
-        'k-drawer-mini': mini
-    }, className);
-    return (React.createElement(DrawerContext.Provider, { value: {
-            animation: animation,
-            expanded: expanded,
-            mode: mode,
-            position: position,
-            mini: mini,
-            dir: dir,
-            items: items,
-            item: item,
-            width: width,
-            miniWidth: miniWidth,
-            onOverlayClick: onOverlayClick,
-            onSelect: handleSelect
-        } },
-        React.createElement("div", { className: drawerClassNames, ref: elementRef, dir: dir, style: style, tabIndex: tabIndex },
-            items && React.createElement(DrawerNavigation, null),
-            children)));
-});
-Drawer.propTypes = {
-    animation: PropTypes.any,
-    expanded: PropTypes.bool,
-    children: PropTypes.any,
-    className: PropTypes.string,
-    dir: PropTypes.string,
-    mode: PropTypes.string,
-    position: PropTypes.string,
-    mini: PropTypes.bool,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    width: PropTypes.number,
-    miniWidth: PropTypes.number,
-    selected: PropTypes.number,
-    onSelect: PropTypes.func,
-    onOverlayClick: PropTypes.func
-};
-var defaultProps = {
-    animation: true,
-    expanded: false,
-    mode: 'overlay',
-    position: 'start',
-    mini: false,
-    dir: 'ltr',
-    width: 240,
-    miniWidth: 50
-};
-Drawer.defaultProps = defaultProps;
-Drawer.displayName = 'KendoDrawer';

package/dist/es/drawer/DrawerContent.js

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   const items = [
- *       { text: 'Inbox', icon: 'k-i-inbox', selected: true },
- *       { separator: true },
- *       { text: 'Notifications', icon: 'k-i-bell', disabled: true },
- *       { text: 'Calendar', icon: 'k-i-calendar' },
- *       { separator: true },
- *       { text: 'Attachments', icon: 'k-i-hyperlink-email' },
- *       { text: 'Favourites', icon: 'k-i-star-outline' }
- *   ];
- *
- *   const [expanded, setExpanded] = React.useState(true);
- *   const handleClick = () => setExpanded(prevState => !prevState);
- *
- *   return (
- *       <Drawer expanded={expanded} position='start' mode='push' items={items}>
- *           <DrawerContent>
- *               <button className="k-button" onClick={handleClick}>Toggle the drawer state</button>
- *           </DrawerContent>
- *       </Drawer>
- *   );
- * };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var DrawerContent = React.forwardRef(function (props, target) {
-    var children = props.children, className = props.className, style = props.style;
-    var elementRef = React.useRef(null);
-    React.useImperativeHandle(target, function () { return ({
-        element: elementRef.current
-    }); });
-    var contentClassNames = classNames({
-        'k-drawer-content': true
-    }, className);
-    return (React.createElement("div", { className: contentClassNames, style: style, ref: elementRef }, children));
-});
-DrawerContent.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object
-};
-DrawerContent.displayName = 'KendoDrawerContent';

package/dist/es/drawer/DrawerItem.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { DrawerItemHandle } from './interfaces/DrawerItemHandle';
-import { DrawerItemProps } from './interfaces/DrawerItemProps';
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- *    const App = () => {
- *      const [stateVisible, setStateVisible] = React.useState(true);
- *      const handleClick = () => { setStateVisible(prevState => !prevState); };
- *
- *      return (
- *        <Drawer expanded={stateVisible} mode={'push'}>
- *            <DrawerNavigation>
- *                <DrawerItem text="Inbox" icon="k-i-inbox" />
- *                <DrawerItem separator={true} />
- *                <DrawerItem text="Notifications" icon="k-i-bell" disabled={true}/>
- *                <DrawerItem text="Calendar" icon="k-i-calendar"/>
- *                <DrawerItem separator={true} />
- *                <DrawerItem text="Attachments" icon="k-i-hyperlink-email" selected={true}/>
- *                <DrawerItem text="Favourites" icon="k-i-star-outline"/>
- *            </DrawerNavigation>
- *            <DrawerContent><button className="k-button" onClick={handleClick}>Toggle the drawer state</button></DrawerContent>
- *        </Drawer>
- *      );
- *    };
- *
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const DrawerItem: React.ForwardRefExoticComponent<Omit<DrawerItemProps, "ref"> & React.RefAttributes<DrawerItemHandle | null>>;

package/dist/es/drawer/DrawerItem.js

@@ -1,101 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames, getTabIndex, IconWrap, svgIconPropType, toIconName } from '@progress/kendo-react-common';
-import { DrawerContext } from './context/DrawerContext';
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- *    const App = () => {
- *      const [stateVisible, setStateVisible] = React.useState(true);
- *      const handleClick = () => { setStateVisible(prevState => !prevState); };
- *
- *      return (
- *        <Drawer expanded={stateVisible} mode={'push'}>
- *            <DrawerNavigation>
- *                <DrawerItem text="Inbox" icon="k-i-inbox" />
- *                <DrawerItem separator={true} />
- *                <DrawerItem text="Notifications" icon="k-i-bell" disabled={true}/>
- *                <DrawerItem text="Calendar" icon="k-i-calendar"/>
- *                <DrawerItem separator={true} />
- *                <DrawerItem text="Attachments" icon="k-i-hyperlink-email" selected={true}/>
- *                <DrawerItem text="Favourites" icon="k-i-star-outline"/>
- *            </DrawerNavigation>
- *            <DrawerContent><button className="k-button" onClick={handleClick}>Toggle the drawer state</button></DrawerContent>
- *        </Drawer>
- *      );
- *    };
- *
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var DrawerItem = React.forwardRef(function (props, target) {
-    var className = props.className, style = props.style, text = props.text, icon = props.icon, svgIcon = props.svgIcon, separator = props.separator, disabled = props.disabled, selected = props.selected, onSelect = props.onSelect, index = props.index, tabIndex = props.tabIndex, children = props.children, others = __rest(props, ["className", "style", "text", "icon", "svgIcon", "separator", "disabled", "selected", "onSelect", "index", "tabIndex", "children"]);
-    var _a = React.useContext(DrawerContext), expanded = _a.expanded, mini = _a.mini, item = _a.item;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    React.useImperativeHandle(target, function () { return ({
-        element: elementRef.current,
-        focus: focusElement,
-        props: props
-    }); });
-    var itemClassNames = classNames('k-drawer-item', {
-        'k-selected': selected,
-        'k-disabled': disabled
-    }, className);
-    var handleClick = React.useCallback(function (event) {
-        if (onSelect && !disabled) {
-            var handle = {
-                element: elementRef.current,
-                focus: focusElement,
-                props: props
-            };
-            onSelect(handle, index, event);
-        }
-    }, [onSelect, index, disabled]);
-    var drawerItemContent = (React.createElement(React.Fragment, null,
-        (icon || svgIcon) && React.createElement(IconWrap, { name: icon ? toIconName(icon) : icon, icon: svgIcon }),
-        !expanded && mini ? null : React.createElement("span", { className: 'k-item-text' }, text)));
-    return (separator
-        ? React.createElement("li", { className: 'k-drawer-item k-drawer-separator', role: "separator" })
-        : (React.createElement("li", __assign({ ref: elementRef, className: itemClassNames, style: style, role: "menuitem", "aria-label": text, "aria-disabled": disabled, onClick: handleClick, tabIndex: getTabIndex(tabIndex, disabled) }, others), !item ? drawerItemContent : children)));
-});
-DrawerItem.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    text: PropTypes.string,
-    icon: PropTypes.string,
-    svgIcon: svgIconPropType,
-    separator: PropTypes.bool,
-    selected: PropTypes.bool,
-    disabled: PropTypes.bool,
-    targetItem: PropTypes.any
-};
-DrawerItem.displayName = 'KendoDrawerItem';

package/dist/es/drawer/DrawerNavigation.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { DrawerNavigationProps } from './interfaces/DrawerNavigationProps';
-/**
- * @hidden
- */
-export interface DrawerNavigationHandle {
-    element: HTMLDivElement | null;
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- *   const App = () => {
- *       const [expanded, setExpanded] = React.useState(true);
- *       const handleClick = () => setExpanded(prevState => !prevState);
- *
- *       return (
- *           <Drawer expanded={expanded} position='start' mode='push'>
- *               <DrawerNavigation>
- *                   <ul className="k-drawer-items">
- *                       <li className="k-drawer-item k-selected">
- *                           <span className="k-item-text">Home</span>
- *                       </li>
- *                       <li className="k-drawer-item">
- *                           <span className="k-item-text">Products</span>
- *                       </li>
- *                       <li className="k-drawer-item">
- *                           <span className="k-item-text">About</span>
- *                       </li>
- *                   </ul>
- *               </DrawerNavigation>
- *               <DrawerContent>
- *                   <button className="k-button" onClick={handleClick}>Toggle the drawer state</button>
- *               </DrawerContent>
- *           </Drawer>
- *       );
- *   };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const DrawerNavigation: React.ForwardRefExoticComponent<DrawerNavigationProps & React.RefAttributes<DrawerNavigationHandle | null>>;

package/dist/es/drawer/DrawerNavigation.js

@@ -1,153 +0,0 @@
-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 { DrawerContext } from './context/DrawerContext';
-import { DrawerItem } from './DrawerItem';
-import { classNames } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-import { shouldShowValidationUI, validatePackage, WatermarkOverlay } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var DEFAULT_EXPANDED_WIDTH = 240;
-/**
- * @hidden
- */
-var DEFAULT_MINI_WIDTH = 50;
-/**
- * @hidden
- */
-var DEFAULT_ANIMATION = { type: 'slide', duration: 200 };
-/**
- * @hidden
- */
-var NO_ANIMATION = { type: 'slide', duration: 0 };
-/**
- * Represents the [KendoReact Drawer component]({% slug overview_drawer %}).
- *
- * @example
- * ```jsx
- *   const App = () => {
- *       const [expanded, setExpanded] = React.useState(true);
- *       const handleClick = () => setExpanded(prevState => !prevState);
- *
- *       return (
- *           <Drawer expanded={expanded} position='start' mode='push'>
- *               <DrawerNavigation>
- *                   <ul className="k-drawer-items">
- *                       <li className="k-drawer-item k-selected">
- *                           <span className="k-item-text">Home</span>
- *                       </li>
- *                       <li className="k-drawer-item">
- *                           <span className="k-item-text">Products</span>
- *                       </li>
- *                       <li className="k-drawer-item">
- *                           <span className="k-item-text">About</span>
- *                       </li>
- *                   </ul>
- *               </DrawerNavigation>
- *               <DrawerContent>
- *                   <button className="k-button" onClick={handleClick}>Toggle the drawer state</button>
- *               </DrawerContent>
- *           </Drawer>
- *       );
- *   };
- *    ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var DrawerNavigation = React.forwardRef(function (props, target) {
-    var children = props.children, className = props.className, style = props.style;
-    validatePackage(packageMetadata);
-    var showLicenseWatermark = shouldShowValidationUI(packageMetadata);
-    var _a = React.useContext(DrawerContext), animation = _a.animation, expanded = _a.expanded, mode = _a.mode, position = _a.position, onOverlayClick = _a.onOverlayClick, mini = _a.mini, dir = _a.dir, width = _a.width, miniWidth = _a.miniWidth, items = _a.items, item = _a.item, onSelect = _a.onSelect;
-    var elementRef = React.useRef(null);
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    var customSettings = typeof animation !== 'boolean' ? animation : animation === false ? NO_ANIMATION : DEFAULT_ANIMATION;
-    var navWidth = width ? width : DEFAULT_EXPANDED_WIDTH;
-    var navMiniWidth = miniWidth ? miniWidth : DEFAULT_MINI_WIDTH;
-    React.useImperativeHandle(target, function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); });
-    var navigationClassNames = React.useMemo(function () { return 'k-widget k-drawer ' + classNames({
-        'k-drawer-start': position === 'start',
-        'k-drawer-end': position === 'end'
-    }, className); }, [position]);
-    var expandPush = {
-        opacity: 1,
-        flexBasis: navWidth,
-        WebkitTransition: 'all ' + (customSettings && customSettings.duration) + 'ms',
-        transition: 'all ' + (customSettings && customSettings.duration) + 'ms'
-    };
-    var expandOverlay = {
-        opacity: 1,
-        transform: 'translateX(0px)',
-        WebkitTransition: 'all ' + (customSettings && customSettings.duration) + 'ms',
-        transition: 'all ' + (customSettings && customSettings.duration) + 'ms'
-    };
-    var collapsePush = {
-        opacity: !mini ? 0 : 1,
-        flexBasis: !mini ? 0 : navMiniWidth,
-        WebkitTransition: 'all ' + (customSettings && customSettings.duration) + 'ms',
-        transition: 'all ' + (customSettings && customSettings.duration) + 'ms'
-    };
-    var collapseOverlay = {
-        opacity: 0,
-        transform: 'translateX(-100%)',
-        WebkitTransition: 'all ' + (customSettings && customSettings.duration) + 'ms',
-        transition: 'all ' + (customSettings && customSettings.duration) + 'ms'
-    };
-    var collapseOverlayRtl = {
-        opacity: 0,
-        transform: 'translateX(100%)',
-        WebkitTransition: 'all ' + (customSettings && customSettings.duration) + 'ms',
-        transition: 'all ' + (customSettings && customSettings.duration) + 'ms'
-    };
-    var collapseOverlayMini = {
-        transform: 'translateX(0%)',
-        WebkitTransitionDuration: (customSettings && customSettings.duration) + 'ms',
-        transitionDuration: (customSettings && customSettings.duration) + 'ms'
-    };
-    var drawerAnimation = expanded ?
-        mode === 'push' ? expandPush : expandOverlay :
-        mode === 'push' ? collapsePush :
-            (dir === 'ltr' && position === 'start') || (dir === 'rtl' && position === 'end') ?
-                mini ? collapseOverlayMini : collapseOverlay :
-                mini ? collapseOverlayMini : collapseOverlayRtl;
-    var drawerItems = (items && (React.createElement("ul", { className: 'k-drawer-items', role: "menubar", "aria-label": "drawer-list", "aria-expanded": expanded }, items
-        .map(function (element, index) {
-        var drawerItemProps = __assign(__assign({ index: index }, element), { onSelect: onSelect });
-        var ItemComp = item || DrawerItem;
-        return (React.createElement(ItemComp, __assign({ key: index }, drawerItemProps)));
-    }))));
-    var drawerNavigation = (React.createElement("div", { style: customSettings ? __assign(__assign({}, drawerAnimation), style) : style, className: navigationClassNames, ref: elementRef },
-        React.createElement("div", { className: 'k-drawer-wrapper', style: !expanded && mini && mode === 'overlay' ? { width: navMiniWidth } : { width: navWidth } }, drawerItems || children),
-        showLicenseWatermark && React.createElement(WatermarkOverlay, null)));
-    return (mode === 'overlay' ?
-        (React.createElement(React.Fragment, null,
-            expanded && React.createElement("div", { className: "k-overlay", onClick: onOverlayClick }),
-            drawerNavigation))
-        : drawerNavigation);
-});
-DrawerNavigation.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object,
-    item: PropTypes.any,
-    tabIndex: PropTypes.number
-};
-DrawerNavigation.displayName = 'KendoDrawerNavigation';

package/dist/es/drawer/context/DrawerContext.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { DrawerAnimation } from '../interfaces/DrawerAnimation';
-import { DrawerItemProps } from '../interfaces/DrawerItemProps';
-/** @hidden */
-export declare type DrawerContextType = {
-    animation?: boolean | DrawerAnimation;
-    expanded?: boolean;
-    mode?: 'overlay' | 'push';
-    position?: 'start' | 'end';
-    mini?: boolean;
-    dir?: string;
-    items?: Array<DrawerItemProps>;
-    item?: React.ComponentType<DrawerItemProps>;
-    width?: number;
-    miniWidth?: number;
-    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onSelect?: (target: any, idx: number, event: React.SyntheticEvent<HTMLElement>) => void;
-};
-/** @hidden */
-export declare const DrawerContext: React.Context<DrawerContextType>;

package/dist/es/drawer/context/DrawerContext.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-var defaultContext = {
-    animation: true,
-    expanded: false,
-    mode: 'overlay',
-    position: 'start',
-    mini: false,
-    dir: 'ltr',
-    width: 240,
-    miniWidth: 50
-};
-/** @hidden */
-export var DrawerContext = React.createContext(defaultContext);

package/dist/es/drawer/interfaces/DrawerAnimation.d.ts

@@ -1,14 +0,0 @@
-/**
- * Specifies the animation settings of the Drawer.
- *
- */
-export interface DrawerAnimation {
-    /**
-     * Specifies the type of the Drawer animation.
-     */
-    type?: 'slide';
-    /**
-     * Specifies the duration of the Drawer animation ([see example]({% slug display_modes_drawer %}#toc-expand-modes)) .
-     */
-    duration: number;
-}

package/dist/es/drawer/interfaces/DrawerAnimation.js

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

package/dist/es/drawer/interfaces/DrawerContentProps.js

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

package/dist/es/drawer/interfaces/DrawerItemHandle.d.ts

@@ -1,17 +0,0 @@
-/**
- * The DrawerItem ref.
- */
-export interface DrawerItemHandle {
-    /**
-     * The DrawerItem element.
-     */
-    element: HTMLLIElement | null;
-    /**
-     * Focus the DrawerItem.
-     */
-    focus: () => void;
-    /**
-     * The props of the DrawerItem.
-     */
-    props: any;
-}

package/dist/es/drawer/interfaces/DrawerItemHandle.js

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

package/dist/es/drawer/interfaces/DrawerItemProps.js

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

package/dist/es/drawer/interfaces/DrawerNavigationProps.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * The properties of the [KendoReact DrawerNavigation component]({% slug overview_drawer %}).
- */
-export interface DrawerNavigationProps {
-    /**
-     * Sets the DrawerNavigation items declaratively.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the DrawerNavigation element.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the DrawerNavigation.
-     */
-    style?: React.CSSProperties;
-}

package/dist/es/drawer/interfaces/DrawerNavigationProps.js

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