Merge branch 'next/fluentui' into main-to-next-1

Author: musale

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @microsoftgraph/microsoft-graph-toolkit-write

.gitignore

@@ -43,3 +43,4 @@ package-lock.json
 # storybook
 storybook-static/
 custom-elements.json
+workbench.html

CODE_OF_CONDUCT.md

@@ -0,0 +1,9 @@
+# Microsoft Open Source Code of Conduct
+
+This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
+
+Resources:
+
+- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- [Microsoft Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/)
+- Contact [[email protected]](mailto:[email protected]) with questions or concerns

index.html

@@ -91,6 +91,11 @@ <h2>mgt-todo</h2>
       <h2>mgt-file-list</h2>
       <mgt-file-list></mgt-file-list>
       <h2>mgt-picker</h2>
+      <mgt-picker resource="me/todo/lists" scopes="tasks.read, tasks.readwrite"></mgt-picker>
+      <h2>mgt-search-box</h2>
+      <mgt-search-box search-term="contoso"></mgt-search-box>
+      <h2>mgt-search-results</h2>
+      <mgt-search-results query-string="contoso"></mgt-search-results>
       <mgt-picker resource="me/todo/lists" scopes="tasks.read, tasks.readwrite"></mgt-picker> -->
     </main>
   </body>

lerna.json

@@ -2,6 +2,7 @@
   "packages": [
     "packages/*",
     "packages/providers/*",
+    "samples/react-admin-app",
     "samples/react-app",
     "samples/angular-app",
     "samples/vue-app",

package.json

@@ -6,6 +6,7 @@
     "packages": [
       "packages/*",
       "packages/providers/*",
+      "samples/react-admin-app",
       "samples/react-app",
       "samples/angular-app",
       "samples/vue-app",
@@ -22,6 +23,7 @@
     ]
   },
   "scripts": {
+    "init": "yarn && yarn build",
     "analyze": "custom-elements-manifest analyze --litelement --globs \"./packages/*/src/**/*.ts\"",
     "build": "npm run prettier:check && npm run clean && lerna run build --scope @microsoft/*",
     "build:compile": "npm run prettier:check && npm run clean && lerna run build:compile --scope @microsoft/*",
@@ -50,6 +52,9 @@
     "watch": "lerna run --parallel --stream --scope @microsoft/* build:watch ",
     "watch:serve": "npm-run-all --parallel watch serve",
     "watch:serve:https": "npm-run-all -parallel watch serve:https",
+    "watch:components": "lerna run --parallel build:watch --scope @microsoft/mgt-components --include-dependents",
+    "watch:react-admin-app": "lerna run start --scope react-admin-app",
+    "watch:react": "npm-run-all --parallel watch:components watch:react-admin-app",
     "prettier:base": "prettier --parser typescript",
     "prettier:check": "npm run prettier:base -- --check \"packages/**/*.{ts,tsx}\"",
     "prettier:write": "npm run prettier:base -- --write \"packages/**/*.{ts,tsx}\"",

packages/mgt-components/package.json

@@ -39,7 +39,7 @@
     "@microsoft/mgt-element": "*",
     "@microsoft/microsoft-graph-client": "^3.0.0",
     "@microsoft/microsoft-graph-types": "^2.0.0",
-    "@microsoft/microsoft-graph-types-beta": "^0.16.0-preview",
+    "@microsoft/microsoft-graph-types-beta": "^0.29.0-preview",
     "@fluentui/web-components": "^2.5.12",
     "office-ui-fabric-core": "^11.0.0"
   },

packages/mgt-components/src/components/CacheResponse.ts

@@ -0,0 +1,11 @@
+import { CacheItem } from '@microsoft/mgt-element';
+
+/**
+ * Object to be stored in cache representing a generic query
+ */
+export interface CacheResponse extends CacheItem {
+  /**
+   * json representing a response as string
+   */
+  response?: string;
+}

packages/mgt-components/src/components/components.ts

@@ -10,6 +10,8 @@ import './mgt-file/mgt-file';
 import './mgt-file-list/mgt-file-list';
 import './mgt-picker/mgt-picker';
 import './mgt-get/mgt-get';
+import './mgt-search-box/mgt-search-box';
+import './mgt-search-results/mgt-search-results';
 import './mgt-login/mgt-login';
 import './mgt-people-picker/mgt-people-picker';
 import './mgt-people/mgt-people';
@@ -30,6 +32,8 @@ export * from './mgt-file/mgt-file';
 export * from './mgt-file-list/mgt-file-list';
 export * from './mgt-picker/mgt-picker';
 export * from './mgt-get/mgt-get';
+export * from './mgt-search-box/mgt-search-box';
+export * from './mgt-search-results/mgt-search-results';
 export * from './mgt-login/mgt-login';
 export * from './mgt-people-picker/mgt-people-picker';
 export * from './mgt-people/mgt-people';

packages/mgt-components/src/components/mgt-file/mgt-file.ts

@@ -494,7 +494,9 @@ export class MgtFile extends MgtTemplatedComponent {
         this.driveItem.package === undefined && this.driveItem.folder === undefined
           ? re.exec(this.driveItem.name)[1]
             ? re.exec(this.driveItem.name)[1].toLowerCase()
-            : 'null'
+            : this.driveItem.size
+            ? 'null'
+            : 'folder'
           : this.driveItem.package !== undefined
           ? this.driveItem.package.type === 'oneNote'
             ? 'onetoc'