@pnp/spfx-controls-react 3.26.0-beta.3602956 → 4.0.0-beta.3798679

package/lib-commonjs/controls/treeView/TreeItem.js

@@ -1,184 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var strings = tslib_1.__importStar(require("ControlStrings"));
-var Button_1 = require("@fluentui/react/lib/Button");
-var Checkbox_1 = require("@fluentui/react/lib/Checkbox");
-var Icon_1 = require("@fluentui/react/lib/Icon");
-var Utilities_1 = require("@fluentui/react/lib/Utilities");
-var ITreeViewProps_1 = require("./ITreeViewProps");
-var TreeItemActionsControl_1 = tslib_1.__importDefault(require("./TreeItemActionsControl"));
-var TreeView_module_scss_1 = tslib_1.__importDefault(require("./TreeView.module.scss"));
-/**
- * Renders the controls for TreeItem component
- */
-var TreeItem = /** @class */ (function (_super) {
-    tslib_1.__extends(TreeItem, _super);
-    /**
-     * Constructor method
-     * @param props properties interface
-     */
-    function TreeItem(props, state) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * Process the child nodes
-         */
-        _this.createChildNodes = function (list, paddingLeft) {
-            if (list.length) {
-                var _a = _this.props, selectionMode_1 = _a.selectionMode, activeItems_1 = _a.activeItems, parentCallbackExpandCollapse_1 = _a.parentCallbackExpandCollapse, parentCallbackOnSelect_1 = _a.parentCallbackOnSelect, onRenderItem_1 = _a.onRenderItem, showCheckboxes_1 = _a.showCheckboxes, treeItemActionsDisplayMode_1 = _a.treeItemActionsDisplayMode, defaultExpandedChildren_1 = _a.defaultExpandedChildren;
-                var expanded_1 = _this.state.expanded;
-                var childrenWithHandlers = list.map(function (item) {
-                    return (React.createElement(TreeItem, { key: item.key, treeItem: item, defaultExpanded: defaultExpandedChildren_1 ? expanded_1 : expanded_1 && !item.children, defaultExpandedChildren: defaultExpandedChildren_1, leftOffset: paddingLeft, selectionMode: selectionMode_1, activeItems: activeItems_1, isFirstRender: !paddingLeft ? true : false, parentCallbackExpandCollapse: parentCallbackExpandCollapse_1, parentCallbackOnSelect: parentCallbackOnSelect_1, onRenderItem: onRenderItem_1, showCheckboxes: showCheckboxes_1, treeItemActionsDisplayMode: treeItemActionsDisplayMode_1, nodesToExpand: _this.props.nodesToExpand, theme: _this.props.theme }));
-                });
-                return childrenWithHandlers;
-            }
-        };
-        /**
-         * Default action callback
-         */
-        _this.treeItemActionCallback = function () {
-            // no-op;
-        };
-        // Check if current item is selected
-        var active = props.activeItems.filter(function (item) { return item.key === props.treeItem.key; });
-        var expanded = props.defaultExpanded;
-        if (!expanded && (props.nodesToExpand && props.nodesToExpand.indexOf(props.treeItem.key) !== -1)) {
-            expanded = true;
-        }
-        _this.state = {
-            selected: active.length > 0,
-            // expanded: this.props.defaultExpanded
-            expanded: expanded
-        };
-        // Bind control events
-        _this._itemSelected = _this._itemSelected.bind(_this);
-        _this._handleExpandCollapse = _this._handleExpandCollapse.bind(_this);
-        return _this;
-    }
-    /**
-     * Handle the checkbox change trigger
-     */
-    TreeItem.prototype._itemSelected = function (ev, isChecked) {
-        this.setState({
-            selected: !this.state.selected
-        });
-        this.props.parentCallbackOnSelect(this.props.treeItem, isChecked);
-    };
-    /**
-     * Handle the click event: collapse or expand
-     */
-    TreeItem.prototype._handleExpandCollapse = function () {
-        this.setState({
-            expanded: !this.state.expanded
-        });
-        this.props.parentCallbackExpandCollapse(this.props.treeItem, !this.state.expanded);
-    };
-    /**
-     * Lifecycle event hook when component retrieves new properties
-     * @param nextProps
-     * @param nextContext
-     */
-    TreeItem.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        var _a = this.props, selectionMode = _a.selectionMode, nodesToExpand = _a.nodesToExpand, treeItem = _a.treeItem;
-        // If selection is turned on, set the item as selected
-        if (selectionMode !== ITreeViewProps_1.TreeViewSelectionMode.None) {
-            var active = nextProps.activeItems.filter(function (item) { return item.key === treeItem.key; });
-            var _isExpanded = this.state.expanded;
-            if (!_isExpanded && nodesToExpand.indexOf(this.props.treeItem.key) === -1) {
-                _isExpanded = false;
-            }
-            this.setState({
-                selected: active.length > 0,
-                expanded: _isExpanded
-            });
-        }
-    };
-    /**
-     * Default or custom rendering of tree item
-     */
-    TreeItem.prototype.renderItem = function (item) {
-        var _this = this;
-        if (typeof this.props.onRenderItem === "function") {
-            // Custom rendering of tree item
-            return this.props.onRenderItem(item);
-        }
-        else {
-            return (
-            // Default rendering of tree item
-            React.createElement("div", { className: TreeView_module_scss_1.default.labels, onClick: function (e) {
-                    if (_this.props.selectionMode !== ITreeViewProps_1.TreeViewSelectionMode.None && item.selectable !== false) {
-                        e.stopPropagation();
-                        if (!item.disabled) {
-                            _this._itemSelected(e, !_this.state.selected);
-                        }
-                    }
-                } },
-                this.props.showCheckboxes && item.selectable === false && !item.children &&
-                    React.createElement("span", { className: TreeView_module_scss_1.default.blankspace }, "\u00A0"),
-                // Rendering when item has iconProps
-                item.iconProps &&
-                    React.createElement("span", null,
-                        React.createElement(Icon_1.Icon, { className: TreeView_module_scss_1.default.icon, iconName: item.iconProps.iconName, style: item.iconProps.style, theme: this.props.theme, imageProps: item.iconProps.imageProps }),
-                        "\u00A0"),
-                item.label,
-                // Render sublabel
-                item.subLabel &&
-                    React.createElement("div", { className: TreeView_module_scss_1.default.itemSubLabel }, item.subLabel)));
-        }
-    };
-    /**
-     * Default React render method
-     */
-    TreeItem.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var _b = this.props, treeItem = _b.treeItem, leftOffset = _b.leftOffset, showCheckboxes = _b.showCheckboxes, selectionMode = _b.selectionMode, treeItemActionsDisplayMode = _b.treeItemActionsDisplayMode;
-        var _c = this.state, expanded = _c.expanded, selected = _c.selected;
-        var styleProps = {
-            marginLeft: "".concat(leftOffset, "px")
-        };
-        var contentStyles = {
-            marginLeft: treeItem.children ? '0' : "".concat(leftOffset, "px")
-        };
-        return (React.createElement("div", null,
-            React.createElement("div", { className: "".concat(TreeView_module_scss_1.default.listItem, " ").concat(TreeView_module_scss_1.default.tree) },
-                React.createElement("div", { className: "".concat(TreeView_module_scss_1.default.treeSelector) }, 
-                // Render expand / collapse icons for items which has children.
-                treeItem.children &&
-                    React.createElement(Button_1.IconButton, { iconProps: expanded ? { iconName: 'ChevronDown' } : { iconName: 'ChevronRight' }, alt: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, title: expanded ? strings.TreeViewCollapseTitle : strings.TreeViewExpandTitle, onClick: function () { return _this._handleExpandCollapse(); }, theme: this.props.theme })),
-                React.createElement("div", { className: (0, Utilities_1.css)((_a = {},
-                        _a[TreeView_module_scss_1.default.itemContent] = true,
-                        _a[TreeView_module_scss_1.default.noCheckBox] = !showCheckboxes,
-                        _a[TreeView_module_scss_1.default.checked] = selected,
-                        _a[TreeView_module_scss_1.default.disabled] = !!treeItem.disabled,
-                        _a)), style: contentStyles, onClick: function (e) {
-                        if (_this.props.selectionMode !== ITreeViewProps_1.TreeViewSelectionMode.None && treeItem.selectable !== false) {
-                            e.stopPropagation();
-                            if (!treeItem.disabled && e.currentTarget === e.target) {
-                                _this._itemSelected(e, !_this.state.selected);
-                            }
-                        }
-                    } },
-                    // Render checkbox (if item is selectable, Selection mode is not None, and showCheckboxes property is set to true)
-                    (treeItem.selectable !== false) && selectionMode !== ITreeViewProps_1.TreeViewSelectionMode.None && showCheckboxes &&
-                        React.createElement(Checkbox_1.Checkbox, { checked: selected, disabled: treeItem.disabled, className: TreeView_module_scss_1.default.checkbox, onChange: this._itemSelected, theme: this.props.theme }),
-                    // Call default render item function
-                    this.renderItem(treeItem),
-                    // Render actions for tree item
-                    treeItem.actions &&
-                        React.createElement("div", { className: TreeView_module_scss_1.default.itemMenu },
-                            React.createElement(TreeItemActionsControl_1.default, { treeItem: treeItem, treeItemActions: {
-                                    actions: treeItem.actions,
-                                    treeItemActionsDisplayMode: treeItemActionsDisplayMode
-                                }, treeItemActionCallback: this.treeItemActionCallback, theme: this.props.theme })))),
-            React.createElement("div", { style: styleProps || {} }, 
-            // Render child nodes
-            expanded && treeItem.children
-                ? this.createChildNodes(treeItem.children, leftOffset) // we double left padding on every recursion/depth
-                : null)));
-    };
-    return TreeItem;
-}(React.Component));
-exports.default = TreeItem;
-//# sourceMappingURL=TreeItem.js.map

