linkup-lib 0.1.1 → 0.1.3

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

@@ -0,0 +1,56 @@
+import { UseQueryResult } from "@tanstack/react-query";
+import { ColumnsType } from "antd/es/table";
+export declare const hideOptionAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+interface SearchKeywordOption {
+    type: 'search';
+    title: string;
+    keywordType: string | undefined;
+    keywordTypeOption: {
+        label: string;
+        value: string;
+    }[];
+    onChangeKeywordType: (val: string) => void;
+    keyword: string;
+    onChangeKeyword: (val: string) => void;
+}
+interface CheckboxOption {
+    type: 'checkbox';
+    title: string;
+    options: {
+        label: string;
+        value: string;
+        color?: string;
+    }[];
+    value: string[];
+    onChange: (val: string[]) => void;
+}
+interface DateRangeOption {
+    type: 'dateRange';
+    title: string;
+    dateType: string | undefined;
+    dateTypeOption: {
+        label: string;
+        value: string;
+    }[];
+    onChangeDateType: (val: string | undefined) => void;
+    startDate: string | undefined;
+    endDate: string | undefined;
+    onChange: (startDate: string | undefined, endDate: string | undefined) => void;
+}
+type SearchFilterOption = CheckboxOption | DateRangeOption | SearchKeywordOption;
+export interface Props<T> {
+    rowKey: keyof T;
+    primaryColor?: string;
+    searchParams: any;
+    fetch: UseQueryResult<any, Error>;
+    dataSet: T[];
+    columns: ColumnsType<T>;
+    searchFilter?: SearchFilterOption[];
+    onSearch: () => void;
+    onInitFilter: () => void;
+    onChangeGrid: (pagination: any, filters: any, sorter: any, extra: any) => void;
+}
+declare const Component: <T>({ rowKey, primaryColor, searchParams, fetch, dataSet, columns, searchFilter, onSearch, onInitFilter, onChangeGrid }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Grid.js

@@ -0,0 +1,130 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hideOptionAtom = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const Checkbox_1 = __importDefault(require("./Checkbox"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const bs_1 = require("react-icons/bs");
+const jotai_1 = require("jotai");
+exports.hideOptionAtom = (0, jotai_1.atom)(false);
+const comma = (target) => {
+    if (Number(target) === 0)
+        return 0;
+    else if (target)
+        return target.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    else
+        target;
+};
+const Component = ({ rowKey, primaryColor = '#3875F7', searchParams, fetch, dataSet, columns, searchFilter, onSearch, onInitFilter, onChangeGrid }) => {
+    var _a, _b;
+    // 상세 검색 열기/닫기
+    const [hideOption, setHideOption] = (0, jotai_1.useAtom)(exports.hideOptionAtom);
+    // 전체 데이터 수
+    const total = ((_a = fetch.data) === null || _a === void 0 ? void 0 : _a.total) || 0;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            padding: '10px 25px'
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [!hideOption && (searchFilter === null || searchFilter === void 0 ? void 0 : searchFilter.map((r, i) => {
+                        // 체크박스
+                        if (r.type === 'checkbox') {
+                            return ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    background: 'white',
+                                    border: '1px solid #E3E6ED',
+                                    padding: '20px 30px 16px',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    gap: 16,
+                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        flexWrap: 'wrap',
+                                        alignItems: 'center',
+                                    }, children: [(0, jsx_runtime_1.jsx)("p", { style: { fontSize: 15, flexBasis: '100px' }, children: r.title }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1, display: 'flex', flexWrap: 'wrap', columnGap: 12, rowGap: 4 }, children: r.options.map((o) => {
+                                                return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { primaryColor: primaryColor, label: o.label, checked: r.value.includes(String(o.value)), onChange: (checked) => {
+                                                        let newStatus = [...r.value];
+                                                        if (newStatus.includes(String(o.value))) {
+                                                            newStatus = newStatus.filter(item => item !== String(o.value));
+                                                        }
+                                                        else {
+                                                            newStatus.push(String(o.value));
+                                                        }
+                                                        r.onChange(newStatus);
+                                                    } }, `checkbox-${o.value}`));
+                                            }) })] }, `filter-${i}`) }, `filter-container-${i}`));
+                        }
+                        // 날짜 검색
+                        else if (r.type === 'dateRange') {
+                            return ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    background: 'white',
+                                    border: '1px solid #E3E6ED',
+                                    padding: '20px 30px 16px',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    gap: 16,
+                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        flexWrap: 'wrap',
+                                        alignItems: 'center',
+                                    }, children: [(0, jsx_runtime_1.jsx)("p", { style: { fontSize: 15, flexBasis: '100px' }, children: r.title }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(antd_1.Space.Compact, { size: "middle", children: [(0, jsx_runtime_1.jsx)(antd_1.Select, { placeholder: "\uC120\uD0DD", allowClear: true, value: r.dateType, style: { width: 120 }, options: r.dateTypeOption, onChange: (val) => {
+                                                            r.onChangeDateType(val);
+                                                        } }), (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: !r.dateType, onClick: () => {
+                                                            r.onChange((0, dayjs_1.default)().subtract(7, 'd').format('YYYYMMDD'), (0, dayjs_1.default)().format('YYYYMMDD'));
+                                                        }, children: "\uC77C\uC8FC\uC77C" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: !r.dateType, onClick: () => {
+                                                            r.onChange((0, dayjs_1.default)().subtract(1, 'M').format('YYYYMMDD'), (0, dayjs_1.default)().format('YYYYMMDD'));
+                                                        }, children: "1\uAC1C\uC6D4" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: !r.dateType, onClick: () => {
+                                                            r.onChange((0, dayjs_1.default)().subtract(3, 'M').format('YYYYMMDD'), (0, dayjs_1.default)().format('YYYYMMDD'));
+                                                        }, children: "3\uAC1C\uC6D4" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: !r.dateType, onClick: () => {
+                                                            r.onChange((0, dayjs_1.default)().subtract(6, 'M').format('YYYYMMDD'), (0, dayjs_1.default)().format('YYYYMMDD'));
+                                                        }, children: "6\uAC1C\uC6D4" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: !r.dateType, onClick: () => {
+                                                            r.onChange((0, dayjs_1.default)().subtract(1, 'y').format('YYYYMMDD'), (0, dayjs_1.default)().format('YYYYMMDD'));
+                                                        }, children: "1\uB144" }), (0, jsx_runtime_1.jsx)(antd_1.DatePicker.RangePicker, { allowClear: true, allowEmpty: [true, true], disabled: !r.dateType, value: r.startDate && r.endDate ? [r.startDate ? (0, dayjs_1.default)(r.startDate) : null, r.endDate ? (0, dayjs_1.default)(r.endDate) : null] : [null, null], onChange: (dates, dateStrings) => {
+                                                            if (dateStrings) {
+                                                                r.onChange(dateStrings[0] ? dateStrings[0] : undefined, dateStrings[1] ? dateStrings[1] : undefined);
+                                                            }
+                                                            else
+                                                                r.onChange(undefined, undefined);
+                                                        } })] }) })] }, `filter-${i}`) }, `filter-container-${i}`));
+                        }
+                        // 키워드 검색
+                        else if (r.type === 'search') {
+                            return ((0, jsx_runtime_1.jsx)("div", { style: {
+                                    background: 'white',
+                                    border: '1px solid #E3E6ED',
+                                    padding: '20px 30px 16px',
+                                    display: 'flex',
+                                    flexDirection: 'column',
+                                    gap: 16,
+                                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                                        display: 'flex',
+                                        flexWrap: 'wrap',
+                                        alignItems: 'center',
+                                    }, children: [(0, jsx_runtime_1.jsx)("p", { style: { fontSize: 15, flexBasis: '100px' }, children: r.title }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(antd_1.Space.Compact, { size: "middle", children: [(0, jsx_runtime_1.jsx)(antd_1.Select, { placeholder: "\uC120\uD0DD", allowClear: true, value: r.keywordType, style: { width: 120 }, options: r.keywordTypeOption, onChange: (val) => {
+                                                            r.onChangeKeywordType(val);
+                                                        } }), (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: "\uAC80\uC0C9\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.", value: r.keyword, onChange: (e) => {
+                                                            r.onChangeKeyword(e.target.value);
+                                                        }, style: { width: 250 }, onPressEnter: onSearch })] }) })] }, `filter-${i}`) }, `filter-container-${i}`));
+                        }
+                    })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                            width: '100%',
+                            display: 'flex',
+                            justifyContent: 'center',
+                            background: 'white',
+                            border: '1px solid #E3E6ED',
+                            padding: '16px 30px 16px',
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "middle", style: { width: 100 }, onClick: () => {
+                                    onInitFilter();
+                                }, children: "\uCD08\uAE30\uD654" }), (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", size: "middle", style: { width: 100 }, onClick: onSearch, children: "\uAC80\uC0C9" }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1, display: 'flex', justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsxs)(antd_1.Button, { size: "middle", onClick: () => setHideOption(!hideOption), children: [hideOption ? '상세 검색 펼치기' : '상세 검색 접기', (0, jsx_runtime_1.jsx)(bs_1.BsChevronDown, { style: { color: '#999', transform: hideOption ? 'rotate(0deg)' : 'rotate(180deg)', transition: 'transform 0.3s' } })] }) })] })] }), (0, jsx_runtime_1.jsx)("div", { style: { height: 12 } }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    background: 'white',
+                    border: '1px solid #E3E6ED'
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { padding: '20px 30px 16px', borderBottom: '1px solid #E3E6ED' }, children: (0, jsx_runtime_1.jsxs)("p", { style: { fontSize: 16 }, children: ["\uBAA9\uB85D ( \uCD1D ", (0, jsx_runtime_1.jsx)("span", { style: { color: primaryColor, fontWeight: '600' }, children: ((_b = fetch.data) === null || _b === void 0 ? void 0 : _b.total) || 0 }), " \uAC1C )"] }) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '20px 30px 16px' }, children: (0, jsx_runtime_1.jsx)(antd_1.Table, { rowKey: (r) => r[rowKey], bordered: true, loading: fetch.isLoading, dataSource: dataSet, columns: columns, scroll: { x: 1024, y: 500 }, showSorterTooltip: false, sortDirections: ['descend', 'ascend'], pagination: {
+                                current: parseInt(searchParams.page || '1'),
+                                pageSize: parseInt(searchParams.limit || '10'),
+                                total: total,
+                                showSizeChanger: true,
+                                pageSizeOptions: ['10', '20', '50', '100'],
+                            }, onChange: onChangeGrid }) })] })] }));
+};
+exports.default = Component;

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

