@xplortech/apollo-core 0.5.3 → 1.0.0-beta.1

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/list.stories.d.ts

@@ -44,7 +44,7 @@ export declare const List: {
   (props: any): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render({ avatar, avatars, badges, metadata, link, title, subtext }: {
         avatar: any;
         avatars: any;

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/main-nav.stories.d.ts

@@ -17,7 +17,7 @@ export declare const MainNav: {
   ({ width }: MainNavProps): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render: any;
     };
     html: {

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/radio.stories.d.ts

@@ -41,7 +41,7 @@ export declare const Radio: {
   }): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render: any;
     };
     html: {

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/secondary-nav.stories.d.ts

@@ -6,7 +6,7 @@ export declare const SecondaryNav: {
   (): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render: any;
     };
     html: {

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/select.stories.d.ts

@@ -44,7 +44,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Select: {
-  ({ label, description, disabled, error, errorMessage, mode, truncate }: {
+  ({ label, description, disabled, error, errorMessage, mode, truncate, }: {
     label: any;
     description: any;
     disabled: any;
@@ -55,7 +55,7 @@ export declare const Select: {
   }): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render: any;
     };
     html: {

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/table.stories.d.ts

@@ -27,7 +27,7 @@ export declare const Table: {
   }): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render({ freeze, multiselect, striped }: {
         freeze: any;
         multiselect: any;

package/dist/types/Users/{roc/Sites → fernandogelin/Projects}/apollo/.stencil/stories/toggle.stories.d.ts

@@ -39,7 +39,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Toggle: {
-  ({ checked, description, disabled, label, heading, variant }: {
+  ({ checked, description, disabled, label, heading, variant, }: {
     checked: any;
     description: any;
     disabled: any;
@@ -49,7 +49,7 @@ export declare const Toggle: {
   }): string;
   parameters: {
     layout: string;
-    "web-component": {
+    'web-component': {
       render: any;
     };
     html: {

package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts

@@ -5,8 +5,8 @@ export declare class XplApplicationShell {
    */
   withSubnav: boolean;
   /**
- * @property {boolean} - Whether or not the Grid should have space for a utility bar
- */
+   * @property {boolean} - Whether or not the Grid should have space for a utility bar
+   */
   withUtility: boolean;
   /**
    * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.

package/dist/types/components/xpl-avatar/xpl-avatar.d.ts

@@ -1,11 +1,11 @@
 export declare class XplAvatar {
-  color?: "green" | "yellow" | "pink" | "primary" | "secondary";
+  color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';
   disabled?: boolean;
   href?: string;
   name?: string;
-  size?: "md" | "sm";
+  size?: 'md' | 'sm';
   src?: string;
-  status?: "active" | "warning" | "inactive";
+  status?: 'active' | 'warning' | 'inactive';
   target?: string;
   render(): any;
 }

package/dist/types/components/xpl-badge/xpl-badge.d.ts

@@ -1,5 +1,5 @@
 export declare class XplBadge {
   dot?: boolean;
-  variant?: "success" | "warning" | "inactive" | "error";
+  variant?: 'success' | 'warning' | 'inactive' | 'error';
   render(): any;
 }

package/dist/types/components/xpl-button/xpl-button.d.ts

@@ -1,15 +1,39 @@
-import "../../../font-awesome/fontawesome";
-import "../../../font-awesome/regular";
 export declare class XplButton {
+  /**
+   * whether button should be disabled
+   */
   disabled?: boolean;
-  href?: string;
-  icon?: string;
+  /**
+   * whether button should yield a slot for a link tag
+   */
+  link?: boolean;
+  /**
+   * whether button should render icon only
+   */
   iconOnly?: boolean;
-  iconTrailing?: boolean;
+  /**
+   * @property {string} - button name attribute
+   */
   name?: string;
-  size: "default" | "sm" | "xs";
-  type?: "submit" | "reset" | "button";
+  /**
+   * @property {"default" | "sm" | "xs"} - button size
+   */
+  size: 'default' | 'sm' | 'xs';
+  /**
+   * @property {"submit" | "reset" | "button"} - button type attribute
+   */
+  type?: 'submit' | 'reset' | 'button';
+  /**
+   * @property {string} - button value attribute
+   */
   value?: string;
-  variant: "primary" | "secondary" | "subtle" | "warning";
+  /**
+   * @property {"primary" | "secondary" | "subtle"} - button variant
+   */
+  variant: 'primary' | 'secondary' | 'subtle';
+  /**
+   * @property {"neutral" | "warning" | "success"} - button state (color) neutral=purple, success=green, warning=red
+   */
+  state: 'neutral' | 'warning' | 'success';
   render(): any;
 }

package/dist/types/components/xpl-button-row/xpl-button-row.d.ts

@@ -3,17 +3,17 @@ export declare class XplButtonRow {
   /**
    * The text for the primary button.
    */
-  primary: "string";
+  primary: 'string';
   /**
    * The text for the secondary button. If left
    * empty, will not render a secondary button.
    */
-  secondary: "string";
+  secondary: 'string';
   /**
    * The text for the tertiary button. If left
    * empty, will not render a secondary button.
    */
-  tertiary: "string";
+  tertiary: 'string';
   /**
    * Fires on the primary button.
    * If not set, the button can act as a standard

package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XplCheckbox {
   checked?: boolean;
   description?: string;

package/dist/types/components/xpl-choicelist/choice.d.ts

@@ -1,6 +1,6 @@
-export interface Choice {
-  checked?: boolean;
-  children?: Choice[];
-  description?: string;
-  label?: string;
+interface Choice {
+    checked?: boolean;
+    children?: Choice[];
+    description?: string;
+    label?: string;
 }

package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts

@@ -1,4 +1,3 @@
-import { Choice } from "./choice";
 export declare class XplChoicelist {
   /**
    * An array of choices to be displayed in the list.

package/dist/types/components/xpl-content-area/xpl-content-area.d.ts

@@ -1,7 +1,7 @@
 export declare class XplContentArea {
   /**
-    * @property {string}  size  - The content-area size.
-  */
-  size: "wide" | "narrow" | "full";
+   * @property {string}  size  - The content-area size.
+   */
+  size: 'wide' | 'narrow' | 'full';
   render(): any;
 }

package/dist/types/components/xpl-dropdown/dropdownoption.d.ts

@@ -0,0 +1,12 @@
+interface DropdownOption {
+    label: string;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+
+type DropdownItem = Partial<DropdownOption & DropdownOptionGroup>;
+
+interface DropdownOptionGroup {
+    groupName: string;
+    options: DropdownItem[];
+}

package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts

@@ -0,0 +1,7 @@
+export declare class XplDropdownGroup {
+  /** text to display as heading */
+  groupName: string;
+  /** options that are listed */
+  options?: DropdownOptionGroup['options'];
+  render(): any;
+}

package/dist/types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.d.ts

@@ -0,0 +1,5 @@
+export declare class XplDropdownHeading {
+  /** text to display as heading */
+  label: string;
+  render(): any;
+}

package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts

@@ -0,0 +1,16 @@
+export declare class XplDropdownOption {
+  /** whether option is disabled */
+  isDisabled?: boolean;
+  /** text to display for option */
+  label: string;
+  /** whether option is selected */
+  isSelected?: boolean;
+  hostElement: HTMLXplDropdownOptionElement;
+  private dropdown;
+  componentWillLoad(): void;
+  private handleClick;
+  private handleKeyup;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts

@@ -1,11 +1,35 @@
-import { FunctionalComponent } from '../../stencil-public-runtime';
-import { DropdownChoice } from './dropdownchoice';
-interface XplDropdownProps {
-  active: boolean;
-  choices: DropdownChoice[];
-  mode: "single" | "multi";
-  selected: boolean[];
-  update: (selected: boolean[]) => void;
+export declare class XplDropdown {
+  /** text to display as heading */
+  isOpen: boolean;
+  /** options that are listed */
+  closeOnSelect: boolean;
+  /** constant representing number of options that can be selected */
+  mode: 'single' | 'multi';
+  /** options that are listed */
+  options?: DropdownItem[];
+  /** whether selection should be made when focusing on interactable element */
+  selectOnFocus: boolean;
+  /** the id for the element that triggers the open state */
+  triggerId: string;
+  /**
+   * @callback update
+   * @param {Object} e - event object
+   * @param {Object} options - component
+   */
+  /** call back function invoked when a selection is made */
+  update?: (e: Event, { component: XplDropdown }: {
+    component: any;
+  }) => void;
+  hostElement: HTMLXplDropdownElement;
+  /**
+   * called on dropdown option click and keydown events  to update isSelected states
+   */
+  handleSelect(e: Event, { component }: {
+    component: any;
+  }): Promise<void>;
+  private handleClickOutside;
+  componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
 }
-export declare const XplDropdown: FunctionalComponent<XplDropdownProps>;
-export {};

package/dist/types/components/xpl-input/xpl-input.d.ts

@@ -1,5 +1,5 @@
-import "../../../font-awesome/fontawesome";
-import "../../../font-awesome/regular";
+import '../../../font-awesome/fontawesome';
+import '../../../font-awesome/regular';
 export declare class XplInput {
   /**
    * Because `id` is a reserved HTMLElement attribute,
@@ -45,7 +45,7 @@ export declare class XplInput {
    * date or a range of dates. (Multiple non-consecutive
    * dates planned to be supported in the future.)
    */
-  mode?: "single" | /* "multiple" | */ "range";
+  mode?: 'single' | /* "multiple" | */ 'range';
   /**
    * Whether to render as a singleline text input or
    * as a multiline textarea. (If `true`, `pre` and `post`
@@ -71,7 +71,7 @@ export declare class XplInput {
   readonly?: boolean;
   required?: boolean;
   step?: number;
-  type?: "date" | "text" | "number" | "password";
+  type?: 'date' | 'text' | 'number' | 'password';
   /**
    * Including a `value` will prepopulate the input
    * with the given string.

package/dist/types/components/xpl-list/listitem.d.ts

@@ -1,16 +1,20 @@
-export interface ListItem {
-  avatar?: string;
-  avatars?: string[];
-  badges?: string[] | {
-    dot?: boolean;
-    text: string;
-    variant?: string;
-  }[];
-  href?: string;
-  title: string;
-  metadata?: string[] | {
-    icon: string;
-    text: string;
-  }[];
-  subtext?: string;
+interface ListItem {
+    avatar?: string;
+    avatars?: string[];
+    badges?:
+        | string[]
+        | {
+              dot?: boolean;
+              text: string;
+              variant?: string;
+          }[];
+    href?: string;
+    title: string;
+    metadata?:
+        | string[]
+        | {
+              icon: string;
+              text: string;
+          }[];
+    subtext?: string;
 }

package/dist/types/components/xpl-list/xpl-list.d.ts

@@ -1,6 +1,5 @@
-import "../../../font-awesome/fontawesome";
-import "../../../font-awesome/regular";
-import { ListItem } from "./listitem";
+import '../../../font-awesome/fontawesome';
+import '../../../font-awesome/regular';
 export declare class XplList {
   /**
    * `items` should be an array of objects with the following signature:

package/dist/types/components/xpl-main-nav/xpl-main-nav.d.ts

@@ -3,7 +3,7 @@ export declare class XplMainNav {
   /**
    * @property {string}  width  - The width of the Main Nav.
    */
-  width: "default" | "md" | "sm";
+  width: 'default' | 'md' | 'sm';
   /**
    * @event {string} navWidth - Emits the `nav-width` prop set by the user
    * when the component is attached to the DOM and when the component is updated.

package/dist/types/components/xpl-nav-item/xpl-nav-item.d.ts

@@ -1,3 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XplNavItem {
+  /**
+   * @property {boolean} - Whether or not the item should control the main nav state on click
+   */
+  navControl?: boolean;
+  /**
+   * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)
+   */
+  navOpen: EventEmitter<boolean>;
+  private onNavToggle;
   render(): any;
 }

package/dist/types/components/xpl-pagination/xpl-pagination.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XplPagination {
   total: number;
   perPage: number;

package/dist/types/components/xpl-radio/xpl-radio.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XplRadio {
   checked?: boolean;
   description?: string;

package/dist/types/components/xpl-select/selectchoice.d.ts

@@ -0,0 +1,3 @@
+interface SelectChoice extends DropdownItem {
+    value?: string;
+}

package/dist/types/components/xpl-select/xpl-select.d.ts

@@ -1,4 +1,3 @@
-import { DropdownChoice } from "../xpl-dropdown/dropdownchoice";
 export declare class XplSelect {
   /**
    * An array of choices for the user to choose from.
@@ -10,7 +9,7 @@ export declare class XplSelect {
    *   isGroupHeading?: boolean;
    * }
    */
-  choices?: DropdownChoice[];
+  choices?: SelectChoice[];
   /**
    * Optional text that appears below the input label.
    */
@@ -27,7 +26,7 @@ export declare class XplSelect {
   /**
    * Whether to allow a single choice or multiple choices.
    */
-  mode?: "single" | "multi";
+  mode?: 'single' | 'multi';
   placeholder: string;
   /**
    * Only used in multi-choice selects. If `true`,
@@ -42,10 +41,14 @@ export declare class XplSelect {
   keepFocus: boolean;
   selected: boolean[];
   value: string;
+  displayValue: string;
   visibleChoices: number;
   private container;
+  private dropdown;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private maybeTruncateChoices;
+  private flattenChoices;
   private getDisplayValue;
   private getActualValue;
   private update;

package/dist/types/components/xpl-table/xpl-table.d.ts

@@ -1,4 +1,4 @@
-import { Event, EventEmitter } from "../../stencil-public-runtime";
+import { Event, EventEmitter } from '../../stencil-public-runtime';
 export declare class XplTable {
   columns?: string[];
   data?: string[][];

package/dist/types/components/xpl-toggle/xpl-toggle.d.ts

@@ -17,7 +17,7 @@ export declare class XplToggle {
   /**
    * The size of the toggle -- `default` or `small`
    */
-  variant?: "default" | "small";
+  variant?: 'default' | 'small';
   id: string;
   render(): any;
 }