pds-dev-kit-web 1.3.27 → 1.4.1

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/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.MenuItemNav = void 0;
+var MenuItemNav_1 = require("./MenuItemNav");
+Object.defineProperty(exports, "MenuItemNav", { enumerable: true, get: function () { return __importDefault(MenuItemNav_1).default; } });

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    src: string;
+    to: string;
+};
+declare function ProfileNav({ src, to }: Props): JSX.Element;
+export default ProfileNav;

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

@@ -0,0 +1,22 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var NavLink_1 = __importDefault(require("../../../../common/components/Navigations/NavLink"));
+var hybrid_1 = require("../../../../hybrid");
+function ProfileNav(_a) {
+    var src = _a.src, to = _a.to;
+    return (react_1.default.createElement(NavLink_1.default, { to: to },
+        react_1.default.createElement(S_ProfileNav, null,
+            react_1.default.createElement(hybrid_1.ImageView, { src: src, width: 32, height: 32, borderMode: "use", scaleType: "cover", shapeType: "circular" }))));
+}
+var S_ProfileNav = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* TODO: col\uB85C \uAC10\uC300\uB54C col\uC774 \uC8FC\uBA74 \uC88B\uACA0\uB2E4. */\n  margin-left: 24px;\n  margin-right: 24px;\n"], ["\n  /* TODO: col\uB85C \uAC10\uC300\uB54C col\uC774 \uC8FC\uBA74 \uC88B\uACA0\uB2E4. */\n  margin-left: 24px;\n  margin-right: 24px;\n"])));
+exports.default = ProfileNav;
+var templateObject_1;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type Props = {
+    isActive?: boolean;
+    openNewTab: boolean;
+    to: string;
+    text: string;
+    preventLineChange?: boolean;
+};
+declare function TextNav({ openNewTab, isActive, preventLineChange, to, text }: Props): JSX.Element;
+export default TextNav;

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

@@ -0,0 +1,25 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var __1 = require("../../..");
+var NavLink_1 = __importDefault(require("../../../../common/components/Navigations/NavLink"));
+function TextNav(_a) {
+    var openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, to = _a.to, text = _a.text;
+    return (react_1.default.createElement(S_Box, null, preventLineChange ? (react_1.default.createElement(NavLink_1.default, { to: to, openNewTab: openNewTab },
+        react_1.default.createElement(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { to: to, openNewTab: openNewTab },
+        react_1.default.createElement(__1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' })))));
+}
+var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 48px;\n  margin-right: ", ";\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  height: 48px;\n  margin-right: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingF;
+});
+exports.default = TextNav;
+var templateObject_1;

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

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

package/dist/src/desktop/components/DynamicDesktopNavBar/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.DynamicDesktopNavBar = void 0;
+var DynamicDesktopNavBar_1 = require("./DynamicDesktopNavBar");
+Object.defineProperty(exports, "DynamicDesktopNavBar", { enumerable: true, get: function () { return __importDefault(DynamicDesktopNavBar_1).default; } });

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

@@ -0,0 +1,102 @@
+import { TemplateNamesType } from './types';
+declare class MenuDesignTemplates {
+    private static data;
+    private static names;
+    static getNames(): Record<"W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005", "W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005">;
+    static getTemplate(name: TemplateNamesType): {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        userProfileOptions: {
+            style: {
+                width: string;
+            };
+        };
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+        userProfileOptions: {};
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {};
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+        userProfileOptions: {};
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        userProfileOptions: {};
+    };
+}
+export default MenuDesignTemplates;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("./constants");
+var MenuDesignTemplates = /** @class */ (function () {
+    function MenuDesignTemplates() {
+    }
+    MenuDesignTemplates.getNames = function () {
+        return MenuDesignTemplates.names;
+    };
+    MenuDesignTemplates.getTemplate = function (name) {
+        return MenuDesignTemplates.data[name];
+    };
+    MenuDesignTemplates.data = constants_1.TEMPLATES_DATA;
+    MenuDesignTemplates.names = (Object.keys(constants_1.TEMPLATES_DATA).reduce(function (acc, cur) {
+        var _a;
+        return (__assign(__assign({}, acc), (_a = {}, _a[cur] = cur, _a)));
+    }, {}));
+    return MenuDesignTemplates;
+}());
+exports.default = MenuDesignTemplates;

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

@@ -0,0 +1,101 @@
+export declare const TEMPLATES_DATA: {
+    W1_0001: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        userProfileOptions: {
+            style: {
+                width: string;
+            };
+        };
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+    };
+    W1_0002: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+        userProfileOptions: {};
+    };
+    W1_0003: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {};
+    };
+    W1_0004: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+        };
+        userProfileOptions: {};
+    };
+    W1_0005: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        userProfileOptions: {};
+    };
+};

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEMPLATES_DATA = void 0;
+exports.TEMPLATES_DATA = {
+    W1_0001: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        userProfileOptions: {
+            style: {
+                width: '180px'
+            }
+        },
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {
+                justifyContent: 'center'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0
+        }
+    },
+    W1_0002: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {}
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0
+        },
+        userProfileOptions: {}
+    },
+    W1_0003: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU SECONDARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: 'max-content auto max-content max-content'
+        },
+        showSecondaryMenu: true,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {}
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: true,
+            maxLength: 3,
+            style: {}
+        },
+        userProfileOptions: {}
+    },
+    W1_0004: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 5,
+            style: {
+                justifyContent: 'flex-end'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0
+        },
+        userProfileOptions: {}
+    },
+    W1_0005: {
+        gridTemplate: 'BRAND_LOGO SECONDARY_MENU PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: 'max-content max-content auto max-content'
+        },
+        showSecondaryMenu: true,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 5,
+            style: {
+                justifyContent: 'flex-end'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: true,
+            maxLength: 3,
+            style: {
+                justifyContent: 'flex-start'
+            }
+        },
+        userProfileOptions: {}
+    }
+};

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

