@sellmate/design-system 1.0.72 → 1.0.74

package/dist/types/components.d.ts

@@ -42,7 +42,7 @@ import { Rule as Rule1, SdTooltipProps as SdTooltipProps1 } from "./components";
 import { SelectEvents as SelectEvents1, SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption1, SelectOptionGroup, SelectStyleProps } from "./components/sd-select/sd-select";
 import { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/select";
 import { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-multiple-group/sd-select-multiple-group";
-import { SelectV2Name, SelectV2Option, SelectV2OptionSelectDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
+import { SelectV2Option, SelectV2OptionSelectDetail, SelectV2Type, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 import { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption3 } from "./components/sd-table/constants";
 import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
@@ -86,7 +86,7 @@ export { Rule as Rule1, SdTooltipProps as SdTooltipProps1 } from "./components";
 export { SelectEvents as SelectEvents1, SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption1, SelectOptionGroup, SelectStyleProps } from "./components/sd-select/sd-select";
 export { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/select";
 export { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-multiple-group/sd-select-multiple-group";
-export { SelectV2Name, SelectV2Option, SelectV2OptionSelectDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
+export { SelectV2Option, SelectV2OptionSelectDetail, SelectV2Type, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 export { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption3 } from "./components/sd-table/constants";
 export { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 export { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
@@ -182,6 +182,10 @@ export namespace Components {
           * @default ''
          */
         "labelWidth": string | number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '입력해 주세요.'
          */
@@ -465,10 +469,6 @@ export namespace Components {
           * @default ''
          */
         "errorMessage": string;
-        /**
-          * @default ''
-         */
-        "fieldName": string;
         /**
           * @default ''
          */
@@ -493,6 +493,10 @@ export namespace Components {
           * @default ''
          */
         "labelWidth": string | number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default 'YYYY-MM-DD'
          */
@@ -564,10 +568,6 @@ export namespace Components {
           * @default ''
          */
         "errorMessage": string;
-        /**
-          * @default ''
-         */
-        "fieldName": string;
         /**
           * @default ''
          */
@@ -593,6 +593,10 @@ export namespace Components {
          */
         "labelWidth": string | number;
         "maxRange"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default 'YYYY-MM-DD ~ YYYY-MM-DD'
          */
@@ -787,7 +791,7 @@ export namespace Components {
          */
         "multiple": boolean;
         /**
-          * @default ''
+          * @default nanoid()
          */
         "name": string;
         /**
@@ -991,6 +995,10 @@ export namespace Components {
         "labelWidth": string | number;
         "maxlength"?: number;
         "minlength"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '입력해 주세요.'
          */
@@ -1146,6 +1154,10 @@ export namespace Components {
           * @default Number.NEGATIVE_INFINITY
          */
         "min": number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '입력해 주세요.'
          */
@@ -1393,6 +1405,10 @@ export namespace Components {
           * @default ''
          */
         "labelWidth": string | number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1512,6 +1528,10 @@ export namespace Components {
           * @default ''
          */
         "labelWidth": string | number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1846,10 +1866,6 @@ export namespace Components {
           * @default ''
          */
         "errorMessage": string;
-        /**
-          * @default ''
-         */
-        "fieldName": string;
         /**
           * @default ''
          */
@@ -1879,9 +1895,9 @@ export namespace Components {
          */
         "maxDropdownWidth": string;
         /**
-          * @default 'default'
+          * @default nanoid()
          */
-        "name": SelectV2Name;
+        "name": string;
         /**
           * @default []
          */
@@ -1896,6 +1912,10 @@ export namespace Components {
         "rules"?: Rule[];
         "sdFocus": () => Promise<void>;
         "sdOpen": () => Promise<void>;
+        /**
+          * @default 'default'
+         */
+        "type": SelectV2Type;
         /**
           * @default null
          */
@@ -1945,10 +1965,6 @@ export namespace Components {
           * @default '640px'
          */
         "maxWidth": string;
-        /**
-          * @default 'default'
-         */
-        "name": SelectV2Name;
         /**
           * @default []
          */
@@ -1957,6 +1973,10 @@ export namespace Components {
           * @default '200px'
          */
         "triggerWidth": string;
+        /**
+          * @default 'default'
+         */
+        "type": SelectV2Type;
         /**
           * @default null
          */
@@ -2205,6 +2225,10 @@ export namespace Components {
          */
         "labelWidth": string | number;
         "maxLength"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name": string;
         /**
           * @default '입력해 주세요.'
          */
@@ -2939,7 +2963,7 @@ declare global {
     };
     interface HTMLSdFormElementEventMap {
         "sdSubmit": void;
-        "sdValidationError": void;
+        "sdValidationError": { names: string[] };
     }
     interface HTMLSdFormElement extends Components.SdForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdFormElementEventMap>(type: K, listener: (this: HTMLSdFormElement, ev: SdFormCustomEvent<HTMLSdFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3788,6 +3812,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "labelWidth"?: string | number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdBlur"?: (event: SdBarcodeInputCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdBarcodeInputCustomEvent<Event>) => void;
         "onSdUpdate"?: (event: SdBarcodeInputCustomEvent<string | number | null>) => void;
@@ -4080,10 +4108,6 @@ declare namespace LocalJSX {
           * @default ''
          */
         "errorMessage"?: string;
-        /**
-          * @default ''
-         */
-        "fieldName"?: string;
         /**
           * @default ''
          */
@@ -4108,6 +4132,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "labelWidth"?: string | number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdUpdate"?: (event: SdDatePickerCustomEvent<string | null>) => void;
         "onSdViewChange"?: (event: SdDatePickerCustomEvent<{ year: number; month: number }>) => void;
         /**
@@ -4181,10 +4209,6 @@ declare namespace LocalJSX {
           * @default ''
          */
         "errorMessage"?: string;
-        /**
-          * @default ''
-         */
-        "fieldName"?: string;
         /**
           * @default ''
          */
@@ -4210,6 +4234,10 @@ declare namespace LocalJSX {
          */
         "labelWidth"?: string | number;
         "maxRange"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdUpdate"?: (event: SdDateRangePickerCustomEvent<DateRangeValue>) => void;
         "onSdViewChange"?: (event: SdDateRangePickerCustomEvent<{ year: number; month: number }>) => void;
         /**
@@ -4401,7 +4429,7 @@ declare namespace LocalJSX {
          */
         "multiple"?: boolean;
         /**
-          * @default ''
+          * @default nanoid()
          */
         "name"?: string;
         "onSdReject"?: (event: SdFilePickerCustomEvent<{
@@ -4457,7 +4485,7 @@ declare namespace LocalJSX {
          */
         "formClass"?: string;
         "onSdSubmit"?: (event: SdFormCustomEvent<void>) => void;
-        "onSdValidationError"?: (event: SdFormCustomEvent<void>) => void;
+        "onSdValidationError"?: (event: SdFormCustomEvent<{ names: string[] }>) => void;
     }
     interface SdGhostButton {
         /**
@@ -4606,6 +4634,10 @@ declare namespace LocalJSX {
         "labelWidth"?: string | number;
         "maxlength"?: number;
         "minlength"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdBlur"?: (event: SdInputCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdInputCustomEvent<Event>) => void;
         "onSdUpdate"?: (event: SdInputCustomEvent<string | number | null>) => void;
@@ -4753,6 +4785,10 @@ declare namespace LocalJSX {
           * @default Number.NEGATIVE_INFINITY
          */
         "min"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdBlur"?: (event: SdNumberInputCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdNumberInputCustomEvent<Event>) => void;
         "onSdUpdate"?: (event: SdNumberInputCustomEvent<number | null>) => void;
@@ -5004,6 +5040,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "labelWidth"?: string | number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectCustomEvent<SelectEvents['sdUpdate']>) => void;
         /**
@@ -5127,6 +5167,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "labelWidth"?: string | number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdDropDownShow"?: (event: SdSelectGroupCustomEvent<SelectEvents1['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectGroupCustomEvent<SelectEvents1['sdUpdate']>) => void;
         /**
@@ -5461,10 +5505,6 @@ declare namespace LocalJSX {
           * @default ''
          */
         "errorMessage"?: string;
-        /**
-          * @default ''
-         */
-        "fieldName"?: string;
         /**
           * @default ''
          */
@@ -5494,9 +5534,9 @@ declare namespace LocalJSX {
          */
         "maxDropdownWidth"?: string;
         /**
-          * @default 'default'
+          * @default nanoid()
          */
-        "name"?: SelectV2Name;
+        "name"?: string;
         "onSdDropDownShow"?: (event: SdSelectV2CustomEvent<{ isOpen: boolean }>) => void;
         "onSdUpdate"?: (event: SdSelectV2CustomEvent<SelectV2Value>) => void;
         /**
@@ -5511,6 +5551,10 @@ declare namespace LocalJSX {
           * @default []
          */
         "rules"?: Rule[];
+        /**
+          * @default 'default'
+         */
+        "type"?: SelectV2Type;
         /**
           * @default null
          */
@@ -5562,10 +5606,6 @@ declare namespace LocalJSX {
           * @default '640px'
          */
         "maxWidth"?: string;
-        /**
-          * @default 'default'
-         */
-        "name"?: SelectV2Name;
         "onSdOptionSelect"?: (event: SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>) => void;
         /**
           * @default []
@@ -5575,6 +5615,10 @@ declare namespace LocalJSX {
           * @default '200px'
          */
         "triggerWidth"?: string;
+        /**
+          * @default 'default'
+         */
+        "type"?: SelectV2Type;
         /**
           * @default null
          */
@@ -5834,6 +5878,10 @@ declare namespace LocalJSX {
          */
         "labelWidth"?: string | number;
         "maxLength"?: number;
+        /**
+          * @default nanoid()
+         */
+        "name"?: string;
         "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
         "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
@@ -6052,6 +6100,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "labelTooltip": string;
+        "name": string;
     }
     interface SdButtonAttributes {
         "variant": ButtonVariant;
@@ -6136,9 +6185,9 @@ declare namespace LocalJSX {
         "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
-        "fieldName": string;
         "error": boolean;
         "labelTooltip": string;
+        "name": string;
     }
     interface SdDatePickerCalendarAttributes {
         "value": string | null;
@@ -6161,9 +6210,9 @@ declare namespace LocalJSX {
         "addonAlign": FieldAddonAlign;
         "hint": string;
         "errorMessage": string;
-        "fieldName": string;
         "error": boolean;
         "labelTooltip": string;
+        "name": string;
     }
     interface SdDateRangePickerCalendarAttributes {
         "maxRange": number;
@@ -6272,6 +6321,7 @@ declare namespace LocalJSX {
         "label": string;
         "labelWidth": string;
         "labelTooltip": string;
+        "name": string;
     }
     interface SdLinearProgressAttributes {
         "indeterminate": boolean;
@@ -6316,6 +6366,7 @@ declare namespace LocalJSX {
         "error": boolean;
         "focused": boolean;
         "hovered": boolean;
+        "name": string;
     }
     interface SdPaginationAttributes {
         "currentPage": number;
@@ -6383,6 +6434,7 @@ declare namespace LocalJSX {
         "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
         "error": boolean;
+        "name": string;
     }
     interface SdSelectDropdownAttributes {
         "itemIndex": number;
@@ -6410,6 +6462,7 @@ declare namespace LocalJSX {
         "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
         "error": boolean;
+        "name": string;
     }
     interface SdSelectMultipleAttributes {
         "placeholder": string;
@@ -6464,7 +6517,7 @@ declare namespace LocalJSX {
         "searchText": string | null;
     }
     interface SdSelectV2Attributes {
-        "name": SelectV2Name;
+        "type": SelectV2Type;
         "value": string;
         "placeholder": string;
         "maxDropdownWidth": string;
@@ -6477,10 +6530,10 @@ declare namespace LocalJSX {
         "error": boolean;
         "hint": string;
         "errorMessage": string;
-        "fieldName": string;
         "labelTooltip": string;
         "emitValue": boolean;
         "width": string;
+        "name": string;
     }
     interface SdSelectV2ListItemAttributes {
         "depth": number;
@@ -6492,7 +6545,7 @@ declare namespace LocalJSX {
         "isScrolled": boolean;
     }
     interface SdSelectV2ListboxAttributes {
-        "name": SelectV2Name;
+        "type": SelectV2Type;
         "value": string;
         "emitValue": boolean;
         "triggerWidth": string;
@@ -6574,6 +6627,7 @@ declare namespace LocalJSX {
         "status": 'default' | 'pass' | 'error';
         "focused": boolean;
         "hovered": boolean;
+        "name": string;
     }
     interface SdTheadAttributes {
         "selectable": boolean;