pds-dev-kit-web 1.4.15 → 1.4.16

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

@@ -1,22 +1,55 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(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 WebMenuItemNav(_a) {
     var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon, isContextMenu = _a.isContextMenu;
+    var basePath = (0, react_1.useContext)(DynamicDesktopNavBar_1.BasePathContext).basePath;
+    var match = (0, react_router_dom_1.useRouteMatch)("" + basePath);
+    var activeMatch = (0, react_router_dom_1.useRouteMatch)(basePath + "/:activeKey");
+    var internalPath = getInternalLink(basePath, menu.conversionLinkSrc);
+    var isActive = (0, react_1.useMemo)(function () {
+        return (activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.params.activeKey) === menu.pAppCode;
+    }, [menu, match, activeMatch]);
     if (showMenuAsIcon) {
         if (menu.iconSrc) {
-            return react_1.default.createElement(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: false });
+            return react_1.default.createElement(ImageIconNav_1.default, { to: internalPath, iconSrc: menu.iconSrc, openNewTab: false });
         }
         if (menu.iconName) {
-            return react_1.default.createElement(IconNav_1.default, { to: menu.conversionLinkSrc, iconName: menu.iconName, openNewTab: false });
+            return react_1.default.createElement(IconNav_1.default, { to: internalPath, iconName: menu.iconName, openNewTab: false });
         }
     }
-    return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { preventLineChange: true, openNewTab: false, to: menu.conversionLinkSrc, text: menu.name }));
+    return isContextMenu ? (react_1.default.createElement(Navigations_1.ContextTextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name })) : (react_1.default.createElement(Navigations_1.TextLabelNav, { isActive: isActive, preventLineChange: true, openNewTab: false, to: internalPath, text: menu.name }));
+}
+function getInternalLink(basePath, url) {
+    var pathname = new URL(url).pathname;
+    var splitPath = pathname.split(basePath);
+    return basePath + splitPath.pop();
 }
 exports.default = WebMenuItemNav;

package/dist/src/desktop/panels/ContentSheet/ContentSheet.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { UiColors } from '../../../common';
+export declare type Props = {
+    width: string;
+    height: string;
+    backgroundColor: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
+    backgroundColorKey: UiColors;
+    borderMode: 'none' | 'use';
+    borderWidth: 1 | 2;
+    borderColor: 'grey' | 'blue' | 'green';
+    borderColorKey: UiColors;
+    shapeType: 'rectangle' | 'round';
+    radius: 8 | 16 | 24;
+    overrideCSS: CSSProperties;
+};
+declare function ContentSheet({ width, height, backgroundColor, backgroundColorKey, borderMode, borderColor, borderColorKey, shapeType, radius }: Props): JSX.Element;
+export default ContentSheet;

package/dist/src/desktop/panels/ContentSheet/ContentSheet.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+function ContentSheet(_a) {
+    var width = _a.width, height = _a.height, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'base3' : _b, backgroundColorKey = _a.backgroundColorKey, _c = _a.borderMode, borderMode = _c === void 0 ? 'none' : _c, _d = _a.borderColor, borderColor = _d === void 0 ? 'grey' : _d, borderColorKey = _a.borderColorKey, _e = _a.shapeType, shapeType = _e === void 0 ? 'rectangle' : _e, _f = _a.radius, radius = _f === void 0 ? 24 : _f;
+    return react_1.default.createElement("div", null, "ContentSheet");
+}
+exports.default = ContentSheet;

package/dist/src/desktop/panels/ContentSheet/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentSheet } from './ContentSheet';

package/dist/src/desktop/panels/ContentSheet/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentSheet = void 0;
+var ContentSheet_1 = require("./ContentSheet");
+Object.defineProperty(exports, "ContentSheet", { enumerable: true, get: function () { return __importDefault(ContentSheet_1).default; } });

package/package.json

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

package/release-note.md

@@ -1,8 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.4.15]
+## [v1.4.16]
 
 ### Component
-* EditApplyTextField
-  * error message를 표시하는 부분의 useTranslation 삭제
-* TextField
-  * error message를 표시하는 부분의 useTranslation 삭제
+* DynamicDesktopNavbar
+  * 'INTERNAL_LINK'유형 개선