@pnp/spfx-controls-react 3.15.0-beta.4974233 → 3.15.0-beta.5068030

package/lib/controls/TermSetNavigation/constants/constants.js

@@ -0,0 +1,24 @@
+export var TERMSET_PROPERTY_FIELD_USE_SEARCH = "search";
+export var TERMSET_PROPERTY_FIELD_USE_MYTOOLS = "useMyTools";
+export var TERMSET_PROPERTY_FIELD_LANGUAGE = "language";
+export var TERMSET_PROPERTY_FIELD_LOCALE = "locale";
+export var TERMSET_PROPERTY_FIELD_ID = "id";
+export var TERMSET_PROPERTY_FIELD_LINKURL = "linkURL";
+export var TERMSET_PROPERTY_FIELD_AUDIENCE_TAGET = "audienceTarget";
+export var TERMSET_PROPERTY_FIELD_ISDEFAULT = "isDefault";
+export var TERMSET_PROPERTY_FIELD_BACKGROUND_COLOR = "backgroundColor";
+export var TERMSET_PROPERTY_FIELD_HOVER_COLOR = "hoverColor";
+export var TERMSET_PROPERTY_FIELD_TEXT_COLOR = "textColor";
+export var TERMSET_PROPERTY_FIELD_TEXT_HOVER_COLOR = "textHoverColor";
+export var FLAGS_API = "https://flagsapi.com/";
+export var TERMSETS_LIST_KEY = "___Managementnavigation_listtermSets__";
+export var TERMSETS_CHILDREN_KEY = "___Managementnavigation_termSetChildren__";
+export var TERM_CHILDREN_KEY = "___Managementnavigation_termChildren__";
+export var TERMSTORE_KEY = "___Managementnavigation_termStore__";
+export var TERM_GROUP_KEY = "___Managementnavigation_termGroup__";
+export var TERM_GROUP_NAME = "Intranet Global Navigations";
+export var DEFAULT_ITEMS_PER_PAGE = 12;
+export var ITEM_HEIGHT = 42;
+export var DEFAULT_LIST_HEIGHT = DEFAULT_ITEMS_PER_PAGE * ITEM_HEIGHT;
+export var GROUPS_LIST_KEY = "___Managementnavigation_listGroups__";
+//# sourceMappingURL=constants.js.map

package/lib/controls/TermSetNavigation/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,iCAAiC,GAAG,QAAQ,CAAC;AAC1D,MAAM,CAAC,IAAM,kCAAkC,GAAG,YAAY,CAAC;AAC/D,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAU,CAAC;AAC1D,MAAM,CAAC,IAAM,6BAA6B,GAAG,QAAQ,CAAC;AACtD,MAAM,CAAC,IAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,MAAM,CAAC,IAAM,8BAA8B,GAAG,SAAS,CAAC;AACxD,MAAM,CAAC,IAAM,qCAAqC,GAAG,gBAAgB,CAAC;AACtE,MAAM,CAAC,IAAM,gCAAgC,GAAG,WAAW,CAAC;AAC5D,MAAM,CAAC,IAAM,uCAAuC,GAAG,iBAAiB,CAAC;AACzE,MAAM,CAAC,IAAM,kCAAkC,GAAG,YAAY,CAAC;AAC/D,MAAM,CAAC,IAAM,iCAAiC,GAAG,WAAW,CAAC;AAC7D,MAAM,CAAC,IAAM,uCAAuC,GAAG,gBAAgB,CAAC;AAGxE,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,CAAC;AAEjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,wCAAwC,CAAC;AAC1E,MAAM,CAAC,IAAM,qBAAqB,GAAG,2CAA2C,CAAC;AACjF,MAAM,CAAC,IAAM,iBAAiB,GAAG,wCAAwC,CAAC;AAC1E,MAAM,CAAC,IAAM,aAAa,GAAG,qCAAqC,CAAC;AACnE,MAAM,CAAC,IAAM,cAAc,GAAG,qCAAqC,CAAC;AACpE,MAAM,CAAC,IAAM,eAAe,GAAE,6BAA6B,CAAC;AAE5D,MAAM,CAAC,IAAM,sBAAsB,GAAG,EAAE,CAAC;AACzC,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,CAAC;AAE9B,MAAM,CAAC,IAAM,mBAAmB,GAAI,sBAAsB,GAAG,WAAW,CAAC;AAEzE,MAAM,CAAC,IAAM,eAAe,GAAG,sCAAsC,CAAC"}

