pds-dev-kit-web 1.4.36 → 1.4.39

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 (10) hide show
  1. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js +1 -1
  2. package/dist/src/desktop/components/ChatList/ChatTextField.js +5 -3
  3. package/dist/src/desktop/components/ChatList/Header.js +3 -3
  4. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +4 -1
  5. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js +1 -1
  6. package/dist/src/mobile/components/ChatList/ChatTextField.js +5 -3
  7. package/dist/src/mobile/components/ChatList/Header.js +3 -3
  8. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.js +4 -4
  9. package/package.json +1 -1
  10. package/release-note.md +2 -12
package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js CHANGED
@@ -150,7 +150,7 @@ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_7 || (te
150
150
  });
151
151
  var S_RightBox = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
152
152
  var S_ChatBubbleBox = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
153
- var MyChatBubble = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n justify-content: end;\n"], ["\n justify-content: end;\n"])));
153
+ var MyChatBubble = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"])));
154
154
  var S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), function (_a) {
155
155
  var isMy = _a.isMy;
156
156
  return isMy && MyChatBubble;
package/dist/src/desktop/components/ChatList/ChatTextField.js CHANGED
@@ -22,7 +22,7 @@ function ChatTextField(_a) {
22
22
  }
23
23
  };
24
24
  return (react_1.default.createElement(react_1.default.Fragment, null,
25
- react_1.default.createElement(S_FooterContentWrapper, null,
25
+ react_1.default.createElement(S_FooterContentWrapper, { footerIBtn2IconName: footerIBtn2IconName, footerIBtn3IconName: footerIBtn3IconName },
26
26
  footerIBtn3IconName && (react_1.default.createElement(react_1.default.Fragment, null, footerIBtn3Type === 'button' ? (react_1.default.createElement(IconButton_1.IconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
27
27
  ? 'ui_cpnt_button_icon_primary'
28
28
  : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn3IconFillType, iconSize: 24, state: footerIBtn3State, onClick: onClickFooterIBtn3 })) : (react_1.default.createElement(UploadIconButton_1.UploadIconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
@@ -43,8 +43,10 @@ function ChatTextField(_a) {
43
43
  react_1.default.createElement(IconButton_1.IconButton, { iconName: submitIBtnIconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_button_icon_disabled', iconFillType: submitIBtnIconFillType, iconSize: 24, type: "submit", state: isSubmitBtnActive ? 'normal' : 'disabled' }))));
44
44
  }
45
45
  var S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
46
- var theme = _a.theme;
47
- return theme.spacing.spacingE;
46
+ var theme = _a.theme, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn3IconName = _a.footerIBtn3IconName;
47
+ return footerIBtn2IconName || footerIBtn3IconName
48
+ ? "" + theme.spacing.spacingC
49
+ : "" + theme.spacing.spacingE;
48
50
  }, function (_a) {
49
51
  var theme = _a.theme;
50
52
  return theme.spacing.spacingC;
package/dist/src/desktop/components/ChatList/Header.js CHANGED
@@ -26,13 +26,13 @@ function Header(_a) {
26
26
  var styleTheme = _a.styleTheme, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, titleStyleTheme = _a.titleStyleTheme, headerDisplayType = _a.headerDisplayType, headerIBtn1IconName = _a.headerIBtn1IconName, headerIBtn1IconFillType = _a.headerIBtn1IconFillType, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1;
27
27
  return (react_1.default.createElement(S_HeaderContentWrapper, null,
28
28
  react_1.default.createElement(S_HeaderLeftBox, null,
29
- titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: titleTextColors[styleTheme] })),
29
+ titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: titleTextColors[styleTheme], wordBreak: "break_all" })),
30
30
  descText && (react_1.default.createElement(react_1.default.Fragment, null,
31
31
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }),
32
- react_1.default.createElement(TextLabel_1.TextLabel, { text: descText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined }))),
32
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: descText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined, wordBreak: "break_all" }))),
33
33
  captionText && (react_1.default.createElement(react_1.default.Fragment, null,
34
34
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
35
- react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_03' : undefined })))),
35
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_03' : undefined, wordBreak: "break_all" })))),
36
36
  headerDisplayType === 'ibtn1' && headerIBtn1IconName && (react_1.default.createElement(IconButton_1.IconButton, { iconName: headerIBtn1IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: iconColors[styleTheme], iconSize: 24, iconFillType: headerIBtn1IconFillType, onClick: onClickHeaderIBtn1 }))));
37
37
  }
