easy-file-system 1.3.151 → 1.4.1

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

@@ -1,10 +1,11 @@
 "use strict";
 
+import SVGButton from "../../../button/svg";
 import EntryItemDiv from "../../../div/item/entry";
 import BackgroundDiv from "../../../div/background";
 
 export default class FileNameEntryItemDiv extends EntryItemDiv {
-  doubleClickHandler = (event, element) => {
+  nameButtonDoubleClickHandler = (event, element) => {
     const explorer = this.getExplorer(),
           parentElement = this.getParentElement(),
           fileNameDragEntryItem = parentElement;	///
@@ -14,6 +15,16 @@ export default class FileNameEntryItemDiv extends EntryItemDiv {
     event.stopPropagation();
   }
 
+  svgButtonClickHandler = (event, element) => {
+    const explorer = this.getExplorer(),
+          parentElement = this.getParentElement(),
+          nameDragEntryItem = parentElement;	///
+
+    explorer.selectNameDragEntryItem(nameDragEntryItem);
+
+    event.stopPropagation();
+  }
+
   getExplorer() {
     const { explorer } = this.properties;
 
@@ -25,8 +36,10 @@ export default class FileNameEntryItemDiv extends EntryItemDiv {
 
     return ([
 
-      <FileNameSVG/>,
-      <NameButton onDoubleClick={this.doubleClickHandler} >
+      <SVGButton onClick={this.svgButtonClickHandler} >
+        <FileNameSVG/>
+      </SVGButton>,
+      <NameButton onDoubleClick={this.nameButtonDoubleClickHandler} >
         {name}
       </NameButton>,
       <BackgroundDiv/>

package/src/eventTypes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export const OPEN_EVENT_TYPE = "open";
+export const MOVE_EVENT_TYPE = "move";
+export const REMOVE_EVENT_TYPE = "remove";
+export const SELECT_EVENT_TYPE = "select";
+
+export default {
+  OPEN_EVENT_TYPE,
+  MOVE_EVENT_TYPE,
+  REMOVE_EVENT_TYPE,
+  SELECT_EVENT_TYPE
+};

package/src/explorer.js

@@ -2,8 +2,8 @@
 
 import withStyle from "easy-with-style";  ///
 
+import { Element } from "easy";
 import { dropMixins } from "easy-drag-and-drop";
-import { Element, eventTypes } from "easy";
 import { asynchronousUtilities } from "necessary";
 
 import EntriesList from "./list/entries";
@@ -14,11 +14,11 @@ import DirectoryNameDragEntryItem from "./item/entry/drag/directoryName";
 import DirectoryNameMarkerEntryItem from "./item/entry/marker/directoryName";
 
 import { explorerPadding } from "./styles";
+import { OPEN_EVENT_TYPE, MOVE_EVENT_TYPE, SELECT_EVENT_TYPE } from "./eventTypes";
 import { FILE_NAME_DRAG_ENTRY_TYPE, DIRECTORY_NAME_DRAG_ENTRY_TYPE } from "./entryTypes";
 import { sourceEntryPathFromDragEntryItemPath, targetEntryPathFromMarkerEntryItemPath } from "./utilities/pathMap";
 
-const { forEach } = asynchronousUtilities,
-      { OPEN_EVENT_TYPE, MOVE_EVENT_TYPE } = eventTypes;
+const { forEach } = asynchronousUtilities;
 
 class Explorer extends Element {
   constructor(selector, mounted) {
@@ -219,6 +219,12 @@ class Explorer extends Element {
     return directoryPaths;
   }
 
+  selectNameDragEntryItem(nameDragEntryItem) {
+    const path = nameDragEntryItem.getPath();
+
+    this.callSelectHandlers(path);
+  }
+
   openFileNameDragEntryItem(fileNameDragEntryItem) {
     const fileNameDragEntryItemPath = fileNameDragEntryItem.getPath(),
           filePath = fileNameDragEntryItemPath; ///
@@ -340,6 +346,18 @@ class Explorer extends Element {
     }, done);
   }
 
+  callSelectHandlers(path) {
+    const eventType = OPEN_EVENT_TYPE,
+        eventListeners = this.findEventListeners(eventType);
+
+    eventListeners.forEach((eventListener) => {
+      const { handler, element } = eventListener,
+          openHandler = handler;  ///
+
+      openHandler.call(element, path, this);  ///
+    });
+  }
+
   callOpenHandlers(filePath) {
     const eventType = OPEN_EVENT_TYPE,
           eventListeners = this.findEventListeners(eventType);
@@ -361,9 +379,9 @@ class Explorer extends Element {
 
     this.enableDrop();
 
-    this.onDrop(this.dropHandler, this);
+    this.onDrop(this.dropHandler);
 
-    this.onDragOver(this.dragOverHandler, this);
+    this.onDragOver(this.dragOverHandler);
 
     moveHandler && this.onMove(moveHandler);
     openHandler && this.onOpen(openHandler);
@@ -378,9 +396,9 @@ class Explorer extends Element {
 
     this.disableDrop();
 
-    this.offDrop(this.dropHandler, this);
+    this.offDrop(this.dropHandler);
 
-    this.offDragOver(this.dragOverHandler, this);
+    this.offDragOver(this.dragOverHandler);
 
     moveHandler && this.offMove(moveHandler);
     openHandler && this.offOpen(openHandler);

package/src/index.js

@@ -3,6 +3,8 @@
 export { default as Explorer } from "./explorer";
 export { default as RubbishBin } from "./rubbishBin";
 
+export { default as eventTypes } from "./eventTypes";
+
 export { default as NameButton } from "./button/name";
 export { default as EntriesList } from "./list/entries";
 export { default as ToggleButton } from "./button/toggle";

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

@@ -176,9 +176,9 @@ export default class DirectoryNameDragEntryItem extends DragEntryItem {
 
 		this.enableDrop();
 
-		this.onDrop(this.dropHandler, this);
+		this.onDrop(this.dropHandler);
 
-		this.onDragOver(this.dragOverHandler, this);
+		this.onDragOver(this.dragOverHandler);
 
 		super.didMount();
 	}
@@ -186,9 +186,9 @@ export default class DirectoryNameDragEntryItem extends DragEntryItem {
 	willUnmount() {
 		this.disableDrop();
 
-		this.offDrop(this.dropHandler, this);
+		this.offDrop(this.dropHandler);
 
-		this.offDragOver(this.dragOverHandler, this);
+		this.offDragOver(this.dragOverHandler);
 
 		super.willUnmount();
 	}

package/src/item/entry/drag.js

@@ -74,17 +74,17 @@ class DragEntryItem extends EntryItem {
 	}
 
 	didMount() {
-	  this.onStartDrag(this.startDragHandler, this);
+	  this.onStartDrag(this.startDragHandler);
 
-    this.onStopDrag(this.stopDragHandler, this);
+    this.onStopDrag(this.stopDragHandler);
 
-		this.enableDrag();
+    this.enableDrag();
 	}
 
 	willUnmount() {
-    this.offStartDrag(this.startDragHandler, this);
+    this.offStartDrag(this.startDragHandler);
 
-    this.offStopDrag(this.stopDragHandler, this);
+    this.offStopDrag(this.stopDragHandler);
 
     this.disableDrag();
 	}

package/src/rubbishBin.js

@@ -2,8 +2,8 @@
 
 import withStyle from "easy-with-style";  ///
 
+import { Element } from "easy";
 import { dropMixins } from "easy-drag-and-drop";
-import { Element, eventTypes } from "easy";
 import { asynchronousUtilities } from "necessary";
 
 import DragEntryItem from "./item/entry/drag";
@@ -12,12 +12,12 @@ import ClosedRubbishBinSVG from "./svg/rubbishBin/closed";
 import FileNameMarkerEntryItem from "./item/entry/marker/fileName";
 import DirectoryNameMarkerEntryItem from "./item/entry/marker/directoryName";
 
+import { REMOVE_EVENT_TYPE } from "./eventTypes";
 import { nonNullPathFromName } from "./utilities/pathMap";
 import { sourceEntryPathFromDragEntryItemPath } from "./utilities/pathMap";
 import { DIRECTORY_NAME_DRAG_ENTRY_TYPE, FILE_NAME_DRAG_ENTRY_TYPE } from "./entryTypes";
 
-const { forEach } = asynchronousUtilities,
-      { REMOVE_EVENT_TYPE } = eventTypes;
+const { forEach } = asynchronousUtilities;
 
 class RubbishBin extends Element {
   dropHandler = (dragElement, aborted, element, done) => {
@@ -259,9 +259,9 @@ class RubbishBin extends Element {
 
     this.enableDrop();
 
-    this.onDrop(this.dropHandler, this);
+    this.onDrop(this.dropHandler);
 
-    this.onDragOver(this.dragOverHandler, this);
+    this.onDragOver(this.dragOverHandler);
 
     removeHandler && this.onRemove(removeHandler);
 
@@ -274,9 +274,9 @@ class RubbishBin extends Element {
 
     this.disableDrop();
 
-    this.offDrop(this.dropHandler, this);
+    this.offDrop(this.dropHandler);
 
-    this.offDragOver(this.dragOverHandler, this);
+    this.offDragOver(this.dragOverHandler);
 
     removeHandler && this.offRemove(removeHandler);
   }

package/src/svg/directoryName.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 

package/src/svg/fileName.js

@@ -1,6 +1,6 @@
 "use strict"
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 
@@ -31,10 +31,10 @@ class FileNameSVG extends Element {
 
 export default withStyle(FileNameSVG)`
 
-  fill:none;
+  fill: none;
   width: auto;
   height: ${fileNameSVGHeight};
-  stroke:#000000;
+  stroke: #000000;
   display: inline;
   padding-left: ${fileNameSVGPaddingLeft};
   padding-right: ${fileNameSVGPaddingRight};

package/src/svg/marker.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 

package/src/svg/rubbishBin/closed.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 

package/src/svg/rubbishBin/open.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 

package/src/svg/toggle/down.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
 

package/src/svg/toggle/up.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";