@pnp/spfx-controls-react 3.4.0-beta.f3b11dc → 3.5.0-beta.ac01a48

package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.js

@@ -0,0 +1,223 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+import * as React from 'react';
+import { Guid } from '@microsoft/sp-core-library';
+import { PrimaryButton, DefaultButton, IconButton } from 'office-ui-fabric-react/lib/Button';
+import { Label } from 'office-ui-fabric-react/lib/Label';
+import { Panel, PanelType } from 'office-ui-fabric-react/lib/Panel';
+import { Stack } from 'office-ui-fabric-react/lib/Stack';
+import { sp } from '@pnp/sp';
+import { SPTaxonomyService } from '../../services/SPTaxonomyService';
+import { TaxonomyPanelContents } from './taxonomyPanelContents';
+import styles from './ModernTaxonomyPicker.module.scss';
+import * as strings from 'ControlStrings';
+import { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip';
+import { useId } from '@uifabric/react-hooks';
+import { TermItemSuggestion } from './termItem/TermItemSuggestion';
+import { ModernTermPicker } from './modernTermPicker/ModernTermPicker';
+import { TermItem } from './termItem/TermItem';
+export function ModernTaxonomyPicker(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var taxonomyService = React.useState(function () { return new SPTaxonomyService(props.context); })[0];
+    var _q = React.useState(false), panelIsOpen = _q[0], setPanelIsOpen = _q[1];
+    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.setup(props.context);
+        taxonomyService.getTermStoreInfo()
+            .then(function (termStoreInfo) {
+            setCurrentTermStoreInfo(termStoreInfo);
+            setCurrentLanguageTag(props.context.pageContext.cultureInfo.currentUICultureName !== '' ?
+                props.context.pageContext.cultureInfo.currentUICultureName :
+                currentTermStoreInfo.defaultLanguageTag);
+            setSelectedOptions(Array.isArray(props.initialValues) ?
+                props.initialValues.map(function (term) { return __assign(__assign({}, term), { languageTag: currentLanguageTag, termStoreInfo: currentTermStoreInfo }); }) :
+                []);
+        });
+        taxonomyService.getTermSetInfo(Guid.parse(props.termSetId))
+            .then(function (termSetInfo) {
+            setCurrentTermSetInfo(termSetInfo);
+        });
+        if (props.anchorTermId && props.anchorTermId !== Guid.empty.toString()) {
+            taxonomyService.getTermById(Guid.parse(props.termSetId), props.anchorTermId ? Guid.parse(props.anchorTermId) : Guid.empty)
+                .then(function (anchorTermInfo) {
+                setCurrentAnchorTermInfo(anchorTermInfo);
+            });
+        }
+    }, []);
+    React.useEffect(function () {
+        if (props.onChange) {
+            props.onChange(selectedOptions);
+        }
+    }, [selectedOptions]);
+    function onOpenPanel() {
+        if (props.disabled === true) {
+            return;
+        }
+        setSelectedPanelOptions(selectedOptions);
+        setPanelIsOpen(true);
+    }
+    function onClosePanel() {
+        setSelectedPanelOptions([]);
+        setPanelIsOpen(false);
+    }
+    function onApply() {
+        setSelectedOptions(__spreadArrays(selectedPanelOptions));
+        onClosePanel();
+    }
+    function onResolveSuggestions(filter, selectedItems) {
+        return __awaiter(this, void 0, void 0, function () {
+            var filteredTerms, filteredTermsWithoutSelectedItems, filteredTermsAndAvailable;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (filter === '') {
+                            return [2 /*return*/, []];
+                        }
+                        return [4 /*yield*/, taxonomyService.searchTerm(Guid.parse(props.termSetId), filter, currentLanguageTag, props.anchorTermId ? Guid.parse(props.anchorTermId) : Guid.empty)];
+                    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) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var termInfo, labelsWithMatchingLanguageTag, termSetNames;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, taxonomyService.getTermById(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, __assign({ onLoadParentLabel: onLoadParentLabel, term: term, termStoreInfo: currentTermStoreInfo, languageTag: currentLanguageTag }, itemProps)));
+    }
+    function onRenderItem(itemProps) {
+        var labels = itemProps.item.labels.filter(function (name) { return name.languageTag === currentLanguageTag && name.isDefault; });
+        if (labels.length === 0) {
+            labels = itemProps.item.labels.filter(function (name) { return name.languageTag === currentTermStoreInfo.defaultLanguageTag && name.isDefault; });
+        }
+        return labels.length > 0 ? (React.createElement(TermItem, __assign({ languageTag: currentLanguageTag, termStoreInfo: currentTermStoreInfo }, itemProps), labels[0].name)) : null;
+    }
+    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 = 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: styles.modernTaxonomyPicker },
+        props.label && React.createElement(Label, { required: props.required }, props.label),
+        React.createElement("div", { className: styles.termField },
+            React.createElement("div", { className: styles.termFieldInput },
+                React.createElement(ModernTermPicker, __assign({}, props.termPickerProps, { removeButtonAriaLabel: strings.ModernTaxonomyPickerRemoveButtonText, onResolveSuggestions: (_b = (_a = props.termPickerProps) === null || _a === void 0 ? void 0 : _a.onResolveSuggestions, (_b !== 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, (_d !== null && _d !== void 0 ? _d : termPickerStyles)), onChange: function (itms) {
+                        setSelectedOptions(itms || []);
+                        setSelectedPanelOptions(itms || []);
+                    }, getTextFromItem: getTextFromItem, pickerSuggestionsProps: (_f = (_e = props.termPickerProps) === null || _e === void 0 ? void 0 : _e.pickerSuggestionsProps, (_f !== null && _f !== void 0 ? _f : { noResultsFoundText: strings.ModernTaxonomyPickerNoResultsFound })), inputProps: (_h = (_g = props.termPickerProps) === null || _g === void 0 ? void 0 : _g.inputProps, (_h !== null && _h !== void 0 ? _h : {
+                        'aria-label': props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder,
+                        placeholder: props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder
+                    })), onRenderSuggestionsItem: (_j = props.onRenderSuggestionsItem, (_j !== null && _j !== void 0 ? _j : onRenderSuggestionsItem)), onRenderItem: (_k = props.onRenderItem, (_k !== null && _k !== void 0 ? _k : onRenderItem)), themeVariant: props.themeVariant }))),
+            React.createElement("div", { className: styles.termFieldButton },
+                React.createElement(TooltipHost, { content: strings.ModernTaxonomyPickerAddTagButtonTooltip, id: tooltipId, calloutProps: calloutProps, styles: hostStyles },
+                    React.createElement(IconButton, { disabled: props.disabled, styles: addTermButtonStyles, iconProps: { iconName: 'Tag' }, onClick: onOpenPanel, "aria-describedby": tooltipId })))),
+        React.createElement(Panel, { isOpen: panelIsOpen, hasCloseButton: true, closeButtonAriaLabel: strings.ModernTaxonomyPickerPanelCloseButtonText, onDismiss: onClosePanel, isLightDismiss: true, type: props.customPanelWidth ? PanelType.custom : PanelType.medium, customWidth: props.customPanelWidth ? props.customPanelWidth + "px" : undefined, headerText: props.panelTitle, onRenderFooterContent: function () {
+                var horizontalGapStackTokens = {
+                    childrenGap: 10,
+                };
+                return (React.createElement(Stack, { horizontal: true, disableShrink: true, tokens: horizontalGapStackTokens },
+                    React.createElement(PrimaryButton, { text: strings.ModernTaxonomyPickerApplyButtonText, value: 'Apply', onClick: onApply }),
+                    React.createElement(DefaultButton, { text: strings.ModernTaxonomyPickerCancelButtonText, value: 'Cancel', onClick: onClosePanel })));
+            } }, props.termSetId && (React.createElement("div", { key: props.termSetId },
+            React.createElement(TaxonomyPanelContents, { allowMultipleSelections: props.allowMultipleSelections, onResolveSuggestions: (_m = (_l = props.termPickerProps) === null || _l === void 0 ? void 0 : _l.onResolveSuggestions, (_m !== null && _m !== void 0 ? _m : onResolveSuggestions)), onLoadMoreData: taxonomyService.getTerms, anchorTermInfo: currentAnchorTermInfo, termSetInfo: currentTermSetInfo, termStoreInfo: currentTermStoreInfo, context: props.context, termSetId: Guid.parse(props.termSetId), pageSize: 50, selectedPanelOptions: selectedPanelOptions, setSelectedPanelOptions: setSelectedPanelOptions, placeHolder: props.placeHolder || strings.ModernTaxonomyPickerDefaultPlaceHolder, onRenderSuggestionsItem: (_o = props.onRenderSuggestionsItem, (_o !== null && _o !== void 0 ? _o : onRenderSuggestionsItem)), onRenderItem: (_p = props.onRenderItem, (_p !== null && _p !== void 0 ? _p : onRenderItem)), getTextFromItem: getTextFromItem, languageTag: currentLanguageTag, themeVariant: props.themeVariant, termPickerProps: props.termPickerProps }))))));
+}
+//# sourceMappingURL=ModernTaxonomyPicker.js.map

