@xplortech/apollo-core 1.0.0-beta.8 → 2.4.2

package/dist/types/components/xpl-calendar/calendar.stories.d.ts

@@ -0,0 +1,58 @@
+declare const meta: {
+    title: string;
+    component: string;
+    argTypes: {
+        mode: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        defaultDate: {
+            control: "text";
+            description: string;
+        };
+        dateFormat: {
+            control: "text";
+        };
+        max: {
+            control: "text";
+            description: string;
+        };
+        min: {
+            control: "text";
+            description: string;
+        };
+    };
+    parameters: {
+        actions: {
+            handles: string[];
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Calendar: {
+    ({ defaultDate, dateFormat, max, min, mode }: {
+        defaultDate: any;
+        dateFormat: any;
+        max: any;
+        min: any;
+        mode: any;
+    }): string;
+    args: {
+        mode: string;
+        defaultDate: string;
+        dateFormat: string;
+        max: string;
+        min: string;
+    };
+    parameters: {
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class XplCalendar {
+    inputId?: string;
+    dateFormat?: string;
+    max?: number | string;
+    min?: number | string;
+    mode?: 'single' | 'range';
+    defaultDate?: string;
+    dateSelected: EventEmitter<string | string[]>;
+    private inputElement;
+    private flatpickrInstance;
+    private calendarInputId;
+    setDate(date: string | string[]): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

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

@@ -0,0 +1,65 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        label: {
+            type: {
+                name: "string";
+                required: true;
+            };
+        };
+        description: {
+            type: {
+                name: "string";
+                required: false;
+            };
+        };
+        checked: {
+            control: {
+                type: "boolean";
+            };
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+        };
+        indeterminate: {
+            control: {
+                type: "boolean";
+            };
+        };
+        styled: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+};
+export default _default;
+export declare const Checkbox: {
+    ({ label, description, checked, disabled, indeterminate, styled }: {
+        label: any;
+        description: any;
+        checked: any;
+        disabled: any;
+        indeterminate: any;
+        styled: any;
+    }): string;
+    args: {
+        label: string;
+        description: string;
+        checked: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+        styled: boolean;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

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

@@ -1,16 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class XplCheckbox {
-  checked?: boolean;
-  description?: string;
-  disabled?: boolean;
-  indeterminate?: boolean;
-  name?: string;
-  required?: boolean;
-  styled?: boolean;
-  value?: string;
-  id: string;
-  /** @private */
-  checkboxChange: EventEmitter;
-  private input;
-  render(): any;
+    checked?: boolean;
+    description?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    name?: string;
+    value?: string;
+    required?: boolean;
+    styled?: boolean;
+    dataId?: string;
+    id: string;
+    checkboxChange: EventEmitter<string | boolean>;
+    private onChange;
+    render(): any;
 }

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

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

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

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        multi: {
+            control: {
+                type: "boolean";
+            };
+        };
+        styled: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+    parameters: {
+        actions: {
+            handles: string[];
+        };
+    };
+};
+export default _default;
+export declare const Choicelist: {
+    ({ multi, styled }: {
+        multi: any;
+        styled: any;
+    }): string;
+    args: {
+        multi: boolean;
+        styled: boolean;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string[];
+        };
+        html: {
+            render: any[];
+        };
+    };
+};

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

@@ -1,35 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Choice } from './choice';
 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 pre-check 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;
+    choices: Choice[];
+    description?: string;
+    heading?: string;
+    multi?: boolean;
+    name: string;
+    styled?: boolean;
+    selected: boolean[];
+    choicelistChange: EventEmitter<boolean[]>;
+    choicelistValueChange: EventEmitter<string | boolean | (string | boolean)[]>;
+    onChoicesPropChange(newValue: Choice[]): void;
+    onSelectedChange(newValue: boolean[]): void;
+    componentWillLoad(): void;
+    private onChoiceChange;
+    private renderChoice;
+    render(): any;
 }

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default _default;
+export declare const ContentArea: any;

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

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

package/dist/types/components/xpl-dashboard/dashboard.stories.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        cardQuantity: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Dashboard: {
+    ({ cardQuantity }: {
+        cardQuantity: any;
+    }): string;
+    args: {
+        cardQuantity: number;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

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

@@ -0,0 +1,3 @@
+export declare class XplDashboard {
+    render(): any;
+}

package/dist/types/components/xpl-data-card/data-card.stories.d.ts

@@ -0,0 +1,114 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        name: {
+            type: {
+                name: "string";
+                required: true;
+            };
+        };
+        stat: {
+            type: {
+                name: "string";
+                required: true;
+            };
+        };
+        shortStat: {
+            type: {
+                name: "string";
+            };
+        };
+        leadingIconVariant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        link: {
+            control: {
+                type: "boolean";
+            };
+        };
+        leadingIcon: {
+            control: {
+                type: "boolean";
+            };
+        };
+        icon: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        smallStat: {
+            type: {
+                name: "string";
+            };
+        };
+        smallStatIcon: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        detail: {
+            type: {
+                name: "string";
+            };
+        };
+        variant: {
+            type: {
+                name: "string";
+            };
+        };
+        tooltipTextStat: {
+            type: {
+                name: "string";
+            };
+        };
+        tooltipTextSmallStat: {
+            type: {
+                name: "string";
+            };
+        };
+    };
+};
+export default _default;
+export declare const DataCard: {
+    ({ name, stat, leadingIconVariant, leadingIcon, smallStat, detail, link, shortStat, smallStatIcon, icon, variant, tooltipTextStat, tooltipTextSmallStat, }: {
+        name: any;
+        stat: any;
+        leadingIconVariant: any;
+        leadingIcon: any;
+        smallStat: any;
+        detail: any;
+        link: any;
+        shortStat: any;
+        smallStatIcon: any;
+        icon: any;
+        variant: any;
+        tooltipTextStat: any;
+        tooltipTextSmallStat: any;
+    }): string;
+    args: {
+        name: string;
+        stat: string;
+        leadingIconVariant: string;
+        leadingIcon: boolean;
+        smallStat: string;
+        detail: string;
+        link: boolean;
+        shortStat: string;
+        smallStatIcon: string;
+        icon: string;
+        variant: string;
+        tooltipTextStat: string;
+        tooltipTextSmallStat: string;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+    };
+};

package/dist/types/components/xpl-data-card/xpl-data-card.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from '../xpl-icon/xpl-icon';
+export declare class XplDataCard {
+    el: HTMLXplDataCardElement;
+    link?: boolean;
+    name: string;
+    stat: string;
+    shortStat?: string;
+    variant?: 'primary' | 'secondary';
+    leadingIcon?: boolean;
+    icon?: IconName;
+    smallStat?: string;
+    smallStatIcon?: IconName;
+    detail?: string;
+    smallStatVariant?: 'positive' | 'negative' | 'neutral';
+    tooltipTextSmallStat?: string;
+    tooltipTextStat?: string;
+    watchStat(newValue: string): void;
+    watchShortStat(newValue: string): void;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,37 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        tier: {
+            options: number[];
+            control: {
+                type: "select";
+            };
+        };
+        text: {
+            type: {
+                name: "string";
+                required: false;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Divider: {
+    ({ tier, text }: {
+        tier: any;
+        text: any;
+    }): string;
+    args: {
+        tier: number;
+        text: string;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

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

@@ -1,9 +1,4 @@
 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;
+    tier?: number;
+    render(): any;
 }

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

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

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

@@ -0,0 +1,25 @@
+import { Components } from '@core/src/components/components';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Simple: any;
+export declare const SimpleWithChildren: any;
+export declare const Groups: any;
+export declare const GroupsWithChildren: any;
+export declare const OptionSubcomponent: {
+    ({ isDisabled: disabled, label, isSelected: selected, }: Components.XplDropdownOption): string;
+    args: {
+        isSelected: boolean;
+        isDisabled: boolean;
+        label: string;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+    };
+};
+export declare const HeadingSubcomponent: any;
+export declare const GroupSubComponent: any;

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

@@ -1,8 +1,6 @@
-import type { DropdownOptionGroup } from '../dropdownoption';
+import type { DropdownOptionGroup } from '../dropdown-option';
 export declare class XplDropdownGroup {
-  /** text to display as heading */
-  groupName: string;
-  /** options that are listed */
-  options?: DropdownOptionGroup['options'];
-  render(): any;
+    groupName: string;
+    options?: DropdownOptionGroup['options'];
+    render(): any;
 }

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

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

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

@@ -1,16 +1,15 @@
 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;
+    isDisabled?: boolean;
+    label: string;
+    value?: string;
+    subtitle?: string;
+    isSelected?: boolean;
+    hostElement: HTMLXplDropdownOptionElement;
+    private dropdown;
+    componentWillLoad(): void;
+    private handleClick;
+    private handleKeyup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }