pds-dev-kit-web 2.2.45 → 2.2.47

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -346,5 +346,6 @@
     "sys_component_base_45": "darkgreen300",
     "sys_component_base_46": "black/opacity90",
     "sys_cpnt_list_chatbubble_download_button_base": "white/opacity20",
-    "sys_cpnt_sheet_base_11": "darkgrey10"
+    "sys_cpnt_sheet_base_11": "darkgrey10",
+    "sys_cpnt_sheet_base_12": "white/opacity20"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -346,5 +346,6 @@
     "sys_component_base_45": "green300",
     "sys_component_base_46": "black/opacity90",
     "sys_cpnt_list_chatbubble_download_button_base": "black/opacity40",
-    "sys_cpnt_sheet_base_11": "grey10"
+    "sys_cpnt_sheet_base_11": "grey10",
+    "sys_cpnt_sheet_base_12": "white/opacity20"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -843,5 +843,6 @@
     "ui_contents_dimmed": "sys_component_base_46",
     "ui_cpnt_list_chatbubble_base_transparent": "sys_component_base_white_opacity00",
     "ui_cpnt_list_chatbubble_download_button_base": "sys_cpnt_list_chatbubble_download_button_base",
-    "ui_111": "sys_cpnt_sheet_base_11"
+    "ui_111": "sys_cpnt_sheet_base_11",
+    "ui_112": "sys_cpnt_sheet_base_12"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -119,7 +119,7 @@ declare const colorSet: {
         grey300: string;
         darkgrey300: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -468,8 +468,9 @@ declare const colorSet: {
         sys_component_base_46: string;
         sys_cpnt_list_chatbubble_download_button_base: string;
         sys_cpnt_sheet_base_11: string;
+        sys_cpnt_sheet_base_12: string;
     };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -818,6 +819,7 @@ declare const colorSet: {
         sys_component_base_46: string;
         sys_cpnt_list_chatbubble_download_button_base: string;
         sys_cpnt_sheet_base_11: string;
+        sys_cpnt_sheet_base_12: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1665,6 +1667,7 @@ declare const colorSet: {
         ui_cpnt_list_chatbubble_base_transparent: string;
         ui_cpnt_list_chatbubble_download_button_base: string;
         ui_111: string;
+        ui_112: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -844,4 +844,5 @@ export interface UITheme {
     ui_cpnt_list_chatbubble_base_transparent: string;
     ui_cpnt_list_chatbubble_download_button_base: string;
     ui_111: string;
+    ui_112: string;
 }

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

@@ -5,28 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
 var Navigations_1 = require("../../../../../../common/components/Navigations");
 var DynamicDesktopNavBar_1 = require("../../../DynamicDesktopNavBar");
-var utils_1 = require("../../../utils");
 var IconNav_1 = __importDefault(require("../../IconNav"));
 var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
 function InternalLinkMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, isContextMenu = _a.isContextMenu;
-    var location = (0, react_router_dom_1.useLocation)();
-    var _b = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _b.basePath, activeMode = _b.activeMode, handleClickInternalMenuItemNav = _b.handleClickInternalMenuItemNav;
-    var _c = getInternalLink(basePath, menu.conversionLinkSrc), internalPath = _c.internalPath, pathname = _c.pathname, search = _c.search;
-    var isActive = (0, react_1.useMemo)(function () {
-        if (activeMode === 'BY_URL') {
-            return false;
-        }
-        // NOTE: 'from' keyword를 예외로 삭제하고 비교합니다.
-        var locationSearch = (0, utils_1.getSearchExceptGivenName)(location.search, 'from');
-        if (pathname + search === location.pathname + locationSearch) {
-            return true;
-        }
-        return false;
-    }, [activeMode, location]);
+    var _b = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _b.basePath, handleClickInternalMenuItemNav = _b.handleClickInternalMenuItemNav;
+    var internalPath = getInternalLink(basePath, menu.conversionLinkSrc).internalPath;
     var onClickNav = function () {
         handleClickInternalMenuItemNav(internalPath);
     };
@@ -38,13 +24,18 @@ function InternalLinkMenuItemNav(_a) {
             return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { onClick: onClickNav, to: internalPath, iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { onClick: onClickNav, isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { onClick: onClickNav, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }));
 }
 function getInternalLink(basePath, url) {
     var _a = new URL(url), pathname = _a.pathname, search = _a.search;
     var splitPath = pathname.split(basePath).pop();
     var PAPP_CODE_INDEX = 1;
     var pAppCode = splitPath === null || splitPath === void 0 ? void 0 : splitPath.split('/')[PAPP_CODE_INDEX];
-    return { internalPath: basePath + splitPath + search, pAppCode: pAppCode, pathname: pathname, search: search };
+    return {
+        internalPath: basePath + splitPath + search,
+        pAppCode: pAppCode,
+        pathname: pathname,
+        search: search
+    };
 }
 exports.default = InternalLinkMenuItemNav;

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

@@ -5,21 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
 var Navigations_1 = require("../../../../../../common/components/Navigations");
 var DynamicDesktopNavBar_1 = require("../../../DynamicDesktopNavBar");
 var IconNav_1 = __importDefault(require("../../IconNav"));
 var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
 function PAppMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, _b = _a.isContextMenu, isContextMenu = _b === void 0 ? false : _b;
-    var _c = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _c.basePath, activeMode = _c.activeMode;
-    var activeMatch = (0, react_router_dom_1.useRouteMatch)("".concat(basePath, "/:activeKey"));
-    var isActive = (0, react_1.useMemo)(function () {
-        if (activeMode === 'BY_CLICK') {
-            return false;
-        }
-        return (activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.params.activeKey) === menu.pAppCode;
-    }, [activeMode, menu, activeMatch]);
+    var basePath = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext).basePath;
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
             return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: "".concat(basePath, "/").concat(menu.pAppCode), iconSrc: menu.iconSrc, openNewTab: false }));
