highmark-cli 0.0.138 → 0.0.140

package/src/view/svg/zoomMenuIn.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import SVG from "../svg";
+
+export default class ZoomMenuInSVG extends SVG {
+  childElements() {
+    return (
+
+      <g>
+        <rect x="3" y="10" width="19" height="5"/>
+        <rect x="10" y="3" width="5" height="19"/>
+      </g>
+
+    );
+  }
+
+  static defaultProperties = {
+    className: "zoom-menu-in"
+  };
+}

package/src/view/svg/zoomMenuOut.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import SVG from "../svg";
+
+export default class ZoomMenuOutSVG extends SVG {
+  childElements() {
+    return (
+
+      <g>
+        <rect x="3" y="10" width="19" height="5"/>
+      </g>
+
+    );
+  }
+
+  static defaultProperties = {
+    className: "zoom-menu-out"
+  };
+}

package/src/view/svg.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import withStyle from "easy-with-style";  ///
+
+import Element from "./element";
+
+import { svgFill } from "../styles";
+
+class FontSizeSVG extends Element {
+  static tagName = "svg";
+
+  static defaultProperties = {
+    viewBox: "0 0 25 25"
+  };
+}
+
+export default withStyle(FontSizeSVG)`
+
+  fill: ${svgFill};
+  stroke: none;
+  display: block;
+  pointer-events: none;
+  
+`;

package/src/view.js

@@ -1,514 +1,52 @@
 "use strict";
 
-import withStyle from "easy-with-style";
+import withStyle from "easy-with-style";  ///
 
-import { keyCodes } from "necessary";
-import { Element, window } from "easy";
-
-import LeafDiv from "./view/div/leaf";
+import Element from "./view/element";
 import MenuDiv from "./view/div/menu";
