pds-dev-kit-web 1.4.31 → 1.4.34

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 (13) hide show
  1. package/dist/src/desktop/components/Dropdown/Dropdown.js +1 -1
  2. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js +1 -6
  3. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  4. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +2 -1
  5. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.d.ts +13 -0
  6. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +93 -0
  7. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts +1 -0
  8. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js +3 -1
  9. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  10. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +8 -4
  11. package/dist/src/mobile/components/Dropdown/Dropdown.js +1 -1
  12. package/package.json +1 -1
  13. package/release-note.md +3 -3
package/dist/src/desktop/components/Dropdown/Dropdown.js CHANGED
@@ -150,7 +150,7 @@ function Dropdown(_a) {
150
150
  }, [size, maxHeightItemNumber]);
151
151
  return (react_1.default.createElement(S_Dropdown, { className: "container", size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth },
152
152
  react_1.default.createElement(S_Select, { size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth },
153
- react_1.default.createElement(S_TextLabel, { size: size },
153
+ react_1.default.createElement(S_TextLabel, { size: size, responsiveMode: responsiveMode },
154
154
  react_1.default.createElement(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || hintText, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" })),
155
155
  react_1.default.createElement(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() }),
156
156
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" })),
package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.js CHANGED
@@ -126,11 +126,6 @@ function EditApplyTextField(_a) {
126
126
  e.target.blur();
127
127
  }
128
128
  };
129
- var handleKeyUp = function (e) {
130
- if (textLineType === 'single' && e.key === 'Enter') {
131
- e.target.blur();
132
- }
133
- };
134
129
  var handleMouseDown = function (e) {
135
130
  e.preventDefault();
136
131
  checkBlankMode();
@@ -144,7 +139,7 @@ function EditApplyTextField(_a) {
144
139
  }
145
140
  if (textLineType === 'single') {
146
141
  return (react_1.default.createElement(react_1.default.Fragment, null,
147
- react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: "use", textLineType: "single", inputType: inputType, state: state, min: min, max: max, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, inputRef: ref })));
142
+ react_1.default.createElement(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: "use", textLineType: "single", inputType: inputType, state: state, min: min, max: max, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, onKeyDown: handleKeyDown, inputRef: ref })));
148
143
  }
149
144
  };