@@ -28,6 +20,6 @@ function PAppMenuItemNav(_a) {
             return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: "".concat(basePath, "/").concat(menu.pAppCode), iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name }));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/").concat(menu.pAppCode), text: menu.name }));
 }
 exports.default = PAppMenuItemNav;

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

@@ -5,21 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
 var Navigations_1 = require("../../../../../../common/components/Navigations");
 var DynamicDesktopNavBar_1 = require("../../../DynamicDesktopNavBar");
 var IconNav_1 = __importDefault(require("../../IconNav"));
 var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
 function PageMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, _b = _a.isContextMenu, isContextMenu = _b === void 0 ? false : _b;
-    var _c = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext), basePath = _c.basePath, activeMode = _c.activeMode;
-    var activeMatch = (0, react_router_dom_1.useRouteMatch)("".concat(basePath, "/pages/:activeKey"));
-    var isActive = (0, react_1.useMemo)(function () {
-        if (activeMode === 'BY_CLICK') {
-            return false;
-        }
-        return (activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.params.activeKey) === menu.slug;
-    }, [activeMode, menu, activeMatch]);
+    var basePath = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext).basePath;
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
             return ((0, jsx_runtime_1.jsx)(ImageIconNav_1.default, { to: "".concat(basePath, "/pages/").concat(menu.slug), iconSrc: menu.iconSrc, openNewTab: false }));
@@ -28,6 +20,6 @@ function PageMenuItemNav(_a) {
             return ((0, jsx_runtime_1.jsx)(IconNav_1.default, { to: "".concat(basePath, "/pages/").concat(menu.slug), iconName: menu.iconName, openNewTab: false }));
         }
     }
-    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name }));
+    return isContextMenu ? ((0, jsx_runtime_1.jsx)(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name })) : ((0, jsx_runtime_1.jsx)(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: false, to: "".concat(basePath, "/pages/").concat(menu.slug), text: menu.name }));
 }
 exports.default = PageMenuItemNav;

package/package.json

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

package/release-note.md

@@ -1,12 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.45]
+## [v2.2.47]
 ## daily|https://design.storybook.publ.biz/
 
-### component
-    * ChatList
-        * headerIBtn2IconName prop 추가
-        * headerIBtn3IconName prop 추가
-        * headerIBtn2IconFillType prop 추가
-        * headerIBtn3IconFillType prop 추가
-        * onClickHeaderIBtn2 prop 추가
-        * onClickHeaderIBtn3 prop 추가
+### Component
+    * [PUB-9039] 모든 메뉴에서 하이라이팅(굵게) 표시되지 않게 처리

package/webhook/node_modules/esrecurse/.babelrc

@@ -1,3 +0,0 @@
-{
-    "presets": ["es2015"]
-}