pds-dev-kit-web 1.4.49 → 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.
Files changed (16) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +4 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +4 -1
  3. package/dist/src/common/styles/colorSet/UIColor.json +6 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +73 -62
  5. package/dist/src/common/styles/colorSet/index.js +4 -4
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +5 -0
  7. package/dist/src/desktop/components/AdminList/AdminList.d.ts +18 -11
  8. package/dist/src/desktop/components/AdminList/AdminList.js +5 -28
  9. package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +4 -1
  10. package/dist/src/desktop/components/AdminList/BulkActionBar.js +4 -4
  11. package/dist/src/desktop/components/AdminList/HeaderRow.d.ts +2 -1
  12. package/dist/src/desktop/components/AdminList/HeaderRow.js +2 -2
  13. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +3 -3
  14. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +3 -3
  15. package/package.json +1 -1
  16. package/release-note.md +8 -3
package/dist/src/common/styles/colorSet/PaletteColor_Dark.json CHANGED
@@ -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
  }
package/dist/src/common/styles/colorSet/PaletteColor_light.json CHANGED
@@ -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
  }
package/dist/src/common/styles/colorSet/UIColor.json CHANGED
@@ -541,5 +541,10 @@
541
541
  "ui_cpnt_list_chatbubble_text_my_color": "usr_on_brand_primary",
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
- "ui_52": "sys_widget_success_01"
544
+ "ui_52": "sys_widget_success_01",
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"
545
550
  }