150
145
  return (react_1.default.createElement(react_1.default.Fragment, null,
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -2,7 +2,7 @@ import { MutableRefObject } from 'react';
2
2
  export declare type ContentsContainerProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2';
5
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  container1Ref?: MutableRefObject<HTMLDivElement | null>;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -48,7 +48,8 @@ var ContentsContainer = function (_a) {
48
48
  WTS_1: (react_1.default.createElement(variation_1.WTS, { layoutType: "WTS_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
49
49
  WTS_2: (react_1.default.createElement(variation_1.WTS, { layoutType: "WTS_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
50
50
  WTT_1: (react_1.default.createElement(variation_1.WTT, { layoutType: "WTT_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
51
- WTT_2: (react_1.default.createElement(variation_1.WTT, { layoutType: "WTT_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref }))
51
+ WTT_2: (react_1.default.createElement(variation_1.WTT, { layoutType: "WTT_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })),
52
+ WTU_1: (react_1.default.createElement(variation_1.WTU, { layoutType: "WTU_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor }))
52
53
  }[layoutType]));
53
54
  };
54
55
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export declare type WTUProps = {
3
+ content1?: JSX.Element;
4
+ content2?: JSX.Element;
5
+ layoutType?: 'WTU_1';
6
+ containerColor?: string;
7
+ areaColor?: string;
8
+ };
9
+ export declare type StyleProps = {
10
+ $contentsArea2Width?: number;
11
+ };
12
+ declare const WTU: ({ content1, content2, layoutType, containerColor, areaColor }: WTUProps) => JSX.Element;
13
+ export default WTU;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js ADDED
@@ -0,0 +1,93 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ var react_1 = __importStar(require("react"));
30
+ var styled_components_1 = __importDefault(require("styled-components"));
31
+ var WTU = function (_a) {
32
+ var _b, _c;
33
+ var content1 = _a.content1, content2 = _a.content2, _d = _a.layoutType, layoutType = _d === void 0 ? 'WTU_1' : _d, containerColor = _a.containerColor, areaColor = _a.areaColor;
34
+ var contentsArea2Ref = (0, react_1.useRef)(null);
35
+ var _e = (0, react_1.useState)((_c = (_b = contentsArea2Ref.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) !== null && _c !== void 0 ? _c : 720), contentsArea2Width = _e[0], setContentsArea2Width = _e[1];
36
+ var handleResize = function () {
37
+ if (contentsArea2Ref === null || contentsArea2Ref.current === null) {
38
+ return;
39
+ }
40
+ setContentsArea2Width(contentsArea2Ref.current.offsetWidth);
41
+ };
42
+ /**
43
+ @when : 브라우저 화면 사이즈가 변경될 때
44
+ @expected : contentsArea2의 너비를 contentsArea2Width에 저장합니다.
45
+ @clear : 이벤트 등록을 해제합니다.
46
+ */
47
+ (0, react_1.useEffect)(function () {
48
+ window.addEventListener('resize', handleResize);
49
+ return function () {
50
+ window.removeEventListener('resize', handleResize);
51
+ };
52
+ }, []);
53
+ return (react_1.default.createElement(S_Box, null,
54
+ react_1.default.createElement(S_ContentsContainer1, { layoutType: layoutType, containerColor: containerColor, "$contentsArea2Width": contentsArea2Width },
55
+ react_1.default.createElement(S_ContentsArea1, { layoutType: layoutType, areaColor: areaColor },
56
+ react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))),
57
+ react_1.default.createElement(S_ContentsContainer2, { layoutType: layoutType, containerColor: containerColor, "$contentsArea2Width": contentsArea2Width },
58
+ react_1.default.createElement(S_ContentsArea2, { layoutType: layoutType, areaColor: areaColor, ref: contentsArea2Ref },
59
+ react_1.default.createElement(S_Content2, { layoutType: layoutType }, content2)))));
60
+ };
61
+ var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n"], ["\n display: flex;\n height: 100%;\n"])));
62
+ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: flex-start;\n background-color: ", ";\n margin: 0;\n display: flex;\n justify-content: end;\n overflow-x: hidden;\n overflow-y: auto;\n width: ", ";\n ", ";\n"], ["\n align-items: flex-start;\n background-color: ", ";\n margin: 0;\n display: flex;\n justify-content: end;\n overflow-x: hidden;\n overflow-y: auto;\n width: ", ";\n ", ";\n"])), function (_a) {
63
+ var theme = _a.theme;
64
+ return theme.ui_contentscontainer01_background;
65
+ }, function (_a) {
66
+ var $contentsArea2Width = _a.$contentsArea2Width;
67
+ return "calc(50% - (" + $contentsArea2Width + "px - 480px) / 2)";
68
+ }, function (_a) {
69
+ var containerColor = _a.containerColor;
70
+ return "background-color: " + containerColor;
71
+ });
72
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n height: 100%;\n width: ", ";\n ", ";\n"], ["\n background-color: ", ";\n height: 100%;\n width: ", ";\n ", ";\n"])), function (_a) {
73
+ var theme = _a.theme;
74
+ return theme.ui_contentscontainer02_background;
75
+ }, function (_a) {
76
+ var $contentsArea2Width = _a.$contentsArea2Width;
77
+ return "calc(50% + (" + $contentsArea2Width + "px - 480px) / 2)";
78
+ }, function (_a) {
79
+ var containerColor = _a.containerColor;
80
+ return "background-color: " + containerColor;
81
+ });
82
+ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n max-width: 480px;\n width: 480px;\n ", ";\n"], ["\n box-sizing: border-box;\n padding-bottom: 88px;\n padding-left: 24px;\n padding-right: 24px;\n max-width: 480px;\n width: 480px;\n ", ";\n"])), function (_a) {
83
+ var areaColor = _a.areaColor;
84
+ return "background-color: " + areaColor;
85
+ });
86
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n max-width: 920px;\n min-width: 720px;\n height: 100%;\n width: 60%;\n ", ";\n"], ["\n max-width: 920px;\n min-width: 720px;\n height: 100%;\n width: 60%;\n ", ";\n"])), function (_a) {
87
+ var areaColor = _a.areaColor;
88
+ return "background-color: " + areaColor;
89
+ });
90
+ var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
91
+ var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n"], ["\n height: 100%;\n overflow: hidden;\n"])));
92
+ exports.default = WTU;
93
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts CHANGED
@@ -17,3 +17,4 @@ export { default as WTP } from './WTP';
17
17
  export { default as WTQ } from './WTQ';
18
18
  export { default as WTS } from './WTS';
19
19
  export { default as WTT } from './WTT';
20
+ export { default as WTU } from './WTU';
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.WTT = exports.WTS = exports.WTQ = exports.WTP = exports.WTO = exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
6
+ exports.WTU = exports.WTT = exports.WTS = exports.WTQ = exports.WTP = exports.WTO = exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
7
7
  var WTA_1 = require("./WTA");
8
8
  Object.defineProperty(exports, "WTA", { enumerable: true, get: function () { return __importDefault(WTA_1).default; } });
9
9
  var WTB_1 = require("./WTB");
@@ -42,3 +42,5 @@ var WTS_1 = require("./WTS");
42
42
  Object.defineProperty(exports, "WTS", { enumerable: true, get: function () { return __importDefault(WTS_1).default; } });
43
43
  var WTT_1 = require("./WTT");
44
44
  Object.defineProperty(exports, "WTT", { enumerable: true, get: function () { return __importDefault(WTT_1).default; } });
45
+ var WTU_1 = require("./WTU");
46
+ Object.defineProperty(exports, "WTU", { enumerable: true, get: function () { return __importDefault(WTU_1).default; } });
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { MutableRefObject } from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2';
3
+ layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  subMenuContent?: JSX.Element;
package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js CHANGED
@@ -73,7 +73,8 @@ var ContainersBox = function (_a) {
73
73
  WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
74
74
  WTS_2: react_1.default.createElement(react_1.default.Fragment, null),
75
75
  WTT_1: react_1.default.createElement(react_1.default.Fragment, null),
76
- WTT_2: react_1.default.createElement(react_1.default.Fragment, null)
76
+ WTT_2: react_1.default.createElement(react_1.default.Fragment, null),
77
+ WTU_1: react_1.default.createElement(react_1.default.Fragment, null)
77
78
  }[layoutType],
78
79
  react_1.default.createElement(S_RightBox, null,
79
80
  {
@@ -117,7 +118,8 @@ var ContainersBox = function (_a) {
117
118
  WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
118
119
  WTS_2: react_1.default.createElement(react_1.default.Fragment, null),
119
120
  WTT_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
120
- WTT_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor }))
121
+ WTT_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
122
+ WTU_1: react_1.default.createElement(react_1.default.Fragment, null)
121
123
  }[layoutType],
122
124
  {
123
125
  WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -160,7 +162,8 @@ var ContainersBox = function (_a) {
160
162
  WTS_1: react_1.default.createElement(react_1.default.Fragment, null),
161
163
  WTS_2: react_1.default.createElement(react_1.default.Fragment, null),
162
164
  WTT_1: react_1.default.createElement(react_1.default.Fragment, null),
163
- WTT_2: react_1.default.createElement(react_1.default.Fragment, null)
165
+ WTT_2: react_1.default.createElement(react_1.default.Fragment, null),
166
+ WTU_1: react_1.default.createElement(react_1.default.Fragment, null)
164
167
  }[layoutType],
165
168
  react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
166
169
  {
@@ -204,7 +207,8 @@ var ContainersBox = function (_a) {
204
207
  WTS_1: '',
205
208
  WTS_2: '',
206
209
  WTT_1: '',
207
- WTT_2: ''
210
+ WTT_2: '',
211
+ WTU_1: ''
208
212
  }[layoutType],
209
213
  react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref })))));
210
214
  };
package/dist/src/mobile/components/Dropdown/Dropdown.js CHANGED
@@ -150,7 +150,7 @@ function Dropdown(_a) {
150
150
  }, [size, maxHeightItemNumber]);
151
151
  return (react_1.default.createElement(S_Dropdown, { className: "container", size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth },
152
152
  react_1.default.createElement(S_Select, { size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth },
153
- react_1.default.createElement(S_TextLabel, { size: size },
153
+ react_1.default.createElement(S_TextLabel, { size: size, responsiveMode: responsiveMode },
154
154
  react_1.default.createElement(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || hintText, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" })),
155
155
  react_1.default.createElement(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() }),
156
156
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" })),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.31",
3
+ "version": "1.4.34",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.31]
2
+ ## [v1.4.34]
3
3
 
4
4
  ### Component
5
- * Chip
6
- * DisplayType가 category_choice일때 높이와 내부간격 수정
5
+ * Dropdown
6
+ * responsiveMode제대로 작동하도록 수정