@xplortech/apollo-core 2.4.3 → 2.6.0

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,22 @@
-export declare class XplButton {
+export declare class Button {
     el: HTMLXplButtonElement;
-    disabled?: boolean;
+    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,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplCheckbox {
+export declare class Checkbox {
     checked?: boolean;
     description?: string;
     disabled?: boolean;

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,5 +1,4 @@
-import { IconName } from '../xpl-icon/xpl-icon';
-export declare class XplDataCard {
+export declare class DataCard {
     el: HTMLXplDataCardElement;
     link?: boolean;
     name: string;
@@ -7,9 +6,9 @@ export declare class XplDataCard {
     shortStat?: string;
     variant?: 'primary' | 'secondary';
     leadingIcon?: boolean;
-    icon?: IconName;
+    icon?: string;
     smallStat?: string;
-    smallStatIcon?: IconName;
+    smallStatIcon?: string;
     detail?: string;
     smallStatVariant?: 'positive' | 'negative' | 'neutral';
     tooltipTextSmallStat?: 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/dynamic-table.stories.d.ts

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

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/header-accordion.stories.d.ts

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

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

@@ -1,4 +1,4 @@
-export declare class XplHeaderAccordion {
+export declare class HeaderAccordion {
     el: HTMLXplHeaderAccordionElement;
     contentId: string;
     initialExpanded: boolean;

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

@@ -0,0 +1,2 @@
+import data from '@xplortech/apollo-icons/build/data.json';
+export type IconName = keyof typeof data;

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

@@ -1,7 +1,5 @@
-import data from '@xplortech/apollo-icons/build/data.json';
-export type IconName = keyof typeof data;
-export declare class XplIcon {
-    icon: IconName;
+export declare class Icon {
+    icon: string;
     size: number;
     backgroundColor?: string;
     render(): any;

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

@@ -40,17 +40,11 @@ declare const _default: {
                 type: "select";
             };
         };
-        timeFormat: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-        };
     };
 };
 export default _default;
 export declare const Input: {
-    ({ label, description, disabled, error, errorMessage, pre, post, type }: {
+    ({ label, description, disabled, error, errorMessage, pre, post, type, defaultCountry, isInternational, }: {
         label: any;
         description: any;
         disabled: any;
@@ -59,6 +53,8 @@ export declare const Input: {
         pre: any;
         post: any;
         type: any;
+        defaultCountry: any;
+        isInternational: any;
     }): string;
     args: {
         label: string;
@@ -69,6 +65,30 @@ export declare const Input: {
         pre: string;
         post: string;
         type: string;
+        defaultCountry: string;
+        isInternational: boolean;
+    };
+    argTypes: {
+        defaultCountry: {
+            control: {
+                type: string;
+            };
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        isInternational: {
+            control: {
+                type: string;
+            };
+            description: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
     };
     parameters: {
         layout: string;
@@ -78,6 +98,10 @@ export declare const Input: {
         html: {
             render: any[];
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };
 export declare const Multiline: {
@@ -191,6 +215,14 @@ export declare const Timepicker: {
         max: string;
         type: string;
     };
+    argTypes: {
+        timeFormat: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
     parameters: {
         layout: string;
         'web-component': {
@@ -204,3 +236,4 @@ export declare const Timepicker: {
 export declare const Password: any;
 export declare const File: any;
 export declare const Color: any;
+export declare const Phone: any;

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ColorValues } from './color-utils';
-export declare class XplInputColor {
+export declare class InputColor {
     value: string;
     placeholder: string;
     disabled?: boolean;

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class XplInputDate {
+export declare class InputDate {
+    el: HTMLElement;
     inputId?: string;
     disabled?: boolean;
     name?: string;
@@ -19,12 +20,18 @@ export declare class XplInputDate {
         start: Date;
         end: Date;
     }>;
+    private flatpickrStaticLayout;
     private hasErrorState?;
-    private flatpickrInstance;
+    private flatpickrInstance?;
     private valueChanged;
     onHasErrorStateChanged(newValue: string | null): void;
     onValueChanged(newValue: string | string[]): void;
     private input;
-    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentDidRender(): void;
+    private ensureFlatpickr;
+    private initFlatpickr;
+    private unwrapStaleFlatpickrWrapper;
     render(): any;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class XplInputFile {
+export declare class InputFile {
     el: HTMLElement;
     disabled?: boolean;
     name?: string;

package/dist/types/components/xpl-input/xpl-input-phone/phone-country-data.d.ts

@@ -0,0 +1,13 @@
+export interface PhoneCountry {
+    countryCode: string;
+    dialCode: string;
+    name: string;
+}
+export declare const PHONE_COUNTRIES: PhoneCountry[];
+export declare function getCountryByCode(countryCode: string): PhoneCountry | undefined;
+export declare function getCountryByDialCode(dialCode: string): PhoneCountry | undefined;
+export declare function parseE164(value: string): {
+    dialCode: string;
+    nationalNumber: string;
+} | null;
+export declare function toE164(dialCode: string, nationalNumber: string): string;

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

@@ -0,0 +1,5 @@
+export declare function digitsOnly(value: string): string;
+export declare function getMaxNationalNumberLength(countryCode: string): number;
+export declare function getPlaceholderPattern(countryCode: string): string;
+export declare function formatNationalNumber(digits: string, countryCode: string): string;
+export declare function getCursorPositionAfterFormat(prevFormatted: string, nextFormatted: string, prevCursor: number): number;