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

package/lib-commonjs/controls/listPicker/ListPicker.js

@@ -1,160 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListPicker = void 0;
-var tslib_1 = require("tslib");
-var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
-var Dropdown_1 = require("@fluentui/react/lib/Dropdown");
-var Spinner_1 = require("@fluentui/react/lib/Spinner");
-var React = tslib_1.__importStar(require("react"));
-var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
-var SPServiceFactory_1 = require("../../services/SPServiceFactory");
-var ListPicker_module_scss_1 = tslib_1.__importDefault(require("./ListPicker.module.scss"));
-/**
-* Empty list value, to be checked for single list selection
-*/
-var EMPTY_LIST_KEY = 'NO_LIST_SELECTED';
-/**
-* Renders the controls for the ListPicker component
-*/
-var ListPicker = /** @class */ (function (_super) {
-    tslib_1.__extends(ListPicker, _super);
-    /**
-    * Constructor method
-    */
-    function ListPicker(props) {
-        var _this = _super.call(this, props) || this;
-        _this._selectedList = null;
-        /**
-        * Raises when a list has been selected
-        * @param option the new selection
-        * @param index the index of the selection
-        */
-        _this.onChanged = function (option, index) {
-            var _a = _this.props, multiSelect = _a.multiSelect, onSelectionChanged = _a.onSelectionChanged;
-            if (multiSelect === true) {
-                // Check if option was selected
-                var selectedLists = _this._selectedList ? (0, sp_lodash_subset_1.cloneDeep)(_this._selectedList) : [];
-                if (option.selected) {
-                    selectedLists.push(option.key);
-                }
-                else {
-                    // Filter out the unselected list
-                    selectedLists = selectedLists.filter(function (list) { return list !== option.key; });
-                }
-                _this._selectedList = selectedLists;
-            }
-            else {
-                _this._selectedList = option.key;
-            }
-            if (onSelectionChanged) {
-                onSelectionChanged((0, sp_lodash_subset_1.cloneDeep)(_this._selectedList));
-            }
-        };
-        telemetry.track('ReactListPicker');
-        _this.state = {
-            options: [],
-            loading: false
-        };
-        return _this;
-    }
-    /**
-    * Lifecycle hook when component is mounted
-    */
-    ListPicker.prototype.componentDidMount = function () {
-        this.loadLists();
-    };
-    /**
-     * componentDidUpdate lifecycle hook
-     * @param prevProps
-     * @param prevState
-     */
-    ListPicker.prototype.componentDidUpdate = function (prevProps, prevState) {
-        if (prevProps.baseTemplate !== this.props.baseTemplate ||
-            prevProps.includeHidden !== this.props.includeHidden ||
-            prevProps.orderBy !== this.props.orderBy ||
-            prevProps.webAbsoluteUrl !== this.props.webAbsoluteUrl ||
-            prevProps.refreshToggle !== this.props.refreshToggle) {
-            this.loadLists();
-        }
-        if (prevProps.selectedList !== this.props.selectedList) {
-            this.setSelectedLists();
-        }
-    };
-    /**
-    * Loads the list from SharePoint current web site
-    */
-    ListPicker.prototype.loadLists = function () {
-        var _this = this;
-        var _a = this.props, context = _a.context, baseTemplate = _a.baseTemplate, includeHidden = _a.includeHidden, orderBy = _a.orderBy, multiSelect = _a.multiSelect, filter = _a.filter, webAbsoluteUrl = _a.webAbsoluteUrl, contentTypeId = _a.contentTypeId;
-        // Show the loading indicator and disable the dropdown
-        this.setState({ loading: true });
-        var service = SPServiceFactory_1.SPServiceFactory.createService(context, true, 5000, webAbsoluteUrl);
-        service.getLibs({
-            baseTemplate: baseTemplate,
-            includeHidden: includeHidden,
-            orderBy: orderBy,
-            filter: filter,
-            contentTypeId: contentTypeId
-        }).then(function (results) {
-            var options = [];
-            // Start mapping the lists to the dropdown option
-            options = results.value.map(function (list) { return ({
-                key: list.Id,
-                text: list.Title
-            }); });
-            if (multiSelect !== true) {
-                // Add option to unselct list
-                options.unshift({
-                    key: EMPTY_LIST_KEY,
-                    text: ''
-                });
-            }
-            _this.setSelectedLists();
-            // Hide the loading indicator and set the dropdown options and enable the dropdown
-            _this.setState({
-                loading: false,
-                options: options
-            });
-        })
-            .catch(function () {
-            // no-op;
-        });
-    };
-    /**
-     * Set the currently selected list
-     */
-    ListPicker.prototype.setSelectedLists = function () {
-        this._selectedList = (0, sp_lodash_subset_1.cloneDeep)(this.props.selectedList);
-        this.setState({
-            selectedList: this._selectedList
-        });
-    };
-    /**
-    * Renders the ListPicker controls with Office UI Fabric
-    */
-    ListPicker.prototype.render = function () {
-        var _a = this.state, loading = _a.loading, options = _a.options, selectedList = _a.selectedList;
-        var _b = this.props, className = _b.className, disabled = _b.disabled, multiSelect = _b.multiSelect, label = _b.label, placeHolder = _b.placeHolder, placeholder = _b.placeholder;
-        var dropdownOptions = {
-            className: className,
-            options: options,
-            disabled: (loading || disabled),
-            label: label,
-            placeHolder: placeholder || placeHolder,
-            onChanged: this.onChanged
-        };
-        if (multiSelect === true) {
-            dropdownOptions.multiSelect = true;
-            dropdownOptions.selectedKeys = selectedList;
-        }
-        else {
-            dropdownOptions.selectedKey = selectedList;
-        }
-        return (React.createElement("div", { className: ListPicker_module_scss_1.default.listPicker },
-            loading && React.createElement(Spinner_1.Spinner, { className: ListPicker_module_scss_1.default.spinner, size: Spinner_1.SpinnerSize.xSmall }),
-            React.createElement(Dropdown_1.Dropdown, tslib_1.__assign({}, dropdownOptions))));
-    };
-    return ListPicker;
-}(React.Component));
-exports.ListPicker = ListPicker;
-//# sourceMappingURL=ListPicker.js.map

package/lib-commonjs/controls/listPicker/ListPicker.js.map

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

package/lib-commonjs/controls/listPicker/ListPicker.module.scss.css

@@ -1,9 +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
-*/
-.listPicker .spinner {
-  float: right;
-  margin-top: 10px;
-  margin-right: -20px;
-}
-/*# sourceMappingURL=ListPicker.module.scss.css.map */

package/lib-commonjs/controls/listPicker/ListPicker.module.scss.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../src/controls/listPicker/ListPicker.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFI;EACI;EACA;EACA","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.listPicker {\n    .spinner {\n        float: right;\n        margin-top: 10px;\n        margin-right: -20px;\n    }\n}"],"file":"ListPicker.module.scss.css"}

package/lib-commonjs/controls/listPicker/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./IListPicker"), exports);
-tslib_1.__exportStar(require("./ListPicker"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/listPicker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/listPicker/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,uDAA6B"}

package/lib-commonjs/controls/listView/IListView.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupOrder = exports.SelectionMode = void 0;
-var DetailsList_1 = require("@fluentui/react/lib/DetailsList");
-Object.defineProperty(exports, "SelectionMode", { enumerable: true, get: function () { return DetailsList_1.SelectionMode; } });
-var GroupOrder;
-(function (GroupOrder) {
-    GroupOrder[GroupOrder["ascending"] = 1] = "ascending";
-    GroupOrder[GroupOrder["descending"] = 2] = "descending";
-})(GroupOrder || (exports.GroupOrder = GroupOrder = {}));
-//# sourceMappingURL=IListView.js.map

package/lib-commonjs/controls/listView/IListView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IListView.js","sourceRoot":"","sources":["../../../src/controls/listView/IListView.ts"],"names":[],"mappings":";;;AAAA,+DAAmG;AAE1F,8FAFiB,2BAAa,OAEjB;AAEtB,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,qDAAa,CAAA;IACb,uDAAU,CAAA;AACZ,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}