linkup-lib 0.1.18 → 0.1.20

package/dist/components/ui/Aside.d.ts

@@ -1,14 +1,17 @@
+import React from "react";
 export declare const asideAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 interface MenusProps {
     key: string;
-    label: string;
+    label: React.ReactNode;
     items?: MenusProps[];
+    onClick?: () => void;
 }
 export interface AsideProps {
     primaryColor?: string;
     menus: MenusProps[];
+    settingsUrl?: string;
 }
-declare const Component: ({ primaryColor, menus }: AsideProps) => import("react/jsx-runtime").JSX.Element;
+declare const Component: ({ primaryColor, menus, settingsUrl }: AsideProps) => import("react/jsx-runtime").JSX.Element;
 export default Component;

package/dist/components/ui/Aside.js

@@ -10,8 +10,10 @@ const fi_1 = require("react-icons/fi");
 const im_1 = require("react-icons/im");
 const jotai_1 = require("jotai");
 exports.asideAtom = (0, jotai_1.atom)(true);
-const Component = ({ primaryColor = "#E2702F", menus }) => {
+const Component = ({ primaryColor = "#E2702F", menus, settingsUrl }) => {
     var _a;
+    // 라우터
+    const router = (0, navigation_1.useRouter)();
     // 세션
     const session = (0, react_1.useSession)();
     const user = (_a = session.data) === null || _a === void 0 ? void 0 : _a.user;
@@ -52,25 +54,30 @@ const Component = ({ primaryColor = "#E2702F", menus }) => {
                                     alignItems: 'flex-end',
                                     justifyContent: 'center',
                                     overflow: 'hidden',
-                                }, children: (0, jsx_runtime_1.jsx)(im_1.ImUser, { style: { fontSize: 75, color: "#C7CAD2", transform: "translateY(6px)" } }) }), (0, jsx_runtime_1.jsx)("p", { style: { color: 'white', fontSize: 15, fontWeight: 'bold' }, children: user ? user.name : "" }), (0, jsx_runtime_1.jsx)("p", { style: { color: '#bbb', fontSize: 12 }, children: user ? user.levelName : "" })] }), (0, jsx_runtime_1.jsx)("ul", { style: {
+                                    cursor: settingsUrl ? 'pointer' : 'default',
+                                }, onClick: () => settingsUrl && router.push(settingsUrl), children: (0, jsx_runtime_1.jsx)(im_1.ImUser, { style: { fontSize: 75, color: "#C7CAD2", transform: "translateY(6px)" } }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    width: '100%',
+                                    gap: 6,
+                                    cursor: settingsUrl ? 'pointer' : 'default',
+                                }, onClick: () => settingsUrl && router.push(settingsUrl), children: (0, jsx_runtime_1.jsx)("p", { style: { color: 'white', fontSize: 15, fontWeight: 'bold' }, children: user ? user.name : "" }) }), (0, jsx_runtime_1.jsx)("p", { style: { color: '#bbb', fontSize: 12 }, children: user ? user.levelName : "" })] }), (0, jsx_runtime_1.jsx)("ul", { style: {
                             borderTop: '1px solid #5F6673',
                         }, children: menus.map((r, idx) => {
                             return ((0, jsx_runtime_1.jsx)(Menu, { menu: r, primaryColor: primaryColor }, `menu-${r.key}`));
                         }) })] })] }));
 };
 // 메뉴 컴포넌트
