@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/modernAudio/ModernAudio.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModernAudio = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ModernAudio_module_scss_1 = tslib_1.__importDefault(require("./ModernAudio.module.scss"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var react_1 = require("@fluentui/react");
+var ModernAudioLabelPosition_1 = require("./ModernAudioLabelPosition");
+var ModernAudio = function (props) {
+    var audioComp = React.useRef(new Audio(props.audioUrl));
+    var _a = React.useState(false), muted = _a[0], setMuted = _a[1];
+    var _b = React.useState(false), playing = _b[0], setPlaying = _b[1];
+    React.useEffect(function () {
+        audioComp.current.onended = function () { setPlaying(false); };
+    }, []);
+    var playAudio = function () {
+        setPlaying(true);
+        audioComp.current.play().then(function () { }).catch(function () { });
+    };
+    var pauseAudio = function () {
+        setPlaying(false);
+        audioComp.current.pause();
+    };
+    var incVolume = function () {
+        if (audioComp.current.volume <= 0.9) {
+            audioComp.current.volume += 0.1;
+        }
+        else {
+            audioComp.current.volume = 1;
+        }
+        if (audioComp.current.muted) {
+            audioComp.current.muted = false;
+            setMuted(false);
+        }
+    };
+    var decVolume = function () {
+        audioComp.current.volume -= 0.1;
+        if (audioComp.current.volume < 0.1) {
+            audioComp.current.volume = 0;
+            audioComp.current.muted = true;
+            setMuted(true);
+        }
+    };
+    var muteAudio = function () {
+        audioComp.current.muted = !muted;
+        setMuted(!muted);
+    };
+    return (React.createElement("div", { className: ModernAudio_module_scss_1.default.modernAudio },
+        props.labelPosition === ModernAudioLabelPosition_1.ModernAudioLabelPosition.TopLeft &&
+            props.label !== "" &&
+            React.createElement("div", null,
+                React.createElement("label", null, props.label)),
+        props.labelPosition === ModernAudioLabelPosition_1.ModernAudioLabelPosition.TopCenter &&
+            props.label !== "" &&
+            React.createElement("div", { style: { textAlign: "center" } },
+                React.createElement("label", null, props.label)),
+        React.createElement("div", { className: ModernAudio_module_scss_1.default.audioPanel },
+            props.audioUrl !== "" && React.createElement("audio", { ref: audioComp, src: props.audioUrl }),
+            React.createElement(react_1.IconButton, { iconProps: { iconName: 'Play' }, className: ModernAudio_module_scss_1.default.audioIcon, title: strings.ModernAudioPlay, disabled: playing, onClick: playAudio }),
+            React.createElement(react_1.IconButton, { iconProps: { iconName: 'Pause' }, className: ModernAudio_module_scss_1.default.audioIcon, title: strings.ModernAudioPause, disabled: !playing, onClick: pauseAudio }),
+            React.createElement(react_1.IconButton, { iconProps: { iconName: 'Volume2' }, className: ModernAudio_module_scss_1.default.audioIcon, title: strings.ModernAudioIncVol, onClick: incVolume }),
+            React.createElement(react_1.IconButton, { iconProps: { iconName: 'Volume0' }, className: ModernAudio_module_scss_1.default.audioIcon, title: strings.ModernAudioDecVol, disabled: muted, onClick: decVolume }),
+            React.createElement(react_1.IconButton, { iconProps: { iconName: 'VolumeDisabled' }, className: ModernAudio_module_scss_1.default.audioIcon, title: strings.ModernAudioMute, disabled: muted, onClick: muteAudio })),
+        props.labelPosition === ModernAudioLabelPosition_1.ModernAudioLabelPosition.BottomLeft &&
+            props.label !== "" &&
+            React.createElement("div", null,
+                React.createElement("label", null, props.label)),
+        props.labelPosition === ModernAudioLabelPosition_1.ModernAudioLabelPosition.BottomCenter &&
+            props.label !== "" &&
+            React.createElement("div", { style: { textAlign: "center" } },
+                React.createElement("label", null, props.label))));
+};
+exports.ModernAudio = ModernAudio;
+exports.ModernAudio.defaultProps = {
+    label: "",
+    labelPosition: ModernAudioLabelPosition_1.ModernAudioLabelPosition.TopLeft
+};
+//# sourceMappingURL=ModernAudio.js.map

package/lib-commonjs/controls/modernAudio/ModernAudio.js.map

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

package/lib-commonjs/controls/modernAudio/ModernAudio.module.scss.css

@@ -0,0 +1,13 @@
+.modernAudio {
+  display: table-cell;
+  padding: 8px;
+}
+.modernAudio .audioPanel {
+  border: 1px dotted;
+  border-radius: 8px;
+  padding: 8px;
+  display: inline-block;
+}
+.modernAudio .audioIcon {
+  cursor: pointer;
+}

package/lib-commonjs/controls/modernAudio/ModernAudioLabelPosition.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModernAudioLabelPosition = void 0;
+var ModernAudioLabelPosition;
+(function (ModernAudioLabelPosition) {
+    ModernAudioLabelPosition[ModernAudioLabelPosition["TopLeft"] = 1] = "TopLeft";
+    ModernAudioLabelPosition[ModernAudioLabelPosition["TopCenter"] = 2] = "TopCenter";
+    ModernAudioLabelPosition[ModernAudioLabelPosition["BottomLeft"] = 3] = "BottomLeft";
+    ModernAudioLabelPosition[ModernAudioLabelPosition["BottomCenter"] = 4] = "BottomCenter";
+})(ModernAudioLabelPosition || (exports.ModernAudioLabelPosition = ModernAudioLabelPosition = {}));
+//# sourceMappingURL=ModernAudioLabelPosition.js.map

package/lib-commonjs/controls/modernAudio/ModernAudioLabelPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernAudioLabelPosition.js","sourceRoot":"","sources":["../../../src/controls/modernAudio/ModernAudioLabelPosition.ts"],"names":[],"mappings":";;;AAAA,IAAY,wBAKX;AALD,WAAY,wBAAwB;IAChC,6EAAW,CAAA;IACX,iFAAS,CAAA;IACT,mFAAU,CAAA;IACV,uFAAY,CAAA;AAChB,CAAC,EALW,wBAAwB,wCAAxB,wBAAwB,QAKnC"}

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

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

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

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

package/lib-commonjs/controls/modernTaxonomyPicker/ModernTaxonomyPicker.js

@@ -0,0 +1,281 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModernTaxonomyPicker = ModernTaxonomyPicker;
+var tslib_1 = require("tslib");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var sp_1 = require("@pnp/sp");
+var react_hooks_1 = require("@uifabric/react-hooks");
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var Button_1 = require("@fluentui/react/lib/Button");
+var Label_1 = require("@fluentui/react/lib/Label");
+var Panel_1 = require("@fluentui/react/lib/Panel");
+var Stack_1 = require("@fluentui/react/lib/Stack");
+var Tooltip_1 = require("@fluentui/react/lib/Tooltip");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var SPTaxonomyService_1 = require("../../services/SPTaxonomyService");
+var ModernTaxonomyPicker_module_scss_1 = tslib_1.__importDefault(require("./ModernTaxonomyPicker.module.scss"));
+var ModernTermPicker_1 = require("./modernTermPicker/ModernTermPicker");
+var taxonomyPanelContents_1 = require("./taxonomyPanelContents");
+var TermItem_1 = require("./termItem/TermItem");
+var TermItemSuggestion_1 = require("./termItem/TermItemSuggestion");
+function ModernTaxonomyPicker(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var taxonomyService = (0, react_1.useMemo)(function () { return new SPTaxonomyService_1.SPTaxonomyService(props.context); }, [props.context]);
+    var _q = React.useState(false), panelIsOpen = _q[0], setPanelIsOpen = _q[1];
+    var initialLoadComplete = React.useRef(false);
+    var _r = React.useState([]), selectedOptions = _r[0], setSelectedOptions = _r[1];
+    var _s = React.useState([]), selectedPanelOptions = _s[0], setSelectedPanelOptions = _s[1];
+    var _t = React.useState(), currentTermStoreInfo = _t[0], setCurrentTermStoreInfo = _t[1];
+    var _u = React.useState(), currentTermSetInfo = _u[0], setCurrentTermSetInfo = _u[1];
+    var _v = React.useState(), currentAnchorTermInfo = _v[0], setCurrentAnchorTermInfo = _v[1];
+    var _w = React.useState(""), currentLanguageTag = _w[0], setCurrentLanguageTag = _w[1];
+    React.useEffect(function () {
+        sp_1.sp.setup({ pageContext: props.context.pageContext });
+        taxonomyService.getTermStoreInfo()
+            .then(function (termStoreInfo) {
+            setCurrentTermStoreInfo(termStoreInfo);
+            var languageTag = props.context.pageContext.cultureInfo.currentUICultureName !== '' && termStoreInfo.languageTags.includes(props.context.pageContext.cultureInfo.currentUICultureName) ?
+                props.context.pageContext.cultureInfo.currentUICultureName :
+                termStoreInfo.defaultLanguageTag;
+            setCurrentLanguageTag(languageTag);
+            setSelectedOptions(Array.isArray(props.initialValues) ?
+                props.initialValues.map(function (term) { return tslib_1.__assign(tslib_1.__assign({}, term), { languageTag: languageTag, termStoreInfo: termStoreInfo }); }) :
+                []);
+            initialLoadComplete.current = true;
+        })
+            .catch(function () {
+            // no-op;
+        });
+        taxonomyService.getTermSetInfo(sp_core_library_1.Guid.parse(props.termSetId))
+            .then(function (termSetInfo) {
+            setCurrentTermSetInfo(termSetInfo);
+        })
+            .catch(function () {
+            // no-op;
+        });
+        if (props.anchorTermId && props.anchorTermId !== sp_core_library_1.Guid.empty.toString()) {
+            taxonomyService.getTermById(sp_core_library_1.Guid.parse(props.termSetId), props.anchorTermId ? sp_core_library_1.Guid.parse(props.anchorTermId) : sp_core_library_1.Guid.empty)
+                .then(function (anchorTermInfo) {
+                setCurrentAnchorTermInfo(anchorTermInfo);
+            })
+                .catch(function () {
+                // no-op;
+            });
+        }
+    }, []);
+    React.useEffect(function () {
+        if (props.onChange && initialLoadComplete.current) {
+            props.onChange(selectedOptions);
+        }
+    }, [selectedOptions]);
+    function onOpenPanel() {
+        if (props.disabled === true) {
+            return;
+        }
+        setSelectedPanelOptions(selectedOptions);
+        setPanelIsOpen(true);
+    }
+    function onClosePanel() {
+        setSelectedPanelOptions([]);
+        setPanelIsOpen(false);
+    }
+    function onApply() {
+        if (props.isPathRendered) {
+            addParentInformationToTerms(tslib_1.__spreadArray([], selectedPanelOptions, true))
+                .then(function (selectedTermsWithPath) {
+                setSelectedOptions(selectedTermsWithPath);
+            })
+                .catch(function () {
+                // no-op;
+            });
+        }
+        else {
+            setSelectedOptions(tslib_1.__spreadArray([], selectedPanelOptions, true));
+        }
+        onClosePanel();
+    }
+    function getParentTree(term) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var currentParent, fullTerm, _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        currentParent = term.parent;
+                        if (!!currentParent) return [3 /*break*/, 2];
+                        return [4 /*yield*/, taxonomyService.getTermById(sp_core_library_1.Guid.parse(props.termSetId), sp_core_library_1.Guid.parse(term.id))];
+                    case 1:
+                        fullTerm = _b.sent();
+                        currentParent = fullTerm.parent;
+                        _b.label = 2;
+                    case 2:
+                        if (!!currentParent) return [3 /*break*/, 3];
+                        return [2 /*return*/, undefined];
+                    case 3:
+                        _a = currentParent;
+                        return [4 /*yield*/, getParentTree(currentParent)];
+                    case 4:
+                        _a.parent = _b.sent();
+                        return [2 /*return*/, currentParent];
+                }
+            });
+        });
+    }
+    function addParentInformationToTerms(terms) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var _i, terms_1, term, termParent;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _i = 0, terms_1 = terms;
+                        _a.label = 1;
+                    case 1:
+                        if (!(_i < terms_1.length)) return [3 /*break*/, 4];
+                        term = terms_1[_i];
+                        return [4 /*yield*/, getParentTree(term)];
+                    case 2:
+                        termParent = _a.sent();
+                        term.parent = termParent;
+                        _a.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/, terms];
+                }
+            });
+        });
+    }
+    var searchFilter = null;
+    function onResolveSuggestions(filter, selectedItems) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var filteredTerms, filteredTermsWithoutSelectedItems, filteredTermsAndAvailable;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        searchFilter = filter;
+                        if (filter === '') {
+                            return [2 /*return*/, []];
+                        }
+                        return [4 /*yield*/, taxonomyService.searchTerm(sp_core_library_1.Guid.parse(props.termSetId), filter, currentLanguageTag, props.anchorTermId ? sp_core_library_1.Guid.parse(props.anchorTermId) : sp_core_library_1.Guid.empty, props.allowSelectingChildren)];
+                    case 1:
+                        filteredTerms = _a.sent();
+                        filteredTermsWithoutSelectedItems = filteredTerms.filter(function (term) {
+                            if (!selectedItems || selectedItems.length === 0) {
+                                return true;
+                            }
+                            return selectedItems.every(function (item) { return item.id !== term.id; });
+                        });
+                        filteredTermsAndAvailable = filteredTermsWithoutSelectedItems
+                            .filter(function (term) {
+                            return term.isAvailableForTagging
+                                .filter(function (t) { return t.setId === props.termSetId; })[0].isAvailable;
+                        });
+                        return [2 /*return*/, filteredTermsAndAvailable];
+                }
+            });
+        });
+    }
+    function onLoadParentLabel(termId) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var termInfo, labelsWithMatchingLanguageTag, termSetNames;
+            var _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, taxonomyService.getTermById(sp_core_library_1.Guid.parse(props.termSetId), termId)];
+                    case 1:
+                        termInfo = _b.sent();
+                        if (termInfo.parent) {
+                            labelsWithMatchingLanguageTag = termInfo.parent.labels.filter(function (termLabel) { return (termLabel.languageTag === currentLanguageTag); });
+                            if (labelsWithMatchingLanguageTag.length === 0) {
+                                labelsWithMatchingLanguageTag = termInfo.parent.labels.filter(function (termLabel) { return (termLabel.languageTag === currentTermStoreInfo.defaultLanguageTag); });
+                            }
+                            return [2 /*return*/, (_a = labelsWithMatchingLanguageTag[0]) === null || _a === void 0 ? void 0 : _a.name];
+                        }
+                        else {
+                            termSetNames = currentTermSetInfo.localizedNames.filter(function (name) { return name.languageTag === currentLanguageTag; });
+                            if (termSetNames.length === 0) {
+                                termSetNames = currentTermSetInfo.localizedNames.filter(function (name) { return name.languageTag === currentTermStoreInfo.defaultLanguageTag; });
+                            }
+                            return [2 /*return*/, termSetNames[0].name];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function onRenderSuggestionsItem(term, itemProps) {
+        return (React.createElement(TermItemSuggestion_1.TermItemSuggestion, tslib_1.__assign({ onLoadParentLabel: onLoadParentLabel, term: term, termStoreInfo: currentTermStoreInfo, languageTag: currentLanguageTag, searchFilter: searchFilter }, itemProps)));
+    }
+    function getLabelsForCurrentLanguage(item) {
+        var labels = item.labels.filter(function (name) { return name.languageTag === currentLanguageTag && name.isDefault; });
+        if (labels.length === 0) {
+            labels = item.labels.filter(function (name) { return name.languageTag === currentTermStoreInfo.defaultLanguageTag && name.isDefault; });
+        }
+        return labels;
+    }
+    function onRenderItem(itemProps) {
+        var termItemProps = itemProps;
+        var labels = getLabelsForCurrentLanguage(itemProps.item);
+        var fullParentPrefixes = [labels[0].name];
+        if (props.isPathRendered) {
+            var currentTermProps = itemProps.item;
+            while (currentTermProps.parent !== undefined) {
+                var currentParentLabels = getLabelsForCurrentLanguage(currentTermProps.parent);
+                fullParentPrefixes.push(currentParentLabels[0].name);
+                currentTermProps = currentTermProps.parent;
+            }
+            fullParentPrefixes = fullParentPrefixes.reverse();
+        }
+        return labels.length > 0 ? (React.createElement(TermItem_1.TermItem, tslib_1.__assign({ languageTag: currentLanguageTag, termStoreInfo: currentTermStoreInfo, name: fullParentPrefixes.join(":") }, termItemProps), fullParentPrefixes.join(":"))) : null;
+    }
+    function onTermPickerChange(itms) {
+        if (itms && props.isPathRendered) {
+            addParentInformationToTerms(itms)
+                .then(function (itmsWithPath) {
+                setSelectedOptions(itmsWithPath || []);
+                setSelectedPanelOptions(itmsWithPath || []);
+            })
+                .catch(function () {
+                //no-op;
+            });
+        }
+        else {
+            setSelectedOptions(itms || []);
+            setSelectedPanelOptions(itms || []);
+        }
+    }
+    function getTextFromItem(termInfo) {
+        var _a;
+        var labelsWithMatchingLanguageTag = termInfo.labels.filter(function (termLabel) { return (termLabel.languageTag === currentLanguageTag); });
+        if (labelsWithMatchingLanguageTag.length === 0) {
+            labelsWithMatchingLanguageTag = termInfo.labels.filter(function (termLabel) { return (termLabel.languageTag === currentTermStoreInfo.defaultLanguageTag); });
+        }
+        return (_a = labelsWithMatchingLanguageTag[0]) === null || _a === void 0 ? void 0 : _a.name;
+    }
+    var calloutProps = { gapSpace: 0 };
+    var tooltipId = (0, react_hooks_1.useId)('tooltip');
+    var hostStyles = { root: { display: 'inline-block' } };
+    var addTermButtonStyles = { rootHovered: { backgroundColor: 'inherit' }, rootPressed: { backgroundColor: 'inherit' } };
+    var termPickerStyles = { input: { minheight: 34 }, text: { minheight: 34 } };
+    return (React.createElement("div", { className: ModernTaxonomyPicker_module_scss_1.default.modernTaxonomyPicker },
+        props.label && React.createElement(Label_1.Label, { required: props.required }, props.label),
+        React.createElement("div", { className: ModernTaxonomyPicker_module_scss_1.default.termField },
+            React.createElement("div", { className: ModernTaxonomyPicker_module_scss_1.default.termFieldInput },
+                React.createElement(ModernTermPicker_1.ModernTermPicker, tslib_1.__assign({}, props.termPickerProps, { removeButtonAriaLabel: strings.ModernTaxonomyPickerRemoveButtonText, onResolveSuggestions: (_b = (_a = props.termPickerProps) === null || _a === void 0 ? void 0 : _a.onResolveSuggestions) !== null && _b !== void 0 ? _b : onResolveSuggestions, itemLimit: props.allowMultipleSelections ? undefined : 1, selectedItems: selectedOptions, disabled: props.disabled, styles: (_d = (_c = props.termPickerProps) === null || _c === void 0 ? void 0 : _c.styles) !== null && _d !== void 0 ? _d : termPickerStyles, onChange: onTermPickerChange, getTextFromItem: getTextFromItem, pickerSuggestionsProps: (_f = (_e = props.termPickerProps) === null || _e === void 0 ? void 0 : _e.pickerSuggestionsProps) !== null && _f !== void 0 ? _f : { noResultsFoundText: strings.ModernTaxonomyPickerNoResultsFound }, inputProps: (_h = (_g = props.termPickerProps) === null || _g === void 0 ? void 0 : _g.inputProps) !== null && _h !== void 0 ? _h : {
+                        'aria-label': props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder,
+                        placeholder: props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder
+                    }, onRenderSuggestionsItem: (_j = props.onRenderSuggestionsItem) !== null && _j !== void 0 ? _j : onRenderSuggestionsItem, onRenderItem: (_k = props.onRenderItem) !== null && _k !== void 0 ? _k : onRenderItem, themeVariant: props.themeVariant }))),
+            React.createElement("div", { className: ModernTaxonomyPicker_module_scss_1.default.termFieldButton },
+                React.createElement(Tooltip_1.TooltipHost, { content: strings.ModernTaxonomyPickerAddTagButtonTooltip, id: tooltipId, calloutProps: calloutProps, styles: hostStyles },
+                    React.createElement(Button_1.IconButton, { disabled: props.disabled, styles: addTermButtonStyles, iconProps: { iconName: 'Tag' }, onClick: onOpenPanel, "aria-describedby": tooltipId })))),
+        React.createElement(Panel_1.Panel, { isOpen: panelIsOpen, hasCloseButton: true, closeButtonAriaLabel: strings.ModernTaxonomyPickerPanelCloseButtonText, onDismiss: onClosePanel, isLightDismiss: props.isLightDismiss, isBlocking: props.isBlocking, type: props.customPanelWidth ? Panel_1.PanelType.custom : Panel_1.PanelType.medium, customWidth: props.customPanelWidth ? "".concat(props.customPanelWidth, "px") : undefined, headerText: props.panelTitle, onRenderFooterContent: function () {
+                var horizontalGapStackTokens = {
+                    childrenGap: 10,
+                };
+                return (React.createElement(Stack_1.Stack, { horizontal: true, disableShrink: true, tokens: horizontalGapStackTokens },
+                    React.createElement(Button_1.PrimaryButton, { text: strings.ModernTaxonomyPickerApplyButtonText, value: 'Apply', onClick: onApply }),
+                    React.createElement(Button_1.DefaultButton, { text: strings.ModernTaxonomyPickerCancelButtonText, value: 'Cancel', onClick: onClosePanel })));
+            } }, props.termSetId && (React.createElement("div", { key: props.termSetId },
+            React.createElement(taxonomyPanelContents_1.TaxonomyPanelContents, { allowMultipleSelections: props.allowMultipleSelections, onResolveSuggestions: (_m = (_l = props.termPickerProps) === null || _l === void 0 ? void 0 : _l.onResolveSuggestions) !== null && _m !== void 0 ? _m : onResolveSuggestions, onLoadMoreData: taxonomyService.getTerms, anchorTermInfo: currentAnchorTermInfo, termSetInfo: currentTermSetInfo, termStoreInfo: currentTermStoreInfo, pageSize: 50, selectedPanelOptions: selectedPanelOptions, setSelectedPanelOptions: setSelectedPanelOptions, placeHolder: props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder, onRenderSuggestionsItem: (_o = props.onRenderSuggestionsItem) !== null && _o !== void 0 ? _o : onRenderSuggestionsItem, onRenderItem: (_p = props.onRenderItem) !== null && _p !== void 0 ? _p : onRenderItem, getTextFromItem: getTextFromItem, languageTag: currentLanguageTag, themeVariant: props.themeVariant, termPickerProps: props.termPickerProps, onRenderActionButton: props.onRenderActionButton, allowSelectingChildren: props.allowSelectingChildren }))))));
+}
+//# sourceMappingURL=ModernTaxonomyPicker.js.map

