{"_id":"@microsoft/file-browser","_rev":"79-460db47494b8c02c2a1556f6389a8a2a","name":"@microsoft/file-browser","dist-tags":{"latest":"1.0.0-preview.0"},"versions":{"0.0.0":{"name":"@microsoft/file-browser","version":"0.0.0","author":"","license":"MIT","_id":"@microsoft/file-browser@0.0.0","maintainers":[{"name":"microsoft","email":"npmjs@microsoft.com"}],"dist":{"shasum":"6c5c07a9583c80ac3b3c6fae4cbaf1037553fb96","tarball":"https://registry.npmjs.org/@microsoft/file-browser/-/file-browser-0.0.0.tgz","fileCount":1,"integrity":"sha512-axrypWsZBC1y2haLvrPc4Pyjr/AvovEctlyFfVckSUBaVaZARy7fAzRr8G8zU+NC1h2l8G4kliKcyuGNErXBPA==","signatures":[{"sig":"MEUCIDdo7z4K/KewyeBEMKsHrp+PY5CPKoAn66OSmbyi6ZyfAiEAjUOyMywTMRO2M7vsVdIwiZW16pV40z0mEWoJRdncAp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboWFOCRA9TVsSAnZWagAACScP/2JyXdWCqxP6LtyWIWu0\nhGS29xIk5eC7YJrcco9J/tsNZZUe3CVKtzZu81vHxZCn7yx2XBTOJLX1DJnP\nEVs0dJSLLVl0CCVJGLi4GyIQT3EdFfv7TmrF//X17XIC6xc2LHk5Zn/GaG68\nvkuBfurgqxLQo5pTBp1hjR0wdDzhDHY5a0TvS2HG7i3GCDqpti0VuDeG6bYI\nzSrareMPddaqd5E1kplwIcYg3ctDBtD0Ggg1VO4XvBSKWgIGO0NdoA4yo0Ik\nmxvc69TN9SU7M532DP5fNplFxo6BILCGNuSY0Zox0Rx/+z3JwhObmRTKJarP\noX2O55//jtNbwCGIBRn7wI0vVdoi+vEvKOcG8et0isKyPZp7y0VlfIcBtRoG\n/9grDwRsjH/XO3IHQ6chKLg2J4GtbmOD2veHx4Gxd/Q03kCb9w0oDQAx24ZB\n2YAGHv4oyUe4fZR8H8EGwAnOiwCiiXx6LlVGtCBnYBqbYMLURTkxSNiArELc\neLE+JRfJZXXoc0xW8RXUD9dmm/FPV/0DL7xQUqmf1kJjT8LcWYcbmp2Uyuhn\nVqb4IRApI4CtftRwMyfT/++uxNGB8Ow6jUFIIXlCKx2YdkKiTbadVTgFMO9g\nIiy4TWWn6M84KnNZnyoDKh2+Qsu+zcl/Ksunjv+Ct7gMNXxt+FKtf2wimRGV\nFlXz\r\n=BFkh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"microsoft","email":"npmjs@microsoft.com"},"_npmVersion":"6.4.1","description":"","directories":{},"_nodeVersion":"8.11.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/file-browser_0.0.0_1537302861434_0.6131000844045063","host":"s3://npm-registry-packages"}},"1.0.0-preview.0":{"name":"@microsoft/file-browser","version":"1.0.0-preview.0","license":"SEE LICENSE IN \"EULA\" FOLDER","_id":"@microsoft/file-browser@1.0.0-preview.0","maintainers":[{"name":"microsoft","email":"npmjs@microsoft.com"},{"name":"odspnpm","email":"odspnpm@microsoft.com"}],"dist":{"shasum":"395b0216f61f0b87844cc1dfe816e61617a2a84f","tarball":"https://registry.npmjs.org/@microsoft/file-browser/-/file-browser-1.0.0-preview.0.tgz","fileCount":48,"integrity":"sha512-d+wRha/myp6QtaWS/cPEEa8LIoJ6O88yberGuNtINbpa9q3zdmBlUa3BxrPK6GCDWOixmX0p931kXPueXMEFLQ==","signatures":[{"sig":"MEYCIQDxZTdTPEJL3t+oe2blLZxx0qBuSsjo0YHprJH/Hlw+7QIhAMTILG7Vgrv5BUfIxc6Pd5AHdquhOzKSOuh6tT4URlx1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2821143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrBGPCRA9TVsSAnZWagAA9U4P/1ObnTGfe5+yFtr6iWzy\n22dVlQf6RPvPo8Qv/xL239rjqdN57B+366SDY3Yr9fjUOa+PeyV7vIQSfh4d\nah2nlZhfXhxl+IKOSwu5nj0P62jWahPhsH3FvCdRNqZ+VjrdBlcBgmP8aHX/\nMFPCvkldYrGOVQM8fXqDcDVA2416w349nKQJJqu+ZDJC3glxVxA1ZephXoJZ\nuGf8gOmfJ3hPOxZs6/tpx6Zvdvv+JbTnQXN/NzVWUgqvcMk34kjFKj/XVPpK\nvaeL1KxVAv22J5Sfc2+UwPErba8eQRmY0kRcDl88y6pgpyhTNThWGWP64LUx\nBXqLwgcCKUwmCXYCoB9l85i0LwjfWhbBoe162mwq30gLDkEG6ORdLXad+yt7\nrTx+jX0dzI7SZsgOxy3e6ndUR7O1pxQzzjLRdvmJmBoWJJR1fKrZN8BmZ2Om\negpHGebE+0Bgvy8xXNmflOadpo2JwWLn1XVitUTVXgnecIEgBZSqEDvhJYIS\nONy0HIry19oAPNyA78Aq7y0T57tBSw7sYKLN8JQE6vApsVczjTJRp5dgXk2a\nl+OUK6DMEyp4v7d4pTYdM9dQLj8wGZLecugHmRT7ugW5NIhJVdYAEtYmKrIo\n45oc5j+o0K6m7nHDTp7mxLaJigPzw1mu/WpfsmqBlww7jC9KBBKtjhI4krmR\nJld1\r\n=ngxf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/file-browser_en-us.js","_from":".","tsdoc":{"tsdocFlavor":"AEDoc"},"_shasum":"395b0216f61f0b87844cc1dfe816e61617a2a84f","scripts":{"test":"jest --config config/jest/jest.config.json","build":"gulp test --clean","test-watch":"jest --config config/jest/jest.config.json --watch"},"typings":"dist/index-internal.d.ts","_npmUser":{"name":"odspnpm","email":"odspnpm@microsoft.com"},"_npmVersion":"3.10.10","description":"A React component for rendering a customizable file library using the Microsoft Graph API","directories":{},"_nodeVersion":"6.9.5","dependencies":{"tslib":"~1.8.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"~3.9.1","jest":"~22.4.3","react":"16.3.2","react-dom":"16.3.2","@types/jest":"21.1.10","@types/react":"16.4.2","@ms/items-view":"1.63.4","@uifabric/icons":"5.8.0","@types/react-dom":"16.0.5","@types/webpack-env":"1.13.1","@uifabric/utilities":"5.34.1","@uifabric/experiments":"5.44.2","office-ui-fabric-react":"5.123.0","@ms/utilities-date-time":"0.1.30","@ms/items-view-utilities":"0.11.12","@ms/sp-build-internal-web":"~0.22.2","@ms/items-view-addon-graph":"1.7.12"},"peerDependencies":{"react":"^16.3.2","react-dom":"^16.3.2","@types/react":"*","@types/react-dom":"*","@uifabric/utilities":"^5.34.1","office-ui-fabric-react":"^5.123.0"},"_npmOperationalInternal":{"tmp":"tmp/file-browser_1.0.0-preview.0_1538003342416_0.9238620834850535","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-09-18T20:34:21.434Z","modified":"2026-07-16T15:45:07.055Z","0.0.0":"2018-09-18T20:34:21.540Z","1.0.0-preview.0":"2018-09-26T23:09:02.671Z"},"license":"SEE LICENSE IN \"EULA\" FOLDER","description":"A React component for rendering a customizable file library using the Microsoft Graph API","maintainers":[{"email":"npmjs@microsoft.com","name":"microsoft1es"},{"email":"microsoft-oss-publishing@microsoft.com","name":"microsoft-oss-releases"},{"email":"odspnpm@microsoft.com","name":"odspnpm"}],"readme":"# @microsoft/file-browser\r\n\r\n*This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.*\r\n\r\nThe `@microsoft/file-browser` library provides a reusable [React](https://reactjs.org/) component for building file experiences with the [Microsoft Graph API](https://developer.microsoft.com/en-us/graph).\r\n\r\n## Installation\r\n\r\nThe `@microsoft/file-browser` package has several peer dependencies that the library relies on.  The bundle requires its consumers to provide `react` and `react-dom`.  If you are using TypeScript, the package also relies on typings for React and `office-ui-fabric-react`.  (The `office-ui-fabric-react` components themselves are included in the bundle.)\r\n\r\nHere is an example `package.json` excerpt showing the dependency on `@microsoft/file-browser` with appropriate peer dependencies:\r\n\r\n```json\r\n  \"dependencies\": {\r\n    \"@microsoft/file-browser\": \"~1.0.0-preview.0\",\r\n    \"office-ui-fabric-react\": \"^5.123.0\",\r\n    \"react\": \"^16.5.2\",\r\n    \"react-dom\": \"^16.5.2\",\r\n  },\r\n  \"devDependencies\": {\r\n    \"@types/react\": \"^16.4.14\",\r\n    \"@types/react-dom\": \"^16.0.7\"\r\n  }\r\n```\r\n\r\n## Usage\r\n\r\nIn your React app, render the component by importing the `GraphFileBrowser` component from `@microsoft/file-browser` and providing a `getAuthenticationToken` prop. The `getAuthenticationToken` prop expects a function that returns a resolved `Promise` with a valid [Microsoft Graph](https://developer.microsoft.com/en-us/graph) access token. Additional information on retrieving valid access tokens can be found within [this tutorial](https://developer.microsoft.com/en-us/graph/docs/concepts/auth_overview).\r\n\r\nThe example below also provides function props for `onSuccess` and `onCancel`. The `onSuccess` callback is invoked upon valid selection of items within the File Browser. The `onCancel` callback is invoked when the User cancels a selection or an error is thrown.\r\n\r\n```tsx\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\n\r\nimport { GraphFileBrowser } from '@microsoft/file-browser';\r\n\r\nclass App extends React.Component {\r\n  getAuthenticationToken() {\r\n    return new Promise(resolve => {\r\n      resolve(\r\n        \"<access_token>\"\r\n      );\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <GraphFileBrowser\r\n        getAuthenticationToken={this.getAuthenticationToken}\r\n        onSuccess={(selectedKeys: any[]) => console.log(selectedKeys)}\r\n        onCancel={(err: Error) => console.log(err.message)}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nReactDOM.render(\r\n  <App />,\r\n  mountNode\r\n);\r\n```\r\n\r\n*This package is part of the [SharePoint Framework](http://aka.ms/spfx),\r\nwhich is a collection of NPM packages that empower developers to create client-side experiences\r\nfor [Microsoft SharePoint](https://products.office.com/en-us/sharepoint/collaboration).\r\nFor more information, including complete API documentation and code samples, please visit\r\nthe [SharePoint Framework](http://aka.ms/spfx) web site.*\r\n","readmeFilename":"README.md"}