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

package/lib-commonjs/controls/ListToolbar/useListToolbarStyles.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListToolbarStyles = void 0;
+var tslib_1 = require("tslib");
+var css_1 = require("@emotion/css");
+var react_components_1 = require("@fluentui/react-components");
+var useListToolbarStyles = function () {
+    return {
+        /** Outer toolbar container */
+        toolbar: (0, css_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      padding: ", " ", ";\n      background-color: ", ";\n      border-bottom: 1px solid ", ";\n      min-height: 48px;\n      gap: ", ";\n      white-space: nowrap;\n      position: relative;\n    "], ["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      padding: ", " ", ";\n      background-color: ", ";\n      border-bottom: 1px solid ", ";\n      min-height: 48px;\n      gap: ", ";\n      white-space: nowrap;\n      position: relative;\n    "])), react_components_1.tokens.spacingVerticalS, react_components_1.tokens.spacingHorizontalM, react_components_1.tokens.colorNeutralBackground1, react_components_1.tokens.colorNeutralStroke2, react_components_1.tokens.spacingHorizontalXS),
+        /** Visible container for regular (left-side) items */
+        leftSection: (0, css_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      gap: ", ";\n      flex: 0 0 auto !important;\n      min-width: 0;\n    "], ["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      gap: ", ";\n      flex: 0 0 auto !important;\n      min-width: 0;\n    "])), react_components_1.tokens.spacingHorizontalXS),
+        /** Hidden mirror — renders ALL items for unclipped measurement */
+        measureSection: (0, css_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      flex-wrap: nowrap;\n      align-items: center;\n      gap: ", ";\n      position: absolute;\n      top: 0;\n      left: 0;\n      visibility: hidden;\n      pointer-events: none;\n      height: 0;\n      overflow: visible;\n      z-index: -1;\n    "], ["\n      display: flex;\n      flex-wrap: nowrap;\n      align-items: center;\n      gap: ", ";\n      position: absolute;\n      top: 0;\n      left: 0;\n      visibility: hidden;\n      pointer-events: none;\n      height: 0;\n      overflow: visible;\n      z-index: -1;\n    "])), react_components_1.tokens.spacingHorizontalXS),
+        /** Far-items group — pushed to the right edge */
+        rightGroup: (0, css_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      gap: ", ";\n      flex: 0 0 auto !important;\n      margin-left: auto;\n      white-space: nowrap;\n    "], ["\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: center !important;\n      gap: ", ";\n      flex: 0 0 auto !important;\n      margin-left: auto;\n      white-space: nowrap;\n    "])), react_components_1.tokens.spacingHorizontalXS),
+        /** Inner wrapper for far-items inside rightGroup */
+        farItemsContainer: (0, css_1.css)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      flex-wrap: nowrap;\n      align-items: center;\n      gap: inherit;\n    "], ["\n      display: flex;\n      flex-wrap: nowrap;\n      align-items: center;\n      gap: inherit;\n    "]))),
+        /** Base style for all ToolbarButton instances */
+        toolbarButtonBase: (0, css_1.css)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n      min-width: auto;\n    "], ["\n      min-width: auto;\n    "]))),
+        /** "..." overflow menu trigger button */
+        overflowButton: (0, css_1.css)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n      flex-shrink: 0;\n    "], ["\n      flex-shrink: 0;\n    "]))),
+        /** Count badge — hidden on mobile */
+        countBadge: (0, css_1.css)(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n      flex-shrink: 0;\n      @media (max-width: 768px) {\n        display: none;\n      }\n    "], ["\n      flex-shrink: 0;\n      @media (max-width: 768px) {\n        display: none;\n      }\n    "]))),
+        /** Divider between groups */
+        divider: (0, css_1.css)(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n      height: 24px;\n      margin: 0 ", ";\n    "], ["\n      height: 24px;\n      margin: 0 ", ";\n    "])), react_components_1.tokens.spacingHorizontalXS),
+        /** Regular toolbar item */
+        toolbarItem: (0, css_1.css)(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n      flex-shrink: 0;\n      width: fit-content;\n      white-space: nowrap;\n    "], ["\n      flex-shrink: 0;\n      width: fit-content;\n      white-space: nowrap;\n    "]))),
+        /** Far-item button */
+        farItemButton: (0, css_1.css)(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n      flex-shrink: 0;\n    "], ["\n      flex-shrink: 0;\n    "]))),
+        /** Label text inside far-item buttons — hidden on mobile */
+        farItemLabel: (0, css_1.css)(templateObject_12 || (templateObject_12 = tslib_1.__makeTemplateObject(["\n      @media (max-width: 768px) {\n        display: none;\n      }\n    "], ["\n      @media (max-width: 768px) {\n        display: none;\n      }\n    "]))),
+    };
+};
+exports.useListToolbarStyles = useListToolbarStyles;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
+//# sourceMappingURL=useListToolbarStyles.js.map

package/lib-commonjs/controls/ListToolbar/useListToolbarStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListToolbarStyles.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/useListToolbarStyles.ts"],"names":[],"mappings":";;;;AAAA,oCAAmC;AACnC,+DAAoD;AAiB7C,IAAM,oBAAoB,GAAG;IAClC,OAAO;QACL,8BAA8B;QAC9B,OAAO,MAAE,SAAG,mYAAA,gIAIC,EAAuB,GAAI,EAAyB,6BAC3C,EAA8B,oCACvB,EAA0B,yCAE9C,EAA0B,gEAGlC,KAPY,yBAAM,CAAC,gBAAgB,EAAI,yBAAM,CAAC,kBAAkB,EAC3C,yBAAM,CAAC,uBAAuB,EACvB,yBAAM,CAAC,mBAAmB,EAE9C,yBAAM,CAAC,mBAAmB,CAGlC;QAED,sDAAsD;QACtD,WAAW,MAAE,SAAG,0QAAA,4HAIP,EAA0B,gEAGlC,KAHQ,yBAAM,CAAC,mBAAmB,CAGlC;QAED,kEAAkE;QAClE,cAAc,MAAE,SAAG,oWAAA,2FAIV,EAA0B,2LASlC,KATQ,yBAAM,CAAC,mBAAmB,CASlC;QAED,iDAAiD;QACjD,UAAU,MAAE,SAAG,2SAAA,4HAIN,EAA0B,iGAIlC,KAJQ,yBAAM,CAAC,mBAAmB,CAIlC;QAED,oDAAoD;QACpD,iBAAiB,MAAE,SAAG,qLAAA,yGAKrB,IAAA;QAED,iDAAiD;QACjD,iBAAiB,MAAE,SAAG,4GAAA,gCAErB,IAAA;QAED,yCAAyC;QACzC,cAAc,MAAE,SAAG,2GAAA,+BAElB,IAAA;QAED,qCAAqC;QACrC,UAAU,MAAE,SAAG,+KAAA,mGAKd,IAAA;QAED,6BAA6B;QAC7B,OAAO,MAAE,SAAG,gIAAA,yCAEE,EAA0B,SACvC,KADa,yBAAM,CAAC,mBAAmB,CACvC;QAED,2BAA2B;QAC3B,WAAW,MAAE,SAAG,oKAAA,sFAIf,IAAA;QAED,sBAAsB;QACtB,aAAa,MAAE,SAAG,6GAAA,+BAEjB,IAAA;QAED,4DAA4D;QAC5D,YAAY,MAAE,SAAG,0JAAA,4EAIhB,IAAA;KACF,CAAC;AACJ,CAAC,CAAC;AAxGW,QAAA,oBAAoB,wBAwG/B"}

package/lib-commonjs/controls/ListToolbar/useOverflowIndex.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOverflowIndex = useOverflowIndex;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+/**
+ * Minimum gap breakpoints based on the toolbar's own pixel width.
+ * Wider toolbars get a larger minimum gap between regular and far items.
+ */
+var GAP_BREAKPOINTS = [
+    { minWidth: 1280, gap: 100 },
+    { minWidth: 1024, gap: 60 },
+    { minWidth: 768, gap: 40 },
+    { minWidth: 480, gap: 24 },
+    { minWidth: 0, gap: 12 },
+];
+function getMinGap(toolbarWidth) {
+    for (var _i = 0, GAP_BREAKPOINTS_1 = GAP_BREAKPOINTS; _i < GAP_BREAKPOINTS_1.length; _i++) {
+        var bp = GAP_BREAKPOINTS_1[_i];
+        if (toolbarWidth > bp.minWidth)
+            return bp.gap;
+    }
+    return GAP_BREAKPOINTS[GAP_BREAKPOINTS.length - 1].gap;
+}
+/**
+ * Measures how many flat-list children fit inside the available width.
+ *
+ * Uses three refs:
+ *  - `toolbarRef`  → the outer toolbar; a ResizeObserver watches this
+ *                     for width changes.
+ *  - `rightRef`    → the far-items group; its width is subtracted from
+ *                     the toolbar width to get the available space for
+ *                     regular items.
+ *  - `measureRef`  → a hidden mirror (`visibility:hidden; overflow:visible`)
+ *                     that always renders ALL items so each child's true
+ *                     unclipped width can be read.
+ *
+ * @returns The index in the flat item list at which items start to overflow.
+ */
+function useOverflowIndex(toolbarRef, rightRef, measureRef, itemCount, moreButtonWidth) {
+    if (moreButtonWidth === void 0) { moreButtonWidth = 48; }
+    var _a = React.useState(itemCount), overflowIndex = _a[0], setOverflowIndex = _a[1];
+    React.useEffect(function () {
+        var toolbarEl = toolbarRef.current;
+        var rightEl = rightRef.current;
+        var measureEl = measureRef.current;
+        if (!toolbarEl || !measureEl)
+            return;
+        var calculate = function () {
+            var toolbarWidth = toolbarEl.offsetWidth;
+            if (toolbarWidth === 0)
+                return;
+            var toolbarStyle = getComputedStyle(toolbarEl);
+            var paddingLeft = parseFloat(toolbarStyle.paddingLeft || '0');
+            var paddingRight = parseFloat(toolbarStyle.paddingRight || '0');
+            var toolbarGap = parseFloat(toolbarStyle.columnGap || toolbarStyle.gap || '0');
+            var minGap = getMinGap(toolbarWidth);
+            var rightWidth = rightEl ? rightEl.offsetWidth : 0;
+            var rightReserved = rightWidth > 0 ? rightWidth + minGap + toolbarGap : 0;
+            var availableWidth = toolbarWidth - paddingLeft - paddingRight - rightReserved;
+            if (availableWidth <= 0)
+                return;
+            var children = Array.from(measureEl.children);
+            if (children.length === 0) {
+                setOverflowIndex(itemCount);
+                return;
+            }
+            var gap = parseFloat(getComputedStyle(measureEl).columnGap || '0');
+            // Total width of all items in the unclipped mirror
+            var totalWidth = 0;
+            for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+                var child = children_1[_i];
+                totalWidth += child.offsetWidth;
+            }
+            totalWidth += Math.max(0, children.length - 1) * gap;
+            // If everything fits, show all
+            if (totalWidth <= availableWidth) {
+                setOverflowIndex(children.length);
+                return;
+            }
+            // Otherwise, find how many fit leaving room for the "..." button
+            var budgetWidth = availableWidth - moreButtonWidth;
+            var usedWidth = 0;
+            var fitCount = 0;
+            for (var i = 0; i < children.length; i++) {
+                var childWidth = children[i].offsetWidth;
+                var withGap = i > 0 ? gap : 0;
+                if (usedWidth + withGap + childWidth > budgetWidth)
+                    break;
+                usedWidth += withGap + childWidth;
+                fitCount++;
+            }
+            setOverflowIndex(Math.max(1, fitCount));
+        };
+        var rafId = requestAnimationFrame(calculate);
+        var ro = new ResizeObserver(calculate);
+        ro.observe(toolbarEl);
+        return function () {
+            cancelAnimationFrame(rafId);
+            ro.disconnect();
+        };
+    }, [toolbarRef, rightRef, measureRef, itemCount, moreButtonWidth]);
+    return overflowIndex;
+}
+//# sourceMappingURL=useOverflowIndex.js.map

package/lib-commonjs/controls/ListToolbar/useOverflowIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowIndex.js","sourceRoot":"","sources":["../../../src/controls/ListToolbar/useOverflowIndex.ts"],"names":[],"mappings":";;AAoCA,4CAsFC;;AA1HD,mDAA+B;AAE/B;;;GAGG;AACH,IAAM,eAAe,GAAwC;IAC3D,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE;IAC5B,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE;IAC3B,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;IAC1B,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;IAC1B,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;CACzB,CAAC;AAEF,SAAS,SAAS,CAAC,YAAoB;IACrC,KAAiB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE,CAAC;QAA9B,IAAM,EAAE,wBAAA;QACX,IAAI,YAAY,GAAG,EAAE,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC,GAAG,CAAC;IAChD,CAAC;IACD,OAAO,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACzD,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,SAAgB,gBAAgB,CAC9B,UAA2C,EAC3C,QAAyC,EACzC,UAA2C,EAC3C,SAAiB,EACjB,eAA4B;IAA5B,gCAAA,EAAA,oBAA4B;IAEtB,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAA5D,aAAa,QAAA,EAAE,gBAAgB,QAA6B,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC;QACd,IAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;QACrC,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAO;QAErC,IAAM,SAAS,GAAG;YAChB,IAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;YAC3C,IAAI,YAAY,KAAK,CAAC;gBAAE,OAAO;YAE/B,IAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;YACjD,IAAM,WAAW,GAAG,UAAU,CAAC,YAAY,CAAC,WAAW,IAAI,GAAG,CAAC,CAAC;YAChE,IAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,YAAY,IAAI,GAAG,CAAC,CAAC;YAClE,IAAM,UAAU,GAAG,UAAU,CAC3B,YAAY,CAAC,SAAS,IAAI,YAAY,CAAC,GAAG,IAAI,GAAG,CAClD,CAAC;YAEF,IAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;YAEvC,IAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YACrD,IAAM,aAAa,GACjB,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAExD,IAAM,cAAc,GAClB,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,aAAa,CAAC;YAC5D,IAAI,cAAc,IAAI,CAAC;gBAAE,OAAO;YAEhC,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAkB,CAAC;YACjE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC1B,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC;YAErE,mDAAmD;YACnD,IAAI,UAAU,GAAG,CAAC,CAAC;YACnB,KAAoB,UAAQ,EAAR,qBAAQ,EAAR,sBAAQ,EAAR,IAAQ,EAAE,CAAC;gBAA1B,IAAM,KAAK,iBAAA;gBACd,UAAU,IAAI,KAAK,CAAC,WAAW,CAAC;YAClC,CAAC;YACD,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;YAErD,+BAA+B;YAC/B,IAAI,UAAU,IAAI,cAAc,EAAE,CAAC;gBACjC,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAClC,OAAO;YACT,CAAC;YAED,iEAAiE;YACjE,IAAM,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;YACrD,IAAI,SAAS,GAAG,CAAC,CAAC;YAClB,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzC,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;gBAC3C,IAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBAEhC,IAAI,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW;oBAAE,MAAM;gBAC1D,SAAS,IAAI,OAAO,GAAG,UAAU,CAAC;gBAClC,QAAQ,EAAE,CAAC;YACb,CAAC;YAED,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,IAAM,KAAK,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAE/C,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,SAAS,CAAC,CAAC;QACzC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEtB,OAAO;YACL,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,EAAE,CAAC,UAAU,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/lib-commonjs/controls/LivePersona/ILivePersonaProps.js

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

package/lib-commonjs/controls/LivePersona/ILivePersonaProps.js.map

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

package/lib-commonjs/controls/LivePersona/LivePersona.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LivePersona = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var sp_loader_1 = require("@microsoft/sp-loader");
+var LIVE_PERSONA_COMPONENT_ID = "914330ee-2df2-4f6e-a858-30c23a812408";
+var LivePersona = function (props) {
+    var _a = (0, react_1.useState)(false), isComponentLoaded = _a[0], setIsComponentLoaded = _a[1];
+    var sharedLibrary = (0, react_1.useRef)(); // eslint-disable-line @typescript-eslint/no-explicit-any
+    var upn = props.upn, template = props.template, disableHover = props.disableHover, serviceScope = props.serviceScope;
+    (0, react_1.useEffect)(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var _a, error_1;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!!isComponentLoaded) return [3 /*break*/, 4];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        _a = sharedLibrary;
+                        return [4 /*yield*/, sp_loader_1.SPComponentLoader.loadComponentById(LIVE_PERSONA_COMPONENT_ID)];
+                    case 2:
+                        _a.current = _b.sent();
+                        setIsComponentLoaded(true);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _b.sent();
+                        sp_core_library_1.Log.error("[LivePersona]", error_1, serviceScope);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); })().then(function () { }).catch(function () { });
+    }, []);
+    var renderPersona = null;
+    if (isComponentLoaded) {
+        renderPersona = (0, react_1.createElement)(sharedLibrary.current.LivePersonaCard, {
+            className: 'livePersonaCard',
+            clientScenario: 'livePersonaCard',
+            disableHover: disableHover,
+            hostAppPersonaInfo: {
+                PersonaType: 'User'
+            },
+            upn: upn,
+            legacyUpn: upn,
+            serviceScope: serviceScope,
+        }, (0, react_1.createElement)("div", {}, template));
+    }
+    return renderPersona;
+};
+exports.LivePersona = LivePersona;
+//# sourceMappingURL=LivePersona.js.map

package/lib-commonjs/controls/LivePersona/LivePersona.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivePersona.js","sourceRoot":"","sources":["../../../src/controls/LivePersona/LivePersona.tsx"],"names":[],"mappings":";;;;AACA,+BAAmE;AACnE,8DAAiD;AACjD,kDAAyD;AAGzD,IAAM,yBAAyB,GAAW,sCAAsC,CAAC;AAG1E,IAAM,WAAW,GAAgD,UACtE,KAAkD;IAE5C,IAAA,KAA4C,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnE,iBAAiB,QAAA,EAAE,oBAAoB,QAA4B,CAAC;IAC3E,IAAM,aAAa,GAAG,IAAA,cAAM,GAAO,CAAC,CAAC,yDAAyD;IACtF,IAAA,GAAG,GAA2C,KAAK,IAAhD,EAAE,QAAQ,GAAiC,KAAK,SAAtC,EAAE,YAAY,GAAmB,KAAK,aAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAE5D,IAAA,iBAAS,EAAC;QACR,CAAC;;;;;6BACK,CAAC,iBAAiB,EAAlB,wBAAkB;;;;wBAElB,KAAA,aAAa,CAAA;wBAAW,qBAAM,6BAAiB,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,EAAA;;wBAA5F,GAAc,OAAO,GAAG,SAAoE,CAAC;wBAC7F,oBAAoB,CAAC,IAAI,CAAC,CAAC;;;;wBAE3B,qBAAG,CAAC,KAAK,CAAC,eAAe,EAAE,OAAc,EAAE,YAAY,CAAE,CAAC;;;;;aAG/D,CAAC,EAAE,CAAC,IAAI,CAAC,cAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,cAAqB,CAAC,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAET,IAAI,aAAa,GAAgB,IAAI,CAAC;IACtC,IAAI,iBAAiB,EAAE,CAAC;QACpB,aAAa,GAAG,IAAA,qBAAa,EAAC,aAAa,CAAC,OAAO,CAAC,eAAe,EAAE;YACjE,SAAS,EAAE,iBAAiB;YAC5B,cAAc,EAAE,iBAAiB;YACjC,YAAY,EAAG,YAAY;YAC3B,kBAAkB,EAAE;gBAChB,WAAW,EAAE,MAAM;aACtB;YACD,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,GAAG;YACd,YAAY,EAAE,YAAY;SAC7B,EAAE,IAAA,qBAAa,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,CAAC,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,aAAa,CAAC;AACrB,CAAC,CAAC;AAnCW,QAAA,WAAW,eAmCtB"}

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

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

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

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

package/lib-commonjs/controls/MyTeams/EMyTeamsTypes.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMyTeamsTypes = void 0;
+var EMyTeamsTypes;
+(function (EMyTeamsTypes) {
+    EMyTeamsTypes["SET_MYTEAMS"] = "SET_MYTEAMS";
+    EMyTeamsTypes["SET_MESSAGE"] = "SET_MESSAGE";
+    EMyTeamsTypes["SET_HAS_ERROR"] = "SET_HAS_ERROR";
+    EMyTeamsTypes["SET_IS_LOADING"] = "SET_IS_LOADING";
+})(EMyTeamsTypes || (exports.EMyTeamsTypes = EMyTeamsTypes = {}));
+//# sourceMappingURL=EMyTeamsTypes.js.map

package/lib-commonjs/controls/MyTeams/EMyTeamsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMyTeamsTypes.js","sourceRoot":"","sources":["../../../src/controls/MyTeams/EMyTeamsTypes.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,4CAA6B,CAAA;IAC7B,4CAA6B,CAAA;IAC7B,gDAAiC,CAAA;IACjC,kDAAmC,CAAA;AACrC,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB"}

package/lib-commonjs/controls/MyTeams/IMyTeamsProps.js

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

package/lib-commonjs/controls/MyTeams/IMyTeamsProps.js.map

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

package/lib-commonjs/controls/MyTeams/IMyTeamsState.js

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

package/lib-commonjs/controls/MyTeams/IMyTeamsState.js.map

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

package/lib-commonjs/controls/MyTeams/MyTeams.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MyTeams = void 0;
+var tslib_1 = require("tslib");
+var Text_1 = require("@fluentui/react/lib/Text");
+var Stack_1 = require("@fluentui/react/lib/Stack");
+var Icon_1 = require("@fluentui/react/lib/Icon");
+var MessageBar_1 = require("@fluentui/react/lib/MessageBar");
+var Spinner_1 = require("@fluentui/react/lib/Spinner");
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var React = tslib_1.__importStar(require("react"));
+var MyTeamsStyles_1 = require("./MyTeamsStyles");
+var mgt_spfx_1 = require("@microsoft/mgt-spfx");
+var Team_1 = require("../MyTeams/components/Team");
+var hooks_1 = require("./../../hooks");
+var ShowMessage_1 = require("../MyTeams/components/ShowMessage");
+var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
+var MyTeamsReducer_1 = require("./MyTeamsReducer");
+var EMyTeamsTypes_1 = require("./EMyTeamsTypes");
+var initialState = {
+    myTeams: [],
+    message: undefined,
+    hasError: false,
+    isLoading: true,
+};
+var MyTeams = function (props) {
+    var _a = (0, MyTeamsStyles_1.getMyTeamsStyles)(props.themeVariant), stackStyles = _a.stackStyles, stackTokens = _a.stackTokens, styleClasses = _a.styleClasses, titleStyles = _a.titleStyles;
+    var title = props.title, webPartContext = props.webPartContext, onSelectedChannel = props.onSelectedChannel, themeVariant = props.themeVariant, enablePersonCardInteraction = props.enablePersonCardInteraction;
+    var _b = React.useReducer(MyTeamsReducer_1.myTeamsReducer, initialState), state = _b[0], dispatch = _b[1];
+    mgt_spfx_1.Providers.globalProvider = React.useMemo(function () {
+        if (!mgt_spfx_1.Providers.globalProvider) {
+            return new mgt_spfx_1.SharePointProvider(webPartContext);
+        }
+        return;
+    }, [props.webPartContext]);
+    var getMyTeams = (0, hooks_1.useTeams)(webPartContext.serviceScope).getMyTeams;
+    React.useEffect(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var _teams, _a, messageError;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_HAS_ERROR,
+                            payload: false
+                        });
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_IS_LOADING,
+                            payload: true
+                        });
+                        return [4 /*yield*/, getMyTeams()];
+                    case 1:
+                        _teams = _b.sent();
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_IS_LOADING,
+                            payload: false
+                        });
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_MESSAGE,
+                            payload: undefined
+                        });
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_MYTEAMS,
+                            payload: _teams
+                        });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _a = _b.sent();
+                        messageError = {
+                            isShow: true,
+                            message: ControlStrings_1.default.MyTeamsMessageError,
+                            messageBarType: MessageBar_1.MessageBarType.error,
+                        };
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_IS_LOADING,
+                            payload: false
+                        });
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_MESSAGE,
+                            payload: messageError
+                        });
+                        dispatch({
+                            type: EMyTeamsTypes_1.EMyTeamsTypes.SET_HAS_ERROR,
+                            payload: true
+                        });
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })().then(function () { }).catch(function () { });
+    }, []);
+    var hasError = state.hasError, isLoading = state.isLoading, message = state.message, myTeams = state.myTeams;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Utilities_1.Customizer, { settings: { theme: themeVariant } },
+            React.createElement(Stack_1.Stack, { styles: stackStyles, tokens: stackTokens },
+                React.createElement(Text_1.Text, { variant: "xLargePlus", styles: titleStyles }, title),
+                hasError ? (React.createElement(ShowMessage_1.ShowMessage, tslib_1.__assign({}, message))) : (React.createElement("div", { className: styleClasses.teamsContainer }, !(myTeams === null || myTeams === void 0 ? void 0 : myTeams.length) && !isLoading ? (React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", tokens: { childrenGap: 20 }, styles: { root: { margin: 20 } } },
+                    React.createElement(Icon_1.FontIcon, { iconName: "TeamsLogo", style: { fontSize: 28, width: 28, height: 28 } }),
+                    React.createElement(Text_1.Text, { variant: "mediumPlus" }, ControlStrings_1.default.MyTeamsNoTeamsMessage))) : isLoading ? (React.createElement(Spinner_1.Spinner, { size: Spinner_1.SpinnerSize.medium, label: ControlStrings_1.default.MyTeamsLoadingMessage, labelPosition: "bottom" })) : (myTeams.map(function (team) {
+                    return (React.createElement(Team_1.Team, { key: team.id, team: team, serviceScope: webPartContext.serviceScope, themeVariant: themeVariant, onSelectedChannel: onSelectedChannel, enablePersonCardInteraction: enablePersonCardInteraction }));
+                }))))))));
+};
+exports.MyTeams = MyTeams;
+//# sourceMappingURL=MyTeams.js.map

