@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js

@@ -1,11 +1,5 @@
-import { Host, h } from '@stencil/core';
+import { Component, Element, Host, h, Prop } from '@stencil/core';
 export class XplDropdownOption {
-  constructor() {
-    this.isDisabled = undefined;
-    this.label = undefined;
-    this.value = undefined;
-    this.isSelected = undefined;
-  }
   componentWillLoad() {
     this.dropdown = this.hostElement.closest('xpl-dropdown');
   }
@@ -29,10 +23,7 @@ export class XplDropdownOption {
     const { closeOnSelect, mode, selectOnFocus } = this.dropdown;
     if (selectOnFocus && navigationKeys.includes(ev.key)) {
       const hostElement = document.activeElement.closest('xpl-dropdown-option');
-      const component = {
-        component: { hostElement },
-      };
-      dropdown.handleSelect(ev, component);
+      dropdown.handleSelect(ev, { component: { hostElement } });
       if (mode === 'single' && closeOnSelect)
         this.dropdown.isOpen = false;
       return;
@@ -53,86 +44,67 @@ export class XplDropdownOption {
     this.hostElement.removeEventListener('keyup', this.handleKeyup);
   }
   render() {
-    const { label, isSelected, isDisabled, value } = this;
+    const { label, isSelected, isDisabled } = this;
     return (h(Host, { class: {
         'xpl-dropdown-option': true,
         'xpl-dropdown-option--disabled': isDisabled,
         'xpl-dropdown-option--selected': isSelected,
-      }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { class: "xpl-dropdown-list-item" }, label || h("slot", { name: "option" }))));
+      }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected },
+      h("li", { class: "xpl-dropdown-list-item" }, label || h("slot", { name: "option" }))));
   }
   static get is() { return "xpl-dropdown-option"; }
-  static get properties() {
-    return {
-      "isDisabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "whether option is disabled"
-        },
-        "attribute": "disabled",
-        "reflect": true
+  static get properties() { return {
+    "isDisabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "text to display for option"
-        },
-        "attribute": "label",
-        "reflect": false
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "whether option is disabled"
       },
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The selected options value to be submitted with the form, should this option be selected."
-        },
-        "attribute": "value",
-        "reflect": false
+      "attribute": "disabled",
+      "reflect": true
+    },
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "isSelected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "whether option is selected"
-        },
-        "attribute": "selected",
-        "reflect": false
-      }
-    };
-  }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "text to display for option"
+      },
+      "attribute": "label",
+      "reflect": false
+    },
+    "isSelected": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "whether option is selected"
+      },
+      "attribute": "selected",
+      "reflect": true
+    }
+  }; }
   static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=xpl-dropdown-option.js.map

package/dist/collection/components/xpl-dropdown/xpl-dropdown.js

@@ -1,8 +1,7 @@
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function")
     for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
       if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -10,9 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { h, Host } from '@stencil/core';
+import { Component, Element, Host, h, Method, Prop } from '@stencil/core';
 export class XplDropdown {
   constructor() {
+    /** text to display as heading */
+    // eslint-disable-next-line @stencil/strict-mutable
+    this.isOpen = false;
+    /** options that are listed */
+    this.closeOnSelect = true;
+    /** constant representing number of options that can be selected */
+    this.mode = 'single';
+    /** whether selection should be made when focusing on interactable element */
+    this.selectOnFocus = false;
     this.handleClickOutside = ({ target }) => {
       const { triggerId } = this;
       const isTrigger = triggerId && target.id === triggerId;
@@ -20,16 +28,9 @@ export class XplDropdown {
       if (!isInside && !isTrigger)
         this.isOpen = false;
     };
-    this.isOpen = false;
-    this.closeOnSelect = true;
-    this.mode = 'single';
-    this.options = undefined;
-    this.selectOnFocus = false;
-    this.triggerId = undefined;
-    this.update = undefined;
   }
   /**
-   * called on dropdown option click and keydown events to update isSelected states
+   * called on dropdown option click and keydown events  to update isSelected states
    */
   async handleSelect(e, { component }) {
     const { hostElement, mode, options, update } = this;
@@ -42,9 +43,7 @@ export class XplDropdown {
         ...(curr.groupName ? curr.options : [curr]),
       ], [])
         .forEach((option) => {
-        const isMatch = (option.value || option.label) ===
-          (component.hostElement.value ||
-            component.hostElement.label);
+        const isMatch = option.label === component.hostElement.label;
         if (isSingle) {
           option.isSelected = isMatch;
           component.hostElement.isSelected = option.isSelected;
@@ -94,175 +93,168 @@ export class XplDropdown {
         'xpl-dropdown': true,
         'xpl-dropdown--multi': mode === 'multi',
         'xpl-dropdown--open': isOpen,
-      }, role: "listbox" }, h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" }))));
+      }, role: "listbox" },
+      h("ul", { class: "xpl-dropdown-list" }, mappedOptions || h("slot", { name: "options" }))));
   }
   static get is() { return "xpl-dropdown"; }