package/lib-commonjs/controls/treeView/TreeItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeItem.js","sourceRoot":"","sources":["../../../src/controls/treeView/TreeItem.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/treeView/TreeItemActionsControl.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ButtonTreeItemAction_1 = tslib_1.__importDefault(require("./ButtonTreeItemAction"));
-var DropdownTreeItemAction_1 = require("./DropdownTreeItemAction");
-var ITreeItemActions_1 = require("./ITreeItemActions");
-/**
- * Renders the controls for TreeItem actions component
- */
-var TreeItemActionsControl = /** @class */ (function (_super) {
-    tslib_1.__extends(TreeItemActionsControl, _super);
-    /**
-     * Constructor method
-     * @param props properties interface
-     */
-    function TreeItemActionsControl(props) {
-        var _this = _super.call(this, props) || this;
-        var treeItemActions = _this.props.treeItemActions;
-        var displayMode = treeItemActions.treeItemActionsDisplayMode ? treeItemActions.treeItemActionsDisplayMode : ITreeItemActions_1.TreeItemActionsDisplayMode.Buttons;
-        _this.state = {
-            availableActions: [],
-            displayMode: displayMode
-        };
-        return _this;
-    }
-    /**
-     * componentWillMount lifecycle hook
-     */
-    TreeItemActionsControl.prototype.UNSAFE_componentWillMount = function () {
-        this.getAvailableActions()
-            .then(function () {
-            // no-op;
-        })
-            .catch(function () {
-            // no-op;
-        });
-    };
-    /**
-     * Get the available treeItem actions
-     */
-    TreeItemActionsControl.prototype.getAvailableActions = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var treeItemActions, availableActions, _i, _a, action;
-            return tslib_1.__generator(this, function (_b) {
-                treeItemActions = this.props.treeItemActions;
-                availableActions = [];
-                if (treeItemActions.actions) {
-                    for (_i = 0, _a = treeItemActions.actions; _i < _a.length; _i++) {
-                        action = _a[_i];
-                        availableActions.push(action);
-                    }
-                }
-                this.setState({
-                    availableActions: availableActions
-                });
-                return [2 /*return*/];
-            });
-        });
-    };
-    /**
-     * Default React render method
-     */
-    TreeItemActionsControl.prototype.render = function () {
-        var treeItem = this.props.treeItem;
-        var _a = this.state, displayMode = _a.displayMode, availableActions = _a.availableActions;
-        if (!availableActions || availableActions.length <= 0 || !treeItem) {
-            return null;
-        }
-        return (React.createElement("div", null, displayMode === ITreeItemActions_1.TreeItemActionsDisplayMode.ContextualMenu ?
-            React.createElement(DropdownTreeItemAction_1.DropdownTreeItemAction, { key: "DdAction-".concat(treeItem.key), treeItemActions: availableActions, treeItem: treeItem, treeItemActionCallback: this.props.treeItemActionCallback, theme: this.props.theme })
-            :
-                React.createElement(ButtonTreeItemAction_1.default, { key: "BtnAction-".concat(treeItem.key), treeItemActions: availableActions, treeItem: treeItem, treeItemActionCallback: this.props.treeItemActionCallback, theme: this.props.theme })));
-    };
-    return TreeItemActionsControl;
-}(React.Component));
-exports.default = TreeItemActionsControl;
-//# sourceMappingURL=TreeItemActionsControl.js.map