@@ -0,0 +1,5 @@
+export interface HeaderProps {
+    logo: React.ReactNode;
+}
+declare const Component: ({ logo }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Header.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("next-auth/react");
+const navigation_1 = require("next/navigation");
+const color_1 = require("../../color");
+const Component = ({ logo }) => {
+    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;
+    // 로그아웃
+    const handleLogout = () => {
+        (0, react_1.signOut)();
+    };
+    return ((0, jsx_runtime_1.jsxs)("header", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            height: '56px',
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            zIndex: 20,
+            background: color_1.bg100,
+        }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        paddingLeft: '24px',
+                        cursor: 'pointer',
+                    }, onClick: () => {
+                        router.push('/');
+                    }, children: logo }) }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsx)("div", { style: { paddingRight: '24px' }, children: 
+                // 로그인 됨
+                user ?
+                    (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("p", { style: { color: 'white' }, children: [user.id, " \uB2D8"] }) }), (0, jsx_runtime_1.jsx)("div", { style: { cursor: 'pointer' }, onClick: handleLogout, children: (0, jsx_runtime_1.jsx)("p", { style: { color: 'white' }, children: "\uB85C\uADF8\uC544\uC6C3" }) })] })
+                    :
+                        // 로그인 안됨
+                        (0, jsx_runtime_1.jsx)("div", {}) })] }));
+};
+exports.default = Component;

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