package/lib-commonjs/controls/MyTeams/MyTeams.js.map

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

package/lib-commonjs/controls/MyTeams/MyTeamsReducer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.myTeamsReducer = void 0;
+var tslib_1 = require("tslib");
+var EMyTeamsTypes_1 = require("./EMyTeamsTypes");
+var myTeamsReducer = function (state, action // eslint-disable-line @typescript-eslint/no-explicit-any
+) {
+    switch (action.type) {
+        case EMyTeamsTypes_1.EMyTeamsTypes.SET_MYTEAMS:
+            return tslib_1.__assign(tslib_1.__assign({}, state), { myTeams: action.payload });
+        case EMyTeamsTypes_1.EMyTeamsTypes.SET_MESSAGE:
+            return tslib_1.__assign(tslib_1.__assign({}, state), { message: action.payload });
+        case EMyTeamsTypes_1.EMyTeamsTypes.SET_HAS_ERROR:
+            return tslib_1.__assign(tslib_1.__assign({}, state), { hasError: action.payload });
+        case EMyTeamsTypes_1.EMyTeamsTypes.SET_IS_LOADING:
+            return tslib_1.__assign(tslib_1.__assign({}, state), { isLoading: action.payload });
+        default:
+            return state;
+    }
+};
+exports.myTeamsReducer = myTeamsReducer;
+//# sourceMappingURL=MyTeamsReducer.js.map

