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

package/dist/npm/card/interfaces/CardTitleProps.js

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

package/dist/npm/card/interfaces/Enums.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardActionsLayout = exports.cardType = exports.cardOrientation = exports.avatarType = void 0;
-var avatarType;
-(function (avatarType) {
-    avatarType["TEXT"] = "text";
-    avatarType["IMAGE"] = "image";
-    avatarType["ICON"] = "icon";
-})(avatarType = exports.avatarType || (exports.avatarType = {}));
-var cardOrientation;
-(function (cardOrientation) {
-    cardOrientation["HORIZONTAL"] = "horizontal";
-    cardOrientation["VERTICAL"] = "vertical";
-})(cardOrientation = exports.cardOrientation || (exports.cardOrientation = {}));
-var cardType;
-(function (cardType) {
-    cardType["DEFAULT"] = "default";
-    cardType["primary"] = "primary";
-    cardType["INFO"] = "info";
-    cardType["SUCCESS"] = "success";
-    cardType["WARNING"] = "warning";
-    cardType["ERROR"] = "error";
-})(cardType = exports.cardType || (exports.cardType = {}));
-var cardActionsLayout;
-(function (cardActionsLayout) {
-    cardActionsLayout["START"] = "start";
-    cardActionsLayout["CENTER"] = "center";
-    cardActionsLayout["END"] = "end";
-    cardActionsLayout["STRETCHED"] = "stretched";
-})(cardActionsLayout = exports.cardActionsLayout || (exports.cardActionsLayout = {}));

package/dist/npm/contextmenu/ContextMenu.js

@@ -1,40 +0,0 @@
-"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 });
-exports.ContextMenu = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_popup_1 = require("@progress/kendo-react-popup");
-var Menu_1 = require("../menu/components/Menu");
-/**
- * Represents the [KendoReact ContextMenu component]({% slug overview_contextmenu %}).
- */
-var ContextMenu = function (props) {
-    var menuRef = React.useRef(null);
-    React.useEffect(function () {
-        if (props.show) {
-            setTimeout(function () {
-                var element = menuRef.current && menuRef.current.element;
-                var menuItem = element && element.querySelector('.k-menu-item');
-                var activeElement = (0, kendo_react_common_1.getActiveElement)(menuItem && menuItem.ownerDocument);
-                if (menuItem && menuItem !== activeElement) {
-                    menuItem.focus();
-                }
-            });
-        }
-    }, [props.show]);
-    return (React.createElement(kendo_react_popup_1.Popup, { show: props.show, offset: props.offset, popupClass: 'k-menu-popup', animate: false },
-        React.createElement(Menu_1.Menu, __assign({ vertical: true }, props, { ref: menuRef, className: (0, kendo_react_common_1.classNames)('k-context-menu', props.className), onClose: props.onClose, role: 'menu' }), props.children)));
-};
-exports.ContextMenu = ContextMenu;
-exports.ContextMenu.displayName = 'KendoReactContextMenu';

package/dist/npm/drawer/Drawer.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { DrawerProps } from './interfaces/DrawerProps';
-/**
- * The Drawer ref.
- */
-export interface DrawerHandle {
-    element: HTMLDivElement | null;
-    focus: () => void;
-}
-/**
- * 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 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerHandle | null>>;

package/dist/npm/drawer/Drawer.js

@@ -1,121 +0,0 @@
-"use strict";
-var _this = this;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var DrawerContext_1 = require("./context/DrawerContext");
-var DrawerNavigation_1 = require("./DrawerNavigation");
-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 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'));
- * ```
- */
-exports.Drawer = React.forwardRef(function (props, target) {
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.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 = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
-    var drawerClassNames = (0, kendo_react_common_1.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_1.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_1.DrawerNavigation, null),
-            children)));
-});
-exports.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
-};
-exports.Drawer.defaultProps = defaultProps;
-exports.Drawer.displayName = 'KendoDrawer';

package/dist/npm/drawer/DrawerContent.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { DrawerContentProps } from './interfaces/DrawerContentProps';
-/**
- * The DrawerContent ref.
- */
-export interface DrawerContentHandle {
-    element: HTMLDivElement | null;
-}
-/**
- * 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 declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<DrawerContentHandle | null>>;

package/dist/npm/drawer/DrawerContent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerContent = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@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'));
- * ```
- */
-exports.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 = (0, kendo_react_common_1.classNames)({
-        'k-drawer-content': true
-    }, className);
-    return (React.createElement("div", { className: contentClassNames, style: style, ref: elementRef }, children));
-});
-exports.DrawerContent.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object
-};
-exports.DrawerContent.displayName = 'KendoDrawerContent';

package/dist/npm/drawer/DrawerItem.js

@@ -1,104 +0,0 @@
-"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);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerItem = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var DrawerContext_1 = require("./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'));
- * ```
- */
-exports.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_1.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 = (0, kendo_react_common_1.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(kendo_react_common_1.IconWrap, { name: icon ? (0, kendo_react_common_1.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: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled) }, others), !item ? drawerItemContent : children)));
-});
-exports.DrawerItem.propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    text: PropTypes.string,
-    icon: PropTypes.string,
-    svgIcon: kendo_react_common_1.svgIconPropType,
-    separator: PropTypes.bool,
-    selected: PropTypes.bool,
-    disabled: PropTypes.bool,
-    targetItem: PropTypes.any
-};
-exports.DrawerItem.displayName = 'KendoDrawerItem';

package/dist/npm/drawer/DrawerNavigation.js

@@ -1,156 +0,0 @@
-"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 });
-exports.DrawerNavigation = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var DrawerContext_1 = require("./context/DrawerContext");
-var DrawerItem_1 = require("./DrawerItem");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-var kendo_react_common_2 = require("@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'));
- * ```
- */
-exports.DrawerNavigation = React.forwardRef(function (props, target) {
-    var children = props.children, className = props.className, style = props.style;
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    var showLicenseWatermark = (0, kendo_react_common_2.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-    var _a = React.useContext(DrawerContext_1.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 ' + (0, kendo_react_common_1.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_1.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(kendo_react_common_2.WatermarkOverlay, null)));
-    return (mode === 'overlay' ?
-        (React.createElement(React.Fragment, null,
-            expanded && React.createElement("div", { className: "k-overlay", onClick: onOverlayClick }),
-            drawerNavigation))
-        : drawerNavigation);
-});
-exports.DrawerNavigation.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    style: PropTypes.object,
-    item: PropTypes.any,
-    tabIndex: PropTypes.number
-};
-exports.DrawerNavigation.displayName = 'KendoDrawerNavigation';

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerContext = void 0;
-var React = require("react");
-/**
- * @hidden
- */
-var defaultContext = {
-    animation: true,
-    expanded: false,
-    mode: 'overlay',
-    position: 'start',
-    mini: false,
-    dir: 'ltr',
-    width: 240,
-    miniWidth: 50
-};
-/** @hidden */
-exports.DrawerContext = React.createContext(defaultContext);

package/dist/npm/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/npm/drawer/interfaces/DrawerAnimation.js

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

package/dist/npm/drawer/interfaces/DrawerContentProps.d.ts

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

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

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