pds-dev-kit-web 1.4.54 → 1.4.55

package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.d.ts

@@ -11,6 +11,8 @@ declare type BrandLogo = {
 declare type UserProfile = {
     src: string;
     href: string;
+    leftIconButton?: React.ReactNode;
+    overrideUserProfile?: React.ReactNode;
 };
 export declare type Props = {
     isPreview?: boolean;

package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.js

@@ -69,7 +69,7 @@ function DynamicDesktopNavBar(_a) {
                 react_1.default.createElement(blocks_1.BrandLogo, { to: brandLogo.href, logoSrc: brandLogo.src, fallbackText: brandLogo.text }),
                 react_1.default.createElement(blocks_1.PrimaryMenu, { menus: slicedPrimaryMenus, showMenuAsIcon: primaryMenuOptions.showMenuAsIcon, style: primaryMenuOptions.style }),
                 showSecondaryMenu && (react_1.default.createElement(blocks_1.SecondaryMenu, { menus: slicedSecondaryMenus, showMenuAsIcon: secondaryMenuOptions.showMenuAsIcon, style: secondaryMenuOptions.style })),
-                react_1.default.createElement(blocks_1.UserProfile, { src: userProfile.src, to: userProfile.href, style: userProfileOptions.style })))));
+                react_1.default.createElement(blocks_1.UserProfile, { src: userProfile.src, to: userProfile.href, leftIconButton: userProfile.leftIconButton, overrideUserProfile: userProfile.overrideUserProfile, style: userProfileOptions.style })))));
 }
 var S_Grid = (0, styled_components_1.default)(BoxLayout_1.Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  justify-items: center;\n  gap: 24px;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: center;\n  justify-items: center;\n  gap: 24px;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { CSSProperties } from 'styled-components';
 declare type Props = {
     src: string;
     to: string;
+    leftIconButton?: React.ReactNode;
+    overrideUserProfile?: React.ReactNode;
     style?: CSSProperties;
 };
-declare function UserProfile({ src, to, style }: Props): JSX.Element;
+declare function UserProfile({ src, to, overrideUserProfile, leftIconButton, style }: Props): JSX.Element;
 export default UserProfile;

package/dist/src/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.js

@@ -12,11 +12,15 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var Navigations_1 = require("../../../../common/components/Navigations");
 var hybrid_1 = require("../../../../hybrid");
 function UserProfile(_a) {
-    var src = _a.src, to = _a.to, style = _a.style;
-    return (react_1.default.createElement(S_UserProfile, { style: style },
+    var src = _a.src, to = _a.to, overrideUserProfile = _a.overrideUserProfile, leftIconButton = _a.leftIconButton, style = _a.style;
+    return (react_1.default.createElement(S_UserProfile, { style: style }, overrideUserProfile ? (overrideUserProfile) : (react_1.default.createElement(S_ImageViewWrapper, null,
+        leftIconButton && (react_1.default.createElement(react_1.default.Fragment, null,
+            leftIconButton,
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }))),
         react_1.default.createElement(Navigations_1.NavLink, { to: to },
-            react_1.default.createElement(hybrid_1.ImageView, { width: 32, ratio: "1_1", scaleType: "cover", shapeType: "circular", src: src, borderMode: "use" }))));
+            react_1.default.createElement(hybrid_1.ImageView, { width: 32, ratio: "1_1", scaleType: "cover", shapeType: "circular", src: src, borderMode: "use" }))))));
 }
 var S_UserProfile = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  grid-area: USER_PROFILE;\n  justify-content: flex-end;\n"], ["\n  display: flex;\n  grid-area: USER_PROFILE;\n  justify-content: flex-end;\n"])));
+var S_ImageViewWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 exports.default = UserProfile;
-var templateObject_1;
+var templateObject_1, templateObject_2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "1.4.54",
+  "version": "1.4.55",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,10 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.4.54]
+## [v1.4.55]
 
 ### Component
-* EditApplyTextField
-  * 스토리북 control 사용할 수 있게 수정
-* Radio
-  * 스토리북 control 사용할 수 있게 수정
-* TextField
-  * 스토리북 control 사용할 수 있게 수정
+* DynamicDesktopNavBar
+  * 내부 UserProfile 영역에 leftIconButton prop추가
+  * 내부 UserProfile 영역에 overrideUserProfile prop추가