@lotte-innovate/ui-component-test 0.1.115 → 0.1.116

package/dist/lib/components/Editor/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { VariantProps } from 'class-variance-authority';
-import '../../../../public/tinymce/icons/default';
+import '../../../../public/tinymce/tinymce';
 import '../../../../public/tinymce/themes/silver';
 import '../../../../public/tinymce/models/dom';
+import '../../../../public/tinymce/icons/default';
 import '../../../../public/tinymce/skins/ui/oxide/skin';
 import '../../../../public/tinymce/plugins/advlist';
 import '../../../../public/tinymce/plugins/code';
@@ -20,6 +21,5 @@ declare const editorVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const initTinyMCE: ({ width, height, target }: any) => void;
 export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLDivElement>>;
 export default Editor;

package/dist/lib/components/Editor/index.js

@@ -28,14 +28,11 @@ import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
 import { cn } from '../../../lib/utils/utils';
 import { marked } from 'marked';
-import tinymce from '../../../../public/tinymce';
-/* Default icons are required. After that, import custom icons if applicable */
-import '../../../../public/tinymce/icons/default';
-/* Required TinyMCE components */
+import '../../../../public/tinymce/tinymce';
 import '../../../../public/tinymce/themes/silver';
 import '../../../../public/tinymce/models/dom';
+import '../../../../public/tinymce/icons/default';
 import '../../../../public/tinymce/skins/ui/oxide/skin';
-/* Import plugins */
 import '../../../../public/tinymce/plugins/advlist';
 import '../../../../public/tinymce/plugins/code';
 import '../../../../public/tinymce/plugins/codesample';
@@ -59,54 +56,15 @@ var editorVariants = cva('', {
         size: 'medium',
     },
 });
