@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/tabs/RouteTabs.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-declare type Page = {
-    path: string;
-    renderHeading: (props: unknown) => React.ReactNode;
-    headingTitle?: string;
-    renderBody: (props: any) => React.ReactNode;
-    draggingDisabled?: boolean;
-    disabled?: boolean;
-};
-export declare type Props = {
-    /** Path of the page where this component is rendered */
-    basePath?: string;
-    /** Array of pages to be displayed */
-    pages: Page[];
-    /** (Optional) function, executed if the order of the tabs get changed */
-    onOrderChange?: (oldIndex: number, newIndex: number) => void;
-};
-/**
- * RouteTabs add the possibility to unite several homogeneous pages into one.
- * Each tab can be accessed individually via the browser's history
- */
-export default function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=RouteTabs.d.ts.map

package/lib/cjs/components/tabs/RouteTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouteTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/RouteTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qCAAqC;IACrC,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D,CAAC;AA8DF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,qBA8EvF"}

package/lib/cjs/components/tabs/RouteTabs.js

@@ -1,96 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_router_dom_1 = require("react-router-dom");
-const utilities_1 = require("@dnd-kit/utilities");
-const core_1 = require("@dnd-kit/core");
-const sortable_1 = require("@dnd-kit/sortable");
-const modifiers_1 = require("@dnd-kit/modifiers");
-const classnames_1 = __importDefault(require("classnames"));
-const resolvePath_1 = __importDefault(require("../../utils/resolvePath"));
-const TabHeader = ({ id, to, className, title, children, draggingDisabled }) => {
-    const { attributes, listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({
-        id,
-        disabled: draggingDisabled,
-        strategy: sortable_1.horizontalListSortingStrategy
-    });
-    const style = {
-        transform: transform ? utilities_1.CSS.Transform.toString({ ...transform, scaleX: 1 }) : undefined,
-        transition
-    };
-    const { pathname } = (0, react_router_dom_1.useLocation)();
-    const isActive = pathname.endsWith(to.toString());
-    if (isActive) {
-        return (react_1.default.createElement("button", { "data-testid": "tab-button", className: (0, classnames_1.default)('tab-header item active', className), title: title, ref: setNodeRef, style: style, type: "button", ...attributes, ...listeners }, children));
-    }
-    return (react_1.default.createElement(react_router_dom_1.Link, { "data-testid": "tab-button", to: to, title: title, className: (0, classnames_1.default)('tab-header item', className), ref: setNodeRef, style: style, ...attributes, ...listeners }, children));
-};
-/**
- * RouteTabs add the possibility to unite several homogeneous pages into one.
- * Each tab can be accessed individually via the browser's history
- */
-function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }) {
-    const [dragging, setDragging] = (0, react_1.useState)(false);
-    const { pathname, state } = (0, react_router_dom_1.useLocation)();
-    function determineBasePath() {
-        const lastPathSegment = pathname.split('/').reverse()[0];
-        if (pages.some((page) => page.path === lastPathSegment)) {
-            return pathname.substring(0, pathname.lastIndexOf('/'));
-        }
-        else {
-            return pathname;
-        }
-    }
-    function handleDragEnd(event) {
-        setDragging(false);
-        const { active, over } = event;
-        if (active.id !== over?.id && onOrderChange) {
-            const oldIndex = pages.findIndex((page) => page.path === active.id);
-            const newIndex = pages.findIndex((page) => page.path === over?.id);
-            onOrderChange(oldIndex, newIndex);
-        }
-    }
-    return (react_1.default.createElement("div", { className: dragging ? 'draggable-area' : '' },
-        react_1.default.createElement(core_1.DndContext, { collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, onDragStart: () => setDragging(true), modifiers: [modifiers_1.restrictToHorizontalAxis] },
-            react_1.default.createElement("div", { className: "di tabs" },
-                react_1.default.createElement(sortable_1.SortableContext, { items: pages.map((page) => ({ ...page, id: page.path })), strategy: sortable_1.horizontalListSortingStrategy }, pages.map(({ path, renderHeading, headingTitle, draggingDisabled, disabled: pageDisabled }) => {
-                    return (react_1.default.createElement(TabHeader, { id: path, key: path, to: (0, resolvePath_1.default)(basePath || determineBasePath(), path), title: headingTitle, draggingDisabled: pageDisabled ||
-                            draggingDisabled ||
-                            !onOrderChange ||
-                            (!dragging && !pathname.endsWith(path)) }, renderHeading(otherProps)));
-                })))),
-        react_1.default.createElement(react_router_dom_1.Switch, null,
-            pages.map(({ renderBody, path }) => (react_1.default.createElement(react_router_dom_1.Route, { key: path, path: (0, resolvePath_1.default)(basePath || determineBasePath(), path), render: () => renderBody(otherProps) }))),
-            react_1.default.createElement(react_router_dom_1.Route, null,
-                react_1.default.createElement(react_router_dom_1.Redirect, { to: {
-                        pathname: (0, resolvePath_1.default)(basePath || determineBasePath(), pages[0].path),
-                        state
-                    } })))));
-}
-exports.default = RouteTabs;

