pds-dev-kit-web 1.4.50 → 1.4.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -176,5 +176,8 @@
176
176
  "sys_component_base_08": "white",
177
177
  "sys_text_social_login_01": "grey900",
178
178
  "sys_text_social_login_02": "grey900",
179
- "sys_papp_livechat_link": "darkskyblue500"
179
+ "sys_papp_livechat_link": "darkskyblue500",
180
+ "sys_text_lighttone_grey_01": "grey900",
181
+ "sys_widget_lighttone_primary_01": "blue500",
182
+ "sys_text_lighttone_grey_02": "grey500"
180
183
  }
@@ -176,5 +176,8 @@
176
176
  "sys_component_base_08": "black",
177
177
  "sys_text_social_login_01": "white",
178
178
  "sys_text_social_login_02": "grey900",
179
- "sys_papp_livechat_link": "skyblue500"
179
+ "sys_papp_livechat_link": "skyblue500",
180
+ "sys_text_lighttone_grey_01": "grey900",
181
+ "sys_widget_lighttone_primary_01": "blue500",
182
+ "sys_text_lighttone_grey_02": "grey500"
180
183
  }
@@ -542,5 +542,9 @@
542
542
  "ui_cpnt_list_chatbubble_base_area_seller": "usr_brand_primary",
543
543
  "ui_cpnt_list_chatbubble_text_seller": "usr_on_brand_primary",
544
544
  "ui_52": "sys_widget_success_01",
545
- "ui_cpnt_imageview_dimmed": "sys_on_base_black_opacity65"
545
+ "ui_cpnt_imageview_dimmed": "sys_on_base_black_opacity65",
546
+ "ui_53": "sys_widget_primary_01",
547
+ "ui_54": "sys_text_lighttone_grey_01",
548
+ "ui_55": "sys_widget_lighttone_primary_01",
549
+ "ui_56": "sys_text_lighttone_grey_02"
546
550
  }
@@ -59,6 +59,189 @@ declare const colorSet: {
59
59
  opacity40: string;
60
60
  kakaoyellow: string;
61
61
  };
