linkup-lib 0.1.12 → 0.1.13

package/dist/components/registry/AntdRegistry.js

@@ -25,6 +25,12 @@ const _theme = {
             rowSelectedBg: '#f4f4f5',
             rowSelectedHoverBg: '#f4f4f5',
         },
+        Radio: {
+            borderRadiusSM: 0,
+            borderRadiusXS: 0,
+            borderRadiusLG: 0,
+            borderRadius: 0,
+        },
         Input: {
             borderRadiusSM: 0,
             borderRadiusXS: 0,
@@ -42,6 +48,7 @@ const _theme = {
             borderRadiusXS: 0,
             borderRadiusLG: 0,
             borderRadius: 0,
+            optionSelectedBg: '#E5E5E5',
         }
     }
 };

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface Props {
+    title: string;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+    required?: boolean;
+}
+declare const Component: ({ title, defaultOpen, children, required }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/DescriptionCard.js

@@ -0,0 +1,17 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const react_1 = __importDefault(require("react"));
+const bs_1 = require("react-icons/bs");
+const lu_1 = require("react-icons/lu");
+const Component = ({ title, defaultOpen = false, children, required = false }) => {
+    // 열림 여부
+    const [open, setOpen] = react_1.default.useState(defaultOpen);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "border border-zinc-200", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-white flex items-center justify-between px-7 py-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("p", { className: "font-bold text-base", children: title }), required && ((0, jsx_runtime_1.jsx)(lu_1.LuAsterisk, { className: "text-red-500 text-xs mb-2" }))] }), (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "middle", icon: open ? (0, jsx_runtime_1.jsx)(bs_1.BsChevronUp, {}) : (0, jsx_runtime_1.jsx)(bs_1.BsChevronDown, {}), onClick: () => setOpen(!open) })] }), open && ((0, jsx_runtime_1.jsx)("div", { className: "border-t border-zinc-200 bg-white", children: children }))] }));
+};
+exports.default = Component;

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

@@ -0,0 +1,8 @@
+export interface Props {
+    title: string;
+    children: React.ReactNode;
+    required?: boolean;
+    bordered?: boolean;
+}
+declare const Component: ({ title, children, required, bordered }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/DescriptionItem.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const Component = ({ title, children, required = false, bordered = false }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex", style: {
+            borderBottom: bordered ? '1px solid #E5E5E5' : 'none',
+            paddingBottom: bordered ? '16px' : '0px',
+            marginBottom: bordered ? '16px' : '0px',
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex w-40 pt-1", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), required && ((0, jsx_runtime_1.jsx)(lu_1.LuAsterisk, { className: "text-red-500 text-xs mb-2" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: children })] }));
+};
+exports.default = Component;

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

@@ -0,0 +1,11 @@
+export interface EditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    height?: string;
+    maxHeight?: string;
+    className?: string;
+}
+declare const Editor: ({ value, onChange, placeholder, readOnly, height, maxHeight, className }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export default Editor;

package/dist/components/ui/Editor.js

@@ -0,0 +1,119 @@
+"use strict";
+"use client";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dynamic_1 = __importDefault(require("next/dynamic"));
+// @ts-ignore
+// import 'react-quill-new/dist/quill.snow.css';
+// ReactQuill loading component
+const EditorLoader = () => ((0, jsx_runtime_1.jsx)("div", { className: "h-75 w-full bg-zinc-50 animate-pulse border border-zinc-200 rounded-md flex items-center justify-center text-zinc-400", children: "\uC5D0\uB514\uD130 \uB85C\uB529\uC911..." }));
+const ReactQuill = (0, dynamic_1.default)(() => __awaiter(void 0, void 0, void 0, function* () {
+    const { default: RQ } = yield Promise.resolve().then(() => __importStar(require('react-quill-new')));
+    // react-quill 내부에서 document 객체를 사용할 때 에러 방지
+    return (_a) => {
+        var { forwardedRef } = _a, props = __rest(_a, ["forwardedRef"]);
+        return (0, jsx_runtime_1.jsx)(RQ, Object.assign({ ref: forwardedRef }, props));
+    };
+}), {
+    ssr: false,
+    loading: () => (0, jsx_runtime_1.jsx)(EditorLoader, {})
+});
+const Editor = ({ value, onChange, placeholder, readOnly = false, height = "400px", maxHeight, className = "" }) => {
+    const modules = (0, react_1.useMemo)(() => {
+        return {
+            toolbar: {
+                container: [
+                    [{ 'header': [1, 2, 3, false] }],
+                    ['bold', 'italic', 'underline', 'strike', 'blockquote'],
+                    [{ 'color': [] }, { 'background': [] }],
+                    [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+                    [{ 'align': [] }],
+                    ['link', 'image'],
+                    ['clean']
+                ],
+            }
+        };
+    }, []);
+    const formats = [
+        'header',
+        'bold', 'italic', 'underline', 'strike', 'blockquote',
+        'color', 'background',
+        'list',
+        'align',
+        'link', 'image'
+    ];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `drinkit-editor-wrapper ${className}`, children: [(0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: `
+                .drinkit-editor-wrapper .ql-container {
+                    min-height: ${height};
+                    font-size: 16px;
+                    border-bottom-left-radius: 0.5rem;
+                    border-bottom-right-radius: 0.5rem;
+                }
+                .drinkit-editor-wrapper .ql-toolbar {
+                    border-top-left-radius: 0.5rem;
+                    border-top-right-radius: 0.5rem;
+                }
+                .drinkit-editor-wrapper .ql-editor {
+                    min-height: ${height};
+                    ${maxHeight ? `max-height: ${maxHeight}; overflow-y: auto;` : ''}
+                }
+            ` }), (0, jsx_runtime_1.jsx)(ReactQuill, { theme: "snow", value: value, onChange: onChange, modules: modules, formats: formats, placeholder: placeholder, readOnly: readOnly })] }));
+};
+exports.default = Editor;

