@mikezimm/fps-library-v2 1.0.148 → 1.0.150

package/CHANGELOG.md

@@ -5,35 +5,60 @@ npm run build
 npm version major/minor/patch
 npm publish --access=public
 
-npm install @mikezimm/fps-library-v2@1.0.148
+npm install @mikezimm/fps-library-v2@1.0.149
 
 # Changelog
 
 NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 
+
+
+## 1.0.150 - 2023-Mar-30: Suggestions and Words
+- create getStringArrayBasic in src/logic/Strings/getStringArrayBasic - similar logic was used both in Words and Suggestions
+- modify getArrayOfWordsFromString to use getStringArrayBasic since that logic was in multiple places
+- update getSuggestionsFromStrings to use common function to get words from strings ( getStringArrayBasic ) - src/components/atoms/Suggestions/getSuggestionsByKeys.ts
+- added some common regex constants for easier reference which were used in getStringArrayBasic
+
+## 1.0.150 - 2023-Mar-28: PersonaCard and SearchBoxRow css fixes
+- fix docCardClass in PersonaCard.tsx to properly show theme color if provided
+- fix css require in src/components/molecules/SearchPage/component/SearchBoxRow.tsx
+
+## 1.0.149 - 2023-Mar-28: PersonaCard, PersonaRow, Suggestions, WordSummary, SourceSearchHook etc from Compliance and ALVFM
+- add PersonaCard and PersonaRow from Compliance to src/components/atoms/PersonaCard <<< NEED TO VERIFY >>>
+- add Suggestions logic, interface and samples from Compliance to src/components/atoms/Suggestions <<< NEED TO VERIFY >>>
+- add WordSummary from Compliance to src/components/atoms/WordSummary/ <<< NEED TO VERIFY >>>
+- add getWordsFromString and related functions from Compliance to src/logic/Strings/getWordsFromString
+- add SourceSearchHook from Complaince to src/components/molecules/SearchPage/component/SearchBoxRow
+- add ISourceInfo from Compliance to src/pnpjs/SourceItems/Interface
+- add getFiltered from Compliance to src/components/molecules/SearchPage/functions/getFilteredV1
+- add SourceList ItemPane from ALVFinMan to src/components/molecules/SourceList/ItemPane/component
+
+## 1.0.149 - 2023-Mar-26: month date labels and pref language
+- fix casing of return in getFPSPrefNavLang since all are supposed to be LC.
+
 ## 1.0.148 - 2023-Mar-26: month date labels and pref language
-- add getMonthStr3Array, getMMMDDFromDate and getMMMDDFromStr to src\logic\Time\monthLabels.ts
-- add getMonthStrArray, getFullMonthStrFromDate and getFullMonthStrFromDate to src\logic\Time\monthStrings.ts
+- add getMonthStr3Array, getMMMDDFromDate and getMMMDDFromStr to src/logic/Time/monthLabels.ts
+- add getMonthStrArray, getFullMonthStrFromDate and getFullMonthStrFromDate to src/logic/Time/monthStrings.ts
 
 ## 1.0.147 - 2023-Mar-26: month and day labels
 - add IFPSDateLanguageObject as object interface for monthStr3 and weekday3
-- moved monthStr to src\logic\Time\monthStrings (from monthLabels)
-- created monthStr with original keys also in src\logic\Time\monthStrOldKeys
+- moved monthStr to src/logic/Time/monthStrings (from monthLabels)
+- created monthStr with original keys also in src/logic/Time/monthStrOldKeys
 
 ## 1.0.146 - 2023-Mar-20: Various
-- add fileSizeNumber to IFPSFileObject in src\pnpjs\SourceItems\FileInterface and addSearchMeta1
+- add fileSizeNumber to IFPSFileObject in src/pnpjs/SourceItems/FileInterface and addSearchMeta1
 - update getHighlightedText for error when text === undefined
 
 ## 1.0.145 - 2023-Mar-20: Various
 - update getSizeLabel to account for 1024 bits per byte
 - update IContentGroup options: ContentGroupFolder: IContentGroup = 'Folder';  ContentGroupOther: IContentGroup = 'Other';
