@xplortech/apollo-core 0.3.0 → 0.4.1

package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/input.stories.d.ts

@@ -0,0 +1,190 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    label: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    description: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    disabled: {
+      type: {
+        name: string;
+      };
+    };
+    error: {
+      type: {
+        name: string;
+      };
+    };
+    errorMessage: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    type: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Input: {
+  ({ label, description, disabled, error, errorMessage, pre, post, type, }: {
+    label: any;
+    description: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    pre: any;
+    post: any;
+    type: any;
+  }): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render({ label, description, disabled, error, errorMessage, pre, post, type, }: {
+        label: any;
+        description: any;
+        disabled: any;
+        error: any;
+        errorMessage: any;
+        pre: any;
+        post: any;
+        type: any;
+      }): any[];
+    };
+  };
+  args: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    pre: string;
+    post: string;
+    type: string;
+  };
+};
+export declare const Multiline: {
+  ({ label, description, disabled, error, errorMessage, maxCharacterCount, }: {
+    label: any;
+    description: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    maxCharacterCount: any;
+  }): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render({ disabled, error, errorMessage, label, description, maxCharacterCount }: {
+        disabled: any;
+        error: any;
+        errorMessage: any;
+        label: any;
+        description: any;
+        maxCharacterCount: any;
+      }): string[];
+    };
+  };
+  args: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    maxCharacterCount: number;
+  };
+};
+export declare const Datepicker: {
+  ({ label, dateFormat, description, disabled, error, errorMessage, min, mode, max, }: {
+    label: any;
+    dateFormat: any;
+    description: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    min: any;
+    mode: any;
+    max: any;
+  }): string;
+  argTypes: {
+    mode: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    mode: string;
+    label: string;
+    dateFormat: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    min: string;
+    max: string;
+  };
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render({ label, description, disabled, error, errorMessage, min, max, }: {
+        label: any;
+        description: any;
+        disabled: any;
+        error: any;
+        errorMessage: any;
+        min: any;
+        max: any;
+      }): string[];
+    };
+  };
+};
+export declare const Password: {
+  ({ label, description, disabled, error, errorMessage, pre, post, }: {
+    label: any;
+    description: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    pre: any;
+    post: any;
+  }): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render(): string;
+    };
+  };
+  args: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+  };
+};

package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/list.stories.d.ts

@@ -0,0 +1,71 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    avatar: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    avatars: {
+      type: {
+        name: string;
+      };
+    };
+    badges: {
+      type: {
+        name: string;
+      };
+    };
+    link: {
+      type: {
+        name: string;
+      };
+    };
+    metadata: {
+      type: {
+        name: string;
+      };
+    };
+    title: {
+      type: {
+        name: string;
+      };
+    };
+    subtext: {
+      type: {
+        name: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const List: {
+  (props: any): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render({ avatar, avatars, badges, metadata, link, title, subtext }: {
+        avatar: any;
+        avatars: any;
+        badges: any;
+        metadata: any;
+        link: any;
+        title: any;
+        subtext: any;
+      }): string[];
+    };
+    html: {
+      render(): void;
+    };
+  };
+  args: {
+    avatar: string;
+    avatars: boolean;
+    badges: boolean;
+    link: boolean;
+    metadata: boolean;
+    title: string;
+    subtext: string;
+  };
+};

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

@@ -23,15 +23,21 @@ declare const _default: {
         type: string;
       };
     };
