easy-file-system 2.1.109 → 2.1.112

package/src/div/item/entry/drag.js

@@ -7,10 +7,14 @@ export default class DragEntryItemDiv extends EntryItemDiv {
     const explorer = this.getExplorer(),
           dragEntryItem = this.getDragEntryItem();
 
+    console.log("mouse down!", element)
+
     explorer.selectOrDeselectDragEntryItem(dragEntryItem);
   }
 
   didMount() {
+    console.log("did mount...")
+
     this.onMouseDown(this.mouseDownHandler);
 
     this.onDoubleClick(this.doubleClickHandler);

package/src/example/view/explorer/first.js

@@ -8,10 +8,12 @@ export default class FirstExplorer extends Explorer {
 
     const readOnly = true;
 
-    this.addFilePath("directory1/file1.txt", readOnly);
-    this.addFilePath("directory1/file2.txt", readOnly);
+    this.addFilePath("file.txt", readOnly);
 
-    this.addDirectoryPath("directory1/directory3", readOnly);
+    // this.addFilePath("directory1/file1.txt", readOnly);
+    // this.addFilePath("directory1/file2.txt", readOnly);
+    //
+    // this.addDirectoryPath("directory1/directory3", readOnly);
   }
 
   static defaultProperties = {

package/src/example/view/explorer/second.js

@@ -6,8 +6,8 @@ export default class SecondExplorer extends Explorer {
   initialise() {
     super.initialise();
 
-    this.addFilePath("directory2/file4.txt");
-    this.addFilePath("directory2/file5.txt");
+    // this.addFilePath("directory2/file4.txt");
+    // this.addFilePath("directory2/file5.txt");
   }
 
   static defaultProperties = {

package/src/explorer.js

@@ -419,12 +419,24 @@ class Explorer extends Element {
     });
   }
 
+  isMounted() {
+    const { mounted } = this.getState();
+
+    return mounted;
+  }
+
   isDisabled() {
     const { disabled } = this.getState();
 
     return disabled;
   }
 
+  setMounted(mounted) {
+    this.updateState({
+      mounted
+    });
+  }
+
   setDisabled(disabled) {
     this.updateState({
       disabled
@@ -432,9 +444,11 @@ class Explorer extends Element {
   }
 
   setInitialState() {
-    const disabled = false;
+    const mounted = false,
+          disabled = false;
 
     this.setState({
+      mounted,
       disabled
     });
   }
@@ -445,8 +459,6 @@ class Explorer extends Element {
           openHandler = onOpen, ///
           selectHandler = onSelect; ///
 
-    this.mounted = true;
-
     this.enableDrop();
 
     this.onDragOver(this.dragOverHandler);
@@ -458,6 +470,10 @@ class Explorer extends Element {
     openHandler && this.onOpen(openHandler);
 
     selectHandler && this.onSelect(selectHandler);
+
+    const mounted = true;
+
+    this.setMounted(mounted);
   }
 
   willUnmount() {
@@ -466,8 +482,6 @@ class Explorer extends Element {
           openHandler = onOpen, ///
           selectHandler = onSelect; ///
 
-    this.mounted = false;
-
     this.disableDrop();
 
     this.offDragOver(this.dragOverHandler);
@@ -479,6 +493,10 @@ class Explorer extends Element {
     openHandler && this.offOpen(openHandler);
 
     selectHandler && this.offSelect(selectHandler);
+
+    const mounted = false;
+
+    this.setMounted(mounted);
   }
 
   childElements() {

package/src/list/entries.js

@@ -253,7 +253,9 @@ class EntriesList extends Element {
   }
 
   addEntryItem(entryItem) {
-    const nextEntryItem = entryItem,  ///
+    const explorer = this.getExplorer(),
+          mounted = explorer.isMounted(),
+          nextEntryItem = entryItem,  ///
           previousEntryItem = this.findEntryItem((entryItem) => {
             const nextEntryBeforeEntryItem = nextEntryItem.isBefore(entryItem);
 
@@ -263,14 +265,23 @@ class EntriesList extends Element {
           });
 
     if (previousEntryItem === null) {
-      this.mount(entryItem);
+      mounted ?
+        this.mount(entryItem) :
+          this.add(entryItem);
     } else {
-      entryItem.mountBefore(previousEntryItem);
+      mounted ?
+        entryItem.mountBefore(previousEntryItem) :
+          entryItem.insertBefore(previousEntryItem);
     }
   }
 
   removeEntryItem(entryItem) {
-    this.unmount(entryItem);
+    const explorer = this.getExplorer(),
+          mounted = explorer.isMounted();
+
+    mounted ?
+      this.unmount(entryItem) :
+        this.remove(entryItem);
   }
 
   removeEntryItems() {