ywana-core8 0.0.891 → 0.0.893
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 +17 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +17 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +17 -6
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/explorer/Explorer.js +13 -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,12 @@ 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 (onSelectFile) onSelectFile(selectedFile);
|
4332
|
+
}, [selectedFile]);
|
4333
|
+
React.useEffect(function () {
|
4334
|
+
if (onSelectFolder) onSelectFolder(selectedFolder);
|
4335
|
+
}, [selectedFolder]);
|
4326
4336
|
function selectFolder(id) {
|
4327
4337
|
setSelectedFolder(id);
|
4328
4338
|
}
|
@@ -4339,7 +4349,6 @@ var FileExplorer = function FileExplorer(props) {
|
|
4339
4349
|
return file.folder === selectedFolder;
|
4340
4350
|
});
|
4341
4351
|
return /*#__PURE__*/React__default["default"].createElement(FileExplorerView, {
|
4342
|
-
title: "File Explorer Test",
|
4343
4352
|
folders: folders,
|
4344
4353
|
selectedFolder: selectedFolder,
|
4345
4354
|
onSelectFolder: selectFolder,
|
@@ -4347,7 +4356,8 @@ var FileExplorer = function FileExplorer(props) {
|
|
4347
4356
|
selectedFile: selectedFile,
|
4348
4357
|
onSelectFile: selectFile,
|
4349
4358
|
search: search,
|
4350
|
-
onSearch: searchChanged
|
4359
|
+
onSearch: searchChanged,
|
4360
|
+
selectedView: defaultView
|
4351
4361
|
});
|
4352
4362
|
};
|
4353
4363
|
|
@@ -4364,8 +4374,10 @@ var FileExplorerView = function FileExplorerView(props) {
|
|
4364
4374
|
selectedFile = props.selectedFile,
|
4365
4375
|
onSelectFile = props.onSelectFile,
|
4366
4376
|
search = props.search,
|
4367
|
-
onSearch = props.onSearch
|
4368
|
-
|
4377
|
+
onSearch = props.onSearch,
|
4378
|
+
_props$selectedView = props.selectedView,
|
4379
|
+
selectedView = _props$selectedView === void 0 ? "grid" : _props$selectedView;
|
4380
|
+
var _useState4 = React.useState(selectedView),
|
4369
4381
|
view = _useState4[0],
|
4370
4382
|
setView = _useState4[1];
|
4371
4383
|
var folder = folders.find(function (folder) {
|
@@ -4418,7 +4430,6 @@ var FoldersTreeView = function FoldersTreeView(props) {
|
|
4418
4430
|
function isSelected(id) {
|
4419
4431
|
return selected === id;
|
4420
4432
|
}
|
4421
|
-
console.log("FoldersTreeView", folders);
|
4422
4433
|
return /*#__PURE__*/React__default["default"].createElement(Tree, null, folders.map(function (folder) {
|
4423
4434
|
if (folder.children) {
|
4424
4435
|
return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
|