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

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

@@ -1,119 +0,0 @@
-/**
- * @hidden
- */
-export var EMPTY_ID = '';
-/**
- * @hidden
- */
-export var ZERO_LEVEL_ZERO_ITEM_ID = '0';
-/**
- * @hidden
- */
-export var SEPARATOR = '_';
-/**
- * @hidden
- */
-export function getItemById(itemId, items) {
-    if (isIdZeroLevel(itemId)) {
-        return items[Number(itemId)];
-    }
-    else {
-        var rootParentItem = items[Number(getRootParentId(itemId))];
-        return rootParentItem.items ?
-            getItemById(getIdWithoutRootParentId(itemId), rootParentItem.items) : undefined;
-    }
-}
-/**
- * @hidden
- */
-export function getRootParentId(itemId) {
-    return isIdEmptyOrZeroLevel(itemId) ? itemId : itemId.split(SEPARATOR)[0];
-}
-/**
- * @hidden
- */
-export function getIdWithoutRootParentId(itemId) {
-    if (isIdEmptyOrZeroLevel(itemId)) {
-        return itemId;
-    }
-    else {
-        var firstSeparatorIndex = itemId.indexOf(SEPARATOR);
-        return itemId.substring(firstSeparatorIndex + 1);
-    }
-}
-/**
- * @hidden
- */
-export function getFirstChildId(itemId) {
-    return createId('0', itemId);
-}
-/**
- * @hidden
- */
-export function shouldOpenItem(itemId, lastItemIdToBeOpened) {
-    if (lastItemIdToBeOpened.indexOf(itemId) === 0) {
-        return lastItemIdToBeOpened.length === itemId.length ||
-            lastItemIdToBeOpened.charAt(itemId.length) === SEPARATOR;
-    }
-    else {
-        return false;
-    }
-}
-/**
- * @hidden
- */
-export function createId(childId, parentId) {
-    return parentId ? parentId + SEPARATOR + childId : childId;
-}
-/**
- * @hidden
- */
-export function getDirectParentId(itemId) {
-    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
-    return lastSeparatorIndex < 0 ? EMPTY_ID : itemId.substring(0, lastSeparatorIndex);
-}
-/**
- * @hidden
- */
-export function isIdEmptyOrZeroLevel(itemId) {
-    return itemId === EMPTY_ID || itemId.indexOf(SEPARATOR) < 0;
-}
-/**
- * @hidden
- */
-export function isIdZeroLevel(itemId) {
-    return itemId !== EMPTY_ID && itemId.indexOf(SEPARATOR) < 0;
-}
-/**
- * @hidden
- */
-export function isIdFirstLevel(itemId) {
-    return getSeparatorOccurances(itemId) === 1;
-}
-/**
- * @hidden
- */
-export function isFirstItemFromSiblings(itemId) {
-    return getShortId(itemId) === ZERO_LEVEL_ZERO_ITEM_ID;
-}
-/**
- * @hidden
- */
-export function getShortId(itemId) {
-    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
-    return lastSeparatorIndex < 0 ? itemId : itemId.substring(lastSeparatorIndex + 1);
-}
-/**
- * @hidden
- */
-export function getDirectSiblingIdForLevelZero(next, shortItemId, siblingsCount) {
-    if (!isIdZeroLevel(shortItemId)) {
-        return shortItemId;
-    }
-    return next ?
-        Number(shortItemId) < siblingsCount - 1 ? (Number(shortItemId) + 1).toString() : '0' :
-        Number(shortItemId) > 0 ? (Number(shortItemId) - 1).toString() : (siblingsCount - 1).toString();
-}
-function getSeparatorOccurances(itemId) {
-    return itemId.split(SEPARATOR).length - 1;
-}

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

@@ -1,16 +0,0 @@
-/**
- * @hidden
- */
-export declare function getPopupSettings(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): any;
-/**
- * @hidden
- */
-export declare function getChildrenPosition(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): "leftward" | "rightward" | "downward";
-/**
- * @hidden
- */
-export declare function convertBoolDirectionToString(isDirectionRightToLeft?: boolean): "ltr" | "rtl";
-/**
- * @hidden
- */
-export declare function getDOMElementId(menuGuid: string, itemId: string): string;

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

