pds-dev-kit-web-test 0.0.4 → 0.0.5

package/dist/src/{desktop/components → common/styles}/ToneTest/ToneTest.js

@@ -20,9 +20,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = require("styled-components");
-var __1 = require("../..");
-var theme_1 = require("../../../common/styles/theme");
+var desktop_1 = require("../../../desktop");
+var components_1 = require("../../../desktop/components");
+var hybrid_1 = require("../../../hybrid");
+var theme_1 = require("../theme");
 var mocks = [
     {
         conversionLinkSrc: 'https://www.naver.com/',
@@ -353,33 +356,42 @@ var mocks = [
 ];
 function ToneTest() {
     var _a = (0, react_1.useState)('LIGHT'), customTone = _a[0], setTone = _a[1];
-    function changeTone() {
+    var changeTone = function () {
         if (customTone === 'LIGHT') {
             setTone('DARK');
         }
         else {
             setTone('LIGHT');
         }
-    }
+    };
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: (0, theme_1.themeByGivenTone)(customTone) },
-            react_1.default.createElement(__1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
+        react_1.default.createElement(react_router_dom_1.BrowserRouter, null,
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
+            react_1.default.createElement(components_1.MainButton, { iconName: "ic_arrow_round_left", text: "Toggle Tone", onClick: changeTone, styleTheme: "secondary" }),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
+            react_1.default.createElement(components_1.TextLabel, { text: "\uC774\uACF3\uC740 toggled\uB41C tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
+            react_1.default.createElement(styled_components_1.ThemeProvider, { theme: (0, theme_1.themeByGivenTone)(customTone) },
+                react_1.default.createElement(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
+                        src: 'http://i.imgur.com/zVKjblJ.png',
+                        text: 'PEPSI',
+                        href: '/'
+                    }, userProfile: {
+                        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+                        href: '/'
+                    }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" })),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_e" }),
+            react_1.default.createElement(hybrid_1.Divider, null),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
+            react_1.default.createElement(components_1.TextLabel, { text: "\uC774\uACF3\uC740 \uAE30\uBCF8 tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
+            react_1.default.createElement(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
                     src: 'http://i.imgur.com/zVKjblJ.png',
                     text: 'PEPSI',
                     href: '/'
                 }, userProfile: {
                     src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
                     href: '/'
-                }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" })),
-        react_1.default.createElement("button", { type: "button", onClick: changeTone }, "tone change"),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(__1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
-                src: 'http://i.imgur.com/zVKjblJ.png',
-                text: 'PEPSI',
-                href: '/'
-            }, userProfile: {
-                src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
-                href: '/'
-            }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" })));
+                }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" }))));
 }
 exports.default = ToneTest;

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

@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasePathContext = void 0;
 var react_1 = __importStar(require("react"));
-var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = __importDefault(require("styled-components"));
 var BoxLayout_1 = require("../../../common/components/BoxLayout");
 var blocks_1 = require("./blocks");
@@ -42,13 +41,12 @@ function DynamicDesktopNavBar(_a) {
     var slicedPrimaryMenus = (0, react_1.useMemo)(function () { return primaryMenus === null || primaryMenus === void 0 ? void 0 : primaryMenus.slice(0, primaryMenuOptions.maxLength); }, [primaryMenus, primaryMenuOptions]);
     var slicedSecondaryMenus = (0, react_1.useMemo)(function () { var _a; return (_a = secondaryMenus === null || secondaryMenus === void 0 ? void 0 : secondaryMenus.slice(0, secondaryMenuOptions.maxLength)) !== null && _a !== void 0 ? _a : []; }, [secondaryMenus, secondaryMenuOptions]);
     return (react_1.default.createElement(exports.BasePathContext.Provider, { value: { basePath: basePath } },
-        react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basePath },
-            react_1.default.createElement(S_DynamicDesktopNavBar, { isPreview: isPreview },
-                react_1.default.createElement(S_Grid, { className: "DynamicDesktopNavBarGrid", gridTemplate: gridTemplate, style: gridStyle },
-                    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(S_DynamicDesktopNavBar, { isPreview: isPreview },
+            react_1.default.createElement(S_Grid, { className: "DynamicDesktopNavBarGrid", gridTemplate: gridTemplate, style: gridStyle },
+                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 })))));
 }
 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/components/MenuItemNav/components/PAppMenuItemNav.js

@@ -35,15 +35,15 @@ function PAppMenuItemNav(_a) {
     var activeMatch = (0, react_router_dom_1.useRouteMatch)(basePath + "/:activeKey");
     var isActive = (0, react_1.useMemo)(function () {
         return (activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.params.activeKey) === menu.pAppCode;
-    }, [match, activeMatch]);
+    }, [menu, match, activeMatch]);
     if (showMenuAsIcon) {
-        if (menu.iconSrc) {
-            return react_1.default.createElement(ImageIconNav_1.default, { to: "/" + menu.pAppCode, iconSrc: menu.iconSrc, openNewTab: false });
-        }
         if (menu.iconName) {
-            return react_1.default.createElement(IconNav_1.default, { to: "/" + menu.pAppCode, iconName: menu.iconName });
+            return react_1.default.createElement(IconNav_1.default, { to: basePath + "/" + menu.pAppCode, iconName: menu.iconName });
+        }
+        if (menu.iconSrc) {
+            return (react_1.default.createElement(ImageIconNav_1.default, { to: basePath + "/" + menu.pAppCode, iconSrc: menu.iconSrc, openNewTab: false }));
         }
     }
-    return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "/" + menu.pAppCode, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "/" + menu.pAppCode, text: menu.name }));
+    return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: basePath + "/" + menu.pAppCode, text: menu.name }));
 }
 exports.default = PAppMenuItemNav;

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

@@ -1,4 +1,5 @@
 import { PDSIconType } from '../../../common';
+export type { DynamicDesktopTemplateType, TemplateNamesType, TemplatesDataType } from './templates/types';
 export declare type ParsedNode = {
     menuItemType: 'NAV_P_APP' | 'WEB_LINK';
     type: 'GENERAL_NODE';

package/package.json

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

package/release-note.md

@@ -1,4 +1,4 @@
 # PDS-DEV-KIT-WEB-TEST Release Notes
-## [v0.0.4]
+## [v0.0.5]
 
-* 컴포넌트 내에서 customTheme쓰는 부분 제거
+* DynamicDesktopNavbar내부 환경 변화