package/lib/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/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.css

@@ -0,0 +1,2 @@
+.modernTaxonomyPicker_5431a43f .termField_5431a43f{-ms-flex-align:center;align-items:center;border-spacing:0;display:-ms-flexbox;display:flex;width:100%}.modernTaxonomyPicker_5431a43f .termField_5431a43f .termFieldInput_5431a43f{-ms-flex-positive:1;flex-grow:1}.modernTaxonomyPicker_5431a43f .termField_5431a43f .termFieldButton_5431a43f{text-align:center;width:42px}.modernTaxonomyPicker_5431a43f .termField_5431a43f input[type=text]{cursor:pointer;opacity:.8;width:100%}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb250cm9scy9tb2Rlcm5UYXhvbm9teVBpY2tlci9Nb2Rlcm5UYXhvbm9teVBpY2tlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtREFHSSxlQUFBLE9BQUEsWUFBQSxPQUNBLGVBQUEsRUFDQSxRQUFBLFlBQUEsUUFBQSxLQUNBLE1BQUEsS0FOSiw0RUFTTSxrQkFBQSxFQUFBLFVBQUEsRUFUTiw2RUFhTSxXQUFBLE9BQ0EsTUFBQSxLQWROLG9FQWtCTSxPQUFBLFFBQ0EsUUFBQSxHQUNBLE1BQUEifQ== */