62
+ readonly PaletteColor_Dark: {
63
+ sys_container_background_01: string;
64
+ sys_container_background_02: string;
65
+ sys_container_background_03: string;
66
+ sys_background_dimmed: string;
67
+ sys_text_grey_01: string;
68
+ sys_text_grey_02: string;
69
+ sys_text_grey_03: string;
70
+ sys_text_white: string;
71
+ sys_text_brand_primary: string;
72
+ sys_text_error_01: string;
73
+ sys_widget_grey_01: string;
74
+ sys_widget_grey_02: string;
75
+ sys_widget_grey_03: string;
76
+ sys_widget_primary_01: string;
77
+ sys_widget_error_01: string;
78
+ sys_widget_warning_01: string;
79
+ sys_widget_success_01: string;
80
+ sys_widget_white: string;
81
+ sys_border_area_01: string;
82
+ sys_border_line_01: string;
83
+ sys_border_line_02: string;
84
+ sys_border_line_03: string;
85
+ sys_border_line_04: string;
86
+ sys_border_line_05: string;
87
+ sys_component_base_01: string;
88
+ sys_component_base_02: string;
89
+ sys_component_base_03: string;
90
+ sys_component_base_red: string;
91
+ sys_component_base_white: string;
92
+ sys_component_base_white_opacity00: string;
93
+ sys_on_base_white_opacity00: string;
94
+ sys_on_base_white_opacity30: string;
95
+ sys_on_base_black_opacity20: string;
96
+ usr_brand_primary: string;
97
+ usr_brand_secondary: string;
98
+ usr_brand_secondary_variant: string;
99
+ usr_background: string;
100
+ usr_surface: string;
101
+ usr_border: string;
102
+ usr_on_brand_primary: string;
103
+ usr_on_brand_secondary: string;
104
+ usr_on_background: string;
105
+ usr_on_surface: string;
106
+ sys_widget_status_active_01: string;
107
+ sys_text_success_01: string;
108
+ sys_widget_grey_04: string;
109
+ sys_text_active: string;
110
+ sys_component_base_blue: string;
111
+ sys_on_base_black_opacity65: string;
112
+ sys_component_base_04: string;
113
+ sys_component_base_black: string;
114
+ sys_component_base_black_opacity00: string;
115
+ usr_text_brand_secondary_variant: string;
116
+ usr_text_brand_primary: string;
117
+ usr_text_brand_on_primary: string;
118
+ sys_text_brand_secondary_variant: string;
119
+ sys_component_base_navy: string;
120
+ sys_widget_lightgreen: string;
121
+ sys_border_line_06: string;
122
+ sys_background_dimmed_20: string;
123
+ sys_widget_pink: string;
124
+ sys_widget_primary_opacity20: string;
125
+ sys_widget_secondary_variant_01: string;
126
+ usr_component_base_brand_primary_opacity10: string;
127
+ sys_temp_grey_01: string;
128
+ sys_temp_grey_02: string;
129
+ sys_temp_grey_03: string;
130
+ sys_temp_grey_04: string;
131
+ sys_temp_grey_05: string;
132
+ sys_temp_white: string;
133
+ sys_temp_primary_01: string;
134
+ sys_temp_secondary_01: string;
135
+ sys_temp_red: string;
136
+ sys_temp_white_opacity_00: string;
137
+ sys_temp_dimmed: string;
138
+ sys_temp_black: string;
139
+ sys_temp_primary_02: string;
140
+ sys_temp_primary_03: string;
141
+ sys_temp_secondary_02: string;
142
+ sys_temp_lightgreen_01: string;
143
+ sys_text_grey_04: string;
144
+ sys_papp_post_social_background: string;
145
+ sys_papp_post_notice_background: string;
146
+ sys_papp_post_free_background: string;
147
+ sys_papp_vod_background: string;
148
+ sys_papp_vodplus_background: string;
149
+ sys_papp_live_background: string;
150
+ sys_selcontrols_base_off_disabled: string;
151
+ sys_selcontrols_base_on_disabled: string;
152
+ sys_component_base_blue_opacity10: string;
153
+ sys_component_base_05: string;
154
+ sys_background_dimmed_65: string;
155
+ sys_temp_grey_06: string;
156
+ sys_on_base_white_opacity10: string;
157
+ sys_on_base_black_opacity10: string;
158
+ sys_component_base_05_opacity00: string;
159
+ sys_papp_post_notice_link: string;
160
+ sys_component_base_navy_light: string;
161
+ sys_component_base_orange: string;
162
+ sys_component_base_grey: string;
163
+ sys_component_base_black_opacity80: string;
164
+ sys_text_darkgrey_02: string;
165
+ sys_border_line_darktheme_01: string;
166
+ sys_border_line_darktheme_02: string;
167
+ sys_component_base_darktheme_01: string;
168
+ sys_component_base_darktheme_02: string;
169
+ sys_component_base_darktheme_03: string;
170
+ sys_text_grey_darktheme_01: string;
171
+ sys_text_grey_darktheme_02: string;
172
+ sys_text_grey_darktheme_03: string;
173
+ sys_widget_grey_darktheme_01: string;
174
+ sys_widget_grey_darktheme_02: string;
175
+ sys_widget_grey_darktheme_03: string;
176
+ sys_component_base_green: string;
177
+ sys_text_error_darktheme_01: string;
178
+ sys_border_line_darktheme_03: string;
179
+ sys_border_line_darktheme_04: string;
180
+ usr_widget_brand_primary_darktheme_01: string;
181
+ usr_text_brand_primary_darktheme_01: string;
182
+ sys_component_base_black_opacity50: string;
183
+ sys_component_base_card: string;
184
+ sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
185
+ sys_widget_green_01: string;
186
+ sys_component_base_black_opacity30: string;
187
+ sys_area_background: string;
188
+ sys_border_white_opacity30: string;
189
+ sys_container_background_wt: string;
190
+ sys_channeldesc_grey_03: string;
191
+ sys_channeldesc_border_grey_03: string;
192
+ sys_gradient_base_01: string;
193
+ sys_gradient_base_01_opacity00: string;
194
+ sys_channeldesc_background: string;
195
+ sys_channeldesc_bottomsheet_base: string;
196
+ sys_channeldesc_bottomsheet_border: string;
197
+ sys_channeldesc_contents_base: string;
198
+ sys_channeldesc_dimmed: string;
199
+ sys_gradient_base_01_opacity50: string;
200
+ sys_gradient_base_01_opacity75: string;
201
+ sys_gradient_base_01_opacity40: string;
202
+ sys_widget_black: string;
203
+ usr_temp_primary_01: string;
204
+ sys_cpnt_sheet_base_02_opacity50: string;
205
+ usr_menu_primarymenu_main: string;
206
+ usr_menu_primarymenu_sub: string;
207
+ usr_menu_secondarymenu_main: string;
208
+ usr_menu_secondarymenu_sub: string;
209
+ usr_menu_hover: string;
210
+ usr_menu_active: string;
211
+ usr_menu_background: string;
212
+ sys_cpnt_base_white_opacity50: string;
213
+ sys_widget_dark_01: string;
214
+ usr_menu_background_gradient_opacity00: string;
215
+ sys_border_line_white: string;
216
+ sys_component_base_white_opacity10: string;
217
+ sys_cpnt_sheet_base_01: string;
218
+ sys_component_base_white_opacity20: string;
219
+ sys_border_line_07: string;
220
+ sys_border_line_white_opacity50: string;
221
+ sys_background_dimmed_02: string;
222
+ sys_border_line_08: string;
223
+ sys_component_base_06: string;
224
+ sys_component_base_07: string;
225
+ sys_border_line_09: string;
226
+ sys_component_base_darktheme_04: string;
227
+ sys_border_line_10: string;
228
+ sys_component_base_darktheme_05: string;
229
+ sys_border_line_darktheme_05: string;
230
+ sys_component_base_darktheme_06: string;
231
+ sys_border_line_darktheme_06: string;
232
+ sys_border_line_darktheme_07: string;
233
+ sys_border_line_11: string;
234
+ sys_base_dimmed_01: string;
235
+ sys_kakao: string;
236
+ sys_border_line_12: string;
237
+ sys_component_base_08: string;
238
+ sys_text_social_login_01: string;
239
+ sys_text_social_login_02: string;
240
+ sys_papp_livechat_link: string;
241
+ sys_text_lighttone_grey_01: string;
242
+ sys_widget_lighttone_primary_01: string;
243
+ sys_text_lighttone_grey_02: string;
244
+ };
62
245
  readonly PaletteColor_light: {
63
246
  sys_container_background_01: string;
64
247
  sys_container_background_02: string;
@@ -238,6 +421,9 @@ declare const colorSet: {
238
421
  sys_text_social_login_01: string;
239
422
  sys_text_social_login_02: string;
240
423
  sys_papp_livechat_link: string;
424
+ sys_text_lighttone_grey_01: string;
425
+ sys_widget_lighttone_primary_01: string;
426
+ sys_text_lighttone_grey_02: string;
241
427
  };
242
428
  readonly UIColor: {
243
429
  ui_cpnt_button_fill_base_primary: string;
@@ -784,186 +970,10 @@ declare const colorSet: {
784
970
  ui_cpnt_list_chatbubble_text_seller: string;
785
971
  ui_52: string;
786
972
  ui_cpnt_imageview_dimmed: string;
787
- };
788
- readonly PaletteColor_Dark: {
789
- sys_container_background_01: string;
790
- sys_container_background_02: string;
791
- sys_container_background_03: string;
792
- sys_background_dimmed: string;
793
- sys_text_grey_01: string;
794
- sys_text_grey_02: string;
795
- sys_text_grey_03: string;
796
- sys_text_white: string;
797
- sys_text_brand_primary: string;
798
- sys_text_error_01: string;
799
- sys_widget_grey_01: string;
800
- sys_widget_grey_02: string;
801
- sys_widget_grey_03: string;
802
- sys_widget_primary_01: string;
803
- sys_widget_error_01: string;
804
- sys_widget_warning_01: string;
805
- sys_widget_success_01: string;
806
- sys_widget_white: string;
807
- sys_border_area_01: string;
808
- sys_border_line_01: string;
809
- sys_border_line_02: string;
810
- sys_border_line_03: string;
811
- sys_border_line_04: string;
812
- sys_border_line_05: string;
813
- sys_component_base_01: string;
814
- sys_component_base_02: string;
815
- sys_component_base_03: string;
816
- sys_component_base_red: string;
817
- sys_component_base_white: string;
818
- sys_component_base_white_opacity00: string;
819
- sys_on_base_white_opacity00: string;
820
- sys_on_base_white_opacity30: string;
821
- sys_on_base_black_opacity20: string;
822
- usr_brand_primary: string;
823
- usr_brand_secondary: string;
824
- usr_brand_secondary_variant: string;
825
- usr_background: string;
826
- usr_surface: string;
827
- usr_border: string;
828
- usr_on_brand_primary: string;
829
- usr_on_brand_secondary: string;
830
- usr_on_background: string;
831
- usr_on_surface: string;
832
- sys_widget_status_active_01: string;
833
- sys_text_success_01: string;
834
- sys_widget_grey_04: string;
835
- sys_text_active: string;
836
- sys_component_base_blue: string;
837
- sys_on_base_black_opacity65: string;
838
- sys_component_base_04: string;
839
- sys_component_base_black: string;
840
- sys_component_base_black_opacity00: string;
841
- usr_text_brand_secondary_variant: string;
842
- usr_text_brand_primary: string;
843
- usr_text_brand_on_primary: string;
844
- sys_text_brand_secondary_variant: string;
845
- sys_component_base_navy: string;
846
- sys_widget_lightgreen: string;
847
- sys_border_line_06: string;
848
- sys_background_dimmed_20: string;
849
- sys_widget_pink: string;
850
- sys_widget_primary_opacity20: string;
851
- sys_widget_secondary_variant_01: string;
852
- usr_component_base_brand_primary_opacity10: string;
853
- sys_temp_grey_01: string;
854
- sys_temp_grey_02: string;
855
- sys_temp_grey_03: string;
856
- sys_temp_grey_04: string;
857
- sys_temp_grey_05: string;
858
- sys_temp_white: string;
859
- sys_temp_primary_01: string;
860
- sys_temp_secondary_01: string;
861
- sys_temp_red: string;
862
- sys_temp_white_opacity_00: string;
863
- sys_temp_dimmed: string;
864
- sys_temp_black: string;
865
- sys_temp_primary_02: string;
866
- sys_temp_primary_03: string;
867
- sys_temp_secondary_02: string;
868
- sys_temp_lightgreen_01: string;
869
- sys_text_grey_04: string;
870
- sys_papp_post_social_background: string;
871
- sys_papp_post_notice_background: string;
872
- sys_papp_post_free_background: string;
873
- sys_papp_vod_background: string;
874
- sys_papp_vodplus_background: string;
875
- sys_papp_live_background: string;
876
- sys_selcontrols_base_off_disabled: string;
877
- sys_selcontrols_base_on_disabled: string;
878
- sys_component_base_blue_opacity10: string;
879
- sys_component_base_05: string;
880
- sys_background_dimmed_65: string;
881
- sys_temp_grey_06: string;
882
- sys_on_base_white_opacity10: string;
883
- sys_on_base_black_opacity10: string;
884
- sys_component_base_05_opacity00: string;
885
- sys_papp_post_notice_link: string;
886
- sys_component_base_navy_light: string;
887
- sys_component_base_orange: string;
888
- sys_component_base_grey: string;
889
- sys_component_base_black_opacity80: string;
890
- sys_text_darkgrey_02: string;
891
- sys_border_line_darktheme_01: string;
892
- sys_border_line_darktheme_02: string;
893
- sys_component_base_darktheme_01: string;
894
- sys_component_base_darktheme_02: string;
895
- sys_component_base_darktheme_03: string;
896
- sys_text_grey_darktheme_01: string;
897
- sys_text_grey_darktheme_02: string;
898
- sys_text_grey_darktheme_03: string;
899
- sys_widget_grey_darktheme_01: string;
900
- sys_widget_grey_darktheme_02: string;
901
- sys_widget_grey_darktheme_03: string;
902
- sys_component_base_green: string;
903
- sys_text_error_darktheme_01: string;
904
- sys_border_line_darktheme_03: string;
905
- sys_border_line_darktheme_04: string;
906
- usr_widget_brand_primary_darktheme_01: string;
907
- usr_text_brand_primary_darktheme_01: string;
908
- sys_component_base_black_opacity50: string;
909
- sys_component_base_card: string;
910
- sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
911
- sys_widget_green_01: string;
912
- sys_component_base_black_opacity30: string;
913
- sys_area_background: string;
914
- sys_border_white_opacity30: string;
915
- sys_container_background_wt: string;
916
- sys_channeldesc_grey_03: string;
917
- sys_channeldesc_border_grey_03: string;
918
- sys_gradient_base_01: string;
919
- sys_gradient_base_01_opacity00: string;
920
- sys_channeldesc_background: string;
921
- sys_channeldesc_bottomsheet_base: string;
922
- sys_channeldesc_bottomsheet_border: string;
923
- sys_channeldesc_contents_base: string;
924
- sys_channeldesc_dimmed: string;
925
- sys_gradient_base_01_opacity50: string;
926
- sys_gradient_base_01_opacity75: string;
927
- sys_gradient_base_01_opacity40: string;
928
- sys_widget_black: string;
929
- usr_temp_primary_01: string;
930
- sys_cpnt_sheet_base_02_opacity50: string;
931
- usr_menu_primarymenu_main: string;
932
- usr_menu_primarymenu_sub: string;
933
- usr_menu_secondarymenu_main: string;
934
- usr_menu_secondarymenu_sub: string;
935
- usr_menu_hover: string;
936
- usr_menu_active: string;
937
- usr_menu_background: string;
938
- sys_cpnt_base_white_opacity50: string;
939
- sys_widget_dark_01: string;
940
- usr_menu_background_gradient_opacity00: string;
941
- sys_border_line_white: string;
942
- sys_component_base_white_opacity10: string;
943
- sys_cpnt_sheet_base_01: string;
944
- sys_component_base_white_opacity20: string;
945
- sys_border_line_07: string;
946
- sys_border_line_white_opacity50: string;
947
- sys_background_dimmed_02: string;
948
- sys_border_line_08: string;
949
- sys_component_base_06: string;
950
- sys_component_base_07: string;
951
- sys_border_line_09: string;
952
- sys_component_base_darktheme_04: string;
953
- sys_border_line_10: string;
954
- sys_component_base_darktheme_05: string;
955
- sys_border_line_darktheme_05: string;
956
- sys_component_base_darktheme_06: string;
957
- sys_border_line_darktheme_06: string;
958
- sys_border_line_darktheme_07: string;
959
- sys_border_line_11: string;
960
- sys_base_dimmed_01: string;
961
- sys_kakao: string;
962
- sys_border_line_12: string;
963
- sys_component_base_08: string;
964
- sys_text_social_login_01: string;
965
- sys_text_social_login_02: string;
966
- sys_papp_livechat_link: string;
973
+ ui_53: string;
974
+ ui_54: string;
975
+ ui_55: string;
976
+ ui_56: string;
967
977
  };
968
978
  };
969
979
  export default colorSet;
@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
9
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
9
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
10
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
11
11
  var colorSet = {
12
12
  SemanticColor: SemanticColor_json_1.default,
13
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
14
  PaletteColor_light: PaletteColor_light_json_1.default,
14
- UIColor: UIColor_json_1.default,
15
- PaletteColor_Dark: PaletteColor_Dark_json_1.default
15
+ UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
@@ -543,4 +543,8 @@ export interface UITheme {
543
543
  ui_cpnt_list_chatbubble_text_seller: string;
544
544
  ui_52: string;
545
545
  ui_cpnt_imageview_dimmed: string;
546
+ ui_53: string;
547
+ ui_54: string;
548
+ ui_55: string;
549
+ ui_56: string;
546
550
  }
@@ -47,6 +47,7 @@ declare type Props = {
47
47
  emptyText?: TFunctionResult;
48
48
  scrollMode?: 'infinite' | 'none' | 'page';
49
49
  scrollVisibleType?: 'moving' | 'hidden' | 'visible';
50
+ headerRowCheckboxName?: string;
50
51
  onChangeDropdown1?: (value: PDSValueOption) => void;
51
52
  onChangeDropdown2?: (value: PDSValueOption) => void;
52
53
  onChangeDropdown3?: (value: PDSValueOption) => void;
@@ -81,5 +82,5 @@ declare type Props = {
81
82
  /** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
82
83
  onClickMBtn3?: () => void;
83
84
  };
84
- declare function AdminList({ selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, mBtnMode, mBtn1Text, mBtn2Text, mBtn3Text, onClickMBtn1, onClickMBtn2, onClickMBtn3 }: Props): JSX.Element;
85
+ declare function AdminList({ selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, mBtnMode, mBtn1Text, mBtn2Text, mBtn3Text, onClickMBtn1, onClickMBtn2, onClickMBtn3 }: Props): JSX.Element;
85
86
  export default AdminList;
@@ -53,11 +53,11 @@ var TextLabel_1 = require("../TextLabel");
53
53
  var BulkActionBar_1 = __importDefault(require("./BulkActionBar"));
54
54
  var HeaderRow_1 = __importDefault(require("./HeaderRow"));
55
55
  function AdminList(_a) {
56
- var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _s = _a.mBtnMode, mBtnMode = _s === void 0 ? 'mbtn_amount1' : _s, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
56
+ var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _s = _a.headerRowCheckboxName, headerRowCheckboxName = _s === void 0 ? 'all' : _s, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _t = _a.mBtnMode, mBtnMode = _t === void 0 ? 'mbtn_amount1' : _t, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
57
57
  var selectAllMethods = (0, react_hook_form_1.useForm)();
58
58
  var checkboxMethods = (0, react_hook_form_1.useForm)();
59
59
  var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({ name: 'all', control: selectAllMethods.control });
60
- var _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[1];
60
+ var _u = (0, react_1.useState)(false), isBulkActionBarOpen = _u[0], setIsBulkActionBarOpen = _u[1];
61
61
  /**
62
62
  * @when AdminListItem이 선택되었을 때
63
63
  * @expected 벌크액션바 활성화 여부와 체크박스 선택 여부를 결정합니다.
@@ -182,7 +182,7 @@ function AdminList(_a) {
182
182
  isBulkActionBarOpen && (react_1.default.createElement(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, dropdown1HintText: dropdown1HintText, dropdown2HintText: dropdown2HintText, dropdown3HintText: dropdown3HintText, dropdown1ValueArray: dropdown1ValueArray, dropdown2ValueArray: dropdown2ValueArray, dropdown3ValueArray: dropdown3ValueArray, tBtnMode: btnMode(), tBtn1Text: tBtn1Text || mBtn1Text, tBtn2Text: tBtn2Text || mBtn2Text, tBtn3Text: tBtn3Text || mBtn3Text, onChangeDropdown1: onChangeDropdown1, onChangeDropdown2: onChangeDropdown2, onChangeDropdown3: onChangeDropdown3, onClickTBtn1: onClickTBtn1 || onClickMBtn1, onClickTBtn2: onClickTBtn2 || onClickMBtn2, onClickTBtn3: onClickTBtn3 || onClickMBtn3 })),
183
183
  headerRowMode === 'use' && (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, selectAllMethods),
184
184
  react_1.default.createElement("form", null,
185
- react_1.default.createElement(HeaderRow_1.default, { selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), onClickSelectAllCheckbox: handleSelectAllCheckbox })))),
185
+ react_1.default.createElement(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), onClickSelectAllCheckbox: handleSelectAllCheckbox })))),
186
186
  react_1.default.createElement(S_ScrollBox, { scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, react_1.default.Children.count(children) ? (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, checkboxMethods),
187
187
  react_1.default.createElement("form", null, childrenWithWidthProps))) : (react_1.default.createElement(S_EmptyTextWrapper, null,
188
188
  react_1.default.createElement(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }))))));
@@ -22,7 +22,8 @@ declare type Props = {
22
22
  column10HeaderWidth?: ColumnWidthType;
23
23
  quickActionBtnType?: 'hover' | 'fix';
24
24
  quickActionButtonCount?: number;
25
+ headerRowCheckboxName?: string;
25
26
  onClickSelectAllCheckbox?: () => void;
26
27
  };
27
- declare function HeaderRow({ selectionMode, column2HeaderText, column3HeaderText, column3HeaderWidth, column4HeaderText, column4HeaderWidth, column5HeaderText, column5HeaderWidth, column6HeaderText, column6HeaderWidth, column7HeaderText, column7HeaderWidth, column8HeaderText, column8HeaderWidth, column9HeaderText, column9HeaderWidth, column10HeaderText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, onClickSelectAllCheckbox }: Props): JSX.Element;
28
+ declare function HeaderRow({ selectionMode, column2HeaderText, column3HeaderText, column3HeaderWidth, column4HeaderText, column4HeaderWidth, column5HeaderText, column5HeaderWidth, column6HeaderText, column6HeaderWidth, column7HeaderText, column7HeaderWidth, column8HeaderText, column8HeaderWidth, column9HeaderText, column9HeaderWidth, column10HeaderText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, onClickSelectAllCheckbox }: Props): JSX.Element;
28
29
  export default HeaderRow;
@@ -32,11 +32,11 @@ var hybrid_1 = require("../../../hybrid");
32
32
  var Checkbox_1 = require("../Checkbox");
33
33
  var TextLabel_1 = require("../TextLabel");
34
34
  function HeaderRow(_a) {
35
- var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;
35
+ var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _c = _a.column3HeaderWidth, column3HeaderWidth = _c === void 0 ? 'small' : _c, column4HeaderText = _a.column4HeaderText, _d = _a.column4HeaderWidth, column4HeaderWidth = _d === void 0 ? 'small' : _d, column5HeaderText = _a.column5HeaderText, _e = _a.column5HeaderWidth, column5HeaderWidth = _e === void 0 ? 'small' : _e, column6HeaderText = _a.column6HeaderText, _f = _a.column6HeaderWidth, column6HeaderWidth = _f === void 0 ? 'small' : _f, column7HeaderText = _a.column7HeaderText, _g = _a.column7HeaderWidth, column7HeaderWidth = _g === void 0 ? 'small' : _g, column8HeaderText = _a.column8HeaderText, _h = _a.column8HeaderWidth, column8HeaderWidth = _h === void 0 ? 'small' : _h, column9HeaderText = _a.column9HeaderText, _j = _a.column9HeaderWidth, column9HeaderWidth = _j === void 0 ? 'small' : _j, column10HeaderText = _a.column10HeaderText, _k = _a.column10HeaderWidth, column10HeaderWidth = _k === void 0 ? 'small' : _k, _l = _a.quickActionBtnType, quickActionBtnType = _l === void 0 ? 'fix' : _l, _m = _a.quickActionButtonCount, quickActionButtonCount = _m === void 0 ? 2 : _m, _o = _a.headerRowCheckboxName, headerRowCheckboxName = _o === void 0 ? 'all' : _o, onClickSelectAllCheckbox = _a.onClickSelectAllCheckbox;
36
36
  return (react_1.default.createElement(S_HeaderRow, null,
37
37
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }),
38
38
  selectionMode === 'multi' && (react_1.default.createElement(S_CheckBox, null,
39
- react_1.default.createElement(Checkbox_1.Checkbox, { name: "all", onChange: onClickSelectAllCheckbox }))),
39
+ react_1.default.createElement(Checkbox_1.Checkbox, { name: headerRowCheckboxName, onChange: onClickSelectAllCheckbox }))),
40
40
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }),
41
41
  react_1.default.createElement(S_FlexColumn, null,
42
42
  react_1.default.createElement(TextLabel_1.TextLabel, { text: column2HeaderText, colorTheme: "sysTextSecondary", styleTheme: "caption1Regular" })),
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import { TFunctionResult } from 'i18next';
2
+ import React from 'react';
3
3
  import { PDSTextType } from '../../../common';
4
4
  declare type ColumnWidthType = 'small' | 'medium' | 'large';
5
5
  declare type ColumnTextType = 'normal' | 'active' | 'inactive' | 'report';
@@ -51,5 +51,5 @@ export declare type AdminListItemProps = {
51
51
  onClickQuickActionBtn3?: (id: number) => void;
52
52
  onClickItem?: (id: number) => void;
53
53
  };
54
- declare function AdminListItem({ rowSize, selectionMode, column2Type, imageSrc, imageShapeType, imageRadius, imageRatio, column2Text, column3Text, column3TextWidth, column3TextStyleTheme, column4Text, column4TextWidth, column4TextStyleTheme, column5Text, column5TextWidth, column5TextStyleTheme, column6Text, column6TextWidth, column6TextStyleTheme, column7Text, column7TextWidth, column7TextStyleTheme, column8Text, column8TextWidth, column8TextStyleTheme, column9Text, column9TextWidth, column9TextStyleTheme, column10Text, column10TextWidth, column10TextStyleTheme, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, selectedState, id, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onClickItem }: AdminListItemProps): JSX.Element;
54
+ declare const AdminListItem: React.ForwardRefExoticComponent<AdminListItemProps & React.RefAttributes<HTMLDivElement>>;
55
55
  export default AdminListItem;
@@ -29,7 +29,7 @@ var styled_components_1 = __importStar(require("styled-components"));
29
29
  var hybrid_1 = require("../../../hybrid");
30
30
  var Checkbox_1 = require("../Checkbox");
31
31
  var TextLabel_1 = require("../TextLabel");
32
- function AdminListItem(_a) {
32
+ var AdminListItem = (0, react_1.forwardRef)(function (_a, ref) {
33
33
  var _b = _a.rowSize, rowSize = _b === void 0 ? 'medium' : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? 'multi' : _c, _d = _a.column2Type, column2Type = _d === void 0 ? 'image_text' : _d, imageSrc = _a.imageSrc, _e = _a.imageShapeType, imageShapeType = _e === void 0 ? 'rectangle' : _e, _f = _a.imageRadius, imageRadius = _f === void 0 ? 8 : _f, _g = _a.imageRatio, imageRatio = _g === void 0 ? '16_9' : _g, column2Text = _a.column2Text, column3Text = _a.column3Text, _h = _a.column3TextWidth, column3TextWidth = _h === void 0 ? 'small' : _h, _j = _a.column3TextStyleTheme, column3TextStyleTheme = _j === void 0 ? 'normal' : _j, column4Text = _a.column4Text, _k = _a.column4TextWidth, column4TextWidth = _k === void 0 ? 'small' : _k, _l = _a.column4TextStyleTheme, column4TextStyleTheme = _l === void 0 ? 'normal' : _l, column5Text = _a.column5Text, _m = _a.column5TextWidth, column5TextWidth = _m === void 0 ? 'small' : _m, _o = _a.column5TextStyleTheme, column5TextStyleTheme = _o === void 0 ? 'normal' : _o, column6Text = _a.column6Text, _p = _a.column6TextWidth, column6TextWidth = _p === void 0 ? 'small' : _p, _q = _a.column6TextStyleTheme, column6TextStyleTheme = _q === void 0 ? 'normal' : _q, column7Text = _a.column7Text, _r = _a.column7TextWidth, column7TextWidth = _r === void 0 ? 'small' : _r, _s = _a.column7TextStyleTheme, column7TextStyleTheme = _s === void 0 ? 'normal' : _s, column8Text = _a.column8Text, _t = _a.column8TextWidth, column8TextWidth = _t === void 0 ? 'small' : _t, _u = _a.column8TextStyleTheme, column8TextStyleTheme = _u === void 0 ? 'normal' : _u, column9Text = _a.column9Text, _v = _a.column9TextWidth, column9TextWidth = _v === void 0 ? 'small' : _v, _w = _a.column9TextStyleTheme, column9TextStyleTheme = _w === void 0 ? 'normal' : _w, column10Text = _a.column10Text, _x = _a.column10TextWidth, column10TextWidth = _x === void 0 ? 'small' : _x, _y = _a.column10TextStyleTheme, column10TextStyleTheme = _y === void 0 ? 'normal' : _y, _z = _a.quickActionBtnMode, quickActionBtnMode = _z === void 0 ? 'btn_amount2' : _z, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _0 = _a.quickActionBtnType, quickActionBtnType = _0 === void 0 ? 'fix' : _0, _1 = _a.quickActionBtn1State, quickActionBtn1State = _1 === void 0 ? 'normal' : _1, _2 = _a.quickActionBtn2State, quickActionBtn2State = _2 === void 0 ? 'normal' : _2, _3 = _a.quickActionBtn3State, quickActionBtn3State = _3 === void 0 ? 'normal' : _3, _4 = _a.selectedState, selectedState = _4 === void 0 ? 'basic' : _4, id = _a.id, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onClickItem = _a.onClickItem;
34
34
  var methods = (0, react_hook_form_1.useFormContext)();
35
35
  var isSelected = (0, react_hook_form_1.useWatch)({
@@ -120,7 +120,7 @@ function AdminListItem(_a) {
120
120
  return 'sysTextSecondary';
121
121
  }
122
122
  };
123
- return (react_1.default.createElement(S_AdminListItem, { rowSize: rowSize, onClick: handleClick, isSelected: isSelected, quickActionBtnType: quickActionBtnType },
123
+ return (react_1.default.createElement(S_AdminListItem, { ref: ref, rowSize: rowSize, onClick: handleClick, isSelected: isSelected, quickActionBtnType: quickActionBtnType },
124
124
  react_1.default.createElement(S_SelectionColumn, { rowSize: rowSize }, selectionMode === 'multi' && (react_1.default.createElement(S_Selection, null,
125
125
  react_1.default.createElement(Checkbox_1.Checkbox, { name: id.toString(), state: selectedState === 'maintain' ? 'disabled' : 'normal' })))),
126
126
  react_1.default.createElement(S_ImageColumn, { rowSize: rowSize },
@@ -148,7 +148,7 @@ function AdminListItem(_a) {
148
148
  react_1.default.createElement(TextLabel_1.TextLabel, { text: column10Text, styleTheme: column10TextStyleTheme === 'normal' ? 'body2Regular' : 'body2Bold', colorTheme: getColumnColorTheme(column10TextStyleTheme) }))),
149
149
  quickActionBtnMode !== 'none' && (react_1.default.createElement(S_QuickActionButtonBox, { quickActionBtnType: quickActionBtnType }, quickActionButtons())),
150
150
  quickActionBtnType === 'hover' && react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_f", spacingType: "width" })));
151
- }
151
+ });
152
152
  var highRow = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 200px;\n max-height: 200px;\n"], ["\n height: 200px;\n max-height: 200px;\n"])));
153
153
  var mediumRow = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 120px;\n max-height: 120px;\n"], ["\n height: 120px;\n max-height: 120px;\n"])));
154
154
  var lowRow = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 64px;\n"], ["\n height: 64px;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.50",
3
+ "version": "1.4.51",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,18 +1,11 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.50]
2
+ ## [v1.4.51]
3
3
 
4
4
  ### Component
5
5
  * AdminList
6
- * dropdown1HintText prop 추가
7
- * dropdown2HintText prop 추가
8
- * dropdown3HintText prop 추가
9
- * quickActionBtn1State prop deprecated in 1.6 처리
10
- * quickActionBtn2State prop deprecated in 1.6 처리
11
- * quickActionBtn3State prop deprecated in 1.6 처리
6
+ * headerRowCheckboxName prop 추가
12
7
  * AdminListItem
13
- * quickActionBtn1State prop 자체 사용 가능하도록 수정
14
- * quickActionBtn2State prop 자체 사용 가능하도록 수정
15
- * quickActionBtn3State prop 자체 사용 가능하도록 수정
8
+ * ref 추가
16
9
 
17
10
  ### Color
18
- * 컬러 키 값 22.09.06 14시 05분 기준 싱크
11
+ * 컬러 키 값 22.09.15 14시 55분 기준 싱크