package/lib-commonjs/controls/MyTeams/MyTeamsReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyTeamsReducer.js","sourceRoot":"","sources":["../../../src/controls/MyTeams/MyTeamsReducer.ts"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAGzC,IAAM,cAAc,GAAG,UAC5B,KAAoB,EACpB,MAA6C,CAAC,yDAAyD;;IAEvG,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,6BAAa,CAAC,WAAW;YAC5B,6CAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAG;QAC/C,KAAK,6BAAa,CAAC,WAAW;YAC5B,6CAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAG;QAC/C,KAAK,6BAAa,CAAC,aAAa;YAC9B,6CAAY,KAAK,KAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,IAAG;QAChD,KAAK,6BAAa,CAAC,cAAc;YAC/B,6CAAY,KAAK,KAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG;QACjD;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}

package/lib-commonjs/controls/MyTeams/MyTeamsStyles.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMyTeamsStyles = void 0;
+var Styling_1 = require("@fluentui/react/lib/Styling");
+var currentTheme = window.__themeState__.theme;
+var getMyTeamsStyles = function (themeVariant) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var commentTextStyles = {
+        root: {
+            marginBottom: 15,
+            padding: "0px 25px 25px 25px",
+        },
+    };
+    var showHideButtonStyles = {
+        labelHovered: {
+            textDecoration: "underline",
+        },
+    };
+    var titleStyles = {
+        root: {
+            marginBottom: 20,
+        },
+    };
+    var stackStyles = {
+        root: (0, Styling_1.mergeStyles)({
+            padding: 0,
+        }),
+    };
+    var stackTokens = {
+        childrenGap: 0,
+    };
+    var styleClasses = (0, Styling_1.mergeStyleSets)({
+        webPartTitle: {
+            marginBottom: 20,
+        },
+        separator: (0, Styling_1.mergeStyles)({
+            borderBottomStyle: "solid",
+            borderWidth: 1,
+            borderBottomColor: (_b = (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themeLighter) !== null && _b !== void 0 ? _b : currentTheme.themeLighter,
+        }),
+        styleIcon: (0, Styling_1.mergeStyles)({
+            maxWidth: 44,
+            minWidth: 44,
+            minHeight: 30,
+            height: 30,
+            borderColor: (_d = (_c = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _c === void 0 ? void 0 : _c.themePrimary) !== null && _d !== void 0 ? _d : currentTheme.themePrimary,
+            borderRightWidth: 0,
+            borderRightStyle: "none",
+            borderLeftWidth: 1,
+            borderLeftStyle: "solid",
+            borderTopWidth: 1,
+            borderTopStyle: "solid",
+            borderBottomWidth: 1,
+            borderBottomStyle: "solid",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+        }),
+        teamsContainer: (0, Styling_1.mergeStyles)({
+            // backgroundColor: themeVariant?.palette?.neutralLighterAlt,
+            padding: 7,
+            maxHeight: "75vh",
+            overflowY: "auto",
+            display: "grid",
+            gridTemplateColumns: "auto-fill, minmax(min(100%, 65px), 1fr)",
+            // gridGap:  "6px",
+            "&::-webkit-scrollbar-thumb": {
+                backgroundColor: themeVariant
+                    ? (_e = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _e === void 0 ? void 0 : _e.neutralQuaternaryAlt
+                    : currentTheme.neutralQuaternaryAlt,
+            },
+            "&::-webkit-scrollbar": {
+                height: 5,
+                width: 10,
+            },
+        }),
+        teamContainer: (0, Styling_1.mergeStyles)({
+            maxWidth: "100%",
+            overflow: "auto",
+            paddingTop: 10,
+            paddingBottom: 10,
+            paddingLeft: 20,
+            paddingRight: 20,
+            borderStyle: "solid",
+            borderWidth: 1,
+            borderColor: (_g = (_f = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _f === void 0 ? void 0 : _f.neutralQuaternaryAlt) !== null && _g !== void 0 ? _g : currentTheme.neutralQuaternaryAlt,
+            borderLeftStyle: "solid",
+            borderLeftWidth: 3,
+            borderLeftColor: (_j = (_h = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _h === void 0 ? void 0 : _h.themePrimary) !== null && _j !== void 0 ? _j : currentTheme.themePrimary,
+            margin: 3,
+            backgroundColor: (_l = (_k = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _k === void 0 ? void 0 : _k.white) !== null && _l !== void 0 ? _l : currentTheme.white,
+            boxShadow: "0 5px 15px rgba(50, 50, 90, .1)",
+            ":hover": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                borderLeftStyle: "solid",
+                borderLeftWidth: 3,
+                borderColor: (_o = (_m = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _m === void 0 ? void 0 : _m.themePrimary) !== null && _o !== void 0 ? _o : currentTheme.themePrimary,
+            },
+        }),
+    });
+    return {
+        titleStyles: titleStyles,
+        stackStyles: stackStyles,
+        stackTokens: stackTokens,
+        styleClasses: styleClasses,
+        commentTextStyles: commentTextStyles,
+        showHideButtonStyles: showHideButtonStyles,
+    };
+};
+exports.getMyTeamsStyles = getMyTeamsStyles;
+//# sourceMappingURL=MyTeamsStyles.js.map

package/lib-commonjs/controls/MyTeams/MyTeamsStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyTeamsStyles.js","sourceRoot":"","sources":["../../../src/controls/MyTeams/MyTeamsStyles.ts"],"names":[],"mappings":";;;AAEA,uDAGqC;AAGrC,IAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;AAC1C,IAAM,gBAAgB,GAAG,UAAC,YAA4B;;IAC3D,IAAM,iBAAiB,GAAgB;QACrC,IAAI,EAAE;YACJ,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,oBAAoB;SAC9B;KACF,CAAC;IAEF,IAAM,oBAAoB,GAA2B;QACnD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF,CAAC;IAEF,IAAM,WAAW,GAAgB;QAC/B,IAAI,EAAE;YACJ,YAAY,EAAE,EAAE;SACjB;KACF,CAAC;IAEF,IAAM,WAAW,GAAiB;QAChC,IAAI,EAAE,IAAA,qBAAW,EAAC;YAChB,OAAO,EAAE,CAAC;SACX,CAAC;KACH,CAAC;IACF,IAAM,WAAW,GAAiB;QAChC,WAAW,EAAE,CAAC;KACf,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,wBAAc,EAAC;QAClC,YAAY,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,SAAS,EAAE,IAAA,qBAAW,EAAC;YACrB,iBAAiB,EAAE,OAAO;YAC1B,WAAW,EAAE,CAAC;YACd,iBAAiB,EACf,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY,mCAAI,YAAY,CAAC,YAAY;SACnE,CAAC;QAEF,SAAS,EAAE,IAAA,qBAAW,EAAC;YACrB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,EAAE;YACV,WAAW,EACT,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY,mCAAI,YAAY,CAAC,YAAY;YAClE,gBAAgB,EAAE,CAAC;YACnB,gBAAgB,EAAE,MAAM;YACxB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,OAAO;YACxB,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,OAAO;YACvB,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,OAAO;YAC1B,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,CAAC;QACF,cAAc,EAAE,IAAA,qBAAW,EAAC;YAC1B,6DAA6D;YAC7D,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,yCAAyC;YAC9D,mBAAmB;YACnB,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,YAAY;oBAC3B,CAAC,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,oBAAoB;oBAC7C,CAAC,CAAC,YAAY,CAAC,oBAAoB;aACtC;YACD,sBAAsB,EAAE;gBACtB,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,EAAE;aACV;SACF,CAAC;QACF,aAAa,EAAE,IAAA,qBAAW,EAAC;YACzB,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE;YACjB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAEhB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,CAAC;YACd,WAAW,EACT,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,oBAAoB,mCAC3C,YAAY,CAAC,oBAAoB;YACnC,eAAe,EAAE,OAAO;YACxB,eAAe,EAAE,CAAC;YAClB,eAAe,EACb,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY,mCAAI,YAAY,CAAC,YAAY;YAClE,MAAM,EAAE,CAAC;YAET,eAAe,EAAE,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,mCAAI,YAAY,CAAC,KAAK;YACnE,SAAS,EAAE,iCAAiC;YAC5C,QAAQ,EAAE;gBACR,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,OAAO;gBACxB,eAAe,EAAE,CAAC;gBAClB,WAAW,EACT,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY,mCAAI,YAAY,CAAC,YAAY;aACnE;SACF,CAAC;KACH,CAAC,CAAC;IAEH,OAAO;QACL,WAAW,aAAA;QACX,WAAW,aAAA;QACX,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,iBAAiB,mBAAA;QACjB,oBAAoB,sBAAA;KACrB,CAAC;AACJ,CAAC,CAAC;AArHW,QAAA,gBAAgB,oBAqH3B"}

package/lib-commonjs/controls/MyTeams/components/ShowMessage/IShowMessageProps.js

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

package/lib-commonjs/controls/MyTeams/components/ShowMessage/IShowMessageProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IShowMessageProps.js","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/ShowMessage/IShowMessageProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/MyTeams/components/ShowMessage/ShowMessage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowMessage = void 0;
+var tslib_1 = require("tslib");
+var MessageBar_1 = require("@fluentui/react/lib/MessageBar");
+var React = tslib_1.__importStar(require("react"));
+var ShowMessage = function (props) {
+    if (props.isShow) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(MessageBar_1.MessageBar, tslib_1.__assign({}, props), props.message)));
+    }
+    // nullRender
+    return null;
+};
+exports.ShowMessage = ShowMessage;
+//# sourceMappingURL=ShowMessage.js.map

package/lib-commonjs/controls/MyTeams/components/ShowMessage/ShowMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMessage.js","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/ShowMessage/ShowMessage.tsx"],"names":[],"mappings":";;;;AAAA,6DAA4D;AAC5D,mDAA+B;AAIxB,IAAM,WAAW,GAA+C,UAAC,KAAwB;IAC9F,IAAI,KAAK,CAAC,MAAM,EAAC,CAAC;QAChB,OAAO,CACL;YACA,oBAAC,uBAAU,uBAAK,KAAK,GAAI,KAAK,CAAC,OAAO,CAAc,CACjD,CACJ,CAAC;IACJ,CAAC;IACD,aAAa;IACd,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB"}

package/lib-commonjs/controls/MyTeams/components/ShowMessage/index.js

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

package/lib-commonjs/controls/MyTeams/components/ShowMessage/index.js.map

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

package/lib-commonjs/controls/MyTeams/components/Team/ETeamTypes.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ETeamTypes = void 0;
+var ETeamTypes;
+(function (ETeamTypes) {
+    ETeamTypes["SET_TEAM_CHANNELS"] = "SET_TEAM_CHANNELS";
+    ETeamTypes["SET_TEAM_MEMBERS"] = "SET_TEAM_MEMBERS";
+    ETeamTypes["SET_TEAM_OWNERS"] = "SET_TEAM_OWNERS";
+    ETeamTypes["SET_MESSAGE"] = "SET_MESSAGE";
+    ETeamTypes["SET_HAS_ERROR"] = "SET_HAS_ERROR";
+    ETeamTypes["SET_IS_LOADING"] = "SET_IS_LOADING";
+})(ETeamTypes || (exports.ETeamTypes = ETeamTypes = {}));
+//# sourceMappingURL=ETeamTypes.js.map

package/lib-commonjs/controls/MyTeams/components/Team/ETeamTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETeamTypes.js","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/Team/ETeamTypes.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,qDAA0C,CAAA;IAC1C,mDAAwC,CAAA;IACxC,iDAAsC,CAAA;IACtC,yCAA6B,CAAA;IAC7B,6CAAiC,CAAA;IACjC,+CAAmC,CAAA;AACrC,CAAC,EAPW,UAAU,0BAAV,UAAU,QAOrB"}

package/lib-commonjs/controls/MyTeams/components/Team/ITeam.js

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

package/lib-commonjs/controls/MyTeams/components/Team/ITeam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITeam.js","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/Team/ITeam.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/MyTeams/components/Team/ITeamProps.js

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

package/lib-commonjs/controls/MyTeams/components/Team/ITeamProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITeamProps.js","sourceRoot":"","sources":["../../../../../src/controls/MyTeams/components/Team/ITeamProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/MyTeams/components/Team/ITeamState.js

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