@jfvilas/react-file-manager 1.0.3 → 1.0.5
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 +7 -20
- package/dist/react-file-manager.es.js +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<div align="center">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
</div>
|
|
10
|
-
|
|
1
|
+
# React File Manager
|
|
11
2
|
<p>
|
|
12
|
-
An open-source React
|
|
3
|
+
An open-source React package for easy integration of a file manager into applications. It provides a user-friendly interface for managing files and folders, including viewing, uploading, and deleting, with full UI and backend integration.
|
|
4
|
+
|
|
5
|
+
This project is forked from [this fantastic project](https://github.com/Saifullah-dev/react-file-manager).
|
|
13
6
|
</p>
|
|
14
7
|
|
|
15
8
|
## ✨ Features
|
|
@@ -28,14 +21,12 @@ An open-source React.js package for easy integration of a file manager into appl
|
|
|
28
21
|
- **Drag-and-Drop**: Move selected files and folders by dragging them to the desired directory,
|
|
29
22
|
making file organization effortless.
|
|
30
23
|
|
|
31
|
-
|
|
32
|
-
|
|
33
24
|
## 🚀 Installation
|
|
34
25
|
|
|
35
26
|
To install `React File Manager`, use the following command:
|
|
36
27
|
|
|
37
28
|
```bash
|
|
38
|
-
npm i @
|
|
29
|
+
npm i @jfvilas/react-file-manager
|
|
39
30
|
```
|
|
40
31
|
|
|
41
32
|
## 💻 Usage
|
|
@@ -44,8 +35,8 @@ Here’s a basic example of how to use the File Manager Component in your React
|
|
|
44
35
|
|
|
45
36
|
```jsx
|
|
46
37
|
import { useState } from "react";
|
|
47
|
-
import { FileManager } from "@
|
|
48
|
-
import "@
|
|
38
|
+
import { FileManager } from "@jfvilas/react-file-manager";
|
|
39
|
+
import "@jfvilas/react-file-manager/dist/style.css";
|
|
49
40
|
|
|
50
41
|
function App() {
|
|
51
42
|
const [files, setFiles] = useState([
|
|
@@ -334,7 +325,3 @@ function App() {
|
|
|
334
325
|
- After that, folder changes are driven by `onFolderChange`.
|
|
335
326
|
- If you want to keep the path in sync with user navigation, use a controlled state (as shown
|
|
336
327
|
above).
|
|
337
|
-
|
|
338
|
-
## ©️ License
|
|
339
|
-
|
|
340
|
-
React File Manager is [MIT Licensed](LICENSE).
|
|
@@ -3251,8 +3251,8 @@ const An = ({ folder: n, onFileOpen: e, icons: t }) => {
|
|
|
3251
3251
|
/* @__PURE__ */ k("div", { className: "sb-folder-details", children: [
|
|
3252
3252
|
o ? (
|
|
3253
3253
|
//{isOpen || isActive ? (
|
|
3254
|
-
n.class && t && t.get(n.class) ? t.get(n.class)
|
|
3255
|
-
) : n.class && t && t.get(n.class) ? t.get(n.class)
|
|
3254
|
+
n.class && t && t.get(n.class) ? t.get(n.class).open : /* @__PURE__ */ d(Kt, { size: 20, className: "folder-open-icon" })
|
|
3255
|
+
) : n.class && t && t.get(n.class) ? t.get(n.class).closed : /* @__PURE__ */ d(qt, { size: 17, className: "folder-close-icon" }),
|
|
3256
3256
|
/* @__PURE__ */ d("span", { className: "sb-folder-name", title: n.name, children: n.name })
|
|
3257
3257
|
] })
|
|
3258
3258
|
]
|
|
@@ -3267,7 +3267,7 @@ const An = ({ folder: n, onFileOpen: e, icons: t }) => {
|
|
|
3267
3267
|
children: [
|
|
3268
3268
|
/* @__PURE__ */ d("span", { className: "non-expanable" }),
|
|
3269
3269
|
/* @__PURE__ */ k("div", { className: "sb-folder-details", children: [
|
|
3270
|
-
s ? n.class && t && t.get(n.class) ? t.get(n.class)
|
|
3270
|
+
s ? n.class && t && t.get(n.class) ? t.get(n.class).open : /* @__PURE__ */ d(Kt, { size: 20, className: "folder-open-icon" }) : n.class && t && t.get(n.class) ? t.get(n.class).closed : /* @__PURE__ */ d(qt, { size: 17, className: "folder-close-icon" }),
|
|
3271
3271
|
/* @__PURE__ */ d("span", { className: "sb-folder-name", title: n.name, children: n.name })
|
|
3272
3272
|
] })
|
|
3273
3273
|
]
|