-- change itemIsFolder to itemIsFolderContent in src\components\molecules\SourceList\IAnyContent.ts
-- add docm to StdFileSearchTypes in src\components\molecules\SearchPage\Interfaces\StandardTypes.ts
+- change itemIsFolder to itemIsFolderContent in src/components/molecules/SourceList/IAnyContent.ts
+- add docm to StdFileSearchTypes in src/components/molecules/SearchPage/Interfaces/StandardTypes.ts
 
 ## 1.0.144 - 2023-Mar-20: SearchTypes
 - refactor addItemIsA to simplify code ( put updates in if item.meta .... )
 - update addSearchMeta2 - map item.allIsAKeys into meta in case it was not already added
-- change ItemIsDataContent from xml file to json in components\molecules\SearchPage\Interfaces\ProgrammingFileKeys.ts
+- change ItemIsDataContent from xml file to json in components/molecules/SearchPage/Interfaces/ProgrammingFileKeys.ts
 - refactor mergeWordArrays to use spread to avoid using direct reference to array.
 
 ## 1.0.143 - 2023-Mar-20: SearchTypes
@@ -52,13 +77,13 @@ NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 - create ALLProgrammingFileKeys for normal plus XKeys... add to addItemIsA function for ItemIsCodeContent
 
 ## 1.0.140 - 2023-Mar-19: SearchTypes
-- add forgotten values to ItemIsAKeys in src\components\molecules\SourceList\IAnyContent.ts
+- add forgotten values to ItemIsAKeys in src/components/molecules/SourceList/IAnyContent.ts
 - update addSearchMeta2 to properly use ItemIsAKeys
 - add contentGroup to OneNote search type
 
 ## 1.0.139 - 2023-Mar-19: SearchTypes
 - move 'folder' into "StdFileKeys" 
-- add additional ItemIs${contentGroup}Content via src\components\molecules\SearchPage\functions\addItemIsA.ts
+- add additional ItemIs${contentGroup}Content via src/components/molecules/SearchPage/functions/addItemIsA.ts
 - change ProgrammingSharePoint to ProgrammingFile in addItemIsA and related places
 
 ## 1.0.138 - 2023-Mar-19: SearchTypes
@@ -68,7 +93,7 @@ NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 ## 1.0.137 - 2023-Mar-19: SearchTypes
 - add ProgrammingSharePointKeys and ProgrammingSharePointSearchTypes: "js", "html", "css", "json", "xml", "exe", "ps1"
 - add XProgrammingSharePointKeys and XProgrammingSharePointSearchTypes: "ts", "md", "py", "vba"
-- create ProgrammingSharePointKeys, ProgrammingSharePointSearchTypes, MAXSearchTypes to src\components\molecules\SearchPage\Interfaces\ProgrammingFileKeys.ts
+- create ProgrammingSharePointKeys, ProgrammingSharePointSearchTypes, MAXSearchTypes to src/components/molecules/SearchPage/Interfaces/ProgrammingFileKeys.ts
 - change order of keys/obj in SearchTypes - moved MediaFileKeys and MediaFileSearchTypes to end
 - add ItemIsCode and itemIsCode IAnySourceItem and also addOtherIsAMeta
 
@@ -77,7 +102,7 @@ NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 
 
 ## 1.0.136 - 2023-Mar-19: SearchTypes
-- add color, similarKey and warning to ISearchType in src\components\molecules\SearchPage\Interfaces\StandardTypes.ts
+- add color, similarKey and warning to ISearchType in src/components/molecules/SearchPage/Interfaces/StandardTypes.ts
 - added eXTreme Storage file types/icons to StandardTypes
 - reorganized StdFileSearchTypes into StdFileSearchTypes and MediaFileSearchTypes
 - update IAnySourceItem to have both typeIdx (original === adjusted) AND searchTypeIdx which is the actual index
