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

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

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDOMElementId = exports.convertBoolDirectionToString = exports.getChildrenPosition = exports.getPopupSettings = void 0;
-var consts_1 = require("../consts");
-var itemsIdsUtils_1 = require("./itemsIdsUtils");
-/**
- * @hidden
- */
-function getPopupSettings(itemId, isMenuVertical, isDirectionRightToLeft) {
-    var childrenPosition = getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft);
-    if (isDirectionRightToLeft) {
-        return childrenPosition === 'downward' ? consts_1.POPUP_SETTINGS_RTL.downward : consts_1.POPUP_SETTINGS_RTL.leftward;
-    }
-    else {
-        return childrenPosition === 'downward' ? consts_1.POPUP_SETTINGS.downward : consts_1.POPUP_SETTINGS.rightward;
-    }
-}
-exports.getPopupSettings = getPopupSettings;
-/**
- * @hidden
- */
-function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
-    if ((0, itemsIdsUtils_1.isIdZeroLevel)(itemId)) {
-        if (isMenuVertical) {
-            return isDirectionRightToLeft ? 'leftward' : 'rightward';
-        }
-        else {
-            return 'downward';
-        }
-    }
-    else {
-        return isDirectionRightToLeft ? 'leftward' : 'rightward';
-    }
-}
-exports.getChildrenPosition = getChildrenPosition;
-/**
- * @hidden
- */
-function convertBoolDirectionToString(isDirectionRightToLeft) {
-    return isDirectionRightToLeft ? 'rtl' : 'ltr';
-}
-exports.convertBoolDirectionToString = convertBoolDirectionToString;
-/**
- * @hidden
- */
-function getDOMElementId(menuGuid, itemId) {
-    return "".concat(menuGuid, "_").concat(itemId);
-}
-exports.getDOMElementId = getDOMElementId;

package/dist/npm/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/npm/menu/utils/prepareInputItemsForInternalWork.js

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.prepareInputItemsForInternalWork = void 0;
-var React = require("react");
-var itemsIdsUtils_1 = require("./itemsIdsUtils");
-var MenuItem_1 = require("../components/MenuItem");
-/**
- * @hidden
- */
-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: [] };
-    }
-}
-exports.prepareInputItemsForInternalWork = prepareInputItemsForInternalWork;
-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_1.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 = (0, itemsIdsUtils_1.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: (0, itemsIdsUtils_1.createId)(itemsIdsUtils_1.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/npm/package-metadata.d.ts

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

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.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/npm/panelbar/PanelBar.d.ts

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { PanelBarProps } from '../main';
-import { PanelBarItemClickEventArguments } from './interfaces/PanelBarItemClickEventArguments';
-import { NavigationAction } from './interfaces/NavigationAction';
-/**
- * @hidden
- */
-export interface PanelBarState {
-    focused?: string;
-    wrapperFocused?: boolean;
-    selected?: string;
-    expanded: string[];
-}
-export declare class PanelBar extends React.Component<PanelBarProps, PanelBarState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        animation: PropTypes.Requireable<boolean>;
-        children: (props: PanelBarProps, propName: any) => Error | null;
-        dir: PropTypes.Requireable<string>;
-        selected: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<(string | null | undefined)[]>;
-        focused: PropTypes.Requireable<string>;
-        expandMode: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        keepItemsMounted: PropTypes.Requireable<boolean>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        style: PropTypes.Requireable<object>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        expandMode: string;
-        animation: boolean;
-        keepItemsMounted: boolean;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: PanelBarState;
-    private activeDescendant?;
-    private _element;
-    private showLicenseWatermark;
-    private nextTickId;
-    private get expandMode();
-    private get selectedItem();
-    private get expandedItems();
-    private get children();
-    constructor(props: PanelBarProps);
-    /**
-     * @hidden
-     */
-    handleSelect: (event: PanelBarItemClickEventArguments) => void;
-    /**
-     * @hidden
-     */
-    onSelect: (event: any) => void;
-    /**
-     * @hidden
-     */
-    onFocus: (event: any, step?: number) => void;
-    /**
-     * @hidden
-     */
-    onNavigate: (event: any, action: NavigationAction) => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    protected nextTick(f: () => any): void;
-    private handleWrapperFocus;
-    private handleWrapperBlur;
-    private handleKeyDown;
-}

package/dist/npm/panelbar/PanelBar.js

@@ -1,294 +0,0 @@
-"use strict";
-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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelBar = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var PanelBarItem_1 = require("./PanelBarItem");
-var util_1 = require("./util");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("../package-metadata");
-var NavigationAction_1 = require("./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 = (0, util_1.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 ((0, util_1.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 = (0, util_1.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_1.NavigationAction.Previous:
-                    step = -1;
-                    _this.onFocus(event, step);
-                    break;
-                case NavigationAction_1.NavigationAction.Next:
-                    step = 1;
-                    _this.onFocus(event, step);
-                    break;
-                case NavigationAction_1.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 kendo_react_common_1.Keys.left:
-                        action = !rtl ? NavigationAction_1.NavigationAction.Previous : NavigationAction_1.NavigationAction.Next;
-                        break;
-                    case kendo_react_common_1.Keys.up:
-                        action = NavigationAction_1.NavigationAction.Previous;
-                        break;
-                    case kendo_react_common_1.Keys.right:
-                        action = !rtl ? NavigationAction_1.NavigationAction.Next : NavigationAction_1.NavigationAction.Previous;
-                        break;
-                    case kendo_react_common_1.Keys.down:
-                        action = NavigationAction_1.NavigationAction.Next;
-                        break;
-                    case kendo_react_common_1.Keys.space:
-                    case kendo_react_common_1.Keys.enter:
-                        action = NavigationAction_1.NavigationAction.Toggle;
-                        break;
-                    default:
-                        action = null;
-                        break;
-                }
-                if (action !== null) {
-                    event.preventDefault();
-                    _this.onNavigate(event, action);
-                }
-            }
-        };
-        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-        _this.showLicenseWatermark = (0, kendo_react_common_1.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-        var initialState = (0, util_1.getInitialState)(props, _this.expandMode);
-        if (!initialState.focused) {
-            initialState.focused = (0, util_1.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 (0, util_1.renderChildren)(renderState);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    PanelBar.prototype.render = function () {
-        var _this = this;
-        var ariaProps = {
-            'aria-activedescendant': this.activeDescendant
-        };
-        var className = (0, kendo_react_common_1.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(kendo_react_common_1.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_1.PanelBarItem) {
-                            return new Error('PanelBar children should be either PanelBarItem or Array of PanelBarItem.');
-                        }
-                    }
-                }
-                else {
-                    if (prop.type !== PanelBarItem_1.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));
-exports.PanelBar = PanelBar;