package/lib/controls/TermSetNavigation/hooks/useGraphTaxonomyAPI.d.ts

@@ -0,0 +1,11 @@
+import { TermStore } from '@microsoft/microsoft-graph-types';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+interface IGraphTaxonomyAPI {
+    getTermSetChildren: (siteId: string, termSetId: string, refreshCache: boolean) => Promise<TermStore.Term[]>;
+    getTermChildren: (siteId: string, termSetId: string, termId: string, refreshCache: boolean) => Promise<TermStore.Term[]>;
+    getTermSets: (siteId: string, query?: string, refreshCache?: boolean) => Promise<TermStore.Set[]>;
+    getTermSet: (siteId: string, termSetId: string, refreshCache?: boolean) => Promise<TermStore.Set>;
+}
+export declare const useGraphTaxonomyAPI: (context: BaseComponentContext) => IGraphTaxonomyAPI;
+export {};
+//# sourceMappingURL=useGraphTaxonomyAPI.d.ts.map

package/lib/controls/TermSetNavigation/hooks/useGraphTaxonomyAPI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGraphTaxonomyAPI.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/hooks/useGraphTaxonomyAPI.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAYpE,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,CAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/B,eAAe,EAAE,CACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,KAClB,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;IAClG,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACnG;AAED,eAAO,MAAM,mBAAmB,YAAa,oBAAoB,KAAG,iBA8HnE,CAAC"}

package/lib/controls/TermSetNavigation/hooks/useGraphTaxonomyAPI.js

