@xplortech/apollo-core 2.5.0 → 2.7.0

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

@@ -0,0 +1,77 @@
+interface BannerStoryArgs {
+    appearance: 'information' | 'positive' | 'warning' | 'error';
+    heading: string;
+    description: string;
+    truncateDesc: boolean;
+    isDismissible: boolean;
+    isSection: boolean;
+    hasIcon: boolean;
+    actionText: string;
+    secondaryActionText: string;
+}
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        appearance: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        heading: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        truncateDesc: {
+            control: "boolean";
+        };
+        isDismissible: {
+            control: "boolean";
+        };
+        isSection: {
+            control: "boolean";
+        };
+        hasIcon: {
+            control: "boolean";
+        };
+        actionText: {
+            control: "text";
+        };
+        secondaryActionText: {
+            control: "text";
+        };
+    };
+};
+export default _default;
+export declare const Banner: {
+    ({ appearance, heading, description, truncateDesc, isDismissible, isSection, hasIcon, actionText, secondaryActionText, }: BannerStoryArgs): string;
+    args: {
+        appearance: "information";
+        heading: string;
+        description: string;
+        truncateDesc: false;
+        isDismissible: true;
+        isSection: false;
+        hasIcon: true;
+        actionText: string;
+        secondaryActionText: string;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

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

@@ -0,0 +1,20 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Banner {
+    actionText?: string;
+    appearance: 'information' | 'positive' | 'warning' | 'error';
+    description?: string;
+    hasIcon: boolean;
+    heading?: string;
+    isDismissible: boolean;
+    isSection: boolean;
+    secondaryActionText?: string;
+    truncateDesc: boolean;
+    action: EventEmitter<void>;
+    dismiss: EventEmitter<void>;
+    secondaryAction: EventEmitter<void>;
+    private getIcon;
+    private getActionButtonState;
+    private getActionButtonVariant;
+    private getAriaLabel;
+    render(): any;
+}

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

@@ -48,6 +48,10 @@ export declare const Breadcrumbs: {
         };
         html: {
             render: string;
+            design: {
+                type: string;
+                url: string;
+            };
         };
     };
 };

package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.d.ts

