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

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TaxonomyPanelContents = TaxonomyPanelContents;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var TaxonomyPanelContents_module_scss_1 = tslib_1.__importDefault(require("./TaxonomyPanelContents.module.scss"));
-var react_1 = require("@fluentui/react");
-var strings = tslib_1.__importStar(require("ControlStrings"));
-var react_hooks_1 = require("@uifabric/react-hooks");
-var ModernTermPicker_1 = require("../modernTermPicker/ModernTermPicker");
-var TaxonomyTree_1 = require("../taxonomyTree/TaxonomyTree");
-function TaxonomyPanelContents(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var _m = React.useState(((_a = props.selectedPanelOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? tslib_1.__spreadArray([], props.selectedPanelOptions, true) : []), terms = _m[0], setTerms = _m[1];
-    var forceUpdate = (0, react_hooks_1.useForceUpdate)();
-    var selection = React.useMemo(function () {
-        var s = new react_1.Selection({
-            onSelectionChanged: function () {
-                props.setSelectedPanelOptions(function (prevOptions) { return tslib_1.__spreadArray([], selection.getSelection(), true); });
-                forceUpdate();
-            }, getKey: function (term) { return term.id; } // eslint-disable-line @typescript-eslint/no-explicit-any
-        });
-        s.setItems(terms);
-        for (var _i = 0, _a = props.selectedPanelOptions; _i < _a.length; _i++) {
-            var selectedOption = _a[_i];
-            if (s.canSelectItem) {
-                s.setKeySelected(selectedOption.id.toString(), true, true);
-            }
-        }
-        return s;
-    }, [terms]);
-    var onPickerChange = function (items) {
-        var itemsToAdd = items.filter(function (item) { return terms.every(function (term) { return term.id !== item.id; }); });
-        setTerms(function (prevTerms) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], prevTerms, true), itemsToAdd, true); });
-        selection.setItems(tslib_1.__spreadArray(tslib_1.__spreadArray([], selection.getItems(), true), itemsToAdd, true), true);
-        for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-            var item = items_1[_i];
-            if (selection.canSelectItem(item)) {
-                selection.setKeySelected(item.id.toString(), true, false);
-            }
-        }
-    };
-    var termPickerStyles = { root: { paddingTop: 4, paddingBottom: 4, paddingRight: 4, minheight: 34 }, input: { minheight: 34 }, text: { minheight: 34, borderStyle: 'none', borderWidth: '0px' } };
-    return (React.createElement("div", { className: TaxonomyPanelContents_module_scss_1.default.taxonomyPanelContents },
-        React.createElement("div", { className: TaxonomyPanelContents_module_scss_1.default.taxonomyTreeSelector },
-            React.createElement("div", null,
-                React.createElement(ModernTermPicker_1.ModernTermPicker, tslib_1.__assign({}, props.termPickerProps, { removeButtonAriaLabel: strings.ModernTaxonomyPickerRemoveButtonText, onResolveSuggestions: (_c = (_b = props.termPickerProps) === null || _b === void 0 ? void 0 : _b.onResolveSuggestions) !== null && _c !== void 0 ? _c : props.onResolveSuggestions, itemLimit: props.allowMultipleSelections ? undefined : 1, selectedItems: props.selectedPanelOptions, styles: (_e = (_d = props.termPickerProps) === null || _d === void 0 ? void 0 : _d.styles) !== null && _e !== void 0 ? _e : termPickerStyles, onChange: onPickerChange, getTextFromItem: props.getTextFromItem, pickerSuggestionsProps: (_g = (_f = props.termPickerProps) === null || _f === void 0 ? void 0 : _f.pickerSuggestionsProps) !== null && _g !== void 0 ? _g : { noResultsFoundText: strings.ModernTaxonomyPickerNoResultsFound }, inputProps: (_j = (_h = props.termPickerProps) === null || _h === void 0 ? void 0 : _h.inputProps) !== null && _j !== void 0 ? _j : {
-                        'aria-label': props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder,
-                        placeholder: props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder
-                    }, onRenderSuggestionsItem: (_l = (_k = props.termPickerProps) === null || _k === void 0 ? void 0 : _k.onRenderSuggestionsItem) !== null && _l !== void 0 ? _l : props.onRenderSuggestionsItem, onRenderItem: props.onRenderItem, themeVariant: props.themeVariant })))),
-        React.createElement(react_1.Label, { className: TaxonomyPanelContents_module_scss_1.default.taxonomyTreeLabel }, props.allowMultipleSelections ? strings.ModernTaxonomyPickerTreeTitleMulti : strings.ModernTaxonomyPickerTreeTitleSingle),
-        React.createElement(TaxonomyTree_1.TaxonomyTree, { anchorTermInfo: props.anchorTermInfo, languageTag: props.languageTag, onLoadMoreData: props.onLoadMoreData, pageSize: props.pageSize, selection: selection, setTerms: setTerms, termSetInfo: props.termSetInfo, termStoreInfo: props.termStoreInfo, terms: terms, allowMultipleSelections: props.allowMultipleSelections, onRenderActionButton: props.onRenderActionButton, hideDeprecatedTerms: true, showIcons: false, allowSelectingChildren: props.allowSelectingChildren })));
-}
-//# sourceMappingURL=TaxonomyPanelContents.js.map

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.js.map

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

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.module.scss.css

@@ -1,14 +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
-*/
-.taxonomyPanelContents .taxonomyTreeSelector {
-  border-bottom-color: blue;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  margin-bottom: 30px;
-}
-.taxonomyPanelContents .taxonomyTreeLabel {
-  font-size: 18px;
-  font-weight: 100;
-}
-/*# sourceMappingURL=TaxonomyPanelContents.module.scss.css.map */

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.module.scss.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/@fluentui/react/dist/sass/mixins/_Font.Mixins.scss","../../../../src/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.module.scss"],"names":[],"mappings":"AAKA;AAAA;AAAA;ACFE;EACE;EACA;EACA;EACA;;AAGF;EACE;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.taxonomyPanelContents {\n  .taxonomyTreeSelector {\n    border-bottom-color: blue;\n    border-bottom-style: solid;\n    border-bottom-width: 1px;\n    margin-bottom: 30px;\n  }\n\n  .taxonomyTreeLabel {\n    font-size: 18px;\n    font-weight: 100;\n  }\n}\n"],"file":"TaxonomyPanelContents.module.scss.css"}

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/index.js

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

package/lib-commonjs/controls/modernTaxonomyPicker/taxonomyPanelContents/index.js.map

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