@@ -88,33 +113,33 @@ NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 - remove BaseType because it does not exist on items.
 
 ## 1.0.134 - 2023-Mar-19: IDefaultUser, Sources, addSearchMeta1, IAnyContent, searchTextLC
-- add folderString and folderTree to src\components\molecules\SearchPage\functions\addSearchMeta1.ts
-- add automatically BaseType FileInterface, ModernSitePagesColumns and to all sourceProps in src\pnpjs\SourceItems\createMinFetchProps.ts
-- add 10 itemIsA... props to IAnyContent src\components\molecules\SourceList\IAnyContent.ts
+- add folderString and folderTree to src/components/molecules/SearchPage/functions/addSearchMeta1.ts
+- add automatically BaseType FileInterface, ModernSitePagesColumns and to all sourceProps in src/pnpjs/SourceItems/createMinFetchProps.ts
+- add 10 itemIsA... props to IAnyContent src/components/molecules/SourceList/IAnyContent.ts
 - add 10 itemIsA... props item.searchTextLC
 
 - add performanceSettings to all generic Sources - Files, News, SitePages, NewsLinks
-- add 'ContentType/Name' to libraryColumns in src\pnpjs\SourceItems\FileInterface.ts
-- add docset and folder to StdFileSearchTypes in src\components\molecules\SearchPage\Interfaces\StandardTypes.ts
+- add 'ContentType/Name' to libraryColumns in src/pnpjs/SourceItems/FileInterface.ts
+- add docset and folder to StdFileSearchTypes in src/components/molecules/SearchPage/Interfaces/StandardTypes.ts
 - update addSearchMeta1 to include folder and docSet icons, also add folder parent url to searchDesc
 - update IFPSFileObject with user interface
 
 
 ## 1.0.133 - 2023-Mar-17: IPagesContent, IFPSFileObject, IStateSource, etc
-- migrate IPagesContent and IPagesContentFull from ALVFM to src\pnpjs\SourceItems\SitePages\IPagesContent.ts
-- migrate IStateSource from Compliance to src\pnpjs\Common\IStateSource.ts
+- migrate IPagesContent and IPagesContentFull from ALVFM to src/pnpjs/SourceItems/SitePages/IPagesContent.ts
+- migrate IStateSource from Compliance to src/pnpjs/Common/IStateSource.ts
 - update IAnySourceItem - add HasUniqueRoleAssignments? boolean;
 - update libraryColumns - remove duplicate strings
-- create IFPSFileObject in src\pnpjs\SourceItems\FileInterface.ts
+- create IFPSFileObject in src/pnpjs/SourceItems/FileInterface.ts
 
 ## 1.0.132 - 2023-Mar-16: ComplianceOps updates 
-- create getArrayOfWordsFromString, mergeArrayOfWordsFromString in src\logic\Strings\getWordsFromString.ts
+- create getArrayOfWordsFromString, mergeArrayOfWordsFromString in src/logic/Strings/getWordsFromString.ts
 
-- create WebUrlHook in src\components\molecules\WebUrlBox
-- create HTTPApiHook in src\components\molecules\HTTP\HttpApiBox\component.tsx
-- create fetchAPI in src\components\molecules\HTTP\HttpFetch\functions.ts
-- create createLibrarySource in src\pnpjs\SourceItems\createLibrarySource.ts
-- create createSeriesSort in src\pnpjs\SourceItems\createOrderBy.ts
+- create WebUrlHook in src/components/molecules/WebUrlBox
+- create HTTPApiHook in src/components/molecules/HTTP/HttpApiBox/component.tsx
+- create fetchAPI in src/components/molecules/HTTP/HttpFetch/functions.ts
+- create createLibrarySource in src/pnpjs/SourceItems/createLibrarySource.ts
+- create createSeriesSort in src/pnpjs/SourceItems/createOrderBy.ts
 
 ## 1.0.131 - 2023-Feb-25: checkAnyResults AccessDenied
 - update checkAnyResults to set status to 'AccessDenied' instead of just 'Error'

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.d.ts