@@ -0,0 +1,195 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+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 };
+    }
+};
+import * as React from 'react';
+import { TERM_CHILDREN_KEY, TERMSETS_CHILDREN_KEY, TERMSETS_LIST_KEY, } from '../constants/constants';
+import { useUtils } from '../utils/useUtils';
+import { useSessionStorage } from './useSessionStorage';
+export var useGraphTaxonomyAPI = function (context) {
+    var _a = useSessionStorage(), getSessionStorageItem = _a[0], setSessionStorageItem = _a[1];
+    var getCacheKey = useUtils().getCacheKey;
+    var graphClient = React.useMemo(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!context)
+                        return [2 /*return*/, undefined];
+                    return [4 /*yield*/, context.msGraphClientFactory.getClient("3")];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [context]);
+    var getTermSetChildren = React.useCallback(function (siteId, termSetId, refreshCache) { return __awaiter(void 0, void 0, void 0, function () {
+        var cacheKey, cachedTermSet, response, error_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!graphClient && !siteId && !termSetId)
+                        return [2 /*return*/, undefined];
+                    cacheKey = getCacheKey(TERMSETS_CHILDREN_KEY, termSetId);
+                    cachedTermSet = [];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    if (!refreshCache) {
+                        cachedTermSet = getSessionStorageItem(cacheKey);
+                        if (cachedTermSet) {
+                            return [2 /*return*/, cachedTermSet];
+                        }
+                    }
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_c.sent())) === null || _a === void 0 ? void 0 : _a.api("/sites/".concat(siteId, "/termStore/sets/").concat(termSetId, "/Children")).select("id,createdDateTime,labels,lastModifiedDateTime,properties").get())];
+                case 3:
+                    response = _c.sent();
+                    setSessionStorageItem(cacheKey, response === null || response === void 0 ? void 0 : response.value);
+                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.value) !== null && _b !== void 0 ? _b : undefined];
+                case 4:
+                    error_1 = _c.sent();
+                    console.log("[getTermSetTerms] error:", error_1);
+                    throw error_1;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient]);
+    var getTermChildren = React.useCallback(function (siteId, termSetId, termId, refreshCache) { return __awaiter(void 0, void 0, void 0, function () {
+        var cacheKey, cachedTerm, response, error_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!graphClient && !siteId && !termSetId && termId)
+                        return [2 /*return*/, undefined];
+                    cacheKey = getCacheKey(TERM_CHILDREN_KEY, termId);
+                    cachedTerm = [];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    if (!refreshCache) {
+                        cachedTerm = getSessionStorageItem(cacheKey);
+                        if (cachedTerm) {
+                            return [2 /*return*/, cachedTerm];
+                        }
+                    }
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_c.sent())) === null || _a === void 0 ? void 0 : _a.api("/sites/".concat(siteId, "/termStore/sets/").concat(termSetId, "/terms/").concat(termId, "/children")).select("id,createdDateTime,labels,lastModifiedDateTime,properties").get())];
+                case 3:
+                    response = _c.sent();
+                    setSessionStorageItem(cacheKey, response === null || response === void 0 ? void 0 : response.value);
+                    return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.value) !== null && _b !== void 0 ? _b : undefined];
+                case 4:
+                    error_2 = _c.sent();
+                    console.log("[getTermChildren] error:", error_2);
+                    throw error_2;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient, getCacheKey, getSessionStorageItem, setSessionStorageItem]);
+    var getTermSets = React.useCallback(function (siteId, query, refreshCache) { return __awaiter(void 0, void 0, void 0, function () {
+        var instanceId, cacheKey, cachedTermSets, response, error_3;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!graphClient && !siteId)
+                        return [2 /*return*/, []];
+                    instanceId = context.instanceId;
+                    cacheKey = getCacheKey(TERMSETS_LIST_KEY, instanceId);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    if (!refreshCache) {
+                        cachedTermSets = [];
+                        cachedTermSets = getSessionStorageItem(cacheKey);
+                        if (cachedTermSets) {
+                            return [2 /*return*/, cachedTermSets];
+                        }
+                    }
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.api("/sites/".concat(siteId, "/termStore/sets")).filter(query !== null && query !== void 0 ? query : "").select("id,description,localizedNames,properties,createdDateTime").get())];
+                case 3:
+                    response = _b.sent();
+                    setSessionStorageItem(cacheKey, response.value);
+                    return [2 /*return*/, response ? response.value : []];
+                case 4:
+                    error_3 = _b.sent();
+                    console.log("[getTermSets] error:", error_3);
+                    throw error_3;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient, getSessionStorageItem, setSessionStorageItem, getCacheKey, context]);
+    var getTermSet = React.useCallback(function (siteId, termSetId) { return __awaiter(void 0, void 0, void 0, function () {
+        var instanceId, cachedTermSets, cacheKey, termset, response, error_4;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!graphClient && !siteId)
+                        throw new Error("[getTermSet] error: Missing required parameters");
+                    instanceId = context.instanceId;
+                    cachedTermSets = [];
+                    cacheKey = getCacheKey(TERMSETS_LIST_KEY, instanceId);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    cachedTermSets = getSessionStorageItem(cacheKey);
+                    if (cachedTermSets) {
+                        termset = cachedTermSets.find(function (termset) { return termset.id === termSetId; });
+                        return [2 /*return*/, termset];
+                    }
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.api("/sites/".concat(siteId, "/termStore/sets/").concat(termSetId)).select("id,description,localizedNames,properties,createdDateTime").get())];
+                case 3:
+                    response = _b.sent();
+                    return [2 /*return*/, response !== null && response !== void 0 ? response : undefined];
+                case 4:
+                    error_4 = _b.sent();
+                    console.log("[getTermSet] error:", error_4);
+                    throw error_4;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient, getSessionStorageItem, setSessionStorageItem, getCacheKey, context]);
+    return {
+        getTermSetChildren: getTermSetChildren,
+        getTermChildren: getTermChildren,
+        getTermSets: getTermSets,
+        getTermSet: getTermSet,
+    };
+};
+//# sourceMappingURL=useGraphTaxonomyAPI.js.map

package/lib/controls/TermSetNavigation/hooks/useGraphTaxonomyAPI.js.map

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

package/lib/controls/TermSetNavigation/hooks/useSessionStorage.d.ts

@@ -0,0 +1,2 @@
+export declare const useSessionStorage: () => any;
+//# sourceMappingURL=useSessionStorage.d.ts.map

package/lib/controls/TermSetNavigation/hooks/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,iBAAiB,QAAO,GAoBpC,CAAC"}

package/lib/controls/TermSetNavigation/hooks/useSessionStorage.js

