pds-dev-kit-web 1.3.4 → 1.3.5

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.4",
+  "version": "1.3.5",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,5 +1,50 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.3.4]
+## [v1.3.5]
 
-### Color
-* 컬러 키 값 22.04.18 19시 03분 기준 싱크
+### Component
+* PDSValueOption타입 추가 (텍스트와 id와 같은 고유값이 있는 형태의 컴포넌트는 모두 PDSValueOption 타입을 사용해 통일감있게 PDS 컴포넌트를 생성할 예정)(해당 타입은 ‘pds-dev-kit-web’에서 임포트 해서 사용할 수 있습니다.)
+* AdminList
+  * BulkActionBar의 MainButton과 Dropdown에 colotTheme 적용
+  * HeaderRowHideMode 프롭 명칭을 HeaderRowMode로 변경 (default는 ‘use')
+  * selectionMode가 ‘none’일 시 왼쪽 여백이 너무 작은 이슈 수정
+  * BulkActionBar의 MainButton과 Dropdown 액션 이후에 AdminList의 상태를 초기화 하는 로직을 삭제 (-> 각 개발자가 각 상황에 알맞게 사용하는게 더 낫다고 판단)
+  * selectedIds, onSelect 프롭을 받지 않을 시 useEffect에서 발생하던 에러 픽스
+* AdminListHeader
+  * TitleText, DescText, FilterBar, BulkActionBar 사이의 여백 조정
+* AdminListItem
+  * column5Text 부터 TextStyle이 반영되지 않던 이슈 수정
+  * quickActionBtnMode가 ‘none’일 때 버튼 영역이 보이지 않도록 수정
+  * selectState가 ‘maintain’일 때 체크박스가 선택되어진 상태에서 유지되도록 변경
+  * selectionMode가 ‘none’일 시 왼쪽 여백이 너무 작은 이슈 수정
+* Chip
+  * prop추가
+    * option
+  * prop deprecated표시 (1.5에서 삭제 예정)
+    * activeChipId
+    * chipId
+* ContextMenuItem
+  * prop추가
+    * value
+    * id
+  * prop deprecated표시 (1.5에서 삭제 예정)
+    * text
+    * value
+  * prop type 변경
+    * onClick이 value로 PDSValueOption도 받을 수 있음
+* Dropdown
+  * prop type 변경
+    * defaultValue
+    * valueArray
+    * onChange
+* FilterBar
+  * prop추가
+    * value
+  * prop deprecated표시 (1.5에서 삭제 예정)
+    * activeChipId
+  * prop type 변경
+    * textArray
+    * name
+    * onClickChip
+* UserDesktopNavBar
+  * prop type 변경
+    * textArray