package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.d.ts

@@ -0,0 +1,8 @@
+declare const styles: {
+    modernTaxonomyPicker: string;
+    termField: string;
+    termFieldInput: string;
+    termFieldButton: string;
+};
+export default styles;
+//# sourceMappingURL=ModernTaxonomyPicker.module.scss.d.ts.map

package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTaxonomyPicker.module.scss.d.ts","sourceRoot":"","sources":["../../../src/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.js

@@ -0,0 +1,11 @@
+/* tslint:disable */
+require("./ModernTaxonomyPicker.module.css");
+var styles = {
+    modernTaxonomyPicker: 'modernTaxonomyPicker_5431a43f',
+    termField: 'termField_5431a43f',
+    termFieldInput: 'termFieldInput_5431a43f',
+    termFieldButton: 'termFieldButton_5431a43f'
+};
+export default styles;
+/* tslint:enable */ 
+//# sourceMappingURL=ModernTaxonomyPicker.module.scss.js.map

package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTaxonomyPicker.module.scss.js","sourceRoot":"","sources":["../../../src/controls/modernTaxonomyPicker/ModernTaxonomyPicker.module.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC7C,IAAM,MAAM,GAAG;IACb,oBAAoB,EAAE,+BAA+B;IACrD,SAAS,EAAE,oBAAoB;IAC/B,cAAc,EAAE,yBAAyB;IACzC,eAAe,EAAE,0BAA0B;CAC5C,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,mBAAmB"}