-import touchMixins from "./mixins/touch";
-
-import { leafNodesFromNodeList } from "./utilities/tree";
-import { elementsFromDOMElements } from "./utilities/element";
-import { VIEW_CHILD_DIVS_SELECTOR } from "./selectors";
-import { SHOW_DELAY, ZOOM_RATIO, SCROLL_DELAY, UP_DIRECTION, DECELERATION, DOWN_DIRECTION, MENU_DIV_SWIPE_BOTTOM } from "./constants";
-
-const { ENTER_KEY_CODE,
-        ESCAPE_KEY_CODE,
-        BACKSPACE_KEY_CODE,
-        ARROW_UP_KEY_CODE,
-        ARROW_DOWN_KEY_CODE,
-        ARROW_LEFT_KEY_CODE,
-        ARROW_RIGHT_KEY_CODE } = keyCodes;
+import OverlayDiv from "./view/div/overlay";
+import PreloaderDiv from "./view/div/preloader";
 
 class View extends Element {
-  doubleTapCustomHandler = (event, element) => {
-    this.enableNativeGestures();
-  }
-
-  pinchStartCustomHandler = (event, element) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const zoom = this.getZoom(),
-          startZoom = zoom; ///
-
-    this.setStartZoom(startZoom);
-  }
-
-  pinchMoveCustomHandler = (event, element, ratio) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const startZoom = this.getStartZoom(),
-          zoom = startZoom * Math.sqrt(ratio);
-
-    this.setZoom(zoom);
-
-    this.zoom(zoom);
-  }
-
-  swipeRightCustomHandler = (event, element) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    this.showLeftLeafDiv();
-  }
-
-  swipeLeftCustomHandler = (event, element) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    this.showRightLeftDiv();
-  }
-
-  swipeDownCustomHandler = (event, element, top, left, speed) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const direction = DOWN_DIRECTION;
-
-    this.scroll(speed, direction);
-  }
-
-  swipeUpCustomHandler = (event, element, top, left, speed) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const height = this.getHeight(),
-          bottom = height - top;
-
-    if (bottom < MENU_DIV_SWIPE_BOTTOM) {
-      this.showMenuDiv();
-
-      return;
-    }
-
-    const direction = UP_DIRECTION;
-
-    this.scroll(speed, direction);
-  }
-
-  dragStartCustomHandler = (event, element) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const scrollTop = this.getScrollTop(),
-          startScrollTop = scrollTop; ///
-
-    this.setStartScrollTop(startScrollTop);
-  }
-
-  dragDownCustomHandler = (event, element, top, left) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const startScrollTop = this.getStartScrollTop(),
-          scrollTop = startScrollTop - top;
-
-    this.setScrollTop(scrollTop);
-  }
-
-  dragUpCustomHandler = (event, element, top, left) => {
-    const nativeGesturesEnabled = this.areNativeGesturesEnabled();
-
-    if (nativeGesturesEnabled) {
-      return;
-    }
-
-    const startScrollTop = this.getStartScrollTop(),
-          scrollTop = startScrollTop - top;
-
-    this.setScrollTop(scrollTop);
-  }
-
-  tapCustomHandler = (event, element) => {
-
-    alert("view tap...")
-
-    this.disableNativeGestures();
-  }
-
-  keyDownHandler = (event, element) => {
-    const { keyCode } = event;
-
-    switch (keyCode) {
-      case ENTER_KEY_CODE:
-      case ARROW_RIGHT_KEY_CODE: {
-        this.showRightLeftDiv();
-
-        break;
-      }
-
-      case BACKSPACE_KEY_CODE:
-      case ARROW_LEFT_KEY_CODE: {
-        this.showLeftLeafDiv();
-
-        break;
-      }
-
-      case ESCAPE_KEY_CODE: {
-        ///
-
-        break;
-      }
-
-      case ARROW_UP_KEY_CODE: {
-        this.showFirstLeftDiv();
-
-        break;
-      }
-
-      case ARROW_DOWN_KEY_CODE: {
-        this.showLastLeafDiv();
-
-        break;
-      }
-    }
-  }
-
-  zoomOut() {
-    let zoom = this.getZoom();
-
-    zoom /= ZOOM_RATIO;
-
-    this.setZoom(zoom);
-
-    this.zoom(zoom);
-  }
-
-  zoomIn() {
-    let zoom = this.getZoom();
-
-    zoom *= ZOOM_RATIO;
-
-    this.setZoom(zoom);
-
-    this.zoom(zoom);
-  }
-
-  zoom(zoom) {
-    const displayedLeafDiv = this.findDisplayedLeafDiv();
-
-    displayedLeafDiv.zoom(zoom);
-  }
-
-  scroll(speed, direction) {
-    let scrollTop = this.getScrollTop();
-
-    scrollTop += speed * SCROLL_DELAY;
-
-    this.setScrollTop(scrollTop);
-
-    let interval = this.getInterval();
-
-    if (interval !== null) {
-      clearInterval(interval);
-    }
-
-    interval = setInterval(() => {
-      speed = speed - direction * DECELERATION;
-
-      if ((speed * direction) < 0) {
-        clearInterval(interval);
-
-        interval = null;
-
-        this.setInterval(interval);
-      }
-
-      let scrollTop = this.getScrollTop();
-
-      scrollTop += speed * SCROLL_DELAY;
-
-      this.setScrollTop(scrollTop);
-    }, SCROLL_DELAY);
-
-    this.setInterval(interval);
-  }
-
-  showFirstLeftDiv() {
-    const displayedLeafDiv = this.findDisplayedLeafDiv(),
-          leafDivs = this.getLeafDivs(),
-          index = leafDivs.indexOf(displayedLeafDiv),
-          nextIndex = 0,
-          previousIndex = index;  ///
-
-    this.showNextLeafDiv(nextIndex, previousIndex);
-  }
-
-  showLeftLeafDiv() {
-    const displayedLeafDiv = this.findDisplayedLeafDiv(),
-          leafDivs = this.getLeafDivs(),
-          index = leafDivs.indexOf(displayedLeafDiv),
-          nextIndex = index - 1,
-          previousIndex = index;  ///
-
-    this.showNextLeafDiv(nextIndex, previousIndex);
-  }
-
-  showRightLeftDiv() {
-    const displayedLeafDiv = this.findDisplayedLeafDiv(),
-          leafDivs = this.getLeafDivs(),
-          index = leafDivs.indexOf(displayedLeafDiv),
-          nextIndex = index + 1,
-          previousIndex = index;  ///
-
-    this.showNextLeafDiv(nextIndex, previousIndex);
-  }
-
-  showLastLeafDiv() {
-    const displayedLeafDiv = this.findDisplayedLeafDiv(),
-          leafDivs = this.getLeafDivs(),
-          index = leafDivs.indexOf(displayedLeafDiv),
-          leafDivsLength = leafDivs.length,
-          nextIndex = leafDivsLength - 1,
-          previousIndex = index;  ///
-
-    this.showNextLeafDiv(nextIndex, previousIndex);
-  }
-
-  showNextLeafDiv(nextIndex, previousIndex) {
-    const leafDivs = this.getLeafDivs(),
-          leafDivsLength = leafDivs.length,
-          previousLeafDiv = leafDivs[previousIndex];
-
-    if ((nextIndex === -1) || (nextIndex === previousIndex) || (nextIndex === leafDivsLength)) {
-      return;
-    }
-
-    previousLeafDiv.hide();
-
-    const nextLeafDiv = leafDivs[nextIndex],
-          zoom = this.getZoom();
-
-    nextLeafDiv.zoom(zoom);
-
-    setTimeout(() => {
-      const scrollTop = 0;
-
-      nextLeafDiv.setScrollTop(scrollTop);
-
-      nextLeafDiv.show();
-    }, SHOW_DELAY);
-  }
-
-  enableNativeGestures() {
-    this.addClass("native-gestures");
-  }
-
-  disableNativeGestures() {
-    this.removeClass("native-gestures");
-  }
-
-  forEachLeafDiv(callback) {
-    const leafDivs = this.getLeafDivs();
-
-    leafDivs.forEach(callback);
-  }
-
-  findDisplayedLeafDiv() {
-    const leafDivs = this.getLeafDivs(),
-          displayedLeafDiv = leafDivs.find((leafDiv) => {
-            const displayed = leafDiv.isDisplayed();
-
-            if (displayed) {
-              return true;
-            }
-          });
-
-    return displayedLeafDiv;
-  }
-
-  retrieveLeafDivs() {
-    const viewChildDivDOMElementNodeList = document.querySelectorAll(VIEW_CHILD_DIVS_SELECTOR),
-          viewChildDivDOMElements = leafNodesFromNodeList(viewChildDivDOMElementNodeList),  ///
-          leafDivs = elementsFromDOMElements(viewChildDivDOMElements, LeafDiv);
-
-    return leafDivs;
-  }
-
-  getZoom() {
-    const { zoom } = this.getState();
-
-    return zoom;
-  }
-
-  setZoom(zoom) {
-    this.updateState({
-      zoom
-    });
-  }
-
-  getLeafDivs() {
-    const { leafDivs } = this.getState();
-
-    return leafDivs;
-  }
-
-  setLeftDivs(leafDivs) {
-    this.updateState({
-      leafDivs
-    });
-  }
-
-  getInterval() {
-    const { interval } = this.getState();
-
-    return interval;
-  }
-
-  setInterval(interval) {
-    this.updateState({
-      interval
-    });
-  }
-
-  getStartZoom() {
-    const { startZoom } = this.getState();
-
-    return startZoom;
-  }
-
-  setStartZoom(startZoom) {
-    this.updateState({
-      startZoom
-    });
-  }
-
-  getStartScrollTop() {
-    const { startScrollTop } = this.getState();
-
-    return startScrollTop;
-  }
-
-  setStartScrollTop(startScrollTop) {
-    this.updateState({
-      startScrollTop
-    });
-  }
-
-  areNativeGesturesEnabled() {
-    const nativeGesturesEnabled = this.hasClass("native-gestures");
-
-    return nativeGesturesEnabled;
-  }
-
-  setInitialState() {
-    const zoom = 1,
-          leafDivs = this.retrieveLeafDivs(),
-          interval = null,
-          startZoom = null,
-          startScrollTop = null;
-
-    this.setState({
-      zoom,
-      leafDivs,
-      interval,
-      startZoom,
-      startScrollTop
-    });
-  }
-
-  didMount() {
-    this.enableTouch();
-
-    this.onCustomTap(this.tapCustomHandler);
-    this.onCustomDragUp(this.dragUpCustomHandler);
-    this.onCustomDragDown(this.dragDownCustomHandler);
-    this.onCustomDragStart(this.dragStartCustomHandler);
-    this.onCustomSwipeUp(this.swipeUpCustomHandler);
-    this.onCustomSwipeDown(this.swipeDownCustomHandler);
-    this.onCustomSwipeLeft(this.swipeLeftCustomHandler);
-    this.onCustomSwipeRight(this.swipeRightCustomHandler);
-    this.onCustomPinchMove(this.pinchMoveCustomHandler);
-    this.onCustomPinchStart(this.pinchStartCustomHandler);
-    this.onCustomDoubleTap(this.doubleTapCustomHandler);
-
-    window.onKeyDown(this.keyDownHandler);
-  }
-
-  willUnmount() {
-    this.offCustomTap(this.tapCustomHandler);
-    this.offCustomDragUp(this.dragUpCustomHandler);
-    this.offCustomDragDown(this.dragDownCustomHandler);
-    this.offCustomDragStart(this.dragStartCustomHandler);
-    this.offCustomSwipeUp(this.swipeUpCustomHandler);
-    this.offCustomSwipeDown(this.swipeDownCustomHandler);
-    this.offCustomSwipeLeft(this.swipeLeftCustomHandler);
-    this.offCustomSwipeRight(this.swipeRightCustomHandler);
-    this.offCustomPinchMove(this.pinchMoveCustomHandler);
-    this.offCustomPinchStart(this.pinchStartCustomHandler);
-    this.offCustomDoubleTap(this.doubleTapCustomHandler);
-
-    this.disableTouch();
-
-    window.offKeyDown(this.keyDownHandler);
+  updateZoom() {
+    this.updateMenuDivZoom();
+    this.updateOverlayDivZoom();
   }
 
   childElements() {
-    return (
+    const { divDOMElements } = this.properties;
 
+    return ([
+
+      <PreloaderDiv/>,
+      <OverlayDiv divDOMElements={divDOMElements} />,
       <MenuDiv/>
 
-    );
+    ]);
   }
 
   initialise() {
     this.assignContext();
 
-    this.setInitialState();
-
-    this.forEachLeafDiv((leafDiv, index) => {
-      (index === 0) ?
-        leafDiv.show() :
-          leafDiv.hide();
-    });
+    this.show();
   }
 
   static tagName = "div";
 
+  static ignoredProperties = [
+    "divDOMElements"
+  ];
+
   static defaultProperties = {
     className: "view"
   };
 }
 