package/lib-commonjs/controls/treeView/TreeItemActionsControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeItemActionsControl.js","sourceRoot":"","sources":["../../../src/controls/treeView/TreeItemActionsControl.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,wFAA0D;AAC1D,mEAAkE;AAClE,uDAA6I;AAE7I;;GAEG;AACH;IAAoD,kDAA2E;IAC7H;;;OAGG;IACH,gCAAY,KAAmC;QAC7C,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAEL,IAAA,eAAe,GAAK,KAAI,CAAC,KAAK,gBAAf,CAAgB;QACvC,IAAM,WAAW,GAAG,eAAe,CAAC,0BAA0B,CAAC,CAAC,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC,CAAC,6CAA0B,CAAC,OAAO,CAAC;QAEjJ,KAAI,CAAC,KAAK,GAAG;YACX,gBAAgB,EAAE,EAAE;YACpB,WAAW,aAAA;SACZ,CAAC;;IACJ,CAAC;IAED;;OAEG;IACI,0DAAyB,GAAhC;QACE,IAAI,CAAC,mBAAmB,EAAE;aACzB,IAAI,CAAC;YACJ,SAAS;QACX,CAAC,CAAC;aACD,KAAK,CAAC;YACL,SAAS;QACX,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACW,oDAAmB,GAAjC;;;;gBACU,eAAe,GAAK,IAAI,CAAC,KAAK,gBAAf,CAAgB;gBAGjC,gBAAgB,GAAsB,EAAE,CAAC;gBAE/C,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;oBAC5B,WAA4C,EAAvB,KAAA,eAAe,CAAC,OAAO,EAAvB,cAAuB,EAAvB,IAAuB,EAAE,CAAC;wBAApC,MAAM;wBACf,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBAChC,CAAC;gBACH,CAAC;gBAED,IAAI,CAAC,QAAQ,CAAC;oBACZ,gBAAgB,kBAAA;iBACjB,CAAC,CAAC;;;;KACJ;IAED;;OAEG;IACI,uCAAM,GAAb;QACU,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAC1B,IAAA,KAAoC,IAAI,CAAC,KAAK,EAA5C,WAAW,iBAAA,EAAE,gBAAgB,sBAAe,CAAC;QAErD,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,iCAEI,WAAW,KAAK,6CAA0B,CAAC,cAAc,CAAC,CAAC;YACzD,oBAAC,+CAAsB,IAAC,GAAG,EAAE,mBAAY,QAAQ,CAAC,GAAG,CAAE,EACrD,eAAe,EAAE,gBAAgB,EACjC,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI;YAC7B,CAAC;gBACD,oBAAC,8BAAoB,IAAC,GAAG,EAAE,oBAAa,QAAQ,CAAC,GAAG,CAAE,EACpD,eAAe,EAAE,gBAAgB,EACjC,QAAQ,EAAE,QAAQ,EAAE,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAC7E,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CAE7B,CACP,CAAC;IACJ,CAAC;IACH,6BAAC;AAAD,CAAC,AA/ED,CAAoD,KAAK,CAAC,SAAS,GA+ElE"}

