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

package/dist/es/panelbar/PanelBarItem.js

@@ -1,153 +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);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames, IconWrap, svgIconPropType } from '@progress/kendo-react-common';
-import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
-import { Reveal } from '@progress/kendo-react-animation';
-/**
- * @hidden
- */
-function iconElement(_a) {
-    var imageUrl = _a.imageUrl, icon = _a.icon, svgIcon = _a.svgIcon, iconClass = _a.iconClass;
-    if (imageUrl) {
-        return (React.createElement("img", { role: "presentation", className: 'k-panelbar-item-icon k-image', src: imageUrl }));
-    }
-    else if (icon || svgIcon) {
-        return (React.createElement(IconWrap, { className: 'k-panelbar-item-icon', name: icon, icon: svgIcon }));
-    }
-    else if (iconClass) {
-        return (React.createElement("span", { role: "presentation", className: 'k-panelbar-item-icon ' + iconClass }));
-    }
-    return null;
-}
-var PanelBarItem = /** @class */ (function (_super) {
-    __extends(PanelBarItem, _super);
-    function PanelBarItem(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleItemClick = function () {
-            var _a = _this.props, onSelect = _a.onSelect, disabled = _a.disabled, id = _a.id;
-            if (onSelect && !disabled) {
-                onSelect.call(undefined, {
-                    uniquePrivateKey: _this.props.uniquePrivateKey,
-                    id: id,
-                    target: _this
-                });
-            }
-        };
-        _this.childFactory = function (child) {
-            if (_this.props.keepItemsMounted) {
-                return React.cloneElement(child, __assign(__assign({}, child.props), { in: _this.props.expanded }));
-            }
-            return child;
-        };
-        _this.state = {
-            show: props.expanded || false
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    PanelBarItem.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, id = _a.id, children = _a.children, title = _a.title, uniquePrivateKey = _a.uniquePrivateKey, disabled = _a.disabled, selected = _a.selected, focused = _a.focused, expanded = _a.expanded, className = _a.className, level = _a.level, headerClassName = _a.headerClassName, animation = _a.animation, keepItemsMounted = _a.keepItemsMounted;
-        var panelBarItemAriaAttributes = {
-            'role': 'treeitem',
-            'aria-disabled': disabled,
-            'aria-hidden': !disabled && !expanded,
-            'aria-selected': !disabled && selected,
-            'aria-expanded': !disabled && expanded && !!children
-        };
-        var panelBarItemClassName = classNames('k-panelbar-item', {
-            'k-panelbar-header': level === 0,
-            'k-expanded': expanded && !!children,
-            'k-disabled': disabled
-        }, "k-level-".concat(level), className);
-        var panelBarLinkClassName = classNames('k-link', {
-            'k-selected': !disabled && selected,
-            'k-focus': !disabled && focused
-        }, headerClassName);
-        var animationStyle = { display: 'block' };
-        var icon = iconElement(this.props);
-        var arrow = (!disabled && children)
-            ? (React.createElement(IconWrap, { name: expanded ? 'chevron-up' : 'chevron-down', icon: expanded ? chevronUpIcon : chevronDownIcon, className: classNames('k-panelbar-toggle', expanded
-                    ? 'k-panelbar-collapse'
-                    : 'k-panelbar-expand') }))
-            : null;
-        var opened = (!disabled && expanded);
-        var content = opened || keepItemsMounted
-            ? (React.createElement("ul", { role: "group", "aria-expanded": expanded, "aria-hidden": !expanded, className: "k-panelbar-group k-panel k-group", style: { display: keepItemsMounted
-                        ? (this.state.show ? 'block' : 'none')
-                        : 'block' } }, children))
-            : null;
-        var child = ((animation !== undefined ? animation : true) && !disabled && children)
-            ? (React.createElement(Reveal, { transitionEnterDuration: 200, transitionExitDuration: 200, key: uniquePrivateKey + '_animation', style: animationStyle, children: content, childFactory: keepItemsMounted && this.childFactory, unmountOnExit: !keepItemsMounted, onBeforeEnter: function () { return keepItemsMounted && _this.setState({ show: true }); }, onAfterExited: function () { return keepItemsMounted && _this.setState({ show: false }); } }))
-            : content;
-        return (React.createElement("li", __assign({ id: id, className: panelBarItemClassName }, panelBarItemAriaAttributes),
-            React.createElement("span", { className: panelBarLinkClassName, onClick: this.handleItemClick },
-                icon,
-                React.createElement("span", { className: 'k-panelbar-item-text' }, title),
-                arrow),
-            child));
-    };
-    /**
-     * @hidden
-     */
-    PanelBarItem.propTypes = {
-        animation: PropTypes.bool,
-        children: PropTypes.any,
-        className: PropTypes.string,
-        icon: PropTypes.string,
-        iconClass: PropTypes.string,
-        imageUrl: PropTypes.string,
-        svgIcon: svgIconPropType,
-        expanded: PropTypes.bool,
-        disabled: PropTypes.bool,
-        onSelect: PropTypes.func,
-        selected: PropTypes.bool,
-        level: PropTypes.number,
-        title: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.element
-        ]),
-        id: PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number
-        ]),
-        focused: PropTypes.bool,
-        keepItemsMounted: PropTypes.bool
-    };
-    /**
-     * @hidden
-     */
-    PanelBarItem.defaultProps = {
-        title: 'Untitled'
-    };
-    return PanelBarItem;
-}(React.PureComponent));
-export { PanelBarItem };

