@sellmate/design-system 1.5.0 → 1.7.0

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

@@ -7,6 +7,7 @@ export declare class SdLoadingModal {
     buttonLabel: string;
     width?: string | number;
     height?: string | number;
+    progress?: number;
     click: EventEmitter<void>;
     private get resolvedState();
     private get resolvedMessage();

package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts

@@ -24,6 +24,7 @@ export interface LoadingModalOptions {
     width?: string | number;
     height?: string | number;
     persistent?: boolean;
+    progress?: number;
 }
 export interface ModalEntry {
     id: string;

package/dist/types/components/sd-number-input/sd-number-input.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type NumberInputSize } from './sd-number-input.config';
 import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdNumberInput {
@@ -13,6 +14,9 @@ export declare class SdNumberInput {
     value?: string | number | null;
     label?: string;
     labelWidth: string | number;
+    icon?: IconProps;
+    labelTooltip: string;
+    labelTooltipProps: SdTooltipProps | null;
     addonLabel: string;
     addonAlign: FieldAddonAlign;
     placeholder: string;

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

@@ -24,15 +24,15 @@ export declare class SdPopover {
     disabled: boolean;
     type: ButtonType;
     menuTitle?: string;
-    messages: string[];
     leftLink?: PopoverLink;
     button?: PopoverButton;
     menuClass: string;
-    useClose: boolean;
+    slotContentHTML: string;
     showChange: EventEmitter<boolean>;
     private buttonEl?;
     private setShow;
     private get popoverOffset();
     private handleClose;
+    componentWillLoad(): void;
     render(): any;
 }

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

@@ -44,6 +44,7 @@ export declare const TABLE_BORDER: {
 export declare const TABLE_SEPARATOR: {
     color: string;
     width: string;
+    denseWidth: string;
 };
 export declare const TABLE_RADIUS: string;
 export declare const TABLE_CONTENT: {
@@ -64,5 +65,6 @@ export declare const TABLE_KEY_VALUE: {
     bodyPadding: string;
     height: string;
 };
+export declare const TABLE_SELECTABLE_COLUMN_WIDTH = 48;
 export declare const resolveTableIconColor: (name: IconName, override?: string) => string | undefined;
 export declare const resolveSortIconName: (sort: SdTableColumnSort) => IconName;

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

@@ -15,7 +15,7 @@ export declare class SdTable {
     height?: string;
     stickyHeader: boolean;
     stickyColumn: SdTableStickyColumn;
-    radius: 'default' | 'useTop';
+    useTop: boolean;
     noDataLabel: string;
     resolvedNoDataLabel: string;
     isLoading: boolean;
@@ -63,7 +63,6 @@ export declare class SdTable {
     private spanRegistry;
     private useFrameRegistry;
     private cellClassRegistry;
-    private separatorPrevIndices;
     private rowIndexMap;
     private rebuildRowIndexMap;
     private resolveRowIndex;
@@ -137,10 +136,6 @@ export declare class SdTable {
     getCellClassSync(rowKey: string, field: string): string | undefined;
     hasRowspanSync(): boolean;
     isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
-    private resolveVisualBottom;
-    registerSeparatorSync(prevRowKey: string): void;
-    unregisterSeparatorSync(prevRowKey: string): void;
-    isVisualLastRowBeforeSeparatorSync(rowKey: string, field: string): boolean;
     setRowCountSync(count: number): void;
     setRowCount(count: number): Promise<void>;
     calculateVisibleRange(scrollTop: number, containerHeight: number): {

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

@@ -6,7 +6,7 @@ export declare class SdTr {
     stickyColumn?: SdTableStickyColumn;
     rowKey: string;
     row: Row;
-    separator?: boolean;
+    separator?: '4' | '6' | 4 | 6 | null;
     tableId: string;
     columnWidths: number[];
     isVisible: boolean;
@@ -18,10 +18,8 @@ export declare class SdTr {
     private _scrolledRight;
     private _dense;
     private tableEl;
-    private _prevRowKey;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    disconnectedCallback(): void;
     private syncTableContext;
     private resolveConfig;
     refreshConfig(): Promise<void>;
@@ -41,7 +39,5 @@ export declare class SdTr {
     private getCellClassFor;
     private getFramePaddingStyle;
     private expandCellClass;
-    private isVisualLastRowBeforeSeparator;
-    private isVisualLastRowBeforeSeparatorForSelfRow;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -584,6 +584,13 @@ export namespace Components {
          */
         "value": [string, string] | null;
     }
+    interface SdDivider {
+        /**
+          * true면 수직 분할선, false면 수평 분할선
+          * @default false
+         */
+        "vertical": boolean;
+    }
     interface SdDropdownButton {
         /**
           * @default false
@@ -603,6 +610,10 @@ export namespace Components {
         "name": DropdownButtonName;
         "sdClose": () => Promise<void>;
         "sdOpen": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "split": boolean;
     }
     interface SdField {
         /**
@@ -1042,6 +1053,7 @@ export namespace Components {
           * @default ''
          */
         "message": string | string[];
+        "progress"?: number;
         /**
           * @default 'loading'
          */
@@ -1100,6 +1112,10 @@ export namespace Components {
           * @default false
          */
         "hovered": boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default ''
          */
@@ -1117,6 +1133,14 @@ export namespace Components {
          */
         "inputSuffix": string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
         /**
           * @default ''
          */
@@ -1219,10 +1243,6 @@ export namespace Components {
          */
         "menuClass": string;
         "menuTitle"?: string;
-        /**
-          * @default []
-         */
-        "messages": string[];
         /**
           * @default 'primary_sm'
          */
@@ -1240,10 +1260,6 @@ export namespace Components {
           * @default 'button'
          */
         "type": ButtonType;
-        /**
-          * @default false
-         */
-        "useClose": boolean;
     }
     interface SdPopup {
         /**
@@ -1548,10 +1564,6 @@ export namespace Components {
          */
         "noDataLabel": string;
         "pagination"?: SdTablePagination;
-        /**
-          * @default 'default'
-         */
-        "radius": 'default' | 'useTop';
         /**
           * @default false
          */
@@ -1597,6 +1609,10 @@ export namespace Components {
           * @default false
          */
         "useRowsPerPageSelect": boolean;
+        /**
+          * @default false
+         */
+        "useTop": boolean;
         /**
           * @default false
          */
@@ -1934,7 +1950,10 @@ export namespace Components {
          */
         "rowKey": string;
         "selectable"?: boolean;
-        "separator"?: boolean;
+        /**
+          * @default null
+         */
+        "separator"?: '4' | '6' | 4 | 6 | null;
         "setColumnWidths": (widths: number[]) => Promise<void>;
         "stickyColumn"?: SdTableStickyColumn;
         "updateVisibility": () => Promise<void>;
@@ -2350,8 +2369,15 @@ declare global {
         prototype: HTMLSdDateRangePickerCalendarElement;
         new (): HTMLSdDateRangePickerCalendarElement;
     };
+    interface HTMLSdDividerElement extends Components.SdDivider, HTMLStencilElement {
+    }
+    var HTMLSdDividerElement: {
+        prototype: HTMLSdDividerElement;
+        new (): HTMLSdDividerElement;
+    };
     interface HTMLSdDropdownButtonElementEventMap {
         "sdClick": DropdownButtonValue;
+        "sdButtonClick": void;
         "sdDropDownShow": { isOpen: boolean };
     }
     interface HTMLSdDropdownButtonElement extends Components.SdDropdownButton, HTMLStencilElement {
@@ -2974,6 +3000,7 @@ declare global {
         "sd-date-picker-trigger": HTMLSdDatePickerTriggerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
         "sd-date-range-picker-calendar": HTMLSdDateRangePickerCalendarElement;
+        "sd-divider": HTMLSdDividerElement;
         "sd-dropdown-button": HTMLSdDropdownButtonElement;
         "sd-field": HTMLSdFieldElement;
         "sd-file-picker": HTMLSdFilePickerElement;
@@ -3531,6 +3558,13 @@ declare namespace LocalJSX {
          */
         "value"?: [string, string] | null;
     }
+    interface SdDivider {
+        /**
+          * true면 수직 분할선, false면 수평 분할선
+          * @default false
+         */
+        "vertical"?: boolean;
+    }
     interface SdDropdownButton {
         /**
           * @default false
@@ -3548,8 +3582,13 @@ declare namespace LocalJSX {
           * @default 'primary_sm'
          */
         "name"?: DropdownButtonName;
+        "onSdButtonClick"?: (event: SdDropdownButtonCustomEvent<void>) => void;
         "onSdClick"?: (event: SdDropdownButtonCustomEvent<DropdownButtonValue>) => void;
         "onSdDropDownShow"?: (event: SdDropdownButtonCustomEvent<{ isOpen: boolean }>) => void;
+        /**
+          * @default false
+         */
+        "split"?: boolean;
     }
     interface SdField {
         /**
@@ -3985,6 +4024,7 @@ declare namespace LocalJSX {
          */
         "message"?: string | string[];
         "onSdClick"?: (event: SdLoadingModalCustomEvent<void>) => void;
+        "progress"?: number;
         /**
           * @default 'loading'
          */
@@ -4038,6 +4078,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "hovered"?: boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default ''
          */
@@ -4055,6 +4099,14 @@ declare namespace LocalJSX {
          */
         "inputSuffix"?: string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
         /**
           * @default ''
          */
@@ -4156,10 +4208,6 @@ declare namespace LocalJSX {
          */
         "menuClass"?: string;
         "menuTitle"?: string;
-        /**
-          * @default []
-         */
-        "messages"?: string[];
         /**
           * @default 'primary_sm'
          */
@@ -4178,10 +4226,6 @@ declare namespace LocalJSX {
           * @default 'button'
          */
         "type"?: ButtonType;
-        /**
-          * @default false
-         */
-        "useClose"?: boolean;
     }
     interface SdPopup {
         "onSdSubmit"?: (event: SdPopupCustomEvent<void>) => void;
@@ -4506,10 +4550,6 @@ declare namespace LocalJSX {
     to: number;
   }>) => void;
         "pagination"?: SdTablePagination;
-        /**
-          * @default 'default'
-         */
-        "radius"?: 'default' | 'useTop';
         /**
           * @default false
          */
@@ -4552,6 +4592,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "useRowsPerPageSelect"?: boolean;
+        /**
+          * @default false
+         */
+        "useTop"?: boolean;
         /**
           * @default false
          */
@@ -4886,7 +4930,10 @@ declare namespace LocalJSX {
          */
         "rowKey"?: string;
         "selectable"?: boolean;
-        "separator"?: boolean;
+        /**
+          * @default null
+         */
+        "separator"?: '4' | '6' | 4 | 6 | null;
         "stickyColumn"?: SdTableStickyColumn;
     }
 
@@ -5023,10 +5070,14 @@ declare namespace LocalJSX {
     interface SdDateRangePickerCalendarAttributes {
         "maxRange": number;
     }
+    interface SdDividerAttributes {
+        "vertical": boolean;
+    }
     interface SdDropdownButtonAttributes {
         "name": DropdownButtonName;
         "label": string;
         "disabled": boolean;
+        "split": boolean;
     }
     interface SdFieldAttributes {
         "name": string;
@@ -5147,6 +5198,7 @@ declare namespace LocalJSX {
         "buttonLabel": string;
         "width": string;
         "height": string;
+        "progress": number;
     }
     interface SdModalContainerAttributes {
         "autoRemove": boolean;
@@ -5161,6 +5213,7 @@ declare namespace LocalJSX {
         "value": string;
         "label": string;
         "labelWidth": string;
+        "labelTooltip": string;
         "addonLabel": string;
         "addonAlign": FieldAddonAlign;
         "placeholder": string;
@@ -5198,7 +5251,6 @@ declare namespace LocalJSX {
         "type": ButtonType;
         "menuTitle": string;
         "menuClass": string;
-        "useClose": boolean;
     }
     interface SdPopupAttributes {
         "popupTitle": string;
@@ -5289,7 +5341,7 @@ declare namespace LocalJSX {
         "width": string;
         "height": string;
         "stickyHeader": boolean;
-        "radius": 'default' | 'useTop';
+        "useTop": boolean;
         "noDataLabel": string;
         "isLoading": boolean;
         "useInternalPagination": boolean;
@@ -5400,7 +5452,7 @@ declare namespace LocalJSX {
     interface SdTrAttributes {
         "selectable": boolean;
         "rowKey": string;
-        "separator": boolean;
+        "separator": string;
     }
 
     interface IntrinsicElements {
@@ -5420,6 +5472,7 @@ declare namespace LocalJSX {
         "sd-date-picker-trigger": Omit<SdDatePickerTrigger, keyof SdDatePickerTriggerAttributes> & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes]?: SdDatePickerTrigger[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `attr:${K}`]?: SdDatePickerTriggerAttributes[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `prop:${K}`]?: SdDatePickerTrigger[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
         "sd-date-range-picker-calendar": Omit<SdDateRangePickerCalendar, keyof SdDateRangePickerCalendarAttributes> & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes]?: SdDateRangePickerCalendar[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `attr:${K}`]?: SdDateRangePickerCalendarAttributes[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `prop:${K}`]?: SdDateRangePickerCalendar[K] };
+        "sd-divider": Omit<SdDivider, keyof SdDividerAttributes> & { [K in keyof SdDivider & keyof SdDividerAttributes]?: SdDivider[K] } & { [K in keyof SdDivider & keyof SdDividerAttributes as `attr:${K}`]?: SdDividerAttributes[K] } & { [K in keyof SdDivider & keyof SdDividerAttributes as `prop:${K}`]?: SdDivider[K] };
         "sd-dropdown-button": Omit<SdDropdownButton, keyof SdDropdownButtonAttributes> & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes]?: SdDropdownButton[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `attr:${K}`]?: SdDropdownButtonAttributes[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `prop:${K}`]?: SdDropdownButton[K] };
         "sd-field": Omit<SdField, keyof SdFieldAttributes> & { [K in keyof SdField & keyof SdFieldAttributes]?: SdField[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `attr:${K}`]?: SdFieldAttributes[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `prop:${K}`]?: SdField[K] };
         "sd-file-picker": Omit<SdFilePicker, keyof SdFilePickerAttributes> & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes]?: SdFilePicker[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `attr:${K}`]?: SdFilePickerAttributes[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `prop:${K}`]?: SdFilePicker[K] };
@@ -5483,6 +5536,7 @@ declare module "@stencil/core" {
             "sd-date-picker-trigger": LocalJSX.IntrinsicElements["sd-date-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdDatePickerTriggerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
             "sd-date-range-picker-calendar": LocalJSX.IntrinsicElements["sd-date-range-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerCalendarElement>;
+            "sd-divider": LocalJSX.IntrinsicElements["sd-divider"] & JSXBase.HTMLAttributes<HTMLSdDividerElement>;
             "sd-dropdown-button": LocalJSX.IntrinsicElements["sd-dropdown-button"] & JSXBase.HTMLAttributes<HTMLSdDropdownButtonElement>;
             "sd-field": LocalJSX.IntrinsicElements["sd-field"] & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
             "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;