pds-dev-kit-web 1.4.27 → 1.4.28

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 (15) hide show
  1. package/dist/src/desktop/components/ChatList/ChatList.d.ts +2 -1
  2. package/dist/src/desktop/components/ChatList/ChatList.js +2 -2
  3. package/dist/src/desktop/components/ChatList/Header.d.ts +2 -2
  4. package/dist/src/desktop/components/ChatList/Header.js +2 -2
  5. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  6. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js +2 -1
  7. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSG.d.ts +1 -1
  8. package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSG.js +16 -10
  9. package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts +1 -1
  10. package/dist/src/mobile/components/ChatList/ChatList.d.ts +2 -1
  11. package/dist/src/mobile/components/ChatList/ChatList.js +2 -2
  12. package/dist/src/mobile/components/ChatList/Header.d.ts +2 -2
  13. package/dist/src/mobile/components/ChatList/Header.js +2 -2
  14. package/package.json +1 -1
  15. package/release-note.md +6 -11
package/dist/src/desktop/components/ChatList/ChatList.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare type Props = {
18
18
  submitIBtnState?: 'disabled' | 'normal';
19
19
  bodyMBtnText?: PDSTextType;
20
20
  onSubmit: (value: string) => void;
21
+ onClickHeaderIBtn1?: () => void;
21
22
  };
22
- declare function ChatList({ styleTheme, headerMode, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, children, textFieldState, textFieldHintText, textFieldDefaultText, textFieldMaxLength, scrollVisibleType, footerChildren, submitIBtnState, bodyMBtnText, onSubmit }: Props): JSX.Element;
23
+ declare function ChatList({ styleTheme, headerMode, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, children, textFieldState, textFieldHintText, textFieldDefaultText, textFieldMaxLength, scrollVisibleType, footerChildren, submitIBtnState, bodyMBtnText, onSubmit, onClickHeaderIBtn1 }: Props): JSX.Element;
23
24
  export default ChatList;
package/dist/src/desktop/components/ChatList/ChatList.js CHANGED
@@ -50,7 +50,7 @@ var baseBackgroundColors = {
50
50
  transparent: 'ui_cpnt_list_base_area_translucent'
51
51
  };