@@ -1,42 +0,0 @@
-import { POPUP_SETTINGS, POPUP_SETTINGS_RTL } from '../consts';
-import { isIdZeroLevel } from './itemsIdsUtils';
-/**
- * @hidden
- */
-export function getPopupSettings(itemId, isMenuVertical, isDirectionRightToLeft) {
-    var childrenPosition = getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft);
-    if (isDirectionRightToLeft) {
-        return childrenPosition === 'downward' ? POPUP_SETTINGS_RTL.downward : POPUP_SETTINGS_RTL.leftward;
-    }
-    else {
-        return childrenPosition === 'downward' ? POPUP_SETTINGS.downward : POPUP_SETTINGS.rightward;
-    }
-}
-/**
- * @hidden
- */
-export function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
-    if (isIdZeroLevel(itemId)) {
-        if (isMenuVertical) {
-            return isDirectionRightToLeft ? 'leftward' : 'rightward';
-        }
-        else {
-            return 'downward';
-        }
-    }
-    else {
-        return isDirectionRightToLeft ? 'leftward' : 'rightward';
-    }
-}
-/**
- * @hidden
- */
-export function convertBoolDirectionToString(isDirectionRightToLeft) {
-    return isDirectionRightToLeft ? 'rtl' : 'ltr';
-}
-/**
- * @hidden
- */
-export function getDOMElementId(menuGuid, itemId) {
-    return "".concat(menuGuid, "_").concat(itemId);
-}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { MenuItemModel } from '../models/MenuItemModel';
-/**
- * @hidden
- */
-export declare function prepareInputItemsForInternalWork(models?: MenuItemModel[], menuChildren?: React.ReactNode): any;

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

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import { createId, ZERO_LEVEL_ZERO_ITEM_ID } from './itemsIdsUtils';
-import { MenuItem } from '../components/MenuItem';
-/**
- * @hidden
- */
-export function prepareInputItemsForInternalWork(models, menuChildren) {
-    if (models && models.length > 0) {
-        return {
-            items: convertInputModelsToInternalOnesHelper(models),
-            inputItems: models
-        };
-    }
-    else if (getMenuItemChildComponents(menuChildren).length > 0) {
-        var inputModels = convertInputComponentsToInputModelsHelper(getMenuItemChildComponents(menuChildren));
-        return { items: convertInputModelsToInternalOnesHelper(inputModels), inputItems: inputModels };
-    }
-    else {
-        return { items: [], inputItems: [] };
-    }
-}
-function copyInputItemWithoutChildren(inputModel, inputComponent) {
-    var result = {};
-    var _a = inputModel ? inputModel : inputComponent.props, text = _a.text, url = _a.url, icon = _a.icon, svgIcon = _a.svgIcon, disabled = _a.disabled, cssClass = _a.cssClass, cssStyle = _a.cssStyle, render = _a.render, linkRender = _a.linkRender, contentRender = _a.contentRender, data = _a.data;
-    if (text !== undefined) {
-        result.text = text;
-    }
-    if (url !== undefined) {
-        result.url = url;
-    }
-    if (icon !== undefined) {
-        result.icon = icon;
-    }
-    if (svgIcon !== undefined) {
-        result.svgIcon = svgIcon;
-    }
-    if (disabled !== undefined) {
-        result.disabled = disabled;
-    }
-    if (cssClass !== undefined) {
-        result.cssClass = cssClass;
-    }
-    if (cssStyle !== undefined) {
-        result.cssStyle = cssStyle;
-    }
-    if (render !== undefined) {
-        result.render = render;
-    }
-    if (linkRender !== undefined) {
-        result.linkRender = linkRender;
-    }
-    if (contentRender !== undefined) {
-        result.contentRender = contentRender;
-    }
-    if (data !== undefined) {
-        result.data = data;
-    }
-    return result;
-}
-function getMenuItemChildComponents(menuChildren) {
-    return React.Children.toArray(menuChildren)
-        .filter(function (child) { return child && child.type === MenuItem; });
-}
-function convertInputComponentsToInputModelsHelper(components) {
-    var result = [];
-    for (var index = 0; index < components.length; index++) {
-        var comp = components[index];
-        var model = copyInputItemWithoutChildren(undefined, comp);
-        var items = convertInputComponentsToInputModelsHelper(getMenuItemChildComponents(comp.props.children));
-        if (items.length > 0) {
-            model.items = items;
-        }
-        result.push(model);
-    }
-    return result;
-}
-function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
-    var result = [];
-    for (var index = 0; index < inputModels.length; index++) {
-        var inputModel = inputModels[index];
-        var internalModel = copyInputItemWithoutChildren(inputModel);
-        internalModel.id = createId(index.toString(), parentId);
-        internalModel.isLastFromSiblings = index === inputModels.length - 1;
-        internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
-        result.push(internalModel);
-    }
-    return result;
-}
-function copyOrCreateModelChildren(inputModel, internalModel) {
-    if (inputModel.contentRender) {
-        return [{
-                contentParentItemId: internalModel.id,
-                id: createId(ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
-                isLastFromSiblings: true,
-                contentRender: inputModel.contentRender,
-                items: []
-            }];
-    }
-    else if (inputModel.items) {
-        return convertInputModelsToInternalOnesHelper(inputModel.items, internalModel.id);
-    }
-    else {
-        return [];
-    }
-}

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-layout',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700063587,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/es/panelbar/PanelBar.js

@@ -1,291 +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 __());
-    };
-})();
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { PanelBarItem } from './PanelBarItem';
-import { renderChildren, getInitialState, flatVisibleChildren, flatChildren, isArrayEqual, getFirstId } from './util';
-import { classNames, Keys, validatePackage, shouldShowValidationUI, WatermarkOverlay } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-import { NavigationAction } from './interfaces/NavigationAction';
-var PanelBar = /** @class */ (function (_super) {
-    __extends(PanelBar, _super);
-    function PanelBar(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this.showLicenseWatermark = false;
-        /**
-         * @hidden
-         */
-        _this.handleSelect = function (event) {
-            _this.onSelect(event);
-            _this.onFocus(event);
-        };
-        /**
-         * @hidden
-         */
-        _this.onSelect = function (event) {
-            var flattenChildren = flatChildren(React.Children.toArray(_this.children));
-            var selectedChild;
-            var newExpanded;
-            flattenChildren.forEach(function (child) {
-                if (child.props.uniquePrivateKey === (event.uniquePrivateKey || _this.state.focused)) {
-                    selectedChild = child;
-                }
-            });
-            switch (_this.expandMode) {
-                case 'single':
-                    newExpanded = __spreadArray(__spreadArray([], selectedChild.props.parentUniquePrivateKey, true), [selectedChild.props.uniquePrivateKey], false);
-                    if (isArrayEqual(_this.expandedItems, newExpanded)) {
-                        if (selectedChild.props.parentUniquePrivateKey) {
-                            newExpanded = __spreadArray([], selectedChild.props.parentUniquePrivateKey, true);
-                        }
-                        else {
-                            newExpanded = [];
-                        }
-                    }
-                    break;
-                case 'multiple':
-                    newExpanded = _this.expandedItems.slice();
-                    var index = newExpanded.indexOf(selectedChild.props.uniquePrivateKey);
-                    index === -1 ? newExpanded.push(selectedChild.props.uniquePrivateKey) : newExpanded.splice(index, 1);
-                    break;
-                default:
-                    newExpanded = _this.expandedItems.slice();
-                    break;
-            }
-            _this.setState({ selected: selectedChild.props.uniquePrivateKey, expanded: newExpanded });
-            if (_this.props.onSelect) {
-                _this.props.onSelect.call(undefined, {
-                    target: selectedChild,
-                    expandedItems: newExpanded
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onFocus = function (event, step) {
-            if (step === void 0) { step = 0; }
-            var flattenChildren = flatVisibleChildren(React.Children.toArray(_this.children));
-            var focusedChild;
-            flattenChildren.forEach(function (child, ixd) {
-                if (child.props.uniquePrivateKey === (event.uniquePrivateKey || _this.state.focused)) {
-                    var index = ixd + step < 0
-                        ? 0
-                        : ixd + step > flattenChildren.length
-                            ? flattenChildren.length - 1
-                            : ixd + step;
-                    focusedChild = flattenChildren[index];
-                }
-            });
-            if (focusedChild) {
-                _this.activeDescendant = focusedChild.props.id;
-                _this.setState({ focused: focusedChild.props.uniquePrivateKey });
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onNavigate = function (event, action) {
-            var step;
-            switch (action) {
-                case NavigationAction.Previous:
-                    step = -1;
-                    _this.onFocus(event, step);
-                    break;
-                case NavigationAction.Next:
-                    step = 1;
-                    _this.onFocus(event, step);
-                    break;
-                case NavigationAction.Toggle:
-                    _this.onSelect(event);
-                    break;
-                default:
-            }
-        };
-        _this.handleWrapperFocus = function () {
-            clearTimeout(_this.nextTickId);
-            if (!_this.state.wrapperFocused) {
-                _this.setState({ wrapperFocused: true });
-            }
-        };
-        _this.handleWrapperBlur = function () {
-            _this.nextTick(function () {
-                _this.setState({ wrapperFocused: false });
-            });
-        };
-        _this.handleKeyDown = function (event) {
-            var rtl = _this._element && (getComputedStyle(_this._element).direction === 'rtl') || false;
-            if (event.target === event.currentTarget) {
-                var keyCode = event.keyCode;
-                var action = void 0;
-                switch (keyCode) {
-                    case Keys.left:
-                        action = !rtl ? NavigationAction.Previous : NavigationAction.Next;
-                        break;
-                    case Keys.up:
-                        action = NavigationAction.Previous;
-                        break;
-                    case Keys.right:
-                        action = !rtl ? NavigationAction.Next : NavigationAction.Previous;
-                        break;
-                    case Keys.down:
-                        action = NavigationAction.Next;
-                        break;
-                    case Keys.space:
-                    case Keys.enter:
-                        action = NavigationAction.Toggle;
-                        break;
-                    default:
-                        action = null;
-                        break;
-                }
-                if (action !== null) {
-                    event.preventDefault();
-                    _this.onNavigate(event, action);
-                }
-            }
-        };
-        validatePackage(packageMetadata);
-        _this.showLicenseWatermark = shouldShowValidationUI(packageMetadata);
-        var initialState = getInitialState(props, _this.expandMode);
-        if (!initialState.focused) {
-            initialState.focused = getFirstId(props);
-        }
-        _this.state = initialState;
-        return _this;
-    }
-    Object.defineProperty(PanelBar.prototype, "expandMode", {
-        get: function () {
-            return this.props.expandMode || 'multiple';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PanelBar.prototype, "selectedItem", {
-        get: function () {
-            var _a = this.props.selected, selected = _a === void 0 ? this.state.selected : _a;
-            return selected;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PanelBar.prototype, "expandedItems", {
-        get: function () {
-            var expanded = this.props.isControlled ? this.props.expanded || [] : this.state.expanded;
-            return expanded;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PanelBar.prototype, "children", {
-        get: function () {
-            var state = __assign(__assign({}, this.state), { selected: this.selectedItem });
-            var renderState = {
-                animation: this.props.animation,
-                keepItemsMounted: this.props.keepItemsMounted,
-                state: state,
-                expanded: this.expandedItems,
-                handleSelect: this.handleSelect,
-                children: this.props.children
-            };
-            return renderChildren(renderState);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    PanelBar.prototype.render = function () {
-        var _this = this;
-        var ariaProps = {
-            'aria-activedescendant': this.activeDescendant
-        };
-        var className = classNames('k-panelbar', 'k-pos-relative', this.props.className);
-        return (React.createElement("ul", __assign({ ref: function (div) { _this._element = div; }, dir: this.props.dir, role: 'tree', tabIndex: 0, onKeyDown: this.handleKeyDown, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, className: className, style: this.props.style }, ariaProps),
-            this.children,
-            this.showLicenseWatermark && React.createElement(WatermarkOverlay, null)));
-    };
-    PanelBar.prototype.nextTick = function (f) {
-        this.nextTickId = window.setTimeout(function () { return f(); });
-    };
-    /**
-     * @hidden
-     */
-    PanelBar.propTypes = {
-        animation: PropTypes.bool,
-        children: function (props, propName) {
-            var prop = props[propName];
-            if (prop) {
-                if (Array.isArray(prop)) {
-                    for (var _i = 0, prop_1 = prop; _i < prop_1.length; _i++) {
-                        var value = prop_1[_i];
-                        if (!value.type || value.type !== PanelBarItem) {
-                            return new Error('PanelBar children should be either PanelBarItem or Array of PanelBarItem.');
-                        }
-                    }
-                }
-                else {
-                    if (prop.type !== PanelBarItem) {
-                        return new Error('PanelBar child should be either PanelBarItem or Array of PanelBarItem.');
-                    }
-                }
-                return null;
-            }
-            return null;
-        },
-        dir: PropTypes.string,
-        selected: PropTypes.string,
-        expanded: PropTypes.arrayOf(PropTypes.string),
-        focused: PropTypes.string,
-        expandMode: PropTypes.oneOf(['single', 'multiple']),
-        className: PropTypes.string,
-        keepItemsMounted: PropTypes.bool,
-        onSelect: PropTypes.func,
-        style: PropTypes.object
-    };
-    /**
-     * @hidden
-     */
-    PanelBar.defaultProps = {
-        expandMode: 'multiple',
-        animation: true,
-        keepItemsMounted: false
-    };
-    return PanelBar;
-}(React.Component));
-export { PanelBar };

package/dist/es/panelbar/PanelBarItem.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { PanelBarItemProps } from '../main';
-/** @hidden */
-interface PanelBarItemState {
-    show: boolean;
-}
-export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps, PanelBarItemState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        expanded: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        selected: PropTypes.Requireable<boolean>;
-        level: PropTypes.Requireable<number>;
-        title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        focused: PropTypes.Requireable<boolean>;
-        keepItemsMounted: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        title: string;
-    };
-    constructor(props: PanelBarItemProps);
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private handleItemClick;
-    private childFactory;
-}
-export {};