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.umd.js
CHANGED
|
@@ -4305,8 +4305,12 @@
|
|
|
4305
4305
|
var FileExplorer = function FileExplorer(props) {
|
|
4306
4306
|
var _props$files = props.files,
|
|
4307
4307
|
files = _props$files === void 0 ? [] : _props$files,
|
|
4308
|
+
onSelectFile = props.onSelectFile,
|
|
4308
4309
|
_props$folders = props.folders,
|
|
4309
|
-
folders = _props$folders === void 0 ? [] : _props$folders
|
|
4310
|
+
folders = _props$folders === void 0 ? [] : _props$folders,
|
|
4311
|
+
onSelectFolder = props.onSelectFolder,
|
|
4312
|
+
_props$defaultView = props.defaultView,
|
|
4313
|
+
defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView;
|
|
4310
4314
|
var _useState = React.useState(),
|
|
4311
4315
|
selectedFolder = _useState[0],
|
|
4312
4316
|
setSelectedFolder = _useState[1];
|
|
@@ -4316,6 +4320,18 @@
|
|
|
4316
4320
|
var _useState3 = React.useState(),
|
|
4317
4321
|
search = _useState3[0],
|
|
4318
4322
|
setSearch = _useState3[1];
|
|
4323
|
+
React.useEffect(function () {
|
|
4324
|
+
if (files.length > 0) {
|
|
4325
|
+
setSelectedFolder(files[0].folder);
|
|
4326
|
+
setSelectedFile(files[0].id);
|
|
4327
|
+
}
|
|
4328
|
+
}, [files]);
|
|
4329
|
+
React.useEffect(function () {
|
|
4330
|
+
if (onSelectFile) onSelectFile(selectedFile);
|
|
4331
|
+
}, [selectedFile]);
|
|
4332
|
+
React.useEffect(function () {
|
|
4333
|
+
if (onSelectFolder) onSelectFolder(selectedFolder);
|
|
4334
|
+
}, [selectedFolder]);
|
|
4319
4335
|
function selectFolder(id) {
|
|
4320
4336
|
setSelectedFolder(id);
|
|
4321
4337
|
}
|
|
@@ -4332,7 +4348,6 @@
|
|
|
4332
4348
|
return file.folder === selectedFolder;
|
|
4333
4349
|
});
|
|
4334
4350
|
return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
|
|
4335
|
-
title: "File Explorer Test",
|
|
4336
4351
|
folders: folders,
|
|
4337
4352
|
selectedFolder: selectedFolder,
|
|
4338
4353
|
onSelectFolder: selectFolder,
|
|
@@ -4340,7 +4355,8 @@
|
|
|
4340
4355
|
selectedFile: selectedFile,
|
|
4341
4356
|
onSelectFile: selectFile,
|
|
4342
4357
|
search: search,
|
|
4343
|
-
onSearch: searchChanged
|
|
4358
|
+
onSearch: searchChanged,
|
|
4359
|
+
selectedView: defaultView
|
|
4344
4360
|
});
|
|
4345
4361
|
};
|
|
4346
4362
|
|
|
@@ -4357,8 +4373,10 @@
|
|
|
4357
4373
|
selectedFile = props.selectedFile,
|
|
4358
4374
|
onSelectFile = props.onSelectFile,
|
|
4359
4375
|
search = props.search,
|
|
4360
|
-
onSearch = props.onSearch
|
|
4361
|
-
|
|
4376
|
+
onSearch = props.onSearch,
|
|
4377
|
+
_props$selectedView = props.selectedView,
|
|
4378
|
+
selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
|
|
4379
|
+
var _useState4 = React.useState(selectedView),
|
|
4362
4380
|
view = _useState4[0],
|
|
4363
4381
|
setView = _useState4[1];
|
|
4364
4382
|
var folder = folders.find(function (folder) {
|
|
@@ -4411,7 +4429,6 @@
|
|
|
4411
4429
|
function isSelected(id) {
|
|
4412
4430
|
return selected === id;
|
|
4413
4431
|
}
|
|
4414
|
-
console.log("FoldersTreeView", folders);
|
|
4415
4432
|
return /*#__PURE__*/React__default["default"].createElement(Tree, null, folders.map(function (folder) {
|
|
4416
4433
|
if (folder.children) {
|
|
4417
4434
|
return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
|