package/dist/es/panelbar/interfaces/NavigationAction.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare enum NavigationAction {
-    Toggle = 0,
-    Next = 1,
-    Previous = 2
-}

package/dist/es/panelbar/interfaces/NavigationAction.js

@@ -1,9 +0,0 @@
-/**
- * @hidden
- */
-export var NavigationAction;
-(function (NavigationAction) {
-    NavigationAction[NavigationAction["Toggle"] = 0] = "Toggle";
-    NavigationAction[NavigationAction["Next"] = 1] = "Next";
-    NavigationAction[NavigationAction["Previous"] = 2] = "Previous";
-})(NavigationAction || (NavigationAction = {}));

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.d.ts

@@ -1,8 +0,0 @@
-import { PanelBarItem } from '../PanelBarItem';
-/**
- * @hidden
- */
-export interface PanelBarItemClickEventArguments {
-    uniquePrivateKey: number;
-    target: PanelBarItem;
-}

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.js

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

package/dist/es/panelbar/interfaces/PanelBarItemProps.js

@@ -1,2 +0,0 @@
-/* eslint-disable max-len */
-export {};

package/dist/es/panelbar/interfaces/PanelBarProps.js

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

package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.js

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

package/dist/es/panelbar/interfaces/RenderPanelBarItem.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { PanelBarState } from '../PanelBar';
-/**
- * @hidden
- */
-export interface RenderPanelBarItem {
-    animation?: boolean;
-    keepItemsMounted?: boolean;
-    state: PanelBarState;
-    expanded: string[];
-    handleSelect: any;
-    children: React.ReactNode;
-    parentExpanded?: boolean;
-    level?: number;
-    parentPrivateKey?: string[];
-}

package/dist/es/panelbar/interfaces/RenderPanelBarItem.js

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

package/dist/es/panelbar/util.js