package/lib/cjs/components/treeview/TreeView.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Tree, NodeId, DataSetConfig, SelectionItem } from './types';
-export declare type Props = {
-    /** Configuration of keys for id, name, children, node/leaf images and lazy loading */
-    dataSetConfig: DataSetConfig;
-    /** Function executed when selecting nodes or folders */
-    onSelect: (arg0: Array<SelectionItem>) => void;
-    /** Function executed when deselecting nodes or folders */
-    onDeselect: (arg0: Array<SelectionItem>) => void;
-    /** Arbitrary hierarchical initial data set to render */
-    treeData: Array<any>;
-    /** Array of initially selected nodes in the tree */
-    selectedNodes?: Array<NodeId>;
-    /** Function to execute on a lazy loadable node */
-    lazyLoadingFunction?: (nodeData: any) => Promise<any>;
-};
-declare type State = {
-    tree: Tree;
-    treeData: Array<any>;
-    selectedNodes: Array<NodeId>;
-    treeSize: number;
-};
-/**
- * TreeView adds the functionality to display "folders" and their content.
- * This can come in handy for several data structures.
- */
-export default class TreeView extends React.Component<Props, State> {
-    state: State;
-    convert: (hierarchicalData: Array<any>, nodePath?: string) => Array<Tree>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    initTree(treeData: Array<any>): {
-        children?: Array<Tree>;
-        closedImage?: string;
-        expandedImage?: string;
-        id: string;
-        image?: string;
-        lazyLoadable?: boolean;
-        name: string;
-        originalNode: any;
-        path: string;
-    };
-    selectNodes: (nodes: Array<Tree>) => void;
-    deselectNodes: (nodes: Array<Tree>) => void;
-    addTreeData: (dataSet: Array<any>, underNode: Tree) => void;
-    lazyLoadingFunction: (node: Tree) => Promise<void>;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=TreeView.d.ts.map

package/lib/cjs/components/treeview/TreeView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/treeview/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAInE,oBAAY,KAAK,GAAG;IACnB,sFAAsF;IACtF,aAAa,EAAE,aAAa,CAAC;IAE7B,wDAAwD;IACxD,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAE/C,0DAA0D;IAC1D,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAEjD,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAErB,oDAAoD;IACpD,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CACtD,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAClE,KAAK,EAAE,KAAK,CAWV;IAEF,OAAO,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAA2C;IAEpH,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAWnC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG;QAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;KACb;IAUD,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAUvC;IAEF,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAUzC;IAEF,WAAW,YAAa,MAAM,GAAG,CAAC,aAAa,IAAI,UAoBjD;IAEF,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAUhD;IAEF,MAAM;CAmBN"}

package/lib/cjs/components/treeview/TreeView.js

@@ -1,133 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Node_1 = __importDefault(require("./components/Node"));
-const treeutils_1 = require("./treeutils");
-/**
- * TreeView adds the functionality to display "folders" and their content.
- * This can come in handy for several data structures.
- */
-class TreeView extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            treeData: this.props.treeData,
-            tree: {
-                id: 'virtualRootNode',
-                name: '',
-                children: [],
-                path: '/',
-                originalNode: {}
-            },
-            treeSize: 0,
-            selectedNodes: this.props.selectedNodes || []
-        };
-        this.convert = (0, treeutils_1.convertToTree)(this.props.dataSetConfig);
-        this.selectNodes = (nodes) => {
-            const { onSelect } = this.props;
-            const { selectedNodes } = this.state;
-            this.setState({
-                selectedNodes: (0, treeutils_1.mergeNodeIdArrays)(selectedNodes, nodes.map(({ id }) => id))
-            });
-            onSelect(nodes.map(({ originalNode, path }) => ({ ...originalNode, $$path: path })));
-        };
-        this.deselectNodes = (nodes) => {
-            const { onDeselect } = this.props;
-            const { selectedNodes } = this.state;
-            this.setState({
-                selectedNodes: (0, treeutils_1.removeNodeIds)(selectedNodes, nodes.map(({ id }) => id))
-            });
-            onDeselect(nodes.map(({ originalNode, path }) => ({ ...originalNode, $$path: path })));
-        };
-        this.addTreeData = (dataSet, underNode) => {
-            const { tree } = this.state;
-            const subTree = this.convert(dataSet, underNode.path);
-            const newTree = {
-                id: 'virtualRootNode',
-                name: '',
-                children: (tree.children || []).map((rootNode) => (0, treeutils_1.findNodeAndApplyPatch)(rootNode, underNode.id, {
-                    lazyLoadable: false,
-                    children: subTree
-                })),
-                path: '/',
-                originalNode: {}
-            };
-            const newTreeSize = (0, treeutils_1.getTreeSize)(newTree);
-            this.setState({
-                tree: newTree,
-                treeSize: newTreeSize
-            });
-        };
-        this.lazyLoadingFunction = (node) => {
-            const { lazyLoadingFunction } = this.props;
-            if (!lazyLoadingFunction)
-                return Promise.resolve();
-            return lazyLoadingFunction(node.originalNode)
-                .then((dataSet) => {
-                this.addTreeData(dataSet, node);
-            })
-                .catch(() => {
-                return Promise.resolve();
-            });
-        };
-    }
-    componentDidMount() {
-        const { treeData } = this.props;
-        const tree = this.initTree(treeData);
-        const treeSize = (0, treeutils_1.getTreeSize)(tree);
-        this.setState({
-            tree,
-            treeSize
-        });
-    }
-    componentDidUpdate(prevProps) {
-        const { selectedNodes: prevNodes } = prevProps;
-        const { selectedNodes } = this.props;
-        if (selectedNodes && prevNodes && prevNodes.length !== selectedNodes.length) {
-            this.setState({
-                selectedNodes
-            });
-        }
-    }
-    initTree(treeData) {
-        return {
-            id: 'virtualRootNode',
-            name: '',
-            children: this.convert(treeData),
-            path: '/',
-            originalNode: {}
-        };
-    }
-    render() {
-        const { tree, selectedNodes, treeSize } = this.state;
-        return (React.createElement("div", { className: "treeview" }, tree.children &&
-            tree.children.map((item, i) => (React.createElement(Node_1.default, { key: i, node: item, selectedNodes: selectedNodes, selectNodes: this.selectNodes, deselectNodes: this.deselectNodes, treeSize: treeSize, lazyLoadingFunction: this.lazyLoadingFunction })))));
-    }
-}
-exports.default = TreeView;