+    styled: {
+      control: {
+        type: string;
+      };
+    };
   };
 };
 export default _default;
 export declare const Radio: {
-  ({ label, description, checked, disabled }: {
+  ({ label, description, checked, disabled, styled }: {
     label: any;
     description: any;
     checked: any;
     disabled: any;
+    styled: any;
   }): string;
   parameters: {
     layout: string;
@@ -39,11 +45,12 @@ export declare const Radio: {
       render: any;
     };
     html: {
-      render({ label, description, checked, disabled }: {
+      render({ label, description, checked, disabled, styled }: {
         label: any;
         description: any;
         checked: any;
         disabled: any;
+        styled: any;
       }): string;
     };
   };
@@ -52,5 +59,6 @@ export declare const Radio: {
     description: string;
     checked: boolean;
     disabled: boolean;
+    styled: boolean;
   };
 };

package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/select.stories.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    label: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    description: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    disabled: {
+      type: {
+        name: string;
+      };
+    };
+    error: {
+      type: {
+        name: string;
+      };
+    };
+    errorMessage: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    mode: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    truncate: {
+      type: {
+        name: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Select: {
+  ({ label, description, disabled, error, errorMessage, mode, truncate }: {
+    label: any;
+    description: any;
+    disabled: any;
+    error: any;
+    errorMessage: any;
+    mode: any;
+    truncate: any;
+  }): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render(): void;
+    };
+  };
+  args: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    mode: string;
+    truncate: boolean;
+  };
+};

package/dist/types/Users/fernandogelin/Projects/apollo/.stencil/stories/toggle.stories.d.ts

@@ -0,0 +1,74 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    checked: {
+      control: {
+        type: string;
+      };
+    };
+    variant: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    heading: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    label: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    description: {
+      type: {
+        name: string;
+        required: boolean;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Toggle: {
+  ({ checked, description, disabled, label, heading, variant }: {
+    checked: any;
+    description: any;
+    disabled: any;
+    label: any;
+    heading: any;
+    variant: any;
+  }): string;
+  parameters: {
+    layout: string;
+    "web-component": {
+      render: any;
+    };
+    html: {
+      render({ label, heading, checked, description, disabled, variant }: {
+        label: any;
+        heading: any;
+        checked: any;
+        description: any;
+        disabled: any;
+        variant: any;
+      }): string;
+    };
+  };
+  args: {
+    checked: boolean;
+    heading: string;
+    label: string;
+    variant: string;
+    description: string;
+    disabled: boolean;
+  };
+};

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class XplButtonRow {
+  /**
+   * The text for the primary button.
+   */
+  primary: "string";
+  /**
+   * The text for the secondary button. If left
+   * empty, will not render a secondary button.
+   */
+  secondary: "string";
+  /**
+   * The text for the tertiary button. If left
+   * empty, will not render a secondary button.
+   */
+  tertiary: "string";
+  /**
+   * Fires on the primary button.
+   * If not set, the button can act as a standard
+   * submit button for a form.
+   */
+  clickPrimary: EventEmitter;
+  /**
+   * Adds an event listener to the secondary button.
+   */
+  clickSecondary: EventEmitter;
+  /**
+   * Adds an event listener to the tertiary button.
+   */
+  clickTertiary: EventEmitter;
+  private onPrimary;
+  private onSecondary;
+  private onTertiary;
+  render(): any;
+}

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class XplCheckbox {
   checked?: boolean;
   description?: string;
@@ -5,7 +6,11 @@ export declare class XplCheckbox {
   indeterminate?: boolean;
   name?: string;
   required?: boolean;
+  styled?: boolean;
   value?: string;
   id: string;
+  /** @private */
+  checkboxChange: EventEmitter;
+  private input;
   render(): any;
 }

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

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

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

@@ -1,3 +1,34 @@
 export declare class XplChoicelist {
+  /**
+   * An array of choices to be displayed in the list.
+   * Each choice should be an object with keys:
+   * - `checked` [boolean] - whether to precheck or not
+   * - `children` [Choice[]] - an array of child choices (recursive)
+   * - `description` [string]
+   * - `label` [string]
+   */
+  choices: Choice[];
+  /**
+   * Descriptive text to be displayed above the choicelist.
+   */
+  description?: string;
+  /**
+   * The title text to be displayed above the choicelist.
+   */
+  heading?: string;
+  /**
+   * Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons.
+   */
+  multi?: boolean;
+  /**
+   * The `name` to be associated with form data.
+   */
+  name?: string;
+  /**
+   * If `true`, will include borders around the list and between individual choices.
+   */
+  styled?: boolean;
+  selected: boolean[];
+  componentWillLoad(): void;
   render(): any;
 }

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

@@ -0,0 +1,9 @@
+export declare class XplDivider {
+  /**
+   * The tier should be an integer between 0 and 3.
+   * Tier 0 dividers do not display text, and 1-3 increase
+   * in size with each increasing tier.
+   */
+  tier?: number;
+  render(): any;
+}

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

@@ -0,0 +1,6 @@
+interface DropdownChoice {
+    label: string;
+    href?: string;
+    value?: string;
+    isGroupHeading?: boolean;
+}

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

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface XplDropdownProps {
+  active: boolean;
+  choices: DropdownChoice[];
+  mode: "single" | "multi";
+  selected: boolean[];
+  update: (selected: boolean[]) => void;
+}
+export declare const XplDropdown: FunctionalComponent<XplDropdownProps>;
+export {};

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

@@ -0,0 +1,5 @@
+export declare class XplGrid {
+  container: HTMLXplGridElement;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class XplGridItem {
+  xs: number;
+  sm: number;
+  md: number;
+  lg: number;
+  render(): any;
+}

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

@@ -0,0 +1,87 @@
+import "../../../font-awesome/fontawesome";
+import "../../../font-awesome/regular";
+export declare class XplInput {
+  /**
+   * Because `id` is a reserved HTMLElement attribute,
+   * we prefix it with an underscore here so that it
+   * doesn't get automatically applied to the outer container.
+   */
+  _id?: string;
+  autocomplete?: string;
+  /**
+   * See https://flatpickr.js.org/formatting/
+   */
+  dateFormat?: string;
+  /**
+   * Optional text that appears below the input label.
+   */
+  description?: string;
+  disabled?: boolean;
+  /**
+   * If an empty string (attribute present with no value),
+   * will display visually as an error. If a string is
+   * included, will display visually as an error and include
+   * the value as an error message.
+   */
+  error?: string;
+  label: string;
+  /**
+   * Only used when `type` = 'number' or 'date'
+   */
+  max?: number | string;
+  /**
+   * For multiline inputs, a max. character count will
+   * display along with the current character count,
+   * and will automatically render as an error if the
+   * character count exceeds the max.
+   */
+  maxCharacterCount?: number;
+  /**
+   * Only used when `type` = 'number' or 'date'
+   */
+  min?: number | string;
+  /**
+   * For datepicker inputs, whether to allow only a single
+   * date or a range of dates. (Multiple non-consecutive
+   * dates planned to be supported in the future.)
+   */
+  mode?: "single" | /* "multiple" | */ "range";
+  /**
+   * Whether to render as a singleline text input or
+   * as a multiline textarea. (If `true`, `pre` and `post`
+   * values will be ignored, if present.)
+   */
+  multiline?: boolean;
+  /**
+   * Most inputs are used in forms, and should have a
+   * `name` associated with the input for handling form data.
+   */
+  name?: string;
+  placeholder?: string;
+  /**
+   * A string (recommended max 3 characters) that gets shown
+   * visually to the left of (before) the input.
+   */
+  post?: string;
+  /**
+   * A string (recommended max 8 characters) that gets shown
+   * visually to the right of (after) the input.
+   */
+  pre?: string;
+  readonly?: boolean;
+  required?: boolean;
+  step?: number;
+  type?: "date" | "text" | "number" | "password";
+  /**
+   * Including a `value` will prepopulate the input
+   * with the given string.
+   */
+  value?: string;
+  characterCount: number;
+  passwordVisible: boolean;
+  private input;
+  private updateCharacterCount;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+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;
+}