ywana-core8 0.0.891 → 0.0.892
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 +23 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +23 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +23 -6
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/explorer/Explorer.js +20 -7
package/dist/index.modern.js
CHANGED
|
@@ -4303,8 +4303,12 @@ var UploadDialog = function UploadDialog(_ref) {
|
|
|
4303
4303
|
var FileExplorer = function FileExplorer(props) {
|
|
4304
4304
|
var _props$files = props.files,
|
|
4305
4305
|
files = _props$files === void 0 ? [] : _props$files,
|
|
4306
|
+
onSelectFile = props.onSelectFile,
|
|
4306
4307
|
_props$folders = props.folders,
|
|
4307
|
-
folders = _props$folders === void 0 ? [] : _props$folders
|
|
4308
|
+
folders = _props$folders === void 0 ? [] : _props$folders,
|
|
4309
|
+
onSelectFolder = props.onSelectFolder,
|
|
4310
|
+
_props$defaultView = props.defaultView,
|
|
4311
|
+
defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView;
|
|
4308
4312
|
var _useState = useState(),
|
|
4309
4313
|
selectedFolder = _useState[0],
|
|
4310
4314
|
setSelectedFolder = _useState[1];
|
|
@@ -4314,6 +4318,18 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4314
4318
|
var _useState3 = useState(),
|
|
4315
4319
|
search = _useState3[0],
|
|
4316
4320
|
setSearch = _useState3[1];
|
|
4321
|
+
useEffect(function () {
|
|
4322
|
+
if (files.length > 0) {
|
|
4323
|
+
setSelectedFolder(files[0].folder);
|
|
4324
|
+
setSelectedFile(files[0].id);
|
|
4325
|
+
}
|
|
4326
|
+
}, [files]);
|
|
4327
|
+
useEffect(function () {
|
|
4328
|
+
if (onSelectFile) onSelectFile(selectedFile);
|
|
4329
|
+
}, [selectedFile]);
|
|
4330
|
+
useEffect(function () {
|
|
4331
|
+
if (onSelectFolder) onSelectFolder(selectedFolder);
|
|
4332
|
+
}, [selectedFolder]);
|
|
4317
4333
|
function selectFolder(id) {
|
|
4318
4334
|
setSelectedFolder(id);
|
|
4319
4335
|
}
|
|
@@ -4330,7 +4346,6 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4330
4346
|
return file.folder === selectedFolder;
|
|
4331
4347
|
});
|
|
4332
4348
|
return /*#__PURE__*/React.createElement(FileExplorerView, {
|
|
4333
|
-
title: "File Explorer Test",
|
|
4334
4349
|
folders: folders,
|
|
4335
4350
|
selectedFolder: selectedFolder,
|
|
4336
4351
|
onSelectFolder: selectFolder,
|
|
@@ -4338,7 +4353,8 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4338
4353
|
selectedFile: selectedFile,
|
|
4339
4354
|
onSelectFile: selectFile,
|
|
4340
4355
|
search: search,
|
|
4341
|
-
onSearch: searchChanged
|
|
4356
|
+
onSearch: searchChanged,
|
|
4357
|
+
selectedView: defaultView
|
|
4342
4358
|
});
|
|
4343
4359
|
};
|
|
4344
4360
|
|
|
@@ -4355,8 +4371,10 @@ var FileExplorerView = function FileExplorerView(props) {
|
|
|
4355
4371
|
selectedFile = props.selectedFile,
|
|
4356
4372
|
onSelectFile = props.onSelectFile,
|
|
4357
4373
|
search = props.search,
|
|
4358
|
-
onSearch = props.onSearch
|
|
4359
|
-
|
|
4374
|
+
onSearch = props.onSearch,
|
|
4375
|
+
_props$selectedView = props.selectedView,
|
|
4376
|
+
selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
|
|
4377
|
+
var _useState4 = useState(selectedView),
|
|
4360
4378
|
view = _useState4[0],
|
|
4361
4379
|
setView = _useState4[1];
|
|
4362
4380
|
var folder = folders.find(function (folder) {
|
|
@@ -4409,7 +4427,6 @@ var FoldersTreeView = function FoldersTreeView(props) {
|
|
|
4409
4427
|
function isSelected(id) {
|
|
4410
4428
|
return selected === id;
|
|
4411
4429
|
}
|
|
4412
|
-
console.log("FoldersTreeView", folders);
|
|
4413
4430
|
return /*#__PURE__*/React.createElement(Tree, null, folders.map(function (folder) {
|
|
4414
4431
|
if (folder.children) {
|
|
4415
4432
|
return /*#__PURE__*/React.createElement(TreeNode, {
|