package/lib-commonjs/controls/modernTaxonomyPicker/ModernTaxonomyPicker.js.map

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

package/lib-commonjs/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.css

@@ -0,0 +1,18 @@
+.modernTaxonomyPicker .termField {
+  align-items: center;
+  border-spacing: 0;
+  display: flex;
+  width: 100%;
+}
+.modernTaxonomyPicker .termField .termFieldInput {
+  flex-grow: 1;
+}
+.modernTaxonomyPicker .termField .termFieldButton {
+  text-align: center;
+  width: 42px;
+}
+.modernTaxonomyPicker .termField input[type=text] {
+  cursor: pointer;
+  opacity: 0.8;
+  width: 100%;
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ModernTaxonomyPicker"), exports);
+tslib_1.__exportStar(require("./modernTermPicker/index"), exports);
+tslib_1.__exportStar(require("./taxonomyPanelContents/index"), exports);
+tslib_1.__exportStar(require("./taxonomyTree/index"), exports);
+tslib_1.__exportStar(require("./termItem/index"), exports);
+tslib_1.__exportStar(require("../../services/SPTaxonomyService"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/modernTaxonomyPicker/index.ts"],"names":[],"mappings":";;;AAAA,iEAAuC;AACvC,mEAAyC;AACzC,wEAA8C;AAC9C,+DAAqC;AACrC,2DAAiC;AACjC,2EAAiD"}

package/lib-commonjs/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModernTermPicker = exports.ModernTermPickerBase = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var TermItem_1 = require("../termItem/TermItem");
+var TermItemSuggestion_1 = require("../termItem/TermItemSuggestion");
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var Pickers_1 = require("@fluentui/react/lib/Pickers");
+var BasePicker_styles_1 = require("@fluentui/react/lib/components/pickers/BasePicker.styles");
+var ModernTermPickerBase = /** @class */ (function (_super) {
+    tslib_1.__extends(ModernTermPickerBase, _super);
+    function ModernTermPickerBase(props) {
+        var _this = _super.call(this, props) || this;
+        (0, Utilities_1.initializeComponentRef)(_this);
+        return _this;
+    }
+    ModernTermPickerBase.defaultProps = {
+        onRenderItem: function (props) {
+            var termItemProps = props;
+            var labels = termItemProps.item.labels.filter(function (name) { return name.languageTag === termItemProps.languageTag && name.isDefault; });
+            if (labels.length === 0) {
+                labels = termItemProps.item.labels.filter(function (name) { var _a; return name.languageTag === ((_a = termItemProps.termStoreInfo) === null || _a === void 0 ? void 0 : _a.defaultLanguageTag) && name.isDefault; });
+            }
+            return labels.length > 0 ? (react_1.default.createElement(TermItem_1.TermItem, tslib_1.__assign({}, termItemProps), labels[0].name)) : null;
+        },
+        onRenderSuggestionsItem: function (props, itemProps) {
+            return react_1.default.createElement(TermItemSuggestion_1.TermItemSuggestion, tslib_1.__assign({ term: props }, itemProps));
+        },
+    };
+    return ModernTermPickerBase;
+}(Pickers_1.BasePicker));
+exports.ModernTermPickerBase = ModernTermPickerBase;
+exports.ModernTermPicker = (0, Utilities_1.styled)(ModernTermPickerBase, BasePicker_styles_1.getStyles, undefined, {
+    scope: 'ModernTermPicker',
+});
+//# sourceMappingURL=ModernTermPicker.js.map

package/lib-commonjs/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTermPicker.js","sourceRoot":"","sources":["../../../../src/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAI1B,iDAAgD;AAChD,qEAAoE;AAEpE,2DAE8C;AAG9C,uDAA2I;AAC3I,8FAAqF;AAErF;IAA0C,gDAA6C;IAkBrF,8BAAY,KAA6B;QACvC,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QACb,IAAA,kCAAsB,EAAC,KAAI,CAAC,CAAC;;IAC/B,CAAC;IApBa,iCAAY,GAAG;QAC3B,YAAY,EAAE,UAAC,KAAkC;YAC/C,IAAM,aAAa,GAAG,KAAuB,CAAC;YAC9C,IAAI,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,EAAhE,CAAgE,CAAC,CAAC;YAC1H,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,YAAK,OAAA,IAAI,CAAC,WAAW,MAAK,MAAA,aAAa,CAAC,aAAa,0CAAE,kBAAkB,CAAA,IAAI,IAAI,CAAC,SAAS,CAAA,EAAA,CAAC,CAAC;YAC9I,CAAC;YAED,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,8BAAC,mBAAQ,uBAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAY,CACzD,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;QACD,uBAAuB,EAAE,UAAC,KAAgB,EAAE,SAA0C;YACpF,OAAO,8BAAC,uCAAkB,qBAAC,IAAI,EAAE,KAAK,IAAM,SAAS,EAAI,CAAC;QAC5D,CAAC;KACF,CAAC;IAMJ,2BAAC;CAAA,AAtBD,CAA0C,oBAAU,GAsBnD;AAtBY,oDAAoB;AAwBpB,QAAA,gBAAgB,GAAG,IAAA,kBAAM,EACpC,oBAAoB,EACpB,6BAAS,EACT,SAAS,EACT;IACE,KAAK,EAAE,kBAAkB;CAC1B,CACF,CAAC"}

package/lib-commonjs/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ModernTermPicker.types.js.map

package/lib-commonjs/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTermPicker.types.js","sourceRoot":"","sources":["../../../../src/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.ts"],"names":[],"mappings":""}

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

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

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

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

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

@@ -0,0 +1,54 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+/*
+  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;
+}