@sellmate/design-system 0.0.34 → 0.0.35

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

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SelectOption } from '../sd-select/sd-select';
+export type SdTableSortDir = 'asc' | 'desc' | 'none';
+export interface SdTableColumn {
+    name: string;
+    label: string;
+    field: string | ((row: any) => any);
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    format?: (value: any, row: any) => string;
+    visible?: boolean;
+    usePageMoveIcon?: boolean;
+    tooltip?: string[];
+    tooltipOptions?: Record<string, any>;
+    tdClass?: string;
+    thClass?: string;
+}
+export interface Row {
+    [key: string]: any;
+}
+export declare class SdTable {
+    el: HTMLElement;
+    columns: SdTableColumn[];
+    rows: Row[];
+    selected: Set<Row>;
+    rowKey: string;
+    selectable: boolean;
+    resizable: boolean;
+    width?: string;
+    height?: string;
+    stickyHeader: boolean;
+    stickyColumn: {
+        left?: number;
+        right?: number;
+    };
+    noDataLabel: string;
+    isLoading: boolean;
+    pagination?: {
+        page: number;
+        rowsPerPage: number;
+        lastPage?: number;
+    };
+    bodyCellRenderer?: (column: SdTableColumn, row: Row) => HTMLElement | string | null | undefined;
+    useInternalPagination: boolean;
+    useRowsPerPageSelect: boolean;
+    rowsPerPageOption: SelectOption[];
+    sdSelectChange: EventEmitter<Row[]>;
+    sdPageChange: EventEmitter<number>;
+    sdRowsPerPageChange: EventEmitter<number>;
+    currentPage: number;
+    innerRows: Row[];
+    innerSelected: Set<Row>;
+    columnWidths: number[];
+    scrolledLeft: boolean;
+    scrolledRight: boolean;
+    handleColumnsChange(newCols: SdTableColumn[]): void;
+    handleRowsChange(newRows: Row[]): void;
+    handleSelectedChange(newSelected: Set<Row>): void;
+    handlePaginationChange(newVal?: {
+        page: number;
+        rowsPerPage: number;
+        lastPage?: number;
+    } | undefined): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private get visibleColumns();
+    private get paginatedRows();
+    private get lastPageNumber();
+    private get sdTableClasses();
+    private isRowSelected;
+    private updateRowSelect;
+    private toggleSelectAll;
+    private get isAllChecked();
+    private getStickyStyle;
+    private handleResize;
+    private getCellValue;
+    private renderHeader;
+    private renderBody;
+    render(): any;
+}

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

@@ -67,14 +67,10 @@ export declare class SdTable {
     private get paginatedRows();
     private get lastPageNumber();
     private get sdTableClasses();
-    private isRowSelected;
-    private updateRowSelect;
     private toggleSelectAll;
     private get isAllChecked();
     private getStickyStyle;
     private handleResize;
-    private getCellValue;
     private renderHeader;
-    private renderBody;
     render(): any;
 }

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

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

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

@@ -0,0 +1,7 @@
+export declare class SdTd {
+    name: string;
+    align: 'left' | 'center' | 'right';
+    tdStyle?: Record<string, string>;
+    tdClass?: string;
+    render(): any;
+}

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

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

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

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

package/dist/types/components.d.ts

