@xplortech/apollo-core 2.7.0 → 2.8.0

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

@@ -1,142 +1,40 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export interface XplTableRowOrderChangeDetail {
-    rowId: string;
-    direction: 'up' | 'down';
-    orderedRowIds: string[];
-    fromIndex: number;
-    toIndex: number;
-}
-export interface XplTableSortChangedDetail {
-    colNum?: number;
-    colName?: string;
-    sortTypeArr?: ('asc' | 'desc' | null)[];
-    [slug: string]: 'asc' | 'desc' | null | number | string | ('asc' | 'desc' | null)[] | undefined;
-}
 export declare class Table {
-    private container;
-    private columnWidthsToken;
-    private lastEmittedRowSelectionKey;
-    private selectAllValue;
-    private tableInstanceId?;
-    private draggedRow;
-    private pendingDragRow;
-    private pointerUpClearPending;
-    private reorderAnnounceRaf?;
-    private reorderKeyboardTimers;
-    private readonly onReorderHandleKeydown;
     el: HTMLXplTableElement;
-    areAllSelected: boolean;
-    colCount: number;
-    hasScrolled: boolean;
-    private keyboardReorderRowId;
-    private reorderLiveMessage;
-    rowData: string[][];
-    rowFooterData: string[][];
-    selected: (string | boolean)[];
-    selectedRowIds: string[];
-    sortTypeArray: ('asc' | 'desc' | null)[];
     columns?: string[];
-    watchColumns(): void;
     data?: string[][];
-    watchData(): void;
     footer?: string[][];
-    watchFooterData(): void;
     freeze?: boolean;
-    isSortable?: boolean;
-    label?: string;
     multiselect?: boolean;
-    reorderHandleIcon?: string;
-    watchReorderHandleIcon(): void;
-    reorderHandleIconKeyboard?: string;
-    watchReorderHandleIconKeyboard(): void;
-    rowReorderable?: boolean;
-    watchRowReorderable(next?: boolean): void;
-    selectable?: boolean;
-    watchSelectable(next?: boolean): void;
+    striped?: boolean;
     selectedValues?: string[];
+    isSortable?: boolean;
     sortableColumns?: boolean[];
-    striped?: boolean;
-    rowOrderChange: EventEmitter<XplTableRowOrderChangeDetail>;
-    rowSelectionChange: EventEmitter<{
-        selectedRowIds: string[];
-    }>;
-    sortChanged: EventEmitter<XplTableSortChangedDetail>;
+    areAllSelected: boolean;
+    rowData: string[][];
+    rowFooterData: string[][];
+    hasScrolled: boolean;
+    selected: (string | boolean)[];
+    sortTypeArray: ('asc' | 'desc' | null)[];
     tableSelect: EventEmitter;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentDidUpdate(): void;
-    disconnectedCallback(): void;
-    handleHeaderCellColumnWidthsChange(ev: Event): void;
-    handleCompositionalCheckboxChange(ev: CustomEvent<string | boolean>): void;
-    handleCompositionalHeaderCheckboxChange(ev: CustomEvent<boolean>): void;
-    handlePointerDownExitKeyboardReorder(ev: PointerEvent): void;
-    private handleReorderHandleKeyDown;
-    handleRowReorderPointerDown(ev: PointerEvent): void;
-    handleRowReorderDragStart(ev: DragEvent): void;
-    handleRowReorderDragEnd(ev: DragEvent): void;
-    handleRowReorderDragOver(ev: DragEvent): void;
-    handleRowReorderDragEnter(ev: DragEvent): void;
-    handleRowReorderDragLeave(ev: DragEvent): void;
-    handleRowReorderDrop(ev: DragEvent): void;
-    private get isLegacyMode();
-    private ensureTableInstanceId;
-    private generateRowId;
-    private syncCompositionalLayout;
-    private getDirectChildTableSection;
-    private isDirectChildBodyRow;
-    private isCellInOurCompositionalHeader;
-    private getSelectionColumnIndex;
-    private static getBodyRowCells;
-    private queryBodyRows;
-    private querySelectableBodyRows;
-    private static getRowIdForRow;
-    private ensureBodyRowIds;
-    private removeManagedReorderCells;
-    private getSelectionSlotCellForReorderOrder;
-    private normalizeManagedColumnsOrder;
-    private syncReorderColumn;
-    private ensureHeaderReorderCell;
-    private ensureBodyReorderCells;
-    private getResolvedIconForRow;
-    private syncInjectedReorderHandleIcons;
-    private syncReorderHandleKeyboardA11y;
-    private attachReorderHandleKeydownListeners;
-    private detachReorderHandleKeydownListeners;
-    private performKeyboardRowReorder;
-    private ensureFooterReorderCells;
-    private static supportsSubgridBodyRow;
-    private applyReorderRowDraggableState;
-    private getVisibleBodyRowsForReorder;
-    private clearReorderDragOverClasses;
-    private clearPendingDragListeners;
-    private announceRowReorder;
-    private pruneStaleSelectedRowIds;
-    private static getBodyRowCheckboxAriaLabel;
-    private applyBodyCheckboxStates;
-    private getHeaderCheckboxCell;
-    private applyHeaderCheckboxState;
-    private syncRowSelectedProps;
-    private emitCompositionalSelection;
-    private isEventFromThisTable;
-    private static sortKeyFromHeaderCell;
-    handleCompositionalHeaderSort(ev: CustomEvent<{
-        columnIndex: number;
-        sortKey: string;
-    }>): void;
-    private legacySortStatePayload;
-    private legacySortChangedDetail;
-    private getCompositionalHeaderCells;
-    private updateColumnWidths;
-    private onGridScroll;
+    private selectAllValue;
+    private container;
     private selectAll;
     private selectOne;
-    private onSelectionChange;
-    private onLegacyScroll;
+    private onChange;
+    private onScroll;
     private sortBy;
+    sortChanged: EventEmitter<{
+        colNum: number;
+        colName: string;
+        sortTypeArr: string[];
+    }>;
     private handleSort;
     private setData;
     private setFooterData;
-    private renderLegacy;
-    private renderCompositional;
+    watchData(): void;
+    watchFooterData(): void;
+    watchColumns(): void;
+    componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/table-header.stories.d.ts

@@ -1,13 +1,6 @@
 declare const _default: {
     title: string;
     component: string;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
     argTypes: {
         firstCellType: {
             control: "select";
@@ -23,6 +16,9 @@ declare const _default: {
         firstCellWidth: {
             control: "number";
         };
+        firstCellSortable: {
+            control: "boolean";
+        };
         secondCellType: {
             control: "select";
             options: string[];
@@ -37,6 +33,9 @@ declare const _default: {
         secondCellWidth: {
             control: "number";
         };
+        secondCellSortable: {
+            control: "boolean";
+        };
         thirdCellType: {
             control: "select";
             options: string[];
@@ -51,45 +50,49 @@ declare const _default: {
         thirdCellWidth: {
             control: "number";
         };
+        thirdCellSortable: {
+            control: "boolean";
+        };
     };
     tags: string[];
 };
 export default _default;
 export declare const TableHeader: {
-    ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, }: {
+    ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, firstCellSortable, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, secondCellSortable, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, thirdCellSortable, }: {
         firstCellType: any;
         firstCellLabel: any;
         firstCellIcon: any;
         firstCellWidth: any;
+        firstCellSortable: any;
         secondCellType: any;
         secondCellLabel: any;
         secondCellIcon: any;
         secondCellWidth: any;
+        secondCellSortable: any;
         thirdCellType: any;
         thirdCellLabel: any;
         thirdCellIcon: any;
         thirdCellWidth: any;
+        thirdCellSortable: any;
     }): string;
     args: {
         firstCellType: string;
         firstCellLabel: string;
         firstCellIcon: string;
         firstCellWidth: number;
+        firstCellSortable: boolean;
         secondCellType: string;
         secondCellLabel: string;
         secondCellIcon: string;
         secondCellWidth: number;
+        secondCellSortable: boolean;
         thirdCellType: string;
         thirdCellLabel: string;
         thirdCellIcon: string;
         thirdCellWidth: number;
+        thirdCellSortable: boolean;
     };
     parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
         'web-component': {
             render: string;
         };

package/dist/types/components/{xpl-table/xpl-table-header-cell → xpl-table-header-cell}/table-header-cell.stories.d.ts

@@ -1,13 +1,6 @@
 declare const _default: {
     title: string;
     component: string;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
     argTypes: {
         type: {
             control: "select";
@@ -20,40 +13,43 @@ declare const _default: {
             control: "select";
             options: string[];
         };
-        align: {
-            control: "select";
-            options: string[];
+        width: {
+            control: "number";
         };
-        checked: {
+        sortable: {
             control: "boolean";
         };
-        indeterminate: {
-            control: "boolean";
-        };
-        checkboxAriaLabel: {
-            control: "text";
-        };
     };
     tags: string[];
 };
 export default _default;
 export declare const TableHeaderCell: {
-    (args: Record<string, unknown>): string;
+    ({ type, label, icon, width, sortable }: {
+        type: any;
+        label: any;
+        icon: any;
+        width: any;
+        sortable: any;
+    }): string;
     args: {
         type: string;
         label: string;
         icon: string;
-        align: string;
-        checked: boolean;
-        indeterminate: boolean;
-        checkboxAriaLabel: string;
+        width: any;
+        sortable: boolean;
     };
     parameters: {
         'web-component': {
-            render: (args: Record<string, unknown>) => string;
+            render: string;
         };
         html: {
-            render: (args: Record<string, unknown>) => string;
+            render: ({ type, label, icon, width, sortable }: {
+                type: any;
+                label: any;
+                icon: any;
+                width: any;
+                sortable: any;
+            }) => string;
         };
         design: {
             type: string;

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TableHeaderCell {
+    el: HTMLXplTableHeaderCellElement;
+    icon?: string;
+    sortable?: boolean;
+    label?: string;
+    type: 'label' | 'checkbox' | 'icon';
+    width?: number;
+    sortDirection: 'asc' | 'desc' | 'none';
+    sortChanged: EventEmitter<'asc' | 'desc' | 'none'>;
+    private toggleSort;
+    render(): any;
+}

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Toggle {
     checked?: boolean;
     description?: string;
@@ -7,5 +8,7 @@ export declare class Toggle {
     name?: string;
     variant?: 'default' | 'small';
     id: string;
+    toggleChange: EventEmitter<boolean>;
+    private onChange;
     render(): any;
 }