package/lib/controls/modernTaxonomyPicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ModernTaxonomyPicker';
+export * from './termItem/TermItem';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/modernTaxonomyPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/modernTaxonomyPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/lib/controls/modernTaxonomyPicker/index.js

@@ -0,0 +1,3 @@
+export * from './ModernTaxonomyPicker';
+export * from './termItem/TermItem';
+//# sourceMappingURL=index.js.map

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

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

package/lib/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BasePicker } from 'office-ui-fabric-react/lib/components/pickers/BasePicker';
+import { IModernTermPickerProps, ITermItemProps } from './ModernTermPicker.types';
+import { ISuggestionItemProps } from 'office-ui-fabric-react/lib/components/pickers/Suggestions/SuggestionsItem.types';
+import { ITermInfo } from '@pnp/sp/taxonomy';
+export declare class ModernTermPickerBase extends BasePicker<ITermInfo, IModernTermPickerProps> {
+    static defaultProps: {
+        onRenderItem: (props: ITermItemProps) => JSX.Element;
+        onRenderSuggestionsItem: (props: ITermInfo, itemProps: ISuggestionItemProps<ITermInfo>) => JSX.Element;
+    };
+    constructor(props: IModernTermPickerProps);
+}
+export declare const ModernTermPicker: React.FunctionComponent<IModernTermPickerProps>;
+//# sourceMappingURL=ModernTermPicker.d.ts.map

package/lib/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTermPicker.d.ts","sourceRoot":"","sources":["../../../../src/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0DAA0D,CAAC;AACtF,OAAO,EAAE,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAUzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iFAAiF,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,qBAAa,oBAAqB,SAAQ,UAAU,CAAC,SAAS,EAAE,sBAAsB,CAAC;IACrF,OAAc,YAAY;;;MAcxB;gBAEU,KAAK,EAAE,sBAAsB;CAI1C;AAED,eAAO,MAAM,gBAAgB,iDAO5B,CAAC"}

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

@@ -0,0 +1,56 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { BasePicker } from 'office-ui-fabric-react/lib/components/pickers/BasePicker';
+import { TermItem } from '../termItem/TermItem';
+import { TermItemSuggestion } from '../termItem/TermItemSuggestion';
+import { getStyles } from 'office-ui-fabric-react/lib/components/pickers/BasePicker.styles';
+import { initializeComponentRef, styled } from 'office-ui-fabric-react/lib/Utilities';
+var ModernTermPickerBase = /** @class */ (function (_super) {
+    __extends(ModernTermPickerBase, _super);
+    function ModernTermPickerBase(props) {
+        var _this = _super.call(this, props) || this;
+        initializeComponentRef(_this);
+        return _this;
+    }
+    ModernTermPickerBase.defaultProps = {
+        onRenderItem: function (props) {
+            var labels = props.item.labels.filter(function (name) { return name.languageTag === props.languageTag && name.isDefault; });
+            if (labels.length === 0) {
+                labels = props.item.labels.filter(function (name) { var _a; return name.languageTag === ((_a = props.termStoreInfo) === null || _a === void 0 ? void 0 : _a.defaultLanguageTag) && name.isDefault; });
+            }
+            return labels.length > 0 ? (React.createElement(TermItem, __assign({}, props), labels[0].name)) : null;
+        },
+        onRenderSuggestionsItem: function (props, itemProps) {
+            return React.createElement(TermItemSuggestion, __assign({ term: props }, itemProps));
+        },
+    };
+    return ModernTermPickerBase;
+}(BasePicker));
+export { ModernTermPickerBase };
+export var ModernTermPicker = styled(ModernTermPickerBase, getStyles, undefined, {
+    scope: 'ModernTermPicker',
+});
+//# sourceMappingURL=ModernTermPicker.js.map

