pds-dev-kit-web 1.3.3 → 1.3.6

package/dist/src/mobile/components/Dropdown/Dropdown.d.ts

@@ -1,17 +1,15 @@
 /// <reference types="react" />
-declare type Value = {
-    text: string;
-    value: string | number | boolean;
-};
+import { TFunctionResult } from 'i18next';
+import { PDSValueOption } from '../../../common';
 declare type Props = {
     size?: 'large' | 'small';
-    hintText?: string;
-    defaultValue?: Value;
-    valueArray: Value[];
+    hintText?: TFunctionResult;
+    defaultValue?: PDSValueOption;
+    valueArray: PDSValueOption[];
     selectMode?: 'one' | 'multi';
     state?: 'normal' | 'read_only' | 'disabled';
     colorTheme?: 'none' | 'dark';
-    onChange?: (value: Value) => void;
+    onChange?: (option: PDSValueOption) => void;
 };
 declare function Dropdown({ size, hintText, defaultValue, valueArray, selectMode, state, colorTheme, onChange }: Props): JSX.Element;
 export default Dropdown;

package/dist/src/mobile/components/Dropdown/Dropdown.js

@@ -34,6 +34,11 @@ function Dropdown(_a) {
     var _b = _a.size, size = _b === void 0 ? 'large' : _b, hintText = _a.hintText, defaultValue = _a.defaultValue, valueArray = _a.valueArray, _c = _a.selectMode, selectMode = _c === void 0 ? 'one' : _c, _d = _a.state, state = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'none' : _e, onChange = _a.onChange;
     var _f = (0, react_1.useState)(false), isFocused = _f[0], setIsFocused = _f[1];
     var _g = (0, react_1.useState)(defaultValue), selectedOption = _g[0], setSelectedOption = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            setSelectedOption(defaultValue);
+        }
+    }, [defaultValue]);
     var handleClick = function () {
         if (state === 'disabled' || state === 'read_only') {
             return;
@@ -45,11 +50,11 @@ function Dropdown(_a) {
             setIsFocused(false);
         }
     };
-    var handleClickOption = function (value) {
-        setSelectedOption(value);
+    var handleClickOption = function (option) {
+        setSelectedOption(option);
         setIsFocused(false);
         if (onChange) {
-            onChange(value);
+            onChange(option);
         }
     };
     var getIconColorKey = function () {
@@ -99,7 +104,7 @@ function Dropdown(_a) {
             react_1.default.createElement(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getIconColorKey() }),
             react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" })),
         isFocused && (react_1.default.createElement(S_ContextMenuWrapper, null,
-            react_1.default.createElement(ContextMenu_1.ContextMenu, { autoWidthMode: "use" }, valueArray.map(function (el) { return (react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, size: size, text: el.text, value: el.value, isSelected: el.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), onClick: function () { return handleClickOption(el); } })); }))))));
+            react_1.default.createElement(ContextMenu_1.ContextMenu, { autoWidthMode: "use" }, valueArray.map(function (el) { return (react_1.default.createElement(ContextMenuItem_1.ContextMenuItem, { key: el.value, option: el, size: size, isSelected: el.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), onClick: handleClickOption })); }))))));
 }
 var S_TextLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  flex: 1;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "1.3.3",
+  "version": "1.3.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,8 +1,20 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.3.3]
+## [v1.3.6]
 
 ### Component
-* TextLabel
-  * word-break: keep-all;로 변경 (한글 줄바꿈시 단어가 어색하게 잘리지 않기 위해)
+* DesktopHeaderBar
+  * prop 추가
+    * rightBtn2Mode
+    * rightBtn3Mode
+    * mBtnState
+    * mBtn2State
+    * mBtn2Text
+    * onClickRightBtn2
+    * onClickRightBtn3
+* EditApplyTextField
+  * data 관리를 제대로 하지 못하고 있던 문제 해결
 * Icon
-  * line 아이콘 추가 (ic_minus_circle, ic_papp_type)
+  * line 아이콘 추가 (ic_design_preference)
+
+### Color
+* 컬러 키 값 22.04.19 18시 19분 기준 싱크