pds-dev-kit-web 1.3.19 → 1.3.20
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.
|
@@ -19,7 +19,7 @@ var TextLabel_1 = require("../TextLabel");
|
|
|
19
19
|
function BasicListItem(_a) {
|
|
20
20
|
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, titleText = _a.titleText, _c = _a.titleTextColorTheme, titleTextColorTheme = _c === void 0 ? 'none' : _c, descText = _a.descText, _d = _a.badgeMode, badgeMode = _d === void 0 ? 'none' : _d, _e = _a.badgeStatus, badgeStatus = _e === void 0 ? 'inactive' : _e, _f = _a.imageIconMode, imageIconMode = _f === void 0 ? 'none' : _f, _g = _a.imageShapeType, imageShapeType = _g === void 0 ? 'round' : _g, imageSrc = _a.imageSrc, iconName = _a.iconName, _h = _a.iconFillType, iconFillType = _h === void 0 ? 'line' : _h, _j = _a.displayType, displayType = _j === void 0 ? 'none' : _j, captionText = _a.captionText, iBtn1IconName = _a.iBtn1IconName, _k = _a.iBtn1IconFillType, iBtn1IconFillType = _k === void 0 ? 'line' : _k, iBtn2IconName = _a.iBtn2IconName, _l = _a.iBtn2IconFillType, iBtn2IconFillType = _l === void 0 ? 'line' : _l, _m = _a.mBtnFillType, mBtnFillType = _m === void 0 ? 'fill' : _m, mBtnText = _a.mBtnText, _o = _a.dividerType, dividerType = _o === void 0 ? 'none' : _o, _p = _a.titleFontWeight, titleFontWeight = _p === void 0 ? 'regular' : _p, checkboxId = _a.checkboxId, radioId = _a.radioId, radioValue = _a.radioValue, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickMBtn = _a.onClickMBtn, onClickRadio = _a.onClickRadio, onClickSwitch = _a.onClickSwitch;
|
|
21
21
|
var methods = (0, react_hook_form_1.useFormContext)();
|
|
22
|
-
var isSelected =
|
|
22
|
+
var isSelected = methods === null || methods === void 0 ? void 0 : methods.watch((checkboxId === null || checkboxId === void 0 ? void 0 : checkboxId.toString()) || '');
|
|
23
23
|
var handleCheckBoxClick = function (e) {
|
|
24
24
|
e.preventDefault();
|
|
25
25
|
if (!checkboxId) {
|
|
@@ -19,7 +19,7 @@ var TextLabel_1 = require("../TextLabel");
|
|
|
19
19
|
function BasicListItem(_a) {
|
|
20
20
|
var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, titleText = _a.titleText, _c = _a.titleTextColorTheme, titleTextColorTheme = _c === void 0 ? 'none' : _c, descText = _a.descText, _d = _a.badgeMode, badgeMode = _d === void 0 ? 'none' : _d, _e = _a.badgeStatus, badgeStatus = _e === void 0 ? 'inactive' : _e, _f = _a.imageIconMode, imageIconMode = _f === void 0 ? 'none' : _f, _g = _a.imageShapeType, imageShapeType = _g === void 0 ? 'round' : _g, imageSrc = _a.imageSrc, iconName = _a.iconName, _h = _a.iconFillType, iconFillType = _h === void 0 ? 'line' : _h, _j = _a.displayType, displayType = _j === void 0 ? 'none' : _j, captionText = _a.captionText, iBtn1IconName = _a.iBtn1IconName, _k = _a.iBtn1IconFillType, iBtn1IconFillType = _k === void 0 ? 'line' : _k, iBtn2IconName = _a.iBtn2IconName, _l = _a.iBtn2IconFillType, iBtn2IconFillType = _l === void 0 ? 'line' : _l, _m = _a.mBtnFillType, mBtnFillType = _m === void 0 ? 'fill' : _m, mBtnText = _a.mBtnText, _o = _a.dividerType, dividerType = _o === void 0 ? 'none' : _o, _p = _a.titleFontWeight, titleFontWeight = _p === void 0 ? 'regular' : _p, checkboxId = _a.checkboxId, radioId = _a.radioId, radioValue = _a.radioValue, onClick = _a.onClick, onClickRadio = _a.onClickRadio, onClickSwitch = _a.onClickSwitch, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickMBtn = _a.onClickMBtn;
|
|
21
21
|
var methods = (0, react_hook_form_1.useFormContext)();
|
|
22
|
-
var isSelected =
|
|
22
|
+
var isSelected = methods === null || methods === void 0 ? void 0 : methods.watch((checkboxId === null || checkboxId === void 0 ? void 0 : checkboxId.toString()) || '');
|
|
23
23
|
var handleCheckBoxClick = function (e) {
|
|
24
24
|
e.preventDefault();
|
|
25
25
|
if (!checkboxId) {
|
|
@@ -56,8 +56,8 @@ function Checkbox(_a) {
|
|
|
56
56
|
: 'ui_cpnt_selcontrols_text_disabled' }))),
|
|
57
57
|
react_1.default.createElement("input", __assign({ hidden: true, type: "checkbox" }, checkboxFormRegister, { id: name, disabled: state === 'disabled', onChange: handleChange })))));
|
|
58
58
|
}
|
|
59
|
-
var S_Checkbox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 24px;\n"], ["\n height: 24px;\n"])));
|
|
60
|
-
var S_Label = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n
|
|
59
|
+
var S_Checkbox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 24px;\n"], ["\n align-items: center;\n display: flex;\n height: 24px;\n"])));
|
|
60
|
+
var S_Label = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n"], ["\n align-items: center;\n display: flex;\n"])));
|
|
61
61
|
var S_OverrideIconWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n position: relative;\n"], ["\n align-items: center;\n display: flex;\n position: relative;\n"])));
|
|
62
62
|
var S_OverrideIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n left: 0;\n position: absolute;\n top: 0;\n"], ["\n left: 0;\n position: absolute;\n top: 0;\n"])));
|
|
63
63
|
var S_TextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-left: ", ";\n"], ["\n padding-left: ", ";\n"])), function (_a) {
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,19 +1,6 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.3.
|
|
2
|
+
## [v1.3.20]
|
|
3
3
|
|
|
4
4
|
### Component
|
|
5
|
-
* BasicList
|
|
6
|
-
* 내부의 useForm 제거
|
|
7
5
|
* BasicListItem
|
|
8
|
-
*
|
|
9
|
-
* radioId prop 추가 (radio 모드일 때 원활한 라디오 선택을 위해)
|
|
10
|
-
* displayType prop에 ‘ibtn_text’ value 추가
|
|
11
|
-
* displayType prop에 ‘selected_status’ value 제거
|
|
12
|
-
* iBtn1과 iBtn2의 위치 순서 변경
|
|
13
|
-
* descText와 captionText의 위치를 서로 변경, 색상과 폰트 변경
|
|
14
|
-
* Checkbox
|
|
15
|
-
* onChange prop 추가
|
|
16
|
-
* Dropdown
|
|
17
|
-
* 내부 outline를 none처리
|
|
18
|
-
* IconButton
|
|
19
|
-
* onClick이 이벤트를 받을 수 있도록 수정
|
|
6
|
+
* 내부에서 selectionMode가 'check'가 아닐때, reack-hook-form을 사용하지 않아도 되도록 수정
|