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.
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -1
- package/dist/src/common/styles/colorSet/UIColor.json +5 -1
- package/dist/src/common/styles/colorSet/index.d.ts +190 -180
- package/dist/src/common/styles/colorSet/index.js +3 -3
- package/dist/src/common/styles/colorSet/ui-type.d.ts +4 -0
- package/dist/src/desktop/components/AdminList/AdminList.d.ts +2 -1
- package/dist/src/desktop/components/AdminList/AdminList.js +3 -3
- package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +2 -1
- package/dist/src/desktop/components/AdminList/HeaderRow.js +2 -2
- package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +2 -2
- package/dist/src/desktop/components/AdminListItem/AdminListItem.js +3 -3
- package/package.json +1 -1
- package/release-note.md +4 -11
|
@@ -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
|
-
|
|
789
|
-
|
|
790
|
-
|
|
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;
|
|
@@ -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,
|
|
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
|
|
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:
|
|
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
|
|
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
|
-
|
|
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
package/release-note.md
CHANGED
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.4.
|
|
2
|
+
## [v1.4.51]
|
|
3
3
|
|
|
4
4
|
### Component
|
|
5
5
|
* AdminList
|
|
6
|
-
*
|
|
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
|
-
*
|
|
14
|
-
* quickActionBtn2State prop 자체 사용 가능하도록 수정
|
|
15
|
-
* quickActionBtn3State prop 자체 사용 가능하도록 수정
|
|
8
|
+
* ref 추가
|
|
16
9
|
|
|
17
10
|
### Color
|
|
18
|
-
* 컬러 키 값 22.09.
|
|
11
|
+
* 컬러 키 값 22.09.15 14시 55분 기준 싱크
|