@sellmate/design-system 1.0.16 → 1.0.18

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export type ButtonVariant = 'primary' | 'outline' | 'ghost';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare class SdButton {
@@ -13,7 +14,9 @@ export declare class SdButton {
     iconSize?: number;
     iconRight?: IconName;
     noHover: boolean;
-    class: string;
+    sdClass: string;
+    click: EventEmitter<MouseEvent>;
+    private handleClick;
     private getButtonClasses;
     render(): any;
 }

package/dist/types/components/sd-card/sd-card.d.ts

@@ -1,5 +1,5 @@
 export declare class SdCard {
     bordered: boolean;
-    cardClassName?: string;
+    sdClass?: string;
     render(): any;
 }

package/dist/types/components/sd-modal-card/sd-modal-card.d.ts

@@ -16,7 +16,7 @@ export declare class SdModalCard {
     buttonFlexDirection: 'row' | 'column';
     buttonProps?: SdModalCardButtonProps[];
     message: string[];
-    modalClass: string;
+    sdClass: string;
     close: EventEmitter<MouseEvent>;
     confirm: EventEmitter<MouseEvent>;
     private get pointColor();

package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts

@@ -20,7 +20,6 @@ export declare class SdSelectMultiple extends BaseDropdownEvent {
     useLabelRequired: boolean;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;
-    name?: string;
     rules?: Rule[];
     error?: boolean;
     optionRenderer?: (option: SelectOption, index: number, isSelected: boolean) => any;
@@ -34,6 +33,7 @@ export declare class SdSelectMultiple extends BaseDropdownEvent {
     private formField?;
     private filteredOptions;
     private dropDownWidth;
+    name: string;
     sdOpen(): Promise<void>;
     sdValidate(): Promise<void>;
     sdReset(): Promise<void>;

package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts

@@ -26,7 +26,6 @@ export declare class SdSelectMultipleGroup extends BaseDropdownEvent {
     useLabelRequired: boolean;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;
-    name?: string;
     rules?: Rule[];
     error?: boolean;
     containerStyle: SelectStyleProps['containerStyle'];
@@ -50,6 +49,7 @@ export declare class SdSelectMultipleGroup extends BaseDropdownEvent {
     private dropdownRef?;
     private formField?;
     private dropDownWidth;
+    name: string;
     sdOpen(): Promise<void>;
     sdValidate(): Promise<void>;
     sdReset(): Promise<void>;

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

@@ -1,17 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { SelectOption } from '../sd-select/sd-select';
+import { SdTooltipProps } from '../../components';
 export type SdTableSortDir = 'asc' | 'desc' | 'none';
+export type SdTableColumnWidth = number | `${number}` | `${number}px`;
 export interface SdTableColumn {
     name: string;
     label: string;
     field: string | ((row: any) => any);
     align?: 'left' | 'center' | 'right';
-    width?: string;
+    width?: SdTableColumnWidth;
     format?: (value: any, row: any) => string;
-    visible?: boolean;
     usePageMoveIcon?: boolean;
     tooltip?: string[];
-    tooltipOptions?: Record<string, any>;
+    tooltipOptions?: SdTooltipProps;
     tdClass?: string;
     minWidth?: number;
     maxWidth?: number;
@@ -43,8 +44,6 @@ export declare class SdTable {
         rowsPerPage: number;
         lastPage?: number;
     };
-    headerCellRenderer?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
-    bodyCellRenderer?: (column: SdTableColumn, row: Row) => HTMLElement | string | null | undefined;
     useInternalPagination: boolean;
     useRowsPerPageSelect: boolean;
     rowsPerPageOption: SelectOption[];
@@ -75,10 +74,9 @@ export declare class SdTable {
     scrollLeftPosition: number;
     private scrollRequestAnimationFrame;
     private scrollContainer;
+    private resizeObserver;
     private rafScheduled;
     private pendingUpdates;
-    private cachedVisibleColumns;
-    private lastColumnsRef;
     private cachedVirtualRows;
     private cachedVirtualIndexKey;
     private cachedColumnOrder;
@@ -90,10 +88,17 @@ export declare class SdTable {
     private lastSelectionKey;
     private onScroll?;
     handleColumnsChange(newCols: SdTableColumn[]): void;
+    handleUseVirtualScrollChange(): void;
+    handleVirtualColumnWidthChange(): void;
+    handleSelectableChange(): void;
+    handleStickyColumnChange(): void;
     handleColumnWidthsChange(): void;
     handleRowsChange(newRows: Row[]): void;
     handleSelectedChange(newSelected: Row[]): void;
     private cleanUpVirtualCache;
+    private refreshColumnLayout;
+    private clearSelectionCache;
+    private clearRowDerivedCache;
     handlePaginationChange(newVal?: {
         page: number;
         rowsPerPage: number;
@@ -104,7 +109,7 @@ export declare class SdTable {
     private changePage;
     private changeRowsPerPage;
     disconnectedCallback(): void;
-    private get visibleColumns();
+    private get tableColumns();
     private get paginatedRows();
     private get virtualRows();
     private get topSpacerHeight();
@@ -115,6 +120,8 @@ export declare class SdTable {
     private get totalVirtualHeight();
     private get lastPageNumber();
     private get sdTableClasses();
+    private get hasStickyColumn();
+    private get hasStickyLeftDataColumn();
     private isRowSelected;
     private updateRowSelect;
     private toggleSelectAll;
@@ -123,6 +130,12 @@ export declare class SdTable {
     private calculateVisibleRange;
     private calculateVisibleColumnRange;
     private getStickyStyle;
+    private startResizeObserver;
+    private parseColumnWidth;
+    private getColumnWidths;
+    private getNormalizedStickyCounts;
+    private getRowKeyValue;
+    private dedupeRowsByKey;
     private handleResize;
     private getCellValue;
     private getColumnRenderedInOrder;
@@ -130,6 +143,8 @@ export declare class SdTable {
     private renderBody;
     private renderRow;
     private renderSpacerRow;
+    private getSpacerCellStyle;
+    private renderSpacerTh;
     private renderSpacerTd;
     render(): any;
 }

package/dist/types/components/{sd-toast-message/sd-toast-message.d.ts → sd-toast/sd-toast.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type ToastType = 'basicLight' | 'basicDark' | 'error' | 'caution' | 'complete' | 'progress';
-export declare class SdToastMessage {
+export declare class SdToast {
     icon?: IconName;
     message: string;
     link?: string;