@lotte-innovate/ui-component-test 0.0.157 → 0.0.159
Sign up to get free protection for your applications and to get access to all the features.
- 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/color/dark.mjs +2 -0
- package/dist/lib/color/dark.mjs.map +1 -0
- package/dist/lib/color/index.d.ts +5 -0
- package/dist/lib/color/index.js +5 -0
- package/dist/lib/color/krdsColors.mjs +2 -0
- package/dist/lib/color/krdsColors.mjs.map +1 -0
- package/dist/lib/color/light.mjs +1 -1
- package/dist/lib/color/light.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 +5 -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 +4 -3
- 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/DoughnutChart/index.d.ts +1 -1
- package/dist/lib/components/DoughnutChart/index.js +1 -1
- package/dist/lib/components/DoughnutChart/index.mjs +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 +65 -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 +36 -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/LineChart/index.js +11 -1
- package/dist/lib/components/LineChart/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/ModalRoot.d.ts +2 -2
- package/dist/lib/components/Modal/ModalTitle.js +1 -1
- package/dist/lib/components/Modal/ModalTitle.mjs +1 -1
- package/dist/lib/components/PieChart/index.d.ts +1 -1
- package/dist/lib/components/PieChart/index.js +1 -1
- package/dist/lib/components/PieChart/index.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/RadioCards/RadioCardsRoot.d.ts +3 -1
- package/dist/lib/components/RadioCards/index.d.ts +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 +4 -4
- package/dist/lib/components/Select/index.js +2 -2
- package/dist/lib/components/Select/index.mjs +1 -1
- package/dist/lib/components/Separator/index.d.ts +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/Slider/index.d.ts +1 -1
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/index.js +30 -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 +3 -5
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/components/Timeline/TimelineDescription.js +1 -1
- package/dist/lib/components/Timeline/TimelineDescription.mjs +1 -1
- package/dist/lib/components/Timeline/TimelineDescription.mjs.map +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 +2 -1
- package/dist/lib/components/Tree/index.mjs.map +1 -1
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +1 -0
- package/dist/lib/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/types.d.ts +1 -0
- 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
- package/dist/lib/is-client-ctx.d.ts +0 -4
- package/dist/lib/is-client-ctx.js +0 -11
- package/dist/lib/is-client-ctx.mjs +0 -2
- package/dist/lib/is-client-ctx.mjs.map +0 -1
@@ -17,5 +17,5 @@ export declare const CheckboxGroupHorizontalVariants: (props?: ({
|
|
17
17
|
size?: "small" | "medium" | "large" | null | undefined;
|
18
18
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
19
19
|
export declare const useCheckboxGroupContext: () => CheckboxGroupRootProps;
|
20
|
-
export declare const CheckboxGroupRoot: React.ForwardRefExoticComponent<Omit<CheckboxGroupTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & CheckboxGroupRootProps & React.RefAttributes<HTMLDivElement>>;
|
20
|
+
export declare const CheckboxGroupRoot: React.ForwardRefExoticComponent<Omit<Omit<CheckboxGroupTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & CheckboxGroupRootProps & React.RefAttributes<HTMLDivElement>>;
|
21
21
|
export default CheckboxGroupRoot;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const CheckboxGroup: {
|
3
|
-
Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/checkbox-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./CheckboxGroupRoot").CheckboxGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
+
Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes/dist/cjs/components/checkbox-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "color" | "size"> & import("./CheckboxGroupRoot").CheckboxGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
4
4
|
Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../../lib/components/Checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
|
5
5
|
};
|
6
6
|
export default CheckboxGroup;
|
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
22
22
|
};
|
23
23
|
import { jsx as _jsx } from "react/jsx-runtime";
|
24
24
|
import { forwardRef } from 'react';
|
25
|
-
import { Container as ContainerTheme
|
25
|
+
import { Container as ContainerTheme } from '@radix-ui/themes';
|
26
26
|
import { cva } from 'class-variance-authority';
|
27
27
|
import { scalingVariants } from '../../../lib/constants';
|
28
28
|
import { useTheme } from '../../../lib/theme';
|
@@ -41,7 +41,7 @@ export var Container = forwardRef(function (_a, ref) {
|
|
41
41
|
var containerStyle = {
|
42
42
|
scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
|
43
43
|
};
|
44
|
-
return (_jsx(
|
44
|
+
return (_jsx(ContainerTheme, __assign({ ref: ref, className: cn(containerVariants(containerStyle), className) }, props, { children: children })));
|
45
45
|
});
|
46
46
|
Container.displayName = 'Container';
|
47
47
|
export default Container;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Container as e}from"@radix-ui/themes";import{cva as a}from"class-variance-authority";import{scalingVariants as n}from"../../constants.mjs";import{useTheme as o}from"../../theme/ThemeProvider.mjs";import{cn as i}from"../../utils/utils.mjs";var s=function(){return s=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},s.apply(this,arguments)},l=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=a("",{variants:{scaling:s({},n)},defaultVariants:{scaling:"100%"}}),m=t((function(t,a){var n=t.children,m=t.className,p=t.scaling,f=l(t,["children","className","scaling"]),u=o().theme,h={scaling:null!=p?p:u.themeScaling};return r(e,s({ref:a,className:i(c(h),m)},f,{children:n}))}));m.displayName="Container";export{m as Container,m as default};
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Container/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 { Container as ContainerTheme
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Container/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 { Container as ContainerTheme } from '@radix-ui/themes';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nimport { cn } from '../../../lib/utils/utils';\nvar containerVariants = cva(\"\", {\n variants: {\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n scaling: '100%',\n },\n});\nexport var Container = 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 containerStyle = {\n scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,\n };\n return (_jsx(ContainerTheme, __assign({ ref: ref, className: cn(containerVariants(containerStyle), className) }, props, { children: children })));\n});\nContainer.displayName = 'Container';\nexport default Container;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","containerVariants","cva","variants","scaling","scalingVariants","defaultVariants","Container","forwardRef","_a","ref","children","className","props","theme","useTheme","containerStyle","themeScaling","_jsx","ContainerTheme","cn","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,EAQIiB,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGNG,EAAYC,GAAW,SAAUC,EAAIC,GAC5C,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWR,EAAUK,EAAGL,QAASS,EAAQjB,EAAOa,EAAI,CAAC,WAAY,YAAa,YACrHK,EAAQC,IAAWD,MACnBE,EAAiB,CACjBZ,QAASA,QAAyCA,EAAUU,EAAMG,cAEtE,OAAQC,EAAKC,EAAgBtC,EAAS,CAAE6B,IAAKA,EAAKE,UAAWQ,EAAGnB,EAAkBe,GAAiBJ,IAAcC,EAAO,CAAEF,SAAUA,IACxI,IACAJ,EAAUc,YAAc"}
|
@@ -7,11 +7,12 @@ export interface DatepickerProps {
|
|
7
7
|
scaling?: IScaling;
|
8
8
|
isOpen?: boolean;
|
9
9
|
setIsOpen?: Dispatch<SetStateAction<boolean>>;
|
10
|
+
placeholder?: string;
|
10
11
|
selected?: Date | DateRange | undefined;
|
11
12
|
onSelect?: any;
|
12
13
|
}
|
13
14
|
export declare const Datepicker: {
|
14
|
-
({ className, classNames, isOpen, setIsOpen, selected, onSelect, showOutsideDays, scaling, color, mode, ...props }: ComponentPropsWithoutRef<typeof DayPicker> & DatepickerProps): import("react/jsx-runtime").JSX.Element;
|
15
|
+
({ className, classNames, isOpen, setIsOpen, selected, onSelect, showOutsideDays, placeholder, scaling, color, mode, ...props }: ComponentPropsWithoutRef<typeof DayPicker> & DatepickerProps): import("react/jsx-runtime").JSX.Element;
|
15
16
|
displayName: string;
|
16
17
|
};
|
17
18
|
export default Datepicker;
|
@@ -23,12 +23,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
23
23
|
};
|
24
24
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
25
25
|
import { CalendarIcon } from '@radix-ui/react-icons';
|
26
|
-
import
|
26
|
+
import Button from '../../../lib/components/Button';
|
27
|
+
import Popover from '../../../lib/components/Popover';
|
28
|
+
import Calendar from '../../../lib/components/Calendar';
|
27
29
|
import { cn } from '../../../lib/utils/utils';
|
28
30
|
import { format } from 'date-fns';
|
29
31
|
export var Datepicker = function (_a) {
|
30
|
-
var className = _a.className, classNames = _a.classNames, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, selected = _a.selected, onSelect = _a.onSelect, _b = _a.showOutsideDays, showOutsideDays = _b === void 0 ? true : _b, scaling = _a.scaling, color = _a.color, mode = _a.mode, props = __rest(_a, ["className", "classNames", "isOpen", "setIsOpen", "selected", "onSelect", "showOutsideDays", "scaling", "color", "mode"]);
|
31
|
-
return mode === 'range' ? (_jsxs(Popover.Root, { open: isOpen, onOpenChange: setIsOpen, scaling: scaling, children: [_jsx(Popover.Trigger, { className: cn('w-[280px]', className), children: _jsxs(Button, { color: color, scaling: scaling, appearance: 'outline', className: cn('justify-start gap-2 text-left font-normal'
|
32
|
+
var className = _a.className, classNames = _a.classNames, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, selected = _a.selected, onSelect = _a.onSelect, _b = _a.showOutsideDays, showOutsideDays = _b === void 0 ? true : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '날짜를 선택해주세요' : _c, scaling = _a.scaling, color = _a.color, mode = _a.mode, props = __rest(_a, ["className", "classNames", "isOpen", "setIsOpen", "selected", "onSelect", "showOutsideDays", "placeholder", "scaling", "color", "mode"]);
|
33
|
+
return mode === 'range' ? (_jsxs(Popover.Root, { open: isOpen, onOpenChange: setIsOpen, scaling: scaling, children: [_jsx(Popover.Trigger, { className: cn('w-[280px] text-slateA-9', className), children: _jsxs(Button, { color: color, scaling: scaling, appearance: 'outline', className: cn('justify-start gap-2 text-left font-normal'), children: [_jsx(CalendarIcon, {}), (selected === null || selected === void 0 ? void 0 : selected.from) ? (selected.to ? (_jsxs(_Fragment, { children: [format(selected.from, 'yyyy-MM-dd'), " - ", format(selected.to, 'yyyy-MM-dd')] })) : (format(selected.from, 'yyyy-MM-dd'))) : (placeholder)] }) }), _jsx(Popover.Content, { className: "w-auto max-w-[600px] p-0", align: "start", children: _jsx(Calendar, __assign({ mode: "range", color: color, selected: selected, onSelect: onSelect, numberOfMonths: 2, defaultMonth: selected === null || selected === void 0 ? void 0 : selected.from, showOutsideDays: showOutsideDays, className: 'w-full', classNames: classNames }, props)) })] })) : (_jsxs(Popover.Root, { open: isOpen, onOpenChange: setIsOpen, scaling: scaling, children: [_jsx(Popover.Trigger, { className: cn('w-[280px] text-slateA-9', className), children: _jsxs(Button, { color: color, scaling: scaling, appearance: 'outline', className: cn('justify-start gap-2 text-left font-normal'), children: [_jsx(CalendarIcon, {}), selected ? format(selected, 'yyyy-MM-dd') : placeholder] }) }), _jsx(Popover.Content, { className: "w-auto p-0", children: _jsx(Calendar, __assign({ mode: mode, color: color, selected: selected, onSelect: onSelect, defaultMonth: selected, showOutsideDays: showOutsideDays, className: 'w-full', classNames: classNames }, props)) })] }));
|
32
34
|
};
|
33
35
|
Datepicker.displayName = 'Datepicker';
|
34
36
|
export default Datepicker;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{jsxs as
|
2
|
+
import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{CalendarIcon as a}from"@radix-ui/react-icons";import{Button as r}from"../Button/index.mjs";import n from"../Popover/index.mjs";import{Calendar as s}from"../Calendar/index.mjs";import{cn as l}from"../../utils/utils.mjs";import{format as c}from"date-fns";var i=function(){return i=Object.assign||function(e){for(var t,o=1,a=arguments.length;o<a;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)},m=function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o},d=function(d){var p=d.className,f=d.classNames,y=d.isOpen,u=d.setIsOpen,h=d.selected,O=d.onSelect,g=d.showOutsideDays,x=void 0===g||g,w=d.placeholder,N=void 0===w?"날짜를 선택해주세요":w,j=d.scaling,v=d.color,M=d.mode,b=m(d,["className","classNames","isOpen","setIsOpen","selected","onSelect","showOutsideDays","placeholder","scaling","color","mode"]);return e(n.Root,"range"===M?{open:y,onOpenChange:u,scaling:j,children:[t(n.Trigger,{className:l("w-[280px] text-slateA-9",p),children:e(r,{color:v,scaling:j,appearance:"outline",className:l("justify-start gap-2 text-left font-normal"),children:[t(a,{}),(null==h?void 0:h.from)?h.to?e(o,{children:[c(h.from,"yyyy-MM-dd")," - ",c(h.to,"yyyy-MM-dd")]}):c(h.from,"yyyy-MM-dd"):N]})}),t(n.Content,{className:"w-auto max-w-[600px] p-0",align:"start",children:t(s,i({mode:"range",color:v,selected:h,onSelect:O,numberOfMonths:2,defaultMonth:null==h?void 0:h.from,showOutsideDays:x,className:"w-full",classNames:f},b))})]}:{open:y,onOpenChange:u,scaling:j,children:[t(n.Trigger,{className:l("w-[280px] text-slateA-9",p),children:e(r,{color:v,scaling:j,appearance:"outline",className:l("justify-start gap-2 text-left font-normal"),children:[t(a,{}),h?c(h,"yyyy-MM-dd"):N]})}),t(n.Content,{className:"w-auto p-0",children:t(s,i({mode:M,color:v,selected:h,onSelect:O,defaultMonth:h,showOutsideDays:x,className:"w-full",classNames:f},b))})]})};d.displayName="Datepicker";export{d as Datepicker,d as default};
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{Dialog as e}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{primaryColorStyle as m}from"../../constants.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";import{DialogContext as p}from"./DialogRoot.mjs";import{cn as a}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../Container/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"./DialogTrigger.mjs";import"./DialogContent.mjs";import"./DialogTitle.mjs";import"./DialogDescription.mjs";import"./DialogSlot.mjs";import"./DialogCancel.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Flex/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../GridLayout/index.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"../Modal/ModalRoot.mjs";import"../Modal/ModalTrigger.mjs";import"../Modal/ModalContent.mjs";import"../Modal/ModalTitle.mjs";import"../Modal/ModalDescription.mjs";import"../Modal/ModalFooter.mjs";import"../Modal/ModalCancel.mjs";import"../Modal/ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../Tree/index.mjs";import"../../Typography/Header/index.mjs";import s
|
2
|
+
import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useContext as r}from"react";import{Dialog as e}from"@radix-ui/themes";import{cva as i}from"class-variance-authority";import{primaryColorStyle as m}from"../../constants.mjs";import{MAIN_COLOR as n}from"../../color/constants.mjs";import{DialogContext as p}from"./DialogRoot.mjs";import{cn as a}from"../../utils/utils.mjs";import"../Accordion/index.mjs";import"../AlertDialog/AlertDialogRoot.mjs";import"../AlertDialog/AlertDialogTrigger.mjs";import"../AlertDialog/AlertDialogContent.mjs";import"../AlertDialog/AlertDialogTitle.mjs";import"../AlertDialog/AlertDialogDescription.mjs";import"../AlertDialog/AlertDialogCancel.mjs";import"../AlertDialog/AlertDialogAction.mjs";import"../AspectRatio/index.mjs";import"../Avatar/index.mjs";import"../Badge/index.mjs";import"../Box/index.mjs";import"../Breadcrumb/BreadcrumbRoot.mjs";import"../Breadcrumb/BreadcrumbItem.mjs";import"../Breadcrumb/BreadcrumbLink.mjs";import"../Breadcrumb/BreadcrumbList.mjs";import"../Breadcrumb/BreadcrumbPage.mjs";import"../Breadcrumb/BreadcrumbSeparator.mjs";import"../Breadcrumb/BreadcrumbEllipsis.mjs";import"../Button/index.mjs";import"../Calendar/index.mjs";import"../Callout/CalloutRoot.mjs";import"../Callout/CalloutText.mjs";import"../Callout/CalloutIcon.mjs";import"../Card/index.mjs";import"../Checkbox/index.mjs";import"../CheckboxCard/index.mjs";import"../CheckboxGroup/CheckboxGroupRoot.mjs";import"../CheckboxGroup/CheckboxGroupItem.mjs";import"../ContextMenu/ContextMenuRoot.mjs";import"../ContextMenu/ContextMenuContent.mjs";import"../ContextMenu/ContextMenuCheckboxItem.mjs";import"../ContextMenu/ContextMenuGroup.mjs";import"../ContextMenu/ContextMenuItem.mjs";import"../ContextMenu/ContextMenuItemIndicator.mjs";import"../ContextMenu/ContextMenuLabel.mjs";import"../ContextMenu/ContextMenuTrigger.mjs";import"../ContextMenu/ContextMenuRadioGroup.mjs";import"../ContextMenu/ContextMenuRadioItem.mjs";import"../ContextMenu/ContextMenuSeparator.mjs";import"../ContextMenu/ContextMenuSubTrigger.mjs";import"../ContextMenu/ContextMenuSubContent.mjs";import"../Collapsible/index.mjs";import"../Container/index.mjs";import"../DataList/DataListRoot.mjs";import"../DataList/DataListItem.mjs";import"../DataList/DataListLabel.mjs";import"../DataList/DataListValue.mjs";import"../Datepicker/index.mjs";import"./DialogTrigger.mjs";import"./DialogContent.mjs";import"./DialogTitle.mjs";import"./DialogDescription.mjs";import"./DialogSlot.mjs";import"./DialogCancel.mjs";import"../DropdownMenu/DropdownMenuRoot.mjs";import"../DropdownMenu/DropdownMenuTrigger.mjs";import"../DropdownMenu/DropdownMenuContent.mjs";import"../DropdownMenu/DropdownMenuLable.mjs";import"../DropdownMenu/DropdownMenuItem.mjs";import"../DropdownMenu/DropdownMenuSeparator.mjs";import"../DropdownMenu/DropdownMenuCheckboxItem.mjs";import"../DropdownMenu/DropdonMenuRadioGroup.mjs";import"../DropdownMenu/DropdownMenuRadioItem.mjs";import"../DropdownMenu/DropdownMenuSub.mjs";import"../DropdownMenu/DropdownMenuSubTrigger.mjs";import"../DropdownMenu/DropdonMenuSubContent.mjs";import"../DropdownMenu/DropdownMenuItemIndicator.mjs";import"../Editor/index.mjs";import"../Flex/index.mjs";import"../Tabs/DynamicTabs.mjs";import"../Footer/index.mjs";import"../Gnb/GnbRoot.mjs";import"../Gnb/GnbLogo.mjs";import"../Gnb/GnbMenu.mjs";import"../Gnb/GnbMenuItem.mjs";import"../Gnb/GnbInfo.mjs";import"../GridLayout/index.mjs";import"../HoverCard/HoverCardRoot.mjs";import"../HoverCard/HoverCardTrigger.mjs";import"../HoverCard/HoverCardContent.mjs";import"../IconButton/index.mjs";import"../Inset/index.mjs";import"../Label/index.mjs";import"../Menubar/MenubarRoot.mjs";import"../Menubar/MenubarMenu.mjs";import"../Menubar/MenubarTrigger.mjs";import"../Menubar/MenubarContent.mjs";import"../Menubar/MenubarItem.mjs";import"../Menubar/MenubarSeparator.mjs";import"../Menubar/MenubarSub.mjs";import"../Menubar/MenubarSubTrigger.mjs";import"../Menubar/MenubarSubContent.mjs";import"../Menubar/MenubarCheckboxItem.mjs";import"../Menubar/MenubarItemIndicator.mjs";import"../Menubar/MenubarRadioGroup.mjs";import"../Menubar/MenubarRadioItem.mjs";import"../Modal/ModalRoot.mjs";import"../Modal/ModalTrigger.mjs";import"../Modal/ModalContent.mjs";import"../Modal/ModalTitle.mjs";import"../Modal/ModalDescription.mjs";import"../Modal/ModalFooter.mjs";import"../Modal/ModalCancel.mjs";import"../Modal/ModalAction.mjs";import"../NavigationMenu/NavigationMenuRoot.mjs";import"../NavigationMenu/NavigationMenuList.mjs";import"../NavigationMenu/NavigationMenuItem.mjs";import"../NavigationMenu/NavigationMenuTrigger.mjs";import"../NavigationMenu/NavigationMenuContent.mjs";import"../NavigationMenu/NavigationMenuViewport.mjs";import"../NavigationMenu/NavigationMenuIndicator.mjs";import"../NavigationMenu/NavigationMenuLink.mjs";import"../Popover/PopoverRoot.mjs";import"../Popover/PopoverTrigger.mjs";import"../Popover/PopoverContent.mjs";import"../Popover/PopoverClose.mjs";import"../Progress/index.mjs";import"../Radio/index.mjs";import"../RadioCards/RadioCardsRoot.mjs";import"../RadioCards/RadioCardsItem.mjs";import"../RadioGroup/RadioGroupRoot.mjs";import"../RadioGroup/RadioGroupItem.mjs";import"../ScrollArea/index.mjs";import"../SearchBar/index.mjs";import"../SegmentedControl/SegmentedControlRoot.mjs";import"../SegmentedControl/SegmentedControlItem.mjs";import"../Select/index.mjs";import"../Separator/index.mjs";import"../SideBar/index.mjs";import"../Skeleton/index.mjs";import"../Slider/index.mjs";import"../Spinner/index.mjs";import"../Table/index.mjs";import"../TabNav/index.mjs";import"../Tabs/index.mjs";import"../TextArea/index.mjs";import"../TextField/index.mjs";import"../Timeline/TimelineRoot.mjs";import"../Timeline/TimelineItem.mjs";import"../Timeline/TimelineConnector.mjs";import"../Timeline/TimelineHeader.mjs";import"../Timeline/TimelineTime.mjs";import"../Timeline/TimelineIcon.mjs";import"../Timeline/TimelineTitle.mjs";import"../Timeline/TimelineContent.mjs";import"../Timeline/TimelineDescription.mjs";import"../Toast/ToastRoot.mjs";import"../Toast/ToastTitle.mjs";import"../Toast/ToastDescription.mjs";import"../Toast/ToastActionButton.mjs";import"../Toggle/index.mjs";import"../Toggle/ToggleWithText.mjs";import"../ToggleGroup/ToggleGroupRoot.mjs";import"../ToggleGroup/ToggleGroupItem.mjs";import"../ToggleSwitch/index.mjs";import"../Tooltip/index.mjs";import"../BarChart/index.mjs";import"../BubbleChart/index.mjs";import"../RadarChart/index.mjs";import"../LineChart/index.mjs";import"../PieChart/index.mjs";import"../DoughnutChart/index.mjs";import"../Grid/index.mjs";import"../Grid/useGrid.mjs";import"../Tree/index.mjs";import"../../Typography/Header/index.mjs";import{Text as s}from"../../Typography/Text/index.mjs";import"../../theme/ThemeProvider.mjs";var d=function(){return d=Object.assign||function(o){for(var t,r=1,e=arguments.length;r<e;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(o[i]=t[i]);return o},d.apply(this,arguments)},u=function(o,t){var r={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(o);i<e.length;i++)t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(o,e[i])&&(r[e[i]]=o[e[i]])}return r},j=i("rounded-md inline-flex font-medium items-center justify-center px-[15px] hover:cursor-pointer",{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",medium:"text-sm w-[66px] h-[32px] px-3",large:"text-base w-[72px] h-[32px] px-3","x-large":"text-lg w-[86px] h-[40px] px-6"},color:m()},defaultVariants:{radius:"medium",size:"medium",color:n}}),l=t((function(t,i){var m=t.children,n=t.className,l=u(t,["children","className"]),x=r(p),M=x.radius,g=x.size,b=x.color,c=a(j({radius:M,size:g,color:b}),n);return o(e.Close,d({ref:i,className:c},l,{children:"string"==typeof m?o(s,{children:m}):m}))}));l.displayName="Dialog.Action";export{l as DialogAction,j as dialogActionVariants};
|
3
3
|
//# sourceMappingURL=DialogAction.mjs.map
|
@@ -27,7 +27,7 @@ import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
27
27
|
import { cva } from 'class-variance-authority';
|
28
28
|
import { DialogContext } from './DialogRoot';
|
29
29
|
import { cn } from '../../../lib/utils/utils';
|
30
|
-
import
|
30
|
+
import Text from '../../../lib/Typography/Text';
|
31
31
|
export var dialogCancelVariants = cva("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", {
|
32
32
|
variants: {
|
33
33
|
radius: {
|
@@ -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,12 +1,13 @@
|
|
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
|
+
import { IColor } from '../../../lib/types';
|
5
6
|
export interface DialogProps extends VariantProps<typeof dialogContentVariants> {
|
6
|
-
color?:
|
7
|
+
color?: IColor;
|
7
8
|
}
|
8
9
|
export declare const DialogContext: React.Context<DialogProps>;
|
9
10
|
export declare const DialogRoot: {
|
10
|
-
({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof
|
11
|
+
({ children, radius, size, scaling, color, ...props }: ComponentPropsWithoutRef<typeof DialogPrimitive.Root> & DialogProps): import("react/jsx-runtime").JSX.Element;
|
11
12
|
displayName: string;
|
12
13
|
};
|
@@ -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"}
|
@@ -7,7 +7,7 @@ export interface DoughnutChartProps extends VariantProps<typeof doughnutVariants
|
|
7
7
|
className?: string;
|
8
8
|
title?: IChartTitle;
|
9
9
|
legend?: IChartLegend;
|
10
|
-
datasets: IChartDatasets
|
10
|
+
datasets: IChartDatasets & {
|
11
11
|
data: number[];
|
12
12
|
}[];
|
13
13
|
datalabels?: IChartDataLabels;
|
@@ -52,7 +52,7 @@ var DoughnutChart = function (_a) {
|
|
52
52
|
}
|
53
53
|
};
|
54
54
|
datasets.forEach(function (dataset, index) {
|
55
|
-
datasets[index] = __assign(
|
55
|
+
datasets[index] = __assign({ backgroundColor: getChartColor(isColorMixed, appearance), borderColor: getChartColor(isColorMixed, 'solid') }, dataset);
|
56
56
|
});
|
57
57
|
return (_jsx(Doughnut, __assign({ data: { labels: labels, datasets: datasets }, options: {
|
58
58
|
plugins: {
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{Doughnut as a}from"react-chartjs-2";import{Chart as r,ArcElement as e,Tooltip as o,Legend as s,plugins as l}from"chart.js/auto";import i from"chartjs-plugin-datalabels";import{cn as n}from"../../utils/utils.mjs";import{cva as c}from"class-variance-authority";import{scalingVariants as p}from"../../constants.mjs";import{chartColorList as d,chartAlphaColorList as m}from"../../color/constants.mjs";var f=function(){return f=Object.assign||function(t){for(var a,r=1,e=arguments.length;r<e;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o]);return t},f.apply(this,arguments)},u=function(t,a){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)a.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r};r.register(e,o,s,l,i),r.defaults.set("plugins.datalabels",{display:!1});var g=c("",{variants:{scaling:f({},p)},defaultVariants:{scaling:"100%"}}),b=function(r){var e=r.labels,o=r.title,s=r.legend,l=r.datasets,i=r.datalabels,c=r.scaling,p=r.className,b=r.appearance,y=void 0===b?"solid":b,j=r.isColorMixed,v=void 0===j||j,h=u(r,["labels","title","legend","datasets","datalabels","scaling","className","appearance","isColorMixed"]),O=function(t,a){return"solid"===a?t?d.mixed:d.sorting:"soft"===a?t?m.mixed:m.sorting:void 0};return l.forEach((function(t,a){l[a]=f(
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{Doughnut as a}from"react-chartjs-2";import{Chart as r,ArcElement as e,Tooltip as o,Legend as s,plugins as l}from"chart.js/auto";import i from"chartjs-plugin-datalabels";import{cn as n}from"../../utils/utils.mjs";import{cva as c}from"class-variance-authority";import{scalingVariants as p}from"../../constants.mjs";import{chartColorList as d,chartAlphaColorList as m}from"../../color/constants.mjs";var f=function(){return f=Object.assign||function(t){for(var a,r=1,e=arguments.length;r<e;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o]);return t},f.apply(this,arguments)},u=function(t,a){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)a.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r};r.register(e,o,s,l,i),r.defaults.set("plugins.datalabels",{display:!1});var g=c("",{variants:{scaling:f({},p)},defaultVariants:{scaling:"100%"}}),b=function(r){var e=r.labels,o=r.title,s=r.legend,l=r.datasets,i=r.datalabels,c=r.scaling,p=r.className,b=r.appearance,y=void 0===b?"solid":b,j=r.isColorMixed,v=void 0===j||j,h=u(r,["labels","title","legend","datasets","datalabels","scaling","className","appearance","isColorMixed"]),O=function(t,a){return"solid"===a?t?d.mixed:d.sorting:"soft"===a?t?m.mixed:m.sorting:void 0};return l.forEach((function(t,a){l[a]=f({backgroundColor:O(v,y),borderColor:O(v,"solid")},t)})),t(a,f({data:{labels:e,datasets:l},options:{plugins:{title:o,legend:s,datalabels:i}},className:n(g({scaling:c}),p)},h))};b.displayName="DoughnutChart";export{b as default};
|
3
3
|
//# sourceMappingURL=index.mjs.map
|
@@ -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;
|