-const Menu = ({ menu, primaryColor }) => {
+const Menu = ({ menu, primaryColor, }) => {
     // 활성 메뉴
     const pathname = (0, navigation_1.usePathname)();
     const isActive = (0, react_2.useMemo)(() => {
         if (!pathname)
             return "";
-        const pathArr = pathname.split('/');
-        if (pathArr[1] === "")
-            return false;
-        return pathArr[1] === menu.key;
+        return pathname.startsWith(menu.key);
     }, [pathname, menu.key]);
-    const [open, setOpen] = (0, react_2.useState)(isActive);
+    const [open, setOpen] = (0, react_2.useState)(true);
     const router = (0, navigation_1.useRouter)();
     return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                     height: 48,
@@ -84,8 +91,14 @@ const Menu = ({ menu, primaryColor }) => {
                 }, onClick: () => {
                     if (menu.items && menu.items.length > 0)
                         setOpen(!open);
-                    else
-                        router.push(`/${menu.key}`);
+                    else {
+                        if (menu.onClick) {
+                            menu.onClick();
+                        }
+                        else {
+                            router.push(`/${menu.key}`);
+                        }
+                    }
                 }, children: [(0, jsx_runtime_1.jsx)("p", { style: { color: isActive ? primaryColor : 'white', fontWeight: 'bold', fontSize: '15px', }, children: menu.label }), menu.items && menu.items.length > 0 ?
                         (0, jsx_runtime_1.jsx)(fi_1.FiChevronDown, { style: { color: '#6B7280', transition: '300ms', rotate: open ? '180deg' : '0deg' } })
                         : null] }), menu.items ?

package/dist/image.d.ts

@@ -56,7 +56,7 @@ export declare const convertWebpAndUploadBuffer: ({ buffer, path, fileName, size
 }>;
 export declare const uploadS3Object: ({ file, type, sizes }: {
     file: File;
-    type: "00" | "01" | "02" | "03";
+    type: "00" | "01" | "02" | "03" | "04";
     sizes: number[];
 }) => Promise<{
     url: string;
@@ -72,7 +72,7 @@ export declare const deleteS3Object: (key: string) => Promise<{
 declare const _default: {
     uploadS3Object: ({ file, type, sizes }: {
         file: File;
-        type: "00" | "01" | "02" | "03";
+        type: "00" | "01" | "02" | "03" | "04";
         sizes: number[];
     }) => Promise<{
         url: string;

package/dist/image.js

@@ -154,7 +154,7 @@ const uploadS3Object = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file
             throw new Error('이미지 변환에 실패했습니다.');
         }
         let filename = (0, dayjs_1.default)().format('YYYYMMDDHHmmssSSS');
-        let path = type === "00" ? "bizImage" : type === "01" ? "displayImage" : type === "02" ? "storeImage" : type === "03" ? "productImage" : "";
+        let path = type === "00" ? "bizImage" : type === "01" ? "displayImage" : type === "02" ? "storeImage" : type === "03" ? "productImage" : type === "04" ? "qna" : "";
         if (path === "") {
             throw new Error('잘못된 이미지 타입입니다.');
         }

package/dist/index.d.ts

@@ -81,7 +81,7 @@ declare const _default: {
     image: {
         uploadS3Object: ({ file, type, sizes }: {
             file: File;
-            type: "00" | "01" | "02" | "03";
+            type: "00" | "01" | "02" | "03" | "04";
             sizes: number[];
         }) => Promise<{
             url: string;
@@ -97,7 +97,7 @@ declare const _default: {
     };
     Header: ({ logo }: import("./components/ui/Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
     Header2: ({ logo }: import("./components/ui/Header2").Header2Props) => import("react/jsx-runtime").JSX.Element;
-    Aside: ({ primaryColor, menus }: import("./components/ui/Aside").AsideProps) => import("react/jsx-runtime").JSX.Element;
+    Aside: ({ primaryColor, menus, settingsUrl }: import("./components/ui/Aside").AsideProps) => import("react/jsx-runtime").JSX.Element;
     Page: ({ children }: import("./components/ui/Page").PageProps) => import("react/jsx-runtime").JSX.Element;
     PageTitle: ({ title, section1, section2 }: import("./components/ui/PageTitle").PageTitleProps) => import("react/jsx-runtime").JSX.Element;
     LinkupProvider: ({ size, children, color, theme }: import("./components/registry/Registry").Props) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkup-lib",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "링크업 패키지",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",