@@ -0,0 +1,12 @@
+import { WebPartContext } from "@microsoft/sp-webpart-base";
+import { IUserProperties } from "./IUserProperties";
+import { PersonaSize } from 'office-ui-fabric-react/lib/Persona';
+export interface IPersonaCardProps {
+    context: WebPartContext;
+    profileProperties: IUserProperties;
+    size: PersonaSize;
+    iconSize: number;
+    iconTextSize: number;
+    borderColorMsColorThemeDarkClass?: string;
+}
+//# sourceMappingURL=IPersonaCardProps.d.ts.map

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPersonaCardProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,WAAW,EACZ,MAAM,oCAAoC,CAAC;AAC5C,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,CAAC;IACxB,iBAAiB,EAAE,eAAe,CAAC;IAEnC,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IAUrB,gCAAgC,CAAC,EAAE,MAAM,CAAC;CAC3C"}

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.js

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

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPersonaCardProps.js","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IPersonaCardProps.ts"],"names":[],"mappings":""}

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardState.d.ts

@@ -0,0 +1,5 @@
+export interface IPersonaCardState {
+    livePersonaCard: any;
+    pictureUrl: string;
+}
+//# sourceMappingURL=IPersonaCardState.d.ts.map

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPersonaCardState.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IPersonaCardState.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAEhC,eAAe,EAAE,GAAG,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardState.js

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

package/lib/components/atoms/PersonaCard/Interfaces/IPersonaCardState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPersonaCardState.js","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IPersonaCardState.ts"],"names":[],"mappings":""}

package/lib/components/atoms/PersonaCard/Interfaces/IUserProperties.d.ts

@@ -0,0 +1,13 @@
+export interface IUserProperties {
+    Department: string;
+    MobilePhone?: string;
+    PictureUrl: string;
+    Title: string;
+    DisplayName: string;
+    Email: string;
+    WorkPhone?: string;
+    Location?: string;
+    isSiteAdmin?: boolean;
+    isGuest?: boolean;
+}
+//# sourceMappingURL=IUserProperties.d.ts.map

package/lib/components/atoms/PersonaCard/Interfaces/IUserProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IUserProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IUserProperties.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/lib/components/atoms/PersonaCard/Interfaces/IUserProperties.js

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

package/lib/components/atoms/PersonaCard/Interfaces/IUserProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IUserProperties.js","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/IUserProperties.ts"],"names":[],"mappings":""}

package/lib/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.d.ts

@@ -0,0 +1,5 @@
+export declare const SiteAdminGroupName = "SiteAdmins";
+export declare const SiteAdminIconName = "HeadsetSolid";
+export declare const GuestsGroupName = "Guests";
+export declare const GuestsIconName = "UserWarning";
+//# sourceMappingURL=StandardPersonIconNames.d.ts.map

package/lib/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardPersonIconNames.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD,eAAO,MAAM,eAAe,WAAW,CAAC;AACxC,eAAO,MAAM,cAAc,gBAAgB,CAAC"}

package/lib/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.js

@@ -0,0 +1,5 @@
+export const SiteAdminGroupName = 'SiteAdmins';
+export const SiteAdminIconName = 'HeadsetSolid';
+export const GuestsGroupName = 'Guests';
+export const GuestsIconName = 'UserWarning';
+//# sourceMappingURL=StandardPersonIconNames.js.map

package/lib/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardPersonIconNames.js","sourceRoot":"","sources":["../../../../../src/components/atoms/PersonaCard/Interfaces/StandardPersonIconNames.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAC/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC"}

