mgwdev-m365-components 0.0.3 → 0.0.5

package/{lib → dist}/services/PersonaService.d.ts

@@ -1,12 +1,12 @@
-import { IHttpClient } from "mgwdev-m365-helpers/lib/dal/http/IHttpClient";
-import { ICacheService } from "mgwdev-m365-helpers/lib/services/cache";
-import { IUser } from "mgwdev-m365-helpers";
-export declare class PersonaService {
-    protected graphClient: IHttpClient;
-    updatePresence?: boolean;
-    storageService: ICacheService;
-    protected key: string;
-    cacheExpiration: number;
-    constructor(graphClient: IHttpClient, updatePresence?: boolean);
-    getUser(id?: string, size?: "48x48" | "64x64" | "96x96" | "120x120" | "240x240"): Promise<IUser>;
-}
+import { IHttpClient } from "mgwdev-m365-helpers/lib/dal/http/IHttpClient";
+import { ICacheService } from "mgwdev-m365-helpers/lib/services/cache";
+import { IUser } from "mgwdev-m365-helpers";
+export declare class PersonaService {
+    protected graphClient: IHttpClient;
+    updatePresence?: boolean;
+    storageService: ICacheService;
+    protected key: string;
+    cacheExpiration: number;
+    constructor(graphClient: IHttpClient, updatePresence?: boolean);
+    getUser(id?: string, size?: "48x48" | "64x64" | "96x96" | "120x120" | "240x240"): Promise<IUser>;
+}

package/{lib → dist}/utils/FileUtils.d.ts

@@ -1,29 +1,29 @@
-export declare const DOCICONURL_XLSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xlsx.png";
-export declare const DOCICONURL_DOCX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/docx.png";
-export declare const DOCICONURL_PPTX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pptx.png";
-export declare const DOCICONURL_MPPX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/mpp.png";
-export declare const DOCICONURL_PHOTO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/photo.png";
-export declare const DOCICONURL_PDF = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pdf.png";
-export declare const DOCICONURL_TXT = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/txt.png";
-export declare const DOCICONURL_EMAIL = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/email.png";
-export declare const DOCICONURL_CSV = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/csv.png";
-export declare const DOCICONURL_ONE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/one.png";
-export declare const DOCICONURL_VSDX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vsdx.png";
-export declare const DOCICONURL_VSSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vssx.png";
-export declare const DOCICONURL_PUB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pub.png";
-export declare const DOCICONURL_ACCDB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/accdb.png";
-export declare const DOCICONURL_ZIP = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/zip.png";
-export declare const DOCICONURL_GENERIC = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/genericfile.png";
-export declare const DOCICONURL_CODE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/code.png";
-export declare const DOCICONURL_HTML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/html.png";
-export declare const DOCICONURL_XML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xml.png";
-export declare const DOCICONURL_SPO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/spo.png";
-export declare const DOCICONURL_VIDEO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/video.png";
-export default class FileUtils {
-    /**
-     * GetFileImageUrl
-     */
-    static getFileImageUrl(_file: string): string;
-    static getShortName: (name: string) => string;
-    static isOndrive: (name: string) => Promise<boolean>;
-}
+export declare const DOCICONURL_XLSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xlsx.png";
+export declare const DOCICONURL_DOCX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/docx.png";
+export declare const DOCICONURL_PPTX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pptx.png";
+export declare const DOCICONURL_MPPX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/mpp.png";
+export declare const DOCICONURL_PHOTO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/photo.png";
+export declare const DOCICONURL_PDF = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pdf.png";
+export declare const DOCICONURL_TXT = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/txt.png";
+export declare const DOCICONURL_EMAIL = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/email.png";
+export declare const DOCICONURL_CSV = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/csv.png";
+export declare const DOCICONURL_ONE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/one.png";
+export declare const DOCICONURL_VSDX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vsdx.png";
+export declare const DOCICONURL_VSSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vssx.png";
+export declare const DOCICONURL_PUB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pub.png";
+export declare const DOCICONURL_ACCDB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/accdb.png";
+export declare const DOCICONURL_ZIP = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/zip.png";
+export declare const DOCICONURL_GENERIC = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/genericfile.png";
+export declare const DOCICONURL_CODE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/code.png";
+export declare const DOCICONURL_HTML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/html.png";
+export declare const DOCICONURL_XML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xml.png";
+export declare const DOCICONURL_SPO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/spo.png";
+export declare const DOCICONURL_VIDEO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/video.png";
+export default class FileUtils {
+    /**
+     * GetFileImageUrl
+     */
+    static getFileImageUrl(_file: string): string;
+    static getShortName: (name: string) => string;
+    static isOndrive: (name: string) => Promise<boolean>;
+}

