pds-dev-kit-web 1.4.47 → 1.4.50
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/assets/icons/line/Coins.d.ts +4 -0
- package/dist/src/common/assets/icons/line/Coins.js +34 -0
- package/dist/src/common/assets/icons/line/index.d.ts +1 -0
- package/dist/src/common/assets/icons/line/index.js +2 -0
- package/dist/src/common/styles/colorSet/UIColor.json +2 -1
- package/dist/src/common/styles/colorSet/index.d.ts +241 -240
- package/dist/src/common/styles/colorSet/index.js +5 -5
- package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
- package/dist/src/desktop/components/AdminList/AdminList.d.ts +17 -11
- package/dist/src/desktop/components/AdminList/AdminList.js +4 -27
- package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +4 -1
- package/dist/src/desktop/components/AdminList/BulkActionBar.js +4 -4
- package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +2 -2
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +3 -3
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.d.ts +3 -2
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTN.js +2 -2
- package/package.json +1 -1
- package/release-note.md +12 -8
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
var react_1 = __importDefault(require("react"));
|
|
29
|
+
var Coins = function (_a) {
|
|
30
|
+
var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
|
|
31
|
+
return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
|
|
32
|
+
react_1.default.createElement("path", { fill: color, fillRule: "evenodd", d: "M19.9336,12.0341 C19.9136,12.0541 19.8946,12.0751 19.8766,12.0971 C19.8086,12.1771 19.6996,12.2731 19.6266,12.3361 C19.2216,12.6851 18.7216,12.9851 18.1656,13.2401 C17.7236,13.4421 17.2436,13.6121 16.7306,13.7481 C15.8236,13.9871 14.8296,14.1231 13.7956,14.1231 C13.4516,14.1231 13.1116,14.1051 12.7756,14.0761 C13.9856,13.8361 15.0726,13.4331 15.9706,12.9041 C16.3516,12.6791 16.7076,12.4391 17.0146,12.1731 C17.0796,12.1171 17.1286,12.0531 17.1906,11.9961 C18.0436,11.2001 18.5546,10.2581 18.5546,9.2331 L18.5546,7.9911 C18.9536,8.2031 19.3156,8.4411 19.6236,8.7071 C20.0896,9.1111 20.6456,9.7531 20.6456,10.5231 C20.6456,11.0341 20.4056,11.5421 19.9336,12.0341 L19.9336,12.0341 Z M20.6456,13.4771 C20.6456,14.2471 20.0936,14.8811 19.6226,15.2841 C19.5486,15.3481 19.4606,15.4061 19.3806,15.4681 L19.3806,14.3081 C19.8366,14.0571 20.2496,13.7791 20.6056,13.4731 C20.6206,13.4601 20.6316,13.4461 20.6456,13.4341 L20.6456,13.4771 Z M16.0316,19.5281 C15.9566,19.5921 15.8706,19.6501 15.7896,19.7111 L15.7896,18.5521 C15.8916,18.4971 15.9816,18.4351 16.0786,18.3761 C16.3846,18.3231 16.6836,18.2601 16.9756,18.1871 C16.8136,18.7451 16.4026,19.2101 16.0316,19.5281 L16.0316,19.5281 Z M14.2896,20.5661 C13.3276,20.9641 12.1956,21.2161 10.9926,21.2931 L10.9926,19.8371 C12.1826,19.7691 13.2986,19.5491 14.2896,19.2081 L14.2896,20.5661 Z M4.0606,16.2941 C3.5916,15.7911 3.3546,15.2781 3.3546,14.7671 C3.3546,14.1381 3.7406,13.4831 4.4276,12.9071 C4.7446,13.0931 5.0836,13.2651 5.4456,13.4181 L5.4456,13.4771 C5.4456,15.7351 7.8626,17.6551 11.2036,18.3231 C10.8746,18.3491 10.5426,18.3671 10.2046,18.3671 C7.6656,18.3671 5.2516,17.5501 4.0606,16.2941 L4.0606,16.2941 Z M9.4926,21.3001 C8.2376,21.2291 7.1216,20.9731 6.1956,20.6021 L6.1956,19.2331 C7.1906,19.5661 8.3066,19.7761 9.4926,19.8381 L9.4926,21.3001 Z M4.6956,19.7871 C3.8436,19.1631 3.3546,18.4271 3.3546,17.7211 L3.3546,17.6731 C3.7396,18.0111 4.1896,18.3161 4.6956,18.5881 L4.6956,19.7871 Z M3.3546,9.1851 C3.7396,9.5221 4.1896,9.8281 4.6956,10.0991 L4.6956,10.9401 L4.6956,11.2991 C4.6006,11.2291 4.5276,11.1541 4.4416,11.0811 C3.7576,10.5061 3.3546,9.8591 3.3546,9.2331 L3.3546,9.1851 Z M14.2896,10.7201 L14.2896,11.9201 L14.2896,12.0771 C13.3276,12.4751 12.1956,12.7271 10.9926,12.8051 L10.9926,11.3491 C11.2326,11.3351 11.4546,11.2891 11.6876,11.2631 C12.6116,11.1611 13.4976,10.9921 14.2896,10.7201 L14.2896,10.7201 Z M6.1956,12.1141 L6.1956,11.8861 L6.1956,10.7451 C6.4516,10.8301 6.7356,10.8831 7.0066,10.9521 C7.5496,11.0911 8.1166,11.1921 8.7106,11.2581 C8.9726,11.2871 9.2226,11.3351 9.4926,11.3491 L9.4926,12.8121 C9.1356,12.7921 8.7936,12.7531 8.4596,12.7041 C7.6216,12.5821 6.8586,12.3791 6.1956,12.1141 L6.1956,12.1141 Z M8.2866,14.3431 L8.2866,15.5431 C7.6226,15.0571 7.1876,14.5021 7.0246,13.9471 C7.3236,14.0221 7.6326,14.0841 7.9476,14.1381 C8.0606,14.2071 8.1666,14.2791 8.2866,14.3431 L8.2866,14.3431 Z M13.0836,17.0561 C11.8286,16.9851 10.7126,16.7281 9.7866,16.3581 L9.7866,14.9891 C10.7816,15.3221 11.8976,15.5321 13.0836,15.5931 L13.0836,17.0561 Z M14.5836,17.0491 L14.5836,15.5931 C15.4376,15.5441 16.2326,15.3931 16.9916,15.1991 C17.2906,15.1231 17.6006,15.0601 17.8806,14.9641 L17.8806,16.3221 C17.1826,16.6101 16.3936,16.8191 15.5546,16.9441 C15.2366,16.9911 14.9136,17.0281 14.5836,17.0491 L14.5836,17.0491 Z M17.0546,9.1901 L17.0546,9.2331 C17.0546,10.0031 16.5026,10.6371 16.0316,11.0401 C16.0116,11.0571 15.9886,11.0721 15.9666,11.0891 C15.9086,11.1341 15.8486,11.1781 15.7896,11.2231 L15.7896,10.9821 L15.7896,10.0641 C16.2456,9.8131 16.6586,9.5351 17.0146,9.2291 C17.0286,9.2161 17.0396,9.2021 17.0546,9.1901 L17.0546,9.1901 Z M10.2046,2.6791 C12.5566,2.6791 14.7356,3.3471 16.0326,4.4631 C16.4006,4.7811 16.8126,5.2521 16.9746,5.8131 C17.0186,5.9631 17.0546,6.1161 17.0546,6.2791 C17.0546,6.6201 16.9376,6.9611 16.7246,7.2961 C16.6196,7.4621 16.4986,7.6271 16.3426,7.7901 C16.3226,7.8101 16.3036,7.8311 16.2856,7.8521 C16.2166,7.9321 16.1086,8.0291 16.0356,8.0921 C15.0376,8.9511 13.5186,9.5411 11.8026,9.7701 C11.2846,9.8391 10.7496,9.8791 10.2046,9.8791 C9.6606,9.8791 9.1256,9.8341 8.6046,9.7631 C8.1446,9.7001 7.6986,9.6131 7.2716,9.5001 C6.7566,9.3641 6.2686,9.1971 5.8266,8.9971 C5.1086,8.6721 4.5006,8.2691 4.0606,7.8051 C3.5916,7.3031 3.3546,6.7891 3.3546,6.2791 C3.3546,4.5761 6.1676,2.6791 10.2046,2.6791 L10.2046,2.6791 Z M20.6056,7.5731 C20.0456,7.0911 19.3506,6.6721 18.5546,6.3341 L18.5546,6.2791 C18.5546,5.1791 17.9846,4.1691 17.0146,3.3291 C15.5046,2.0291 13.0146,1.1791 10.2046,1.1791 C5.5946,1.1791 1.8546,3.4591 1.8546,6.2791 L1.8546,9.2331 C1.8546,10.2521 2.3516,11.2001 3.1976,11.9981 C2.3516,12.7951 1.8546,13.7451 1.8546,14.7671 L1.8546,17.7211 C1.8546,20.5311 5.5946,22.8211 10.2046,22.8211 C13.0146,22.8211 15.5046,21.9711 17.0146,20.6611 C17.9846,19.8311 18.5546,18.8211 18.5546,17.7211 L18.5546,17.6641 C19.3506,17.3241 20.0456,16.9031 20.6056,16.4171 C21.5756,15.5871 22.1456,14.5771 22.1456,13.4771 L22.1456,10.5231 C22.1456,9.4231 21.5756,8.4131 20.6056,7.5731 L20.6056,7.5731 Z" })));
|
|
33
|
+
};
|
|
34
|
+
exports.default = Coins;
|
|
@@ -31,6 +31,7 @@ declare const lineIcons: {
|
|
|
31
31
|
readonly ic_check: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
32
32
|
readonly ic_checkbox_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
33
33
|
readonly ic_clip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
34
|
+
readonly ic_coins: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
34
35
|
readonly ic_cont_watching: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
|
|
35
36
|
readonly ic_copy: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
36
37
|
readonly ic_cs: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
|
|
@@ -34,6 +34,7 @@ var ChatCrm_1 = __importDefault(require("./ChatCrm"));
|
|
|
34
34
|
var Check_1 = __importDefault(require("./Check"));
|
|
35
35
|
var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
|
|
36
36
|
var Clip_1 = __importDefault(require("./Clip"));
|
|
37
|
+
var Coins_1 = __importDefault(require("./Coins"));
|
|
37
38
|
var ContWatching_1 = __importDefault(require("./ContWatching"));
|
|
38
39
|
var Copy_1 = __importDefault(require("./Copy"));
|
|
39
40
|
var Cs_1 = __importDefault(require("./Cs"));
|
|
@@ -179,6 +180,7 @@ var lineIcons = {
|
|
|
179
180
|
ic_check: Check_1.default,
|
|
180
181
|
ic_checkbox_off: CheckboxOff_1.default,
|
|
181
182
|
ic_clip: Clip_1.default,
|
|
183
|
+
ic_coins: Coins_1.default,
|
|
182
184
|
ic_cont_watching: ContWatching_1.default,
|
|
183
185
|
ic_copy: Copy_1.default,
|
|
184
186
|
ic_cs: Cs_1.default,
|
|
@@ -541,5 +541,6 @@
|
|
|
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"
|
|
545
546
|
}
|
|
@@ -1,185 +1,65 @@
|
|
|
1
1
|
declare const colorSet: {
|
|
2
|
-
readonly
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
sys_border_line_06: string;
|
|
62
|
-
sys_background_dimmed_20: string;
|
|
63
|
-
sys_widget_pink: string;
|
|
64
|
-
sys_widget_primary_opacity20: string;
|
|
65
|
-
sys_widget_secondary_variant_01: string;
|
|
66
|
-
usr_component_base_brand_primary_opacity10: string;
|
|
67
|
-
sys_temp_grey_01: string;
|
|
68
|
-
sys_temp_grey_02: string;
|
|
69
|
-
sys_temp_grey_03: string;
|
|
70
|
-
sys_temp_grey_04: string;
|
|
71
|
-
sys_temp_grey_05: string;
|
|
72
|
-
sys_temp_white: string;
|
|
73
|
-
sys_temp_primary_01: string;
|
|
74
|
-
sys_temp_secondary_01: string;
|
|
75
|
-
sys_temp_red: string;
|
|
76
|
-
sys_temp_white_opacity_00: string;
|
|
77
|
-
sys_temp_dimmed: string;
|
|
78
|
-
sys_temp_black: string;
|
|
79
|
-
sys_temp_primary_02: string;
|
|
80
|
-
sys_temp_primary_03: string;
|
|
81
|
-
sys_temp_secondary_02: string;
|
|
82
|
-
sys_temp_lightgreen_01: string;
|
|
83
|
-
sys_text_grey_04: string;
|
|
84
|
-
sys_papp_post_social_background: string;
|
|
85
|
-
sys_papp_post_notice_background: string;
|
|
86
|
-
sys_papp_post_free_background: string;
|
|
87
|
-
sys_papp_vod_background: string;
|
|
88
|
-
sys_papp_vodplus_background: string;
|
|
89
|
-
sys_papp_live_background: string;
|
|
90
|
-
sys_selcontrols_base_off_disabled: string;
|
|
91
|
-
sys_selcontrols_base_on_disabled: string;
|
|
92
|
-
sys_component_base_blue_opacity10: string;
|
|
93
|
-
sys_component_base_05: string;
|
|
94
|
-
sys_background_dimmed_65: string;
|
|
95
|
-
sys_temp_grey_06: string;
|
|
96
|
-
sys_on_base_white_opacity10: string;
|
|
97
|
-
sys_on_base_black_opacity10: string;
|
|
98
|
-
sys_component_base_05_opacity00: string;
|
|
99
|
-
sys_papp_post_notice_link: string;
|
|
100
|
-
sys_component_base_navy_light: string;
|
|
101
|
-
sys_component_base_orange: string;
|
|
102
|
-
sys_component_base_grey: string;
|
|
103
|
-
sys_component_base_black_opacity80: string;
|
|
104
|
-
sys_text_darkgrey_02: string;
|
|
105
|
-
sys_border_line_darktheme_01: string;
|
|
106
|
-
sys_border_line_darktheme_02: string;
|
|
107
|
-
sys_component_base_darktheme_01: string;
|
|
108
|
-
sys_component_base_darktheme_02: string;
|
|
109
|
-
sys_component_base_darktheme_03: string;
|
|
110
|
-
sys_text_grey_darktheme_01: string;
|
|
111
|
-
sys_text_grey_darktheme_02: string;
|
|
112
|
-
sys_text_grey_darktheme_03: string;
|
|
113
|
-
sys_widget_grey_darktheme_01: string;
|
|
114
|
-
sys_widget_grey_darktheme_02: string;
|
|
115
|
-
sys_widget_grey_darktheme_03: string;
|
|
116
|
-
sys_component_base_green: string;
|
|
117
|
-
sys_text_error_darktheme_01: string;
|
|
118
|
-
sys_border_line_darktheme_03: string;
|
|
119
|
-
sys_border_line_darktheme_04: string;
|
|
120
|
-
usr_widget_brand_primary_darktheme_01: string;
|
|
121
|
-
usr_text_brand_primary_darktheme_01: string;
|
|
122
|
-
sys_component_base_black_opacity50: string;
|
|
123
|
-
sys_component_base_card: string;
|
|
124
|
-
sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
|
|
125
|
-
sys_widget_green_01: string;
|
|
126
|
-
sys_component_base_black_opacity30: string;
|
|
127
|
-
sys_area_background: string;
|
|
128
|
-
sys_border_white_opacity30: string;
|
|
129
|
-
sys_container_background_wt: string;
|
|
130
|
-
sys_channeldesc_grey_03: string;
|
|
131
|
-
sys_channeldesc_border_grey_03: string;
|
|
132
|
-
sys_gradient_base_01: string;
|
|
133
|
-
sys_gradient_base_01_opacity00: string;
|
|
134
|
-
sys_channeldesc_background: string;
|
|
135
|
-
sys_channeldesc_bottomsheet_base: string;
|
|
136
|
-
sys_channeldesc_bottomsheet_border: string;
|
|
137
|
-
sys_channeldesc_contents_base: string;
|
|
138
|
-
sys_channeldesc_dimmed: string;
|
|
139
|
-
sys_gradient_base_01_opacity50: string;
|
|
140
|
-
sys_gradient_base_01_opacity75: string;
|
|
141
|
-
sys_gradient_base_01_opacity40: string;
|
|
142
|
-
sys_widget_black: string;
|
|
143
|
-
usr_temp_primary_01: string;
|
|
144
|
-
sys_cpnt_sheet_base_02_opacity50: string;
|
|
145
|
-
usr_menu_primarymenu_main: string;
|
|
146
|
-
usr_menu_primarymenu_sub: string;
|
|
147
|
-
usr_menu_secondarymenu_main: string;
|
|
148
|
-
usr_menu_secondarymenu_sub: string;
|
|
149
|
-
usr_menu_hover: string;
|
|
150
|
-
usr_menu_active: string;
|
|
151
|
-
usr_menu_background: string;
|
|
152
|
-
sys_cpnt_base_white_opacity50: string;
|
|
153
|
-
sys_widget_dark_01: string;
|
|
154
|
-
usr_menu_background_gradient_opacity00: string;
|
|
155
|
-
sys_border_line_white: string;
|
|
156
|
-
sys_component_base_white_opacity10: string;
|
|
157
|
-
sys_cpnt_sheet_base_01: string;
|
|
158
|
-
sys_component_base_white_opacity20: string;
|
|
159
|
-
sys_border_line_07: string;
|
|
160
|
-
sys_border_line_white_opacity50: string;
|
|
161
|
-
sys_background_dimmed_02: string;
|
|
162
|
-
sys_border_line_08: string;
|
|
163
|
-
sys_component_base_06: string;
|
|
164
|
-
sys_component_base_07: string;
|
|
165
|
-
sys_border_line_09: string;
|
|
166
|
-
sys_component_base_darktheme_04: string;
|
|
167
|
-
sys_border_line_10: string;
|
|
168
|
-
sys_component_base_darktheme_05: string;
|
|
169
|
-
sys_border_line_darktheme_05: string;
|
|
170
|
-
sys_component_base_darktheme_06: string;
|
|
171
|
-
sys_border_line_darktheme_06: string;
|
|
172
|
-
sys_border_line_darktheme_07: string;
|
|
173
|
-
sys_border_line_11: string;
|
|
174
|
-
sys_base_dimmed_01: string;
|
|
175
|
-
sys_kakao: string;
|
|
176
|
-
sys_border_line_12: string;
|
|
177
|
-
sys_component_base_08: string;
|
|
178
|
-
sys_text_social_login_01: string;
|
|
179
|
-
sys_text_social_login_02: string;
|
|
180
|
-
sys_papp_livechat_link: string;
|
|
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;
|
|
181
61
|
};
|
|
182
|
-
readonly
|
|
62
|
+
readonly PaletteColor_light: {
|
|
183
63
|
sys_container_background_01: string;
|
|
184
64
|
sys_container_background_02: string;
|
|
185
65
|
sys_container_background_03: string;
|
|
@@ -359,66 +239,6 @@ declare const colorSet: {
|
|
|
359
239
|
sys_text_social_login_02: string;
|
|
360
240
|
sys_papp_livechat_link: string;
|
|
361
241
|
};
|
|
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;
|
|
421
|
-
};
|
|
422
242
|
readonly UIColor: {
|
|
423
243
|
ui_cpnt_button_fill_base_primary: string;
|
|
424
244
|
ui_cpnt_button_fill_base_default: string;
|
|
@@ -963,6 +783,187 @@ declare const colorSet: {
|
|
|
963
783
|
ui_cpnt_list_chatbubble_base_area_seller: string;
|
|
964
784
|
ui_cpnt_list_chatbubble_text_seller: string;
|
|
965
785
|
ui_52: string;
|
|
786
|
+
ui_cpnt_imageview_dimmed: string;
|
|
787
|
+
};
|
|
788
|
+
readonly PaletteColor_Dark: {
|
|
789
|
+
sys_container_background_01: string;
|
|
790
|
+
sys_container_background_02: string;
|
|
791
|
+
sys_container_background_03: string;
|
|
792
|
+
sys_background_dimmed: string;
|
|
793
|
+
sys_text_grey_01: string;
|
|
794
|
+
sys_text_grey_02: string;
|
|
795
|
+
sys_text_grey_03: string;
|
|
796
|
+
sys_text_white: string;
|
|
797
|
+
sys_text_brand_primary: string;
|
|
798
|
+
sys_text_error_01: string;
|
|
799
|
+
sys_widget_grey_01: string;
|
|
800
|
+
sys_widget_grey_02: string;
|
|
801
|
+
sys_widget_grey_03: string;
|
|
802
|
+
sys_widget_primary_01: string;
|
|
803
|
+
sys_widget_error_01: string;
|
|
804
|
+
sys_widget_warning_01: string;
|
|
805
|
+
sys_widget_success_01: string;
|
|
806
|
+
sys_widget_white: string;
|
|
807
|
+
sys_border_area_01: string;
|
|
808
|
+
sys_border_line_01: string;
|
|
809
|
+
sys_border_line_02: string;
|
|
810
|
+
sys_border_line_03: string;
|
|
811
|
+
sys_border_line_04: string;
|
|
812
|
+
sys_border_line_05: string;
|
|
813
|
+
sys_component_base_01: string;
|
|
814
|
+
sys_component_base_02: string;
|
|
815
|
+
sys_component_base_03: string;
|
|
816
|
+
sys_component_base_red: string;
|
|
817
|
+
sys_component_base_white: string;
|
|
818
|
+
sys_component_base_white_opacity00: string;
|
|
819
|
+
sys_on_base_white_opacity00: string;
|
|
820
|
+
sys_on_base_white_opacity30: string;
|
|
821
|
+
sys_on_base_black_opacity20: string;
|
|
822
|
+
usr_brand_primary: string;
|
|
823
|
+
usr_brand_secondary: string;
|
|
824
|
+
usr_brand_secondary_variant: string;
|
|
825
|
+
usr_background: string;
|
|
826
|
+
usr_surface: string;
|
|
827
|
+
usr_border: string;
|
|
828
|
+
usr_on_brand_primary: string;
|
|
829
|
+
usr_on_brand_secondary: string;
|
|
830
|
+
usr_on_background: string;
|
|
831
|
+
usr_on_surface: string;
|
|
832
|
+
sys_widget_status_active_01: string;
|
|
833
|
+
sys_text_success_01: string;
|
|
834
|
+
sys_widget_grey_04: string;
|
|
835
|
+
sys_text_active: string;
|
|
836
|
+
sys_component_base_blue: string;
|
|
837
|
+
sys_on_base_black_opacity65: string;
|
|
838
|
+
sys_component_base_04: string;
|
|
839
|
+
sys_component_base_black: string;
|
|
840
|
+
sys_component_base_black_opacity00: string;
|
|
841
|
+
usr_text_brand_secondary_variant: string;
|
|
842
|
+
usr_text_brand_primary: string;
|
|
843
|
+
usr_text_brand_on_primary: string;
|
|
844
|
+
sys_text_brand_secondary_variant: string;
|
|
845
|
+
sys_component_base_navy: string;
|
|
846
|
+
sys_widget_lightgreen: string;
|
|
847
|
+
sys_border_line_06: string;
|
|
848
|
+
sys_background_dimmed_20: string;
|
|
849
|
+
sys_widget_pink: string;
|
|
850
|
+
sys_widget_primary_opacity20: string;
|
|
851
|
+
sys_widget_secondary_variant_01: string;
|
|
852
|
+
usr_component_base_brand_primary_opacity10: string;
|
|
853
|
+
sys_temp_grey_01: string;
|
|
854
|
+
sys_temp_grey_02: string;
|
|
855
|
+
sys_temp_grey_03: string;
|
|
856
|
+
sys_temp_grey_04: string;
|
|
857
|
+
sys_temp_grey_05: string;
|
|
858
|
+
sys_temp_white: string;
|
|
859
|
+
sys_temp_primary_01: string;
|
|
860
|
+
sys_temp_secondary_01: string;
|
|
861
|
+
sys_temp_red: string;
|
|
862
|
+
sys_temp_white_opacity_00: string;
|
|
863
|
+
sys_temp_dimmed: string;
|
|
864
|
+
sys_temp_black: string;
|
|
865
|
+
sys_temp_primary_02: string;
|
|
866
|
+
sys_temp_primary_03: string;
|
|
867
|
+
sys_temp_secondary_02: string;
|
|
868
|
+
sys_temp_lightgreen_01: string;
|
|
869
|
+
sys_text_grey_04: string;
|
|
870
|
+
sys_papp_post_social_background: string;
|
|
871
|
+
sys_papp_post_notice_background: string;
|
|
872
|
+
sys_papp_post_free_background: string;
|
|
873
|
+
sys_papp_vod_background: string;
|
|
874
|
+
sys_papp_vodplus_background: string;
|
|
875
|
+
sys_papp_live_background: string;
|
|
876
|
+
sys_selcontrols_base_off_disabled: string;
|
|
877
|
+
sys_selcontrols_base_on_disabled: string;
|
|
878
|
+
sys_component_base_blue_opacity10: string;
|
|
879
|
+
sys_component_base_05: string;
|
|
880
|
+
sys_background_dimmed_65: string;
|
|
881
|
+
sys_temp_grey_06: string;
|
|
882
|
+
sys_on_base_white_opacity10: string;
|
|
883
|
+
sys_on_base_black_opacity10: string;
|
|
884
|
+
sys_component_base_05_opacity00: string;
|
|
885
|
+
sys_papp_post_notice_link: string;
|
|
886
|
+
sys_component_base_navy_light: string;
|
|
887
|
+
sys_component_base_orange: string;
|
|
888
|
+
sys_component_base_grey: string;
|
|
889
|
+
sys_component_base_black_opacity80: string;
|
|
890
|
+
sys_text_darkgrey_02: string;
|
|
891
|
+
sys_border_line_darktheme_01: string;
|
|
892
|
+
sys_border_line_darktheme_02: string;
|
|
893
|
+
sys_component_base_darktheme_01: string;
|
|
894
|
+
sys_component_base_darktheme_02: string;
|
|
895
|
+
sys_component_base_darktheme_03: string;
|
|
896
|
+
sys_text_grey_darktheme_01: string;
|
|
897
|
+
sys_text_grey_darktheme_02: string;
|
|
898
|
+
sys_text_grey_darktheme_03: string;
|
|
899
|
+
sys_widget_grey_darktheme_01: string;
|
|
900
|
+
sys_widget_grey_darktheme_02: string;
|
|
901
|
+
sys_widget_grey_darktheme_03: string;
|
|
902
|
+
sys_component_base_green: string;
|
|
903
|
+
sys_text_error_darktheme_01: string;
|
|
904
|
+
sys_border_line_darktheme_03: string;
|
|
905
|
+
sys_border_line_darktheme_04: string;
|
|
906
|
+
usr_widget_brand_primary_darktheme_01: string;
|
|
907
|
+
usr_text_brand_primary_darktheme_01: string;
|
|
908
|
+
sys_component_base_black_opacity50: string;
|
|
909
|
+
sys_component_base_card: string;
|
|
910
|
+
sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
|
|
911
|
+
sys_widget_green_01: string;
|
|
912
|
+
sys_component_base_black_opacity30: string;
|
|
913
|
+
sys_area_background: string;
|
|
914
|
+
sys_border_white_opacity30: string;
|
|
915
|
+
sys_container_background_wt: string;
|
|
916
|
+
sys_channeldesc_grey_03: string;
|
|
917
|
+
sys_channeldesc_border_grey_03: string;
|
|
918
|
+
sys_gradient_base_01: string;
|
|
919
|
+
sys_gradient_base_01_opacity00: string;
|
|
920
|
+
sys_channeldesc_background: string;
|
|
921
|
+
sys_channeldesc_bottomsheet_base: string;
|
|
922
|
+
sys_channeldesc_bottomsheet_border: string;
|
|
923
|
+
sys_channeldesc_contents_base: string;
|
|
924
|
+
sys_channeldesc_dimmed: string;
|
|
925
|
+
sys_gradient_base_01_opacity50: string;
|
|
926
|
+
sys_gradient_base_01_opacity75: string;
|
|
927
|
+
sys_gradient_base_01_opacity40: string;
|
|
928
|
+
sys_widget_black: string;
|
|
929
|
+
usr_temp_primary_01: string;
|
|
930
|
+
sys_cpnt_sheet_base_02_opacity50: string;
|
|
931
|
+
usr_menu_primarymenu_main: string;
|
|
932
|
+
usr_menu_primarymenu_sub: string;
|
|
933
|
+
usr_menu_secondarymenu_main: string;
|
|
934
|
+
usr_menu_secondarymenu_sub: string;
|
|
935
|
+
usr_menu_hover: string;
|
|
936
|
+
usr_menu_active: string;
|
|
937
|
+
usr_menu_background: string;
|
|
938
|
+
sys_cpnt_base_white_opacity50: string;
|
|
939
|
+
sys_widget_dark_01: string;
|
|
940
|
+
usr_menu_background_gradient_opacity00: string;
|
|
941
|
+
sys_border_line_white: string;
|
|
942
|
+
sys_component_base_white_opacity10: string;
|
|
943
|
+
sys_cpnt_sheet_base_01: string;
|
|
944
|
+
sys_component_base_white_opacity20: string;
|
|
945
|
+
sys_border_line_07: string;
|
|
946
|
+
sys_border_line_white_opacity50: string;
|
|
947
|
+
sys_background_dimmed_02: string;
|
|
948
|
+
sys_border_line_08: string;
|
|
949
|
+
sys_component_base_06: string;
|
|
950
|
+
sys_component_base_07: string;
|
|
951
|
+
sys_border_line_09: string;
|
|
952
|
+
sys_component_base_darktheme_04: string;
|
|
953
|
+
sys_border_line_10: string;
|
|
954
|
+
sys_component_base_darktheme_05: string;
|
|
955
|
+
sys_border_line_darktheme_05: string;
|
|
956
|
+
sys_component_base_darktheme_06: string;
|
|
957
|
+
sys_border_line_darktheme_06: string;
|
|
958
|
+
sys_border_line_darktheme_07: string;
|
|
959
|
+
sys_border_line_11: string;
|
|
960
|
+
sys_base_dimmed_01: string;
|
|
961
|
+
sys_kakao: string;
|
|
962
|
+
sys_border_line_12: string;
|
|
963
|
+
sys_component_base_08: string;
|
|
964
|
+
sys_text_social_login_01: string;
|
|
965
|
+
sys_text_social_login_02: string;
|
|
966
|
+
sys_papp_livechat_link: string;
|
|
966
967
|
};
|
|
967
968
|
};
|
|
968
969
|
export default colorSet;
|
|
@@ -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_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
10
9
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
10
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.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,
|
|
15
|
-
|
|
13
|
+
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
14
|
+
UIColor: UIColor_json_1.default,
|
|
15
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
|
@@ -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;
|
|
@@ -60,20 +60,26 @@ declare type Props = {
|
|
|
60
60
|
onSelect?: (ids: number[]) => void;
|
|
61
61
|
selectedIds?: number[];
|
|
62
62
|
maintainIds?: number[];
|
|
63
|
-
/** @deprecated
|
|
63
|
+
/** @deprecated in 1.6.0 AdminListItem의 quickActionBtn1State prop을 대신 사용하세요. */
|
|
64
|
+
quickActionBtn1State?: 'normal' | 'disabled';
|
|
65
|
+
/** @deprecated in 1.6.0 AdminListItem의 quickActionBtn2State prop을 대신 사용하세요. */
|
|
66
|
+
quickActionBtn2State?: 'normal' | 'disabled';
|
|
67
|
+
/** @deprecated in 1.6.0 AdminListItem의 quickActionBtn3State prop을 대신 사용하세요. */
|
|
68
|
+
quickActionBtn3State?: 'normal' | 'disabled';
|
|
69
|
+
/** @deprecated in 1.5.0 tBtnMode를 대신 사용하세요. */
|
|
64
70
|
mBtnMode?: 'none' | 'mbtn_amount1' | 'mbtn_amount2' | 'mbtn_amount3';
|
|
65
|
-
/** @deprecated tBtn1Text를 대신 사용하세요. */
|
|
71
|
+
/** @deprecated in 1.5.0 tBtn1Text를 대신 사용하세요. */
|
|
66
72
|
mBtn1Text?: TFunctionResult;
|
|
67
|
-
/** @deprecated tBtn2Text를 대신 사용하세요. */
|
|
73
|
+
/** @deprecated in 1.5.0 tBtn2Text를 대신 사용하세요. */
|
|
68
74
|
mBtn2Text?: TFunctionResult;
|
|
69
|
-
/** @deprecated tBtn3Text를 대신 사용하세요. */
|
|
75
|
+
/** @deprecated in 1.5.0 tBtn3Text를 대신 사용하세요. */
|
|
70
76
|
mBtn3Text?: TFunctionResult;
|
|
71
|
-
/** @deprecated onClickTBtn1를 대신 사용하세요. */
|
|
77
|
+
/** @deprecated in 1.5.0 onClickTBtn1를 대신 사용하세요. */
|
|
72
78
|
onClickMBtn1?: () => void;
|
|
73
|
-
/** @deprecated onClickTBtn2를 대신 사용하세요. */
|
|
79
|
+
/** @deprecated in 1.5.0 onClickTBtn2를 대신 사용하세요. */
|
|
74
80
|
onClickMBtn2?: () => void;
|
|
75
|
-
/** @deprecated onClickTBtn3를 대신 사용하세요. */
|
|
81
|
+
/** @deprecated in 1.5.0 onClickTBtn3를 대신 사용하세요. */
|
|
76
82
|
onClickMBtn3?: () => void;
|
|
77
83
|
};
|
|
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,
|
|
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;
|
|
79
85
|
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, 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,
|
|
56
|
+
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.dropdownMode, dropdownMode = _m === void 0 ? 'dropdown_amount1' : _m, dropdown1Value = _a.dropdown1Value, dropdown2Value = _a.dropdown2Value, dropdown3Value = _a.dropdown3Value, dropdown1DefaultText = _a.dropdown1DefaultText, dropdown2DefaultText = _a.dropdown2DefaultText, dropdown3DefaultText = _a.dropdown3DefaultText, dropdown1HintText = _a.dropdown1HintText, dropdown2HintText = _a.dropdown2HintText, dropdown3HintText = _a.dropdown3HintText, dropdown1ValueArray = _a.dropdown1ValueArray, dropdown2ValueArray = _a.dropdown2ValueArray, dropdown3ValueArray = _a.dropdown3ValueArray, _o = _a.quickActionBtnMode, quickActionBtnMode = _o === void 0 ? 'btn_amount2' : _o, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _p = _a.quickActionBtnType, quickActionBtnType = _p === void 0 ? 'fix' : _p, tBtnMode = _a.tBtnMode, tBtn1Text = _a.tBtn1Text, tBtn2Text = _a.tBtn2Text, tBtn3Text = _a.tBtn3Text, emptyText = _a.emptyText, _q = _a.scrollMode, scrollMode = _q === void 0 ? 'infinite' : _q, _r = _a.scrollVisibleType, scrollVisibleType = _r === void 0 ? 'moving' : _r, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, onChangeDropdown1 = _a.onChangeDropdown1, onChangeDropdown2 = _a.onChangeDropdown2, onChangeDropdown3 = _a.onChangeDropdown3, onClickTBtn1 = _a.onClickTBtn1, onClickTBtn2 = _a.onClickTBtn2, onClickTBtn3 = _a.onClickTBtn3, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect, quickActionBtn1State = _a.quickActionBtn1State, quickActionBtn2State = _a.quickActionBtn2State, quickActionBtn3State = _a.quickActionBtn3State, _s = _a.mBtnMode, mBtnMode = _s === void 0 ? 'mbtn_amount1' : _s, mBtn1Text = _a.mBtn1Text, mBtn2Text = _a.mBtn2Text, mBtn3Text = _a.mBtn3Text, onClickMBtn1 = _a.onClickMBtn1, onClickMBtn2 = _a.onClickMBtn2, onClickMBtn3 = _a.onClickMBtn3;
|
|
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 _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[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,7 +179,7 @@ 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
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 })))),
|
|
@@ -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;
|
|
@@ -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" }),
|
|
@@ -3,7 +3,7 @@ import { TFunctionResult } from 'i18next';
|
|
|
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
|
|
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 }:
|
|
54
|
+
declare function AdminListItem({ rowSize, selectionMode, column2Type, imageSrc, imageShapeType, imageRadius, imageRatio, column2Text, column3Text, column3TextWidth, column3TextStyleTheme, column4Text, column4TextWidth, column4TextStyleTheme, column5Text, column5TextWidth, column5TextStyleTheme, column6Text, column6TextWidth, column6TextStyleTheme, column7Text, column7TextWidth, column7TextStyleTheme, column8Text, column8TextWidth, column8TextStyleTheme, column9Text, column9TextWidth, column9TextStyleTheme, column10Text, column10TextWidth, column10TextStyleTheme, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, quickActionBtn1State, quickActionBtn2State, quickActionBtn3State, selectedState, id, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onClickItem }: AdminListItemProps): JSX.Element;
|
|
55
55
|
export default AdminListItem;
|
|
@@ -39,9 +39,9 @@ var ContentsContainer = function (_a) {
|
|
|
39
39
|
WTL_1: react_1.default.createElement(variation_1.WTL, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
|
|
40
40
|
WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
|
|
41
41
|
WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
|
|
42
|
-
WTN_1: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
|
|
43
|
-
WTN_2: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
|
|
44
|
-
WTN_3: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_3", content1: content1, containerColor: containerColor, areaColor: areaColor })),
|
|
42
|
+
WTN_1: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_1", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
|
|
43
|
+
WTN_2: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_2", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
|
|
44
|
+
WTN_3: (react_1.default.createElement(variation_1.WTN, { layoutType: "WTN_3", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
|
|
45
45
|
WTO_1: (react_1.default.createElement(variation_1.WTO, { layoutType: "WTO_1", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
|
|
46
46
|
WTP_1: (react_1.default.createElement(variation_1.WTP, { layoutType: "WTP_1", content1: content1, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
|
|
47
47
|
WTQ_1: (react_1.default.createElement(variation_1.WTQ, { layoutType: "WTQ_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
2
|
export declare type WTNProps = {
|
|
3
3
|
content1?: JSX.Element;
|
|
4
4
|
layoutType: 'WTN_1' | 'WTN_2' | 'WTN_3';
|
|
5
5
|
containerColor?: string;
|
|
6
6
|
areaColor?: string;
|
|
7
|
+
container1Ref?: MutableRefObject<HTMLDivElement | null>;
|
|
7
8
|
};
|
|
8
|
-
declare const WTN: ({ content1, containerColor, areaColor, layoutType }: WTNProps) => JSX.Element;
|
|
9
|
+
declare const WTN: ({ content1, containerColor, areaColor, layoutType, container1Ref }: WTNProps) => JSX.Element;
|
|
9
10
|
export default WTN;
|
|
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
var react_1 = __importDefault(require("react"));
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var WTN = function (_a) {
|
|
13
|
-
var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, layoutType = _a.layoutType;
|
|
14
|
-
return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
|
|
13
|
+
var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor, layoutType = _a.layoutType, container1Ref = _a.container1Ref;
|
|
14
|
+
return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor, ref: container1Ref },
|
|
15
15
|
react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
|
|
16
16
|
react_1.default.createElement(S_Content1, null, content1))));
|
|
17
17
|
};
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.4.
|
|
2
|
+
## [v1.4.50]
|
|
3
3
|
|
|
4
4
|
### Component
|
|
5
5
|
* AdminList
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
6
|
+
* dropdown1HintText prop 추가
|
|
7
|
+
* dropdown2HintText prop 추가
|
|
8
|
+
* dropdown3HintText prop 추가
|
|
9
|
+
* quickActionBtn1State prop deprecated in 1.6 처리
|
|
10
|
+
* quickActionBtn2State prop deprecated in 1.6 처리
|
|
11
|
+
* quickActionBtn3State prop deprecated in 1.6 처리
|
|
12
|
+
* AdminListItem
|
|
13
|
+
* quickActionBtn1State prop 자체 사용 가능하도록 수정
|
|
14
|
+
* quickActionBtn2State prop 자체 사용 가능하도록 수정
|
|
15
|
+
* quickActionBtn3State prop 자체 사용 가능하도록 수정
|
|
12
16
|
|
|
13
17
|
### Color
|
|
14
|
-
* 컬러 키 값 22.
|
|
18
|
+
* 컬러 키 값 22.09.06 14시 05분 기준 싱크
|