package/lib-commonjs/controls/treeView/TreeView.js

@@ -1,245 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeView = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ThemeContext_1 = require("@fluentui/react-theme-provider/lib/ThemeContext");
-var uniqBy_1 = tslib_1.__importDefault(require("lodash/uniqBy"));
-var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
-var ThemeUtility_1 = require("../../common/utilities/ThemeUtility");
-var ITreeViewProps_1 = require("./ITreeViewProps");
-var TreeItem_1 = tslib_1.__importDefault(require("./TreeItem"));
-var TreeView_module_scss_1 = tslib_1.__importDefault(require("./TreeView.module.scss"));
-/**
- * Renders the controls for TreeItem component
- */
-var TreeView = /** @class */ (function (_super) {
-    tslib_1.__extends(TreeView, _super);
-    /**
-     * Constructor method
-     * @param props properties interface
-     */
-    function TreeView(props) {
-        var _this = _super.call(this, props) || this;
-        _this.nodesToExpand = [];
-        _this.divToInjectCssVariables = React.createRef();
-        _this.pathTo = function (array, target) {
-            var result;
-            if (array) {
-                array.some(function (_a) {
-                    var key = _a.key, _b = _a.children, children = _b === void 0 ? [] : _b;
-                    var alreadyExistInNodesToExpand = _this.nodesToExpand.some(function (node) { return node === key; });
-                    if (key === target) {
-                        if (!alreadyExistInNodesToExpand) {
-                            _this.nodesToExpand.push(key);
-                        }
-                        result = key;
-                        return true;
-                    }
-                    var temp = _this.pathTo(children, target);
-                    if (temp) {
-                        if (!alreadyExistInNodesToExpand) {
-                            _this.nodesToExpand.push(key);
-                        }
-                        result = key + '.' + temp;
-                        return true;
-                    }
-                });
-            }
-            return result;
-        };
-        telemetry.track('TreeView');
-        _this.state = {
-            loaded: true,
-            defaultExpanded: props.defaultExpanded,
-            activeItems: []
-        };
-        // Bind control events
-        _this.handleTreeExpandCollapse = _this.handleTreeExpandCollapse.bind(_this);
-        _this.handleOnSelect = _this.handleOnSelect.bind(_this);
-        if (props.expandToSelected && props.defaultSelectedKeys) {
-            props.defaultSelectedKeys.forEach(function (element) {
-                _this.pathTo(props.items, element);
-            });
-        }
-        return _this;
-    }
-    TreeView.prototype.getSelectedItems = function (treeItems, selectedKeys, selectedChildren) {
-        var _this = this;
-        var selectedItems = [];
-        treeItems.forEach(function (item) {
-            if (selectedKeys.indexOf(item.key) !== -1 && item.selectable !== false && !item.disabled) {
-                selectedItems.push(item);
-                if (selectedChildren) {
-                    _this.selectAllChildren(item, selectedItems);
-                }
-                else {
-                    if (item.children) {
-                        selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));
-                    }
-                }
-            }
-            else {
-                if (item.children) {
-                    selectedItems.push.apply(selectedItems, _this.getSelectedItems(item.children, selectedKeys, selectedChildren));
-                }
-            }
-        });
-        return selectedItems;
-    };
-    /**
-     * Fires When expand / collapse item in TreeView
-     * @argument item The expanded / collapsed item
-     * @argument isExpanded The status of item  (expanded / collapsed)
-     */
-    TreeView.prototype.handleTreeExpandCollapse = function (item, isExpanded) {
-        if (isExpanded) {
-            this.nodesToExpand.push(item.key);
-        }
-        else {
-            this.nodesToExpand = this.nodesToExpand.filter(function (node) { return node !== item.key; });
-        }
-        if (typeof this.props.onExpandCollapse === "function") {
-            this.props.onExpandCollapse(item, isExpanded);
-        }
-    };
-    /**
-     * Selects all child nodes when parent node is selected.
-     * @param item current tree item
-     */
-    TreeView.prototype.selectAllChildren = function (item, selectedItems) {
-        var _this = this;
-        if (item.children) {
-            item.children.forEach(function (element) {
-                if (!element.disabled && element.selectable !== false) {
-                    selectedItems.push(element);
-                }
-                if (element.children) {
-                    _this.selectAllChildren(element, selectedItems);
-                }
-            });
-        }
-    };
-    /**
-     * Unselects all child nodes of selected parent.
-     */
-    TreeView.prototype.unSelectChildren = function (item, unselectArray) {
-        var _this = this;
-        var tempItem = item; // eslint-disable-line @typescript-eslint/no-explicit-any
-        if (tempItem.children) {
-            tempItem.children.forEach(function (element) {
-                unselectArray.push(element.key);
-                if (element.children) {
-                    _this.unSelectChildren(element, unselectArray);
-                }
-            });
-        }
-    };
-    /**
-     * Fires When Tree Item is selected in TreeView
-     * @argument item The selected item
-     * @argument isSelected The status of item selection
-     */
-    TreeView.prototype.handleOnSelect = function (item, isSelected) {
-        var selectedItems = this.state.activeItems;
-        if (isSelected) {
-            if (this.props.selectionMode === ITreeViewProps_1.TreeViewSelectionMode.Multiple) {
-                // Add the checked term
-                selectedItems.push(item);
-                if (this.checkIfChildrenShouldBeSelected(ITreeViewProps_1.SelectChildrenMode.Select)) {
-                    this.selectAllChildren(item, selectedItems);
-                }
-                selectedItems = (0, uniqBy_1.default)(selectedItems, 'key');
-                // Filter out the duplicate terms
-                this.setState({
-                    activeItems: selectedItems
-                });
-            }
-            else {
-                // Only store the current selected item
-                this.setState({
-                    activeItems: [item]
-                });
-                selectedItems = [item];
-            }
-        }
-        else {
-            // Remove the item from the list of active nodes
-            var unselectArray = [];
-            unselectArray.push(item.key);
-            if (this.checkIfChildrenShouldBeSelected(ITreeViewProps_1.SelectChildrenMode.Unselect)) {
-                this.unSelectChildren(item, unselectArray);
-            }
-            unselectArray.forEach(function (element) {
-                selectedItems = selectedItems.filter(function (i) { return i.key !== element; });
-            });
-            this.setState({
-                activeItems: selectedItems
-            });
-        }
-        if (typeof this.props.onSelect === "function") {
-            this.props.onSelect(selectedItems);
-        }
-    };
-    TreeView.prototype.checkIfChildrenShouldBeSelected = function (testMode) {
-        var selectChildrenMode = ITreeViewProps_1.SelectChildrenMode.None;
-        if (this.props.selectChildrenMode) {
-            selectChildrenMode = this.props.selectChildrenMode;
-        }
-        else {
-            if (this.props.selectChildrenIfParentSelected) {
-                selectChildrenMode = ITreeViewProps_1.SelectChildrenMode.All;
-            }
-        }
-        if ((selectChildrenMode & testMode) === testMode) {
-            return true;
-        }
-        return false;
-    };
-    TreeView.prototype.componentDidMount = function () {
-        var _a = this.props, items = _a.items, defaultSelectedKeys = _a.defaultSelectedKeys;
-        if (defaultSelectedKeys) {
-            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(ITreeViewProps_1.SelectChildrenMode.Mount));
-            this.setState({
-                activeItems: selectedItems
-            });
-        }
-    };
-    TreeView.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        var items = nextProps.items, defaultSelectedKeys = nextProps.defaultSelectedKeys;
-        if (defaultSelectedKeys) {
-            var selectedItems = this.getSelectedItems(items, defaultSelectedKeys, this.checkIfChildrenShouldBeSelected(ITreeViewProps_1.SelectChildrenMode.Update));
-            this.setState({
-                activeItems: selectedItems
-            });
-        }
-    };
-    /**
-     * Default React render method
-     */
-    TreeView.prototype.render = function () {
-        var _this = this;
-        var _a, _b;
-        var _c = this.props, items = _c.items, selectionMode = _c.selectionMode, onRenderItem = _c.onRenderItem, showCheckboxes = _c.showCheckboxes, treeItemActionsDisplayMode = _c.treeItemActionsDisplayMode, defaultExpanded = _c.defaultExpanded, _d = _c.defaultExpandedChildren, defaultExpandedChildren = _d === void 0 ? (_a = this.props.defaultExpandedChildren) !== null && _a !== void 0 ? _a : true : _d, _e = _c.defaultExpandedKeys, defaultExpandedKeys = _e === void 0 ? (_b = this.props.defaultExpandedKeys) !== null && _b !== void 0 ? _b : [] : _e, theme = _c.theme;
-        return (React.createElement("div", { ref: this.divToInjectCssVariables },
-            React.createElement(ThemeContext_1.ThemeContext.Consumer, null, function (contextTheme) {
-                var themeToApply = (0, ThemeUtility_1.getFluentUIThemeOrDefault)((theme) ? theme : contextTheme);
-                var div = _this.divToInjectCssVariables.current;
-                if (div) {
-                    div.style.setProperty("--treeview-disabledBodyText", themeToApply.semanticColors.disabledBodyText);
-                    div.style.setProperty("--treeview-disabledSubtext", themeToApply.semanticColors.disabledSubtext);
-                    div.style.setProperty("--treeview-listItemBackgroundHovered", themeToApply.semanticColors.listItemBackgroundHovered);
-                    div.style.setProperty("--treeview-listItemBackgroundChecked", themeToApply.semanticColors.listItemBackgroundChecked);
-                    div.style.setProperty("--treeview-bodySubtext", themeToApply.semanticColors.bodySubtext);
-                    div.style.setProperty("--treeview-buttonBackgroundHovered", themeToApply.semanticColors.buttonBackgroundHovered);
-                    div.style.setProperty("--treeview-buttonTextHovered", themeToApply.semanticColors.buttonTextHovered);
-                    div.style.setProperty("--treeview-buttonBackgroundPressed", themeToApply.semanticColors.buttonBackgroundPressed);
-                    div.style.setProperty("--treeview-buttonTextPressed", themeToApply.semanticColors.buttonTextPressed);
-                }
-                return (React.createElement("div", { className: TreeView_module_scss_1.default.treeView }, items.map(function (treeNodeItem, index) { return (React.createElement(TreeItem_1.default, { key: treeNodeItem.key, treeItem: treeNodeItem, leftOffset: 20, isFirstRender: true, defaultExpanded: defaultExpanded, defaultExpandedChildren: defaultExpandedChildren, selectionMode: selectionMode, activeItems: _this.state.activeItems, parentCallbackExpandCollapse: _this.handleTreeExpandCollapse, parentCallbackOnSelect: _this.handleOnSelect, onRenderItem: onRenderItem, showCheckboxes: showCheckboxes, treeItemActionsDisplayMode: treeItemActionsDisplayMode, nodesToExpand: tslib_1.__spreadArray(tslib_1.__spreadArray([], _this.nodesToExpand, true), defaultExpandedKeys, true), theme: themeToApply })); })));
-            })));
-    };
-    return TreeView;
-}(React.Component));
-exports.TreeView = TreeView;
-//# sourceMappingURL=TreeView.js.map

