@lotte-innovate/ui-component-test 0.1.107 → 0.1.108

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.
Files changed (8) hide show
  1. package/dist/lib/components/Editor/index copy.d.ts +1 -15
  2. package/dist/lib/components/Editor/index copy.js +8 -35
  3. package/dist/lib/components/Editor/index.d.ts +15 -1
  4. package/dist/lib/components/Editor/index.js +35 -8
  5. package/dist/lib/components/Editor/index.mjs +1 -1
  6. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +1 -1
package/dist/lib/components/Editor/index copy.d.ts CHANGED
@@ -1,19 +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 'tinymce/icons/default';
5
- import 'tinymce/themes/silver';
6
- import 'tinymce/models/dom';
7
- import 'tinymce/skins/ui/oxide/skin.css';
8
- import 'tinymce/plugins/advlist';
9
- import 'tinymce/plugins/code';
10
- import 'tinymce/plugins/emoticons';
11
- import 'tinymce/plugins/emoticons/js/emojis';
12
- import 'tinymce/plugins/link';
13
- import 'tinymce/plugins/lists';
14
- import 'tinymce/plugins/table';
15
- import 'tinymce/skins/ui/oxide/content.css';
16
- import 'tinymce/skins/content/default/content.css';
17
4
  export interface EditorProps extends VariantProps<typeof editorVariants> {
18
5
  tinymceScriptSrc?: string;
19
6
  }