@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import addSeconds from 'date-fns/addSeconds';
+import isAfter from 'date-fns/isAfter';
+var DEFAULT_EXPIRED_IN_SECONDS = 15 * 60; // 1 hour
+export var useSessionStorage = function () {
+    var setStorageValue = React.useCallback(function (key, newValue, expiredInSeconds) {
+        var expires = addSeconds(new Date(), expiredInSeconds !== null && expiredInSeconds !== void 0 ? expiredInSeconds : DEFAULT_EXPIRED_IN_SECONDS);
+        sessionStorage.setItem(key, JSON.stringify({ value: newValue, expires: expires }));
+    }, []);
+    var getStorageValue = React.useCallback(function (key) {
+        var storage = JSON.parse(sessionStorage.getItem(key) || "{}");
+        // getting stored value
+        var _a = storage || {}, value = _a.value, expires = _a.expires;
+        if (isAfter(new Date(expires), new Date())) {
+            return value;
+        }
+        return undefined;
+    }, []);
+    var removeStorageValue = React.useCallback(function (key) {
+        sessionStorage.removeItem(key);
+    }, []);
+    return [getStorageValue, setStorageValue, removeStorageValue];
+};
+//# sourceMappingURL=useSessionStorage.js.map

package/lib/controls/TermSetNavigation/hooks/useSessionStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,OAAO,MAAM,kBAAkB,CAAC;AASvC,IAAM,0BAA0B,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS;AAErD,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAE,UAAC,GAAW,EAAE,QAAiB,EAAE,gBAAwB;QAClG,IAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,0BAA0B,CAAC,CAAC;QACvF,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QACpD,IAAM,OAAO,GAAa,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;QAC1E,uBAAuB;QACjB,IAAA,KAAqB,OAAO,IAAK,EAAe,EAA9C,KAAK,WAAA,EAAE,OAAO,aAAgC,CAAC;QACvD,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE;YAC1C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QACvD,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,eAAe,EAAE,eAAe,EAAE,kBAAkB,CAAU,CAAC;AACzE,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+export * from './INavigationProps';
+export * from './Navigation';
+export * from './NavigationContextMenu';
+export * from './RenderGroupHeader';
+export * from './RenderLink';
+export * from './RenderNoOptions';
+export * from './TermSetNavigation';
+export * from './useNavigationStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

package/lib/controls/TermSetNavigation/index.js

@@ -0,0 +1,9 @@
+export * from './INavigationProps';
+export * from './Navigation';
+export * from './NavigationContextMenu';
+export * from './RenderGroupHeader';
+export * from './RenderLink';
+export * from './RenderNoOptions';
+export * from './TermSetNavigation';
+export * from './useNavigationStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

package/lib/controls/TermSetNavigation/models/IContextMenuOption.d.ts

@@ -0,0 +1,6 @@
+export interface IContextMenuOption {
+    key: string;
+    text: string;
+    iconName?: string;
+}
+//# sourceMappingURL=IContextMenuOption.d.ts.map

package/lib/controls/TermSetNavigation/models/IContextMenuOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IContextMenuOption.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IContextMenuOption.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/controls/TermSetNavigation/models/IContextMenuOption.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IContextMenuOption.js.map

package/lib/controls/TermSetNavigation/models/IContextMenuOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IContextMenuOption.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IContextMenuOption.ts"],"names":[],"mappings":""}

package/lib/controls/TermSetNavigation/models/IErrorMessageProps.d.ts

@@ -0,0 +1,5 @@
+export interface IErrorMessageProps {
+    showError: boolean;
+    errorMessage: string;
+}
+//# sourceMappingURL=IErrorMessageProps.d.ts.map

package/lib/controls/TermSetNavigation/models/IErrorMessageProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IErrorMessageProps.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IErrorMessageProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/lib/controls/TermSetNavigation/models/IErrorMessageProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IErrorMessageProps.js.map

package/lib/controls/TermSetNavigation/models/IErrorMessageProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IErrorMessageProps.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IErrorMessageProps.ts"],"names":[],"mappings":""}

package/lib/controls/TermSetNavigation/models/IGlobalState.d.ts

@@ -0,0 +1,8 @@
+import { INavLink } from '@fluentui/react';
+import { INavigationProps } from '../INavigationProps';
+export interface IGlobalState extends INavigationProps {
+    selectedItem: INavLink;
+    isLoadingNavitionTree: boolean;
+    refreshNavigationTree: boolean;
+}
+//# sourceMappingURL=IGlobalState.d.ts.map

package/lib/controls/TermSetNavigation/models/IGlobalState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGlobalState.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IGlobalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACrD,YAAY,EAAG,QAAQ,CAAC;IACxB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,OAAO,CAAC;CAC/B"}