package/lib/components/atoms/PersonaCard/PersonaCard.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { IPersonaCardProps } from './Interfaces/IPersonaCardProps';
+import { IPersonaCardState } from './Interfaces/IPersonaCardState';
+/**
+ * 2023-03-28
+ * VERIFY STYLES BEFORE USING IN PRODUCTION
+ * Migrated scss back to css from Complaince/PivotTiles
+ */
+export declare class PersonaCard extends React.Component<IPersonaCardProps, IPersonaCardState> {
+    constructor(props: IPersonaCardProps);
+    /**
+     *
+     *
+     * @memberof PersonaCard
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     *
+     *
+     * @param {IPersonaCardProps} prevProps
+     * @param {IPersonaCardState} prevState
+     * @memberof PersonaCard
+     */
+    componentDidUpdate(prevProps: IPersonaCardProps, prevState: IPersonaCardState): void;
+    /**
+     *
+     *
+     * @private
+     * @returns
+     * @memberof PersonaCard
+     */
+    private _LivePersonaCard;
+    private getCardHeight;
+    private getCardPadding;
+    private getCardWidth;
+    /**
+     *
+     *
+     * @private
+     * @returns {JSX.Element}
+     * @memberof PersonaCard
+     */
+    private _PersonaCard;
+    /**
+     * Load SPFx component by id, SPComponentLoader is used to load the SPFx components
+     * @param componentId - componentId, guid of the component library
+     */
+    private _loadSPComponentById;
+    /**
+     *
+     *
+     * @returns {React.ReactElement<IPersonaCardProps>}
+     * @memberof PersonaCard
+     */
+    render(): React.ReactElement<IPersonaCardProps>;
+}
+//# sourceMappingURL=PersonaCard.d.ts.map

package/lib/components/atoms/PersonaCard/PersonaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaCard.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/PersonaCard/PersonaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAkBnE;;;;GAIG;AAEH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAC9C,iBAAiB,EACjB,iBAAiB,CAChB;gBACW,KAAK,EAAE,iBAAiB;IAKpC;;;;OAIG;IACU,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAU/C;;;;;;OAMG;IACI,kBAAkB,CACvB,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,iBAAiB,GAC3B,IAAI;IAGP;;;;;;OAMG;IAEH,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,aAAa;IAkBnB,OAAO,CAAC,cAAc;IAkBxB,OAAO,CAAC,YAAY;IAoBpB;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IAuFpB;;;OAGG;YAEW,oBAAoB;IAelC;;;;;OAKG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;CAevD"}

package/lib/components/atoms/PersonaCard/PersonaCard.js

