npm - @npm-questionpro/wick-ui-editor - Versions diffs - 0.14.3 → 2.0.0-next.4 - Mend

@npm-questionpro/wick-ui-editor 0.14.3 → 2.0.0-next.4

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 (7) hide show

package/dist/index.d.ts +0 -44
package/dist/style.css +1 -1
package/dist/wick-ui-editor/es/index.js +131 -131
package/llms.txt +31 -0
package/package.json +37 -46
/package/dist/{html-09JHi0-2.js → html-Ccb8eKR4.js} +0 -0
/package/dist/{standalone-BLOsX-r1.js → standalone-DSxjHhed.js} +0 -0

package/dist/index.d.ts CHANGED Viewed

@@ -1,45 +1 @@
-import { default as default_2 } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-declare type IToolbarExtensionKey = keyof typeof TOOLBAR_EXTENSIONS;
-export declare interface IWuContentEditorProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    defaultValue?: string;
-    onUpdate?: (content: string) => void;
-    customFonts?: string[];
-    toolbarPosition?: 'top' | 'bottom';
-    customToolbarChildren?: default_2.ReactNode;
-    toolbarItems?: IToolbarExtensionKey[];
-    hideToolbar?: boolean;
-    readonly?: boolean;
-    isHtml?: boolean;
-    setIsHtml?: (isHtml: boolean) => void;
-}
-declare const TOOLBAR_EXTENSIONS: {
-    block: JSX_2.Element;
-    fontFamily: JSX_2.Element;
-    fontSize: JSX_2.Element;
-    bold: JSX_2.Element;
-    italic: JSX_2.Element;
-    underline: JSX_2.Element;
-    strike: JSX_2.Element;
-    color: JSX_2.Element;
-    bgColor: JSX_2.Element;
-    list: JSX_2.Element;
-    alignment: JSX_2.Element;
-    image: JSX_2.Element;
-    link: JSX_2.Element;
-    table: JSX_2.Element;
-    blockquote: JSX_2.Element;
-    superscript: JSX_2.Element;
-    subscript: JSX_2.Element;
-    codeline: JSX_2.Element;
-    clear: JSX_2.Element;
-    '|': JSX_2.Element;
-    html: JSX_2.Element;
-};
-export declare function WuContentEditor({ defaultValue, onUpdate, className, toolbarPosition, customToolbarChildren, toolbarItems, hideToolbar, readonly, customFonts, isHtml: isHtmlProp, setIsHtml: setIsHtmlProp, ...props }: IWuContentEditorProps): default_2.JSX.Element;
 export { }