-Object.assign(View.prototype, touchMixins);
-
 export default withStyle(View)`
 
   width: 100%;
   height: 100%;
-  overflow: hidden;
-  touch-action: none;
-  
-  .native-gestures {
-    touch-action: auto;
-  }
+  align-items: stretch;
+  flex-direction: column;
     
 `;

package/lib/style.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "menuDivHeight", {
-    enumerable: true,
-    get: function() {
-        return menuDivHeight;
-    }
-});
-var menuDivHeight = "256px";
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1lbnVEaXZIZWlnaHQgPSBcIjI1NnB4XCI7XG4iXSwibmFtZXMiOlsibWVudURpdkhlaWdodCJdLCJyYW5nZU1hcHBpbmdzIjoiOzs7Ozs7Ozs7OyIsIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFFYUE7OztlQUFBQTs7O0FBQU4sSUFBTUEsZ0JBQWdCIn0=

package/lib/utilities/tree.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "leafNodesFromNodeList", {
-    enumerable: true,
-    get: function() {
-        return leafNodesFromNodeList;
-    }
-});
-var _necessary = require("necessary");
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var filter = _necessary.arrayUtilities.filter;
-function leafNodesFromNodeList(nodeList) {
-    var nodes = _to_consumable_array(nodeList);
-    filter(nodes, function(node) {
-        var childNodeList = node.childNodes, childNodes = _to_consumable_array(childNodeList), childNodesIncludesNodes = nodes.some(function(node) {
-            var childNodesIncludesNode = childNodes.includes(node);
-            if (childNodesIncludesNode) {
-                return true;
-            }
-        });
-        if (!childNodesIncludesNodes) {
-            return true;
-        }
-    });
-    var leafNodes = nodes; ///
-    return leafNodes;
-}
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlsaXRpZXMvdHJlZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgYXJyYXlVdGlsaXRpZXMgfSBmcm9tIFwibmVjZXNzYXJ5XCI7XG5cbmNvbnN0IHsgZmlsdGVyIH0gPSBhcnJheVV0aWxpdGllcztcblxuZXhwb3J0IGZ1bmN0aW9uIGxlYWZOb2Rlc0Zyb21Ob2RlTGlzdChub2RlTGlzdCkge1xuICBjb25zdCBub2RlcyA9IFsgLi4ubm9kZUxpc3QgXTtcblxuICBmaWx0ZXIobm9kZXMsIChub2RlKSA9PiB7XG4gICAgY29uc3QgeyBjaGlsZE5vZGVzOiBjaGlsZE5vZGVMaXN0IH0gPSBub2RlLFxuICAgICAgICAgIGNoaWxkTm9kZXMgPSBbIC4uLmNoaWxkTm9kZUxpc3QgXSxcbiAgICAgICAgICBjaGlsZE5vZGVzSW5jbHVkZXNOb2RlcyA9IG5vZGVzLnNvbWUoKG5vZGUpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNoaWxkTm9kZXNJbmNsdWRlc05vZGUgPSBjaGlsZE5vZGVzLmluY2x1ZGVzKG5vZGUpO1xuXG4gICAgICAgICAgICBpZiAoY2hpbGROb2Rlc0luY2x1ZGVzTm9kZSkge1xuICAgICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcblxuICAgIGlmICghY2hpbGROb2Rlc0luY2x1ZGVzTm9kZXMpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgfSk7XG5cbiAgY29uc3QgbGVhZk5vZGVzID0gbm9kZXM7ICAvLy9cblxuICByZXR1cm4gbGVhZk5vZGVzO1xufVxuIl0sIm5hbWVzIjpbImxlYWZOb2Rlc0Zyb21Ob2RlTGlzdCIsImZpbHRlciIsImFycmF5VXRpbGl0aWVzIiwibm9kZUxpc3QiLCJub2RlcyIsIm5vZGUiLCJjaGlsZE5vZGVzIiwiY2hpbGROb2RlTGlzdCIsImNoaWxkTm9kZXNJbmNsdWRlc05vZGVzIiwic29tZSIsImNoaWxkTm9kZXNJbmNsdWRlc05vZGUiLCJpbmNsdWRlcyIsImxlYWZOb2RlcyJdLCJyYW5nZU1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyIsIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFNZ0JBOzs7ZUFBQUE7Ozt5QkFKZTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFL0IsSUFBTSxBQUFFQyxTQUFXQyx5QkFBYyxDQUF6QkQ7QUFFRCxTQUFTRCxzQkFBc0JHLFFBQVE7SUFDNUMsSUFBTUMsUUFBVSxxQkFBR0Q7SUFFbkJGLE9BQU9HLE9BQU8sU0FBQ0M7UUFDYixJQUFRQyxBQUFZQyxnQkFBa0JGLEtBQTlCQyxZQUNGQSxhQUFlLHFCQUFHQyxnQkFDbEJDLDBCQUEwQkosTUFBTUssSUFBSSxDQUFDLFNBQUNKO1lBQ3BDLElBQU1LLHlCQUF5QkosV0FBV0ssUUFBUSxDQUFDTjtZQUVuRCxJQUFJSyx3QkFBd0I7Z0JBQzFCLE9BQU87WUFDVDtRQUNGO1FBRU4sSUFBSSxDQUFDRix5QkFBeUI7WUFDNUIsT0FBTztRQUNUO0lBQ0Y7SUFFQSxJQUFNSSxZQUFZUixPQUFRLEdBQUc7SUFFN0IsT0FBT1E7QUFDVCJ9

package/src/style.js

@@ -1,3 +0,0 @@
-"use strict";
-
-export const menuDivHeight = "256px";

package/src/utilities/tree.js

@@ -1,29 +0,0 @@
-"use strict";
-
-import { arrayUtilities } from "necessary";
-
-const { filter } = arrayUtilities;
-
-export function leafNodesFromNodeList(nodeList) {
-  const nodes = [ ...nodeList ];
-
-  filter(nodes, (node) => {
-    const { childNodes: childNodeList } = node,
-          childNodes = [ ...childNodeList ],
-          childNodesIncludesNodes = nodes.some((node) => {
-            const childNodesIncludesNode = childNodes.includes(node);
-
-            if (childNodesIncludesNode) {
-              return true;
-            }
-          });
-
-    if (!childNodesIncludesNodes) {
-      return true;
-    }
-  });
-
-  const leafNodes = nodes;  ///
-
-  return leafNodes;
-}