package/lib-commonjs/controls/treeView/TreeView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../src/controls/treeView/TreeView.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/treeView/TreeView.module.scss.css

@@ -1,87 +0,0 @@
-/*
-  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
-*/
-.treeView {
-  padding: 15px;
-}
-.treeView .listItem {
-  display: flex;
-  margin-top: 6px;
-  align-items: flex-start;
-}
-.treeView .treeSelector {
-  vertical-align: middle;
-  margin: 4px 4px 0 0;
-  cursor: pointer;
-}
-.treeView .treeSelector > button {
-  height: 20px;
-  width: 20px;
-  padding: 0;
-}
-.treeView .itemContent {
-  cursor: pointer;
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  padding: 4px;
-}
-.treeView .itemContent.disabled {
-  cursor: default;
-  color: var(--treeview-disabledBodyText);
-}
-.treeView .itemContent.disabled .labels .itemSubLabel {
-  color: var(--treeview-disabledSubtext);
-}
-.treeView .itemContent.noCheckBox:not(.disabled):hover {
-  background-color: var(--treeview-listItemBackgroundHovered);
-}
-.treeView .itemContent.noCheckBox:not(.disabled).checked {
-  background-color: var(--treeview-listItemBackgroundChecked);
-}
-.treeView .itemContent .checkbox {
-  margin-right: 8px;
-}
-.treeView .itemContent .icon {
-  height: 18px;
-  line-height: 18px;
-}
-.treeView .itemContent .labels {
-  line-height: 18px;
-}
-.treeView .itemContent .labels .itemLabel {
-  padding: 0;
-}
-.treeView .itemContent .labels .itemSubLabel {
-  font-size: 12px;
-  color: var(--treeview-bodySubtext);
-}
-.treeView .itemMenu {
-  display: flex;
-  margin-left: 8px;
-}
-.treeView .itemMenu .actionMore {
-  width: 14px;
-  height: 20px;
-  padding: 0;
-}
-.treeView .itemMenu .actionButton {
-  height: 20px;
-  padding: 0;
-  background-color: transparent;
-}
-.treeView .itemMenu .actionButton:hover {
-  background-color: var(--treeview-buttonBackgroundHovered);
-  color: var(--treeview-buttonTextHovered);
-}
-.treeView .itemMenu .actionButton:pressed {
-  background-color: var(--treeview-buttonBackgroundPressed);
-  color: var(--treeview-buttonTextPressed);
-}
-.treeView .tree label > span {
-  padding-left: 0px;
-}
-.treeView .tree .blankspace {
-  padding-left: 35px;
-}
-/*# sourceMappingURL=TreeView.module.scss.css.map */