52
52
  function ChatList(_a) {
53
- var _b = _a.styleTheme, styleTheme = _b === void 0 ? 'solid' : _b, _c = _a.headerMode, headerMode = _c === void 0 ? 'use' : _c, titleText = _a.titleText, captionText = _a.captionText, _d = _a.headerDisplayType, headerDisplayType = _d === void 0 ? 'none' : _d, _e = _a.headerIBtn1IconName, headerIBtn1IconName = _e === void 0 ? 'ic_xmark' : _e, _f = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = _f === void 0 ? 'line' : _f, children = _a.children, _g = _a.textFieldState, textFieldState = _g === void 0 ? 'normal' : _g, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _h = _a.scrollVisibleType, scrollVisibleType = _h === void 0 ? 'moving' : _h, footerChildren = _a.footerChildren, submitIBtnState = _a.submitIBtnState, bodyMBtnText = _a.bodyMBtnText, onSubmit = _a.onSubmit;
53
+ var _b = _a.styleTheme, styleTheme = _b === void 0 ? 'solid' : _b, _c = _a.headerMode, headerMode = _c === void 0 ? 'use' : _c, titleText = _a.titleText, captionText = _a.captionText, _d = _a.headerDisplayType, headerDisplayType = _d === void 0 ? 'none' : _d, _e = _a.headerIBtn1IconName, headerIBtn1IconName = _e === void 0 ? 'ic_xmark' : _e, _f = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = _f === void 0 ? 'line' : _f, children = _a.children, _g = _a.textFieldState, textFieldState = _g === void 0 ? 'normal' : _g, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _h = _a.scrollVisibleType, scrollVisibleType = _h === void 0 ? 'moving' : _h, footerChildren = _a.footerChildren, submitIBtnState = _a.submitIBtnState, bodyMBtnText = _a.bodyMBtnText, onSubmit = _a.onSubmit, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1;
54
54
  var methods = (0, react_hook_form_1.useForm)({
55
55
  mode: 'onChange',
56
56
  defaultValues: {
@@ -75,7 +75,7 @@ function ChatList(_a) {
75
75
  };
76
76
  return (react_1.default.createElement(S_ChatList, { backgroundColor: baseBackgroundColors[styleTheme], id: "chatList" },
77
77
  headerMode === 'use' && (react_1.default.createElement(react_1.default.Fragment, null,
78
- react_1.default.createElement(Header_1.default, { styleTheme: styleTheme, titleText: titleText, captionText: captionText, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType }),
78
+ react_1.default.createElement(Header_1.default, { styleTheme: styleTheme, titleText: titleText, captionText: captionText, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType, onClickHeaderIBtn1: onClickHeaderIBtn1 }),
79
79
  react_1.default.createElement(hybrid_1.Divider, null))),
80
80
  react_1.default.createElement(Body_1.default, { scrollVisibleType: scrollVisibleType, isSubmitted: isSubmitted, bodyMBtnText: bodyMBtnText }, children),
81
81
  react_1.default.createElement(hybrid_1.Divider, null),
package/dist/src/desktop/components/ChatList/Header.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { Props as ChatListProps } from './ChatList';
3
- declare type Props = Required<Pick<ChatListProps, 'styleTheme'>> & Pick<ChatListProps, 'titleText' | 'captionText' | 'headerDisplayType' | 'headerIBtn1IconName' | 'headerIBtn1IconFillType'>;
4
- declare function Header({ styleTheme, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType }: Props): JSX.Element;
3
+ declare type Props = Required<Pick<ChatListProps, 'styleTheme'>> & Pick<ChatListProps, 'titleText' | 'captionText' | 'headerDisplayType' | 'headerIBtn1IconName' | 'headerIBtn1IconFillType' | 'onClickHeaderIBtn1'>;
4
+ declare function Header({ styleTheme, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, onClickHeaderIBtn1 }: Props): JSX.Element;
5
5
  export default Header;
package/dist/src/desktop/components/ChatList/Header.js CHANGED
@@ -23,14 +23,14 @@ var iconColors = {
23
23
  transparent: 'ui_cpnt_button_icon_white'
24
24
  };
25
25
  function Header(_a) {
26
- var styleTheme = _a.styleTheme, titleText = _a.titleText, captionText = _a.captionText, headerDisplayType = _a.headerDisplayType, headerIBtn1IconName = _a.headerIBtn1IconName, headerIBtn1IconFillType = _a.headerIBtn1IconFillType;
26
+ var styleTheme = _a.styleTheme, titleText = _a.titleText, captionText = _a.captionText, 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
29
  titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "body1Bold", colorTheme: titleTextColors[styleTheme] })),
30
30
  captionText && (react_1.default.createElement(react_1.default.Fragment, null,
31
31
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
32
32
  react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined })))),
33
- 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 }))));
33
+ 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 }))));
34
34
  }
35
35
  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) {
36
36
  var theme = _a.theme;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  export declare type ContentsContainerProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4';
5
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  };
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/ContentsContainer.js CHANGED
@@ -23,7 +23,8 @@ var ContentsContainer = function (_a) {
23
23
  WSG_1: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
24
24
  WSG_2: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
25
25
  WSG_3: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_3", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
26
- WSG_4: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_4", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor }))
26
+ WSG_4: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_4", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
27
+ WSG_5: (react_1.default.createElement(variation_1.WSG, { layoutType: "WSG_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor }))
27
28
  }[layoutType]));
28
29
  };
29
30
  exports.default = ContentsContainer;
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSG.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  export declare type WSGProps = {
3
3
  content1?: JSX.Element;
4
4
  content2?: JSX.Element;
5
- layoutType: 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4';
5
+ layoutType: 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5';
6
6
  containerColor?: string;
7
7
  areaColor?: string;
8
8
  };
