highmark-cli 0.0.139 → 0.0.141

package/src/view/div/checkbox/fullScreen.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import CheckboxDiv from "../../div/checkbox";
+
+import { isFullScreen } from "../../../utilities/fullScreen";
+
+export default class FullScreenCheckboxDiv extends CheckboxDiv {
+  changeHandler = (event, element) => {
+    const checkboxChecked = this.isCheckboxChecked();
+
+    checkboxChecked ?
+      controller.enterFullScreen() :
+        controller.exitFullScreen();
+  }
+
+  update() {
+    const fullScreen = isFullScreen();
+
+    fullScreen ?
+      this.checkCheckbox() :
+        this.uncheckCheckbox();
+  }
+
+  parentContext() {
+    const updateFullScreenCheckboxDiv = this.update.bind(this); ///
+
+    return ({
+      updateFullScreenCheckboxDiv
+    });
+  }
+
+  static message = `Full screen
+(double tap to toggle)`;
+
+  static defaultProperties = {
+    className: "full-screen"
+  };
+}

package/src/view/div/checkbox/invertColours.js

@@ -13,7 +13,7 @@ export default class InvertColoursCheckboxDiv extends CheckboxDiv {
         controller.revertColours();
   }
 
-  didMount() {
+  update() {
     const coloursInverted = areColoursInverted();
 
     coloursInverted ?
@@ -21,8 +21,12 @@ export default class InvertColoursCheckboxDiv extends CheckboxDiv {
         this.uncheckCheckbox();
   }
 
-  willUnmount() {
-    ///
+  parentContext() {
+    const updateInvertColoursCheckboxDiv = this.update.bind(this);
+
+    return ({
+      updateInvertColoursCheckboxDiv
+    });
   }
 
   static message = "Invert colours";

package/src/view/div/checkbox/nativeGestures.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import CheckboxDiv from "../../div/checkbox";
+
+import { areNativeGesturesRestored } from "../../../state";
+
+export default class NativeGesturesCheckboxDiv extends CheckboxDiv {
+  changeHandler = (event, element) => {
+    const checkboxChecked = this.isCheckboxChecked();
+
+    checkboxChecked ?
+      controller.restoreNativeGestures() :
+        controller.suppressNativeGestures();
+  }
+
+  update() {
+    const nativeGesturesRestored = areNativeGesturesRestored();
+
+    nativeGesturesRestored ?
+      this.checkCheckbox() :
+        this.uncheckCheckbox();
+  }
+
+  parentContext() {
+    const updateNativeGesturesCheckboxDiv = this.update.bind(this); ///
+
+    return ({
+      updateNativeGesturesCheckboxDiv
+    });
+  }
+
+  static message = `Native gestures
+(tap to toggle)`;
+
+  static defaultProperties = {
+    className: "native-gestures"
+  };
+}

package/src/view/div/checkboxes.js

@@ -3,8 +3,9 @@
 import withStyle from "easy-with-style";  ///
 
 import Element from "../element";
+import FullScreenCheckboxDiv from "./checkbox/fullScreen";
 import InvertColoursCheckboxDiv from "./checkbox/invertColours";
-import RestoreNativeGesturesCheckboxDiv from "./checkbox/restoreNativeGestures";
+import NativeGesturesCheckboxDiv from "./checkbox/nativeGestures";
 
 import { checkboxesDivGap } from "../../styles";
 
@@ -13,7 +14,8 @@ class CheckboxesDiv extends Element {
     return ([
 
       <InvertColoursCheckboxDiv/>,
-      <RestoreNativeGesturesCheckboxDiv/>
+      <NativeGesturesCheckboxDiv/>,
+      <FullScreenCheckboxDiv/>
 
     ]);
   }

package/src/view/div/menu.js

@@ -6,43 +6,11 @@ import Element from "../element";
 import ButtonsDiv from "../div/buttons";
 import CheckboxesDiv from "../div/checkboxes";
 
-import { GRID, ZOOM_RATIO } from "../../constants";
+import { GRID } from "../../constants";
+import { getMenuZoom as getZoom } from "../../state";
 import { borderColour, menuDivPadding, backgroundColour } from "../../styles";
-import { getMenuDivZoom as getZoom, setMenuDivZoom as setZoom } from "../../state";
 
 class MenuDiv extends Element {
-  zoomMenuOut() {
-    let zoom = getZoom();
-
-    zoom /= ZOOM_RATIO;
-
-    setZoom(zoom);
-
-    this.updateZoom();
-  }
-
-  zoomMenuIn() {
-    let zoom = getZoom();
-
-    zoom *= ZOOM_RATIO;
-
-    setZoom(zoom);
-
-    this.updateZoom();
-  }
-
-  updateZoom() {
-    const zoom = getZoom(),
-          width = `${100/zoom}%`,
-          transform = `scale(${zoom})`,
-          css = {
-            width,
-            transform
-          };
-
-    this.css(css);
-  }
-
   show() {
     const display = GRID;
 
@@ -57,12 +25,16 @@ class MenuDiv extends Element {
     this.hide();
   }
 
-  didMount() {
-    this.updateZoom();
-  }
+  updateMenuZoom() {
+    const zoom = getZoom(),
+          width = `${100/zoom}%`,
+          transform = `scale(${zoom})`,
+          css = {
+            width,
+            transform
+          };
 
-  willUnmount() {
-    ///
+    this.css(css);
   }
 
   childElements() {
@@ -78,17 +50,13 @@ class MenuDiv extends Element {
     const context = this.getContext(),
           openMenu = this.openMenu.bind(this),
           closeMenu = this.closeMenu.bind(this),
-          zoomMenuIn = this.zoomMenuIn.bind(this),
-          zoomMenuOut = this.zoomMenuOut.bind(this),
-          updateMenuDivZoom = this.updateZoom.bind(this); ///
+          updateMenuZoom = this.updateMenuZoom.bind(this);
 
     return ({
       ...context,
       openMenu,
       closeMenu,
-      zoomMenuIn,
-      zoomMenuOut,
-      updateMenuDivZoom
+      updateMenuZoom
     });
   }