package/lib/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAItF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,OAAO,EAAE,SAAS,EAAE,MAAM,iEAAiE,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EACtB,MAAM,EACP,MAAM,sCAAsC,CAAC;AAIrD;IAA0C,wCAA6C;IAiBrF,8BAAY,KAA6B;QAAzC,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,sBAAsB,CAAC,KAAI,CAAC,CAAC;;IAC/B,CAAC;IAnBa,iCAAY,GAAG;QAC3B,YAAY,EAAE,UAAC,KAAqB;YAClC,IAAI,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,EAAxD,CAAwD,CAAC,CAAC;YAC1G,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvB,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,YAAK,OAAA,IAAI,CAAC,WAAW,YAAK,KAAK,CAAC,aAAa,0CAAE,kBAAkB,CAAA,IAAI,IAAI,CAAC,SAAS,CAAA,EAAA,CAAC,CAAC;aAC7H;YAED,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,oBAAC,QAAQ,eAAK,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAY,CACjD,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;QACD,uBAAuB,EAAE,UAAC,KAAgB,EAAE,SAA0C;YACpF,OAAO,oBAAC,kBAAkB,aAAC,IAAI,EAAE,KAAK,IAAM,SAAS,EAAI,CAAC;QAC5D,CAAC;KACF,CAAC;IAMJ,2BAAC;CAAA,AArBD,CAA0C,UAAU,GAqBnD;SArBY,oBAAoB;AAuBjC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CACpC,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT;IACE,KAAK,EAAE,kBAAkB;CAC1B,CACF,CAAC"}

package/lib/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { ITermInfo, ITermStoreInfo } from '@pnp/sp/taxonomy';
+import { IBasePickerProps } from 'office-ui-fabric-react/lib/components/pickers/BasePicker.types';
+import { IPickerItemProps } from 'office-ui-fabric-react/lib/components/pickers/PickerItem.types';
+import { IStyle, ITheme } from 'office-ui-fabric-react/lib/Styling';
+import { IStyleFunctionOrObject } from 'office-ui-fabric-react/lib/Utilities';
+import { IReadonlyTheme } from '@microsoft/sp-component-base';
+export interface IModernTermPickerProps extends IBasePickerProps<ITermInfo> {
+    themeVariant?: IReadonlyTheme;
+}
+export interface ITermItemProps extends IPickerItemProps<ITermInfo> {
+    /** Additional CSS class(es) to apply to the TermItem root element. */
+    className?: string;
+    enableTermFocusInDisabledPicker?: boolean;
+    /** Call to provide customized styling that will layer on top of the variant rules. */
+    styles?: IStyleFunctionOrObject<ITermItemStyleProps, ITermItemStyles>;
+    /** Theme provided by High-Order Component. */
+    theme?: ITheme;
+    termStoreInfo: ITermStoreInfo;
+    languageTag: string;
+}
+export declare type ITermItemStyleProps = Required<Pick<ITermItemProps, 'theme'>> & Pick<ITermItemProps, 'className' | 'selected' | 'disabled'> & {};
+export interface ITermItemStyles {
+    /** Root element of picked TermItem */
+    root: IStyle;
+    /** Refers to the text element of the TermItem already picked. */
+    text: IStyle;
+    /** Refers to the cancel action button on a picked TermItem. */
+    close: IStyle;
+}
+export interface ITermItemSuggestionProps extends React.AllHTMLAttributes<HTMLElement> {
+    /** Additional CSS class(es) to apply to the TermItemSuggestion div element */
+    className?: string;
+    /** Call to provide customized styling that will layer on top of the variant rules. */
+    styles?: IStyleFunctionOrObject<ITermItemSuggestionStyleProps, ITermItemSuggestionStyles>;
+    /** Theme provided by High-Order Component. */
+    theme?: ITheme;
+}
+export declare type ITermItemSuggestionStyleProps = Required<Pick<ITermItemSuggestionProps, 'theme'>> & Pick<ITermItemSuggestionProps, 'className'> & {};
+export interface ITermItemSuggestionStyles {
+    /** Refers to the text element of the TermItemSuggestion */
+    suggestionTextOverflow?: IStyle;
+}
+//# sourceMappingURL=ModernTermPicker.types.d.ts.map