package/dist/src/desktop/layout/LayoutWS/Containers/ContentsContainer/variation/WSG.js CHANGED
@@ -29,7 +29,8 @@ var S_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (
29
29
  WSG_1: 'height: 100%;',
30
30
  WSG_2: 'overflow-x: hidden;overflow-y: auto;',
31
31
  WSG_3: 'overflow-x: hidden;overflow-y: auto;',
32
- WSG_4: 'overflow-x: hidden;overflow-y: auto;width: 480px'
32
+ WSG_4: 'overflow-x: hidden;overflow-y: auto;width: 480px',
33
+ WSG_5: 'overflow-x: hidden;overflow-y: auto;width: 480px'
33
34
  }[layoutType]);
34
35
  }, function (_a) {
35
36
  var containerColor = _a.containerColor;
@@ -47,7 +48,8 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (
47
48
  WSG_1: 'height: 100%;',
48
49
  WSG_2: 'overflow-x: hidden;overflow-y: auto;',
49
50
  WSG_3: 'height: 100%;',
50
- WSG_4: 'height: 100%; flex: 1'
51
+ WSG_4: 'height: 100%; flex: 1',
52
+ WSG_5: 'height: 100%; flex: 1'
51
53
  }[layoutType]);
52
54
  }, function (_a) {
53
55
  var containerColor = _a.containerColor;
@@ -59,19 +61,21 @@ var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templ
59
61
  WSG_1: 'height: 100%;',
60
62
  WSG_2: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;',
61
63
  WSG_3: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;',
62
- WSG_4: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;'
64
+ WSG_4: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;',
65
+ WSG_5: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;'
63
66
  }[layoutType]);
64
67
  }, function (_a) {
65
68
  var areaColor = _a.areaColor;
66
69
  return "background-color: " + areaColor;
67
70
  });
68
- var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n padding-top: 24px;\n ", ";\n ", ";\n"])), function (_a) {
71
+ var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", ";\n"], ["\n box-sizing: border-box;\n ", ";\n ", ";\n"])), function (_a) {
69
72
  var layoutType = _a.layoutType;
70
73
  return ({
71
- WSG_1: 'height: 100%;',
72
- WSG_2: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;',
73
- WSG_3: 'height: 100%;',
74
- WSG_4: 'height: 100%;'
74
+ WSG_1: 'height: 100%;padding-top: 24px;',
75
+ WSG_2: 'padding-left: 24px;padding-right: 24px;padding-bottom: 88px;padding-top: 24px;',
76
+ WSG_3: 'height: 100%;padding-top: 24px;',
77
+ WSG_4: 'height: 100%;padding-top: 24px;',
78
+ WSG_5: 'height: 100%;'
75
79
  }[layoutType]);
76
80
  }, function (_a) {
77
81
  var areaColor = _a.areaColor;
@@ -83,7 +87,8 @@ var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateOb
83
87
  WSG_1: 'height: 100%;overflow: hidden;',
84
88
  WSG_2: '',
85
89
  WSG_3: '',
86
- WSG_4: ''
90
+ WSG_4: '',
91
+ WSG_5: ''
87
92
  }[layoutType]);
88
93
  });
89
94
  var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
@@ -92,7 +97,8 @@ var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateOb
92
97
  WSG_1: 'height: 100%;overflow: hidden;',
93
98
  WSG_2: '',
94
99
  WSG_3: 'height: 100%;overflow: hidden;',
95
- WSG_4: 'height: 100%;overflow: hidden;'
100
+ WSG_4: 'height: 100%;overflow: hidden;',
101
+ WSG_5: 'height: 100%;overflow: hidden;'
96
102
  }[layoutType]);
97
103
  });
98
104
  exports.default = WSG;
