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

package/dist/es/menu/components/MenuItemInternalsList.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { MenuItemInternalModel } from './../models/MenuItemModel';
-import { BaseMenuItemInternalProps } from './../BaseMenuItemInternalProps';
-/**
- * @hidden
- */
-export interface MenuItemInternalsListProps extends BaseMenuItemInternalProps {
-    items: MenuItemInternalModel[];
-    parentItemId?: string;
-    className: string;
-    role?: string;
-    'aria-orientation'?: 'vertical';
-}
-/**
- * @hidden
- */
-export declare class MenuItemInternalsList extends React.Component<MenuItemInternalsListProps, {}> {
-    render(): JSX.Element;
-    private renderChildItems;
-    private onMouseOver;
-    private onMouseLeave;
-}

package/dist/es/menu/components/MenuItemInternalsList.js

@@ -1,48 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import { MenuItemInternal } from './MenuItemInternal';
-import { getDOMElementId } from './../utils/misc';
-/**
- * @hidden
- */
-var MenuItemInternalsList = /** @class */ (function (_super) {
-    __extends(MenuItemInternalsList, _super);
-    function MenuItemInternalsList() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onMouseOver = function (event) {
-            _this.props.onMouseOver(_this.props.parentItemId);
-            event.stopPropagation();
-        };
-        _this.onMouseLeave = function (event) {
-            _this.props.onMouseLeave(_this.props.parentItemId);
-            event.stopPropagation();
-        };
-        return _this;
-    }
-    MenuItemInternalsList.prototype.render = function () {
-        var parentItemId = this.props.parentItemId;
-        return (React.createElement("ul", { className: this.props.className, role: this.props.role ? this.props.role : (parentItemId !== undefined ? 'menu' : 'menubar'), id: parentItemId !== undefined ? getDOMElementId(this.props.menuGuid, parentItemId) : undefined, onMouseOver: parentItemId !== undefined ? this.onMouseOver : undefined, onMouseLeave: parentItemId !== undefined ? this.onMouseLeave : undefined, "aria-orientation": this.props['aria-orientation'] }, this.renderChildItems()));
-    };
-    MenuItemInternalsList.prototype.renderChildItems = function () {
-        var _this = this;
-        return this.props.items.length > 0 ? (this.props.items.map(function (item, index) {
-            return (React.createElement(MenuItemInternal, { item: item, isMenuVertical: _this.props.isMenuVertical, isDirectionRightToLeft: _this.props.isDirectionRightToLeft, focusedItemId: _this.props.focusedItemId, lastItemIdToBeOpened: _this.props.lastItemIdToBeOpened, tabbableItemId: _this.props.tabbableItemId, itemRender: _this.props.itemRender, linkRender: _this.props.linkRender, menuGuid: _this.props.menuGuid, onMouseOver: _this.props.onMouseOver, onMouseLeave: _this.props.onMouseLeave, onMouseDown: _this.props.onMouseDown, onBlur: _this.props.onBlur, onFocus: _this.props.onFocus, onClick: _this.props.onClick, onOriginalItemNeeded: _this.props.onOriginalItemNeeded, key: index }));
-        })) : null;
-    };
-    return MenuItemInternalsList;
-}(React.Component));
-export { MenuItemInternalsList };

package/dist/es/menu/components/MenuItemLink.js

@@ -1,49 +0,0 @@
-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 __());
-    };
-})();
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-var MenuItemLink = /** @class */ (function (_super) {
-    __extends(MenuItemLink, _super);
-    function MenuItemLink() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    MenuItemLink.prototype.render = function () {
-        if (this.props.url) {
-            return (React.createElement("a", { className: this.getMenuItemClassName(), role: "presentation", href: this.props.url, tabIndex: -1 }, this.props.children));
-        }
-        else {
-            return (React.createElement("span", { id: this.props.id, className: classNames(this.getMenuItemClassName(), this.props.className), style: this.props.style, role: "presentation" }, this.props.children));
-        }
-    };
-    MenuItemLink.prototype.getMenuItemClassName = function () {
-        return classNames('k-link', 'k-menu-link', {
-            'k-active': this.props.opened
-        });
-    };
-    /**
-     * @hidden
-     */
-    MenuItemLink.propTypes = {
-        opened: PropTypes.bool,
-        url: PropTypes.string
-    };
-    return MenuItemLink;
-}(React.Component));
-export { MenuItemLink };