package/dist/src/common/styles/colorSet/index.d.ts CHANGED
@@ -1,5 +1,65 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_light: {
2
+ readonly SemanticColor: {
3
+ blue500: string;
4
+ blue700: string;
5
+ blue300: string;
6
+ green700: string;
7
+ green500: string;
8
+ green300: string;
9
+ red500: string;
10
+ grey900: string;
11
+ grey500: string;
12
+ grey400: string;
13
+ grey100: string;
14
+ grey50: string;
15
+ white: string;
16
+ black: string;
17
+ darkblue500: string;
18
+ grey950: string;
19
+ darkgrey900: string;
20
+ darkgrey500: string;
21
+ darkgrey400: string;
22
+ darkgrey100: string;
23
+ darkgrey50: string;
24
+ darkred500: string;
25
+ darkgreen700: string;
26
+ orange500: string;
27
+ darkorange500: string;
28
+ opacity00: string;
29
+ opacity20: string;
30
+ opacity30: string;
31
+ opacity65: string;
32
+ darkgreen500: string;
33
+ grey70: string;
34
+ navy500: string;
35
+ lightgreen500: string;
36
+ pink500: string;
37
+ darkgrey70: string;
38
+ darknavy500: string;
39
+ darkpink500: string;
40
+ darklightgreen500: string;
41
+ opacity10: string;
42
+ grey600: string;
43
+ darkgrey600: string;
44
+ skyblue500: string;
45
+ skyblue300: string;
46
+ pink300: string;
47
+ lightpink500: string;
48
+ darkblue300: string;
49
+ darkblue700: string;
50
+ darkgreen300: string;
51
+ darkskyblue500: string;
52
+ navy100: string;
53
+ darknavy100: string;
54
+ opacity80: string;
55
+ opacity50: string;
56
+ grey30: string;
57
+ opacity95: string;
58
+ darkgrey30: string;
59
+ opacity40: string;
60
+ kakaoyellow: string;
61
+ };
62
+ readonly PaletteColor_Dark: {
3
63
  sys_container_background_01: string;
4
64
  sys_container_background_02: string;
5
65
  sys_container_background_03: string;
@@ -178,8 +238,11 @@ declare const colorSet: {
178
238
  sys_text_social_login_01: string;
179
239
  sys_text_social_login_02: string;
180
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;
181
244
  };
182
- readonly PaletteColor_Dark: {
245
+ readonly PaletteColor_light: {
183
246
  sys_container_background_01: string;
184
247
  sys_container_background_02: string;
185
248
  sys_container_background_03: string;
@@ -358,66 +421,9 @@ declare const colorSet: {
358
421
  sys_text_social_login_01: string;
359
422
  sys_text_social_login_02: string;
360
423
  sys_papp_livechat_link: string;
361
- };
362
- readonly SemanticColor: {
363
- blue500: string;
364
- blue700: string;
365
- blue300: string;
366
- green700: string;
367
- green500: string;
368
- green300: string;
369
- red500: string;
370
- grey900: string;
371
- grey500: string;
372
- grey400: string;
373
- grey100: string;
374
- grey50: string;
375
- white: string;
376
- black: string;
377
- darkblue500: string;
378
- grey950: string;
379
- darkgrey900: string;
380
- darkgrey500: string;
381
- darkgrey400: string;
382
- darkgrey100: string;
383
- darkgrey50: string;
384
- darkred500: string;
385
- darkgreen700: string;
386
- orange500: string;
387
- darkorange500: string;
388
- opacity00: string;
389
- opacity20: string;
390
- opacity30: string;
391
- opacity65: string;
392
- darkgreen500: string;
393
- grey70: string;
394
- navy500: string;
395
- lightgreen500: string;
396
- pink500: string;
397
- darkgrey70: string;
398
- darknavy500: string;
399
- darkpink500: string;
400
- darklightgreen500: string;
401
- opacity10: string;
402
- grey600: string;
403
- darkgrey600: string;
404
- skyblue500: string;
405
- skyblue300: string;
406
- pink300: string;
407
- lightpink500: string;
408
- darkblue300: string;
409
- darkblue700: string;
410
- darkgreen300: string;
411
- darkskyblue500: string;
412
- navy100: string;
413
- darknavy100: string;
414
- opacity80: string;
415
- opacity50: string;
416
- grey30: string;
417
- opacity95: string;
418
- darkgrey30: string;
419
- opacity40: string;
420
- kakaoyellow: string;
424
+ sys_text_lighttone_grey_01: string;
425
+ sys_widget_lighttone_primary_01: string;
426
+ sys_text_lighttone_grey_02: string;
421
427
  };
422
428
  readonly UIColor: {
423
429
  ui_cpnt_button_fill_base_primary: string;
@@ -963,6 +969,11 @@ declare const colorSet: {
963
969
  ui_cpnt_list_chatbubble_base_area_seller: string;
964
970
  ui_cpnt_list_chatbubble_text_seller: string;
965
971
  ui_52: string;
972
+ ui_cpnt_imageview_dimmed: string;
973
+ ui_53: string;
974
+ ui_54: string;
975
+ ui_55: string;
976
+ ui_56: string;
966
977
  };
967
978
  };
968
979
  export default colorSet;
package/dist/src/common/styles/colorSet/index.js CHANGED
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
- var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
7
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
8
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
+ var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
- PaletteColor_light: PaletteColor_light_json_1.default,
13
- PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
12
  SemanticColor: SemanticColor_json_1.default,
13
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
+ PaletteColor_light: PaletteColor_light_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
17
17
  exports.default = colorSet;
package/dist/src/common/styles/colorSet/ui-type.d.ts CHANGED
@@ -542,4 +542,9 @@ export interface UITheme {
542
542
  ui_cpnt_list_chatbubble_base_area_seller: string;
543
543
  ui_cpnt_list_chatbubble_text_seller: string;
544
544
  ui_52: string;
545
+ ui_cpnt_imageview_dimmed: string;
546
+ ui_53: string;
547
+ ui_54: string;
548
+ ui_55: string;
549
+ ui_56: string;
545
550
  }
package/dist/src/desktop/components/AdminList/AdminList.d.ts CHANGED
@@ -29,6 +29,9 @@ declare type Props = {
29
29
  dropdown1DefaultText?: PDSValueOption;
30
30
  dropdown2DefaultText?: PDSValueOption;
31
31
  dropdown3DefaultText?: PDSValueOption;
32
+ dropdown1HintText?: TFunctionResult;
33
+ dropdown2HintText?: TFunctionResult;
34
+ dropdown3HintText?: TFunctionResult;
32
35
  dropdown1ValueArray?: PDSValueOption[];
33
36
  dropdown2ValueArray?: PDSValueOption[];
34
37
  dropdown3ValueArray?: PDSValueOption[];
@@ -37,9 +40,6 @@ declare type Props = {
37
40
  quickActionBtn2Text?: TFunctionResult;
38
41
  quickActionBtn3Text?: TFunctionResult;
39
42
  quickActionBtnType?: 'hover' | 'fix';
40
- quickActionBtn1State?: 'normal' | 'disabled';
41
- quickActionBtn2State?: 'normal' | 'disabled';
42
- quickActionBtn3State?: 'normal' | 'disabled';
43
43
  tBtnMode?: 'none' | 'tbtn_amount1' | 'tbtn_amount2' | 'tbtn_amount3';
44
44
  tBtn1Text?: TFunctionResult;
45
45
  tBtn2Text?: TFunctionResult;
@@ -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;
@@ -60,20 +61,26 @@ declare type Props = {
60
61
  onSelect?: (ids: number[]) => void;
61
62
  selectedIds?: number[];
62
63
  maintainIds?: number[];
63
- /** @deprecated tBtnMode를 대신 사용하세요. */
64
+ /** @deprecated in 1.6.0 AdminListItem의 quickActionBtn1State prop을 대신 사용하세요. */
65
+ quickActionBtn1State?: 'normal' | 'disabled';
66
+ /** @deprecated in 1.6.0 AdminListItem의 quickActionBtn2State prop을 대신 사용하세요. */
67
+ quickActionBtn2State?: 'normal' | 'disabled';
68
+ /** @deprecated in 1.6.0 AdminListItem의 quickActionBtn3State prop을 대신 사용하세요. */
69
+ quickActionBtn3State?: 'normal' | 'disabled';
70
+ /** @deprecated in 1.5.0 tBtnMode를 대신 사용하세요. */
64
71
  mBtnMode?: 'none' | 'mbtn_amount1' | 'mbtn_amount2' | 'mbtn_amount3';
65
- /** @deprecated tBtn1Text를 대신 사용하세요. */
72
+ /** @deprecated in 1.5.0 tBtn1Text를 대신 사용하세요. */
66
73
  mBtn1Text?: TFunctionResult;
67
- /** @deprecated tBtn2Text를 대신 사용하세요. */
74
+ /** @deprecated in 1.5.0 tBtn2Text를 대신 사용하세요. */
68
75
  mBtn2Text?: TFunctionResult;
69
- /** @deprecated tBtn3Text를 대신 사용하세요. */
76
+ /** @deprecated in 1.5.0 tBtn3Text를 대신 사용하세요. */
70
77
  mBtn3Text?: TFunctionResult;
71
- /** @deprecated onClickTBtn1를 대신 사용하세요. */
78
+ /** @deprecated in 1.5.0 onClickTBtn1를 대신 사용하세요. */
72
79
  onClickMBtn1?: () => void;
73
- /** @deprecated onClickTBtn2를 대신 사용하세요. */
80
+ /** @deprecated in 1.5.0 onClickTBtn2를 대신 사용하세요. */
74
81
  onClickMBtn2?: () => void;
75
- /** @deprecated onClickTBtn3를 대신 사용하세요. */
82
+ /** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
76
83
  onClickMBtn3?: () => void;
77
84
  };
78
- 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, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect, 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;
79
86
  export default AdminList;
package/dist/src/desktop/components/AdminList/AdminList.js CHANGED
@@ -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, 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, _q = _a.quickActionBtn1State, quickActionBtn1State = _q === void 0 ? 'normal' : _q, _r = _a.quickActionBtn2State, quickActionBtn2State = _r === void 0 ? 'normal' : _r, _s = _a.quickActionBtn3State, quickActionBtn3State = _s === void 0 ? 'normal' : _s, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _t = _a.scrollMode, scrollMode = _t === void 0 ? 'infinite' : _t, _u = _a.scrollVisibleType, scrollVisibleType = _u === void 0 ? 'moving' : _u, 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, _v = _a.mBtnMode, mBtnMode = _v === void 0 ? 'mbtn_amount1' : _v, 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 _w = (0, react_1.useState)(false), isBulkActionBarOpen = _w[0], setIsBulkActionBarOpen = _w[1];
60
+ var _u = (0, react_1.useState)(false), isBulkActionBarOpen = _u[0], setIsBulkActionBarOpen = _u[1];
61
61
  /**
62
62
  * @when AdminListItem이 선택되었을 때
63
63
  * @expected 벌크액션바 활성화 여부와 체크박스 선택 여부를 결정합니다.
@@ -155,30 +155,7 @@ function AdminList(_a) {
155
155
  }, [selectedIds, maintainIds]);
156
156
  var childrenWithWidthProps = react_1.default.Children.map(children, function (child) {
157
157
  if (react_1.default.isValidElement(child)) {
158
- return react_1.default.cloneElement(child, {
159
- column3TextWidth: column3Width,
160
- column4TextWidth: column4Width,
161
- column5TextWidth: column5Width,
162
- column6TextWidth: column6Width,
163
- column7TextWidth: column7Width,
164
- column8TextWidth: column8Width,
165
- column9TextWidth: column9Width,
166
- column10TextWidth: column10Width,
167
- quickActionBtnType: quickActionBtnType,
168
- quickActionBtnMode: quickActionBtnMode,
169
- quickActionBtn1Text: quickActionBtn1Text,
170
- quickActionBtn2Text: quickActionBtn2Text,
171
- quickActionBtn3Text: quickActionBtn3Text,
172
- quickActionBtn1State: quickActionBtn1State,
173
- quickActionBtn2State: quickActionBtn2State,
174
- quickActionBtn3State: quickActionBtn3State,
175
- onClickQuickActionBtn1: onClickQuickActionBtn1,
176
- onClickQuickActionBtn2: onClickQuickActionBtn2,
177
- onClickQuickActionBtn3: onClickQuickActionBtn3,
178
- selectionMode: selectionMode,
179
- onClickItem: handleSelectItem,
180
- selectedState: (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(child.props.id)) ? 'maintain' : 'basic'
181
- });
158
+ return react_1.default.cloneElement(child, __assign(__assign(__assign({ column3TextWidth: column3Width, column4TextWidth: column4Width, column5TextWidth: column5Width, column6TextWidth: column6Width, column7TextWidth: column7Width, column8TextWidth: column8Width, column9TextWidth: column9Width, column10TextWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionBtnMode: quickActionBtnMode, quickActionBtn1Text: quickActionBtn1Text, quickActionBtn2Text: quickActionBtn2Text, quickActionBtn3Text: quickActionBtn3Text, onClickQuickActionBtn1: onClickQuickActionBtn1, onClickQuickActionBtn2: onClickQuickActionBtn2, onClickQuickActionBtn3: onClickQuickActionBtn3, selectionMode: selectionMode, onClickItem: handleSelectItem, selectedState: (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(child.props.id)) ? 'maintain' : 'basic' }, (quickActionBtn1State && { quickActionBtn1State: quickActionBtn1State })), (quickActionBtn2State && { quickActionBtn2State: quickActionBtn2State })), (quickActionBtn3State && { quickActionBtn3State: quickActionBtn3State })));
182
159
  }
183
160
  return child;
184
161
  });
@@ -202,10 +179,10 @@ function AdminList(_a) {
202
179
  }
203
180
  };
204
181
  return (react_1.default.createElement(S_AdminList, null,
205
- isBulkActionBarOpen && (react_1.default.createElement(BulkActionBar_1.default, { itemCount: totalItemCount, dropdownMode: dropdownMode, dropdown1Value: dropdown1Value, dropdown2Value: dropdown2Value, dropdown3Value: dropdown3Value, dropdown1DefaultText: dropdown1DefaultText, dropdown2DefaultText: dropdown2DefaultText, dropdown3DefaultText: dropdown3DefaultText, 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 })),
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 })),
206
183
  headerRowMode === 'use' && (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, selectAllMethods),
207
184
  react_1.default.createElement("form", null,
208
- 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 })))),
209
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),
210
187
  react_1.default.createElement("form", null, childrenWithWidthProps))) : (react_1.default.createElement(S_EmptyTextWrapper, null,
211
188
  react_1.default.createElement(TextLabel_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }))))));
package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts CHANGED
@@ -10,6 +10,9 @@ declare type Props = {
10
10
  dropdown1DefaultText?: PDSValueOption;
11
11
  dropdown2DefaultText?: PDSValueOption;
12
12
  dropdown3DefaultText?: PDSValueOption;
13
+ dropdown1HintText?: TFunctionResult;
14
+ dropdown2HintText?: TFunctionResult;
15
+ dropdown3HintText?: TFunctionResult;
13
16
  dropdown1ValueArray?: PDSValueOption[];
14
17
  dropdown2ValueArray?: PDSValueOption[];
15
18
  dropdown3ValueArray?: PDSValueOption[];
@@ -24,5 +27,5 @@ declare type Props = {
24
27
  onClickTBtn2?: () => void;
25
28
  onClickTBtn3?: () => void;
26
29
  };
27
- declare function BulkActionBar({ itemCount, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: Props): JSX.Element;
30
+ declare function BulkActionBar({ itemCount, dropdownMode, dropdown1Value, dropdown2Value, dropdown3Value, dropdown1DefaultText, dropdown2DefaultText, dropdown3DefaultText, dropdown1HintText, dropdown2HintText, dropdown3HintText, dropdown1ValueArray, dropdown2ValueArray, dropdown3ValueArray, tBtnMode, tBtn1Text, tBtn2Text, tBtn3Text, onChangeDropdown1, onChangeDropdown2, onChangeDropdown3, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: Props): JSX.Element;
28
31
  export default BulkActionBar;
package/dist/src/desktop/components/AdminList/BulkActionBar.js CHANGED
@@ -15,7 +15,7 @@ var Dropdown_1 = require("../Dropdown");
15
15
  var TextButton_1 = require("../TextButton");
16
16
  var TextLabel_1 = require("../TextLabel");
17
17
  function BulkActionBar(_a) {
18
- var _b = _a.itemCount, itemCount = _b === void 0 ? 1 : _b, _c = _a.dropdownMode, dropdownMode = _c === void 0 ? 'dropdown_amount1' : _c, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
18
+ var _b = _a.itemCount, itemCount = _b === void 0 ? 1 : _b, _c = _a.dropdownMode, dropdownMode = _c === void 0 ? 'dropdown_amount1' : _c, 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, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3;
19
19
  var t = (0, react_i18next_1.useTranslation)('translation').t;
20
20
  return (react_1.default.createElement(S_BulkActionBar, null,
21
21
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_e", spacingType: "width" }),
@@ -27,14 +27,14 @@ function BulkActionBar(_a) {
27
27
  react_1.default.createElement(hybrid_1.Divider, { direction: "vertical", height: 16 }),
28
28
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_e", spacingType: "width" }),
29
29
  dropdownMode !== 'none' && (react_1.default.createElement(react_1.default.Fragment, null,
30
- dropdown1ValueArray && (react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown1ValueArray, defaultValue: dropdown1DefaultText, value: dropdown1Value, onChange: onChangeDropdown1, size: "small", colorTheme: "dark" })),
30
+ dropdown1ValueArray && (react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown1ValueArray, defaultValue: dropdown1DefaultText, hintText: dropdown1HintText, value: dropdown1Value, onChange: onChangeDropdown1, size: "small", colorTheme: "dark" })),
31
31
  (dropdownMode === 'dropdown_amount2' || dropdownMode === 'dropdown_amount3') &&
32
32
  dropdown2ValueArray && (react_1.default.createElement(react_1.default.Fragment, null,
33
33
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
34
- react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown2ValueArray, defaultValue: dropdown2DefaultText, value: dropdown2Value, onChange: onChangeDropdown2, size: "small", colorTheme: "dark" }))),
34
+ react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown2ValueArray, defaultValue: dropdown2DefaultText, hintText: dropdown2HintText, value: dropdown2Value, onChange: onChangeDropdown2, size: "small", colorTheme: "dark" }))),
35
35
  dropdownMode === 'dropdown_amount3' && dropdown3ValueArray && (react_1.default.createElement(react_1.default.Fragment, null,
36
36
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
37
- react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown3ValueArray, defaultValue: dropdown3DefaultText, value: dropdown3Value, onChange: onChangeDropdown3, size: "small", colorTheme: "dark" }))))),
37
+ react_1.default.createElement(Dropdown_1.Dropdown, { valueArray: dropdown3ValueArray, defaultValue: dropdown3DefaultText, hintText: dropdown3HintText, value: dropdown3Value, onChange: onChangeDropdown3, size: "small", colorTheme: "dark" }))))),
38
38
  tBtnMode !== 'none' && (react_1.default.createElement(react_1.default.Fragment, null,
39
39
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
40
40
  react_1.default.createElement(TextButton_1.TextButton, { size: "small", text: tBtn1Text, onClick: onClickTBtn1, colorTheme: "white" }),
package/dist/src/desktop/components/AdminList/HeaderRow.d.ts CHANGED
@@ -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;
package/dist/src/desktop/components/AdminList/HeaderRow.js CHANGED
@@ -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" })),
package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts CHANGED
@@ -1,9 +1,9 @@
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';
6
- declare type Props = {
6
+ export declare type AdminListItemProps = {
7
7
  rowSize?: 'high' | 'medium' | 'low';
8
8
  selectionMode?: 'none' | 'single' | 'multi';
9
9
  column2Type?: 'image_text' | 'text_only';
@@ -51,5 +51,5 @@ declare type Props = {
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 }: Props): JSX.Element;
54
+ declare const AdminListItem: React.ForwardRefExoticComponent<AdminListItemProps & React.RefAttributes<HTMLDivElement>>;
55
55
  export default AdminListItem;
package/dist/src/desktop/components/AdminListItem/AdminListItem.js CHANGED
@@ -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.49",
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,6 +1,11 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.49]
2
+ ## [v1.4.51]
3
3
 
4
4
  ### Component
5
- * Icon
6
- * ic_coins line추가
5
+ * AdminList
6
+ * headerRowCheckboxName prop 추가
7
+ * AdminListItem
8
+ * ref 추가
9
+
10
+ ### Color
11
+ * 컬러 키 값 22.09.15 14시 55분 기준 싱크