@lotte-innovate/ui-component-test 0.0.156 → 0.0.158
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -9
- package/dist/globals.css +2 -2
- package/dist/lib/Typography/Text/index.mjs +1 -1
- package/dist/lib/color/constants.js +1 -1
- package/dist/lib/color/constants.mjs +1 -1
- package/dist/lib/color/constants.mjs.map +1 -1
- package/dist/lib/components/Avatar/index.js +1 -0
- package/dist/lib/components/Avatar/index.mjs +1 -1
- package/dist/lib/components/Badge/index.js +3 -3
- package/dist/lib/components/Badge/index.mjs +1 -1
- package/dist/lib/components/Box/index.js +2 -2
- package/dist/lib/components/Box/index.mjs +1 -1
- package/dist/lib/components/Box/index.mjs.map +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbLink.js +2 -2
- package/dist/lib/components/Breadcrumb/BreadcrumbLink.mjs +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbLink.mjs.map +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbPage.js +3 -3
- package/dist/lib/components/Breadcrumb/BreadcrumbPage.mjs +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbPage.mjs.map +1 -1
- package/dist/lib/components/Breadcrumb/BreadcrumbRoot.js +2 -2
- package/dist/lib/components/Breadcrumb/BreadcrumbRoot.mjs +1 -1
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +1 -1
- package/dist/lib/components/CheckboxGroup/index.d.ts +1 -1
- package/dist/lib/components/Container/index.js +2 -2
- package/dist/lib/components/Container/index.mjs +1 -1
- package/dist/lib/components/Container/index.mjs.map +1 -1
- package/dist/lib/components/Datepicker/index.d.ts +2 -1
- package/dist/lib/components/Datepicker/index.js +6 -3
- package/dist/lib/components/Datepicker/index.mjs +1 -1
- package/dist/lib/components/Dialog/DialogAction.mjs +1 -1
- package/dist/lib/components/Dialog/DialogCancel.js +1 -1
- package/dist/lib/components/Dialog/DialogCancel.mjs +1 -1
- package/dist/lib/components/Dialog/DialogContent.js +1 -1
- package/dist/lib/components/Dialog/DialogContent.mjs +1 -1
- package/dist/lib/components/Dialog/DialogRoot.d.ts +2 -2
- package/dist/lib/components/Dialog/DialogTrigger.js +1 -0
- package/dist/lib/components/Dialog/DialogTrigger.mjs +1 -0
- package/dist/lib/components/Dialog/DialogTrigger.mjs.map +1 -1
- package/dist/lib/components/Dialog/index.d.ts +1 -1
- package/dist/lib/components/Dialog/index.js +16 -16
- package/dist/lib/components/Dialog/index.mjs.map +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +3 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.mjs +1 -1
- package/dist/lib/components/Editor/index.d.ts +0 -1
- package/dist/lib/components/Editor/index.js +11 -2
- package/dist/lib/components/Editor/index.mjs +1 -1
- package/dist/lib/components/Flex/index.js +2 -2
- package/dist/lib/components/Flex/index.mjs +1 -1
- package/dist/lib/components/Flex/index.mjs.map +1 -1
- package/dist/lib/components/Gnb/GnbInfo.js +2 -2
- package/dist/lib/components/Gnb/GnbInfo.mjs +1 -1
- package/dist/lib/components/Gnb/GnbLogo.js +1 -1
- package/dist/lib/components/Gnb/GnbLogo.mjs +1 -1
- package/dist/lib/components/Gnb/GnbLogo.mjs.map +1 -1
- package/dist/lib/components/Gnb/GnbMenuItem.js +1 -1
- package/dist/lib/components/Gnb/GnbMenuItem.mjs +1 -1
- package/dist/lib/components/Grid/NumberingPagination.js +64 -22
- package/dist/lib/components/Grid/NumberingPagination.mjs +1 -1
- package/dist/lib/components/Grid/NumberingPagination.mjs.map +1 -1
- package/dist/lib/components/Grid/index.d.ts +1 -0
- package/dist/lib/components/Grid/index.js +57 -39
- package/dist/lib/components/Grid/index.mjs +1 -1
- package/dist/lib/components/Grid/useGrid.js +30 -14
- package/dist/lib/components/Grid/useGrid.mjs +1 -1
- package/dist/lib/components/IconButton/index.js +10 -10
- package/dist/lib/components/IconButton/index.mjs +1 -1
- package/dist/lib/components/Modal/ModalAction.js +1 -1
- package/dist/lib/components/Modal/ModalAction.mjs +1 -1
- package/dist/lib/components/Modal/ModalCancel.mjs +1 -1
- package/dist/lib/components/Modal/ModalTitle.js +1 -1
- package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
- package/dist/lib/components/Radio/index.js +3 -2
- package/dist/lib/components/Radio/index.mjs +1 -1
- package/dist/lib/components/SearchBar/index.js +2 -2
- package/dist/lib/components/SearchBar/index.mjs +1 -1
- package/dist/lib/components/Select/index.d.ts +2 -2
- package/dist/lib/components/Select/index.js +1 -1
- package/dist/lib/components/Select/index.mjs +1 -1
- package/dist/lib/components/SideBar/index.d.ts +27 -0
- package/dist/lib/components/SideBar/index.js +17 -4
- package/dist/lib/components/SideBar/index.mjs +1 -1
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/index.js +17 -10
- package/dist/lib/components/Table/index.mjs +1 -1
- package/dist/lib/components/Tabs/DynamicTabs.d.ts +4 -2
- package/dist/lib/components/Tabs/DynamicTabs.js +21 -16
- package/dist/lib/components/Tabs/DynamicTabs.mjs +1 -1
- package/dist/lib/components/TextField/index.js +2 -0
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/components/Tree/index.d.ts +1 -0
- package/dist/lib/components/Tree/index.js +22 -1
- package/dist/lib/components/Tree/index.mjs +1 -1
- package/dist/lib/components/Tree/index.mjs.map +1 -1
- package/dist/lib/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useLoadTinyMCE.d.ts +1 -37
- package/dist/lib/utils/useLoadTinyMCE.js +151 -36
- package/dist/lib/utils/useLoadTinyMCE.mjs +2 -0
- package/dist/lib/utils/useLoadTinyMCE.mjs.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t}from"react";import{Dialog as o}from"@radix-ui/themes";import{cva as n}from"class-variance-authority";import{DialogContext as a}from"./DialogRoot.mjs";import{cn as i}from"../../utils/utils.mjs";import{Text as l}from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},s.apply(this,arguments)},m=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},p=n("rounded-md font-medium inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n active:border-none hover:cursor-pointer hover:bg-slateA-4",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-full"},size:{small:"text-xs w-[52px] h-[24px] px-2 mr-2",medium:"text-sm w-[66px] h-[32px] px-3 mr-2",large:"text-base w-[72px] h-[32px] px-3 mr-3","x-large":"text-lg w-[86px] h-[40px] px-6 mr-4"}},defaultVariants:{radius:"medium",size:"medium"}}),d=r((function(r,n){var d=r.children,u=r.className,c=m(r,["children","className"]),x=t(a),f=x.radius,h=x.size;return e(o.Close,s({ref:n,className:i(p({radius:f,size:h}),u)},c,{children:"string"==typeof d?e(l,{children:d}):d}))}));d.displayName="Dialog.Cancel";export{d as DialogCancel,p as dialogCancelVariants};
|
|
3
3
|
//# sourceMappingURL=DialogCancel.mjs.map
|
|
@@ -53,6 +53,6 @@ export var dialogContentVariants = cva("rounded-md focus:outline-none bg-white d
|
|
|
53
53
|
export var DialogContent = forwardRef(function (_a, forwardedRef) {
|
|
54
54
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
55
55
|
var _b = useContext(DialogContext), radius = _b.radius, size = _b.size, scaling = _b.scaling;
|
|
56
|
-
return (_jsx(DialogTheme.Content, __assign({ ref: forwardedRef, className: cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })));
|
|
56
|
+
return (_jsx(DialogTheme.Content, __assign({ ref: forwardedRef, "aria-describedby": undefined, className: cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })));
|
|
57
57
|
});
|
|
58
58
|
DialogContent.displayName = 'Dialog.Content';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{scalingVariants as a}from"../../constants.mjs";import{DialogContext as i}from"./DialogRoot.mjs";import{cn as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as o}from"class-variance-authority";import{Dialog as n}from"@radix-ui/themes";import{scalingVariants as a}from"../../constants.mjs";import{DialogContext as i}from"./DialogRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},l.apply(this,arguments)},m=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t},p=o("rounded-md focus:outline-none bg-white dark:bg-slateDark-1 \n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]",{variants:{radius:{none:"rounded-none",small:"rounded",medium:"rounded-lg",large:"rounded-xl",full:"rounded-xl"},size:{small:"w-[300px]",medium:"w-[400px]",large:"w-[500px]","x-large":"w-[600px]"},scaling:l({},a)},defaultVariants:{radius:"medium",size:"medium"}}),d=e((function(e,o){var a=e.children,d=e.className,u=m(e,["children","className"]),c=t(i),f=c.radius,x=c.size,_=c.scaling;return r(n.Content,l({ref:o,"aria-describedby":void 0,className:s(p({radius:f,scaling:_,size:x}),d)},u,{children:a}))}));d.displayName="Dialog.Content";export{d as DialogContent,p as dialogContentVariants};
|
|
3
3
|
//# sourceMappingURL=DialogContent.mjs.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { dialogContentVariants } from './DialogContent';
|
|
5
5
|
export interface DialogProps extends VariantProps<typeof dialogContentVariants> {
|
|
@@ -7,6 +7,6 @@ export interface DialogProps extends VariantProps<typeof dialogContentVariants>
|
|
|
7
7
|
}
|
|
8
8
|
export declare const DialogContext: React.Context<DialogProps>;
|
|
9
9
|
export declare const DialogRoot: {
|
|
10
|
-
({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof
|
|
10
|
+
({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
displayName: string;
|
|
12
12
|
};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Dialog as t}from"@radix-ui/themes";var n=function(){return n=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},n.apply(this,arguments)},o=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t},a=e((function(e,a){var i=e.children,c=e.className,l=o(e,["children","className"]);return r(t.Trigger,n({ref:a,className:c},l,{children:i}))}));a.displayName="Dialog.Trigger";export{a as DialogTrigger};
|
|
2
3
|
//# sourceMappingURL=DialogTrigger.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogTrigger.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"DialogTrigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const Dialog: {
|
|
3
3
|
Root: {
|
|
4
|
-
({ children, radius, size, scaling, color, ...props }: import("@radix-ui/
|
|
4
|
+
({ children, radius, size, scaling, color, ...props }: import("@radix-ui/react-dialog").DialogProps & import("./DialogRoot").DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/dialog").TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { DialogRoot } from './DialogRoot';
|
|
2
|
-
import { DialogTrigger } from './DialogTrigger';
|
|
3
|
-
import { DialogContent } from './DialogContent';
|
|
4
|
-
import { DialogTitle } from './DialogTitle';
|
|
5
|
-
import { DialogDescription } from './DialogDescription';
|
|
6
|
-
import { DialogSlot } from './DialogSlot';
|
|
7
|
-
import { DialogCancel } from './DialogCancel';
|
|
8
|
-
import { DialogAction } from './DialogAction';
|
|
1
|
+
import { DialogRoot as Root } from './DialogRoot';
|
|
2
|
+
import { DialogTrigger as Trigger } from './DialogTrigger';
|
|
3
|
+
import { DialogContent as Content } from './DialogContent';
|
|
4
|
+
import { DialogTitle as Title } from './DialogTitle';
|
|
5
|
+
import { DialogDescription as Description } from './DialogDescription';
|
|
6
|
+
import { DialogSlot as Slot } from './DialogSlot';
|
|
7
|
+
import { DialogCancel as Cancel } from './DialogCancel';
|
|
8
|
+
import { DialogAction as Action } from './DialogAction';
|
|
9
9
|
var Dialog = {
|
|
10
|
-
Root:
|
|
11
|
-
Trigger:
|
|
12
|
-
Content:
|
|
13
|
-
Title:
|
|
14
|
-
Description:
|
|
15
|
-
Slot:
|
|
16
|
-
Cancel:
|
|
17
|
-
Action:
|
|
10
|
+
Root: Root,
|
|
11
|
+
Trigger: Trigger,
|
|
12
|
+
Content: Content,
|
|
13
|
+
Title: Title,
|
|
14
|
+
Description: Description,
|
|
15
|
+
Slot: Slot,
|
|
16
|
+
Cancel: Cancel,
|
|
17
|
+
Action: Action,
|
|
18
18
|
};
|
|
19
19
|
export default Dialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["import { DialogRoot } from './DialogRoot';\nimport { DialogTrigger } from './DialogTrigger';\nimport { DialogContent } from './DialogContent';\nimport { DialogTitle } from './DialogTitle';\nimport { DialogDescription } from './DialogDescription';\nimport { DialogSlot } from './DialogSlot';\nimport { DialogCancel } from './DialogCancel';\nimport { DialogAction } from './DialogAction';\nvar Dialog = {\n Root:
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Dialog/index.js"],"sourcesContent":["import { DialogRoot as Root } from './DialogRoot';\nimport { DialogTrigger as Trigger } from './DialogTrigger';\nimport { DialogContent as Content } from './DialogContent';\nimport { DialogTitle as Title } from './DialogTitle';\nimport { DialogDescription as Description } from './DialogDescription';\nimport { DialogSlot as Slot } from './DialogSlot';\nimport { DialogCancel as Cancel } from './DialogCancel';\nimport { DialogAction as Action } from './DialogAction';\nvar Dialog = {\n Root: Root,\n Trigger: Trigger,\n Content: Content,\n Title: Title,\n Description: Description,\n Slot: Slot,\n Cancel: Cancel,\n Action: Action,\n};\nexport default Dialog;\n"],"names":["Dialog","Root","Trigger","Content","Title","Description","Slot","Cancel","Action"],"mappings":"oZAQG,IAACA,EAAS,CACTC,KAAMA,EACNC,QAASA,EACTC,QAASA,EACTC,MAAOA,EACPC,YAAaA,EACbC,KAAMA,EACNC,OAAQA,EACRC,OAAQA"}
|
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
|
-
import { forwardRef, useContext } from 'react';
|
|
25
|
+
import React, { forwardRef, useContext, } from 'react';
|
|
26
26
|
import { cva } from 'class-variance-authority';
|
|
27
27
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
28
28
|
import { DropdownMenuContext } from './DropdownMenuRoot';
|
|
@@ -48,7 +48,7 @@ var dropdownMenuTriggerVariants = cva('', {
|
|
|
48
48
|
});
|
|
49
49
|
export var DropdownMenuTrigger = forwardRef(function (_a, ref) {
|
|
50
50
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
51
|
-
var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size;
|
|
52
|
-
return (_jsx(DropdownMenuPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: cn(dropdownMenuTriggerVariants({ radius: radius, size: size }), className) }, props, { children: children })));
|
|
51
|
+
var _b = useContext(DropdownMenuContext), radius = _b.radius, size = _b.size, color = _b.color;
|
|
52
|
+
return (_jsx(DropdownMenuPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: cn(dropdownMenuTriggerVariants({ radius: radius, size: size }), className) }, props, { children: React.isValidElement(children) ? React.cloneElement(children, { color: color }) : children })));
|
|
53
53
|
});
|
|
54
54
|
DropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import e,{forwardRef as o,useContext as t}from"react";import{cva as n}from"class-variance-authority";import*as a from"@radix-ui/react-dropdown-menu";import{DropdownMenuContext as i}from"./DropdownMenuRoot.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},s.apply(this,arguments)},m=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]])}return o},d=n("",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"h-6 gap-1 px-2 text-xs",medium:"h-8 gap-2 px-3 text-sm"}},defaultVariants:{radius:"medium",size:"medium"}}),u=o((function(o,n){var u=o.className,p=o.children,c=m(o,["className","children"]),f=t(i),y=f.radius,g=f.size,h=f.color;return r(a.Trigger,s({asChild:!0,ref:n,className:l(d({radius:y,size:g}),u)},c,{children:e.isValidElement(p)?e.cloneElement(p,{color:h}):p}))}));u.displayName="DropdownMenu.Trigger";export{u as DropdownMenuTrigger};
|
|
3
3
|
//# sourceMappingURL=DropdownMenuTrigger.mjs.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IAllProps } from '@tinymce/tinymce-react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import '../../../lib/utils/useLoadTinyMCE';
|
|
5
4
|
import 'tinymce/skins/ui/oxide/skin.css';
|
|
6
5
|
export interface EditorProps extends VariantProps<typeof editorVariants> {
|
|
7
6
|
language?: 'ko_KR' | 'zh_CN' | 'ja' | 'it' | 'vi';
|
|
@@ -22,10 +22,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
|
-
import { forwardRef, useEffect, useRef } from 'react';
|
|
25
|
+
import { useState, forwardRef, useEffect, useRef, } from 'react';
|
|
26
26
|
import { Editor as EditorUI } from '@tinymce/tinymce-react';
|
|
27
27
|
import { cva } from 'class-variance-authority';
|
|
28
|
-
import '../../../lib/utils/useLoadTinyMCE';
|
|
28
|
+
import { loadTinymce } from '../../../lib/utils/useLoadTinyMCE';
|
|
29
29
|
import { scalingVariants, radiusVariants } from '../../../lib/constants';
|
|
30
30
|
import { cn } from '../../../lib/utils/utils';
|
|
31
31
|
import { useTheme } from '../../../lib/theme';
|
|
@@ -51,6 +51,7 @@ var editorVariants = cva('', {
|
|
|
51
51
|
});
|
|
52
52
|
export var Editor = forwardRef(function (_a, ref) {
|
|
53
53
|
var className = _a.className, size = _a.size, scaling = _a.scaling, radius = _a.radius, init = _a.init, _b = _a.language, language = _b === void 0 ? 'en' : _b, props = __rest(_a, ["className", "size", "scaling", "radius", "init", "language"]);
|
|
54
|
+
var _c = useState(false), isClient = _c[0], setIsClient = _c[1];
|
|
54
55
|
var editorRef = useRef(null);
|
|
55
56
|
var theme = useTheme().theme;
|
|
56
57
|
var editorStyle = {
|
|
@@ -67,6 +68,11 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
67
68
|
radiusTheme = '12px';
|
|
68
69
|
if (editorStyle.radius === 'full')
|
|
69
70
|
radiusTheme = '16px';
|
|
71
|
+
useEffect(function () {
|
|
72
|
+
loadTinymce().then(function () {
|
|
73
|
+
setIsClient(true);
|
|
74
|
+
});
|
|
75
|
+
}, []);
|
|
70
76
|
useEffect(function () {
|
|
71
77
|
if (editorRef.current) {
|
|
72
78
|
var editorContainer = editorRef.current.getContainer();
|
|
@@ -75,6 +81,9 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
75
81
|
}
|
|
76
82
|
}
|
|
77
83
|
}, [radiusTheme]);
|
|
84
|
+
if (!isClient) {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
78
87
|
return (_jsx("div", { className: cn(editorVariants(editorStyle), className), ref: ref, children: _jsx(EditorUI, __assign({ onInit: function (evt, editor) { return (editorRef.current = editor); }, init: __assign({ language: language, width: '100%', height: '100%', promotion: false, plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion', menubar: 'file edit view insert format tools table', toolbar: 'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl', autosave_ask_before_unload: true, autosave_interval: '30s', autosave_restore_when_empty: false, autosave_retention: '2m', image_advtab: true, image_caption: true, quickbars_selection_toolbar: '', toolbar_mode: 'sliding', skin: false, content_css: false, content_style: "".concat(contentUiSkinCss, "\n").concat(contentCss, "\n body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }"), setup: function (editor) {
|
|
79
88
|
editor.ui.registry.addButton('inlinecode', {
|
|
80
89
|
icon: 'sourcecode',
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as n,useRef as i,useEffect as o}from"react";import{Editor as r}from"@tinymce/tinymce-react";import{cva as a}from"class-variance-authority";import{loadTinymce as s}from"../../utils/useLoadTinyMCE.mjs";import{radiusVariants as l,scalingVariants as c}from"../../constants.mjs";import{cn as u}from"../../utils/utils.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{marked as d}from"marked";import"tinymce/skins/ui/oxide/skin.css";import p from"!!raw-loader!tinymce/skins/ui/oxide/content.css";import f from"!!raw-loader!tinymce/skins/content/default/content.css";var g=function(){return g=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},g.apply(this,arguments)},v=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(n[i[o]]=e[i[o]])}return n},b=a("",{variants:{radius:g({},l.base),scaling:g({},c),size:{small:"w-[650px] h-[350px]",medium:"w-[700px] h-[400px]",large:"w-[750px] h-[450px]"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),h=t((function(t,a){var l=t.className,c=t.size,h=t.scaling,y=t.radius,k=t.init,x=t.language,w=void 0===x?"en":x,_=v(t,["className","size","scaling","radius","init","language"]),O=n(!1),j=O[0],N=O[1],z=i(null),C=m().theme,P={radius:null!=y?y:C.themeRadius,scaling:null!=h?h:C.themeScaling,size:c},S="8px";return"none"===P.radius&&(S="0px"),"small"===P.radius&&(S="4px"),"large"===P.radius&&(S="12px"),"full"===P.radius&&(S="16px"),o((function(){s().then((function(){N(!0)}))}),[]),o((function(){if(z.current){var e=z.current.getContainer();e&&(e.style.borderRadius="".concat(S))}}),[S]),j?e("div",{className:u(b(P),l),ref:a,children:e(r,g({onInit:function(e,t){return z.current=t},init:g({language:w,width:"100%",height:"100%",promotion:!1,plugins:"preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount charmap accordion",menubar:"file edit view insert format tools table",toolbar:"undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl",autosave_ask_before_unload:!0,autosave_interval:"30s",autosave_restore_when_empty:!1,autosave_retention:"2m",image_advtab:!0,image_caption:!0,quickbars_selection_toolbar:"",toolbar_mode:"sliding",skin:!1,content_css:!1,content_style:"".concat(p,"\n").concat(f,"\n body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }"),setup:function(e){e.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){e.formatter.toggle("code")}}),e.on("init",(function(){e.formatter.register("code",{inline:"code",remove:"all"})})),e.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var t=e.getContent({format:"text"}),n=d(t);e.setContent(n)}}),e.on("init",(function(){e.getContainer().style.borderRadius=S}))}},k)},_))}):null}));h.displayName="Editor";export{h as Editor,h as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
24
|
import { forwardRef } from 'react';
|
|
25
25
|
import { cva } from 'class-variance-authority';
|
|
26
|
-
import { Flex as FlexTheme
|
|
26
|
+
import { Flex as FlexTheme } from '@radix-ui/themes';
|
|
27
27
|
import { scalingVariants } from '../../../lib/constants';
|
|
28
28
|
import { useTheme } from '../../../lib/theme';
|
|
29
29
|
import { cn } from '../../../lib/utils/utils';
|
|
@@ -41,7 +41,7 @@ export var Flex = forwardRef(function (_a, ref) {
|
|
|
41
41
|
var flexStyle = {
|
|
42
42
|
scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
|
|
43
43
|
};
|
|
44
|
-
return (_jsx(
|
|
44
|
+
return (_jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })));
|
|
45
45
|
});
|
|
46
46
|
Flex.displayName = 'Flex';
|
|
47
47
|
export default Flex;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{Flex as a}from"@radix-ui/themes";import{scalingVariants as n}from"../../constants.mjs";import{useTheme as o}from"../../theme/ThemeProvider.mjs";import{cn as i}from"../../utils/utils.mjs";var l=function(){return l=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},l.apply(this,arguments)},s=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(e[a[n]]=r[a[n]])}return e},c=e("",{variants:{scaling:l({},n)},defaultVariants:{scaling:"100%"}}),m=t((function(t,e){var n=t.children,m=t.className,p=t.scaling,f=s(t,["children","className","scaling"]),u=o().theme,h={scaling:null!=p?p:u.themeScaling};return r(a,l({ref:e,className:i(c(h),m)},f,{children:n}))}));m.displayName="Flex";export{m as Flex,m as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Flex/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Flex as FlexTheme
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Flex/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Flex as FlexTheme } from '@radix-ui/themes';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nimport { cn } from '../../../lib/utils/utils';\nvar flexVariants = cva(\"\", {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Flex = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"scaling\"]);\n var theme = useTheme().theme;\n var flexStyle = {\n scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,\n };\n return (_jsx(FlexTheme, __assign({ ref: ref, className: cn(flexVariants(flexStyle), className) }, props, { children: children })));\n});\nFlex.displayName = 'Flex';\nexport default Flex;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","flexVariants","cva","variants","scaling","scalingVariants","defaultVariants","Flex","forwardRef","_a","ref","children","className","props","theme","useTheme","flexStyle","themeScaling","_jsx","FlexTheme","cn","displayName"],"mappings":"4TAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQIiB,EAAeC,EAAI,GAAI,CACvBC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAOC,GAAW,SAAUC,EAAIC,GACvC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWR,EAAUK,EAAGL,QAASS,EAAQjB,EAAOa,EAAI,CAAC,WAAY,YAAa,YACrHK,EAAQC,IAAWD,MACnBE,EAAY,CACZZ,QAASA,QAAyCA,EAAUU,EAAMG,cAEtE,OAAQC,EAAKC,EAAWtC,EAAS,CAAE6B,IAAKA,EAAKE,UAAWQ,EAAGnB,EAAae,GAAYJ,IAAcC,EAAO,CAAEF,SAAUA,IACzH,IACAJ,EAAKc,YAAc"}
|
|
@@ -26,7 +26,7 @@ import { forwardRef, useContext } from 'react';
|
|
|
26
26
|
import { cva } from 'class-variance-authority';
|
|
27
27
|
import { GnbContext } from './GnbRoot';
|
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
|
29
|
-
var gnbInfoVariants = cva('flex flex-1 items-center justify-end
|
|
29
|
+
var gnbInfoVariants = cva('flex flex-1 items-center justify-end', {
|
|
30
30
|
variants: {
|
|
31
31
|
size: {
|
|
32
32
|
small: 'text-xs',
|
|
@@ -41,6 +41,6 @@ var gnbInfoVariants = cva('flex flex-1 items-center justify-end space-x-2', {
|
|
|
41
41
|
export var GnbInfo = forwardRef(function (_a, ref) {
|
|
42
42
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
43
43
|
var size = useContext(GnbContext).size;
|
|
44
|
-
return (_jsx("
|
|
44
|
+
return (_jsx("nav", __assign({ className: cn(gnbInfoVariants({ size: size }), className), ref: ref }, props, { children: children })));
|
|
45
45
|
});
|
|
46
46
|
GnbInfo.displayName = 'Gnb.Info';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{GnbContext as a}from"./GnbRoot.mjs";import{cn as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{cva as n}from"class-variance-authority";import{GnbContext as a}from"./GnbRoot.mjs";import{cn as o}from"../../utils/utils.mjs";var i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)},s=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},l=n("flex flex-1 items-center justify-end",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),m=t((function(t,n){var m=t.children,c=t.className,f=s(t,["children","className"]),p=r(a).size;return e("nav",i({className:o(l({size:p}),c),ref:n},f,{children:m}))}));m.displayName="Gnb.Info";export{m as GnbInfo};
|
|
3
3
|
//# sourceMappingURL=GnbInfo.mjs.map
|
|
@@ -26,7 +26,7 @@ import { cva } from 'class-variance-authority';
|
|
|
26
26
|
import { GnbContext } from './GnbRoot';
|
|
27
27
|
import { cn } from '../../../lib/utils/utils';
|
|
28
28
|
import { Text } from '../../../lib/Typography';
|
|
29
|
-
var gnbLogoVariants = cva('mr-4 flex items-center
|
|
29
|
+
var gnbLogoVariants = cva('mr-4 flex items-center text-slate-12 dark:text-slateDark-12', {
|
|
30
30
|
variants: {
|
|
31
31
|
size: {
|
|
32
32
|
small: 'text-xs w-[140px] h-[15px]',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../../Typography/Header/index.mjs";import i
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useContext as t}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as n}from"../../utils/utils.mjs";import"../../Typography/Header/index.mjs";import{Text as i}from"../../Typography/Text/index.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},s.apply(this,arguments)},l=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},p=a("mr-4 flex items-center text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-xs w-[140px] h-[15px]",medium:"text-sm w-[150px] h-[20px]",large:"text-base w-[160px] h-[25px]"}},defaultVariants:{size:"medium"}}),m=e((function(e,a){var m=e.children,c=e.className,f=e.href,x=l(e,["children","className","href"]),u=t(o).size;return r("a",s({href:f,className:n(p({size:u}),c)},x,{children:null!=m?m:r(i,{children:"LOGO 영역"})}))}));m.displayName="Gnb.Logo";export{m as GnbLogo};
|
|
2
2
|
//# sourceMappingURL=GnbLogo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GnbLogo.mjs","sources":["../../../lib/components/Gnb/GnbLogo.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { GnbContext } from './GnbRoot';\nimport { cn } from '../../../lib/utils/utils';\nimport { Text } from '../../../lib/Typography';\nvar gnbLogoVariants = cva('mr-4 flex items-center
|
|
1
|
+
{"version":3,"file":"GnbLogo.mjs","sources":["../../../lib/components/Gnb/GnbLogo.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useContext } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { GnbContext } from './GnbRoot';\nimport { cn } from '../../../lib/utils/utils';\nimport { Text } from '../../../lib/Typography';\nvar gnbLogoVariants = cva('mr-4 flex items-center text-slate-12 dark:text-slateDark-12', {\n variants: {\n size: {\n small: 'text-xs w-[140px] h-[15px]',\n medium: 'text-sm w-[150px] h-[20px]',\n large: 'text-base w-[160px] h-[25px]',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\nexport var GnbLogo = forwardRef(function (_a, ref) {\n var children = _a.children, className = _a.className, href = _a.href, props = __rest(_a, [\"children\", \"className\", \"href\"]);\n var size = useContext(GnbContext).size;\n return (_jsx(\"a\", __assign({ href: href, className: cn(gnbLogoVariants({ size: size }), className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(Text, { children: \"LOGO \\uC601\\uC5ED\" }) })));\n});\nGnbLogo.displayName = 'Gnb.Logo';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","gnbLogoVariants","cva","variants","size","small","medium","large","defaultVariants","GnbLogo","forwardRef","_a","ref","children","className","href","props","useContext","GnbContext","_jsx","cn","Text","displayName"],"mappings":"iUAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAkBC,EAAI,8DAA+D,CACrFC,SAAU,CACNC,KAAM,CACFC,MAAO,6BACPC,OAAQ,6BACRC,MAAO,iCAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAUC,GAAW,SAAUC,EAAIC,GAC1C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAOJ,EAAGI,KAAMC,EAAQpB,EAAOe,EAAI,CAAC,WAAY,YAAa,SAC/GP,EAAOa,EAAWC,GAAYd,KAClC,OAAQe,EAAK,IAAKtC,EAAS,CAAEkC,KAAMA,EAAMD,UAAWM,EAAGnB,EAAgB,CAAEG,KAAMA,IAASU,IAAcE,EAAO,CAAEH,SAAUA,QAA2CA,EAAWM,EAAKE,EAAM,CAAER,SAAU,cAC1M,IACAJ,EAAQa,YAAc"}
|
|
@@ -43,4 +43,4 @@ export var GnbMenuItem = forwardRef(function (_a, ref) {
|
|
|
43
43
|
var size = useContext(GnbContext).size;
|
|
44
44
|
return (_jsx("a", __assign({ href: href, className: cn(gnbMenuItemVariants({ size: size }), active ? 'text-slate-12 dark:text-slateDark-12' : 'text-slate-10 dark:text-slateDark-10', className) }, props, { children: children })));
|
|
45
45
|
});
|
|
46
|
-
GnbMenuItem.displayName = 'Gnb.
|
|
46
|
+
GnbMenuItem.displayName = 'Gnb.MenuItem';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useContext as r}from"react";import{cva as a}from"class-variance-authority";import{GnbContext as o}from"./GnbRoot.mjs";import{cn as s}from"../../utils/utils.mjs";var n=function(){return n=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},n.apply(this,arguments)},i=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(r[a[o]]=t[a[o]])}return r},l=a("hover:text-slate-11 dark:hover:text-slateDark-11 cursor-pointer",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"}},defaultVariants:{size:"medium"}}),c=e((function(e,a){var c=e.children,m=e.className,p=e.href,f=e.active,u=i(e,["children","className","href","active"]),h=r(o).size;return t("a",n({href:p,className:s(l({size:h}),f?"text-slate-12 dark:text-slateDark-12":"text-slate-10 dark:text-slateDark-10",m)},u,{children:c}))}));c.displayName="Gnb.MenuItem";export{c as GnbMenuItem};
|
|
3
3
|
//# sourceMappingURL=GnbMenuItem.mjs.map
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
1
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
13
|
import { useState } from 'react';
|
|
3
14
|
import IconButton from '../IconButton';
|
|
@@ -8,18 +19,28 @@ import Button from '../Button';
|
|
|
8
19
|
import TextField from '../TextField';
|
|
9
20
|
import Text from '../../Typography/Text';
|
|
10
21
|
function NumberingPagination(_a) {
|
|
11
|
-
var _b;
|
|
22
|
+
var _b, _c;
|
|
12
23
|
var table = _a.table;
|
|
13
|
-
var
|
|
24
|
+
var _d = useState('1'), nowPage = _d[0], setNowPage = _d[1];
|
|
14
25
|
var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;
|
|
26
|
+
var size = table.options.size == 'x-small' ? 'small' : table.options.size;
|
|
27
|
+
var currentPage = table.options.pagination
|
|
28
|
+
? table.options.pagination.pageIndex
|
|
29
|
+
: table.getState().pagination.pageIndex;
|
|
15
30
|
var renderPageNumbers = function () {
|
|
16
31
|
var pageNumbers = [];
|
|
17
|
-
var currentInx = table.
|
|
32
|
+
var currentInx = table.options.pagination
|
|
33
|
+
? table.options.pagination.pageIndex
|
|
34
|
+
: table.getState().pagination.pageIndex;
|
|
18
35
|
var _loop_1 = function (i) {
|
|
19
|
-
pageNumbers.push(_jsx(Button, { appearance: "ghost", onClick: function () {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
36
|
+
pageNumbers.push(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
|
|
37
|
+
if (currentInx !== i) {
|
|
38
|
+
table.setPageIndex(i);
|
|
39
|
+
table.options.setPagination &&
|
|
40
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: i }));
|
|
41
|
+
setNowPage(String(i + 1));
|
|
42
|
+
}
|
|
43
|
+
}, color: currentInx === i ? color : 'slate', children: i + 1 }, i));
|
|
23
44
|
};
|
|
24
45
|
for (var i = 0; i < table.getPageCount(); i++) {
|
|
25
46
|
_loop_1(i);
|
|
@@ -27,50 +48,71 @@ function NumberingPagination(_a) {
|
|
|
27
48
|
if (pageNumbers.length > 10) {
|
|
28
49
|
if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {
|
|
29
50
|
pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);
|
|
30
|
-
pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
|
|
51
|
+
pageNumbers.unshift(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
|
|
31
52
|
table.setPageIndex(0);
|
|
53
|
+
table.options.setPagination &&
|
|
54
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
|
|
32
55
|
setNowPage('1');
|
|
33
|
-
}, color:
|
|
34
|
-
pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
|
|
56
|
+
}, color: currentInx === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }));
|
|
57
|
+
pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }), _jsx(Button, { size: size, appearance: "ghost", onClick: function () {
|
|
35
58
|
table.setPageIndex(table.getPageCount() - 1);
|
|
59
|
+
table.options.setPagination &&
|
|
60
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
|
|
36
61
|
setNowPage(String(table.getPageCount()));
|
|
37
|
-
}, color:
|
|
62
|
+
}, color: currentInx === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
|
|
38
63
|
}
|
|
39
64
|
else if (currentInx - 3 <= 0) {
|
|
40
65
|
pageNumbers = pageNumbers.slice(0, 7);
|
|
41
|
-
pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, children: "..." }), _jsx(Button, { appearance: "ghost", onClick: function () {
|
|
66
|
+
pageNumbers.push(_jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }), _jsx(Button, { size: size, appearance: "ghost", onClick: function () {
|
|
42
67
|
table.setPageIndex(table.getPageCount() - 1);
|
|
68
|
+
table.options.setPagination &&
|
|
69
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
|
|
43
70
|
setNowPage(String(table.getPageCount()));
|
|
44
|
-
}, color:
|
|
71
|
+
}, color: currentInx === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));
|
|
45
72
|
}
|
|
46
73
|
else {
|
|
47
74
|
pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());
|
|
48
|
-
pageNumbers.unshift(_jsx(Button, { appearance: "ghost", onClick: function () {
|
|
75
|
+
pageNumbers.unshift(_jsx(Button, { size: size, appearance: "ghost", onClick: function () {
|
|
49
76
|
table.setPageIndex(0);
|
|
77
|
+
table.options.setPagination &&
|
|
78
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
|
|
50
79
|
setNowPage('1');
|
|
51
|
-
}, color:
|
|
80
|
+
}, color: currentInx === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: "ghost", disabled: true, size: size, children: "..." }));
|
|
52
81
|
}
|
|
53
82
|
}
|
|
54
83
|
return pageNumbers;
|
|
55
84
|
};
|
|
56
|
-
return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
|
|
85
|
+
return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsxs(Select.Root, { size: size, color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {
|
|
86
|
+
table.options.setPagination &&
|
|
87
|
+
table.options.setPagination({
|
|
88
|
+
pageIndex: 0,
|
|
89
|
+
pageSize: Number(e),
|
|
90
|
+
});
|
|
57
91
|
table.setPageSize(Number(e));
|
|
58
92
|
setNowPage('1');
|
|
59
93
|
table.setPageIndex(0);
|
|
60
|
-
}, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { className: "rounded border p-1", color: color, onClick: function () {
|
|
94
|
+
}, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
|
|
61
95
|
table.firstPage();
|
|
96
|
+
table.options.setPagination &&
|
|
97
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: 0 }));
|
|
62
98
|
setNowPage('1');
|
|
63
|
-
}, disabled:
|
|
99
|
+
}, disabled: currentPage === 0, children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
|
|
64
100
|
table.previousPage();
|
|
65
101
|
setNowPage(String(table.getState().pagination.pageIndex));
|
|
66
|
-
|
|
102
|
+
table.options.setPagination &&
|
|
103
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex - 1 }));
|
|
104
|
+
}, disabled: currentPage === 0, children: _jsx(ChevronLeftIcon, {}) })] }), _jsx("div", { children: renderPageNumbers() }), _jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
|
|
67
105
|
table.nextPage();
|
|
68
106
|
setNowPage(String(table.getState().pagination.pageIndex + 2));
|
|
69
|
-
|
|
107
|
+
table.options.setPagination &&
|
|
108
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.options.pagination.pageIndex + 1 }));
|
|
109
|
+
}, disabled: currentPage === table.getPageCount() - 1, children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { size: size, appearance: "ghost", className: "rounded border p-1", color: color, onClick: function () {
|
|
70
110
|
table.lastPage();
|
|
71
111
|
setNowPage(String(table.getPageCount()));
|
|
72
|
-
|
|
112
|
+
table.options.setPagination &&
|
|
113
|
+
table.options.setPagination(__assign(__assign({}, table.options.pagination), { pageIndex: table.getPageCount() - 1 }));
|
|
114
|
+
}, disabled: currentPage === table.getPageCount() - 1, children: _jsx(DoubleArrowRightIcon, {}) })] })] }), !((_c = table.options) === null || _c === void 0 ? void 0 : _c.disableInputPagination) && (_jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [_jsx(TextField.Root, { size: size, type: "number", color: color, min: "1", max: table.getPageCount(), value: nowPage, onChange: function (e) {
|
|
73
115
|
setNowPage(e.target.value);
|
|
74
|
-
}, className: "w-[50px] rounded border" }), _jsxs(Text, { children: ["/ ", table.getPageCount()] }), _jsx(Button, { onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: "\uC774\uB3D9" })] })] }));
|
|
116
|
+
}, className: "w-[50px] rounded border" }), _jsxs(Text, { children: ["/ ", table.getPageCount()] }), _jsx(Button, { size: size, onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: "\uC774\uB3D9" })] }))] }));
|
|
75
117
|
}
|
|
76
118
|
export default NumberingPagination;
|