package/dist/index.d.ts

@@ -8,6 +8,9 @@ import Aside from './components/ui/Aside';
 import Page from './components/ui/Page';
 import Checkbox from './components/ui/Checkbox';
 import Grid from './components/ui/Grid';
+import DescriptionItem from './components/ui/DescriptionItem';
+import DescriptionCard from './components/ui/DescriptionCard';
+import Editor from './components/ui/Editor';
 declare const _default: {
     util: {
         format: {
@@ -16,6 +19,7 @@ declare const _default: {
             tel: (tel: string) => string;
             bizNum: (bizNum: string) => string;
             email: (email: string) => boolean;
+            korNum: (num: number) => string;
         };
         is: {
             isEng: (s: string) => boolean;
@@ -137,6 +141,9 @@ declare const _default: {
     LinkupProvider: ({ size, children, color, theme }: import("./components/registry/Registry").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, columns, searchFilter, onSearch, onInitFilter, onChangeGrid, onChangeSelectedKey, buttons }: import("./components/ui/Grid").Props<T>) => import("react/jsx-runtime").JSX.Element;
+    DescriptionItem: ({ title, children, required, bordered }: import("./components/ui/DescriptionItem").Props) => import("react/jsx-runtime").JSX.Element;
+    DescriptionCard: ({ title, defaultOpen, children, required }: import("./components/ui/DescriptionCard").Props) => import("react/jsx-runtime").JSX.Element;
+    Editor: ({ value, onChange, placeholder, readOnly, height, maxHeight, className }: import("./components/ui/Editor").EditorProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-export { util, image, Header, Header2, Aside, Page, PageTitle, LinkupProvider, Checkbox, Grid };
+export { util, image, Header, Header2, Aside, Page, PageTitle, LinkupProvider, Checkbox, Grid, DescriptionItem, DescriptionCard, Editor };

package/dist/index.js

@@ -3,7 +3,7 @@ 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.LinkupProvider = exports.PageTitle = exports.Page = exports.Aside = exports.Header2 = exports.Header = exports.image = exports.util = void 0;
+exports.Editor = exports.DescriptionCard = exports.DescriptionItem = exports.Grid = exports.Checkbox = exports.LinkupProvider = 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"));
@@ -24,4 +24,10 @@ 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, LinkupProvider: Registry_1.default, Checkbox: Checkbox_1.default, Grid: Grid_1.default };
+const DescriptionItem_1 = __importDefault(require("./components/ui/DescriptionItem"));
+exports.DescriptionItem = DescriptionItem_1.default;
+const DescriptionCard_1 = __importDefault(require("./components/ui/DescriptionCard"));
+exports.DescriptionCard = DescriptionCard_1.default;
+const Editor_1 = __importDefault(require("./components/ui/Editor"));
+exports.Editor = Editor_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, LinkupProvider: Registry_1.default, Checkbox: Checkbox_1.default, Grid: Grid_1.default, DescriptionItem: DescriptionItem_1.default, DescriptionCard: DescriptionCard_1.default, Editor: Editor_1.default };

package/dist/util.d.ts

@@ -32,6 +32,7 @@ export declare const format: {
     tel: (tel: string) => string;
     bizNum: (bizNum: string) => string;
     email: (email: string) => boolean;
+    korNum: (num: number) => string;
 };
 export declare const is: {
     isEng: (s: string) => boolean;
@@ -67,6 +68,7 @@ declare const _default: {
         tel: (tel: string) => string;
         bizNum: (bizNum: string) => string;
         email: (email: string) => boolean;
+        korNum: (num: number) => string;
     };
     is: {
         isEng: (s: string) => boolean;

package/dist/util.js

@@ -168,6 +168,36 @@ exports.format = {
     email: (email) => {
         const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
         return emailPattern.test(email);
+    },
+    korNum: (num) => {
+        const units = ['', '만', '억', '조', '경'];
+        const smallUnits = ['', '십', '백', '천'];
+        const kDigits = ['', '일', '이', '삼', '사', '오', '육', '칠', '팔', '구'];
+        if (num === 0)
+            return '영';
+        let result = '';
+        let unitIndex = 0;
+        while (num > 0) {
+            const chunk = num % 10000;
+            if (chunk > 0) {
+                let chunkStr = '';
+                let temp = chunk;
+                let smallUnitIndex = 0;
+                while (temp > 0) {
+                    const digit = temp % 10;
+                    if (digit > 0) {
+                        const digitStr = (digit === 1 && smallUnitIndex > 0) ? '' : kDigits[digit];
+                        chunkStr = digitStr + smallUnits[smallUnitIndex] + chunkStr;
+                    }
+                    temp = Math.floor(temp / 10);
+                    smallUnitIndex++;
+                }
+                result = chunkStr + units[unitIndex] + (result ? ' ' + result : '');
+            }
+            num = Math.floor(num / 10000);
+            unitIndex++;
+        }
+        return result;
     }
 };
 exports.is = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkup-lib",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "링크업 패키지",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -54,6 +54,7 @@
     "next-auth": "^4.24.13",
     "react-error-boundary": "^6.0.2",
     "react-icons": "^5.5.0",
+    "react-quill-new": "^3.7.0",
     "sharp": "^0.34.5"
   },
   "peerDependencies": {