@xplortech/apollo-core 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/cjs/xpl-select.cjs.entry.js

@@ -2,52 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88e58962.js');
-const index$1 = require('./index-318d5fc7.js');
+const index = require('./index-acf3dd7a.js');
+const v4 = require('./v4-14140ff3.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function getDefaultExportFromNamespaceIfPresent (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
-}
-
-function getDefaultExportFromNamespaceIfNotNamed (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -521,7 +480,7 @@ const XplSelect = class {
      */
     this.truncate = true;
     this.active = false;
-    this.id = index$1.v4();
+    this.id = v4.v4();
     this.keepFocus = false;
     this.value = '';
     this.displayValue = '';

package/dist/cjs/xpl-toggle.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-88e58962.js');
-const index$1 = require('./index-318d5fc7.js');
+const index = require('./index-acf3dd7a.js');
+const v4 = require('./v4-14140ff3.js');
 
 const XplToggle = class {
   constructor(hostRef) {
@@ -12,7 +12,7 @@ const XplToggle = class {
      * The size of the toggle -- `default` or `small`
      */
     this.variant = 'default';
-    this.id = index$1.v4();
+    this.id = v4.v4();
   }
   render() {
     let containerClassName = 'xpl-toggle-container';

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "./components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "./components/xpl-application-shell/xpl-application-shell.js",
     "./components/xpl-avatar/xpl-avatar.js",
     "./components/xpl-backdrop/xpl-backdrop.js",
@@ -15,7 +16,6 @@
     "./components/xpl-dropdown/xpl-dropdown.js",
     "./components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js",
     "./components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js",
-    "./components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "./components/xpl-grid/xpl-grid.js",
     "./components/xpl-grid-item/xpl-grid-item.js",
     "./components/xpl-input/xpl-input.js",

package/dist/collection/components/xpl-choicelist/choice.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference path="./choice.d.ts"></reference>
 import { Component, Host, h, Prop, State } from '@stencil/core';
 export class XplChoicelist {
   componentWillLoad() {
@@ -47,7 +46,8 @@ export class XplChoicelist {
         "resolved": "Choice[]",
         "references": {
           "Choice": {
-            "location": "global"
+            "location": "import",
+            "path": "./choice"
           }
         }
       },
@@ -55,7 +55,7 @@ export class XplChoicelist {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to precheck or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
+        "text": "An array of choices to be displayed in the list.\nEach choice should be an object with keys:\n- `checked` [boolean] - whether to pre-check or not\n- `children` [Choice[]] - an array of child choices (recursive)\n- `description` [string]\n- `label` [string]"
       }
     },
     "description": {

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

@@ -0,0 +1 @@
+export {};

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

@@ -51,7 +51,8 @@ export class XplDropdownGroup {
         "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
         "references": {
           "DropdownOptionGroup": {
-            "location": "global"
+            "location": "import",
+            "path": "../dropdownoption"
           }
         }
       },

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

@@ -23,7 +23,10 @@ export class XplDropdownOption {
     const { closeOnSelect, mode, selectOnFocus } = this.dropdown;
     if (selectOnFocus && navigationKeys.includes(ev.key)) {
       const hostElement = document.activeElement.closest('xpl-dropdown-option');
-      dropdown.handleSelect(ev, { component: { hostElement } });
+      const component = {
+        component: { hostElement },
+      };
+      dropdown.handleSelect(ev, component);
       if (mode === 'single' && closeOnSelect)
         this.dropdown.isOpen = false;
       return;

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

@@ -13,7 +13,6 @@ 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;
@@ -30,7 +29,7 @@ export class XplDropdown {
     };
   }
   /**
-   * 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;
@@ -160,7 +159,8 @@ export class XplDropdown {
         "resolved": "Partial<DropdownOption & DropdownOptionGroup>[]",
         "references": {
           "DropdownItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./dropdownoption"
           }
         }
       },
@@ -210,11 +210,14 @@ export class XplDropdown {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "(e: Event, { component: XplDropdown }) => void",
-        "resolved": "(e: Event, { component: XplDropdown }: { component: any; }) => void",
+        "original": "(\n        e: Event,\n        { component }: { component: XplDropdown }\n    ) => void",
+        "resolved": "(e: Event, { component }: { component: XplDropdown; }) => void",
         "references": {
           "Event": {
             "location": "global"
+          },
+          "XplDropdown": {
+            "location": "global"
           }
         }
       },
@@ -229,7 +232,7 @@ export class XplDropdown {
   static get methods() { return {
     "handleSelect": {
       "complexType": {
-        "signature": "(e: Event, { component }: { component: any; }) => Promise<void>",
+        "signature": "(e: Event, { component }: { component: XplDropdownOption; }) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
@@ -244,14 +247,19 @@ export class XplDropdown {
           "Event": {
             "location": "global"
           },
+          "XplDropdownOption": {
+            "location": "import",
+            "path": "./xpl-dropdown-option/xpl-dropdown-option"
+          },
           "DropdownItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./dropdownoption"
           }
         },
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "called on dropdown option click and keydown events  to update isSelected states",
+        "text": "called on dropdown option click and keydown events to update isSelected states",
         "tags": []
       }
     }

package/dist/collection/components/xpl-list/listitem.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
-/// <reference path="./listitem.d.ts"></reference>
 import { Component, Host, h, Prop, Fragment, } from '@stencil/core';
 import '../../../font-awesome/fontawesome';
 import '../../../font-awesome/regular';
@@ -75,7 +74,8 @@ export class XplList {
         "resolved": "ListItem[]",
         "references": {
           "ListItem": {
-            "location": "global"
+            "location": "import",
+            "path": "./listitem"
           }
         }
       },

package/dist/collection/components/xpl-select/selectchoice.js

@@ -0,0 +1 @@
+export {};

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

@@ -198,7 +198,8 @@ export class XplSelect {
         "resolved": "SelectChoice[]",
         "references": {
           "SelectChoice": {
-            "location": "global"
+            "location": "import",
+            "path": "./selectchoice"
           }
         }
       },

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

@@ -30,24 +30,24 @@ export class XplTable {
     this.onScroll = () => {
       this.hasScrolled = this.container.scrollLeft > 0;
     };
-    /**
-     * TODO: Need to figure out how this interplays with data
-     * received from an API/server
-     */
-    this.sortBy = (col, ascending = true) => {
-      this.rowData.sort((a, b) => {
-        const A = a[col];
-        const B = b[col];
-        if (typeof A === 'number' && typeof B === 'number') {
-          const f = ascending ? 1 : -1;
-          return A > B ? f : -f;
-        }
-        return -1;
-      });
-      this.rowData = Array.from(this.rowData);
-      this.render();
-    };
   }
+  /**
+   * TODO: Need to figure out how this interplays with data
+   * received from an API/server
+   */
+  // private sortBy = (col: number, ascending = true) => {
+  //     this.rowData.sort((a, b) => {
+  //         const A = a[col];
+  //         const B = b[col];
+  //         if (typeof A === 'number' && typeof B === 'number') {
+  //             const f = ascending ? 1 : -1;
+  //             return A > B ? f : -f;
+  //         }
+  //         return -1;
+  //     });
+  //     this.rowData = Array.from(this.rowData);
+  //     this.render();
+  // };
   componentWillLoad() {
     this.areAllSelected = false;
     this.rowData = this.data !== undefined ? Array.from(this.data) : [];