@@ -15,6 +15,7 @@ import { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/sel
 import { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 import { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
+import { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table/sd-table-backup";
 import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
@@ -26,6 +27,7 @@ export { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/sel
 export { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 export { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
+export { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table/sd-table-backup";
 export { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 export namespace Components {
     interface SdBadge {
@@ -656,6 +658,65 @@ export namespace Components {
         "useRowsPerPageSelect": boolean;
         "width"?: string;
     }
+    interface SdTableBackup {
+        "bodyCellRenderer"?: (
+  column: SdTableColumn1,
+  row: Row1,
+ ) => HTMLElement | string | null | undefined;
+        "columns": SdTableColumn1[];
+        "height"?: string;
+        /**
+          * @default false
+         */
+        "isLoading": boolean;
+        /**
+          * @default '데이터가 없습니다.'
+         */
+        "noDataLabel": string;
+        "pagination"?: {
+  page: number;
+  rowsPerPage: number;
+  lastPage?: number;
+ };
+        /**
+          * @default false
+         */
+        "resizable": boolean;
+        /**
+          * @default 'id'
+         */
+        "rowKey": string;
+        "rows": Row1[];
+        /**
+          * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
+         */
+        "rowsPerPageOption": SelectOption2[];
+        /**
+          * @default false
+         */
+        "selectable": boolean;
+        /**
+          * @default new Set()
+         */
+        "selected": Set<Row1>;
+        /**
+          * @default { left: 0, right: 0 }
+         */
+        "stickyColumn": { left?: number; right?: number };
+        /**
+          * @default false
+         */
+        "stickyHeader": boolean;
+        /**
+          * @default false
+         */
+        "useInternalPagination": boolean;
+        /**
+          * @default false
+         */
+        "useRowsPerPageSelect": boolean;
+        "width"?: string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -676,6 +737,22 @@ export namespace Components {
         "size": TagSize;
         "textColor"?: string;
     }
+    interface SdTbody {
+    }
+    interface SdTd {
+        /**
+          * @default 'left'
+         */
+        "align": 'left' | 'center' | 'right';
+        /**
+          * @default ''
+         */
+        "name": string;
+        "tdClass"?: string;
+        "tdStyle"?: Record<string, string>;
+    }
+    interface SdTh {
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -748,6 +825,8 @@ export namespace Components {
          */
         "zIndex": number;
     }
+    interface SdTr {
+    }
 }
 export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -805,6 +884,10 @@ export interface SdTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTableElement;
 }
+export interface SdTableBackupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTableBackupElement;
+}
 export interface SdTooltipPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTooltipPortalElement;
@@ -1109,12 +1192,49 @@ declare global {
         prototype: HTMLSdTableElement;
         new (): HTMLSdTableElement;
     };
+    interface HTMLSdTableBackupElementEventMap {
+        "sdSelectChange": Row1[];
+        "sdPageChange": number;
+        "sdRowsPerPageChange": number;
+    }
+    interface HTMLSdTableBackupElement extends Components.SdTableBackup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTableBackupElementEventMap>(type: K, listener: (this: HTMLSdTableBackupElement, ev: SdTableBackupCustomEvent<HTMLSdTableBackupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTableBackupElementEventMap>(type: K, listener: (this: HTMLSdTableBackupElement, ev: SdTableBackupCustomEvent<HTMLSdTableBackupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTableBackupElement: {
+        prototype: HTMLSdTableBackupElement;
+        new (): HTMLSdTableBackupElement;
+    };
     interface HTMLSdTagElement extends Components.SdTag, HTMLStencilElement {
     }
     var HTMLSdTagElement: {
         prototype: HTMLSdTagElement;
         new (): HTMLSdTagElement;
     };
+    interface HTMLSdTbodyElement extends Components.SdTbody, HTMLStencilElement {
+    }
+    var HTMLSdTbodyElement: {
+        prototype: HTMLSdTbodyElement;
+        new (): HTMLSdTbodyElement;
+    };
+    interface HTMLSdTdElement extends Components.SdTd, HTMLStencilElement {
+    }
+    var HTMLSdTdElement: {
+        prototype: HTMLSdTdElement;
+        new (): HTMLSdTdElement;
+    };
+    interface HTMLSdThElement extends Components.SdTh, HTMLStencilElement {
+    }
+    var HTMLSdThElement: {
+        prototype: HTMLSdThElement;
+        new (): HTMLSdThElement;
+    };
     interface HTMLSdTooltipElement extends Components.SdTooltip, HTMLStencilElement {
     }
     var HTMLSdTooltipElement: {
@@ -1138,6 +1258,12 @@ declare global {
         prototype: HTMLSdTooltipPortalElement;
         new (): HTMLSdTooltipPortalElement;
     };
+    interface HTMLSdTrElement extends Components.SdTr, HTMLStencilElement {
+    }
+    var HTMLSdTrElement: {
+        prototype: HTMLSdTrElement;
+        new (): HTMLSdTrElement;
+    };
     interface HTMLElementTagNameMap {
         "sd-badge": HTMLSdBadgeElement;
         "sd-button": HTMLSdButtonElement;
@@ -1160,9 +1286,14 @@ declare global {
         "sd-select-option": HTMLSdSelectOptionElement;
         "sd-select-option-group": HTMLSdSelectOptionGroupElement;
         "sd-table": HTMLSdTableElement;
+        "sd-table-backup": HTMLSdTableBackupElement;
         "sd-tag": HTMLSdTagElement;
+        "sd-tbody": HTMLSdTbodyElement;
+        "sd-td": HTMLSdTdElement;
+        "sd-th": HTMLSdThElement;
         "sd-tooltip": HTMLSdTooltipElement;
         "sd-tooltip-portal": HTMLSdTooltipPortalElement;
+        "sd-tr": HTMLSdTrElement;
     }
 }
 declare namespace LocalJSX {
@@ -1827,6 +1958,68 @@ declare namespace LocalJSX {
         "useRowsPerPageSelect"?: boolean;
         "width"?: string;
     }
+    interface SdTableBackup {
+        "bodyCellRenderer"?: (
+  column: SdTableColumn1,
+  row: Row1,
+ ) => HTMLElement | string | null | undefined;
+        "columns": SdTableColumn1[];
+        "height"?: string;
+        /**
+          * @default false
+         */
+        "isLoading"?: boolean;
+        /**
+          * @default '데이터가 없습니다.'
+         */
+        "noDataLabel"?: string;
+        "onSdPageChange"?: (event: SdTableBackupCustomEvent<number>) => void;
+        "onSdRowsPerPageChange"?: (event: SdTableBackupCustomEvent<number>) => void;
+        "onSdSelectChange"?: (event: SdTableBackupCustomEvent<Row1[]>) => void;
+        "pagination"?: {
+  page: number;
+  rowsPerPage: number;
+  lastPage?: number;
+ };
+        /**
+          * @default false
+         */
+        "resizable"?: boolean;
+        /**
+          * @default 'id'
+         */
+        "rowKey"?: string;
+        "rows": Row1[];
+        /**
+          * @default [   { label: '10개씩 보기', value: 10 },   { label: '25개씩 보기', value: 25 },   { label: '50개씩 보기', value: 50 },   { label: '100개씩 보기', value: 100 },  ]
+         */
+        "rowsPerPageOption"?: SelectOption2[];
+        /**
+          * @default false
+         */
+        "selectable"?: boolean;
+        /**
+          * @default new Set()
+         */
+        "selected"?: Set<Row1>;
+        /**
+          * @default { left: 0, right: 0 }
+         */
+        "stickyColumn"?: { left?: number; right?: number };
+        /**
+          * @default false
+         */
+        "stickyHeader"?: boolean;
+        /**
+          * @default false
+         */
+        "useInternalPagination"?: boolean;
+        /**
+          * @default false
+         */
+        "useRowsPerPageSelect"?: boolean;
+        "width"?: string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -1847,6 +2040,22 @@ declare namespace LocalJSX {
         "size"?: TagSize;
         "textColor"?: string;
     }
+    interface SdTbody {
+    }
+    interface SdTd {
+        /**
+          * @default 'left'
+         */
+        "align"?: 'left' | 'center' | 'right';
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "tdClass"?: string;
+        "tdStyle"?: Record<string, string>;
+    }
+    interface SdTh {
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -1920,6 +2129,8 @@ declare namespace LocalJSX {
          */
         "zIndex"?: number;
     }
+    interface SdTr {
+    }
     interface IntrinsicElements {
         "sd-badge": SdBadge;
         "sd-button": SdButton;
@@ -1942,9 +2153,14 @@ declare namespace LocalJSX {
         "sd-select-option": SdSelectOption;
         "sd-select-option-group": SdSelectOptionGroup;
         "sd-table": SdTable;
+        "sd-table-backup": SdTableBackup;
         "sd-tag": SdTag;
+        "sd-tbody": SdTbody;
+        "sd-td": SdTd;
+        "sd-th": SdTh;
         "sd-tooltip": SdTooltip;
         "sd-tooltip-portal": SdTooltipPortal;
+        "sd-tr": SdTr;
     }
 }
 export { LocalJSX as JSX };
@@ -1972,9 +2188,14 @@ declare module "@stencil/core" {
             "sd-select-option": LocalJSX.SdSelectOption & JSXBase.HTMLAttributes<HTMLSdSelectOptionElement>;
             "sd-select-option-group": LocalJSX.SdSelectOptionGroup & JSXBase.HTMLAttributes<HTMLSdSelectOptionGroupElement>;
             "sd-table": LocalJSX.SdTable & JSXBase.HTMLAttributes<HTMLSdTableElement>;
+            "sd-table-backup": LocalJSX.SdTableBackup & JSXBase.HTMLAttributes<HTMLSdTableBackupElement>;
             "sd-tag": LocalJSX.SdTag & JSXBase.HTMLAttributes<HTMLSdTagElement>;
+            "sd-tbody": LocalJSX.SdTbody & JSXBase.HTMLAttributes<HTMLSdTbodyElement>;
+            "sd-td": LocalJSX.SdTd & JSXBase.HTMLAttributes<HTMLSdTdElement>;
+            "sd-th": LocalJSX.SdTh & JSXBase.HTMLAttributes<HTMLSdThElement>;
             "sd-tooltip": LocalJSX.SdTooltip & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;
             "sd-tooltip-portal": LocalJSX.SdTooltipPortal & JSXBase.HTMLAttributes<HTMLSdTooltipPortalElement>;
+            "sd-tr": LocalJSX.SdTr & JSXBase.HTMLAttributes<HTMLSdTrElement>;
         }
     }
 }