@@ -0,0 +1,233 @@
+import * as React from 'react';
+import { Log, Environment, EnvironmentType, } from '@microsoft/sp-core-library';
+import { SPComponentLoader } from '@microsoft/sp-loader';
+import { Persona, PersonaSize } from 'office-ui-fabric-react/lib/Persona';
+import { DocumentCard, DocumentCardType } from 'office-ui-fabric-react/lib/DocumentCard';
+import { Icon } from 'office-ui-fabric-react/lib/Icon';
+require('@mikezimm/fps-styles/dist/PersonaCard.css');
+import { GuestsIconName, SiteAdminIconName, } from './Interfaces/StandardPersonIconNames';
+const EXP_SOURCE = 'SPFxDirectory';
+const LIVE_PERSONA_COMPONENT_ID = '914330ee-2df2-4f6e-a858-30c23a812408';
+/**
+ * 2023-03-28
+ * VERIFY STYLES BEFORE USING IN PRODUCTION
+ * Migrated scss back to css from Complaince/PivotTiles
+ */
+export class PersonaCard extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { livePersonaCard: undefined, pictureUrl: undefined };
+    }
+    /**
+     *
+     *
+     * @memberof PersonaCard
+     */
+    async componentDidMount() {
+        if (Environment.type !== EnvironmentType.Local) {
+            const sharedLibrary = await this._loadSPComponentById(LIVE_PERSONA_COMPONENT_ID);
+            const livePersonaCard = sharedLibrary.LivePersonaCard;
+            this.setState({ livePersonaCard: livePersonaCard });
+        }
+    }
+    /**
+     *
+     *
+     * @param {IPersonaCardProps} prevProps
+     * @param {IPersonaCardState} prevState
+     * @memberof PersonaCard
+     */
+    componentDidUpdate(prevProps, prevState) {
+    }
+    /**
+     *
+     *
+     * @private
+     * @returns
+     * @memberof PersonaCard
+     */
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+    _LivePersonaCard() {
+        return React.createElement(this.state.livePersonaCard, {
+            serviceScope: this.props.context.serviceScope,
+            upn: this.props.profileProperties.Email,
+            onCardOpen: () => {
+                console.log('LivePersonaCard Open');
+            },
+            onCardClose: () => {
+                console.log('LivePersonaCard Close');
+            },
+        }, this._PersonaCard());
+    }
+    //2020-11-24:  Added for adjusting card size
+    getCardHeight() {
+        const size = this.props.size;
+        if (size === PersonaSize.size72) {
+            return '120px';
+        }
+        else if (size === PersonaSize.size48) {
+            return '80px';
+        }
+        else if (size === PersonaSize.size32) {
+            return '60px';
+        }
+        else if (size === PersonaSize.size24 || size === PersonaSize.size28) {
+            return '45px';
+        }
+        else if (size === PersonaSize.size16) {
+            return '30px';
+        }
+        else if (size === PersonaSize.size10) {
+            return '20px';
+        }
+    }
+    //2021-04-13:  Added for adjusting card size
+    getCardPadding() {
+        const size = this.props.size;
+        if (size === PersonaSize.size72) {
+            return '15px';
+        }
+        else if (size === PersonaSize.size48) {
+            return '11px';
+        }
+        else if (size === PersonaSize.size32) {
+            return '8px';
+        }
+        else if (size === PersonaSize.size24 || size === PersonaSize.size28) {
+            return '7px';
+        }
+        else if (size === PersonaSize.size16) {
+            return '0px';
+        }
+        else if (size === PersonaSize.size10) {
+            return '0px';
+        }
+    }
+    //2020-11-24:  Added for adjusting card size
+    getCardWidth() {
+        const size = this.props.size;
+        let width = this.props.profileProperties.isSiteAdmin === true || this.props.profileProperties.isGuest === true ? 60 : 0;
+        if (size === PersonaSize.size72) {
+            width += 250;
+        }
+        else if (size === PersonaSize.size48) {
+            width += 210;
+        }
+        else if (size === PersonaSize.size32) {
+            width += 170;
+        }
+        else if (size === PersonaSize.size24 || size === PersonaSize.size28) {
+            width += 140;
+        }
+        else if (size === PersonaSize.size16) {
+            width += 120;
+        }
+        else if (size === PersonaSize.size10) {
+            width += 100;
+        }
+        return width + 'px';
+    }
+    /**
+     *
+     *
+     * @private
+     * @returns {JSX.Element}
+     * @memberof PersonaCard
+     */
+    _PersonaCard() {
+        const sizeBracket = this.props.size === PersonaSize.size16 || this.props.size === PersonaSize.size10 ? 'small' : 'large';
+        let docCardClass = `documentCardDefault${this.props.borderColorMsColorThemeDarkClass ? ` ${this.props.borderColorMsColorThemeDarkClass}` : ''}`;
+        if (this.props.profileProperties.isSiteAdmin === true) {
+            docCardClass = 'documentCardAdmin';
+        }
+        else if (this.props.profileProperties.isGuest === true) {
+            docCardClass = 'documentCardGuest';
+        }
+        const docCardClassFinal = [docCardClass, sizeBracket === 'large' ? 'documentCardBorder' : 'documentCardNoBorder',].join(' ');
+        const iconSize = this.props.iconSize;
+        const iconTextSize = this.props.iconTextSize;
+        const iconLeftPad = sizeBracket === 'large' ? '0px' : '20px';
+        const AdminIcon = this.props.profileProperties.isSiteAdmin !== true ? false :
+            React.createElement("div", { style: { fontSize: iconSize, color: 'darkgreen', paddingLeft: iconLeftPad, paddingRight: 10, whiteSpace: 'nowrap' } },
+                React.createElement(Icon, { iconName: SiteAdminIconName, title: 'Site Admin' }),
+                React.createElement("span", { style: { fontSize: iconTextSize } }, "Admin"));
+        const GuestIcon = this.props.profileProperties.isGuest !== true ? false :
+            React.createElement("div", { style: { fontSize: iconSize, color: 'saddlebrown', paddingLeft: iconLeftPad, paddingRight: 4, whiteSpace: 'nowrap' } },
+                React.createElement(Icon, { iconName: GuestsIconName, title: 'Guest User' }),
+                React.createElement("span", { style: { fontSize: iconTextSize } }, "Guest"));
+        const cardHeight = this.getCardHeight();
+        let personaStyles = 'inlineFlex';
+        if (cardHeight !== '120px' && (AdminIcon !== false || GuestIcon !== false)) {
+            personaStyles = 'inlineFlexWBPadding';
+        }
+        const personaClass = ['persona', sizeBracket === 'small' ? 'flexDirRow' : null].join(' ');
+        let personaContent = null;
+        if (sizeBracket === 'small') {
+            personaContent = React.createElement("div", { className: 'inlineFlexSpaceBetween' },
+                this.props.profileProperties.DisplayName,
+                "  ",
+                AdminIcon,
+                " ",
+                GuestIcon,
+                " ");
+        }
+        else {
+            personaContent = React.createElement(Persona, { text: this.props.profileProperties.DisplayName, secondaryText: this.props.profileProperties.Title, tertiaryText: this.props.profileProperties.Department, imageUrl: this.props.profileProperties.PictureUrl, size: this.props.size, imageShouldFadeIn: true, imageShouldStartVisible: true },
+                "  ",
+                React.createElement("div", { className: personaStyles },
+                    " ",
+                    AdminIcon,
+                    " ",
+                    GuestIcon,
+                    " "),
+                this.props.profileProperties.WorkPhone ? (React.createElement("div", null,
+                    React.createElement(Icon, { iconName: "Phone", style: { fontSize: '12px' } }),
+                    React.createElement("span", { style: { marginLeft: 5, fontSize: '12px' } },
+                        ' ',
+                        this.props.profileProperties.WorkPhone))) : (''),
+                this.props.profileProperties.Location ? (React.createElement("div", { className: 'textOverflow' },
+                    React.createElement(Icon, { iconName: "Poi", style: { fontSize: '12px' } }),
+                    React.createElement("span", { style: { marginLeft: 5, fontSize: '12px' } },
+                        ' ',
+                        this.props.profileProperties.Location))) : (''));
+        }
+        return (React.createElement(DocumentCard, { className: docCardClassFinal, type: DocumentCardType.normal, 
+            //2020-11-24:  Added for adjusting card size
+            style: { height: this.getCardHeight(), minWidth: this.getCardWidth(), maxWidth: this.getCardWidth() + 200 } },
+            React.createElement("div", { className: personaClass, style: { paddingTop: this.getCardPadding(), paddingBottom: this.getCardPadding(), minWidth: this.getCardWidth(), maxWidth: this.getCardWidth() + 200 } }, personaContent)));
+    }
+    /**
+     * Load SPFx component by id, SPComponentLoader is used to load the SPFx components
+     * @param componentId - componentId, guid of the component library
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    async _loadSPComponentById(componentId) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const component = await SPComponentLoader.loadComponentById(componentId);
+            return component;
+        }
+        catch (error) {
+            // eslint-disable-next-line no-void
+            void Promise.reject(error);
+            // 2023-03-28:  To migrate casting serviceScope as any to pass linting
+            Log.error(EXP_SOURCE, error, this.props.context.serviceScope);
+        }
+    }
+    /**
+     *
+     *
+     * @returns {React.ReactElement<IPersonaCardProps>}
+     * @memberof PersonaCard
+     */
+    render() {
+        const sizeBracket = this.props.size === PersonaSize.size16 || this.props.size === PersonaSize.size10 ? 'small' : 'large';
+        const personaContainer = sizeBracket === 'large' ? 'personaContainerNormal' : 'personaContainerSmall';
+        return (
+        //2020-11-24:  Added for adjusting card size
+        React.createElement("div", { className: personaContainer, style: { minWidth: this.getCardWidth(), maxWidth: this.getCardWidth() + 200 } }, this.state.livePersonaCard
+            ? this._LivePersonaCard()
+            : this._PersonaCard()));
+    }
+}
+//# sourceMappingURL=PersonaCard.js.map

