pds-dev-kit-web 1.6.6 → 1.6.7

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 (6) hide show
  1. package/dist/src/desktop/components/ReactionButton/ReactionButton.d.ts +2 -1
  2. package/dist/src/desktop/components/ReactionButton/ReactionButton.js +2 -2
  3. package/dist/src/mobile/components/ReactionButton/ReactionButton.d.ts +2 -1
  4. package/dist/src/mobile/components/ReactionButton/ReactionButton.js +2 -2
  5. package/package.json +1 -1
  6. package/release-note.md +2 -10
package/dist/src/desktop/components/ReactionButton/ReactionButton.d.ts CHANGED
@@ -5,8 +5,9 @@ export declare type ReactionButtonProps = {
5
5
  iconName?: 'ic_thumb_up' | 'ic_heart' | 'ic_thumb_down' | 'ic_reply';
6
6
  status?: 'default' | 'select';
7
7
  colorTheme?: 'none' | 'dark';
8
+ displayType?: 'icon_only' | 'icon_text';
8
9
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
9
10
  onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
10
11
  };
11
- declare function ReactionButton({ text, iconName, status, colorTheme, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
+ declare function ReactionButton({ text, iconName, status, colorTheme, displayType, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
13
  export default ReactionButton;
package/dist/src/desktop/components/ReactionButton/ReactionButton.js CHANGED
@@ -32,7 +32,7 @@ var numberHelper_1 = require("../../../common/utils/numberHelper");
32
32
  var hybrid_1 = require("../../../hybrid");
33
33
  var TextLabel_1 = require("../TextLabel");
34
34
  function ReactionButton(_a) {
35
- var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
35
+ var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.displayType, displayType = _e === void 0 ? 'icon_text' : _e, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
36
36
  var handleClick = function (e) {
37
37
  if (onClick) {
38
38
  onClick(e);
@@ -88,7 +88,7 @@ function ReactionButton(_a) {
88
88
  return (react_1.default.createElement(S_ReactionButton, { onClick: handleClick, onMouseDown: handleMouseDown },
89
89
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
90
90
  react_1.default.createElement(hybrid_1.Icon, { size: 20, fillType: "fill", iconName: iconName, colorKey: colorTheme === 'none' ? IconColorByStatus() : IconColorByColorByTheme() }),
91
- text && (react_1.default.createElement(react_1.default.Fragment, null,
91
+ displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
92
92
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
93
93
  react_1.default.createElement(TextLabel_1.TextLabel, { text: convertTextFormatHelper(text), styleTheme: "body2Bold", singleLineMode: "use", colorTheme: TextLabelColorBySelect(), colorOverride: TextLabelColorByByColorTheme() }))),
94
94
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })));
package/dist/src/mobile/components/ReactionButton/ReactionButton.d.ts CHANGED
@@ -5,8 +5,9 @@ export declare type ReactionButtonProps = {
5
5
  iconName?: 'ic_thumb_up' | 'ic_heart' | 'ic_thumb_down' | 'ic_reply';
6
6
  status?: 'default' | 'select';
7
7
  colorTheme?: 'none' | 'dark';
8
+ displayType?: 'icon_only' | 'icon_text';
8
9
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
9
10
  onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
10
11
  };
11
- declare function ReactionButton({ text, iconName, status, colorTheme, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
+ declare function ReactionButton({ text, iconName, status, colorTheme, displayType, onClick, onMouseDown }: ReactionButtonProps): JSX.Element;
12
13
  export default ReactionButton;
package/dist/src/mobile/components/ReactionButton/ReactionButton.js CHANGED
@@ -32,7 +32,7 @@ var numberHelper_1 = require("../../../common/utils/numberHelper");
32
32
  var hybrid_1 = require("../../../hybrid");
33
33
  var TextLabel_1 = require("../TextLabel");
34
34
  function ReactionButton(_a) {
35
- var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
35
+ var text = _a.text, _b = _a.iconName, iconName = _b === void 0 ? 'ic_thumb_up' : _b, _c = _a.status, status = _c === void 0 ? 'default' : _c, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, _e = _a.displayType, displayType = _e === void 0 ? 'icon_text' : _e, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
36
36
  var handleClick = function (e) {
37
37
  if (onClick) {
38
38
  onClick(e);
@@ -88,7 +88,7 @@ function ReactionButton(_a) {
88
88
  return (react_1.default.createElement(S_ReactionButton, { onClick: handleClick, onMouseDown: handleMouseDown },
89
89
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
90
90
  react_1.default.createElement(hybrid_1.Icon, { size: 20, fillType: "fill", iconName: iconName, colorKey: colorTheme === 'none' ? IconColorByStatus() : IconColorByColorByTheme() }),
91
- text && (react_1.default.createElement(react_1.default.Fragment, null,
91
+ displayType === 'icon_text' && (react_1.default.createElement(react_1.default.Fragment, null,
92
92
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
93
93
  react_1.default.createElement(TextLabel_1.TextLabel, { text: convertTextFormatHelper(text), styleTheme: "body2Bold", singleLineMode: "use", colorTheme: TextLabelColorBySelect(), colorOverride: TextLabelColorByByColorTheme() }))),
94
94
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.6.6",
3
+ "version": "1.6.7",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,13 +1,5 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.6.6]
2
+ ## [v1.6.7]
3
3
  ### Component
4
- * Chip
5
- * displayType이 filter_single, filter_multi일때 아이콘의 정렬이 안 맞는 이슈 수정
6
- * LottieIcon 생성
7
- * LottieReactionButton 생성
8
4
  * ReactionButton
9
- * text가 필수가 아니도록 변경
10
- * text가 없을때 아이콘 우측에 애매한 간격이 남지 않도록 변경
11
-
12
- ### Color
13
- * 컬러 키 값 22.11.24 18시 27분 기준 싱크
5
+ * displayType prop 추가