package/lib/cjs/components/treeview/components/Node.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../../src/components/treeview/components/Node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,UAAU,CAAC;AAEtC,aAAK,KAAK,GAAG;IACZ,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAClD,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC9D,KAAK,EAAE,KAAK,CAIV;IAEF;;;;;;OAMG;IACH,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO;IAsBlE,iBAAiB;IAMjB,kBAAkB;IAMlB,MAAM,IAAI,OAAO;IAKjB,iBAAiB;IAoBjB,YAAY,EAAE,MAAM,IAAI,CAsBtB;IACF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAUlC;IAEF,MAAM;CA6BN"}

package/lib/cjs/components/treeview/components/Node.js

@@ -1,140 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const NodeInfo_1 = __importDefault(require("./NodeInfo"));
-const constants_1 = require("../constants");
-const treeutils_1 = require("../treeutils");
-class Node extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            expanded: false,
-            selectionState: this.getSelectionState(),
-            isLoading: false
-        };
-        // handle this the same way as selection?
-        this.toggleExpand = () => {
-            const { node, lazyLoadingFunction } = this.props;
-            if (node.lazyLoadable) {
-                this.setState({
-                    isLoading: true
-                }, () => {
-                    lazyLoadingFunction(node).then(() => this.setState({
-                        expanded: true,
-                        isLoading: false
-                    }));
-                });
-            }
-            else {
-                this.setState({
-                    expanded: !this.state.expanded
-                });
-            }
-        };
-        this.onSelect = (toggled) => {
-            const { node, selectNodes, deselectNodes, selectedNodes } = this.props;
-            if (toggled) {
-                const childNodes = (0, treeutils_1.getAllLeaves)(node).filter((node) => !selectedNodes.includes(node.id));
-                selectNodes(childNodes);
-            }
-            else {
-                const childNodes = (0, treeutils_1.getAllLeaves)(node).filter((node) => selectedNodes.includes(node.id));
-                deselectNodes(childNodes);
-            }
-        };
-    }
-    /**
-     * Update folder nodes only if the selection changed, or expanded changed
-     * Update leaf nodes only if the previously selected nodes include this leaf and the currently
-     * selected nodes do not include this leaf, and vice versa.
-     * @param {Props} prevProps
-     * @param {State} prevState
-     */
-    shouldComponentUpdate(prevProps, prevState) {
-        const { selectedNodes: prevSelectedNodes, treeSize: prevTreeSize } = prevProps;
-        const { expanded: prevExpanded, selectionState: prevSelectionState, isLoading: prevIsLoading } = prevState;
-        const { selectedNodes, node, treeSize } = this.props;
-        const { expanded, selectionState, isLoading } = this.state;
-        if (prevIsLoading !== isLoading)
-            return true;
-        if (prevTreeSize !== treeSize)
-            return true;
-        if (this.isLeaf()) {
-            const selectionChangedForLeaf = (prevSelectedNodes.includes(node.id) && !selectedNodes.includes(node.id)) ||
-                (!prevSelectedNodes.includes(node.id) && selectedNodes.includes(node.id));
-            return selectionChangedForLeaf || prevSelectionState !== selectionState;
-        }
-        else {
-            return (prevSelectedNodes.length !== selectedNodes.length ||
-                prevExpanded !== expanded ||
-                prevSelectionState !== selectionState);
-        }
-    }
-    componentDidMount() {
-        this.setState({
-            selectionState: this.getSelectionState()
-        });
-    }
-    componentDidUpdate() {
-        this.setState({
-            selectionState: this.getSelectionState()
-        });
-    }
-    isLeaf() {
-        const { node } = this.props;
-        return node.children === undefined;
-    }
-    getSelectionState() {
-        const { node, selectedNodes } = this.props;
-        if (this.isLeaf()) {
-            return selectedNodes.includes(node.id) ? constants_1.SelectionState.ALL : constants_1.SelectionState.NONE;
-        }
-        else {
-            const leafIds = (0, treeutils_1.getAllLeafIds)(node);
-            const intersection = (0, treeutils_1.intersectArrays)(leafIds, selectedNodes);
-            if (intersection.length === leafIds.length && leafIds.length !== 0) {
-                return constants_1.SelectionState.ALL;
-            }
-            else if (intersection.length === 0) {
-                return constants_1.SelectionState.NONE;
-            }
-            return constants_1.SelectionState.SOME;
-        }
-    }
-    render() {
-        const { node, isLastChild, ...commonNodeProps } = this.props;
-        const { expanded, selectionState, isLoading } = this.state;
-        return (React.createElement("div", { className: "node" },
-            React.createElement(NodeInfo_1.default, { node: node, displayName: node.name, leafNode: this.isLeaf(), expanded: expanded, isLastChild: isLastChild, onExpand: this.toggleExpand, onSelect: this.onSelect, isLoading: isLoading, selectionState: selectionState }),
-            expanded &&
-                node.children &&
-                node.children.map((childNode, i) => (React.createElement(Node, { ...commonNodeProps, key: i, node: childNode, isLastChild: i === (node.children || []).length - 1 })))));
-    }
-}
-exports.default = Node;