package/lib/components/atoms/PersonaCard/PersonaCard.js.map

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

package/lib/components/atoms/PersonaCard/PersonaIcons.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function getAdminIcon(iconSize: number, iconLeftPad: string, iconTextSize: number): JSX.Element;
+export declare function getGuestIcon(iconSize: number, iconLeftPad: string, iconTextSize: number): JSX.Element;
+//# sourceMappingURL=PersonaIcons.d.ts.map

package/lib/components/atoms/PersonaCard/PersonaIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/PersonaCard/PersonaIcons.tsx"],"names":[],"mappings":";AAMA,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAI,GAAG,CAAC,OAAO,CAMvG;AAED,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAI,GAAG,CAAC,OAAO,CAMvG"}

package/lib/components/atoms/PersonaCard/PersonaIcons.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+import { GuestsIconName, SiteAdminIconName, } from './Interfaces/StandardPersonIconNames';
+export function getAdminIcon(iconSize, iconLeftPad, iconTextSize) {
+    const AdminIcon = React.createElement("div", { style: { fontSize: iconSize, color: 'darkgreen', paddingLeft: iconLeftPad, paddingRight: 10, whiteSpace: 'nowrap' } },
+        React.createElement(Icon, { iconName: SiteAdminIconName, title: 'Site Admin' }),
+        React.createElement("span", { style: { fontSize: iconTextSize } }, "Admin"));
+    return AdminIcon;
+}
+export function getGuestIcon(iconSize, iconLeftPad, iconTextSize) {
+    const GuestIcon = React.createElement("div", { style: { fontSize: iconSize, color: 'saddlebrown', paddingLeft: iconLeftPad, paddingRight: 4, whiteSpace: 'nowrap' } },
+        React.createElement(Icon, { iconName: GuestsIconName, title: 'Guest User' }),
+        React.createElement("span", { style: { fontSize: iconTextSize } }, "Guest"));
+    return GuestIcon;
+}
+//# sourceMappingURL=PersonaIcons.js.map

package/lib/components/atoms/PersonaCard/PersonaIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaIcons.js","sourceRoot":"","sources":["../../../../src/components/atoms/PersonaCard/PersonaIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,GAAG,MAAM,iCAAiC,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,iBAAiB,GAAG,MAAM,sCAAsC,CAAC;AAE1F,MAAM,UAAU,YAAY,CAAE,QAAgB,EAAE,WAAmB,EAAE,YAAoB;IACrF,MAAM,SAAS,GAAG,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAG,KAAK,EAAE,WAAW,EAAG,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC1I,oBAAC,IAAI,IAAC,QAAQ,EAAG,iBAAiB,EAAG,KAAK,EAAE,YAAY,GAAI;QAC5D,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAc,CACjD,CAAC;IACP,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,YAAY,CAAE,QAAgB,EAAE,WAAmB,EAAE,YAAoB;IACvF,MAAM,SAAS,GAAG,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAG,KAAK,EAAE,aAAa,EAAG,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE;QACzI,oBAAC,IAAI,IAAC,QAAQ,EAAG,cAAc,EAAG,KAAK,EAAE,YAAY,GAAI;QACzD,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAc,CACjD,CAAC;IACP,OAAO,SAAS,CAAC;AACrB,CAAC"}