package/lib/controls/TermSetNavigation/models/IGlobalState.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IGlobalState.js.map

package/lib/controls/TermSetNavigation/models/IGlobalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IGlobalState.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/IGlobalState.ts"],"names":[],"mappings":""}

package/lib/controls/TermSetNavigation/models/ITermSetListResponse.d.ts

@@ -0,0 +1,6 @@
+import { TermStore } from '@microsoft/microsoft-graph-types';
+export interface ITermSetsResponse {
+    '@odata.context': string;
+    value: TermStore.Set[];
+}
+//# sourceMappingURL=ITermSetListResponse.d.ts.map

package/lib/controls/TermSetNavigation/models/ITermSetListResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITermSetListResponse.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/ITermSetListResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC;CACxB"}

package/lib/controls/TermSetNavigation/models/ITermSetListResponse.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ITermSetListResponse.js.map

package/lib/controls/TermSetNavigation/models/ITermSetListResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITermSetListResponse.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/ITermSetListResponse.ts"],"names":[],"mappings":""}

package/lib/controls/TermSetNavigation/models/ITerms.d.ts

@@ -0,0 +1,6 @@
+import { TermStore } from '@microsoft/microsoft-graph-types';
+export interface ITerms {
+    '@odata.context': string;
+    value: TermStore.Term[];
+}
+//# sourceMappingURL=ITerms.d.ts.map

package/lib/controls/TermSetNavigation/models/ITerms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITerms.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/ITerms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,MAAM,WAAW,MAAM;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;CACzB"}

package/lib/controls/TermSetNavigation/models/ITerms.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ITerms.js.map

package/lib/controls/TermSetNavigation/models/ITerms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITerms.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/models/ITerms.ts"],"names":[],"mappings":""}

package/lib/controls/TermSetNavigation/useNavigationStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const useNavigationStyles: () => any;
+//# sourceMappingURL=useNavigationStyles.d.ts.map

package/lib/controls/TermSetNavigation/useNavigationStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationStyles.d.ts","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/useNavigationStyles.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,mBAAmB,QAAO,GA8ItC,CAAC"}

package/lib/controls/TermSetNavigation/useNavigationStyles.js