package/lib-commonjs/controls/treeView/TreeView.module.scss.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/treeView/TreeView.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACHA;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;;AAMJ;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAOJ;EACE;;AAGF;EACE","sourcesContent":["// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.\r\n\r\n//== Font definitions.\r\n//\r\n\r\n/*\r\n  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license\r\n*/\r\n\r\n// Produce @font-face definitions for the web fonts.\r\n@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: \"segoeui\") {\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-light;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semilight;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-regular;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-semibold;\r\n    font-style: normal;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: $font-family-name;\r\n    src: url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2\")\r\n        format(\"woff2\"),\r\n      url(\"#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff\")\r\n        format(\"woff\");\r\n    font-weight: $ms-font-weight-bold;\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// Generate overrides to set font-family based on the lang attribute.\r\n@mixin ms-font-family-language-override($language-code, $font-family) {\r\n  *[lang^=\"#{$language-code}\"] .ms-Fabric,\r\n  .ms-Fabric *[lang^=\"#{$language-code}\"],\r\n  .ms-Fabric[lang^=\"#{$language-code}\"] {\r\n    font-family: $font-family;\r\n  }\r\n}\r\n\r\n//== Font weight.\r\n//\r\n\r\n@mixin ms-fontWeight-regular {\r\n  font-weight: $ms-font-weight-regular;\r\n}\r\n@mixin ms-fontWeight-semibold {\r\n  font-weight: $ms-font-weight-semibold;\r\n}\r\n@mixin ms-fontWeight-bold {\r\n  font-weight: $ms-font-weight-bold;\r\n}\r\n\r\n//== Font size.\r\n//\r\n\r\n@mixin ms-fontSize-68 {\r\n  font-size: $ms-font-size-68;\r\n}\r\n@mixin ms-fontSize-42 {\r\n  font-size: $ms-font-size-42;\r\n}\r\n@mixin ms-fontSize-32 {\r\n  font-size: $ms-font-size-32;\r\n}\r\n@mixin ms-fontSize-28 {\r\n  font-size: $ms-font-size-28;\r\n}\r\n@mixin ms-fontSize-24 {\r\n  font-size: $ms-font-size-24;\r\n}\r\n@mixin ms-fontSize-20 {\r\n  font-size: $ms-font-size-20;\r\n}\r\n@mixin ms-fontSize-18 {\r\n  font-size: $ms-font-size-18;\r\n}\r\n@mixin ms-fontSize-16 {\r\n  font-size: $ms-font-size-16;\r\n}\r\n@mixin ms-fontSize-14 {\r\n  font-size: $ms-font-size-14;\r\n}\r\n@mixin ms-fontSize-12 {\r\n  font-size: $ms-font-size-12;\r\n}\r\n@mixin ms-fontSize-10 {\r\n  font-size: $ms-font-size-10;\r\n}\r\n\r\n// Deprecated MDL2 font mixins.\r\n@import \"./Font.Mixins.MDL2\";\r\n","@import 'pkg:@fluentui/react/dist/sass/References.scss';\n\n.treeView {\n  padding: 15px;\n\n  .listItem {\n    display: flex;\n    margin-top: 6px;\n    align-items: flex-start;\n  }\n\n  .treeSelector {\n    vertical-align: middle;\n    margin: 4px 4px 0 0;\n    cursor: pointer;\n\n    &>button {\n      height: 20px;\n      width: 20px;\n      padding: 0;\n    }\n  }\n\n  .itemContent {\n    cursor: pointer;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    padding: 4px;\n\n    &.disabled {\n      cursor: default;\n      color: var(--treeview-disabledBodyText);\n\n      .labels {\n        .itemSubLabel {\n          color: var(--treeview-disabledSubtext);\n        }\n      }\n    }\n\n    &.noCheckBox:not(.disabled) {\n      &:hover {\n        background-color: var(--treeview-listItemBackgroundHovered);\n      }\n\n      &.checked {\n        background-color: var(--treeview-listItemBackgroundChecked);\n      }\n    }\n\n    .checkbox {\n      margin-right: 8px;\n    }\n\n    .icon {\n      height: 18px;\n      line-height: 18px;\n    }\n\n    .labels {\n      line-height: 18px;\n\n      .itemLabel {\n        padding: 0;\n      }\n\n      .itemSubLabel {\n        font-size: 12px;\n        color: var(--treeview-bodySubtext);\n      }\n    }\n  }\n\n  .itemMenu {\n    display: flex;\n    margin-left: 8px;\n\n    .actionMore {\n      width: 14px;\n      height: 20px;\n      padding: 0;\n    }\n\n    .actionButton {\n      height: 20px;\n      padding: 0;\n      background-color: transparent;\n\n      &:hover {\n        background-color: var(--treeview-buttonBackgroundHovered);\n        color: var(--treeview-buttonTextHovered);\n      }\n\n      &:pressed {\n        background-color: var(--treeview-buttonBackgroundPressed);\n        color: var(--treeview-buttonTextPressed);\n      }\n    }\n  }\n\n  .tree {\n\n    label>span {\n      padding-left: 0px;\n    }\n\n    .blankspace {\n      padding-left: 35px;\n    }\n  }\n}\n"],"file":"TreeView.module.scss.css"}