package/dist/es/menu/consts.d.ts

@@ -1,54 +0,0 @@
-/**
- * @hidden
- */
-export declare const POPUP_SETTINGS_RTL: {
-    downward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-    leftward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-};
-/**
- * @hidden
- */
-export declare const POPUP_SETTINGS: {
-    downward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-    rightward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-};

package/dist/es/menu/consts.js

@@ -1,70 +0,0 @@
-/**
- * @hidden
- */
-var POPUP_ALIGN = {
-    vertical: 'top',
-    horizontal: 'left'
-};
-/**
- * @hidden
- */
-var POPUP_ALIGN_RTL = {
-    vertical: 'top',
-    horizontal: 'right'
-};
-/**
- * @hidden
- */
-var VERTICAL_COLLISION = {
-    vertical: 'flip',
-    horizontal: 'fit'
-};
-/**
- * @hidden
- */
-var HORIZONTAL_COLLISION = {
-    vertical: 'fit',
-    horizontal: 'flip'
-};
-/**
- * @hidden
- */
-export var POPUP_SETTINGS_RTL = {
-    downward: {
-        anchorAlign: {
-            vertical: 'bottom',
-            horizontal: 'right'
-        },
-        popupAlign: POPUP_ALIGN_RTL,
-        collision: VERTICAL_COLLISION
-    },
-    leftward: {
-        anchorAlign: {
-            vertical: 'top',
-            horizontal: 'left'
-        },
-        popupAlign: POPUP_ALIGN_RTL,
-        collision: HORIZONTAL_COLLISION
-    }
-};
-/**
- * @hidden
- */
-export var POPUP_SETTINGS = {
-    downward: {
-        anchorAlign: {
-            vertical: 'bottom',
-            horizontal: 'left'
-        },
-        popupAlign: POPUP_ALIGN,
-        collision: VERTICAL_COLLISION
-    },
-    rightward: {
-        anchorAlign: {
-            vertical: 'top',
-            horizontal: 'right'
-        },
-        popupAlign: POPUP_ALIGN,
-        collision: HORIZONTAL_COLLISION
-    }
-};

package/dist/es/menu/events.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/menu/models/BaseMenuItem.js

@@ -1,3 +0,0 @@
-/* eslint-disable max-len */
-export {};
-// tslint:enable:max-line-length

package/dist/es/menu/models/MenuItemModel.js

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

package/dist/es/menu/utils/DirectionHolder.d.ts

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export declare class DirectionHolder {
-    private phase;
-    private previousIsDirectionRightToLeft?;
-    private isDirectionRightToLeft?;
-    getIsDirectionRightToLeft(): boolean | undefined;
-    setIsDirectionRightToLeft(value: boolean): void;
-    hasDirectionChanged(): boolean;
-}

package/dist/es/menu/utils/DirectionHolder.js

@@ -1,24 +0,0 @@
-/**
- * @hidden
- */
-var DirectionHolder = /** @class */ (function () {
-    function DirectionHolder() {
-        // The phase changes in the following sequence:
-        // NotInitialized -> Initialized -> NewValueReceived.
-        this.phase = 'Initialized';
-    }
-    DirectionHolder.prototype.getIsDirectionRightToLeft = function () {
-        return this.isDirectionRightToLeft;
-    };
-    DirectionHolder.prototype.setIsDirectionRightToLeft = function (value) {
-        this.phase = this.phase === 'NotInitialized' ? 'Initialized' : 'NewValueReceived';
-        this.previousIsDirectionRightToLeft = this.isDirectionRightToLeft;
-        this.isDirectionRightToLeft = value;
-    };
-    DirectionHolder.prototype.hasDirectionChanged = function () {
-        return this.phase === 'NewValueReceived' ?
-            this.previousIsDirectionRightToLeft !== this.isDirectionRightToLeft : false;
-    };
-    return DirectionHolder;
-}());
-export { DirectionHolder };

