pds-dev-kit-web 2.2.3 → 2.2.5

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 (30) hide show
  1. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
  2. package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
  3. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  4. package/dist/src/common/styles/colorSet/index.d.ts +348 -345
  5. package/dist/src/common/styles/colorSet/index.js +3 -3
  6. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  7. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.d.ts +4 -2
  8. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.js +46 -15
  9. package/dist/src/desktop/components/BasicChatListItem/Popup.d.ts +1 -0
  10. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -1
  11. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js +19 -3
  12. package/dist/src/desktop/components/ChatBubbleListItem/Popup.d.ts +1 -0
  13. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.d.ts +4 -2
  14. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.js +59 -10
  15. package/dist/src/mobile/components/BasicChatListItem/Popup.d.ts +1 -0
  16. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -1
  17. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js +21 -3
  18. package/dist/src/mobile/components/ChatBubbleListItem/Popup.d.ts +1 -0
  19. package/dist/src/mobile/components/ChatList/Body.js +1 -1
  20. package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +566 -3
  21. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +500 -5
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +5 -3
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +4 -2
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +5 -3
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -3
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +5 -3
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +4 -2
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -2
  29. package/package.json +1 -1
  30. package/release-note.md +12 -5
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js CHANGED
@@ -42,8 +42,10 @@ function Twitter(props) {
42
42
  var effectCssProperties = isVisible ? effect : {};
43
43
  var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
44
44
  var twitterTimelineKey = "".concat(userId, "-").concat(theme);
45
- var hasEffect = CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
46
- CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
45
+ var isNoneEffectType = device === 'DESKTOP'
46
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
47
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
48
+ var hasEffect = !isNoneEffectType;
47
49
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
48
50
  return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), { overflowY: 'auto' }), editModeStyle), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: (0, jsx_runtime_1.jsx)(ComponentBlocks_1.TwitterTimeline, { userId: userId, theme: theme }, twitterTimelineKey) })) })));
49
51
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js CHANGED
@@ -44,8 +44,10 @@ function Youtube(props) {
44
44
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false });
45
45
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
46
46
  var effectCssProperties = isVisible ? effect : {};
47
- var hasEffect = CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE !== 'NONE' &&
48
- CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] !== 'NONE';
47
+ var isNoneEffectType = device === 'DESKTOP'
48
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
49
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
50
+ var hasEffect = !isNoneEffectType;
49
51
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
50
52
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: isEditMode ? ((0, jsx_runtime_1.jsxs)(S_ThumbnailBox, { children: [(0, jsx_runtime_1.jsx)(YoutubeButton, {}), (0, jsx_runtime_1.jsx)(S_Thumbnail, { src: thumbnailSrc })] })) : ((0, jsx_runtime_1.jsx)(S_Iframe, { title: id, src: youtubeSrc, allow: "accelerometer; encrypted-media; gyroscope; picture-in-picture" })) })) }))] }));
51
53
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.3",
3
+ "version": "2.2.5",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,7 +1,14 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.3]
3
- ## urgent|https://design.storybook.publ.biz/
2
+ ## [v2.2.5]
3
+ ## daily|https://design.storybook.publ.biz/
4
4
 
5
- ### sub
6
- * DynamicLayout - custom section
7
- * scroll-fix 기능 모바일에서 OFF
5
+ ### Component
6
+ * BasicChatListItem
7
+ * contextMenuPosition 프롭 추가
8
+ * 외부 클릭 혹은 ChatList 스크롤시 ContextMenu 닫힘 기능 추가
9
+ * colorTheme에 secondary_transparent_grey, white_transparent_grey value 추가
10
+ * ChatBubbleListItem
11
+ * contextMenuPosition 프롭 추가
12
+ * 외부 클릭 혹은 ChatList 스크롤시 ContextMenu 닫힘 기능 추가
13
+ ### Color
14
+ * 컬러 키 값 23.09.12 16시 10분 기준 싱크