@cubone/react-file-manager 1.16.3 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -38
- package/dist/react-file-manager.es.js +487 -483
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -112,6 +112,9 @@ type File = {
|
|
|
112
112
|
| `isLoading` | boolean | A boolean state indicating whether the application is currently performing an operation, such as creating, renaming, or deleting a file/folder. Displays a loading state if set `true`. |
|
|
113
113
|
| `layout` | "list" \| "grid" | Specifies the default layout style for the file manager. Can be either "list" or "grid". Default value is "grid". |
|
|
114
114
|
| `maxFileSize` | number | For limiting the maximum upload file size in bytes. |
|
|
115
|
+
| `onCopy` | (files: Array<[File](#-file-structure)>) => void | (Optional) A callback function triggered when one or more files or folders are copied providing copied files as an argument. Use this function to perform custom actions on copy event. |
|
|
116
|
+
| |
|
|
117
|
+
| `onCut` | (files: Array<[File](#-file-structure)>) => void | (Optional) A callback function triggered when one or more files or folders are cut, providing the cut files as an argument. Use this function to perform custom actions on the cut event. |
|
|
115
118
|
| `onCreateFolder` | (name: string, parentFolder: [File](#-file-structure)) => void | A callback function triggered when a new folder is created. Use this function to update the files state to include the new folder under the specified parent folder using create folder API call to your server. |
|
|
116
119
|
| `onDelete` | (files: Array<[File](#-file-structure)>) => void | A callback function is triggered when one or more files or folders are deleted. |
|
|
117
120
|
| `onDownload` | (files: Array<[File](#-file-structure)>) => void | A callback function triggered when one or more files or folders are downloaded. |
|
|
@@ -167,44 +170,6 @@ const CustomImagePreviewer = ({ file }) => {
|
|
|
167
170
|
/>;
|
|
168
171
|
```
|
|
169
172
|
|
|
170
|
-
## 🤝 Contributing
|
|
171
|
-
|
|
172
|
-
Contributions are welcome! To contribute:
|
|
173
|
-
|
|
174
|
-
1. Fork the repository.
|
|
175
|
-
2. Create a new branch (`git checkout -b feature/branch-name`).
|
|
176
|
-
3. Make your changes.
|
|
177
|
-
4. Commit your changes (`git commit -m 'Add some feature'`).
|
|
178
|
-
5. Push to the branch (`git push origin feature/branch-name`).
|
|
179
|
-
6. Open a Pull Request.
|
|
180
|
-
|
|
181
|
-
Get started by running following commands:
|
|
182
|
-
|
|
183
|
-
```bash
|
|
184
|
-
git clone https://github.com/Saifullah-dev/react-file-manager.git
|
|
185
|
-
cd react-file-manager
|
|
186
|
-
```
|
|
187
|
-
|
|
188
|
-
**Frontend**
|
|
189
|
-
|
|
190
|
-
```bash
|
|
191
|
-
cd frontend
|
|
192
|
-
npm i
|
|
193
|
-
npm run dev
|
|
194
|
-
```
|
|
195
|
-
|
|
196
|
-
The application should now be running on `http://localhost:5173`.
|
|
197
|
-
|
|
198
|
-
**Backend**
|
|
199
|
-
|
|
200
|
-
```bash
|
|
201
|
-
cd backend
|
|
202
|
-
npm i
|
|
203
|
-
npm run devStart
|
|
204
|
-
```
|
|
205
|
-
|
|
206
|
-
The server should now be running on `http://localhost:3000`, have fun!
|
|
207
|
-
|
|
208
173
|
## ©️ License
|
|
209
174
|
|
|
210
175
|
React File Manager is [MIT Licensed](LICENSE).
|