package/dist/es/menu/utils/MouseOverHandler.d.ts

@@ -1,17 +0,0 @@
-/**
- * @hidden
- */
-export declare class MouseOverHandler {
-    private openOnClick;
-    private resetMenu;
-    private openItem;
-    private isMouseOverEnabled;
-    private mouseDown;
-    constructor(openOnClick: boolean | undefined, resetMenu: any, openItem: any);
-    set OpenOnClick(value: boolean | undefined);
-    handleItemSelectedViaKeyboard(): void;
-    get IsMouseOverEnabled(): boolean;
-    handleItemMouseDown(): void;
-    handleItemFocus(): void;
-    handleItemClick(itemId: string, clickedItemIsWithDefaultClose: boolean): void;
-}

package/dist/es/menu/utils/MouseOverHandler.js

@@ -1,65 +0,0 @@
-/**
- * @hidden
- */
-var MouseOverHandler = /** @class */ (function () {
-    function MouseOverHandler(openOnClick, resetMenu, openItem) {
-        this.openOnClick = openOnClick;
-        this.resetMenu = resetMenu;
-        this.openItem = openItem;
-        this.mouseDown = false;
-        this.openOnClick = openOnClick;
-        this.isMouseOverEnabled = openOnClick ? false : true;
-    }
-    Object.defineProperty(MouseOverHandler.prototype, "OpenOnClick", {
-        set: function (value) {
-            if (Boolean(value) !== Boolean(this.openOnClick)) {
-                this.mouseDown = false;
-                this.isMouseOverEnabled = value ? false : true;
-            }
-            this.openOnClick = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
-        if (this.openOnClick) {
-            this.isMouseOverEnabled = false;
-            this.resetMenu();
-        }
-    };
-    Object.defineProperty(MouseOverHandler.prototype, "IsMouseOverEnabled", {
-        get: function () {
-            return this.isMouseOverEnabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MouseOverHandler.prototype.handleItemMouseDown = function () {
-        this.mouseDown = true;
-    };
-    MouseOverHandler.prototype.handleItemFocus = function () {
-        // Keep opening on mouse over upon tabbing
-        // and keyboard navigation. However, discard the event
-        // upon click because a cycle occurs and the item does not open.
-        if (this.openOnClick && !this.mouseDown) {
-            this.isMouseOverEnabled = true;
-        }
-        this.mouseDown = false;
-    };
-    MouseOverHandler.prototype.handleItemClick = function (itemId, clickedItemIsWithDefaultClose) {
-        if (this.openOnClick) {
-            if (this.isMouseOverEnabled) {
-                if (clickedItemIsWithDefaultClose) {
-                    this.isMouseOverEnabled = false;
-                    this.resetMenu();
-                }
-            }
-            else {
-                this.isMouseOverEnabled = true;
-                this.openItem(itemId);
-            }
-        }
-    };
-    return MouseOverHandler;
-}());
-export { MouseOverHandler };

package/dist/es/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -1,202 +0,0 @@
-import { Keys } from '@progress/kendo-react-common';
-import { getFirstChildId, isIdZeroLevel, getRootParentId, isIdFirstLevel, getDirectParentId, getShortId, createId, getDirectSiblingIdForLevelZero, getItemById as getItemByIdUtil } from './itemsIdsUtils';
-var NO_WHITESPACE_REGEX = /\S/;
-/**
- * @hidden
- * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
- * For key codes that are not applicable, returns `undefined`.
- */
-export function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode, key, isMenuVertical, isDirectionRightToLeft) {
-    var sourceItem = getItemById();
-    switch (keyCode) {
-        case Keys.left:
-            return getIdUponLeftKey();
-        case Keys.right:
-            return getIdUponRightKey();
-        case Keys.up:
-            return getIdUponUpKey();
-        case Keys.down:
-            return getIdUponDownKey();
-        case Keys.enter:
-        case Keys.space:
-            return getIdUponEnterAndSpaceKeys();
-        case Keys.home:
-            return getIdUponHomeKey();
-        case Keys.end:
-            return getIdUponEndKey();
-        case Keys.esc:
-            return getIdUponEscKey();
-        default:
-            return isSearchableKey() ? getIdUponSearchByChar() : sourceItemId;
-    }
-    function getIdUponLeftKey() {
-        if (isMenuVertical) {
-            return isDirectionRightToLeft ? getIdUponRightKeyForVerticalMenu() : getIdUponLeftKeyForVerticalMenu();
-        }
-        else {
-            return isDirectionRightToLeft ?
-                getIdUponRightKeyForHorizontalMenu() : getIdUponLeftKeyForHorizontalMenu();
-        }
-    }
-    function getIdUponRightKey() {
-        if (isMenuVertical) {
-            return isDirectionRightToLeft ? getIdUponLeftKeyForVerticalMenu() : getIdUponRightKeyForVerticalMenu();
-        }
-        else {
-            return isDirectionRightToLeft ?
-                getIdUponLeftKeyForHorizontalMenu() : getIdUponRightKeyForHorizontalMenu();
-        }
-    }
-    function getIdUponDownKey() {
-        if (isMenuVertical) {
-            return getNextSiblingId();
-        }
-        else {
-            if (isIdZeroLevel(sourceItemId)) {
-                return getFirstChildIdForEnabledItemOrGetSameId();
-            }
-            else {
-                return getNextSiblingId();
-            }
-        }
-    }
-    function getIdUponUpKey() {
-        if (isMenuVertical) {
-            return getPrevSiblingId();
-        }
-        else {
-            if (isIdZeroLevel(sourceItemId)) {
-                return getLastChildIdForEnabledItemOrGetSameId();
-            }
-            else {
-                return getPrevSiblingId();
-            }
-        }
-    }
-    function getIdUponEnterAndSpaceKeys() {
-        if (sourceItem.disabled) {
-            return sourceItemId;
-        }
-        else {
-            return hasChildren() ? getFirstChildId(sourceItemId) : getRootParentId(sourceItemId);
-        }
-    }
-    function getIdUponHomeKey() {
-        return getSiblings()[0].id;
-    }
-    function getIdUponEndKey() {
-        var siblings = getSiblings();
-        return siblings[siblings.length - 1].id;
-    }
-    function getIdUponEscKey() {
-        return isIdZeroLevel(sourceItemId) ? sourceItemId : getDirectParentId(sourceItemId);
-    }
-    function getIdUponSearchByChar() {
-        var searchChar = key.toLowerCase();
-        var siblings = getSiblings();
-        var currentItemIndex = Number(getShortId(sourceItemId));
-        var itemsToSearch = siblings.slice(currentItemIndex + 1).concat(siblings.slice(0, currentItemIndex + 1));
-        var matchedSibling = itemsToSearch.find(function (item) {
-            return (item.text || '').toLowerCase().startsWith(searchChar);
-        });
-        return matchedSibling ? matchedSibling.id : sourceItemId;
-    }
-    // #region Left Key Internals
-    function getIdUponLeftKeyForHorizontalMenu() {
-        if (isIdZeroLevel(sourceItemId)) {
-            return getPrevSiblingId();
-        }
-        else if (isIdFirstLevel(sourceItemId)) {
-            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId(getRootParentId(sourceItemId)));
-        }
-        else {
-            return getDirectParentId(sourceItemId);
-        }
-    }
-    function getIdUponLeftKeyForVerticalMenu() {
-        if (isIdZeroLevel(sourceItemId)) {
-            return getLastChildIdForEnabledItemOrGetSameId();
-        }
-        else {
-            return getDirectParentId(sourceItemId);
-        }
-    }
-    // #endregion
-    // #region Right Key Internals
-    function getIdUponRightKeyForHorizontalMenu() {
-        if (isIdZeroLevel(sourceItemId)) {
-            return getNextSiblingId();
-        }
-        else {
-            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId(getRootParentId(sourceItemId)));
-        }
-    }
-    function getIdUponRightKeyForVerticalMenu() {
-        return getFirstChildIdForEnabledItemOrGetSameId(isIdZeroLevel(sourceItemId) || hasChildren() ?
-            sourceItemId : getNextSiblingId(getRootParentId(sourceItemId)));
-    }
-    // #endregion
-    // #region Utils
-    function getFirstChildIdForEnabledItemOrGetSameId(itemId) {
-        return getFirstOrLastChildIdForEnabledItemOrGetSameId(true, itemId);
-    }
-    function getLastChildIdForEnabledItemOrGetSameId(itemId) {
-        return getFirstOrLastChildIdForEnabledItemOrGetSameId(false, itemId);
-    }
-    function isSearchableKey() {
-        return key.length === 1 && NO_WHITESPACE_REGEX.test(key);
-    }
-    function getItemById(itemId, items) {
-        if (itemId === undefined) {
-            itemId = sourceItemId;
-        }
-        if (items === undefined) {
-            items = sourceItems;
-        }
-        return getItemByIdUtil(itemId, items);
-    }
-    function hasChildren(itemId) {
-        return getItemById(itemId).items.length > 0;
-    }
-    function getPrevSiblingId(itemId) {
-        return getSiblingId(false, itemId);
-    }
-    function getNextSiblingId(itemId) {
-        return getSiblingId(true, itemId);
-    }
-    function getLastChildId(itemId) {
-        var itemChildren = getItemById(itemId).items;
-        return itemChildren[itemChildren.length - 1].id;
-    }
-    function getSiblings() {
-        return isIdZeroLevel(sourceItemId) ?
-            sourceItems : getItemById(getDirectParentId(sourceItemId), sourceItems).items;
-    }
-    function getFirstOrLastChildIdForEnabledItemOrGetSameId(getFirstChild, itemId) {
-        if (itemId === undefined) {
-            itemId = sourceItemId;
-        }
-        var item = getItemById(itemId);
-        if (hasChildren(itemId) && !item.disabled) {
-            return getFirstChild ? getFirstChildId(itemId) : getLastChildId(itemId);
-        }
-        else {
-            return itemId;
-        }
-    }
-    function getSiblingId(next, itemId) {
-        if (itemId === undefined) {
-            itemId = sourceItemId;
-        }
-        if (isIdZeroLevel(itemId)) {
-            return getDirectSiblingIdForLevelZero(next, itemId, sourceItems.length);
-        }
-        else {
-            var directParentId = getDirectParentId(itemId);
-            var shortId = getShortId(itemId);
-            var siblingsCount = getItemById(directParentId).items.length;
-            return createId(getDirectSiblingIdForLevelZero(next, shortId, siblingsCount), directParentId);
-        }
-    }
-    // #endregion
-}

package/dist/es/menu/utils/hoverDelay.d.ts

@@ -1,9 +0,0 @@
-import { MenuProps } from '../MenuProps';
-/**
- * @hidden
- */
-export declare function getHoverOpenDelay(props: MenuProps): number;
-/**
- * @hidden
- */
-export declare function getHoverCloseDelay(props: MenuProps): number;

package/dist/es/menu/utils/hoverDelay.js

@@ -1,17 +0,0 @@
-/**
- * @hidden
- */
-export function getHoverOpenDelay(props) {
-    if (props.hoverOpenDelay !== undefined) {
-        return props.hoverOpenDelay;
-    }
-    else {
-        return props.openOnClick ? 0 : 100;
-    }
-}
-/**
- * @hidden
- */
-export function getHoverCloseDelay(props) {
-    return props.hoverCloseDelay !== undefined ? props.hoverCloseDelay : 100;
-}