package/lib/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernTermPicker.types.d.ts","sourceRoot":"","sources":["../../../../src/controls/modernTaxonomyPicker/modernTermPicker/ModernTermPicker.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,SAAS,CAAC;IACjE,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAE1C,sFAAsF;IACtF,MAAM,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;IAEtE,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,cAAc,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,oBAAY,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,GACvE,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IAEb,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAC;IAEb,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC;IACpF,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sFAAsF;IACtF,MAAM,CAAC,EAAE,sBAAsB,CAAC,6BAA6B,EAAE,yBAAyB,CAAC,CAAC;IAE1F,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,6BAA6B,GAAG,QAAQ,CAAC,IAAI,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC,GAC3F,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC;AAEnD,MAAM,WAAW,yBAAyB;IACxC,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC"}

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

@@ -0,0 +1 @@
+//# sourceMappingURL=ModernTermPicker.types.js.map

package/lib/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/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { IPickerItemProps, ISuggestionItemProps } from 'office-ui-fabric-react/lib/Pickers';
+import { ITermInfo, ITermSetInfo, ITermStoreInfo } from '@pnp/sp/taxonomy';
+import { Guid } from '@microsoft/sp-core-library';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+import { IReadonlyTheme } from "@microsoft/sp-component-base";
+import { IModernTermPickerProps } from '../modernTermPicker/ModernTermPicker.types';
+import { Optional } from '../ModernTaxonomyPicker';
+export interface ITaxonomyPanelContentsProps {
+    context: BaseComponentContext;
+    allowMultipleSelections?: boolean;
+    termSetId: Guid;
+    pageSize: number;
+    selectedPanelOptions: ITermInfo[];
+    setSelectedPanelOptions: React.Dispatch<React.SetStateAction<ITermInfo[]>>;
+    onResolveSuggestions: (filter: string, selectedItems?: ITermInfo[]) => ITermInfo[] | PromiseLike<ITermInfo[]>;
+    onLoadMoreData: (termSetId: Guid, parentTermId?: Guid, skiptoken?: string, hideDeprecatedTerms?: boolean, pageSize?: number) => Promise<{
+        value: ITermInfo[];
+        skiptoken: string;
+    }>;
+    anchorTermInfo: ITermInfo;
+    termSetInfo: ITermSetInfo;
+    termStoreInfo: ITermStoreInfo;
+    placeHolder: string;
+    onRenderSuggestionsItem?: (props: ITermInfo, itemProps: ISuggestionItemProps<ITermInfo>) => JSX.Element;
+    onRenderItem?: (props: IPickerItemProps<ITermInfo>) => JSX.Element;
+    getTextFromItem: (item: ITermInfo, currentValue?: string) => string;
+    languageTag: string;
+    themeVariant?: IReadonlyTheme;
+    termPickerProps?: Optional<IModernTermPickerProps, 'onResolveSuggestions'>;
+}
+export declare function TaxonomyPanelContents(props: ITaxonomyPanelContentsProps): React.ReactElement<ITaxonomyPanelContentsProps>;
+//# sourceMappingURL=TaxonomyPanelContents.d.ts.map

package/lib/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaxonomyPanelContents.d.ts","sourceRoot":"","sources":["../../../../src/controls/modernTaxonomyPicker/taxonomyPanelContents/TaxonomyPanelContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAA4C,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAetI,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,oBAAoB,CAAC;IAC9B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,IAAI,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,SAAS,EAAE,CAAC;IAClC,uBAAuB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC3E,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,GAAG,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;IAC9G,cAAc,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnL,cAAc,EAAE,SAAS,CAAC;IAC1B,WAAW,EAAE,YAAY,CAAC;IAC1B,aAAa,EAAE,cAAc,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACxG,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnE,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACpE,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAC;CAC5E;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAgZzH"}