@@ -0,0 +1,127 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import { useAtom } from 'jotai';
+import { mergeStyles, mergeStyleSets, } from '@fluentui/react';
+import { globalState } from './atoms/globalState';
+export var useNavigationStyles = function () {
+    var appGlobalState = useAtom(globalState)[0];
+    var themeVariant = appGlobalState.themeVariant, selectedItem = appGlobalState.selectedItem, termSetId = appGlobalState.termSetId;
+    var stackSelctedItemStyles = React.useCallback(function (isSelected) {
+        var _a;
+        return {
+            root: {
+                backgroundColor: isSelected ? (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyBackgroundChecked : "",
+                borderLeft: isSelected ? "2px solid ".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.themePrimary) : "",
+            },
+        };
+    }, [themeVariant]);
+    var navStyles = React.useCallback(function () {
+        return {
+            root: {
+                overflowX: "hidden",
+                overflowY: "auto",
+            },
+            chevronButton: { display: "none" },
+            chevronIcon: { display: "none" },
+        };
+    }, [themeVariant]);
+    var stackGroupHeaderStyles = React.useCallback(function (item) {
+        var _a, _b;
+        return {
+            root: {
+                backgroundColor: termSetId === (item === null || item === void 0 ? void 0 : item.id) ? (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyBackgroundChecked : "",
+                borderLeft: termSetId === (item === null || item === void 0 ? void 0 : item.id) ? "2px solid ".concat(themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette.themePrimary) : "",
+                ":hover": {
+                    backgroundColor: (_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _b === void 0 ? void 0 : _b.bodyBackgroundHovered,
+                },
+            },
+        };
+    }, [themeVariant, termSetId]);
+    var textNavLinkStyles = React.useCallback(function (item) {
+        var _a;
+        return {
+            root: {
+                color: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyText,
+                display: "-webkit-box",
+                "-webkit-line-clamp": "1",
+                "-webkit-box-orient": "vertical",
+                overflow: "hidden",
+                textAlign: "start",
+                textOverflow: "ellipsis",
+                cursor: "pointer",
+                whiteSpace: "pre-wrap",
+                overflowWrap: "break-word",
+                wordBreak: "break-word",
+                fontWeight: selectedItem === item ? "bold" : "normal",
+            },
+        };
+    }, [themeVariant, selectedItem]);
+    var textGroupLinkStyles = React.useCallback(function (item) {
+        var _a;
+        return {
+            root: {
+                color: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyText,
+                display: "-webkit-box",
+                "-webkit-line-clamp": "1",
+                "-webkit-box-orient": "vertical",
+                overflow: "hidden",
+                textAlign: "start",
+                textOverflow: "ellipsis",
+                cursor: "pointer",
+                whiteSpace: "pre-wrap",
+                overflowWrap: "break-word",
+                wordBreak: "break-word",
+                fontWeight: termSetId === (item === null || item === void 0 ? void 0 : item.id) ? "bold" : "normal",
+            },
+        };
+    }, [themeVariant, termSetId]);
+    var stackNavigationContainerStyles = React.useMemo(function () {
+        var _a;
+        return {
+            root: {
+                border: "1px solid ".concat((_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors) === null || _a === void 0 ? void 0 : _a.bodyDivider),
+                minHeight: "600px",
+                color: themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.semanticColors.bodyText,
+                paddingTop: 15,
+                paddingBottom: 15,
+            },
+        };
+    }, [themeVariant]);
+    var controlStyles = React.useMemo(function () {
+        var _a;
+        return mergeStyleSets({
+            layout: mergeStyles({
+                display: "grid",
+                gridGap: "20px",
+                gridTemplateColumns: "1fr 4fr",
+                gridTemplateAreas: "\n        \"sidebar  content\"\n\n      \"sidebar  footer\"",
+                width: "100%",
+                height: "100%",
+                gridTemplateRows: "1fr 50px",
+            }),
+            navlink: mergeStyles({
+                display: "grid",
+                gridColumnGap: "10px",
+                gridTemplateColumns: "20px 20px 1fr",
+                alignItems: "center",
+                width: "100%",
+            }),
+            separator: mergeStyles({
+                height: "1px",
+                backgroundColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themeLight,
+                opacity: (themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.isInverted) ? "0.2" : "1",
+                width: "100%",
+            }),
+        });
+    }, [themeVariant]);
+    return {
+        textNavLinkStyles: textNavLinkStyles,
+        textGroupLinkStyles: textGroupLinkStyles,
+        stackGroupHeaderStyles: stackGroupHeaderStyles,
+        stackNavigationContainerStyles: stackNavigationContainerStyles,
+        controlStyles: controlStyles,
+        navStyles: navStyles,
+        stackSelctedItemStyles: stackSelctedItemStyles,
+    };
+};
+//# sourceMappingURL=useNavigationStyles.js.map

package/lib/controls/TermSetNavigation/useNavigationStyles.js.map

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

package/lib/controls/TermSetNavigation/utils/useTaxonomyUtils.d.ts

@@ -0,0 +1,8 @@
+import { INavLink } from 'office-ui-fabric-react';
+import { TermStore } from '@microsoft/microsoft-graph-types';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+export declare const useTaxonomyUtils: (context: BaseComponentContext) => {
+    createItems: (siteId: string, termSetId: string, terms: TermStore.Term[], level: number, refreshCache: boolean) => Promise<INavLink[]>;
+    createChildren: (siteId: string, termSetId: string, term: TermStore.Term, level: number, refreshCache: boolean) => Promise<INavLink[]>;
+};
+//# sourceMappingURL=useTaxonomyUtils.d.ts.map

package/lib/controls/TermSetNavigation/utils/useTaxonomyUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaxonomyUtils.d.ts","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/utils/useTaxonomyUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIpE,eAAO,MAAM,gBAAgB,YAAa,oBAAoB;0BA0B5C,MAAM,aAAa,MAAM,SAAS,UAAU,IAAI,EAAE,SAAS,MAAM,gBAAgB,OAAO,KAAG,QAAQ,QAAQ,EAAE,CAAC;6BAtB7G,MAAM,aAAY,MAAM,QAAQ,UAAU,IAAI,SAAS,MAAM,gBAAgB,OAAO,KAAG,QAAQ,QAAQ,EAAE,CAAC;CA0C5H,CAAA"}