-export var initTinyMCE = function (_a) {
-    var width = _a.width, height = _a.height, target = _a.target;
-    tinymce.init({
-        target: target,
-        width: width,
-        height: height,
-        selector: '#tinymce',
-        plugins: 'link table code lists codesample',
-        menubar: false,
-        toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
-        // skin: false,
-        // content_css: false,
-        content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
-        setup: function (editor) {
-            editor.ui.registry.addButton('inlinecode', {
-                icon: 'sourcecode',
-                tooltip: 'Inline code',
-                onAction: function () {
-                    editor.formatter.toggle('code');
-                },
-            });
-            editor.on('init', function () {
-                editor.formatter.register('code', {
-                    inline: 'code',
-                    remove: 'all',
-                });
-            });
-            editor.ui.registry.addButton('markdown', {
-                text: 'Markdown',
-                onAction: function () {
-                    var content = editor.getContent({ format: 'text' });
-                    var html = marked(content);
-                    editor.setContent(html);
-                },
-            });
-        },
-    });
-};
 export var Editor = forwardRef(function (_a, ref) {
     var className = _a.className, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["className", "size", "scaling"]);
     return (_jsx("div", { className: cn(editorVariants({ size: size, scaling: scaling }), className), ref: ref, children: _jsx(EditorUI, __assign({ init: {
+                base_url: 'tinymce',
                 width: '100%',
                 height: '100%',
                 plugins: 'link table code lists codesample',
                 menubar: false,
-                toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat codesample markdown',
-                // skin: false,
-                // content_css: false,
+                toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown',
                 content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
                 setup: function (editor) {
                     editor.ui.registry.addButton('inlinecode', {

package/dist/lib/components/Editor/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Editor as e}from"@tinymce/tinymce-react";import{cva as n}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{cn as r}from"../../utils/utils.mjs";import{marked as a}from"marked";import"../../../../_virtual/tinymce.mjs";import"../../../../_virtual/index19.mjs";import"../../../../_virtual/index11.mjs";import"../../../../_virtual/index13.mjs";import"../../../../public/tinymce/skins/ui/oxide/skin.mjs";import"../../../../_virtual/index15.mjs";import"../../../../_virtual/index.mjs";import"../../../../_virtual/index9.mjs";import"../../../../_virtual/index5.mjs";import"../../../../_virtual/index17.mjs";import"../../../../_virtual/index3.mjs";import"../../../../_virtual/index7.mjs";import"../../../../public/tinymce/skins/content/default/content.mjs";import"../../../../public/tinymce/skins/ui/oxide/content.mjs";var s=function(){return s=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var o in i=arguments[e])Object.prototype.hasOwnProperty.call(i,o)&&(t[o]=i[o]);return t},s.apply(this,arguments)},m=function(t,i){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)i.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(e[n[o]]=t[n[o]])}return e},l=n("",{variants:{scaling:s({},o),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),c=i((function(i,n){var o=i.className,c=i.size,u=i.scaling,p=m(i,["className","size","scaling"]);return t("div",{className:r(l({size:c,scaling:u}),o),ref:n,children:t(e,s({init:{base_url:"tinymce",width:"100%",height:"100%",plugins:"link table code lists codesample",menubar:!1,toolbar:"blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown",content_style:"body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }",setup:function(t){t.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){t.formatter.toggle("code")}}),t.on("init",(function(){t.formatter.register("code",{inline:"code",remove:"all"})})),t.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var i=t.getContent({format:"text"}),e=a(i);t.setContent(e)}})}}},p))})}));c.displayName="Editor";export{c as Editor,c as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Select/index.d.ts

@@ -1,5 +1,5 @@
-import { Select as SelectTheme } from '@radix-ui/themes';
 import React from 'react';
+import { Select as SelectTheme } from '@radix-ui/themes';
 import { VariantProps } from 'class-variance-authority';
 import { IRadius, IScaling } from '../../../lib/types';
 export interface SelectProps extends VariantProps<typeof selectVariants> {

package/dist/lib/components/Select/index.js

@@ -22,8 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Theme, Select as SelectTheme } from '@radix-ui/themes';
 import React, { createContext, useContext } from 'react';
+import { Theme, Select as SelectTheme } from '@radix-ui/themes';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
@@ -76,7 +76,7 @@ Trigger.displayName = 'Select.Trigger';
 export var Content = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useSelectContext(), radius = _b.radius, color = _b.color;
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color }, props, { className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), className), children: children })));
+    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color, position: "popper", className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), className) }, props, { children: children })));
 });
 Content.displayName = 'Select.Content';
 export var Item = React.forwardRef(function (_a, forwardedRef) {

package/dist/lib/components/Select/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e,{createContext as a,useContext as l}from"react";import{Theme as i,Select as n}from"@radix-ui/themes";import{cva as c}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as s,selectAppearanceStyle as t}from"../../constants.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(r){for(var e,a=1,l=arguments.length;a<l;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},u.apply(this,arguments)},f=function(r,e){var a={};for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&e.indexOf(l)<0&&(a[l]=r[l]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(l=Object.getOwnPropertySymbols(r);i<l.length;i++)e.indexOf(l[i])<0&&Object.prototype.propertyIsEnumerable.call(r,l[i])&&(a[l[i]]=r[l[i]])}return a},p=c("",{variants:{radius:u({},s.base)},defaultVariants:{radius:"medium"}}),h=a({size:"medium",scaling:"100%",color:d,radius:"medium",appearance:"classic"}),v=function(){return l(h)},N=e.forwardRef((function(e,a){var l,c=e.scaling,o=e.size,s=e.color,t=e.radius,p=e.appearance,v=e.children,N=f(e,["scaling","size","color","radius","appearance","children"]),g=m().theme,y="2";"small"===o&&(y="1"),"large"===o&&(y="3");var S={scaling:null!=c?c:g.themeScaling,color:null!==(l=null!=s?s:g.themeColor)&&void 0!==l?l:d,radius:null!=t?t:g.themeRadius,size:o,sizeTheme:y,appearance:p};return r(h.Provider,{value:S,children:r(i,{scaling:S.scaling,accentColor:S.color,hasBackground:!1,children:r("div",{ref:a,children:r(n.Root,u({size:y},N,{children:v}))})})})}));N.displayName="Select.Root";var g=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),m=s.radius,d=void 0===m?"medium":m,h=s.color,N=s.appearance,g=void 0===N?"classic":N;return r(n.Trigger,u({ref:a,variant:g,radius:d,className:o(p({radius:d}),t(g,h),i)},c,{children:l}))}));g.displayName="Select.Trigger";var y=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),t=s.radius,m=s.color;return r(n.Content,u({ref:a,color:m,position:"popper",className:o(p({radius:"full"==t?"large":t}),i)},c,{children:l}))}));y.displayName="Select.Content";var S=e.forwardRef((function(e,a){var l=e.value,i=e.children,c=e.className,s=f(e,["value","children","className"]),t=v().radius;return r(n.Item,u({ref:a,value:l},s,{className:o(p({radius:t}),c),children:i}))}));S.displayName="Select.Item";var b=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Group,u({ref:a},c,{className:i,children:l}))}));b.displayName="Select.Group";var O=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Label,u({ref:a},c,{className:i,children:l}))}));O.displayName="Select.Label";var j=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Separator,u({ref:a},c,{className:i,children:l}))}));j.displayName="Select.Separator";var w={Root:N,Trigger:g,Content:y,Item:S,Group:b,Label:O,Separator:j};export{y as Content,b as Group,S as Item,O as Label,N as Root,j as Separator,g as Trigger,w as default,v as useSelectContext};
+//# sourceMappingURL=index.mjs.map