@mikezimm/fps-library-v2 1.0.148 → 1.0.149

package/CHANGELOG.md

@@ -5,12 +5,25 @@ 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.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

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

@@ -0,0 +1,11 @@
+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;
+}
+//# 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;CACtB"}

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';
+        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"}

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

@@ -0,0 +1,54 @@
+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 PersonaRow extends React.Component<IPersonaCardProps, IPersonaCardState> {
+    constructor(props: IPersonaCardProps);
+    /**
+     *
+     *
+     * @memberof PersonaRow
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     *
+     *
+     * @param {IPersonaCardProps} prevProps
+     * @param {IPersonaCardState} prevState
+     * @memberof PersonaRow
+     */
+    componentDidUpdate(prevProps: IPersonaCardProps, prevState: IPersonaCardState): void;
+    /**
+     *
+     *
+     * @private
+     * @returns
+     * @memberof PersonaRow
+     */
+    private _LivePersonaCard;
+    /**
+     *
+     *
+     * @private
+     * @returns {JSX.Element}
+     * @memberof PersonaCard
+     */
+    private _PersonaRow;
+    /**
+     * 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=PersonaRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaRow.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/PersonaCard/PersonaRow.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;AAmBnE;;;;GAIG;AAEH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAC7C,iBAAiB,EACjB,iBAAiB,CAChB;gBACW,KAAK,EAAE,iBAAiB;IAKpC;;;;OAIG;IACU,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAW/C;;;;;;OAMG;IACI,kBAAkB,CACvB,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,iBAAiB,GAC3B,IAAI;IAIP;;;;;;OAMG;IAEH,OAAO,CAAC,gBAAgB;IAiBxB;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAwBnB;;;OAGG;YAEW,oBAAoB;IAelC;;;;;OAKG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;CAavD"}

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

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { Log, Environment, EnvironmentType, } from '@microsoft/sp-core-library';
+import { SPComponentLoader } from '@microsoft/sp-loader';
+import { DocumentCard, DocumentCardType, } from 'office-ui-fabric-react/lib/DocumentCard';
+import { getAdminIcon, getGuestIcon } from './PersonaIcons';
+require('@mikezimm/fps-styles/dist/PersonaRow.css');
+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 PersonaRow extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { livePersonaCard: undefined, pictureUrl: undefined };
+    }
+    /**
+     *
+     *
+     * @memberof PersonaRow
+     */
+    async componentDidMount() {
+        if (Environment.type !== EnvironmentType.Local) {
+            const sharedLibrary = await this._loadSPComponentById(LIVE_PERSONA_COMPONENT_ID);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const livePersonaCard = sharedLibrary.LivePersonaCard;
+            this.setState({ livePersonaCard: livePersonaCard });
+        }
+    }
+    /**
+     *
+     *
+     * @param {IPersonaCardProps} prevProps
+     * @param {IPersonaCardState} prevState
+     * @memberof PersonaRow
+     */
+    componentDidUpdate(prevProps, prevState) {
+        //
+    }
+    /**
+     *
+     *
+     * @private
+     * @returns
+     * @memberof PersonaRow
+     */
+    // 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._PersonaRow());
+    }
+    /**
+     *
+     *
+     * @private
+     * @returns {JSX.Element}
+     * @memberof PersonaCard
+     */
+    _PersonaRow() {
+        const AdminIcon = this.props.profileProperties.isSiteAdmin !== true ? false : getAdminIcon(this.props.iconSize, '20px', this.props.iconTextSize);
+        const GuestIcon = this.props.profileProperties.isGuest !== true ? false : getGuestIcon(this.props.iconSize, '20px', this.props.iconTextSize);
+        const personaContent = React.createElement("div", { className: 'inlineFlexSpaceBetween' },
+            this.props.profileProperties.DisplayName,
+            "  ",
+            AdminIcon,
+            " ",
+            GuestIcon,
+            " ");
+        const personaClass = ['persona'].join(' ');
+        return (React.createElement(DocumentCard, { className: 'docCardRow', type: DocumentCardType.normal, style: {} },
+            React.createElement("div", { className: personaClass, style: {} }, 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 personaContainer = 'personaContainerSmall';
+        return (
+        //2020-11-24:  Added for adjusting card size
+        React.createElement("div", { className: personaContainer, style: {} }, this.state.livePersonaCard
+            ? this._LivePersonaCard()
+            : this._PersonaRow()));
+    }
+}
+//# sourceMappingURL=PersonaRow.js.map

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

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