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

package/dist/npm/panelbar/PanelBarItem.js

@@ -1,156 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelBarItem = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var kendo_react_animation_1 = require("@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(kendo_react_common_1.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 = (0, kendo_react_common_1.classNames)('k-panelbar-item', {
-            'k-panelbar-header': level === 0,
-            'k-expanded': expanded && !!children,
-            'k-disabled': disabled
-        }, "k-level-".concat(level), className);
-        var panelBarLinkClassName = (0, kendo_react_common_1.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(kendo_react_common_1.IconWrap, { name: expanded ? 'chevron-up' : 'chevron-down', icon: expanded ? kendo_svg_icons_1.chevronUpIcon : kendo_svg_icons_1.chevronDownIcon, className: (0, kendo_react_common_1.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(kendo_react_animation_1.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: kendo_react_common_1.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));
-exports.PanelBarItem = PanelBarItem;

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

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

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationAction = void 0;
-/**
- * @hidden
- */
-var NavigationAction;
-(function (NavigationAction) {
-    NavigationAction[NavigationAction["Toggle"] = 0] = "Toggle";
-    NavigationAction[NavigationAction["Next"] = 1] = "Next";
-    NavigationAction[NavigationAction["Previous"] = 2] = "Previous";
-})(NavigationAction = exports.NavigationAction || (exports.NavigationAction = {}));

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

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

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

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

package/dist/npm/panelbar/interfaces/PanelBarItemProps.d.ts

@@ -1,95 +0,0 @@
-/// <reference types="react" />
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * Represents the props of the PanelBarItem component.
- */
-export interface PanelBarItemProps {
-    /**
-     * Allows individual animation control over the child ([see example]({% slug animations_panelbar %})). By default, it is controlled by the PanelBar component.
-     */
-    animation?: boolean;
-    /**
-     * Can be any of PanelBar items, an array of PanelBar items, or a custom component.
-     */
-    children?: React.ReactNode;
-    /**
-     * The class name that is set to the PanelBarItem component.
-     */
-    className?: string;
-    /**
-     * The class name that is set to the PanelBarItem header.
-     */
-    headerClassName?: string;
-    /**
-     * Sets the initial expanded state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the disabled state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
-     */
-    disabled?: boolean;
-    /**
-     * @hidden
-     */
-    onSelect?: Function;
-    /**
-     * @hidden
-     */
-    level?: number;
-    /**
-     * Defines an icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
-     */
-    icon?: string;
-    /**
-     * Defines an SVG icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of the image that will be displayed next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
-     */
-    imageUrl?: string;
-    /**
-     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
-     */
-    selected?: boolean;
-    /**
-     * Sets the title of the PanelBar item ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
-     */
-    title?: React.ReactNode;
-    /**
-     * Allows the component to set the `id` property to each item. If not set, a default `id` is applied.
-     */
-    id?: string;
-    /**
-     * Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    parentExpanded?: boolean;
-    /**
-     * @hidden
-     */
-    content?: any;
-    /**
-     * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
-     */
-    uniquePrivateKey?: string;
-    /**
-     * @hidden
-     */
-    parentUniquePrivateKey?: string[];
-    /**
-     * @hidden
-     */
-    keepItemsMounted?: boolean;
-    /**
-     * Sets a custom property. Contained in the PanelBarItem props that are returned from the `onSelect` PanelBar event.
-     */
-    [customProp: string]: any;
-}

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

@@ -1,3 +0,0 @@
-"use strict";
-/* eslint-disable max-len */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/panelbar/interfaces/PanelBarProps.d.ts

@@ -1,63 +0,0 @@
-/// <reference types="react" />
-import { PanelBarSelectEventArguments } from '../../main';
-/**
- * Represents the expand modes of the KendoReact PanelBar. Defaults to `multiple`.
- */
-export declare type PanelBarExpandMode = 'single' | 'multiple';
-/**
- * Represents the props of the [KendoReact PanelBar component]({% slug overview_panelbar %}).
- */
-export interface PanelBarProps {
-    /**
-     * The child can be either a single PanelBarItem or a PanelBarItem array.
-     */
-    children?: React.ReactNode;
-    /**
-     * The class name that is set to the PanelBar.
-     */
-    className?: string;
-    /**
-     * Sets the animation state of the PanelBar.
-     */
-    animation?: boolean;
-    /**
-     * Sets the expand mode of the PanelBar ([see example]({% slug expandmodes_panelbar %})).
-     *
-     * The available modes are:
-     * - `"single"`&mdash;Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded.
-     * - `"multiple"` (default)&mdash;Allows you to expand two or more items at a time. Items can also be toggled.
-     */
-    expandMode?: PanelBarExpandMode;
-    /**
-     * Sets the direction of the PanelBar component.
-     */
-    dir?: string;
-    /**
-     * If set, overrides the currently selected property in the PanelBar state.
-     */
-    selected?: string;
-    /**
-     * Sets the initial expanded state of the PanelBar.
-     */
-    expanded?: string[];
-    /**
-     * Sets the initial focused state of the PanelBar.
-     */
-    focused?: string;
-    /**
-     * Determines if the PanelBar items will be mounted after expand collapse. Defaults to `false`.
-     */
-    keepItemsMounted?: boolean;
-    /**
-     * Determines if the PanelBar is going to be used in controlled state.
-     */
-    isControlled?: boolean;
-    /**
-     * Fires each time the user makes a selection ([see example]({% slug controlling_state_panelbar %})).
-     */
-    onSelect?: (event: PanelBarSelectEventArguments) => void;
-    /**
-     * Sets additional CSS styles to the PanelBar.
-     */
-    style?: React.CSSProperties;
-}

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

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

package/dist/npm/panelbar/interfaces/PanelBarSelectEventArguments.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { PanelBarItemProps } from '../interfaces/PanelBarItemProps';
-/**
- * The arguments that are passed to the `onSelect` callback function.
- */
-export interface PanelBarSelectEventArguments {
-    /**
-     * The selected PanelBar item.
-     */
-    target: React.ReactElement<PanelBarItemProps>;
-    /**
-     * The new expanded PanelBar items state.
-     */
-    expandedItems: string[];
-}

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

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

package/dist/npm/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/npm/panelbar/interfaces/RenderPanelBarItem.js

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

package/dist/npm/panelbar/util.d.ts

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { PanelBarState } from './PanelBar';
-import { PanelBarItem } from './PanelBarItem';
-import { RenderPanelBarItem } from './interfaces/RenderPanelBarItem';
-import { PanelBarItemProps } from '../main';
-import { PanelBarExpandMode } from './interfaces/PanelBarProps';
-/**
- * @hidden
- */
-export declare const renderChildren: ({ animation, keepItemsMounted, state, expanded, handleSelect, children, parentExpanded, level, parentPrivateKey }: RenderPanelBarItem) => React.ReactNode;
-/**
- * @hidden
- */
-export declare const getFirstId: (props: any) => any;
-/**
- * @hidden
- */
-export declare const getInitialState: (props: any, expandMode: PanelBarExpandMode, result?: PanelBarState, parentExpanded?: boolean, parentPrivateKey?: string[]) => PanelBarState;
-/**
- * @hidden
- */
-export declare function flatVisibleItems(data: any, flattedItems?: any[]): any[];
-/**
- * @hidden
- */
-export declare function flatChildren(children: any, flattenChildren?: any[]): any[];
-/**
- * @hidden
- */
-export declare function flatVisibleChildren(children: any, flattenVisibleChildren?: any[]): any[];
-/**
- * @hidden
- */
-export declare const isPresent: Function;
-/**
- * Represents the PanelBarUtils functions.
- */
-export declare namespace 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: Array<PanelBarItemProps>): PanelBarItem[];
-}
-/**
- * @hidden
- */
-export declare const isArrayEqual: (firstArray: any[], secondArray: any[]) => boolean;

package/dist/npm/panelbar/util.js

@@ -1,208 +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 __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.isArrayEqual = exports.PanelBarUtils = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
-var React = require("react");
-var PanelBarItem_1 = require("./PanelBarItem");
-/**
- * @hidden
- */
-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_1.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 = (0, exports.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);
-        }
-    });
-};
-exports.renderChildren = renderChildren;
-/**
- * @hidden
- */
-var getFirstId = function (props) {
-    var firstItem = React.Children.toArray(props.children)[0];
-    if (firstItem) {
-        return getId(firstItem, [], 0);
-    }
-    return '';
-};
-exports.getFirstId = getFirstId;
-/**
- * @hidden
- */
-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_1.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 = (0, exports.getInitialState)(child.props, expandMode, result, !!child.props.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
-                }
-            }
-        }
-    });
-    return result;
-};
-exports.getInitialState = getInitialState;
-/**
- * @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
- */
-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;
-}
-exports.flatVisibleItems = flatVisibleItems;
-/**
- * @hidden
- */
-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;
-}
-exports.flatChildren = flatChildren;
-;
-/**
- * @hidden
- */
-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;
-}
-exports.flatVisibleChildren = flatVisibleChildren;
-;
-/**
- * @hidden
- */
-var isPresent = function (value) { return value !== null && value !== undefined; };
-exports.isPresent = isPresent;
-/**
- * Represents the PanelBarUtils functions.
- */
-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_1.PanelBarItem, __assign({}, item, { children: children, key: item.id || idx })));
-        });
-    }
-    PanelBarUtils.mapItemsToComponents = mapItemsToComponents;
-})(PanelBarUtils = exports.PanelBarUtils || (exports.PanelBarUtils = {}));
-/**
- * @hidden
- */
-var isArrayEqual = function (firstArray, secondArray) {
-    if (firstArray.length !== secondArray.length) {
-        return false;
-    }
-    return firstArray.every(function (ex, i) { return ex === secondArray[i]; });
-};
-exports.isArrayEqual = isArrayEqual;