package/dist/style.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@import "https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._wuContentEditor_1kzbo_8 img{margin:0;display:inline-block}._wuContentEditor_1kzbo_8 [data-resize-handle]{z-index:9;background:#00000080;border:1px solid #fffc;border-radius:2px;position:absolute}._wuContentEditor_1kzbo_8 [data-resize-handle]:hover{background:#000c}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top-right]{width:8px;height:8px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize;top:0;left:-4px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize;top:-4px;right:-4px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize;bottom:-4px;left:-4px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize;bottom:-4px;right:-4px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top]{height:6px;left:8px;right:8px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize;top:-3px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize;bottom:-3px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=left],._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=right]{width:6px;top:8px;bottom:8px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize;left:-3px}._wuContentEditor_1kzbo_8 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize;right:-3px}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditorTable_1kzbo_1{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;display:grid}._wuContentEditorTable_1kzbo_1 button{justify-content:flex-start;align-items:center;font-size:12px;display:flex}._wuContentEditor_1kzbo_8 table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}._wuContentEditor_1kzbo_8 table td,._wuContentEditor_1kzbo_8 table th{box-sizing:border-box;vertical-align:top;border:1px solid #e6e6e6;min-width:1em;padding:6px 8px;position:relative}:is(._wuContentEditor_1kzbo_8 table td,._wuContentEditor_1kzbo_8 table th)>*{margin-bottom:0}._wuContentEditor_1kzbo_8 table th{text-align:left;background-color:#f5f5f5;font-weight:700}._wuContentEditor_1kzbo_8 table ._selectedCell_1kzbo_1:after{content:"";pointer-events:none;z-index:2;background:green;position:absolute;inset:0}._wuContentEditor_1kzbo_8 table ._column-resize-handle_1kzbo_1{pointer-events:none;background-color:#00f;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}._wuContentEditor_1kzbo_8 ._tableWrapper_1kzbo_1{scrollbar-color:rgb(var(--wu-gray-20)) transparent;scrollbar-width:thin;margin:1.5rem 0;overflow-x:auto}._wuContentEditor_1kzbo_8 ._tableWrapper_1kzbo_1::-webkit-scrollbar{width:6px;height:6px}._wuContentEditor_1kzbo_8 ._tableWrapper_1kzbo_1::-webkit-scrollbar-track{background:0 0}._wuContentEditor_1kzbo_8 ._tableWrapper_1kzbo_1::-webkit-scrollbar-thumb{background-color:rgb(var(--wu-gray-20));border-radius:4px}._wuContentEditor_1kzbo_8 ._tableWrapper_1kzbo_1::-webkit-scrollbar-corner{background:0 0}._wuContentEditor_1kzbo_8 ._resize-cursor_1kzbo_1{cursor:ew-resize;cursor:col-resize}._wuContentEditor_1kzbo_8 ol,._wuContentEditor_1kzbo_8 ul{all:unset;box-sizing:border-box;display:revert}._wuContentEditor_1kzbo_8 ul{list-style-type:disc}._wuContentEditor_1kzbo_8 ol,._wuContentEditor_1kzbo_8 ul{padding-left:2rem}._wuContentEditor_1kzbo_8 ol{list-style-type:decimal}._wuContentEditor_1kzbo_8 ul[data-type=taskList]{padding-left:1rem;list-style-type:none}._wuContentEditor_1kzbo_8 ul[data-type=taskList] li{justify-content:flex-start;align-items:center;gap:8px;display:flex}._wuContentEditor_1kzbo_8 ul[data-type=taskList] li label{position:relative;top:2px}._wuContentEditor_1kzbo_8 h1{font-size:2rem;line-height:40px}._wuContentEditor_1kzbo_8 h1,._wuContentEditor_1kzbo_8 h2{font-weight:400}._wuContentEditor_1kzbo_8 h2{font-size:1.5rem}._wuContentEditor_1kzbo_8 h2,._wuContentEditor_1kzbo_8 h3{line-height:32px}._wuContentEditor_1kzbo_8 h3{font-size:1.25rem}._wuContentEditor_1kzbo_8 h3,._wuContentEditor_1kzbo_8 h4{font-weight:500}._wuContentEditor_1kzbo_8 h4{font-size:1.125rem;line-height:24px}._wuContentEditorContainer_1kzbo_8{--blue-p:rgb(var(--wu-blue-p));--blue-q:rgb(var(--wu-blue-q));--gray-20:rgb(var(--wu-gray-20));--gray-10:#ddd;border:1px solid var(--gray-10);scrollbar-color:var(--gray-20) transparent;scrollbar-width:thin;background-color:#fff;border-radius:8px;flex-direction:column;min-height:160px;line-height:1.5;display:flex;position:relative;overflow:auto}._wuContentEditorContainer_1kzbo_8[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorContainer_1kzbo_8::-webkit-scrollbar{width:6px;height:6px}._wuContentEditorContainer_1kzbo_8::-webkit-scrollbar-track{background:0 0}._wuContentEditorContainer_1kzbo_8::-webkit-scrollbar-thumb{background-color:var(--gray-20);border-radius:4px}._wuContentEditorContainer_1kzbo_8::-webkit-scrollbar-corner{background:0 0}._wuContentEditorContainer_1kzbo_8 :focus{outline:none}._wuContentEditorContainer_1kzbo_8 a{color:var(--blue-p);font-weight:400;text-decoration:underline}._wuContentEditorContainer_1kzbo_8 blockquote{background-color:rgb(var(--wu-blue-p)/.1);border-left:4px solid rgb(var(--wu-blue-p)/.5);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem;font-style:italic}._wuContentEditorContainer_1kzbo_8 code{background-color:var(--gray-20);color:var(--blue-q);border-radius:2px;padding:4px;font-family:JetBrains Mono,monospace;font-size:.75em}._wuContentEditorContainer_1kzbo_8 code:after,._wuContentEditorContainer_1kzbo_8 code:before{content:""}._wuContentEditorToolbar_1kzbo_80{border-color:var(--gray-10);z-index:10;background-color:#fff;justify-content:start;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:sticky}._wuContentEditorToolbar_1kzbo_80[data-position=top]{border-width:0 0 1px;top:0}._wuContentEditorToolbar_1kzbo_80[data-position=bottom]{border-width:1px 0 0;bottom:0}._wuContentEditor_1kzbo_8{flex-grow:1;padding:1rem;overflow:auto}._wuContentEditorAction_1kzbo_107{cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._wuContentEditorAction_1kzbo_107:hover{background-color:rgb(var(--wu-blue-p)/.15)}._wuContentEditorAction_1kzbo_107[data-active=true]{background-color:rgb(var(--wu-blue-p)/.05);color:rgb(var(--wu-blue-p))}._wuContentEditorAction_1kzbo_107 input{width:0;height:0}._wuContentEditorDropdown_1kzbo_133{border:1px solid rgb(var(--wu-blue-p));background-color:#fff;border-radius:.25rem;display:flex}._wuContentEditorDropdown_1kzbo_133[data-inline]{gap:.25rem;padding:.25rem}._wuContentEditorDropdown_1kzbo_133[data-block]{flex-direction:column}._wuContentEditorDropdown_1kzbo_133[data-block] ._wuContentEditorDropdownItem_1kzbo_146{cursor:pointer;padding:.25rem .5rem;font-size:12px}._wuContentEditorDropdown_1kzbo_133[data-block] ._wuContentEditorDropdownItem_1kzbo_146:hover{background-color:rgb(var(--wu-blue-p)/.05)}._wuContentEditorFontSize_1kzbo_157{gap:.25rem;display:flex}._wuContentEditorFontSize_1kzbo_157 input{text-align:center;border-style:solid;border-width:1px;border-radius:.25rem;width:2.5rem;height:1.5rem}._wuContentEditorModal_1kzbo_171{border-radius:12px 12px 0 0}._wuCodeEditor_1kzbo_175{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative;overflow:auto}._wuCodeEditor_1kzbo_175 ._wuFormatCode_1kzbo_185{opacity:.5;z-index:10;padding:0;font-size:1rem;position:absolute;top:0;right:0}._wuCodeEditor_1kzbo_175 ._wuFormatCode_1kzbo_185:hover{opacity:1}._wuCodeEditorPreview_1kzbo_198{pointer-events:none;-webkit-user-select:none;user-select:none}._wuCodeEditorPreview_1kzbo_198 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._wuCodeEditorPreview_1kzbo_198 pre code span{font-family:var(--font-family)!important}._wuCodeEditorInput_1kzbo_213{caret-color:#000;color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}
+@import "https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._wuContentEditor_cl3h6_7 img{margin:0;display:inline-block}._wuContentEditor_cl3h6_7 [data-resize-handle]{z-index:9;background:#00000080;border:1px solid #fffc;border-radius:2px;position:absolute}._wuContentEditor_cl3h6_7 [data-resize-handle]:hover{background:#000c}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top-right]{width:8px;height:8px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize;top:0;left:-4px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize;top:-4px;right:-4px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize;bottom:-4px;left:-4px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize;bottom:-4px;right:-4px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top]{height:6px;left:8px;right:8px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize;top:-3px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize;bottom:-3px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=left],._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=right]{width:6px;top:8px;bottom:8px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize;left:-3px}._wuContentEditor_cl3h6_7 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize;right:-3px}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditorTable_cl3h6_1{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;display:grid}._wuContentEditorTable_cl3h6_1 button{justify-content:flex-start;align-items:center;font-size:12px;display:flex}._wuContentEditor_cl3h6_7 table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}._wuContentEditor_cl3h6_7 table td,._wuContentEditor_cl3h6_7 table th{box-sizing:border-box;vertical-align:top;border:1px solid #e6e6e6;min-width:1em;padding:6px 8px;position:relative}:is(._wuContentEditor_cl3h6_7 table td,._wuContentEditor_cl3h6_7 table th)>*{margin-bottom:0}._wuContentEditor_cl3h6_7 table th{text-align:left;background-color:#f5f5f5;font-weight:700}._wuContentEditor_cl3h6_7 table ._selectedCell_cl3h6_1:after{content:"";pointer-events:none;z-index:2;background:green;position:absolute;inset:0}._wuContentEditor_cl3h6_7 table ._column-resize-handle_cl3h6_1{pointer-events:none;background-color:#00f;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}._wuContentEditor_cl3h6_7 ._tableWrapper_cl3h6_1{scrollbar-color:rgb(var(--wu-gray-20)) transparent;scrollbar-width:thin;margin:1.5rem 0;overflow-x:auto}._wuContentEditor_cl3h6_7 ._tableWrapper_cl3h6_1::-webkit-scrollbar{width:6px;height:6px}._wuContentEditor_cl3h6_7 ._tableWrapper_cl3h6_1::-webkit-scrollbar-track{background:0 0}._wuContentEditor_cl3h6_7 ._tableWrapper_cl3h6_1::-webkit-scrollbar-thumb{background-color:rgb(var(--wu-gray-20));border-radius:4px}._wuContentEditor_cl3h6_7 ._tableWrapper_cl3h6_1::-webkit-scrollbar-corner{background:0 0}._wuContentEditor_cl3h6_7 ._resize-cursor_cl3h6_1{cursor:ew-resize;cursor:col-resize}._wuContentEditor_cl3h6_7 ol,._wuContentEditor_cl3h6_7 ul{all:unset;box-sizing:border-box;display:revert}._wuContentEditor_cl3h6_7 ul{list-style-type:disc}._wuContentEditor_cl3h6_7 ol,._wuContentEditor_cl3h6_7 ul{padding-left:2rem}._wuContentEditor_cl3h6_7 ol{list-style-type:decimal}._wuContentEditor_cl3h6_7 ul[data-type=taskList]{padding-left:1rem;list-style-type:none}._wuContentEditor_cl3h6_7 ul[data-type=taskList] li{justify-content:flex-start;align-items:center;gap:8px;display:flex}._wuContentEditor_cl3h6_7 ul[data-type=taskList] li label{position:relative;top:2px}._wuContentEditor_cl3h6_7 h1{font-size:2rem;line-height:40px}._wuContentEditor_cl3h6_7 h1,._wuContentEditor_cl3h6_7 h2{font-weight:400}._wuContentEditor_cl3h6_7 h2{font-size:1.5rem}._wuContentEditor_cl3h6_7 h2,._wuContentEditor_cl3h6_7 h3{line-height:32px}._wuContentEditor_cl3h6_7 h3{font-size:1.25rem}._wuContentEditor_cl3h6_7 h3,._wuContentEditor_cl3h6_7 h4{font-weight:500}._wuContentEditor_cl3h6_7 h4{font-size:1.125rem;line-height:24px}._wuContentEditorContainer_cl3h6_7{--blue-p:rgb(var(--wu-blue-p));--blue-q:rgb(var(--wu-blue-q));--gray-20:rgb(var(--wu-gray-20));--gray-10:#ddd;border:1px solid var(--gray-10);scrollbar-color:var(--gray-20) transparent;scrollbar-width:thin;background-color:#fff;border-radius:8px;flex-direction:column;min-height:160px;line-height:1.5;display:flex;position:relative;overflow:auto}._wuContentEditorContainer_cl3h6_7[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorContainer_cl3h6_7::-webkit-scrollbar{width:6px;height:6px}._wuContentEditorContainer_cl3h6_7::-webkit-scrollbar-track{background:0 0}._wuContentEditorContainer_cl3h6_7::-webkit-scrollbar-thumb{background-color:var(--gray-20);border-radius:4px}._wuContentEditorContainer_cl3h6_7::-webkit-scrollbar-corner{background:0 0}._wuContentEditorContainer_cl3h6_7 :focus{outline:none}._wuContentEditorContainer_cl3h6_7 a{color:var(--blue-p);font-weight:400;text-decoration:underline}._wuContentEditorContainer_cl3h6_7 blockquote{background-color:rgb(var(--wu-blue-p)/10%);border-left:4px solid rgb(var(--wu-blue-p)/50%);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem;font-style:italic}._wuContentEditorContainer_cl3h6_7 code{background-color:var(--gray-20);color:var(--blue-q);border-radius:2px;padding:4px;font-family:JetBrains Mono,monospace;font-size:.75em}._wuContentEditorContainer_cl3h6_7 code:after,._wuContentEditorContainer_cl3h6_7 code:before{content:""}._wuContentEditorToolbar_cl3h6_82{border-color:var(--gray-10);z-index:10;background-color:#fff;justify-content:start;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:sticky}._wuContentEditorToolbar_cl3h6_82[data-position=top]{border-width:0 0 1px;top:0}._wuContentEditorToolbar_cl3h6_82[data-position=bottom]{border-width:1px 0 0;bottom:0}._wuContentEditor_cl3h6_7{flex-grow:1;padding:1rem;overflow:auto}._wuContentEditorAction_cl3h6_110{cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._wuContentEditorAction_cl3h6_110:hover{background-color:rgb(var(--wu-blue-p)/15%)}._wuContentEditorAction_cl3h6_110[data-active=true]{background-color:rgb(var(--wu-blue-p)/5%);color:rgb(var(--wu-blue-p))}._wuContentEditorAction_cl3h6_110 input{width:0;height:0}._wuContentEditorDropdown_cl3h6_136{border:1px solid rgb(var(--wu-blue-p));background-color:#fff;border-radius:.25rem;display:flex}._wuContentEditorDropdown_cl3h6_136[data-inline]{gap:.25rem;padding:.25rem}._wuContentEditorDropdown_cl3h6_136[data-block]{flex-direction:column}._wuContentEditorDropdown_cl3h6_136[data-block] ._wuContentEditorDropdownItem_cl3h6_150{cursor:pointer;padding:.25rem .5rem;font-size:12px}._wuContentEditorDropdown_cl3h6_136[data-block] ._wuContentEditorDropdownItem_cl3h6_150:hover{background-color:rgb(var(--wu-blue-p)/5%)}._wuContentEditorFontSize_cl3h6_162{gap:.25rem;display:flex}._wuContentEditorFontSize_cl3h6_162 input{text-align:center;border-style:solid;border-width:1px;border-radius:.25rem;width:2.5rem;height:1.5rem}._wuContentEditorModal_cl3h6_176{border-radius:12px 12px 0 0}._wuCodeEditor_cl3h6_180{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative;overflow:auto}._wuCodeEditor_cl3h6_180 ._wuFormatCode_cl3h6_190{opacity:.5;z-index:10;padding:0;font-size:1rem;position:absolute;top:0;right:0}._wuCodeEditor_cl3h6_180 ._wuFormatCode_cl3h6_190:hover{opacity:1}._wuCodeEditorPreview_cl3h6_205{pointer-events:none;-webkit-user-select:none;user-select:none}._wuCodeEditorPreview_cl3h6_205 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._wuCodeEditorPreview_cl3h6_205 pre code span{font-family:var(--font-family)!important}._wuCodeEditorInput_cl3h6_222{caret-color:#000;color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}
 /*$vite$:1*/

