@sellmate/design-system 0.0.43 → 0.0.45

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { Type } from "./components/sd-date-box/sd-date-box";
 import { Event } from "./stencil-public-runtime";
+import { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 import { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
 import { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
@@ -21,6 +22,7 @@ export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { Event } from "./stencil-public-runtime";
+export { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
 export { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
 export { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
@@ -184,6 +186,10 @@ export namespace Components {
           * @default ''
          */
         "message": string | string[];
+        /**
+          * @default ''
+         */
+        "popupTitle": string;
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -262,6 +268,40 @@ export namespace Components {
     }
     interface SdLoadingSpinner {
     }
+    interface SdModalCard {
+        /**
+          * @default 'row'
+         */
+        "buttonFlexDirection": 'row' | 'column';
+        /**
+          * @default [   {    label: '확인',    color: 'grey_80',    size: 'md',   },  ]
+         */
+        "buttonProps": SdModalCardButtonProps[];
+        /**
+          * @default []
+         */
+        "message": string[];
+        /**
+          * @default ''
+         */
+        "modalClass": string;
+        /**
+          * @default 'normal'
+         */
+        "modalTitle": string;
+        /**
+          * @default 'normal'
+         */
+        "system": 'normal' | 'positive' | 'negative';
+        /**
+          * @default 'info'
+         */
+        "type": 'info' | 'warning' | 'normal';
+        /**
+          * @default true
+         */
+        "useCloseButton": boolean;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -715,6 +755,18 @@ export namespace Components {
           * @default false
          */
         "useRowsPerPageSelect": boolean;
+        /**
+          * @default false
+         */
+        "useVirtualScroll": boolean;
+        /**
+          * @default 5
+         */
+        "virtualBufferSize": number;
+        /**
+          * @default 44
+         */
+        "virtualRowHeight": number;
         "width"?: string;
     }
     interface SdTag {
@@ -852,6 +904,10 @@ export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
 }
+export interface SdModalCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdModalCardElement;
+}
 export interface SdPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPaginationElement;
@@ -1030,6 +1086,24 @@ declare global {
         prototype: HTMLSdLoadingSpinnerElement;
         new (): HTMLSdLoadingSpinnerElement;
     };
+    interface HTMLSdModalCardElementEventMap {
+        "sdClose": MouseEvent;
+        "sdConfirm": MouseEvent;
+    }
+    interface HTMLSdModalCardElement extends Components.SdModalCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdModalCardElementEventMap>(type: K, listener: (this: HTMLSdModalCardElement, ev: SdModalCardCustomEvent<HTMLSdModalCardElementEventMap[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 HTMLSdModalCardElementEventMap>(type: K, listener: (this: HTMLSdModalCardElement, ev: SdModalCardCustomEvent<HTMLSdModalCardElementEventMap[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 HTMLSdModalCardElement: {
+        prototype: HTMLSdModalCardElement;
+        new (): HTMLSdModalCardElement;
+    };
     interface HTMLSdPaginationElementEventMap {
         "pageChange": number;
     }
@@ -1276,6 +1350,7 @@ declare global {
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
         "sd-loading-spinner": HTMLSdLoadingSpinnerElement;
+        "sd-modal-card": HTMLSdModalCardElement;
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
@@ -1460,6 +1535,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "message"?: string | string[];
+        /**
+          * @default ''
+         */
+        "popupTitle"?: string;
         "popupWidth"?: number;
         /**
           * @default 'help'
@@ -1542,6 +1621,42 @@ declare namespace LocalJSX {
     }
     interface SdLoadingSpinner {
     }
+    interface SdModalCard {
+        /**
+          * @default 'row'
+         */
+        "buttonFlexDirection"?: 'row' | 'column';
+        /**
+          * @default [   {    label: '확인',    color: 'grey_80',    size: 'md',   },  ]
+         */
+        "buttonProps"?: SdModalCardButtonProps[];
+        /**
+          * @default []
+         */
+        "message"?: string[];
+        /**
+          * @default ''
+         */
+        "modalClass"?: string;
+        /**
+          * @default 'normal'
+         */
+        "modalTitle"?: string;
+        "onSdClose"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
+        "onSdConfirm"?: (event: SdModalCardCustomEvent<MouseEvent>) => void;
+        /**
+          * @default 'normal'
+         */
+        "system"?: 'normal' | 'positive' | 'negative';
+        /**
+          * @default 'info'
+         */
+        "type"?: 'info' | 'warning' | 'normal';
+        /**
+          * @default true
+         */
+        "useCloseButton"?: boolean;
+    }
     interface SdPagination {
         /**
           * @default 1
@@ -2018,6 +2133,18 @@ declare namespace LocalJSX {
           * @default false
          */
         "useRowsPerPageSelect"?: boolean;
+        /**
+          * @default false
+         */
+        "useVirtualScroll"?: boolean;
+        /**
+          * @default 5
+         */
+        "virtualBufferSize"?: number;
+        /**
+          * @default 44
+         */
+        "virtualRowHeight"?: number;
         "width"?: string;
     }
     interface SdTag {
@@ -2143,6 +2270,7 @@ declare namespace LocalJSX {
         "sd-icon": SdIcon;
         "sd-input": SdInput;
         "sd-loading-spinner": SdLoadingSpinner;
+        "sd-modal-card": SdModalCard;
         "sd-pagination": SdPagination;
         "sd-popover": SdPopover;
         "sd-portal": SdPortal;
@@ -2178,6 +2306,7 @@ declare module "@stencil/core" {
             "sd-icon": LocalJSX.SdIcon & JSXBase.HTMLAttributes<HTMLSdIconElement>;
             "sd-input": LocalJSX.SdInput & JSXBase.HTMLAttributes<HTMLSdInputElement>;
             "sd-loading-spinner": LocalJSX.SdLoadingSpinner & JSXBase.HTMLAttributes<HTMLSdLoadingSpinnerElement>;
+            "sd-modal-card": LocalJSX.SdModalCard & JSXBase.HTMLAttributes<HTMLSdModalCardElement>;
             "sd-pagination": LocalJSX.SdPagination & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
             "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
             "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;