@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/ui/form/CheckBox.js

@@ -21,18 +21,11 @@
 /**
  * A check box widget with an optional label.
  */
-qx.Class.define("qx.ui.form.CheckBox",
-{
-  extend : qx.ui.form.ToggleButton,
-  include : [
-    qx.ui.form.MForm,
-    qx.ui.form.MModelProperty
-  ],
-  implement : [
-    qx.ui.form.IForm,
-    qx.ui.form.IModel,
-    qx.ui.form.IListItem
-  ],
+qx.Class.define("qx.ui.form.CheckBox", {
+  extend: qx.ui.form.ToggleButton,
+  include: [qx.ui.form.MForm, qx.ui.form.MModelProperty],
+
+  implement: [qx.ui.form.IForm, qx.ui.form.IModel, qx.ui.form.IListItem],
 
   /*
   *****************************************************************************
@@ -43,13 +36,12 @@ qx.Class.define("qx.ui.form.CheckBox",
   /**
    * @param label {String?null} An optional label for the check box.
    */
-  construct : function(label)
-  {
+  construct(label) {
     if (qx.core.Environment.get("qx.debug")) {
       this.assertArgumentsCount(arguments, 0, 1);
     }
 
-    this.base(arguments, label);
+    super(label);
 
     // Initialize the checkbox to a valid value (the default is null which
     // is invalid)
@@ -62,61 +54,47 @@ qx.Class.define("qx.ui.form.CheckBox",
     contentEl.setAttribute("aria-checked", false);
   },
 
-
-
-
   /*
   *****************************************************************************
      PROPERTIES
   *****************************************************************************
   */
 
-  properties :
-  {
+  properties: {
     // overridden
-    appearance :
-    {
-      refine : true,
-      init : "checkbox"
+    appearance: {
+      refine: true,
+      init: "checkbox"
     },
 
     // overridden
-    allowGrowX :
-    {
-      refine : true,
-      init : false
+    allowGrowX: {
+      refine: true,
+      init: false
     }
   },
+
   /* eslint-disable @qooxdoo/qx/no-refs-in-members */
-  members :
-  {
+  members: {
     /**
      * @lint ignoreReferenceField(_forwardStates)
      */
-    _forwardStates :
-    {
-      invalid : true,
-      focused : true,
-      undetermined : true,
-      checked : true,
-      hovered : true
+    _forwardStates: {
+      invalid: true,
+      focused: true,
+      undetermined: true,
+      checked: true,
+      hovered: true
     },
 
     /**
      * overridden (from MExecutable to keep the icon out of the binding)
      * @lint ignoreReferenceField(_bindableProperties)
      */
-    _bindableProperties :
-    [
-      "enabled",
-      "label",
-      "toolTipText",
-      "value",
-      "menu"
-    ],
-    
+    _bindableProperties: ["enabled", "label", "toolTipText", "value", "menu"],
+
     // overridden
-    _applyValue : function(value, old) {
+    _applyValue(value, old) {
       value ? this.addState("checked") : this.removeState("checked");
 
       let ariaChecked = Boolean(value);
@@ -131,6 +109,6 @@ qx.Class.define("qx.ui.form.CheckBox",
 
       // ARIA attrs
       this.getContentElement().setAttribute("aria-checked", ariaChecked);
-    },
+    }
   }
 });

package/source/class/qx/ui/form/CheckedList.js

@@ -22,26 +22,26 @@
  */
 qx.Class.define("qx.ui.form.CheckedList", {
   extend: qx.ui.form.List,
-  
+
   construct() {
-    this.base(arguments);
+    super();
     this.__checked = {};
   },
-  
+
   destruct() {
     this.__checked.dispose();
     this.__checked = null;
   },
-  
+
   events: {
     /** Fired when the checked array changes, data is the array */
-    "changeChecked": "qx.event.type.Data"
+    changeChecked: "qx.event.type.Data"
   },
-  
+
   members: {
     /** @type {Map<String,qx.ui.form.CheckBox>} map of checked items, indexed by hash code */
     __checked: null,
-    
+
     /**
      * Returns the array of checked items
      *
@@ -50,7 +50,7 @@ qx.Class.define("qx.ui.form.CheckedList", {
     getChecked() {
       return Object.values(this.__checked);
     },
-    
+
     /**
      * Sets the array of checked items
      *
@@ -61,17 +61,28 @@ qx.Class.define("qx.ui.form.CheckedList", {
       this.__inChangingChecked = true;
       try {
         let toUncheck = {};
-        Object.values(this.__checked).forEach(item => toUncheck[item.toHashCode()] = item);
+        Object.values(this.__checked).forEach(
+          item => (toUncheck[item.toHashCode()] = item)
+        );
+
         let replacement = {};
         if (!checked) {
           checked = [];
         } else {
           if (qx.core.Environment.get("qx.debug")) {
             let lookup = {};
-            this.getChildren().forEach(item => lookup[item.toHashCode()] = item);
-            checked.forEach(item => this.assertTrue(!!lookup[item.toHashCode()], `The item ${item} to be checked is not a child of this list`));
+            this.getChildren().forEach(
+              item => (lookup[item.toHashCode()] = item)
+            );
+
+            checked.forEach(item =>
+              this.assertTrue(
+                !!lookup[item.toHashCode()],
+                `The item ${item} to be checked is not a child of this list`
+              )
+            );
           }
-          
+
           let someTurnedOn = false;
           checked.forEach(item => {
             let hash = item.toHashCode();
@@ -82,7 +93,7 @@ qx.Class.define("qx.ui.form.CheckedList", {
             delete toUncheck[hash];
             replacement[hash] = item;
           });
-          
+
           // Nothing turned on and nothing to turn off - then no change
           if (!someTurnedOn && Object.keys(toUncheck).length == 0) {
             return;
@@ -93,8 +104,8 @@ qx.Class.define("qx.ui.form.CheckedList", {
       } finally {
         this.__inChangingChecked = false;
       }
-      
-      this.fireDataEvent("changeChecked", this.getChecked(), oldData); 
+
+      this.fireDataEvent("changeChecked", this.getChecked(), oldData);
     },
 
     /**
@@ -103,37 +114,42 @@ qx.Class.define("qx.ui.form.CheckedList", {
     resetChecked() {
       this.setChecked(null);
     },
-    
+
     /*
      * @Override
      */
     _onAddChild(evt) {
-      this.base(arguments, evt);
-      
+      super._onAddChild(evt);
+
       let item = evt.getData();
       if (qx.core.Environment.get("qx.debug")) {
-        this.assertInstance(item, qx.ui.form.CheckBox, this.classname + " only supports instances of qx.ui.core.CheckBox as children");
+        this.assertInstance(
+          item,
+          qx.ui.form.CheckBox,
+          this.classname +
+            " only supports instances of qx.ui.core.CheckBox as children"
+        );
       }
       if (item.getValue()) {
         this.__onItemChangeCheckedImpl(item);
       }
       item.addListener("changeValue", this.__onItemChangeChecked, this);
     },
-    
+
     /*
      * @Override
      */
     _onRemoveChild(evt) {
-      this.base(arguments, evt);
-      
+      super._onRemoveChild(evt);
+
       let item = evt.getData();
       item.removeListener("changeValue", this.__onItemChangeChecked, this);
-      
+
       if (item.getValue()) {
         this.__onItemChangeCheckedImpl(item, true);
       }
     },
-    
+
     /**
      * Event handler for when an item is [un]checked
      *
@@ -145,7 +161,7 @@ qx.Class.define("qx.ui.form.CheckedList", {
       }
       this.__onItemChangeCheckedImpl(evt.getTarget());
     },
-    
+
     /**
      * Handles changes in the items checked state
      *

package/source/class/qx/ui/form/CheckedSelectBox.js

@@ -25,98 +25,112 @@
  */
 qx.Class.define("qx.ui.form.CheckedSelectBox", {
   extend: qx.ui.form.AbstractSelectBox,
-  implement : [
+  implement: [
     qx.ui.core.IMultiSelection,
     qx.ui.form.IModelSelection,
     qx.ui.form.IField
   ],
-  
+
   construct() {
-    this.base(arguments);
+    super();
     this.__modelSelection = new qx.data.Array();
-    this.__modelSelection.addListener("change", this.__onModelSelectionChange, this);
+    this.__modelSelection.addListener(
+      "change",
+      this.__onModelSelectionChange,
+      this
+    );
+
     this.__atomsOnDisplay = [];
-    
+
     this._add(this._createChildControl("tags"), { flex: 1, flexShrink: true });
     this._add(this._createChildControl("spacer"));
     this._add(this._createChildControl("arrow"));
-    
+
     // Register listener
     this.addListener("pointerover", this._onPointerOver, this);
     this.addListener("pointerout", this._onPointerOut, this);
     this.addListener("tap", this._onTap, this);
   },
-  
+
   properties: {
     appearance: {
       refine: true,
       init: "checked-selectbox"
     }
   },
-  
+
   events: {
     /** Event for psuedo property selection */
-    "changeSelection" : "qx.event.type.Data",
-    
+    changeSelection: "qx.event.type.Data",
+
     /** Event for psuedo property checked */
-    "changeChecked" : "qx.event.type.Data",
-    
+    changeChecked: "qx.event.type.Data",
+
     /** Event for psuedo property value */
-    "changeValue" : "qx.event.type.Data",
-    
+    changeValue: "qx.event.type.Data",
+
     /** Event for psuedo property modelSelection */
-    "changeModelSelection": "qx.event.type.Data",
-    
+    changeModelSelection: "qx.event.type.Data",
+
     /** Fired when a tag widget is added to the results; data is a map containing:
      * `tagWidget` - the tag widget being added
      * `item` - the item in the list that is checked
      * `itemModel` - the model item that backs the item
      */
-    "attachResultsTag": "qx.event.type.Data",
-    
+    attachResultsTag: "qx.event.type.Data",
+
     /** Fired when a tag widget is removed from the results; data is a map containing:
      * `tagWidget` - the tag widget being added
      * `item` - the item in the list that is checked
-     * `itemModel` - the model item that backs the item 
+     * `itemModel` - the model item that backs the item
      */
-    "detachResultsTag": "qx.event.type.Data"
+    detachResultsTag: "qx.event.type.Data"
   },
-  
+
   members: {
     /** @type {qx.data.Array} the modelSelection psuedo property */
     __modelSelection: null,
-    
+
     /** @type {qx.ui.basic.Atom[]} atoms used to show the selection */
     __atomsOnDisplay: null,
-    
+
     /**
      * @Override
      * @lint ignoreReferenceField(_forwardStates)
      */
-    _forwardStates : {
-      focused : true
+    _forwardStates: {
+      focused: true
     },
-    
+
     /**
      * @Override
      */
     _createChildControlImpl(id, hash) {
-      switch(id) {
+      switch (id) {
         case "popup":
           var control = new qx.ui.popup.Popup(new qx.ui.layout.VBox()).set({
             autoHide: false,
             keepActive: false
           });
-          control.add(this.getChildControl("allNone"))
+
+          control.add(this.getChildControl("allNone"));
           control.add(this.getChildControl("list"));
-          control.addListener("changeVisibility", this._onPopupChangeVisibility, this);
+          control.addListener(
+            "changeVisibility",
+            this._onPopupChangeVisibility,
+            this
+          );
+
           return control;
-          
+
         case "allNone":
-          var control = new qx.ui.form.Button("All / None").set({ allowGrowX: false });
+          var control = new qx.ui.form.Button("All / None").set({
+            allowGrowX: false
+          });
+
           control.addListener("execute", this._onAllNoneExecute, this);
           return control;
-          
+
         case "list":
           var control = new qx.ui.form.CheckedList().set({
             focusable: false,
@@ -128,12 +142,14 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
 
           control.addListener("changeChecked", this._onListChangeChecked, this);
           return control;
-        
+
         case "spacer":
           return new qx.ui.core.Spacer();
-          
+
         case "tags":
-          return new qx.ui.container.Composite(new qx.ui.layout.HBox()).set({ allowGrowX: false });
+          return new qx.ui.container.Composite(new qx.ui.layout.HBox()).set({
+            allowGrowX: false
+          });
 
         case "tag":
           return new qx.ui.form.Tag();
@@ -142,9 +158,9 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
           return new qx.ui.basic.Image().set({ anonymous: true });
       }
 
-      return this.base(arguments, id);
+      return super._createChildControlImpl(id);
     },
-    
+
     /**
      * @Override
      * @see qx.ui.form.IField
@@ -168,7 +184,7 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     resetValue() {
       this.setSelection([]);
     },
-    
+
     /**
      * Getter for psuedo property "checked"
      *
@@ -177,7 +193,7 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     getChecked() {
       return this.getChildControl("list").getChecked();
     },
-    
+
     /**
      * Setter for psuedo property "checked"
      *
@@ -186,7 +202,7 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     setChecked(checked) {
       this.getChildControl("list").setChecked(checked);
     },
-    
+
     /**
      * Reset for psuedo property "checked"
      */
@@ -223,7 +239,10 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
      * @see qx.ui.core.ISingleSelection
      */
     isSelected(item) {
-      return qx.lang.Array.contains(this.getChildControl("list").getChecked(), item);
+      return qx.lang.Array.contains(
+        this.getChildControl("list").getChecked(),
+        item
+      );
     },
 
     /**
@@ -241,7 +260,7 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     getSelectables() {
       return this.getChildControl("list").getChildren();
     },
-    
+
     /**
      * @Override
      * @see qx.ui.core.IMultiSelection
@@ -268,14 +287,14 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
      * @Override
      * @see qx.ui.core.IMultiSelection
      */
-    removeFromSelection : function(item) {
+    removeFromSelection(item) {
       let lst = this.getChildControl("list");
       let checked = lst.getChecked();
       if (qx.lang.Array.remove(checked, item)) {
         lst.setChecked(checked);
       }
     },
-    
+
     /**
      * @Override
      * @see qx.ui.form.IModelSelection
@@ -291,14 +310,17 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     getModelSelection() {
       return this.__modelSelection;
     },
-    
+
     /**
      * Event handler for changes to the modelSelection array
      */
     __onModelSelectionChange(evt) {
       let checked = [];
       let selected = {};
-      this.getModelSelection().forEach(itemModel => selected[itemModel.toHashCode()] = itemModel);
+      this.getModelSelection().forEach(
+        itemModel => (selected[itemModel.toHashCode()] = itemModel)
+      );
+
       this.getChildren().forEach(item => {
         let itemModel = item.getModel();
         if (selected[itemModel.toHashCode()]) {
@@ -310,9 +332,9 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
         lst.setChecked(checked);
       }
     },
-    
+
     /**
-     * Event handler for the All/None button 
+     * Event handler for the All/None button
      */
     _onAllNoneExecute() {
       let lst = this.getChildControl("list");
@@ -323,16 +345,21 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
         lst.setChecked([]);
       }
     },
-    
+
     /**
      * Event handler for changes to the list's checked array
      */
     _onListChangeChecked(evt) {
       let lst = this.getChildControl("list");
       let modelSelection = lst.getChecked().map(item => item.getModel());
-      if (!qx.lang.Array.equals(modelSelection, this.getModelSelection().toArray())) {
+      if (
+        !qx.lang.Array.equals(
+          modelSelection,
+          this.getModelSelection().toArray()
+        )
+      ) {
         this.__modelSelection.replace(modelSelection);
-        this.fireDataEvent("changeValue", this.getValue())
+        this.fireDataEvent("changeValue", this.getValue());
 
         let children = {};
         this.getChildren().forEach(item => {
@@ -348,19 +375,24 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
             model: itemModel,
             label: item.getLabel()
           });
-          this.fireDataEvent("attachResultsTag", { tagWidget: tag, item: item, itemModel: itemModel });
+
+          this.fireDataEvent("attachResultsTag", {
+            tagWidget: tag,
+            item: item,
+            itemModel: itemModel
+          });
         };
         const detachTag = tag => {
           let itemModel = tag.getModel();
           tag.setModel(null);
           tags.remove(tag);
-          this.fireDataEvent("detachResultsTag", { 
-            tagWidget: tag, 
-            item: children[itemModel.toHashCode()], 
+          this.fireDataEvent("detachResultsTag", {
+            tagWidget: tag,
+            item: children[itemModel.toHashCode()],
             itemModel: itemModel
           });
         };
-        
+
         while (this.__atomsOnDisplay.length > modelSelection.length) {
           let tag = this.__atomsOnDisplay.pop();
           detachTag(tag);
@@ -376,7 +408,7 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
         });
       }
     },
-    
+
     /**
      * Listener method for "pointerover" event
      * <ul>
@@ -429,21 +461,24 @@ qx.Class.define("qx.ui.form.CheckedSelectBox", {
     _onTap(e) {
       this.open();
     },
-    
+
     /**
      * @Override
      */
     _onBlur(evt) {
       let popup = this.getChildControl("popup");
-      for (let widget = evt.getRelatedTarget(); widget; widget = widget.getLayoutParent()) {
+      for (
+        let widget = evt.getRelatedTarget();
+        widget;
+        widget = widget.getLayoutParent()
+      ) {
         if (widget == popup) {
-          evt.getRelatedTarget().addListenerOnce("blur", this._onBlur, this); 
-          return; 
+          evt.getRelatedTarget().addListenerOnce("blur", this._onBlur, this);
+          return;
         }
       }
 
       this.close();
     }
-    
   }
 });