package/dist/wick-ui-editor/es/index.js CHANGED Viewed

@@ -7,25 +7,25 @@ import et from "@tiptap/extension-subscript";
 import ot from "@tiptap/extension-superscript";
 import { TableKit as nt } from "@tiptap/extension-table";
 import it from "@tiptap/extension-text-align";
-import { BackgroundColor as rt, Color as at, FontFamily as st, FontSize as lt, LineHeight as ct, TextStyle as ut } from "@tiptap/extension-text-style";
+import { BackgroundColor as rt, Color as lt, FontFamily as at, FontSize as st, LineHeight as ct, TextStyle as ut } from "@tiptap/extension-text-style";
 import dt from "@tiptap/starter-kit";
 import { Fragment as x, jsx as e, jsxs as v } from "react/jsx-runtime";
-import { WuButton as q, WuIcon as h, WuInput as F, WuModal as H, WuModalClose as _, WuModalContent as z, WuModalFooter as D, WuModalHeader as R, WuToggle as mt } from "@npm-questionpro/wick-ui-lib";
+import { WuButton as q, WuIcon as h, WuInput as F, WuModal as H, WuModalClose as _, WuModalContent as D, WuModalFooter as R, WuModalHeader as z, WuToggle as mt } from "@npm-questionpro/wick-ui-lib";
 import { DropdownMenu as U, DropdownMenuContent as j, DropdownMenuItem as $, DropdownMenuTrigger as K } from "@radix-ui/react-dropdown-menu";
 import ht from "dompurify";
