pds-dev-kit-web 1.3.28 → 1.4.2

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

@@ -0,0 +1,65 @@
+"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 __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);
+};
+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 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var hybrid_1 = require("../../../../../hybrid");
+var ContextMenuNavs_1 = require("../ContextMenuNavs");
+var PAppMenuItemNav_1 = __importDefault(require("./components/PAppMenuItemNav"));
+var WebMenuItemNav_1 = __importDefault(require("./components/WebMenuItemNav"));
+// NOTE: 서버에서 itemType으로 enum값이 잘 오면 아래 불필요한 케이스/default 간소화
+function MenuItemNav(_a) {
+    var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon;
+    var ref = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(false), isContextOpen = _b[0], setIsContextOpen = _b[1];
+    var handleMouseOver = (0, react_1.useCallback)(function () {
+        setIsContextOpen(true);
+    }, []);
+    var handleMouseOut = (0, react_1.useCallback)(function () {
+        setIsContextOpen(false);
+    }, []);
+    return (react_1.default.createElement(S_Box, { ref: ref, onMouseOver: handleMouseOver, onMouseLeave: handleMouseOut, onWheel: handleMouseOut, showMenuAsIcon: showMenuAsIcon },
+        menu.menuItemType === 'NAV_P_APP' && menu.pAppCode && (react_1.default.createElement(PAppMenuItemNav_1.default, { menu: __assign(__assign({}, menu), { pAppCode: menu.pAppCode }), showMenuAsIcon: showMenuAsIcon })),
+        menu.menuItemType === 'WEB_LINK' && menu.conversionLinkSrc && (react_1.default.createElement(WebMenuItemNav_1.default, { menu: __assign(__assign({}, menu), { conversionLinkSrc: menu.conversionLinkSrc }), showMenuAsIcon: showMenuAsIcon })),
+        showMenuAsIcon ? (react_1.default.createElement(hybrid_1.Spacing, { spacingType: "width", size: "spacing_b" })) : (react_1.default.createElement(hybrid_1.Spacing, { spacingType: "width", size: "spacing_f" })),
+        isContextOpen && menu.parsedNodes.length > 0 && (react_1.default.createElement(ContextMenuNavs_1.ContextMenuNavs, { parentRef: ref }, menu.parsedNodes.map(function (nav, index) { return (react_1.default.createElement(ContextMenuNavs_1.ContextMenuItemNav, { key: index, menu: nav })); })))));
+}
+var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n"])));
+exports.default = MenuItemNav;
+var templateObject_1;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ParsedNode } from '../../../types';
+declare type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+declare type Props = {
+    menu: WithRequired<ParsedNode, 'pAppCode'>;
+    showMenuAsIcon?: boolean;
+};
+declare function PAppMenuItemNav({ menu, showMenuAsIcon }: Props): JSX.Element;
+export default PAppMenuItemNav;

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

@@ -0,0 +1,49 @@
+"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 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var TextLabelNav_1 = __importDefault(require("../../../../../../common/components/Navigations/TextLabelNav"));
+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;
+    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 isActive = (0, react_1.useMemo)(function () {
+        return (activeMatch === null || activeMatch === void 0 ? void 0 : activeMatch.params.activeKey) === menu.pAppCode;
+    }, [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(TextLabelNav_1.default, { isActive: isActive, preventLineChange: true, openNewTab: false, to: "/" + menu.pAppCode, text: menu.name }));
+}
+exports.default = PAppMenuItemNav;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ParsedNode } from '../../../types';
+declare type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+declare type Props = {
+    menu: WithRequired<ParsedNode, 'conversionLinkSrc'>;
+    showMenuAsIcon?: boolean;
+};
+declare function WebMenuItemNav({ menu, showMenuAsIcon }: Props): JSX.Element;
+export default WebMenuItemNav;

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

@@ -0,0 +1,22 @@
+"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"));
+var TextLabelNav_1 = __importDefault(require("../../../../../../common/components/Navigations/TextLabelNav"));
+var IconNav_1 = __importDefault(require("../../IconNav"));
+var ImageIconNav_1 = __importDefault(require("../../ImageIconNav"));
+function WebMenuItemNav(_a) {
+    var menu = _a.menu, showMenuAsIcon = _a.showMenuAsIcon;
+    if (showMenuAsIcon) {
+        if (menu.iconSrc) {
+            return react_1.default.createElement(ImageIconNav_1.default, { to: menu.conversionLinkSrc, iconSrc: menu.iconSrc, openNewTab: true });
+        }
+        if (menu.iconName) {
+            return react_1.default.createElement(IconNav_1.default, { to: "/" + menu.pAppCode, iconName: menu.iconName });
+        }
+    }
+    return react_1.default.createElement(TextLabelNav_1.default, { preventLineChange: true, openNewTab: true, to: menu.conversionLinkSrc, text: menu.name });
+}
+exports.default = WebMenuItemNav;

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

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

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 });