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.cjs
CHANGED
|
@@ -4312,8 +4312,12 @@ var UploadDialog = function UploadDialog(_ref) {
|
|
|
4312
4312
|
var FileExplorer = function FileExplorer(props) {
|
|
4313
4313
|
var _props$files = props.files,
|
|
4314
4314
|
files = _props$files === void 0 ? [] : _props$files,
|
|
4315
|
+
onSelectFile = props.onSelectFile,
|
|
4315
4316
|
_props$folders = props.folders,
|
|
4316
|
-
folders = _props$folders === void 0 ? [] : _props$folders
|
|
4317
|
+
folders = _props$folders === void 0 ? [] : _props$folders,
|
|
4318
|
+
onSelectFolder = props.onSelectFolder,
|
|
4319
|
+
_props$defaultView = props.defaultView,
|
|
4320
|
+
defaultView = _props$defaultView === void 0 ? "grid" : _props$defaultView;
|
|
4317
4321
|
var _useState = React.useState(),
|
|
4318
4322
|
selectedFolder = _useState[0],
|
|
4319
4323
|
setSelectedFolder = _useState[1];
|
|
@@ -4323,6 +4327,18 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4323
4327
|
var _useState3 = React.useState(),
|
|
4324
4328
|
search = _useState3[0],
|
|
4325
4329
|
setSearch = _useState3[1];
|
|
4330
|
+
React.useEffect(function () {
|
|
4331
|
+
if (files.length > 0) {
|
|
4332
|
+
setSelectedFolder(files[0].folder);
|
|
4333
|
+
setSelectedFile(files[0].id);
|
|
4334
|
+
}
|
|
4335
|
+
}, [files]);
|
|
4336
|
+
React.useEffect(function () {
|
|
4337
|
+
if (onSelectFile) onSelectFile(selectedFile);
|
|
4338
|
+
}, [selectedFile]);
|
|
4339
|
+
React.useEffect(function () {
|
|
4340
|
+
if (onSelectFolder) onSelectFolder(selectedFolder);
|
|
4341
|
+
}, [selectedFolder]);
|
|
4326
4342
|
function selectFolder(id) {
|
|
4327
4343
|
setSelectedFolder(id);
|
|
4328
4344
|
}
|
|
@@ -4339,7 +4355,6 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4339
4355
|
return file.folder === selectedFolder;
|
|
4340
4356
|
});
|
|
4341
4357
|
return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
|
|
4342
|
-
title: "File Explorer Test",
|
|
4343
4358
|
folders: folders,
|
|
4344
4359
|
selectedFolder: selectedFolder,
|
|
4345
4360
|
onSelectFolder: selectFolder,
|
|
@@ -4347,7 +4362,8 @@ var FileExplorer = function FileExplorer(props) {
|
|
|
4347
4362
|
selectedFile: selectedFile,
|
|
4348
4363
|
onSelectFile: selectFile,
|
|
4349
4364
|
search: search,
|
|
4350
|
-
onSearch: searchChanged
|
|
4365
|
+
onSearch: searchChanged,
|
|
4366
|
+
selectedView: defaultView
|
|
4351
4367
|
});
|
|
4352
4368
|
};
|
|
4353
4369
|
|
|
@@ -4364,8 +4380,10 @@ var FileExplorerView = function FileExplorerView(props) {
|
|
|
4364
4380
|
selectedFile = props.selectedFile,
|
|
4365
4381
|
onSelectFile = props.onSelectFile,
|
|
4366
4382
|
search = props.search,
|
|
4367
|
-
onSearch = props.onSearch
|
|
4368
|
-
|
|
4383
|
+
onSearch = props.onSearch,
|
|
4384
|
+
_props$selectedView = props.selectedView,
|
|
4385
|
+
selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
|
|
4386
|
+
var _useState4 = React.useState(selectedView),
|
|
4369
4387
|
view = _useState4[0],
|
|
4370
4388
|
setView = _useState4[1];
|
|
4371
4389
|
var folder = folders.find(function (folder) {
|
|
@@ -4418,7 +4436,6 @@ var FoldersTreeView = function FoldersTreeView(props) {
|
|
|
4418
4436
|
function isSelected(id) {
|
|
4419
4437
|
return selected === id;
|
|
4420
4438
|
}
|
|
4421
|
-
console.log("FoldersTreeView", folders);
|
|
4422
4439
|
return /*#__PURE__*/React__default["default"].createElement(Tree, null, folders.map(function (folder) {
|
|
4423
4440
|
if (folder.children) {
|
|
4424
4441
|
return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
|