ywana-core8 0.0.888 → 0.0.889
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/dist/index.cjs +50 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +48 -1
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +50 -0
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/explorer/Explorer.js +3 -3
package/dist/index.cjs
CHANGED
@@ -4306,6 +4306,53 @@ var UploadDialog = function UploadDialog(_ref) {
|
|
4306
4306
|
}), children);
|
4307
4307
|
};
|
4308
4308
|
|
4309
|
+
/**
|
4310
|
+
* File Explorer
|
4311
|
+
*/
|
4312
|
+
var FileExplorer = function FileExplorer(props) {
|
4313
|
+
var _useState = React.useState("10002"),
|
4314
|
+
selectedFolder = _useState[0],
|
4315
|
+
setSelectedFolder = _useState[1];
|
4316
|
+
var _useState2 = React.useState(),
|
4317
|
+
selectedFile = _useState2[0],
|
4318
|
+
setSelectedFile = _useState2[1];
|
4319
|
+
var _useState3 = React.useState(),
|
4320
|
+
search = _useState3[0],
|
4321
|
+
setSearch = _useState3[1];
|
4322
|
+
function selectFolder(id) {
|
4323
|
+
setSelectedFolder(id);
|
4324
|
+
}
|
4325
|
+
function selectFile(id) {
|
4326
|
+
setSelectedFile(id);
|
4327
|
+
}
|
4328
|
+
function searchChanged(value) {
|
4329
|
+
setSearch(value);
|
4330
|
+
}
|
4331
|
+
var filteredFiles = search ? files.filter(function (file) {
|
4332
|
+
return file.title.toLowerCase().includes(search.toLowerCase());
|
4333
|
+
}) : files;
|
4334
|
+
var selectedFiles = filteredFiles.filter(function (file) {
|
4335
|
+
return file.folder === selectedFolder;
|
4336
|
+
});
|
4337
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
4338
|
+
style: {
|
4339
|
+
padding: "1rem",
|
4340
|
+
flex: "1",
|
4341
|
+
height: "100%"
|
4342
|
+
}
|
4343
|
+
}, /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
|
4344
|
+
title: "File Explorer Test",
|
4345
|
+
folders: folders,
|
4346
|
+
selectedFolder: selectedFolder,
|
4347
|
+
onSelectFolder: selectFolder,
|
4348
|
+
files: selectedFiles,
|
4349
|
+
selectedFile: selectedFile,
|
4350
|
+
onSelectFile: selectFile,
|
4351
|
+
search: search,
|
4352
|
+
onSearch: searchChanged
|
4353
|
+
}));
|
4354
|
+
};
|
4355
|
+
|
4309
4356
|
/**
|
4310
4357
|
* File Explorer View
|
4311
4358
|
*/
|
@@ -11083,9 +11130,12 @@ exports.EditContentDialog = EditContentDialog;
|
|
11083
11130
|
exports.EmptyMessage = EmptyMessage;
|
11084
11131
|
exports.FORMATS = FORMATS$1;
|
11085
11132
|
exports.FieldEditor = FieldEditor;
|
11133
|
+
exports.FileExplorer = FileExplorer;
|
11086
11134
|
exports.FileExplorerView = FileExplorerView;
|
11135
|
+
exports.FileGridItem = FileGridItem;
|
11087
11136
|
exports.FilesGridView = FilesGridView;
|
11088
11137
|
exports.FilesSearchBox = FilesSearchBox;
|
11138
|
+
exports.FilesTableView = FilesTableView;
|
11089
11139
|
exports.FoldersTreeView = FoldersTreeView;
|
11090
11140
|
exports.Form = Form;
|
11091
11141
|
exports.HTTPClient = HTTPClient;
|