package/{lib → dist}/utils/StringUtils.d.ts

@@ -1 +1 @@
-export declare function camelCase(value: string): string;
+export declare function camelCase(value: string): string;

package/{lib → dist}/utils/ThumbnailUtils.d.ts

@@ -1,7 +1,7 @@
-import { IHttpClient } from "mgwdev-m365-helpers";
-import { IDocumentSearchResult } from "../model";
-export declare class ThumbnailUtils {
-    static getThumbnailUrl: (item: IDocumentSearchResult, size: "small" | "medium" | "large") => string;
-    static getThumbnailImageFromGraphApiCall: (graphClient: IHttpClient, graphApiUrl: string) => Promise<any>;
-    static getThumbnailImageFromGraph: (item: IDocumentSearchResult, graphClient: IHttpClient, size?: "small" | "medium" | "large") => Promise<any>;
-}
+import { IHttpClient } from "mgwdev-m365-helpers";
+import { IDocumentSearchResult } from "../model";
+export declare class ThumbnailUtils {
+    static getThumbnailUrl: (item: IDocumentSearchResult, size: "small" | "medium" | "large") => string;
+    static getThumbnailImageFromGraphApiCall: (graphClient: IHttpClient, graphApiUrl: string) => Promise<any>;
+    static getThumbnailImageFromGraph: (item: IDocumentSearchResult, graphClient: IHttpClient, size?: "small" | "medium" | "large") => Promise<any>;
+}

package/{lib → dist}/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./FileUtils";
-export * from "./ThumbnailUtils";
-export * from "./StringUtils";
+export * from "./FileUtils";
+export * from "./ThumbnailUtils";
+export * from "./StringUtils";

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,67 +1,70 @@
-{
-  "name": "mgwdev-m365-components",
-  "private": false,
-  "version": "0.0.3",
-  "scripts": {
-    "start": "vite",
-    "build": "tsc && vite build",
-    "build-lib": "gulp build",
-    "test": "vitest",
-    "test:report": "vitest --reporter=junit --outputFile.junit=./tests/TEST-mgwdev-m365-components.xml --watch=false",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "keywords": [
-    "SharePoint",
-    "MSGraph"
-  ],
-  "author": "m.g.wojciechowski@gmail.com",
-  "license": "MIT",
-  "dependencies": {
-    "@azure/msal-browser": "^3.6.0",
-    "@fluentui/react-components": "^9.42.0",
-    "handlebars": "^4.7.8",
-    "handlebars-group-by": "^1.0.1",
-    "handlebars-helpers": "^0.10.0",
-    "jspath": "^0.4.0",
-    "mgwdev-m365-helpers": "^0.1.13",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "vite-plugin-dts": "^3.6.4"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "devDependencies": {
-    "@microsoft/rush-stack-compiler-4.7": "^0.1.0",
-    "@microsoft/sp-build-web": "^1.18.2",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.6.0",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.8",
-    "vitest": "^1.6.0"
-  },
-  "files": [
-    "lib"
-  ],
-  "main": "./dist/mwdev-m365-components.umd.js",
-  "module": "./dist/mwdev-m365-components.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/mwdev-m365-components.es.js",
-      "require": "./dist/mwdev-m365-components.umd.js"
-    }
-  }
-}
+{
+  "name": "mgwdev-m365-components",
+  "private": false,
+  "version": "0.0.5",
+  "scripts": {
+    "start": "vite",
+    "build": "tsc && vite build",
+    "build-lib": "gulp build",
+    "test": "vitest",
+    "test:report": "vitest --reporter=junit --outputFile.junit=./tests/TEST-mgwdev-m365-components.xml --watch=false",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "SharePoint",
+    "MSGraph"
+  ],
+  "author": "m.g.wojciechowski@gmail.com",
+  "license": "MIT",
+  "dependencies": {
+    "@azure/msal-browser": "^3.6.0",
+    "@fluentui/react-components": "^9.42.0",
+    "@testing-library/react": "^16.2.0",
+    "handlebars": "^4.7.8",
+    "handlebars-group-by": "^1.0.1",
+    "handlebars-helpers": "^0.10.0",
+    "jspath": "^0.4.0",
+    "mgwdev-m365-helpers": "^0.2.10",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "vite-plugin-dts": "^3.6.4"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@microsoft/rush-stack-compiler-4.7": "^0.1.0",
+    "@microsoft/sp-build-web": "^1.18.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.6.0",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^26.0.0",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vitest": "^1.6.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/mwdev-m365-components.umd.js",
+  "module": "./dist/mwdev-m365-components.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/mwdev-m365-components.es.js",
+      "require": "./dist/mwdev-m365-components.umd.js"
+    }
+  }
+}