-var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt = "_selectedCell_1kzbo_1", vt = "_tableWrapper_1kzbo_1", bt = "_wuContentEditorContainer_1kzbo_8", wt = "_wuContentEditorToolbar_1kzbo_80", Ct = "_wuContentEditorAction_1kzbo_107", At = "_wuContentEditorDropdown_1kzbo_133", kt = "_wuContentEditorDropdownItem_1kzbo_146", yt = "_wuContentEditorFontSize_1kzbo_157", Et = "_wuContentEditorModal_1kzbo_171", Tt = "_wuCodeEditor_1kzbo_175", St = "_wuFormatCode_1kzbo_185", _t = "_wuCodeEditorPreview_1kzbo_198", xt = "_wuCodeEditorInput_1kzbo_213", s = {
+var pt = "_wuContentEditor_cl3h6_7", ft = "_wuContentEditorTable_cl3h6_1", gt = "_selectedCell_cl3h6_1", vt = "_tableWrapper_cl3h6_1", wt = "_wuContentEditorContainer_cl3h6_7", Ct = "_wuContentEditorToolbar_cl3h6_82", bt = "_wuContentEditorAction_cl3h6_110", At = "_wuContentEditorDropdown_cl3h6_136", yt = "_wuContentEditorDropdownItem_cl3h6_150", kt = "_wuContentEditorFontSize_cl3h6_162", Et = "_wuContentEditorModal_cl3h6_176", Tt = "_wuCodeEditor_cl3h6_180", St = "_wuFormatCode_cl3h6_190", _t = "_wuCodeEditorPreview_cl3h6_205", xt = "_wuCodeEditorInput_cl3h6_222", a = {
   wuContentEditor: pt,
   wuContentEditorTable: ft,
   selectedCell: gt,
-  "column-resize-handle": "_column-resize-handle_1kzbo_1",
+  "column-resize-handle": "_column-resize-handle_cl3h6_1",
   tableWrapper: vt,
-  "resize-cursor": "_resize-cursor_1kzbo_1",
-  wuContentEditorContainer: bt,
-  wuContentEditorToolbar: wt,
-  wuContentEditorAction: Ct,
+  "resize-cursor": "_resize-cursor_cl3h6_1",
+  wuContentEditorContainer: wt,
+  wuContentEditorToolbar: Ct,
+  wuContentEditorAction: bt,
   wuContentEditorDropdown: At,
-  wuContentEditorDropdownItem: kt,
-  wuContentEditorFontSize: yt,
+  wuContentEditorDropdownItem: yt,
+  wuContentEditorFontSize: kt,
   wuContentEditorModal: Et,
   wuCodeEditor: Tt,
   wuFormatCode: St,
@@ -46,7 +46,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
           "file",
           "mailto"
         ], r = n.protocol.replace(":", "");
-        if (i.includes(r) || !o.protocols.map((a) => typeof a == "string" ? a : a.scheme).includes(r)) return !1;
+        if (i.includes(r) || !o.protocols.map((l) => typeof l == "string" ? l : l.scheme).includes(r)) return !1;
         const u = ["example-phishing.com", "malicious-site.net"], c = n.hostname;
         return !u.includes(c);
       } catch {
@@ -66,13 +66,13 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   ot,
   et,
   ut,
-  at,
+  lt,
   rt,
   tt,
   Q,
   ct,
-  lt,
   st,
+  at,
   Z.configure({
     resize: {
       enabled: !0,
@@ -98,13 +98,13 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return m.useEffect(() => {
     i(o || t.items.find((r) => r.active) || t.items[0]);
   }, [t, o]), /* @__PURE__ */ v(U, { children: [/* @__PURE__ */ e(K, {
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": t.active,
     children: /* @__PURE__ */ e(h, { icon: n.icon })
   }), /* @__PURE__ */ e(j, {
     align: "start",
     onCloseAutoFocus: (r) => r.preventDefault(),
-    className: s.wuContentEditorDropdown,
+    className: a.wuContentEditorDropdown,
     "data-inline": !0,
     children: t.items?.map((r) => /* @__PURE__ */ e($, {
       onClick: () => {
@@ -113,7 +113,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
       title: r.tooltip,
       children: /* @__PURE__ */ e("button", {
         type: "button",
-        className: s.wuContentEditorAction,
+        className: a.wuContentEditorAction,
         "data-active": r.active,
         children: /* @__PURE__ */ e(h, { icon: r.icon })
       })
@@ -171,7 +171,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
     selector: ({ editor: n }) => ({ bgColor: n.getAttributes("textStyle").backgroundColor })
   });
   return /* @__PURE__ */ v("label", {
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     htmlFor: "bg-color",
     title: "Background Color",
     children: [/* @__PURE__ */ e(h, {
@@ -237,7 +237,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
     },
     defaultValue: n.find((i) => i.active)
   });
-}, zt = () => {
+}, Dt = () => {
   const { editor: t } = p(), o = f({
     editor: t,
     selector: (n) => ({ blockquote: n.editor?.isActive("blockquote") })
@@ -245,14 +245,14 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "quote",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.blockquote,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleBlockquote().run();
     },
     children: /* @__PURE__ */ e(h, { icon: "wm-format-quote" })
   });
-}, Dt = () => {
+}, Rt = () => {
   const { editor: t } = p(), o = f({
     editor: t,
     selector: (n) => ({ bold: n.editor?.isActive("bold") })
@@ -260,14 +260,14 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "Bold",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.bold,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleBold().run();
     },
     children: /* @__PURE__ */ e(h, { icon: "wm-format-bold" })
   });
-}, Rt = () => {
+}, zt = () => {
   const { editor: t } = p();
   return /* @__PURE__ */ e(x, { children: [{
     id: "clear",
@@ -277,7 +277,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   }].map((o) => /* @__PURE__ */ e("button", {
     type: "button",
     title: o.tooltip,
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     onClick: (n) => {
       n.preventDefault(), o.event();
     },
@@ -290,7 +290,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   });
   return /* @__PURE__ */ e("button", {
     type: "button",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.code,
     title: "Code line",
     onMouseDown: (n) => {
@@ -301,9 +301,9 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
 }, Wt = () => {
   const { editor: t } = p(), o = f({
     editor: t,
-    selector: (a) => ({
-      isImage: a.editor?.isActive("image"),
-      imageAttrs: a.editor?.getAttributes("image")
+    selector: (l) => ({
+      isImage: l.editor?.isActive("image"),
+      imageAttrs: l.editor?.getAttributes("image")
     })
   }), [n, i] = m.useState(o.imageAttrs.src || ""), [r, u] = m.useState(o.imageAttrs.alt || ""), c = () => {
     t.chain().focus().setImage({
@@ -314,29 +314,29 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ v(H, {
     Trigger: /* @__PURE__ */ e("button", {
       type: "button",
-      className: s.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": o.isImage,
       children: /* @__PURE__ */ e(h, { icon: "wm-image" })
     }),
     maxWidth: "400px",
     children: [
-      /* @__PURE__ */ e(R, { style: { display: "none" } }),
-      /* @__PURE__ */ v(z, {
-        className: s.wuContentEditorModal,
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
         children: [/* @__PURE__ */ e(F, {
           Label: "Image URL",
           type: "url",
           value: n,
-          onChange: (a) => i(a.target.value),
+          onChange: (l) => i(l.target.value),
           required: !0
         }), /* @__PURE__ */ e(F, {
           Label: "Alt Text",
           type: "text",
           value: r,
-          onChange: (a) => u(a.target.value)
+          onChange: (l) => u(l.target.value)
         })]
       }),
-      /* @__PURE__ */ v(D, { children: [/* @__PURE__ */ e(_, {
+      /* @__PURE__ */ v(R, { children: [/* @__PURE__ */ e(_, {
         variant: "secondary",
         children: "Cancel"
       }), /* @__PURE__ */ e(_, {
@@ -349,9 +349,9 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
 }, Ot = () => {
   const { editor: t } = p(), o = f({
     editor: t,
-    selector: (l) => ({
-      isLink: l.editor?.isActive("link"),
-      linkAttrs: l.editor?.getAttributes("link")
+    selector: (s) => ({
+      isLink: s.editor?.isActive("link"),
+      linkAttrs: s.editor?.getAttributes("link")
     })
   }), [n, i] = m.useState(o.linkAttrs.href || ""), [r, u] = m.useState(o.linkAttrs.alt || ""), c = () => {
     t.chain().focus().insertContent({
@@ -362,45 +362,45 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
         attrs: { href: n }
       }]
     }).run();
-  }, a = () => {
-    const { $from: l } = t.state.selection, w = l.parent.textContent, y = l.parentOffset;
-    let C = y, b = y;
-    for (; C > 0 && !/\s/.test(w[C - 1]); ) C--;
-    for (; b < w.length && !/\s/.test(w[b]); ) b++;
-    const E = l.start(), A = E + C, k = E + b, g = w.slice(C, b);
+  }, l = () => {
+    const { $from: s } = t.state.selection, C = s.parent.textContent, k = s.parentOffset;
+    let b = k, w = k;
+    for (; b > 0 && !/\s/.test(C[b - 1]); ) b--;
+    for (; w < C.length && !/\s/.test(C[w]); ) w++;
+    const E = s.start(), A = E + b, y = E + w, g = C.slice(b, w);
     t.commands.setTextSelection({
       from: A,
-      to: k
+      to: y
     }), i(o.linkAttrs.href || ""), u(g || o.linkAttrs.alt || "");
   };
   return /* @__PURE__ */ v(H, {
     Trigger: /* @__PURE__ */ e("button", {
       type: "button",
       title: "Link",
-      className: s.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": o.isLink,
       children: /* @__PURE__ */ e(h, { icon: "wm-link" })
     }),
     maxWidth: "400px",
-    onOpenChange: (l) => l && a(),
+    onOpenChange: (s) => s && l(),
     children: [
-      /* @__PURE__ */ e(R, { style: { display: "none" } }),
-      /* @__PURE__ */ v(z, {
-        className: s.wuContentEditorModal,
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
         children: [/* @__PURE__ */ e(F, {
           Label: "Link",
           type: "url",
           value: n,
-          onChange: (l) => i(l.target.value),
+          onChange: (s) => i(s.target.value),
           required: !0
         }), /* @__PURE__ */ e(F, {
           Label: "Text to display",
           type: "text",
           value: r,
-          onChange: (l) => u(l.target.value)
+          onChange: (s) => u(s.target.value)
         })]
       }),
-      /* @__PURE__ */ v(D, { children: [o.isLink && /* @__PURE__ */ e(_, {
+      /* @__PURE__ */ v(R, { children: [o.isLink && /* @__PURE__ */ e(_, {
         color: "error",
         onClick: () => t.chain().focus().unsetLink().run(),
         variant: "secondary",
@@ -415,9 +415,9 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
 }, Pt = () => {
   const { editor: t } = p(), o = f({
     editor: t,
-    selector: (a) => ({
-      isTable: a.editor.isActive("table"),
-      tableAttrs: a.editor.getAttributes("table")
+    selector: (l) => ({
+      isTable: l.editor.isActive("table"),
+      tableAttrs: l.editor.getAttributes("table")
     })
   }), [n, i] = N(!1), r = Y(null), u = O(() => {
     r.current = setTimeout(() => {
@@ -428,7 +428,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
       }).run();
     }, 100);
   }, [t, n]), c = O(() => {
-    i((a) => !a), r.current = setTimeout(() => {
+    i((l) => !l), r.current = setTimeout(() => {
       t.chain().focus().toggleHeaderRow().run();
     }, 100);
   }, [t]);
@@ -436,22 +436,22 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
     Trigger: /* @__PURE__ */ e("button", {
       type: "button",
       title: "Table",
-      className: s.wuContentEditorAction,
+      className: a.wuContentEditorAction,
       "data-active": o.isTable,
       children: /* @__PURE__ */ e(h, { icon: "wm-table" })
     }),
     maxWidth: "320px",
     children: [
-      /* @__PURE__ */ e(R, { style: { display: "none" } }),
-      /* @__PURE__ */ v(z, {
-        className: s.wuContentEditorModal,
+      /* @__PURE__ */ e(z, { style: { display: "none" } }),
+      /* @__PURE__ */ v(D, {
+        className: a.wuContentEditorModal,
         children: [/* @__PURE__ */ e(mt, {
           checked: n,
           onClick: c,
           Label: "Title Row",
           labelPosition: "left"
         }), /* @__PURE__ */ e("div", {
-          className: s.wuContentEditorTable,
+          className: a.wuContentEditorTable,
           children: [
             {
               text: "Column left",
@@ -483,15 +483,15 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
               icon: "wm-delete",
               event: () => t.chain().focus().deleteRow().run()
             }
-          ].map(({ text: a, icon: l, event: w }) => /* @__PURE__ */ e(q, {
-            onClick: w,
+          ].map(({ text: l, icon: s, event: C }) => /* @__PURE__ */ e(q, {
+            onClick: C,
             variant: "secondary",
-            Icon: /* @__PURE__ */ e(h, { icon: l }),
-            children: a
-          }, a))
+            Icon: /* @__PURE__ */ e(h, { icon: s }),
+            children: l
+          }, l))
         })]
       }),
-      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(_, {
+      /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(_, {
         onClick: () => t.chain().focus().deleteTable().run(),
         variant: "outline",
         color: "error",
@@ -504,7 +504,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
     type: "button",
     title: "Table",
     onClick: u,
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     children: /* @__PURE__ */ e(h, { icon: "wm-table" })
   });
 }, Bt = () => {
@@ -522,19 +522,19 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return m.useEffect(() => {
     u(n.currentFontFamily?.replace(/"/g, "") || i[0]);
   }, [n.currentFontFamily]), /* @__PURE__ */ v(U, { children: [/* @__PURE__ */ e(K, {
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": r !== "Fira Sans",
     style: { fontFamily: r },
     title: r || "Font Family",
     children: r?.[0]
   }), /* @__PURE__ */ e(j, {
     align: "start",
-    className: s.wuContentEditorDropdown,
+    className: a.wuContentEditorDropdown,
     "data-block": !0,
     onCloseAutoFocus: (c) => c.preventDefault(),
     children: i.map((c) => /* @__PURE__ */ e($, {
       title: c,
-      className: s.wuContentEditorDropdownItem,
+      className: a.wuContentEditorDropdownItem,
       onSelect: () => {
         t.chain().focus().setFontFamily(c).run(), u(c);
       },
@@ -549,7 +549,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "Italic",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.italic,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleItalic().run();
@@ -602,23 +602,23 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
 ], P = 1, $t = () => {
   const { editor: t } = p(), [o, n] = N(16), i = f({
     editor: t,
-    selector: (a) => ({ fontSize: a.editor.getAttributes("textStyle").fontSize })
-  }), r = (a) => {
-    t.chain().focus().setFontSize(a + "px").run();
-  }, u = (a) => {
-    const l = Math.max(P, a);
-    n(l), r(l);
-  }, c = (a) => {
-    jt.includes(a.key) ? a.preventDefault() : a.key === "Enter" && r(o);
+    selector: (l) => ({ fontSize: l.editor.getAttributes("textStyle").fontSize })
+  }), r = (l) => {
+    t.chain().focus().setFontSize(l + "px").run();
+  }, u = (l) => {
+    const s = Math.max(P, l);
+    n(s), r(s);
+  }, c = (l) => {
+    jt.includes(l.key) ? l.preventDefault() : l.key === "Enter" && r(o);
   };
   return m.useEffect(() => {
     n(Number(i.fontSize?.replace("px", "")) || 16);
   }, [i.fontSize]), /* @__PURE__ */ v("div", {
-    className: s.wuContentEditorFontSize,
+    className: a.wuContentEditorFontSize,
     children: [
       /* @__PURE__ */ e("button", {
         type: "button",
-        className: s.wuContentEditorAction,
+        className: a.wuContentEditorAction,
         onClick: () => u(o - 1),
         disabled: o <= P,
         children: "−"
@@ -629,12 +629,12 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
         pattern: "[0-9]*",
         value: o,
         onKeyDown: c,
-        onChange: (a) => n(a.target.valueAsNumber),
+        onChange: (l) => n(l.target.valueAsNumber),
         onBlur: () => r(o)
       }),
       /* @__PURE__ */ e("button", {
         type: "button",
-        className: s.wuContentEditorAction,
+        className: a.wuContentEditorAction,
         onClick: () => u(o + 1),
         disabled: o >= 128,
         children: "+"
@@ -649,7 +649,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "strikethrough",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.strikethrough,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleStrike().run();
@@ -664,7 +664,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "Subscript",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.subscript,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleSubscript().run();
@@ -679,7 +679,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "Superscript",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.superscript,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleSuperscript().run();
@@ -692,16 +692,16 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
     selector: ({ editor: n }) => ({ textColor: n.getAttributes("textStyle").color })
   });
   return /* @__PURE__ */ v("label", {
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     htmlFor: "text-color",
     title: "Text Color",
     children: [/* @__PURE__ */ e(h, {
       icon: "wm-format-color-text",
-      className: s.bgColorCursorPointer,
+      className: a.bgColorCursorPointer,
       style: { color: o.textColor }
     }), /* @__PURE__ */ e("input", {
       type: "color",
-      className: s.bgColorHiddenInput,
+      className: a.bgColorHiddenInput,
       id: "text-color",
       defaultValue: "#545E6B",
       onChange: (n) => t.chain().focus().setColor(n.target.value).run()
@@ -715,7 +715,7 @@ var pt = "_wuContentEditor_1kzbo_8", ft = "_wuContentEditorTable_1kzbo_1", gt =
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "Underline",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": o.underline,
     onClick: (n) => {
       n.preventDefault(), t.chain().focus().toggleUnderline().run();
@@ -728,7 +728,7 @@ function Yt() {
   return /* @__PURE__ */ e("button", {
     type: "button",
     title: "HTML source",
-    className: s.wuContentEditorAction,
+    className: a.wuContentEditorAction,
     "data-active": t,
     onClick: (n) => {
       n.preventDefault(), o(!t);
@@ -740,7 +740,7 @@ var B = {
   block: /* @__PURE__ */ e(Ht, {}),
   fontFamily: /* @__PURE__ */ e(Bt, {}),
   fontSize: /* @__PURE__ */ e($t, {}),
-  bold: /* @__PURE__ */ e(Dt, {}),
+  bold: /* @__PURE__ */ e(Rt, {}),
   italic: /* @__PURE__ */ e(qt, {}),
   underline: /* @__PURE__ */ e(Xt, {}),
   strike: /* @__PURE__ */ e(Kt, {}),
@@ -751,11 +751,11 @@ var B = {
   image: /* @__PURE__ */ e(Wt, {}),
   link: /* @__PURE__ */ e(Ot, {}),
   table: /* @__PURE__ */ e(Pt, {}),
-  blockquote: /* @__PURE__ */ e(zt, {}),
+  blockquote: /* @__PURE__ */ e(Dt, {}),
   superscript: /* @__PURE__ */ e(Gt, {}),
   subscript: /* @__PURE__ */ e(Jt, {}),
   codeline: /* @__PURE__ */ e(Mt, {}),
-  clear: /* @__PURE__ */ e(Rt, {}),
+  clear: /* @__PURE__ */ e(zt, {}),
   "|": /* @__PURE__ */ e("div", { style: {
     height: 16,
     width: 1,
@@ -791,21 +791,21 @@ var B = {
   "html",
   "clear"
 ], Qt = (t) => {
-  const { editor: o, customFonts: n, children: i, items: r = Zt, isHtml: u, setIsHtml: c, ...a } = t;
+  const { editor: o, customFonts: n, children: i, items: r = Zt, isHtml: u, setIsHtml: c, ...l } = t;
   return /* @__PURE__ */ e("div", {
-    ...a,
+    ...l,
     children: /* @__PURE__ */ v(Lt, {
       editor: o,
       customFonts: n,
       isHtml: u,
       setIsHtml: c,
-      children: [r.map((l, w) => /* @__PURE__ */ e(x, { children: u && l !== "html" ? /* @__PURE__ */ e("span", {
+      children: [r.map((s, C) => /* @__PURE__ */ e(x, { children: u && s !== "html" ? /* @__PURE__ */ e("span", {
         style: {
           pointerEvents: "none",
           opacity: 0.4
         },
-        children: B[l]
-      }) : B[l] }, l + w)), i]
+        children: B[s]
+      }) : B[s] }, s + C)), i]
     })
   });
 }, W = ht();
@@ -878,17 +878,17 @@ function te() {
   }))), I;
 }
 function ee({ defaultValue: t, onUpdate: o, readonly: n }) {
-  const [i, r] = m.useState(t || ""), [u, c] = m.useState(""), [a, l] = m.useState(!1), [w, y] = m.useState(!1), C = m.useRef(!1), b = m.useCallback(async (g) => {
+  const [i, r] = m.useState(t || ""), [u, c] = m.useState(""), [l, s] = m.useState(!1), [C, k] = m.useState(!1), b = m.useRef(!1), w = m.useCallback(async (g) => {
     try {
-      const [{ format: d }, { default: T }] = await Promise.all([import("../../standalone-BLOsX-r1.js"), import("../../html-09JHi0-2.js")]), L = await d(g, {
+      const [{ format: d }, { default: T }] = await Promise.all([import("../../standalone-DSxjHhed.js"), import("../../html-Ccb8eKR4.js")]), L = await d(g, {
         parser: "html",
         plugins: [T],
         htmlWhitespaceSensitivity: "css",
         printWidth: 80
       });
-      return l(!1), L;
+      return s(!1), L;
     } catch (d) {
-      return console.error("Format error:", d), l(!0), g;
+      return console.error("Format error:", d), s(!0), g;
     }
   }, []), E = m.useCallback((g) => {
     te().then((d) => {
@@ -905,11 +905,11 @@ function ee({ defaultValue: t, onUpdate: o, readonly: n }) {
     E,
     o
   ]), m.useEffect(() => {
-    C.current || !t || (C.current = !0, b(t).then(r));
-  }, [t, b]);
+    b.current || !t || (b.current = !0, w(t).then(r));
+  }, [t, w]);
   const A = async (g) => {
-    g.preventDefault(), y(!0), r(await b(i)), y(!1);
-  }, k = (g) => {
+    g.preventDefault(), k(!0), r(await w(i)), k(!1);
+  }, y = (g) => {
     if (g.key === "Tab") {
       g.preventDefault();
       const d = g.currentTarget, T = d.selectionStart, L = d.selectionEnd;
@@ -918,73 +918,73 @@ function ee({ defaultValue: t, onUpdate: o, readonly: n }) {
       });
     }
   };
-  return /* @__PURE__ */ e(x, { children: w ? /* @__PURE__ */ e(x, { children: "Formatting..." }) : /* @__PURE__ */ e("div", {
-    className: s.wuContentEditor,
+  return /* @__PURE__ */ e(x, { children: C ? /* @__PURE__ */ e(x, { children: "Formatting..." }) : /* @__PURE__ */ e("div", {
+    className: a.wuContentEditor,
     children: /* @__PURE__ */ v("div", {
-      className: s.wuCodeEditor,
+      className: a.wuCodeEditor,
       children: [
         /* @__PURE__ */ e(q, {
           variant: "iconOnly",
           Icon: /* @__PURE__ */ e(h, { icon: "wm-data-object" }),
           onClick: A,
-          className: s.wuFormatCode,
-          style: { color: a ? "red" : "" }
+          className: a.wuFormatCode,
+          style: { color: l ? "red" : "" }
         }),
         /* @__PURE__ */ e("div", {
           dangerouslySetInnerHTML: { __html: u },
-          className: s.wuCodeEditorPreview
+          className: a.wuCodeEditorPreview
         }),
         /* @__PURE__ */ e("textarea", {
           value: i,
           onChange: (g) => r(g.target.value),
-          onKeyDown: k,
-          className: s.wuCodeEditorInput,
+          onKeyDown: y,
+          className: a.wuCodeEditorInput,
           disabled: n
         })
       ]
     })
   }) });
 }
-function ve({ defaultValue: t, onUpdate: o, className: n, toolbarPosition: i = "top", customToolbarChildren: r, toolbarItems: u, hideToolbar: c, readonly: a, customFonts: l, isHtml: w, setIsHtml: y, ...C }) {
-  const [b, E] = m.useState(w ?? !1), A = m.useRef(t || ""), k = V({
-    editable: !a,
+function ve({ defaultValue: t, onUpdate: o, className: n, toolbarPosition: i = "top", customToolbarChildren: r, toolbarItems: u, hideToolbar: c, readonly: l, customFonts: s, isHtml: C, setIsHtml: k, ...b }) {
+  const [w, E] = m.useState(C ?? !1), A = m.useRef(t || ""), y = V({
+    editable: !l,
     extensions: Ft,
     content: S(t || ""),
     onUpdate: ({ editor: d }) => {
       o && o(S(d.getHTML()));
     }
   }), g = (d) => {
-    d ? A.current = k?.getHTML() ?? "" : k?.commands.setContent(S(A.current)), o && o(S(A.current)), E(d), y?.(d);
+    d ? A.current = y?.getHTML() ?? "" : y?.commands.setContent(S(A.current)), o && o(S(A.current)), E(d), k?.(d);
   };
   return /* @__PURE__ */ v("div", {
-    className: X(s.wuContentEditorContainer, n),
+    className: X(a.wuContentEditorContainer, n),
     "data-position": i,
     "data-slot": "wu-content-editor-container",
     onClick: () => {
-      b || k?.chain().focus().run();
+      w || y?.chain().focus().run();
     },
-    ...C,
+    ...b,
     children: [!c && /* @__PURE__ */ e(Qt, {
-      editor: k,
-      customFonts: l,
-      className: s.wuContentEditorToolbar,
+      editor: y,
+      customFonts: s,
+      className: a.wuContentEditorToolbar,
       items: u,
-      isHtml: b,
+      isHtml: w,
       setIsHtml: g,
       "data-slot": "wu-content-editor-toolbar",
       "data-position": i,
       children: r
-    }), b ? /* @__PURE__ */ e(ee, {
+    }), w ? /* @__PURE__ */ e(ee, {
       defaultValue: A.current,
       onUpdate: (d) => {
         A.current = d ?? "", o && o(d ?? "");
       },
       "data-position": i,
       "data-slot": "wu-content-editor",
-      readonly: a
+      readonly: l
     }) : /* @__PURE__ */ e(G, {
-      editor: k,
-      className: s.wuContentEditor,
+      editor: y,
+      className: a.wuContentEditor,
       "data-slot": "wu-content-editor"
     })]
   });

package/llms.txt ADDED Viewed

@@ -0,0 +1,31 @@
+# @npm-questionpro/wick-ui-editor
+> Wick Editor is a powerful and intuitive content editing component built with React. It provides a rich set of features for creating and managing content, making it ideal for applications that require dynamic and interactive content creation.
+Version: 2.0.0-next.4
+## Install
+```
+pnpm add @npm-questionpro/wick-ui-editor
+# Peer dependencies:
+pnpm add react react-dom @npm-questionpro/wick-ui-icon @npm-questionpro/wick-ui-lib @radix-ui/react-dropdown-menu @tiptap/extension-image @tiptap/extension-list @tiptap/extension-subscript @tiptap/extension-superscript @tiptap/extension-table @tiptap/extension-text-align @tiptap/extension-text-style @tiptap/pm @tiptap/react @tiptap/starter-kit clsx dompurify shiki
+```
+## Quick start
+```tsx
+import {WuContentEditor} from '@npm-questionpro/wick-ui-editor'
+function App() {
+  return (
+    <WuContentEditor
+      defaultValue="<p>Start typing...</p>"
+      onUpdate={html => console.log(html)}
+    />
+  )
+}
+```
+## Links
+- npm: https://npmjs.com/package/@npm-questionpro/wick-ui-editor
+- llms.txt (unpkg): https://unpkg.com/@npm-questionpro/wick-ui-editor/llms.txt
+- llms.txt (jsDelivr): https://cdn.jsdelivr.net/npm/@npm-questionpro/wick-ui-editor/llms.txt

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@npm-questionpro/wick-ui-editor",
-  "version": "0.14.3",
+  "version": "2.0.0-next.4",
   "description": "Wick Editor is a powerful and intuitive content editing component built with React. It provides a rich set of features for creating and managing content, making it ideal for applications that require dynamic and interactive content creation.",
   "keywords": [
     "react",
@@ -21,7 +21,6 @@
     "url": "https://github.com/QuestionPro/wick-ui/issues"
   },
   "type": "module",
-  "main": "./dist/wick-ui-editor/umd/index.js",
   "module": "./dist/wick-ui-editor/es/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -35,12 +34,13 @@
     "**/*.css"
   ],
   "files": [
-    "dist"
+    "dist",
+    "llms.txt"
   ],
   "private": false,
   "peerDependencies": {
-    "@npm-questionpro/wick-ui-icon": ">= 8.0.2",
-    "@npm-questionpro/wick-ui-lib": ">= 1.24.0",
+    "@npm-questionpro/wick-ui-icon": ">= 2.0.0",
+    "@npm-questionpro/wick-ui-lib": ">= 2.0.0",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@tiptap/extension-image": "^3.14.0",
     "@tiptap/extension-list": "^3.14.0",
@@ -54,23 +54,16 @@
     "@tiptap/starter-kit": "^3.14.0",
     "clsx": "^2.1.1",
     "dompurify": "^3.3.1",
-    "react": ">= 18 < 20",
-    "react-dom": ">= 18 < 20",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "shiki": "^4.0.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@npm-questionpro/wick-ui-icon": "latest",
-    "@npm-questionpro/wick-ui-lib": "latest",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@storybook/addon-a11y": "^10.4.0",
-    "@storybook/addon-designs": "^11.1.0",
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/addon-links": "^10.4.0",
     "@storybook/react-vite": "^10.4.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@tiptap/extension-image": "^3.14.0",
     "@tiptap/extension-list": "^3.14.0",
@@ -83,48 +76,46 @@
     "@tiptap/react": "^3.14.0",
     "@tiptap/starter-kit": "^3.14.0",
     "@types/node": "^22.19.1",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.59.2",
-    "@typescript-eslint/parser": "^8.59.2",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/coverage-v8": "^4.1.6",
-    "@vitest/ui": "^4.1.6",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/coverage-v8": "^4.1.8",
+    "@vitest/ui": "^4.1.8",
     "autoprefixer": "^10.4.22",
     "clsx": "^2.1.1",
     "cssnano": "^7.1.2",
-    "eslint": "^9.39.4",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.4.0",
-    "eslint-plugin-unicorn": "^56.0.1",
-    "globals": "^17.6.0",
+    "eslint": "^10.4.1",
     "jsdom": "^26.1.0",
     "postcss": "^8.5.6",
     "prettier": "^3.8.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^10.4.0",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.59.2",
-    "vite": "^8.0.12",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "stylelint": "^16.3.1",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.60.0",
+    "vite": "^8.0.15",
     "vite-bundle-analyzer": "^0.22.3",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.8",
+    "@npm-questionpro/wick-ui-icon": "2.0.0-next.4",
+    "@npm-questionpro/wick-ui-lib": "2.0.0-next.4",
+    "@npm-questionpro/wick-ui-eslint-config": "1.0.0",
+    "@npm-questionpro/wick-ui-prettier-config": "1.0.0",
+    "@npm-questionpro/wick-ui-stylelint-config": "1.0.0",
+    "@wick-ui/tsconfig": "1.0.0"
   },
+  "prettier": "@npm-questionpro/wick-ui-prettier-config",
   "scripts": {
-    "build": "tsc -b && vite build",
-    "lint": "eslint ./src --fix",
-    "lint:ci": "tsc --noEmit && eslint --max-warnings 0 ./src",
-    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint ./src --fix && stylelint 'src/**/*.css' --fix",
+    "lint:css": "stylelint 'src/**/*.css' --fix",
+    "lint:ci": "tsc --noEmit && eslint --max-warnings 0 ./src && stylelint 'src/**/*.css'",
+    "format": "prettier --write .",
     "format:ci": "prettier --check .",
     "test": "vitest run",
-    "test:ui": "TZ=UTC vitest --ui",
-    "test:ci": "TZ=UTC vitest run --coverage",
-    "dev": "storybook dev -p 6007",
-    "build-storybook": "storybook build"
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:ci": "vitest run --coverage",
+    "postbuild": "node ../../scripts/generate-llms-txt.mjs --package packages/wick-ui-editor"
   }
 }

/package/dist/{html-09JHi0-2.js → html-Ccb8eKR4.js} RENAMED Viewed

File without changes

/package/dist/{standalone-BLOsX-r1.js → standalone-DSxjHhed.js} RENAMED Viewed

File without changes