@@ -0,0 +1,5 @@
+export interface Header2Props {
+    logo: React.ReactNode;
+}
+declare const Component: ({ logo }: Header2Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Header2.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Component = ({ logo }) => {
+    return ((0, jsx_runtime_1.jsx)("header", { style: {
+            width: '100%',
+            height: '56px',
+            background: 'white',
+            borderBottom: `1px solid #E4E4E7`,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }, children: logo }) }));
+};
+exports.default = Component;

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

@@ -0,0 +1,5 @@
+export interface PageProps {
+    children?: React.ReactNode;
+}
+declare const Component: ({ children }: PageProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Page.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Aside_1 = require("./Aside");
+const jotai_1 = require("jotai");
+const Component = ({ children }) => {
+    // 사이드바 열림 상태
+    const [asideOpen, setAsideOpen] = (0, jotai_1.useAtom)(Aside_1.asideAtom);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            padding: `56px 0px 0px ${asideOpen ? 210 : 0}px`, minHeight: "100dvh",
+            transition: 'all 0.3s',
+        }, children: children }));
+};
+exports.default = Component;

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

@@ -0,0 +1,7 @@
+export interface PageTitleProps {
+    title: string;
+    section1?: React.ReactNode;
+    section2?: React.ReactNode;
+}
+declare const Component: ({ title, section1, section2 }: PageTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/PageTitle.js

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cg_1 = require("react-icons/cg");
+const Aside_1 = require("./Aside");
+const jotai_1 = require("jotai");
+const Component = ({ title, section1, section2 }) => {
+    // 사이드바 열림 상태
+    const [asideOpen, setAsideOpen] = (0, jotai_1.useAtom)(Aside_1.asideAtom);
+    return ((0, jsx_runtime_1.jsxs)("section", { style: {
+            display: 'flex', alignItems: 'center',
+            width: '100%', height: 60, background: '#fff',
+            transition: 'all 0.3s',
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    width: 26, height: 60, background: '#EEF0F5',
+                    borderRight: '1px solid #DCDDE2', borderBottom: '1px solid #DCDDE2',
+                    display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer'
+                }, onClick: () => setAsideOpen(!asideOpen), children: (0, jsx_runtime_1.jsx)(cg_1.CgChevronLeft, { style: { color: '#616673', fontSize: 16, transform: asideOpen ? 'rotate(0deg)' : 'rotate(180deg)', transition: 'transform 0.3s ease' } }) }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, display: 'flex', alignItems: 'center', height: '100%', borderBottom: '1px solid #E4E7EE', }, children: [(0, jsx_runtime_1.jsx)("div", { style: { padding: '0px 30px' }, children: (0, jsx_runtime_1.jsx)("p", { style: { fontSize: 20, fontWeight: '600' }, children: title }) }), (0, jsx_runtime_1.jsx)("section", { style: { flex: 1 }, children: section1 }), (0, jsx_runtime_1.jsx)("section", { style: { flex: 1 }, children: section2 })] })] }));
+};
+exports.default = Component;

