{"_id":"@8base/file-manager","_rev":"14-d8cfff9eaa70105e9913b6757cf8a0a5","name":"@8base/file-manager","dist-tags":{"latest":"1.0.13","beta":"1.0.11"},"versions":{"1.0.0":{"name":"@8base/file-manager","version":"1.0.0","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"devDependencies":{"@types/react":"^18.2.61","typescript":"^5.3.3"},"dependencies":{"react-dropzone":"^14.2.3","@apollo/client":"^3.3.7","apollo-client":"^2.6.10","graphql":"^15.5.0","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"2359d5ed191d33399e36160d5d79227797041182","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.0","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-SHSavdkd/zvXqdYxPAkD2FEV8IJ5PwSjszb/Yh73EKKoqNk71PTN6KAlCRwNGUyR6KsxDf3c8eT2+YL5oq13+A==","shasum":"6332812038dea5f99ae6d60d8bc02b4a1bbbdea8","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.0.tgz","fileCount":16,"unpackedSize":49320,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBsq13ytg7+I0qPoQhYP/1hf+nC9D9nIZe/0jdnclKmWAiEAyr4WlEsMSmuLvmKFZ5vrvT4aW4TjDpe2COhtHnsnNBk="}]},"_npmUser":{"name":"8base-bot","email":"npmpublisher@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.0_1709243254104_0.5194906066308616"},"_hasShrinkwrap":false},"1.0.1":{"name":"@8base/file-manager","version":"1.0.1","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","@apollo/client":"^3.3.7","apollo-client":"^2.6.10","graphql":"^15.5.0"},"devDependencies":{"@types/react":"^18.2.61","typescript":"^5.3.3","@types/react-dom":"^18.0.9"},"dependencies":{"react-dropzone":"^14.2.3","apollo-client":"^2.6.10"},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\nInstructions for using this package are available in [docs](https://github.com/8base/file-manager/blob/main/doc/README.md)\n\n## Contributing\n\nSee [CONTRIBUTING.md](https://github.com/8base/file-manager/blob/main/CONTRIBUTING.md).\n\nThis project follows the [8base Open Source Guidelines](https://docs.8base.com/contributing) and uses [ESLint](https://eslint.org/) to ensure code quality.\n\n","readmeFilename":"README.md","gitHead":"b6a83ef280bc6a3e4d47172b0ffaccd038088dda","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.1","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-gNE6b8rARed9ovbNNjKPmnfKNb0BBDhNpANioLdF1VxsoewzKmFmlqwJGGYuh41B++RyDbW7CMICafbpgEJj3Q==","shasum":"61b0f2704663d55d2e49a803f837b7055354cbe9","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.1.tgz","fileCount":16,"unpackedSize":49415,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOFjOz8uGRiLdBSA3p+0BcJJYu8rG/KGGOIfx4w3lNqwIgdfN6T19P4Bf34gSzjzWVpfPV8Wdvny38xQ/xNjxKBwk="}]},"_npmUser":{"name":"8base-bot","email":"npmpublisher@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.1_1709299407368_0.06663419850291308"},"_hasShrinkwrap":false},"1.0.3":{"name":"@8base/file-manager","version":"1.0.3","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","@apollo/client":"^3.3.7","apollo-client":"^2.6.10","graphql":"^15.5.0"},"devDependencies":{"@types/react":"^18.2.61","typescript":"^5.3.3","@types/react-dom":"^18.0.9"},"dependencies":{"@emotion/css":"^11.1.3","apollo-client":"^2.6.10","react-dropzone":"^14.2.3","@apollo/client":"^3.3.7"},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"67c6969ed2cf4f0f0c30a3bc38bb233fed4509da","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.3","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-eT0E3Tt67PdmRakFG065ynTuvAE4EVckuhlacOI17B5NZzjIltlb/1RDwhhC/RKHnwTjNA/zRA3u0nYIdv7wYQ==","shasum":"9c3ee62914503e943bdf049dcf888688cbe7da52","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.3.tgz","fileCount":30,"unpackedSize":75626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3SYeiwrjeSm8kbMSIo2MAMqmIgncZVD1LZMLZvPSaQgIhAIBEn280p5uQOkneCBaCAqhSXCMk1b9zoLxZpqknfH5u"}]},"_npmUser":{"name":"8base-bot","email":"npmpublisher@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.3_1709315371580_0.092406796672581"},"_hasShrinkwrap":false},"1.0.4":{"name":"@8base/file-manager","version":"1.0.4","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"react":"^16.8.6","react-dom":"^16.8.6","apollo-client":"^2.6.10","graphql":"^15.5.0","@apollo/client":"^3.2.2"},"devDependencies":{"@types/react":"^18.2.61","typescript":"^5.3.3","@types/react-dom":"^18.0.9"},"dependencies":{"react-dropzone":"^14.2.3","apollo-client":"^2.6.10","@emotion/css":"^11.1.3","@apollo/client":"^3.2.2"},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"22091bc40129910adbc15d690ab6294474bff331","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.4","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-cRkluSXGU7BwieQqeAtmg64FMAsh5GpqucIAuwepXxfx5P1gcrO0Tdn3jjL6dnTGJtnn6lJRqooRA2SdqnsGww==","shasum":"a781666eadb319246107137aa71d21fc33890925","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.4.tgz","fileCount":30,"unpackedSize":75626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBuVBJmuLwX33ytHXkVBFvWUAd9srXVGVduAqOS1BYgXAiEA5pWIcEvqU6ZbHqb3Owz+Nq5T9WFIzVuhZiu7JDk1oZw="}]},"_npmUser":{"name":"8base-bot","email":"npmpublisher@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.4_1709319401680_0.5892064095517671"},"_hasShrinkwrap":false},"1.0.5":{"name":"@8base/file-manager","version":"1.0.5","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.8.6","react-apollo":"^3.1.0","react-dom":"^16.8.6"},"dependencies":{"@emotion/css":"^11.11.2","@types/react":"^18.2.61","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react":"^16.8.6","react-apollo":"^3.1.0","react-dom":"^16.8.6","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"408691eb1961c6028eee9e0d69dfd57b99b07aed","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.5","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-1VDlkvlySK2xDymCCjynVykVvsBNZKNq9TM0ZyuZ+gAhocq7hN1wcC7LaMpOjLo6iVhAToivK9+pk04c/9/Wbw==","shasum":"6d0bd374d1e5cf1d1d618aa168427b341a00b596","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.5.tgz","fileCount":54,"unpackedSize":106500,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZQqIaBk47NdFfZcdYNqT5xYJDX6aVIX6UCUTQs9IWtAIhAMtr1HADUZ/WO4km0CZitX05ODzPB3QdAsbniQm4fS6A"}]},"_npmUser":{"name":"8base-bot","email":"npmpublisher@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.5_1709527403827_0.18487780023753686"},"_hasShrinkwrap":false},"1.0.6":{"name":"@8base/file-manager","version":"1.0.6","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"7e425e3189b5c1cf280dcb386187721cf0ce4bd8","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.6","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-6UUqLR35b9pDRaUKQkQuJJ/6Zx6WZERwZp6RaLIaHAMaJ/ihKMCKDBqFB3rn0zeLxKOV2iNAwG2mBdI4q14VJg==","shasum":"77fea7ea4f2a413d78ea5429454b27204a1dfb81","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.6.tgz","fileCount":64,"unpackedSize":144360,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBpzVV2ozVEx/H2XW9Zxp0vSJp65fkwJrkMuuJgMh71CAiEA0sl7qFUMu78sCEgHlYNCDP3N4ZY4Rfl928xU/VxvlP0="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.6_1709563404655_0.4558267283545885"},"_hasShrinkwrap":false},"1.0.7":{"name":"@8base/file-manager","version":"1.0.7","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"_id":"@8base/file-manager@1.0.7","readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"f1e2063c8e93003afe3562a2b0de33c9d567850e","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-BagkhXIqhD4RdyCNqfxdsH0RN69eMSbvafR343L2rWuT8TvsjzIaPQ/rL1Zkxpc17NKzEexYEGebHbC8W2GWNg==","shasum":"6c6aac9c015b074dc3906bbc9e2c031293b344b3","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.7.tgz","fileCount":64,"unpackedSize":147109,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjwNTmx9NBR4Rcp/eYUUi3X8QHwE0YRggJvduCYeSkoAIhAOxtQd3jFFbk1LZA/h3Q1rK1rZRmdDGNolT2B17UVto3"}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.7_1709655045037_0.39338715562627646"},"_hasShrinkwrap":false},"1.0.8":{"name":"@8base/file-manager","version":"1.0.8","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"05e0cb0b829a772a75c840ed5d8bc02fe8687916","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.8","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-8dk5Ad+JxN3qKXxyb/eLQTchRVI+ZrWZUrUvHb+DYP6QQMY1cCpglQoOkzQ5jLq3m2lzNDE6ivEatE5Kj7dJcQ==","shasum":"b42ff5646283abe5f0601efd6a19121a6f476e42","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.8.tgz","fileCount":54,"unpackedSize":108423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8Y558jWhQu3vo+pJvvKmr9n/Ms1oWdtceX0NFPh1liAIgdsnSwv2yT5DVLqgOMLMSRSvsvLhKt9wdIff0M0hjXLY="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.8_1709675803204_0.6908521530334264"},"_hasShrinkwrap":false},"1.0.9":{"name":"@8base/file-manager","version":"1.0.9","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"_id":"@8base/file-manager@1.0.9","readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"85cd1fa4d865f378c651b8efd7c1b63b23f12a3d","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-0BTw/rNWZdtcsbvzx9ZDCybKuB3TI1U/gSSK9mOphghImdVEdlEDXroed8SAkiFNTnmKO0tlD3m7sS0NRYnsQg==","shasum":"1a204e2151b162713097951243a4ce908af24251","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.9.tgz","fileCount":64,"unpackedSize":147399,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFA8tjAcr17kUuwkxhBOeB7ty6R+7094bp3Eatbg4W1BAiBlJ5vUYCktv+Ex2RTBDhLkJpKhTDMAc9CuzsJqHQW7fg=="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.9_1709911372248_0.01682701660774555"},"_hasShrinkwrap":false},"1.0.10":{"name":"@8base/file-manager","version":"1.0.10","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"85cd1fa4d865f378c651b8efd7c1b63b23f12a3d","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.10","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-7y/BqGppMuMM5IZsWTaNGXY6jO7gWGa1HkIk+XSnmUiXacmHvGX+fKFMxiDVufBE8yidgN89DZEmTYWDR4Z1AA==","shasum":"80331239251ada235ef2aa6d4c2dbef3fae3b63d","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.10.tgz","fileCount":64,"unpackedSize":147602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARqfGMy3d7C0qzX4+HQGGmEidqvaXEFT7cRDf0il58zAiEAzjR4qSztWHJHLhtTVdtgNrolPnQtsL5FjEUKq59l+V0="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.10_1709912458258_0.9915372932905093"},"_hasShrinkwrap":false},"1.0.11":{"name":"@8base/file-manager","version":"1.0.11","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileManager } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md","gitHead":"4ac87ef1838890f04d17fade2367dcc78c5b4a0f","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.11","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-Uyr/0XYErQyjHwuhBw4e77Q898jSFLi7VCLkkrh+5RPnYnHiHMxT7+XByEM6GcBQ47Sej9jY2nvj/yt4SkZpRg==","shasum":"cffe436f62ac63bf8c34c7321fb4d08c00b3d8ac","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.11.tgz","fileCount":54,"unpackedSize":108811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDny5+hSccqURQ+qTWK5TS0bS/mLTa6FadPIoeiO65H6AiEA6s2OvV19xBvELkN7fcv4QtAX56gX67umwIazopVg+zs="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.11_1710360519241_0.016952509550849815"},"_hasShrinkwrap":false},"1.0.12":{"name":"@8base/file-manager","version":"1.0.12","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"gitHead":"4ac87ef1838890f04d17fade2367dcc78c5b4a0f","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.12","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-C1urkkuFZAtADj51Mc0X48myDNkS+uZu2hh15CWhYEPKFztDanISRu+KJwxLQbOSjfG4GV411oxSJVX9ybf3lQ==","shasum":"38bd9c59dc6d2a7a5df85e9e60457b7d550f7414","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.12.tgz","fileCount":54,"unpackedSize":108811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFDo0k8+OHfekDBC3ObsPAAwiP7q6AvT4impW4+klpn4AiEAlQl74Xzmrn8vSWlXtd8OHnGm++xGKmSXe4Gi/12Xhrc="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.12_1710457101228_0.13984456906040577"},"_hasShrinkwrap":false},"1.0.13":{"name":"@8base/file-manager","version":"1.0.13","main":"dist/index.js","module":"dist/index.js","typings":"dist/index.d.ts","author":{"name":"8base"},"license":"MIT","scripts":{"build":"tsc -p ."},"peerDependencies":{"apollo-client":"^2.6.3","graphql":"^14.0.0","react":"^16.13.1","react-apollo":"^3.1.0","react-dom":"^16.14.0"},"dependencies":{"@apollo/client":"^3.9.5","@emotion/css":"^11.1.3","filestack-js":"3.7.0","graphql-tag":"^2.10.0","react-dropzone":"^11.3.4"},"devDependencies":{"@babel/core":"^7.4.3","@types/graphql":"^14.2.0","@types/jest":"^24.0.13","apollo-client":"^2.6.3","babel-jest":"^24.8.0","graphql":"^14.3.1","jest":"24.7.1","react-test-renderer":"^16.8.6","ts-jest":"^24.0.2","typescript":"^4.1.3"},"jest":{"globals":{"ts-jest":{"tsConfig":"<rootDir>/tsconfig.json"}},"collectCoverageFrom":["<rootDir>/src/**","!<rootDir>/**/__tests__/**"],"moduleFileExtensions":["ts","tsx","js","jsx"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"testMatch":["**/__tests__/**/*.[jt]s?(x)","**/?(*.)+(spec|test).[jt]s?(x)"]},"gitHead":"bf5033e7c6f056468b43bceae79d4ffb7aece418","description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","_id":"@8base/file-manager@1.0.13","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-Ekl2NPaTicuFtS2tAowpqkECCRguOXa0awArFcu9I2xkkLLCAZtUKzwgLZhPVpL0GkI59Bt39iNfrxeSlCaqlg==","shasum":"57df585719b91685d2cc71d6430907d06a677ba0","tarball":"https://registry.npmjs.org/@8base/file-manager/-/file-manager-1.0.13.tgz","fileCount":54,"unpackedSize":108991,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFq4ujy4Pz7m7YgwBa8oWE/VIOkiFK4f07XTZbp85zEgAiAKzaQyc4ryfg1VHotxXieiolCHWZv4Te3/IGYMGFW1Sg=="}]},"_npmUser":{"name":"dav1nx1","email":"oscar.corcho@8base.com"},"directories":{},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/file-manager_1.0.13_1710969721694_0.6044102860056193"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-29T21:47:34.029Z","1.0.0":"2024-02-29T21:47:34.235Z","modified":"2024-03-20T21:22:02.447Z","1.0.1":"2024-03-01T13:23:27.523Z","1.0.2":"2024-03-01T17:31:28.688Z","1.0.3":"2024-03-01T17:49:31.724Z","1.0.4":"2024-03-01T18:56:41.839Z","1.0.5":"2024-03-04T04:43:23.969Z","1.0.6":"2024-03-04T14:43:24.834Z","1.0.7":"2024-03-05T16:10:45.225Z","1.0.8":"2024-03-05T21:56:43.335Z","1.0.9":"2024-03-08T15:22:52.434Z","1.0.10":"2024-03-08T15:40:58.449Z","1.0.11":"2024-03-13T20:08:39.497Z","1.0.12":"2024-03-14T22:58:21.379Z","1.0.13":"2024-03-20T21:22:01.923Z"},"maintainers":[{"name":"dav1nx1","email":"oscar.corcho@8base.com"},{"name":"jorge.osorio","email":"jorge.osorio@8base.com"},{"name":"8base-bot","email":"npmpublisher@8base.com"}],"description":"This package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)","author":{"name":"8base"},"license":"MIT","readme":"# 8base-file-manager\n\nThis package provides a simple tool for uploading files to a server or a custom s3 AWS service. Related with  [8base](https://8base.com/)\n\n## Installation\n\nYou can install the package via yarn | npm:\n\n```bash\nyarn add @8base/file-manager\nnpm install @8base/file-manager --save\n```\n\n# Usage\n\n1- Import the package using the following snippet when you want to use it in your project.\n\n```js\nimport { FileInput } from '@8base/file-manager';\n```\n2- Create a new instance of the `FileManager` class and pass an object with the required configuration parameters. The available options are:\n\n| Option | Type     | Description                                                |\n| :-------- | :------- | :--------------------------------------------------------- |\n| **apiKey** | `string` | Your 8base API key, can be found in your [profile](https://app.8base.com/#/settings) |\n| **workspace** | `number` | The workspace id of the app you want to upload files to |\n| **environment** | `string` | the environment id, if you don't know it, by default is 'Master' (default: https://api-eu-west-1.graph.8base.com/v0) |\n| **useFilestack** | `boolean` | Set this option to true if you want to use [filestack](https://www.filestack.com/) as a storage provider |\n| **useS3** | `boolean` | Set this option to true if you want to use AWS S3 service as a storage provider (default: false) |\n| **maxFiles** | `string` | Number of  files that can be uploaded at once |\n| **value** | `string` | value for the input field |\n| **onChange** | `function` | callback function when file is selected |\n\n3- You must have a apollo provider  in your app.jsx or index.jsx to use this package:\n\n```js\nconst API_TOKEN = 'xxxxxxx-xxxx-xxxx-xxxx-xxxx'\n\n// Create a middleware that adds the API token to the request headers\nconst authLink = setContext((_, { headers }) => {\n  return {\n    headers: {\n      ...headers,\n      authorization: API_TOKEN ? `Bearer ${API_TOKEN}` : '',\n    },\n  };\n});\n\nconst httpLink = createHttpLink({\n  uri: `https://api.8base.com/<your-workspace-id>`,\n});\n\nconst client = new ApolloClient({\n  link: authLink.concat(httpLink),\n  cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={ client }>\n      <App />\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Important Notes\n- You must pass the `apiKey` to your app in order for this package to work.\n- You must configure first on your 8base backend workspace the settings related with the storage provider you want to use (see below).\n    - If you don't have any workspace, create one and then go to the settings page and add a new app service:\n    - [File Storage](https://app.8base.com/workspace/<your-workspace-id>/app-services/storageservice)\n\n\n","readmeFilename":"README.md"}