@@ -1,4 +1,4 @@
-export declare class XplBreadcrumbItem {
+export declare class BreadcrumbItem {
     private chevron;
     render(): any;
 }

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

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

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

@@ -1,80 +1,118 @@
 declare const _default: {
     title: string;
     argTypes: {
-        text: {
-            type: {
-                name: "string";
-                required: false;
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
             };
+            description: string;
         };
-        variant: {
+        size: {
             options: string[];
             control: {
                 type: "select";
             };
+            description: string;
         };
-        state: {
+        sentiment: {
             options: string[];
             control: {
                 type: "select";
             };
+            description: string;
+        };
+        state: {
+            table: {
+                disable: true;
+            };
+            control: false;
         };
         disabled: {
             control: {
                 type: "boolean";
             };
+            description: string;
         };
-        size: {
-            options: string[];
+        isLoading: {
             control: {
-                type: "select";
+                type: "boolean";
             };
+            description: string;
         };
         fullWidth: {
             control: {
                 type: "boolean";
             };
+            description: string;
         };
-        icon: {
+        type: {
             options: string[];
             control: {
                 type: "select";
             };
+            description: string;
+        };
+        form: {
+            control: {
+                type: "text";
+            };
+            description: string;
         };
-        link: {
+        name: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        icon: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        iconOnly: {
             control: {
                 type: "boolean";
             };
+            description: string;
         };
-        form: {
-            name: string;
-            required: boolean;
+        iconPosition: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+        };
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
         };
     };
 };
 export default _default;
 export declare const Button: {
-    ({ variant, size, disabled, fullWidth, state, text, icon, link, form }: {
-        variant: any;
-        size: any;
-        disabled: any;
-        fullWidth: any;
-        state: any;
-        text: any;
-        icon: any;
-        link: any;
-        form: any;
-    }): string;
+    (args: Record<string, unknown>): string;
     args: {
-        link: boolean;
+        label: string;
         variant: string;
         size: string;
+        sentiment: string;
         disabled: boolean;
-        state: string;
-        text: string;
-        icon: string;
+        isLoading: boolean;
         fullWidth: boolean;
-        form: string;
+        type: string;
+        icon: string;
+        iconOnly: boolean;
+        iconPosition: string;
     };
     parameters: {
         layout: string;

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

@@ -1,16 +1,29 @@
-export declare class XplButton {
+export declare class Button {
     el: HTMLXplButtonElement;
-    disabled?: boolean;
+    controlAttrs?: {
+        id?: string;
+        role?: string;
+        'aria-controls'?: string;
+        'aria-selected'?: 'true' | 'false';
+        'aria-current'?: string;
+    };
+    disabled: boolean;
+    form?: string;
+    fullWidth: boolean;
+    icon: string;
+    iconOnly: boolean;
+    iconPosition: 'start' | 'end';
+    isLoading: boolean;
     link?: boolean;
-    iconOnly?: boolean;
-    fullWidth?: boolean;
     name?: string;
-    size: 'default' | 'sm' | 'xs';
+    sentiment: 'neutral' | 'negative' | 'positive';
+    size: 'default' | 'xs' | 'sm';
+    state?: 'neutral' | 'warning' | 'success';
     type?: 'submit' | 'reset' | 'button';
     value?: string;
-    variant: 'primary' | 'secondary' | 'subtle';
-    state: 'neutral' | 'warning' | 'success';
-    form?: string;
+    variant: 'primary' | 'secondary' | 'tertiary' | 'subtle';
     componentDidRender(): void;
+    private renderIcon;
+    private handleLoadingState;
     render(): any;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplButtonRow {
+export declare class ButtonRow {
     primary: 'string';
     secondary: 'string';
     tertiary: 'string';

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

@@ -54,5 +54,9 @@ export declare const Calendar: {
         html: {
             render: string;
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplCalendar {
+export declare class Calendar {
     inputId?: string;
     dateFormat?: string;
     max?: number | string;

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

@@ -61,5 +61,9 @@ export declare const Checkbox: {
         html: {
             render: string;
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

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

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

@@ -36,5 +36,9 @@ export declare const Choicelist: {
         html: {
             render: any[];
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Choice } from './choice';
-export declare class XplChoicelist {
+export declare class Choicelist {
     choices: Choice[];
     description?: string;
     heading?: string;

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

@@ -1,4 +1,4 @@
-export declare class XplContentArea {
+export declare class ContentArea {
     size: 'wide' | 'narrow' | 'full';
     render(): any;
 }

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

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

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

@@ -110,5 +110,9 @@ export declare const DataCard: {
         'web-component': {
             render: string;
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,4 +1,4 @@
-export declare class XplDataCard {
+export declare class DataCard {
     el: HTMLXplDataCardElement;
     link?: boolean;
     name: string;

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

@@ -33,5 +33,9 @@ export declare const Divider: {
         html: {
             render: string;
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,4 +1,4 @@
-export declare class XplDivider {
+export declare class Divider {
     tier?: number;
     render(): any;
 }

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

@@ -4,6 +4,7 @@ export interface DropdownOption {
     isSelected?: boolean;
     isDisabled?: boolean;
     subtitle?: string;
+    icon?: string;
 }
 export type DropdownItem = Partial<DropdownOption & DropdownOptionGroup>;
 export interface DropdownOptionGroup {

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

@@ -1,4 +1,4 @@
-import { Components } from '@core/src/components/components';
+import { Components } from "../../components";
 declare const _default: {
     title: string;
 };

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

@@ -1,5 +1,5 @@
 import type { DropdownOptionGroup } from '../dropdown-option';
-export declare class XplDropdownGroup {
+export declare class DropdownGroup {
     groupName: string;
     options?: DropdownOptionGroup['options'];
     render(): any;

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

@@ -1,4 +1,4 @@
-export declare class XplDropdownHeading {
+export declare class DropdownHeading {
     label: string;
     render(): any;
 }

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

@@ -1,11 +1,12 @@
-export declare class XplDropdownOption {
+export declare class DropdownOptionCpnt {
     isDisabled?: boolean;
     label: string;
     value?: string;
     subtitle?: string;
+    icon?: string;
     isSelected?: boolean;
     hostElement: HTMLXplDropdownOptionElement;
-    private dropdown;
+    private dropdown?;
     componentWillLoad(): void;
     private handleClick;
     private handleKeyup;

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

@@ -3,34 +3,37 @@ import type { DropdownItem } from './dropdown-option';
 interface XplDropdownOption extends HTMLXplDropdownOptionElement {
     hostElement: HTMLXplDropdownOptionElement;
 }
-export declare class XplDropdown {
+export declare class Dropdown {
     isOpen: boolean;
     closeOnSelect: boolean;
     mode: 'single' | 'multi';
     options?: DropdownItem[];
     anchorToTrigger: boolean;
+    onAnchorToTriggerChanged(): void;
     selectedValues?: string | string[];
     selectOnFocus: boolean;
     triggerId: string;
+    onTriggerIdChanged(): void;
     update?: (e: any, { component }: {
-        component: XplDropdown;
+        component: Dropdown;
     }) => void;
     hostElement: HTMLXplDropdownElement;
     isOpenChange: EventEmitter<boolean>;
-    private requestAnimationFrameId;
+    private cleanupAutoUpdate;
     onSelectedValuesChanged(newValues: string | string[], initialRender?: boolean): void;
     onIsOpenStateChange(newValue: boolean): void;
-    onWindowScroll(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
     handleSelect(e: any, { component }: {
         component: XplDropdownOption;
     }): Promise<void>;
+    private startPositioning;
+    private stopPositioning;
     private updateDropdownPosition;
     private handleClickOutside;
-    componentWillLoad(): void;
     private handleKeyDown;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentDidLoad(): void;
     render(): any;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplDynamicTable {
+export declare class DynamicTable {
     el: HTMLXplDynamicTableElement;
     selectedItemCount: number;
     colCount: number;

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

@@ -1,4 +1,4 @@
-export declare class XplDynamicTableCell {
+export declare class DynamicTableCell {
     el: HTMLXplDynamicTableCellElement;
     disabled: boolean;
     componentDidLoad(): void;

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

@@ -1,4 +1,4 @@
-export declare class XplDynamicTableRow {
+export declare class DynamicTableRow {
     disabled: boolean;
     selected: boolean;
     isDisabled: boolean;

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

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

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

@@ -1,4 +1,4 @@
-export declare class XplGridItem {
+export declare class GridItem {
     xs: number;
     sm: number;
     md: number;

package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts

@@ -1,20 +1,19 @@
-export declare class XplHeaderAccordion {
+export declare class HeaderAccordion {
     el: HTMLXplHeaderAccordionElement;
-    contentId: string;
-    initialExpanded: boolean;
-    disabled: boolean;
-    selectedCount: number;
-    hasCheckbox: boolean;
     expanded: boolean;
     parentChecked: boolean;
     parentIndeterminate: boolean;
+    contentId: string;
+    disabled: boolean;
+    hasCheckbox: boolean;
+    initialExpanded: boolean;
+    selectedCount: number;
+    watchSelectedCount(selectedCount: number): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleChildCheckboxChange(): void;
     private toggleAccordion;
-    private applyBorderRadiusToLastRow;
     private handleParentCheckboxChange;
-    watchSelectedCount(selectedCount: number, _previousCount: number): void;
     private updateParentCheckbox;
-    handleChildCheckboxChange(): void;
-    componentDidLoad(): void;
-    componentWillRender(): void;
     render(): any;
 }

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

@@ -1,4 +1,4 @@
-export declare class XplIcon {
+export declare class Icon {
     icon: string;
     size: number;
     backgroundColor?: string;