package/dist/image.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -15,21 +48,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteS3Object = exports.convertWebpAndUploadBuffer = exports.convertWebpAndUploadFile = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
 const client_s3_1 = require("@aws-sdk/client-s3");
-const sharp_1 = __importDefault(require("sharp"));
 const Bucket = process.env.AWS_S3_BUCKET || ""; // 'secret-order';
-const s3 = new client_s3_1.S3Client({
-    region: process.env.AWS_REGION || "",
-    credentials: {
-        accessKeyId: process.env.AWS_ACCESS_KEY_ID || "",
-        secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY || "",
-    },
-});
+let s3 = null;
+const getS3Client = () => {
+    if (!s3) {
+        s3 = new client_s3_1.S3Client({
+            region: process.env.AWS_REGION || "",
+            credentials: {
+                accessKeyId: process.env.AWS_ACCESS_KEY_ID || "",
+                secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY || "",
+            },
+        });
+    }
+    return s3;
+};
 // 이미지를 webp로 변환 후 업로드
 const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, path, fileName, size }) {
     try {
         const buffer = yield file.arrayBuffer();
         // 이미지를 webp로 변환
-        const convert = yield (0, sharp_1.default)(buffer).webp({
+        const sharp = (yield Promise.resolve().then(() => __importStar(require("sharp")))).default;
+        const convert = yield sharp(buffer).webp({
             quality: 90,
             // lossless: true,
             // nearLossless: true,
@@ -39,7 +78,7 @@ const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, functio
         if (!convert) {
             throw new Error('이미지 변환에 실패했습니다.');
         }
-        const resized = size ? yield (0, sharp_1.default)(convert)
+        const resized = size ? yield sharp(convert)
             .resize({ width: size, withoutEnlargement: true })
             .toBuffer() : convert;
         if (!fileName)
@@ -47,7 +86,7 @@ const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, functio
         // 스트림을 사용하여 S3에 업로드
         const Key = `${path}/${fileName}.webp`;
         // S3에 업로드하고 결과 출력
-        const res = yield s3.send(new client_s3_1.PutObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.PutObjectCommand({
             Bucket,
             Key,
             Body: resized,
@@ -65,7 +104,8 @@ exports.convertWebpAndUploadFile = convertWebpAndUploadFile;
 const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, function* ({ buffer, path, fileName, size }) {
     try {
         // 이미지를 webp로 변환
-        const convert = yield (0, sharp_1.default)(buffer).webp({
+        const sharp = (yield Promise.resolve().then(() => __importStar(require("sharp")))).default;
+        const convert = yield sharp(buffer).webp({
             quality: 90,
             // lossless: true,
             // nearLossless: true,
@@ -75,7 +115,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
         if (!convert) {
             throw new Error('이미지 변환에 실패했습니다.');
         }
-        const resized = size ? yield (0, sharp_1.default)(convert)
+        const resized = size ? yield sharp(convert)
             .resize({ width: size, withoutEnlargement: true })
             .toBuffer() : convert;
         if (!fileName)
@@ -83,7 +123,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
         // 스트림을 사용하여 S3에 업로드
         const Key = `${path}/${fileName}.webp`;
         // S3에 업로드하고 결과 출력
-        const res = yield s3.send(new client_s3_1.PutObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.PutObjectCommand({
             Bucket,
             Key,
             Body: resized,
@@ -99,7 +139,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
 exports.convertWebpAndUploadBuffer = convertWebpAndUploadBuffer;
 const deleteS3Object = (key) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const res = yield s3.send(new client_s3_1.DeleteObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.DeleteObjectCommand({
             Bucket,
             Key: key,
         }));

package/dist/index.d.ts

@@ -1,3 +1,16 @@
+import util from './util';
+import image from './image';
+import ReactQueryRegistry from './components/registry/ReactQueryRegistry';
+import AntdRegistry from "./components/registry/AntdRegistry";
+import NextAuthRegistry from './components/registry/NextAuthRegistry';
+import ErrorRegistry from './components/registry/ErrorRegistry';
+import PageTitle from './components/ui/PageTitle';
+import Header from './components/ui/Header';
+import Header2 from './components/ui/Header2';
+import Aside from './components/ui/Aside';
+import Page from './components/ui/Page';
+import Checkbox from './components/ui/Checkbox';
+import Grid from './components/ui/Grid';
 declare const _default: {
     util: {
         format: {
@@ -30,6 +43,16 @@ declare const _default: {
             time: (sec: number) => string;
             diffProperties: (prev: any, next: any) => any;
         };
+        validate: {
+            id: (value: string) => {
+                message: string;
+                result: boolean;
+            };
+            password: (value: string) => {
+                message: string;
+                result: boolean;
+            };
+        };
     };
     image: {
         convertWebpAndUploadFile: ({ file, path, fileName, size }: {
@@ -96,5 +119,17 @@ declare const _default: {
             $metadata: import("@smithy/types").ResponseMetadata;
         }>;
     };
+    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;
+    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;
+    ReactQueryRegistry: import("react").MemoExoticComponent<({ children }: import("./components/registry/ReactQueryRegistry").Props) => import("react/jsx-runtime").JSX.Element>;
+    AntdRegistry: ({ size, theme, children }: import("./components/registry/AntdRegistry").RootLayoutProps) => import("react/jsx-runtime").JSX.Element;
+    NextAuthRegistry: import("react").MemoExoticComponent<({ children }: import("./components/registry/NextAuthRegistry").Props) => import("react/jsx-runtime").JSX.Element>;
+    ErrorRegistry: ({ children }: import("./components/registry/ErrorRegistry").Props) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: ({ label, checked, primaryColor, onChange }: import("./components/ui/Checkbox").Props) => import("react/jsx-runtime").JSX.Element;
+    Grid: <T>({ rowKey, primaryColor, searchParams, fetch, dataSet, columns, searchFilter, onSearch, onInitFilter, onChangeGrid }: import("./components/ui/Grid").Props<T>) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
+export { util, image, Header, Header2, Aside, Page, PageTitle, ReactQueryRegistry, AntdRegistry, NextAuthRegistry, ErrorRegistry, Checkbox, Grid };

package/dist/index.js

@@ -3,9 +3,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = exports.Checkbox = exports.ErrorRegistry = exports.NextAuthRegistry = exports.AntdRegistry = exports.ReactQueryRegistry = exports.PageTitle = exports.Page = exports.Aside = exports.Header2 = exports.Header = exports.image = exports.util = void 0;
 const util_1 = __importDefault(require("./util"));
+exports.util = util_1.default;
 const image_1 = __importDefault(require("./image"));
-exports.default = {
-    util: util_1.default,
-    image: image_1.default,
-};
+exports.image = image_1.default;
+const ReactQueryRegistry_1 = __importDefault(require("./components/registry/ReactQueryRegistry"));
+exports.ReactQueryRegistry = ReactQueryRegistry_1.default;
+const AntdRegistry_1 = __importDefault(require("./components/registry/AntdRegistry"));
+exports.AntdRegistry = AntdRegistry_1.default;
+const NextAuthRegistry_1 = __importDefault(require("./components/registry/NextAuthRegistry"));
+exports.NextAuthRegistry = NextAuthRegistry_1.default;
+const ErrorRegistry_1 = __importDefault(require("./components/registry/ErrorRegistry"));
+exports.ErrorRegistry = ErrorRegistry_1.default;
+const PageTitle_1 = __importDefault(require("./components/ui/PageTitle"));
+exports.PageTitle = PageTitle_1.default;
+const Header_1 = __importDefault(require("./components/ui/Header"));
+exports.Header = Header_1.default;
+const Header2_1 = __importDefault(require("./components/ui/Header2"));
+exports.Header2 = Header2_1.default;
+const Aside_1 = __importDefault(require("./components/ui/Aside"));
+exports.Aside = Aside_1.default;
+const Page_1 = __importDefault(require("./components/ui/Page"));
+exports.Page = Page_1.default;
+const Checkbox_1 = __importDefault(require("./components/ui/Checkbox"));
+exports.Checkbox = Checkbox_1.default;
+const Grid_1 = __importDefault(require("./components/ui/Grid"));
+exports.Grid = Grid_1.default;
+exports.default = { util: util_1.default, image: image_1.default, Header: Header_1.default, Header2: Header2_1.default, Aside: Aside_1.default, Page: Page_1.default, PageTitle: PageTitle_1.default, ReactQueryRegistry: ReactQueryRegistry_1.default, AntdRegistry: AntdRegistry_1.default, NextAuthRegistry: NextAuthRegistry_1.default, ErrorRegistry: ErrorRegistry_1.default, Checkbox: Checkbox_1.default, Grid: Grid_1.default };

package/dist/util.d.ts

@@ -1,3 +1,16 @@
+export declare const validate: {
+    /**
+     * 아이디 검증
+     */
+    id: (value: string) => {
+        message: string;
+        result: boolean;
+    };
+    password: (value: string) => {
+        message: string;
+        result: boolean;
+    };
+};
 export declare const format: {
     /**
      * 숫자에 3자리마다 콤마(,) 추가
@@ -65,5 +78,18 @@ declare const _default: {
         time: (sec: number) => string;
         diffProperties: (prev: any, next: any) => any;
     };
+    validate: {
+        /**
+         * 아이디 검증
+         */
+        id: (value: string) => {
+            message: string;
+            result: boolean;
+        };
+        password: (value: string) => {
+            message: string;
+            result: boolean;
+        };
+    };
 };
 export default _default;

package/dist/util.js

@@ -1,6 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.get = exports.feature = exports.is = exports.format = void 0;
+exports.get = exports.feature = exports.is = exports.format = exports.validate = void 0;
+exports.validate = {
+    /**
+     * 아이디 검증
+     */
+    id: (value) => {
+        let message = "";
+        let result = false;
+        value = value.trim();
+        if (value.length === 0) {
+            message = "아이디를 입력해주세요.";
+            result = false;
+        }
+        else if (value.length < 5 || value.length >= 50) {
+            message = "아이디는 5자 이상 50자 미만이어야 합니다.";
+            result = false;
+        }
+        else if (!/^[a-z]/.test(value)) {
+            message = "아이디는 영소문자로 시작해야 합니다.";
+            result = false;
+        }
+        else {
+            message = "";
+            result = true;
+        }
+        return { message, result };
+    },
+    password: (value) => {
+        let message = "";
+        let result = false;
+        value = value.trim();
+        if (value.length === 0) {
+            message = "비밀번호를 입력해주세요.";
+            result = false;
+        }
+        else if (value.length < 6 || value.length > 20) {
+            message = "비밀번호는 6자 이상 20자 이하이어야 합니다.";
+            result = false;
+        }
+        else if (!/^(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[!@#$%^&*()_+|<>?:{}])/.test(value)) {
+            message = "비밀번호는 영문, 숫자, 특수문자를 포함해야 합니다.";
+            result = false;
+        }
+        else {
+            message = "";
+            result = true;
+        }
+        return { message, result };
+    }
+};
 exports.format = {
     /**
      * 숫자에 3자리마다 콤마(,) 추가
@@ -200,5 +249,6 @@ exports.default = {
     format: exports.format,
     is: exports.is,
     feature: exports.feature,
-    get: exports.get
+    get: exports.get,
+    validate: exports.validate,
 };