@@ -21,6 +8,5 @@ declare const editorVariants: (props?: ({
21
8
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
22
9
  size?: "small" | "medium" | "large" | null | undefined;
23
10
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
24
- export declare const initTinyMCE: () => void;
25
- export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLTextAreaElement>>;
11
+ export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLDivElement>>;
26
12
  export default Editor;
package/dist/lib/components/Editor/index copy.js CHANGED
@@ -22,27 +22,11 @@ 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 } from 'react';
25
+ import { forwardRef } from 'react';
26
+ import { Editor as EditorUI } from '@tinymce/tinymce-react';
26
27
  import { cva } from 'class-variance-authority';
27
28
  import { scalingVariants } from '../../constants';
28
- import tinymce from 'tinymce';
29
- /* Default icons are required. After that, import custom icons if applicable */
30
- import 'tinymce/icons/default';
31
- /* Required TinyMCE components */
32
- import 'tinymce/themes/silver';
33
- import 'tinymce/models/dom';
34
- /* Import a skin (can be a custom skin instead of the default) */
35
- import 'tinymce/skins/ui/oxide/skin.css';
36
- /* Import plugins */
37
- import 'tinymce/plugins/advlist';
38
- import 'tinymce/plugins/code';
39
- import 'tinymce/plugins/emoticons';
40
- import 'tinymce/plugins/emoticons/js/emojis';
41
- import 'tinymce/plugins/link';
42
- import 'tinymce/plugins/lists';
43
- import 'tinymce/plugins/table';
44
- import 'tinymce/skins/ui/oxide/content.css';
45
- import 'tinymce/skins/content/default/content.css';
29
+ import { cn } from '../../utils/utils';
46
30
  var editorVariants = cva('', {
47
31
  variants: {
48
32
  scaling: __assign({}, scalingVariants),
@@ -57,24 +41,13 @@ var editorVariants = cva('', {
57
41
  size: 'medium',
58
42
  },
59
43
  });
60
- export var initTinyMCE = function () {
61
- if (typeof window !== 'undefined') {
62
- tinymce.init({
63
- selector: '#tinymce',
64
- plugins: 'link table image code',
65
- toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | code',
66
- skin: false,
67
- tinymceScriptSrc: '',
68
- src: '',
69
- });
70
- }
71
- };
72
44
  export var Editor = forwardRef(function (_a, ref) {
73
45
  var className = _a.className, size = _a.size, scaling = _a.scaling, tinymceScriptSrc = _a.tinymceScriptSrc, props = __rest(_a, ["className", "size", "scaling", "tinymceScriptSrc"]);
74
- useEffect(function () {
75
- initTinyMCE();
76
- }, []);
77
- return _jsx("textarea", { id: "tinymce", ref: ref });
46
+ return (_jsx("div", { ref: ref, className: cn(editorVariants({ size: size, scaling: scaling }), className), children: _jsx(EditorUI, __assign({ tinymceScriptSrc: "/tinymce/tinymce.min.js", initialValue: "", init: {
47
+ height: '100%',
48
+ menubar: false,
49
+ // plugins: ['image', 'code', 'link', 'table'],
50
+ } }, props)) }));
78
51
  });
79
52
  Editor.displayName = 'Editor';
80
53
  export default Editor;
package/dist/lib/components/Editor/index.d.ts CHANGED
@@ -1,6 +1,19 @@
1
1
  import React from 'react';
2
2
  import { IAllProps } from '@tinymce/tinymce-react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
+ import 'tinymce/icons/default';
5
+ import 'tinymce/themes/silver';
6
+ import 'tinymce/models/dom';
7
+ import 'tinymce/skins/ui/oxide/skin.css';
8
+ import 'tinymce/plugins/advlist';
9
+ import 'tinymce/plugins/code';
10
+ import 'tinymce/plugins/emoticons';
11
+ import 'tinymce/plugins/emoticons/js/emojis';
12
+ import 'tinymce/plugins/link';
13
+ import 'tinymce/plugins/lists';
14
+ import 'tinymce/plugins/table';
15
+ import 'tinymce/skins/ui/oxide/content.css';
16
+ import 'tinymce/skins/content/default/content.css';
4
17
  export interface EditorProps extends VariantProps<typeof editorVariants> {
5
18
  tinymceScriptSrc?: string;
6
19
  }
@@ -8,5 +21,6 @@ declare const editorVariants: (props?: ({
8
21
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
9
22
  size?: "small" | "medium" | "large" | null | undefined;
10
23
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
11
- export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLDivElement>>;
24
+ export declare const initTinyMCE: () => void;
25
+ export declare const Editor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & EditorProps & IAllProps & React.RefAttributes<HTMLTextAreaElement>>;
12
26
  export default Editor;
package/dist/lib/components/Editor/index.js CHANGED
@@ -22,11 +22,27 @@ 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 } from 'react';
26
- import { Editor as EditorUI } from '@tinymce/tinymce-react';
25
+ import { forwardRef, useEffect } from 'react';
27
26
  import { cva } from 'class-variance-authority';
28
27
  import { scalingVariants } from '../../constants';
29
- import { cn } from '../../utils/utils';
28
+ import tinymce from 'tinymce';
29
+ /* Default icons are required. After that, import custom icons if applicable */
30
+ import 'tinymce/icons/default';
31
+ /* Required TinyMCE components */
32
+ import 'tinymce/themes/silver';
33
+ import 'tinymce/models/dom';
34
+ /* Import a skin (can be a custom skin instead of the default) */
35
+ import 'tinymce/skins/ui/oxide/skin.css';
36
+ /* Import plugins */
37
+ import 'tinymce/plugins/advlist';
38
+ import 'tinymce/plugins/code';
39
+ import 'tinymce/plugins/emoticons';
40
+ import 'tinymce/plugins/emoticons/js/emojis';
41
+ import 'tinymce/plugins/link';
42
+ import 'tinymce/plugins/lists';
43
+ import 'tinymce/plugins/table';
44
+ import 'tinymce/skins/ui/oxide/content.css';
45
+ import 'tinymce/skins/content/default/content.css';
30
46
  var editorVariants = cva('', {
31
47
  variants: {
32
48
  scaling: __assign({}, scalingVariants),
@@ -41,13 +57,24 @@ var editorVariants = cva('', {
41
57
  size: 'medium',
42
58
  },
43
59
  });
60
+ export var initTinyMCE = function () {
61
+ if (typeof window !== 'undefined') {
62
+ tinymce.init({
63
+ selector: '#tinymce',
64
+ plugins: 'link table code',
65
+ toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | code',
66
+ skin: false,
67
+ tinymceScriptSrc: '',
68
+ src: '',
69
+ });
70
+ }
71
+ };
44
72
  export var Editor = forwardRef(function (_a, ref) {
45
73
  var className = _a.className, size = _a.size, scaling = _a.scaling, tinymceScriptSrc = _a.tinymceScriptSrc, props = __rest(_a, ["className", "size", "scaling", "tinymceScriptSrc"]);
46
- return (_jsx("div", { ref: ref, className: cn(editorVariants({ size: size, scaling: scaling }), className), children: _jsx(EditorUI, __assign({ tinymceScriptSrc: "/tinymce/tinymce.min.js", initialValue: "", init: {
47
- height: '100%',
48
- menubar: false,
49
- // plugins: ['image', 'code', 'link', 'table'],
50
- } }, props)) }));
74
+ useEffect(function () {
75
+ initTinyMCE();
76
+ }, []);
77
+ return _jsx("textarea", { id: "tinymce", ref: ref });
51
78
  });
52
79
  Editor.displayName = 'Editor';
53
80
  export default Editor;
package/dist/lib/components/Editor/index.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Editor as e}from"@tinymce/tinymce-react";import{cva as i}from"class-variance-authority";import{scalingVariants as a}from"../../constants.mjs";import{cn as n}from"../../utils/utils.mjs";var c=function(){return c=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var a in r=arguments[e])Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a]);return t},c.apply(this,arguments)},o=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(t);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(t,i[a])&&(e[i[a]]=t[i[a]])}return e},s=i("",{variants:{scaling:c({},a),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),m=r((function(r,i){var a=r.className,m=r.size,l=r.scaling;r.tinymceScriptSrc;var p=o(r,["className","size","scaling","tinymceScriptSrc"]);return t("div",{ref:i,className:n(s({size:m,scaling:l}),a),children:t(e,c({tinymceScriptSrc:"/tinymce/tinymce.min.js",initialValue:"",init:{height:"100%",menubar:!1}},p))})}));m.displayName="Editor";export{m as Editor,m as default};
2
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as i,useEffect as e}from"react";import{cva as n}from"class-variance-authority";import{scalingVariants as r}from"../../constants.mjs";import o from"tinymce";import"tinymce/icons/default";import"tinymce/themes/silver";import"tinymce/models/dom";import"tinymce/skins/ui/oxide/skin.css";import"tinymce/plugins/advlist";import"tinymce/plugins/code";import"tinymce/plugins/emoticons";import"tinymce/plugins/emoticons/js/emojis";import"tinymce/plugins/link";import"tinymce/plugins/lists";import"tinymce/plugins/table";import"tinymce/skins/ui/oxide/content.css";import"tinymce/skins/content/default/content.css";var c=function(){return c=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t},c.apply(this,arguments)},s=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 r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)i.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(e[n[r]]=t[n[r]])}return e};n("",{variants:{scaling:c({},r),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}});var m=function(){"undefined"!=typeof window&&o.init({selector:"#tinymce",plugins:"link table code",toolbar:"undo redo | formatselect | bold italic | alignleft aligncenter alignright | code",skin:!1,tinymceScriptSrc:"",src:""})},a=i((function(i,n){return i.className,i.size,i.scaling,i.tinymceScriptSrc,s(i,["className","size","scaling","tinymceScriptSrc"]),e((function(){m()}),[]),t("textarea",{id:"tinymce",ref:n})}));a.displayName="Editor";export{a as Editor,a as default,m as initTinyMCE};
3
3
  //# sourceMappingURL=index.mjs.map