package/lib/cjs/components/treeview/components/NodeInfo.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { SelectionState } from '../constants';
-import { Tree } from '../types';
-declare type NodeInfoProps = {
-    node: Tree;
-    displayName: string;
-    leafNode: boolean;
-    expanded: boolean;
-    isLastChild?: boolean;
-    selectionState: SelectionState;
-    isLoading: boolean;
-    onExpand: () => void;
-    onSelect: (toggled: boolean) => void;
-};
-export default class NodeInfo extends React.PureComponent<NodeInfoProps> {
-    inputRef: HTMLInputElement | null | undefined;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    updateSelectionState(): void;
-    onSelect: (event: React.SyntheticEvent<HTMLInputElement>) => void;
-    onLabelClick: () => void;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=NodeInfo.d.ts.map

package/lib/cjs/components/treeview/components/NodeInfo.js

@@ -1,93 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const icon_folder_open_png_1 = __importDefault(require("../../../assets/img/icon_folder_open.png"));
-const icon_folder_closed_png_1 = __importDefault(require("../../../assets/img/icon_folder_closed.png"));
-const icon_folder_loading_svg_1 = __importDefault(require("../../../assets/svg/icon_folder_loading.svg"));
-const icon_variablenode_png_1 = __importDefault(require("../../../assets/img/icon_variablenode.png"));
-const constants_1 = require("../constants");
-const Skeleton = ({ lastChild }) => (React.createElement("div", { className: "skeleton" },
-    React.createElement("div", { className: "skeleton-cell top" }),
-    React.createElement("div", { className: "skeleton-cell bottom", style: {
-            visibility: lastChild ? 'hidden' : 'initial'
-        } })));
-const NodeImage = ({ node, leafNode, expanded, isLoading, onExpand }) => {
-    let imageSrc;
-    if (leafNode) {
-        imageSrc = node.image || icon_variablenode_png_1.default;
-    }
-    else {
-        if (isLoading) {
-            imageSrc = icon_folder_loading_svg_1.default;
-        }
-        else if (expanded) {
-            imageSrc = node.expandedImage || icon_folder_open_png_1.default;
-        }
-        else {
-            imageSrc = node.closedImage || icon_folder_closed_png_1.default;
-        }
-    }
-    return (React.createElement("div", { className: "icon-container" },
-        React.createElement("img", { src: imageSrc, alt: "node", onClick: onExpand })));
-};
-class NodeInfo extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.onSelect = (event) => {
-            const { onSelect, selectionState } = this.props;
-            onSelect(selectionState === constants_1.SelectionState.SOME ? false : event.currentTarget.checked);
-        };
-        this.onLabelClick = () => {
-            const { onSelect, selectionState } = this.props;
-            onSelect(selectionState === constants_1.SelectionState.SOME ? false : this.inputRef ? !this.inputRef.checked : false);
-        };
-    }
-    componentDidMount() {
-        this.updateSelectionState();
-    }
-    componentDidUpdate() {
-        this.updateSelectionState();
-    }
-    updateSelectionState() {
-        const { selectionState } = this.props;
-        if (this.inputRef) {
-            this.inputRef.indeterminate = selectionState === constants_1.SelectionState.SOME;
-        }
-    }
-    render() {
-        const { node, node: { name }, leafNode, expanded, isLastChild, onExpand, selectionState, isLoading } = this.props;
-        const selected = selectionState === constants_1.SelectionState.ALL;
-        return (React.createElement("div", { className: `node-info ${selected ? 'selected' : ''}` },
-            isLastChild !== undefined && React.createElement(Skeleton, { lastChild: isLastChild }),
-            React.createElement(NodeImage, { node: node, leafNode: leafNode, expanded: expanded, isLoading: isLoading, onExpand: onExpand }),
-            React.createElement("input", { ref: (ref) => (this.inputRef = ref), type: "checkbox", checked: selectionState === constants_1.SelectionState.ALL, onChange: this.onSelect }),
-            React.createElement("div", { className: "name", onClick: this.onLabelClick }, name)));
-    }
-}
-exports.default = NodeInfo;

package/lib/cjs/components/treeview/constants.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionState = void 0;
-var SelectionState;
-(function (SelectionState) {
-    SelectionState["ALL"] = "all";
-    SelectionState["SOME"] = "some";
-    SelectionState["NONE"] = "none";
-})(SelectionState = exports.SelectionState || (exports.SelectionState = {}));