@@ -1,197 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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 { PanelBarItem } from './PanelBarItem';
-/**
- * @hidden
- */
-export var renderChildren = function (_a) {
-    var _b = _a.animation, animation = _b === void 0 ? true : _b, _c = _a.keepItemsMounted, keepItemsMounted = _c === void 0 ? false : _c, state = _a.state, expanded = _a.expanded, handleSelect = _a.handleSelect, children = _a.children, _d = _a.parentExpanded, parentExpanded = _d === void 0 ? true : _d, _e = _a.level, level = _e === void 0 ? 0 : _e, _f = _a.parentPrivateKey, parentPrivateKey = _f === void 0 ? [] : _f;
-    return React.Children.map(children, function (child, idx) {
-        if (child && child.type === PanelBarItem) {
-            var nestedChildren = void 0;
-            var privateKey = getId(child, parentPrivateKey, idx);
-            if (child.props.children) {
-                var renderState = {
-                    animation: animation,
-                    keepItemsMounted: keepItemsMounted,
-                    state: state,
-                    expanded: expanded,
-                    handleSelect: handleSelect,
-                    children: child.props.children,
-                    parentExpanded: (expanded || []).indexOf(privateKey) > -1,
-                    level: level + 1,
-                    parentPrivateKey: __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false)
-                };
-                nestedChildren = renderChildren(renderState);
-            }
-            return React.cloneElement(child, __assign(__assign({}, child.props), { animation: child.props.animation !== undefined ? child.props.animation : animation, keepItemsMounted: keepItemsMounted, id: child.props.id || "k-panelbar-item-default-".concat(privateKey), uniquePrivateKey: privateKey, parentUniquePrivateKey: parentPrivateKey, parentExpanded: parentExpanded, level: level, expanded: (expanded || []).indexOf(privateKey) > -1, focused: state.focused === privateKey && state.wrapperFocused, selected: state.selected === privateKey, children: nestedChildren, onSelect: handleSelect }));
-        }
-        else {
-            return React.createElement("div", { className: "k-panelbar-content k-content" }, child);
-        }
-    });
-};
-/**
- * @hidden
- */
-export var getFirstId = function (props) {
-    var firstItem = React.Children.toArray(props.children)[0];
-    if (firstItem) {
-        return getId(firstItem, [], 0);
-    }
-    return '';
-};
-/**
- * @hidden
- */
-export var getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
-    if (result === void 0) { result = {
-        expanded: props.expanded || [],
-        selected: props.selected || '',
-        focused: props.focused || '',
-        wrapperFocused: false
-    }; }
-    if (parentExpanded === void 0) { parentExpanded = true; }
-    if (parentPrivateKey === void 0) { parentPrivateKey = []; }
-    React.Children.map(props.children, function (child, idx) {
-        if (child && child.type === PanelBarItem) {
-            var privateKey = getId(child, parentPrivateKey, idx);
-            if (!child.props.disabled && parentExpanded) {
-                if (child.props.selected) {
-                    result.selected = privateKey;
-                }
-                if (child.props.focused) {
-                    result.focused = privateKey;
-                }
-                if (child.props.expanded) {
-                    if (expandMode === 'multiple') {
-                        result.expanded.push(privateKey);
-                    }
-                    else if (expandMode === 'single') {
-                        result.expanded = [privateKey];
-                    }
-                }
-                if (child.props.children) {
-                    result = getInitialState(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
-                }
-            }
-        }
-    });
-    return result;
-};
-/**
- * @hidden
- */
-var getId = function (child, parentPrivateKey, idx) {
-    return child && child.props && child.props.id
-        ? child.props.id
-        : parentPrivateKey.length
-            ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx)
-            : ".".concat(idx);
-};
-/**
- * @hidden
- */
-export function flatVisibleItems(data, flattedItems) {
-    if (flattedItems === void 0) { flattedItems = []; }
-    (data || []).forEach(function (item) {
-        if (!item.disabled) {
-            flattedItems.push(item);
-            if (item.expanded && item.children) {
-                flatVisibleItems(item.children, flattedItems);
-            }
-        }
-    });
-    return flattedItems;
-}
-/**
- * @hidden
- */
-export function flatChildren(children, flattenChildren) {
-    if (flattenChildren === void 0) { flattenChildren = []; }
-    React.Children.forEach(children, function (child) {
-        if (child && child.props && !child.props.disabled) {
-            flattenChildren.push(child);
-            if (child.props.children) {
-                flatChildren(child.props.children, flattenChildren);
-            }
-        }
-    });
-    return flattenChildren;
-}
-;
-/**
- * @hidden
- */
-export function flatVisibleChildren(children, flattenVisibleChildren) {
-    if (flattenVisibleChildren === void 0) { flattenVisibleChildren = []; }
-    React.Children.forEach(children, function (child) {
-        if (child && child.props && !child.props.disabled && (child.props.expanded || child.props.parentExpanded)) {
-            flattenVisibleChildren.push(child);
-            if (child.props.children) {
-                flatVisibleChildren(child.props.children, flattenVisibleChildren);
-            }
-        }
-    });
-    return flattenVisibleChildren;
-}
-;
-/**
- * @hidden
- */
-export var isPresent = function (value) { return value !== null && value !== undefined; };
-/**
- * Represents the PanelBarUtils functions.
- */
-export var PanelBarUtils;
-(function (PanelBarUtils) {
-    /**
-     * Maps a collection of PanelBarItemProps to PanelBarItem components
-     * ([see example]({% slug customization_panelbar %})).
-     * Contained in the `PanelBarUtils` object.
-     *
-     * @param items - A collection of PanelBarItemProps.
-     * @return {PanelBarItem[]} Returns an array of PanelBarItem components.
-     */
-    function mapItemsToComponents(items) {
-        return items.map(function (item, idx) {
-            var children;
-            if (item.content) {
-                children = item.content;
-            }
-            if (item.children) {
-                children = (mapItemsToComponents(item.children));
-            }
-            return (React.createElement(PanelBarItem, __assign({}, item, { children: children, key: item.id || idx })));
-        });
-    }
-    PanelBarUtils.mapItemsToComponents = mapItemsToComponents;
-})(PanelBarUtils || (PanelBarUtils = {}));
-/**
- * @hidden
- */
-export var isArrayEqual = function (firstArray, secondArray) {
-    if (firstArray.length !== secondArray.length) {
-        return false;
-    }
-    return firstArray.every(function (ex, i) { return ex === secondArray[i]; });
-};