package/lib/App.js

@@ -1,212 +0,0 @@
-import * as React from 'react';
-import { AuthenticationContextProvider, GraphContextProvider, SPContextProvider } from './context';
-import { DrivePicker, PeoplePicker, TeamPicker } from './components/common/graphEntityPicker';
-import { SitePicker } from './components/common/graphEntityPicker/SitePicker';
-import { Msal2AuthenticationService } from 'mgwdev-m365-helpers/lib/services/Msal2AuthenticationService';
-import { ListPickerPicker } from './components/common/graphEntityPicker/ListPicker';
-import { GetSiteTemplateContext } from './components/provisioning/GetSiteTemplate';
-function App() {
-    var pnpSearchWPConfig = {
-        "queryTemplate": "{searchTerms}",
-        "selectedProperties": "Title,Path,Created,Filename,SiteLogo,PreviewUrl,PictureThumbnailURL,ServerRedirectedPreviewURL,ServerRedirectedURL,HitHighlightedSummary,FileType,contentclass,ServerRedirectedEmbedURL,ParentLink,DefaultEncodingURL,owstaxidmetadataalltagsinfo,Author,AuthorOWSUSER,SPSiteUrl,SiteTitle,IsContainer,IsListItem,HtmlFileType,SiteId,WebId,UniqueID,OriginalPath,FileExtension,IsDocument,NormSiteID,NormWebID,NormListID,NormUniqueID",
-        "enableQueryRules": false,
-        "includeOneDriveResults": false,
-        "showBlank": true,
-        "showResultsCount": true,
-        "webPartTitle": "",
-        "enableLocalization": true,
-        "useDefaultSearchQuery": false,
-        "resultTypes@odata.type": "#Collection(String)",
-        "resultTypes": [],
-        "useExternalRefinersDisplay": false,
-        "useExternalPaginationDisplay": false,
-        "appliedRefiners@odata.type": "#Collection(String)",
-        "appliedRefiners": [],
-        "refinersConfiguration@odata.type": "#Collection(String)",
-        "refinersConfiguration": [],
-        "sortableFields@odata.type": "#Collection(String)",
-        "sortableFields": [],
-        "synonymList@odata.type": "#Collection(String)",
-        "synonymList": [],
-        "searchQueryLanguage": -1,
-        "queryModifiers@odata.type": "#Collection(String)",
-        "queryModifiers": [],
-        "refinementFilters": "",
-        "selectedLayout": 2,
-        "defaultSearchQuery": "",
-        "inlineTemplateText": "<content id=\"template\">\n\n    <style>\n        \n        /* Insert your CSS overrides here */\n\n    </style>\n\n    <div class=\"template_root\">\n        <span>Test</span>\n            <div class=\"template_defaultCard\">\n                {{#if showResultsCount}}\n                <div class=\"template_resultCount\">\n                    <label class=\"ms-fontWeight-semibold\">{{getCountMessage @root.paging.totalItemsCount keywords}}</label>\n                </div>\n                {{/if}}\n                <div class=\"document-card-container\">\n                    {{#each items as |item|}}\n                    <div class=\"document-card-item\">\n                        {{#> resultTypes item=item}}\n\n                                <pnp-document-card data-item=\"{{JSONstringify item}}\" data-fields-configuration=\"{{JSONstringify @root.documentCardFields}}\" data-enable-preview=\"{{@root.enablePreview}}\" data-show-file-icon=\"{{@root.showFileIcon}}\" data-is-compact=\"{{@root.isCompact}}\"></pnp-document-card>\n                        {{/resultTypes}}\n                    </div>\n                    {{/each}}\n                </div>\n            </div>\n            {{#if @root.paging.showPaging}}\n                <pnp-pagination \n                    data-total-items=\"{{@root.paging.totalItemsCount}}\" \n                    data-hide-first-last-pages=\"{{@root.paging.hideFirstLastPages}}\"\n                    data-hide-disabled=\"{{@root.paging.hideDisabled}}\"\n                    data-hide-navigation=\"{{@root.paging.hideNavigation}}\"\n                    data-range=\"{{@root.paging.pagingRange}}\" \n                    data-items-count-per-page=\"{{@root.paging.itemsCountPerPage}}\" \n                    data-current-page-number=\"{{@root.paging.currentPageNumber}}\"\n                >\n                </pnp-pagination>\n            {{/if}}\n    </div>\n</content>\n\n<content id=\"placeholder\">   \n    <div class=\"placeholder_root\">\n        <div class=\"template_defaultCard\">\n            {{#if showResultsCount}}\n                <div class=\"template_resultCount\">\n                    <span class=\"shimmer line\" style=\"width: 20%\"></span>\n                </div>\n            {{/if}}\n            <div class=\"document-card-container\"> \n                {{#times @root.paging.totalItemsCount}}\n                    <div class=\"document-card-item\">\n                        <pnp-document-card-shimmers data-is-compact=\"{{@root.isCompact}}\"></pnp-document-card-shimmers>\n                    </div>\n                {{/times}}\n            </div>\n        </div>\n    </div>\n</content>",
-        "externalTemplateUrl": "",
-        "paging": {
-            "@odata.type": "#graph.Json",
-            "itemsCountPerPage": 10,
-            "pagingRange": 5,
-            "showPaging": true,
-            "hideDisabled": true,
-            "hideFirstLastPages": false,
-            "hideNavigation": false
-        },
-        "sortList@odata.type": "#Collection(graph.Json)",
-        "sortList": [
-            {
-                "sortField": "Created",
-                "sortDirection": 1
-            },
-            {
-                "sortField": "Size",
-                "sortDirection": 2
-            }
-        ],
-        "templateParameters": {
-            "@odata.type": "#graph.Json",
-            "showFileIcon": false,
-            "documentCardFields@odata.type": "#Collection(graph.Json)",
-            "documentCardFields": [
-                {
-                    "name": "Title",
-                    "field": "title",
-                    "value": "Title",
-                    "useHandlebarsExpr": false,
-                    "supportHtml": false
-                },
-                {
-                    "name": "Location",
-                    "field": "location",
-                    "value": "<a style=\"color:{{@themeVariant.palette.themePrimary}}\" href=\"{{SPSiteUrl}}\">{{SiteTitle}}</a>",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": true
-                },
-                {
-                    "name": "Tags",
-                    "field": "tags",
-                    "value": "{{#if owstaxidmetadataalltagsinfo}}<i class='ms-Icon ms-Icon--Tag' aria-hidden='true'></i> {{#each (split owstaxidmetadataalltagsinfo ',') as |tag| }}<a class=\"ms-Link\" href=\"#owstaxidmetadataalltagsinfo:'{{trim tag}}'\">{{tag}}</a>{{/each}}{{/if}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": true
-                },
-                {
-                    "name": "Preview Image",
-                    "field": "previewImage",
-                    "value": "{{{getPreviewSrc item}}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "Preview URL",
-                    "field": "previewUrl",
-                    "value": "{{#eq contentclass 'STS_ListItem_851'}}{{{DefaultEncodingURL}}}{{else}}{{#eq FileType 'pdf'}}{{#contains Path '-my.sharepoint'}}{{{ServerRedirectedEmbedURL}}}{{else}}{{{Path}}}{{/contains}}{{else}}{{{ServerRedirectedEmbedURL}}}{{/eq}}{{/eq}} ",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "Date",
-                    "field": "date",
-                    "value": "{{getDate item.Created 'LL'}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "URL",
-                    "field": "href",
-                    "value": "{{getUrl item}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "Author",
-                    "field": "author",
-                    "value": "Author",
-                    "useHandlebarsExpr": false,
-                    "supportHtml": false
-                },
-                {
-                    "name": "Profile Image",
-                    "field": "profileImage",
-                    "value": "{{#with (split AuthorOWSUSER '|')}}/_layouts/15/userphoto.aspx?size=L&username={{[0]}}{{/with}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "IconSrc",
-                    "field": "iconSrc",
-                    "value": "{{IconSrc}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "IconExt",
-                    "field": "iconExt",
-                    "value": "{{IconExt}}",
-                    "useHandlebarsExpr": true,
-                    "supportHtml": false
-                },
-                {
-                    "name": "File Extension",
-                    "field": "fileExtension",
-                    "value": "FileType",
-                    "useHandlebarsExpr": false,
-                    "supportHtml": false
-                }
-            ],
-            "detailsListColumns@odata.type": "#Collection(graph.Json)",
-            "detailsListColumns": [
-                {
-                    "name": "Title",
-                    "value": "Title",
-                    "useHandlebarsExpr": false,
-                    "minWidth": "80",
-                    "maxWidth": "300",
-                    "enableSorting": false,
-                    "isMultiline": false,
-                    "isResizable": true,
-                    "isResultItemLink": true,
-                    "sortIdx": 1
-                },
-                {
-                    "name": "Created",
-                    "value": "{{getDate Created 'LL'}}",
-                    "useHandlebarsExpr": true,
-                    "minWidth": "80",
-                    "maxWidth": "120",
-                    "enableSorting": false,
-                    "isMultiline": false,
-                    "isResizable": false,
-                    "isResultItemLink": false,
-                    "sortIdx": 2
-                },
-                {
-                    "name": "Summary",
-                    "value": "{{getSummary HitHighlightedSummary}}",
-                    "useHandlebarsExpr": true,
-                    "minWidth": "80",
-                    "maxWidth": "300",
-                    "enableSorting": false,
-                    "isMultiline": true,
-                    "isResizable": false,
-                    "isResultItemLink": false,
-                    "sortIdx": 3
-                },
-                {
-                    "uniqueId": "9c4eb969-17ac-4bf0-928e-7eb916688378",
-                    "name": "Author",
-                    "value": "Author",
-                    "minWidth": "50",
-                    "maxWidth": "310",
-                    "enableSorting": true
-                }
-            ]
-        }
-    };
-    var clientId = import.meta.env.VITE_FRONTEND_CLIENT_ID;
-    var authService = new Msal2AuthenticationService({ clientId: clientId }, false);
-    var _a = React.useState(), site = _a[0], setSite = _a[1];
-    return (React.createElement(AuthenticationContextProvider, { authProvider: authService },
-        React.createElement(GraphContextProvider, null,
-            React.createElement(SPContextProvider, { siteUrl: import.meta.env.VITE_SITE_URL },
-                React.createElement(React.Fragment, null,
-                    React.createElement(PeoplePicker, { key: "people-picker", label: "People picker", description: "Pick some people here" }),
-                    React.createElement(TeamPicker, { key: "team-picker", label: "Team picker", description: "Pick a team here" }),
-                    React.createElement(DrivePicker, { key: "drive-picker", label: "Drive picker", description: "Pick a drive here" }),
-                    React.createElement(SitePicker, { onEntitySelected: function (site) { return setSite(site[0]); }, label: "Site picker", description: "Pick a site " }),
-                    site && React.createElement(ListPickerPicker, { siteId: site.id, label: "List picker", description: "Pick a list from ".concat(site.displayName) }),
-                    React.createElement(GetSiteTemplateContext, null))))));
-}
-export default App;