38
38
  var S_HeaderContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js CHANGED
@@ -69,9 +69,12 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (
69
69
  var containerColor = _a.containerColor;
70
70
  return "background-color: " + containerColor;
71
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) {
72
+ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border-left: 1px solid ", ";\n height: 100%;\n width: ", ";\n ", ";\n"], ["\n background-color: ", ";\n border-left: 1px solid ", ";\n height: 100%;\n width: ", ";\n ", ";\n"])), function (_a) {
73
73
  var theme = _a.theme;
74
74
  return theme.ui_contentscontainer02_background;
75
+ }, function (_a) {
76
+ var theme = _a.theme;
77
+ return theme.ui_container_divider;
75
78
  }, function (_a) {
76
79
  var $contentsArea2Width = _a.$contentsArea2Width;
77
80
  return "calc(50% + (" + $contentsArea2Width + "px - 480px) / 2)";
package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js CHANGED
@@ -150,7 +150,7 @@ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_7 || (te
150
150
  });
151
151
  var S_RightBox = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
152
152
  var S_ChatBubbleBox = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n"], ["\n display: flex;\n justify-content: space-between;\n"])));
153
- var MyChatBubble = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n justify-content: end;\n"], ["\n justify-content: end;\n"])));
153
+ var MyChatBubble = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n justify-content: flex-end;\n"], ["\n justify-content: flex-end;\n"])));
154
154
  var S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n\n ", ";\n"], ["\n flex: 1;\n display: flex;\n\n ", ";\n"])), function (_a) {
155
155
  var isMy = _a.isMy;
156
156
  return isMy && MyChatBubble;
package/dist/src/mobile/components/ChatList/ChatTextField.js CHANGED
@@ -22,7 +22,7 @@ function ChatTextField(_a) {
22
22
  }
23
23
  };