package/dist/src/desktop/layout/LayoutWS/ContainersBox/ContainersBox.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export declare type ContainersBoxProps = {
3
- layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4';
3
+ layoutType: 'WSA_1' | 'WSB_1' | 'WSC_1' | 'WSD_1' | 'WSE_1' | 'WSF_1' | 'WSF_2' | 'WSF_3' | 'WSF_4' | 'WSF_5' | 'WSF_6' | 'WSF_7' | 'WSG_1' | 'WSG_2' | 'WSG_3' | 'WSG_4' | 'WSG_5';
4
4
  pageMenuContent?: JSX.Element;
5
5
  tabMenuContent?: JSX.Element;
6
6
  content1?: JSX.Element;
package/dist/src/mobile/components/ChatList/ChatList.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare type Props = {
18
18
  submitIBtnState?: 'disabled' | 'normal';
19
19
  bodyMBtnText?: PDSTextType;
20
20
  onSubmit: (value: string) => void;
21
+ onClickHeaderIBtn1?: () => void;
21
22
  };
22
- declare function ChatList({ styleTheme, headerMode, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, children, textFieldState, textFieldHintText, textFieldDefaultText, textFieldMaxLength, scrollVisibleType, footerChildren, submitIBtnState, bodyMBtnText, onSubmit }: Props): JSX.Element;
23
+ declare function ChatList({ styleTheme, headerMode, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, children, textFieldState, textFieldHintText, textFieldDefaultText, textFieldMaxLength, scrollVisibleType, footerChildren, submitIBtnState, bodyMBtnText, onSubmit, onClickHeaderIBtn1 }: Props): JSX.Element;
23
24
  export default ChatList;
package/dist/src/mobile/components/ChatList/ChatList.js CHANGED
@@ -50,7 +50,7 @@ var baseBackgroundColors = {
50
50
  transparent: 'ui_cpnt_list_base_area_translucent'
51
51
  };
52
52
  function ChatList(_a) {
53
- var _b = _a.styleTheme, styleTheme = _b === void 0 ? 'solid' : _b, _c = _a.headerMode, headerMode = _c === void 0 ? 'use' : _c, titleText = _a.titleText, captionText = _a.captionText, _d = _a.headerDisplayType, headerDisplayType = _d === void 0 ? 'none' : _d, _e = _a.headerIBtn1IconName, headerIBtn1IconName = _e === void 0 ? 'ic_xmark' : _e, _f = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = _f === void 0 ? 'line' : _f, children = _a.children, _g = _a.textFieldState, textFieldState = _g === void 0 ? 'normal' : _g, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _h = _a.scrollVisibleType, scrollVisibleType = _h === void 0 ? 'moving' : _h, footerChildren = _a.footerChildren, _j = _a.submitIBtnState, submitIBtnState = _j === void 0 ? 'normal' : _j, bodyMBtnText = _a.bodyMBtnText, onSubmit = _a.onSubmit;
53
+ var _b = _a.styleTheme, styleTheme = _b === void 0 ? 'solid' : _b, _c = _a.headerMode, headerMode = _c === void 0 ? 'use' : _c, titleText = _a.titleText, captionText = _a.captionText, _d = _a.headerDisplayType, headerDisplayType = _d === void 0 ? 'none' : _d, _e = _a.headerIBtn1IconName, headerIBtn1IconName = _e === void 0 ? 'ic_xmark' : _e, _f = _a.headerIBtn1IconFillType, headerIBtn1IconFillType = _f === void 0 ? 'line' : _f, children = _a.children, _g = _a.textFieldState, textFieldState = _g === void 0 ? 'normal' : _g, textFieldHintText = _a.textFieldHintText, textFieldDefaultText = _a.textFieldDefaultText, textFieldMaxLength = _a.textFieldMaxLength, _h = _a.scrollVisibleType, scrollVisibleType = _h === void 0 ? 'moving' : _h, footerChildren = _a.footerChildren, _j = _a.submitIBtnState, submitIBtnState = _j === void 0 ? 'normal' : _j, bodyMBtnText = _a.bodyMBtnText, onSubmit = _a.onSubmit, onClickHeaderIBtn1 = _a.onClickHeaderIBtn1;
54
54
  var methods = (0, react_hook_form_1.useForm)({
55
55
  mode: 'onChange',
56
56
  defaultValues: {
@@ -75,7 +75,7 @@ function ChatList(_a) {
75
75
  };
76
76
  return (react_1.default.createElement(S_ChatList, { backgroundColor: baseBackgroundColors[styleTheme], id: "chatList" },
77
77
  headerMode === 'use' && (react_1.default.createElement(react_1.default.Fragment, null,
78
- react_1.default.createElement(Header_1.default, { styleTheme: styleTheme, titleText: titleText, captionText: captionText, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType }),
78
+ react_1.default.createElement(Header_1.default, { styleTheme: styleTheme, titleText: titleText, captionText: captionText, headerDisplayType: headerDisplayType, headerIBtn1IconName: headerIBtn1IconName, headerIBtn1IconFillType: headerIBtn1IconFillType, onClickHeaderIBtn1: onClickHeaderIBtn1 }),
79
79
  react_1.default.createElement(hybrid_1.Divider, null))),
80
80
  react_1.default.createElement(Body_1.default, { scrollVisibleType: scrollVisibleType, isSubmitted: isSubmitted, bodyMBtnText: bodyMBtnText }, children),
81
81
  react_1.default.createElement(hybrid_1.Divider, null),
package/dist/src/mobile/components/ChatList/Header.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { Props as ChatListProps } from './ChatList';
3
- declare type Props = Required<Pick<ChatListProps, 'styleTheme'>> & Pick<ChatListProps, 'titleText' | 'captionText' | 'headerDisplayType' | 'headerIBtn1IconName' | 'headerIBtn1IconFillType'>;
4
- declare function Header({ styleTheme, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType }: Props): JSX.Element;
3
+ declare type Props = Required<Pick<ChatListProps, 'styleTheme'>> & Pick<ChatListProps, 'titleText' | 'captionText' | 'headerDisplayType' | 'headerIBtn1IconName' | 'headerIBtn1IconFillType' | 'onClickHeaderIBtn1'>;
4
+ declare function Header({ styleTheme, titleText, captionText, headerDisplayType, headerIBtn1IconName, headerIBtn1IconFillType, onClickHeaderIBtn1 }: Props): JSX.Element;
5
5
  export default Header;
package/dist/src/mobile/components/ChatList/Header.js CHANGED
@@ -23,14 +23,14 @@ var iconColors = {
23
23
  transparent: 'ui_cpnt_button_icon_white'
24
24
  };
25
25
  function Header(_a) {
26
- var styleTheme = _a.styleTheme, titleText = _a.titleText, captionText = _a.captionText, headerDisplayType = _a.headerDisplayType, headerIBtn1IconName = _a.headerIBtn1IconName, headerIBtn1IconFillType = _a.headerIBtn1IconFillType;
26
+ var styleTheme = _a.styleTheme, titleText = _a.titleText, captionText = _a.captionText, 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
29
  titleText && (react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "body1Bold", colorTheme: titleTextColors[styleTheme] })),
30
30
  captionText && (react_1.default.createElement(react_1.default.Fragment, null,
31
31
  react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_a" }),
32
32
  react_1.default.createElement(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary", colorOverride: styleTheme === 'translucent' ? 'ui_cpnt_list_text_caption_02' : undefined })))),
33
- 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 }))));
33
+ 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 }))));
34
34
  }
35
35
  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) {
36
36
  var theme = _a.theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.27",
3
+ "version": "1.4.28",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,14 +1,9 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.27]
2
+ ## [v1.4.28]
3
3
 
4
4
  ### Component
5
- * BasicChatListitem
6
- * 1차 수정 사항 반영
7
- * BodyTextGroup
8
- * titleTextWordBreak prop 추가
9
- * descTextWordBreak prop 추가
10
- * contentTextWordBreak prop 추가
11
- * ContextMenu
12
- * autoWidth, customWidth가 없을 시에 width가 ContextMenuItem의 길이에 맞게 늘어나도록 수정
13
- * ContextMenuItem
14
- * 한줄로 표시에 최적화
5
+ * ChatList
6
+ * onClickHeaderIBtn1 prop 추가
7
+
8
+ ### Layout
9
+ * WSG_5 생성