package/lib/components/Test.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { useGraph, useSP } from "../context";
-export function Test(props) {
-    var graphClient = useGraph().graphClient;
-    var _a = useSP(), spClient = _a.spClient, siteUrl = _a.siteUrl;
-    var _b = React.useState(true), loading = _b[0], setLoading = _b[1];
-    var _c = React.useState(undefined), user = _c[0], setUser = _c[1];
-    var _d = React.useState(undefined), web = _d[0], setWeb = _d[1];
-    React.useEffect(function () {
-        if (graphClient) {
-            graphClient.get("https://graph.microsoft.com/v1.0/me").then(function (resp) {
-                resp.json().then(function (response) {
-                    setUser(response);
-                    setLoading(false);
-                });
-            });
-        }
-        if (spClient) {
-            spClient.get("".concat(siteUrl, "/_api/web"), {
-                headers: {
-                    "Accept": "application/json;odata=nometadata"
-                }
-            }).then(function (resp) {
-                resp.json().then(function (response) {
-                    setWeb(response);
-                    setLoading(false);
-                });
-            });
-        }
-    }, [graphClient]);
-    if (loading) {
-        return React.createElement("div", null, "Loading...");
-    }
-    return React.createElement("div", null,
-        React.createElement("div", null, user === null || user === void 0 ? void 0 : user.displayName),
-        React.createElement("div", null, web === null || web === void 0 ? void 0 : web.Title));
-}