24
24
  return (react_1.default.createElement(react_1.default.Fragment, null,
25
- react_1.default.createElement(S_FooterContentWrapper, null,
25
+ react_1.default.createElement(S_FooterContentWrapper, { footerIBtn2IconName: footerIBtn2IconName, footerIBtn3IconName: footerIBtn3IconName },
26
26
  footerIBtn3IconName && (react_1.default.createElement(react_1.default.Fragment, null, footerIBtn3Type === 'button' ? (react_1.default.createElement(IconButton_1.IconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
27
27
  ? 'ui_cpnt_button_icon_primary'
28
28
  : 'ui_cpnt_button_icon_disabled', iconFillType: footerIBtn3IconFillType, iconSize: 24, state: footerIBtn3State, onClick: onClickFooterIBtn3 })) : (react_1.default.createElement(UploadIconButton_1.UploadIconButton, { iconName: footerIBtn3IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: footerIBtn3State === 'normal'
@@ -43,8 +43,10 @@ function ChatTextField(_a) {
43
43
  react_1.default.createElement(IconButton_1.IconButton, { iconName: submitIBtnIconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: isSubmitBtnActive ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_button_icon_disabled', iconFillType: submitIBtnIconFillType, iconSize: 24, type: "submit", state: isSubmitBtnActive ? 'normal' : 'disabled' }))));
44
44
  }
45
45
  var S_FooterContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
46
- var theme = _a.theme;
47
- return theme.spacing.spacingE;
46
+ var theme = _a.theme, footerIBtn2IconName = _a.footerIBtn2IconName, footerIBtn3IconName = _a.footerIBtn3IconName;
47
+ return footerIBtn2IconName || footerIBtn3IconName
48
+ ? "" + theme.spacing.spacingC
49
+ : "" + theme.spacing.spacingE;
48
50
  }, function (_a) {
49
51
  var theme = _a.theme;
50
52
  return theme.spacing.spacingC;
package/dist/src/mobile/components/ChatList/Header.js CHANGED
@@ -26,13 +26,13 @@ function Header(_a) {
26
26
  var styleTheme = _a.styleTheme, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, titleStyleTheme = _a.titleStyleTheme, headerDisplayType = _a.headerDisplayType, headerIBtn1IconName = _a.headerIBtn1IconName, headerIBtn1IconFillType = _a.headerIBtn1IconFillType, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1;
27
27
  return (react_1.default.createElement(S_HeaderContentWrapper, null,
28
28
  react_1.default.createElement(S_HeaderLeftBox, null,
29
- titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: titleTextColors[styleTheme] })),
29
+ titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: titleTextColors[styleTheme], wordBreak: "break_all" })),
30
30
  descText && (react_1.default.createElement(react_1.default.Fragment, null,
31
31
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_c" }),
32
- react_1.default.createElement(TextLabel_1.TextLabel, { text: descText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined }))),
32
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: descText, styleTheme: "body2Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined, wordBreak: "break_all" }))),
33
33
  captionText && (react_1.default.createElement(react_1.default.Fragment, null,
34
34
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
35
- react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_03' : undefined })))),
35
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_03' : undefined, wordBreak: "break_all" })))),
36
36
  headerDisplayType === 'ibtn1' && headerIBtn1IconName && (react_1.default.createElement(IconButton_1.IconButton, { iconName: headerIBtn1IconName, baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: iconColors[styleTheme], iconSize: 24, iconFillType: headerIBtn1IconFillType, onClick: onClickHeaderIBtn1 }))));
37
37
  }
38
38
  var S_HeaderContentWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n align-items: center;\n display: flex;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.js CHANGED
@@ -55,19 +55,19 @@ function MobileHeaderBar(_a) {
55
55
  if (captionText) {
56
56
  return (react_1.default.createElement(S_CaptionTextBox, null,
57
57
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a", spacingType: "height" }),
58
- react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "body2Bold", singleLineMode: "use", textAlign: "center" }),
58
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "body2Bold", singleLineMode: "use", textAlign: "center", wordBreak: "break_all", ellipsisMode: "use", lineLimit: 1 }),
59
59
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "height" }),
60
- react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, colorTheme: "sysTextTertiary", styleTheme: "caption2Regular", singleLineMode: "use", textAlign: "center" })));
60
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, colorTheme: "sysTextTertiary", styleTheme: "caption2Regular", singleLineMode: "use", textAlign: "center", wordBreak: "break_all", ellipsisMode: "use", lineLimit: 1 })));
61
61
  }
62
62
  return (react_1.default.createElement(S_TextTypeBox, null,
63
- react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "body2Bold", singleLineMode: "use", textAlign: "center" })));
63
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "body2Bold", singleLineMode: "use", textAlign: "center", wordBreak: "break_all", ellipsisMode: "use", lineLimit: 1 })));
64
64
  }
65
65
  case 'profile': {
66
66
  return (react_1.default.createElement(S_ProfileWrapper, null,
67
67
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b" }),
68
68
  react_1.default.createElement(hybrid_1.ImageView, { src: imageSrc, shapeType: "circular", width: 40, ratio: "1_1", scaleType: "cover", borderMode: "use" }),
69
69
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
70
- react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "caption1Regular", singleLineMode: "use" }),
70
+ react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "caption1Regular", singleLineMode: "use", wordBreak: "break_all", ellipsisMode: "use", lineLimit: 1 }),
71
71
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" })));
72
72
  }
73
73
  case 'image': {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.36",
3
+ "version": "1.4.39",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,16 +1,6 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.36]
2
+ ## [v1.4.39]
3
3
 
4
4
  ### Component
5
5
  * ChatBubbleListItem
6
- * 배경색 변경
7
- * 프로필 이미지 부분의 border 두께 변경
8
- * ChatList
9
- * footerIBtn3Accept prop 추가
10
-
11
- ### Panel
12
- * DesktopBasicModal
13
- * 기획과 달리 margin으로 만들어진 부분 padding으로 변경
14
-
15
- ### Color
16
- * 컬러 키 값 22.08.05 16시 50분 기준 싱크
6
+ * my일경우 justify-content:end;를 justify-content:flex-end;로 변경