-  static get properties() {
-    return {
-      "isOpen": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "text to display as heading"
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "false"
+  static get properties() { return {
+    "isOpen": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "closeOnSelect": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "options that are listed"
-        },
-        "attribute": "close-on-select",
-        "reflect": false,
-        "defaultValue": "true"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "text to display as heading"
       },
-      "mode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'single' | 'multi'",
-          "resolved": "\"multi\" | \"single\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "constant representing number of options that can be selected"
-        },
-        "attribute": "mode",
-        "reflect": false,
-        "defaultValue": "'single'"
+      "attribute": "open",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "closeOnSelect": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "options that are listed"
       },
-      "options": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "DropdownItem[]",
-          "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
-          "references": {
-            "DropdownItem": {
-              "location": "import",
-              "path": "./dropdownoption"
-            }
+      "attribute": "close-on-select",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "mode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'single' | 'multi'",
+        "resolved": "\"multi\" | \"single\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "constant representing number of options that can be selected"
+      },
+      "attribute": "mode",
+      "reflect": false,
+      "defaultValue": "'single'"
+    },
+    "options": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DropdownItem[]",
+        "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
+        "references": {
+          "DropdownItem": {
+            "location": "global"
           }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "options that are listed"
         }
       },
-      "selectOnFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "whether selection should be made when focusing on interactable element"
-        },
-        "attribute": "select-on-focus",
-        "reflect": false,
-        "defaultValue": "false"
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "options that are listed"
+      }
+    },
+    "selectOnFocus": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "triggerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "the id for the element that triggers the open state"
-        },
-        "attribute": "trigger-id",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "whether selection should be made when focusing on interactable element"
+      },
+      "attribute": "select-on-focus",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "triggerId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "update": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(e, { component }: { component: XplDropdown }) => void",
-          "resolved": "(e: any, { component }: { component: XplDropdown; }) => void",
-          "references": {
-            "XplDropdown": {
-              "location": "global"
-            }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "the id for the element that triggers the open state"
+      },
+      "attribute": "trigger-id",
+      "reflect": false
+    },
+    "update": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "(e: Event, { component: XplDropdown }) => void",
+        "resolved": "(e: Event, { component: XplDropdown }: { component: any; }) => void",
+        "references": {
+          "Event": {
+            "location": "global"
           }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "call back function invoked when a selection is made"
         }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "call back function invoked when a selection is made"
       }
-    };
-  }
-  static get methods() {
-    return {
-      "handleSelect": {
-        "complexType": {
-          "signature": "(e: any, { component }: { component: XplDropdownOption; }) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "XplDropdownOption": {
-              "location": "import",
-              "path": "./xpl-dropdown-option/xpl-dropdown-option"
-            },
-            "DropdownItem": {
-              "location": "import",
-              "path": "./dropdownoption"
-            }
+    }
+  }; }
+  static get methods() { return {
+    "handleSelect": {
+      "complexType": {
+        "signature": "(e: Event, { component }: { component: any; }) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "Event": {
+            "location": "global"
           },
-          "return": "Promise<void>"
+          "DropdownItem": {
+            "location": "global"
+          }
         },
-        "docs": {
-          "text": "called on dropdown option click and keydown events to update isSelected states",
-          "tags": []
-        }
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "called on dropdown option click and keydown events  to update isSelected states",
+        "tags": []
       }
-    };
-  }
+    }
+  }; }
   static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=xpl-dropdown.js.map

package/dist/collection/components/xpl-grid/xpl-grid.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Component, Host, h, Element } from '@stencil/core';
 export class XplGrid {
   componentDidLoad() {
     const items = Array.from(this.container.querySelectorAll('.xpl-grid-item'));
@@ -24,4 +24,3 @@ export class XplGrid {
   static get is() { return "xpl-grid"; }
   static get elementRef() { return "container"; }
 }
-//# sourceMappingURL=xpl-grid.js.map