@@ -0,0 +1,2 @@
+export { default as MenuDesignTemplates } from './MenuDesignTemplates';
+export * from './types';

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

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuDesignTemplates = void 0;
+var MenuDesignTemplates_1 = require("./MenuDesignTemplates");
+Object.defineProperty(exports, "MenuDesignTemplates", { enumerable: true, get: function () { return __importDefault(MenuDesignTemplates_1).default; } });
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'styled-components';
+import { TEMPLATES_DATA } from './constants';
+declare type MenuOptions = {
+    showMenuAsIcon: boolean;
+    maxLength: number;
+    style?: CSSProperties;
+};
+export declare type DynamicDesktopTemplateType = {
+    gridTemplate: string;
+    gridStyle: CSSProperties;
+    userProfileOptions: {
+        style?: CSSProperties;
+    };
+    primaryMenuOptions: MenuOptions;
+    showSecondaryMenu: boolean;
+    secondaryMenuOptions: MenuOptions;
+};
+export declare type TemplatesDataType = typeof TEMPLATES_DATA;
+export declare type TemplateNamesType = keyof typeof TEMPLATES_DATA;
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,12 @@
+import { PDSIconType } from '../../../common';
+export declare type ParsedNode = {
+    menuItemType: 'NAV_P_APP' | 'WEB_LINK';
+    type: 'GENERAL_NODE';
+    name: string;
+    iconSrc?: string;
+    iconName?: PDSIconType;
+    visibilityLevel: boolean;
+    pAppCode?: string;
+    conversionLinkSrc?: string;
+    parsedNodes: Array<ParsedNode>;
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+// NOTE: NAV_P_APP의 경우 pAppCode가 있습니다.
+// 'WEB_LINK'의 경우conversionLinkSrc가 있습니다.
+// 타입에 관계없이 iconSrc가 있을 수 있습니다.
+Object.defineProperty(exports, "__esModule", { value: true });