@cyberskill/cyber-editor 3.1.0 → 3.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cyber-editor.es.js +57 -54
- package/dist/cyber-editor.umd.js +1 -1
- package/package.json +1 -1
package/dist/cyber-editor.es.js
CHANGED
|
@@ -1157,15 +1157,18 @@ function Hi({ editor: e }) {
|
|
|
1157
1157
|
/* @__PURE__ */ l.jsxDEV(
|
|
1158
1158
|
"button",
|
|
1159
1159
|
{
|
|
1160
|
+
type: "button",
|
|
1160
1161
|
className: `p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t ? "bg-blue-100 text-blue-600" : ""}`,
|
|
1161
|
-
onClick: () =>
|
|
1162
|
+
onClick: (n) => {
|
|
1163
|
+
n.preventDefault(), n.stopPropagation(), r(!t);
|
|
1164
|
+
},
|
|
1162
1165
|
children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
|
|
1163
1166
|
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1164
|
-
lineNumber:
|
|
1167
|
+
lineNumber: 20,
|
|
1165
1168
|
columnNumber: 25
|
|
1166
1169
|
}, this) : /* @__PURE__ */ l.jsxDEV(si, { size: 24 }, void 0, !1, {
|
|
1167
1170
|
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1168
|
-
lineNumber:
|
|
1171
|
+
lineNumber: 20,
|
|
1169
1172
|
columnNumber: 43
|
|
1170
1173
|
}, this)
|
|
1171
1174
|
},
|
|
@@ -1178,60 +1181,60 @@ function Hi({ editor: e }) {
|
|
|
1178
1181
|
},
|
|
1179
1182
|
this
|
|
1180
1183
|
),
|
|
1181
|
-
t && /* @__PURE__ */ l.jsxDEV(
|
|
1182
|
-
"
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1205
|
-
lineNumber: 33,
|
|
1206
|
-
columnNumber: 29
|
|
1207
|
-
}, this),
|
|
1208
|
-
" Accordion"
|
|
1184
|
+
t && /* @__PURE__ */ l.jsxDEV("div", { className: "fixed z-40 w-64 p-4 bg-white border border-gray-200 rounded-lg shadow-xl bottom-20 right-4 animate-slide-up", children: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-2", children: [
|
|
1185
|
+
/* @__PURE__ */ l.jsxDEV("h3", { className: "mb-3 font-bold text-center text-gray-700", children: "Cyber Extensions" }, void 0, !1, {
|
|
1186
|
+
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1187
|
+
lineNumber: 26,
|
|
1188
|
+
columnNumber: 25
|
|
1189
|
+
}, this),
|
|
1190
|
+
/* @__PURE__ */ l.jsxDEV(
|
|
1191
|
+
"button",
|
|
1192
|
+
{
|
|
1193
|
+
type: "button",
|
|
1194
|
+
onClick: () => {
|
|
1195
|
+
e.chain().focus().insertContent({
|
|
1196
|
+
type: "accordion",
|
|
1197
|
+
content: [
|
|
1198
|
+
{
|
|
1199
|
+
type: "paragraph",
|
|
1200
|
+
content: [
|
|
1201
|
+
{
|
|
1202
|
+
type: "text",
|
|
1203
|
+
text: "Accordion content"
|
|
1204
|
+
}
|
|
1205
|
+
]
|
|
1206
|
+
}
|
|
1209
1207
|
]
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1208
|
+
}).run();
|
|
1209
|
+
},
|
|
1210
|
+
className: "flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
|
|
1211
|
+
children: [
|
|
1212
|
+
/* @__PURE__ */ l.jsxDEV(yi, { size: 16 }, void 0, !1, {
|
|
1214
1213
|
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1215
|
-
lineNumber:
|
|
1216
|
-
columnNumber:
|
|
1217
|
-
},
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1214
|
+
lineNumber: 54,
|
|
1215
|
+
columnNumber: 29
|
|
1216
|
+
}, this),
|
|
1217
|
+
" Accordion"
|
|
1218
|
+
]
|
|
1219
|
+
},
|
|
1220
|
+
void 0,
|
|
1221
|
+
!0,
|
|
1222
|
+
{
|
|
1221
1223
|
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1222
|
-
lineNumber:
|
|
1223
|
-
columnNumber:
|
|
1224
|
-
},
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1224
|
+
lineNumber: 30,
|
|
1225
|
+
columnNumber: 25
|
|
1226
|
+
},
|
|
1227
|
+
this
|
|
1228
|
+
)
|
|
1229
|
+
] }, void 0, !0, {
|
|
1230
|
+
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1231
|
+
lineNumber: 25,
|
|
1232
|
+
columnNumber: 21
|
|
1233
|
+
}, this) }, void 0, !1, {
|
|
1234
|
+
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1235
|
+
lineNumber: 24,
|
|
1236
|
+
columnNumber: 17
|
|
1237
|
+
}, this)
|
|
1235
1238
|
] }, void 0, !0, {
|
|
1236
1239
|
fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
|
|
1237
1240
|
lineNumber: 8,
|
package/dist/cyber-editor.umd.js
CHANGED
|
@@ -215,7 +215,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
215
215
|
*
|
|
216
216
|
* This source code is licensed under the ISC license.
|
|
217
217
|
* See the LICENSE file in the root directory of this source tree.
|
|
218
|
-
*/const Dn=H("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);function On({editor:e}){const[t,r]=W.useState(!1);return l.jsxDEV("div",{className:"relative",children:[l.jsxDEV("button",{className:`p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t?"bg-blue-100 text-blue-600":""}`,onClick:()
|
|
218
|
+
*/const Dn=H("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);function On({editor:e}){const[t,r]=W.useState(!1);return l.jsxDEV("div",{className:"relative",children:[l.jsxDEV("button",{type:"button",className:`p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t?"bg-blue-100 text-blue-600":""}`,onClick:n=>{n.preventDefault(),n.stopPropagation(),r(!t)},children:t?l.jsxDEV(Dn,{size:24},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:20,columnNumber:25},this):l.jsxDEV(fn,{size:24},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:20,columnNumber:43},this)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:9,columnNumber:13},this),t&&l.jsxDEV("div",{className:"fixed z-40 w-64 p-4 bg-white border border-gray-200 rounded-lg shadow-xl bottom-20 right-4 animate-slide-up",children:l.jsxDEV("div",{className:"space-y-2",children:[l.jsxDEV("h3",{className:"mb-3 font-bold text-center text-gray-700",children:"Cyber Extensions"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:26,columnNumber:25},this),l.jsxDEV("button",{type:"button",onClick:()=>{e.chain().focus().insertContent({type:"accordion",content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()},className:"flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",children:[l.jsxDEV(gn,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:54,columnNumber:29},this)," Accordion"]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:30,columnNumber:25},this)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:25,columnNumber:21},this)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:24,columnNumber:17},this)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",lineNumber:8,columnNumber:9},this)}const Fe=({value:e,onChange:t})=>l.jsxDEV(xe.ColorPicker,{value:e,onChange:t,presets:[{label:"Recommended",colors:["#1677ff","#52c41a","#faad14","#ff4d4f","#722ed1","#13c2c2","#ffffff","#000000"]}]},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/components/color-picker.tsx",lineNumber:12,columnNumber:9},void 0),Tn=({editor:e})=>{const[t,r]=W.useState("#1677ff"),[n,o]=W.useState("#ffffff"),a=p=>{const m=p.toHexString();r(m),e.chain().focus().setColor(m).run()},s=p=>{const m=p.toHexString();o(m),e.chain().focus().setHighlight({color:m}).run()},u=p=>{p.preventDefault()};return l.jsxDEV("div",{className:"flex items-center gap-4",children:[l.jsxDEV(xe.Tooltip,{title:"Text Color",children:l.jsxDEV("div",{className:"flex items-center gap-2",onMouseDown:u,children:[l.jsxDEV(kn,{size:20,color:"black"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:33,columnNumber:21},void 0),l.jsxDEV(Fe,{value:t,onChange:a},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:34,columnNumber:21},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:32,columnNumber:17},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:31,columnNumber:13},void 0),l.jsxDEV(xe.Tooltip,{title:"Highlight Color",children:l.jsxDEV("div",{className:"flex items-center gap-2",onMouseDown:u,children:[l.jsxDEV(hn,{size:20,color:"black"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:41,columnNumber:21},void 0),l.jsxDEV(Fe,{value:n,onChange:s},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:42,columnNumber:21},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:40,columnNumber:17},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:39,columnNumber:13},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",lineNumber:29,columnNumber:9},void 0)},Rn=({editor:e})=>{if(!e)return null;const t=()=>{for(let n=1;n<=6;n++)if(e.isActive("heading",{level:n}))switch(n){case 1:return l.jsxDEV(nt,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:15,columnNumber:36},void 0);case 2:return l.jsxDEV($t,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:16,columnNumber:36},void 0);case 3:return l.jsxDEV(Ht,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:17,columnNumber:36},void 0);case 4:return l.jsxDEV(Lt,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:18,columnNumber:36},void 0);case 5:return l.jsxDEV(Wt,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:19,columnNumber:36},void 0);case 6:return l.jsxDEV(Yt,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:20,columnNumber:36},void 0)}return l.jsxDEV(nt,{size:16},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:24,columnNumber:16},void 0)},r=[...Array.from({length:6},(n,o)=>({key:`${o+1}`,label:l.jsxDEV("div",{className:"flex items-center gap-2",onClick:()=>e.chain().focus().toggleHeading({level:o+1}).run(),children:[W.createElement([nt,$t,Ht,Lt,Wt,Yt][o],{size:16}),l.jsxDEV("span",{children:["Heading ",o+1]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:33,columnNumber:21},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:31,columnNumber:17},void 0),className:e.isActive("heading",{level:o+1})?"ant-dropdown-menu-item-active":""}))];return l.jsxDEV(xe.Dropdown,{menu:{items:r},trigger:["hover"],placement:"bottomLeft",children:l.jsxDEV("button",{className:"flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600",children:t()},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:42,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",lineNumber:41,columnNumber:9},void 0)},Pn=8,jn=8,Mn=({editor:e,buttonClass:t,activeClass:r})=>{const[n,o]=W.useState({rows:0,cols:0}),[a,s]=W.useState(!1),u=(p,m)=>{e.chain().focus().insertTable({rows:p,cols:m,withHeaderRow:!0}).run(),s(!1)};return l.jsxDEV(xe.Dropdown,{open:a,onOpenChange:s,trigger:["hover"],overlay:l.jsxDEV("div",{className:"w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl",children:[l.jsxDEV("div",{className:"grid grid-cols-8 gap-1",children:Array.from({length:Pn}).map((p,m)=>Array.from({length:jn}).map((g,y)=>{const O=m<n.rows&&y<n.cols;return l.jsxDEV("div",{className:`w-5 h-5 border rounded-sm cursor-pointer transition-all duration-200 ${O?"bg-blue-400 border-white scale-110":"bg-gray-200 hover:bg-gray-300"}`,onMouseEnter:()=>o({rows:m+1,cols:y+1}),onClick:()=>u(m+1,y+1)},`${m}-${y}`,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:40,columnNumber:37},void 0)}))},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:35,columnNumber:21},void 0),l.jsxDEV("div",{className:"mt-3 text-sm font-medium text-center text-gray-700",children:n.rows>0&&n.cols>0?`${n.rows} × ${n.cols} Table`:"Insert Table"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:53,columnNumber:21},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:34,columnNumber:17},void 0),children:l.jsxDEV("button",{className:`${t} ${a?r:""} transition-all`,children:l.jsxDEV(Sn,{className:"w-5 h-5"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:65,columnNumber:17},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:61,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",lineNumber:29,columnNumber:9},void 0)};function zn({editor:e}){if(!e)return null;const t="p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600",r="bg-blue-100 text-blue-600",n=(o,a,s,u,p)=>l.jsxDEV(xe.Tooltip,{title:p,children:l.jsxDEV("button",{type:"button",onClick:a,disabled:u,className:`
|
|
219
219
|
${t}
|
|
220
220
|
${s?r:""}
|
|
221
221
|
${u?"opacity-50 cursor-not-allowed":""}
|
package/package.json
CHANGED