@yoopta/callout 4.8.4 → 4.8.5-rc.11

package/dist/commands/index.d.ts

@@ -1,11 +1,11 @@
-import { YooEditor, YooptaBlockPath } from '@yoopta/editor';
+import { YooEditor, YooptaPathIndex } from '@yoopta/editor';
 import { CalloutElement, CalloutElementProps, CalloutTheme } from '../types';
 type CalloutElementOptions = {
     text?: string;
     props?: Omit<CalloutElementProps, 'nodeType'>;
 };
 type InsertCalloutOptions = CalloutElementOptions & {
-    at?: YooptaBlockPath;
+    at?: YooptaPathIndex;
     focus?: boolean;
 };
 export type CalloutCommands = {

package/dist/commands/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAA4B,YAAY,EAAE,MAAM,UAAU,CAAC;AAEvG,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,oBAAoB,GAAG,qBAAqB,GAAG;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,cAAc,CAAC;IACtG,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAqB7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAA4B,YAAY,EAAE,MAAM,UAAU,CAAC;AAEvG,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,oBAAoB,GAAG,qBAAqB,GAAG;IAClD,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,cAAc,CAAC;IACtG,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACpF,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAsB7B,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-import{generateId as o,Blocks as t,buildBlockData as e,Elements as r,UI as l,useBlockData as a,useYooptaEditor as c,useYooptaReadOnly as n,YooptaPlugin as i,deserializeTextNodes as s,serializeTextNodes as u,serializeTextNodesIntoMarkdown as d}from"@yoopta/editor";import{jsxs as p,jsx as h}from"react/jsx-runtime";import*as y from"react";const b={buildCalloutElements:(t,e={})=>({id:o(),type:"callout",children:[{text:(null==e?void 0:e.text)||""}],props:e.props}),insertCallout:(o,r={})=>{const{at:l,focus:a,text:c,props:n}=r,i=b.buildCalloutElements(o,{text:c,props:n});t.insertBlock(o,e({value:[i],type:"Callout"}),{at:l,focus:a})},deleteCallout:(o,e)=>{t.deleteBlock(o,{blockId:e})},updateCalloutTheme:(o,t,e)=>{r.updateElement(o,t,{type:"callout",props:{theme:e}})}};function g(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(o);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(o,r[l])&&(e[r[l]]=o[r[l]])}return e}var m,f;function w(){return w=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},w.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var v,k=function(o){return y.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"success_svg__lucide success_svg__lucide-circle-check"},o),m||(m=y.createElement("circle",{cx:12,cy:12,r:10})),f||(f=y.createElement("path",{d:"m9 12 2 2 4-4"})))};function x(){return x=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},x.apply(this,arguments)}var j,O,C=function(o){return y.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"warning_svg__lucide warning_svg__lucide-triangle-alert"},o),v||(v=y.createElement("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"})))};function N(){return N=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},N.apply(this,arguments)}var _,E,L=function(o){return y.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"error_svg__lucide error_svg__lucide-circle-x"},o),j||(j=y.createElement("circle",{cx:12,cy:12,r:10})),O||(O=y.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function B(){return B=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},B.apply(this,arguments)}var $,M,P=function(o){return y.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"default_svg__lucide default_svg__lucide-ban"},o),_||(_=y.createElement("circle",{cx:12,cy:12,r:10})),E||(E=y.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function S(){return S=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},S.apply(this,arguments)}var I,W=function(o){return y.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"info_svg__lucide info_svg__lucide-info"},o),$||($=y.createElement("circle",{cx:12,cy:12,r:10})),M||(M=y.createElement("path",{d:"M12 16v-4M12 8h.01"})))};function A(){return A=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},A.apply(this,arguments)}var T=function(o){return y.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},o),I||(I=y.createElement("path",{d:"M20 6 9 17l-5-5"})))};const z={default:{backgroundColor:"#f5f7f9",color:"#000"},info:{backgroundColor:"#e1f3fe",color:"#08a2e7",borderLeft:"4px solid #08a2e7"},success:{backgroundColor:"#d1fae5",color:"#12b77f",borderLeft:"4px solid #12b77f"},warning:{backgroundColor:"#fef3c9",color:"#f97415",borderLeft:"4px solid #f97415"},error:{backgroundColor:"#fee1e2",color:"#ee4443",borderLeft:"4px solid #ee4443"}},{ExtendedBlockActions:D,BlockOptionsMenuGroup:R,BlockOptionsMenuItem:G,BlockOptionsSeparator:H}=l,V=({editor:o,block:t,props:e})=>{const l=e=>{r.updateElement(o,t.id,{type:"callout",props:{theme:e}})},a=o=>(null==e?void 0:e.theme)===o;return p(D,Object.assign({onClick:()=>o.setSelection([t.meta.order]),className:"yoopta-callout-options"},{children:[h(H,{}),p(R,{children:[h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("default"),style:{backgroundColor:a("default")?z.default.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(P,{width:16,height:16,color:z.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&h(T,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("info"),style:{backgroundColor:a("info")?z.info.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(W,{width:16,height:16,color:z.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&h(T,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("success"),style:{backgroundColor:a("success")?z.success.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(k,{width:16,height:16,color:z.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&h(T,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("warning"),style:{backgroundColor:a("warning")?z.warning.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(C,{width:16,height:16,color:z.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&h(T,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("error"),style:{backgroundColor:a("error")?z.error.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(L,{width:16,height:16,color:z.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&h(T,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},q=o=>{var{extendRender:t}=o,e=g(o,["extendRender"]);const{element:r,attributes:l,children:i,blockId:s,HTMLAttributes:u={}}=e,{className:d=""}=u,y=g(u,["className"]),b=a(s),m=c(),f=n(),{theme:w="default"}=r.props||{};return t?t(e):p("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${w} ${d}`},y,l,{children:[!f&&h(V,{block:b,editor:m,props:r.props}),i]}))};q.displayName="Callout";const F=new i({type:"Callout",elements:{callout:{render:q,props:{theme:"default"}}},commands:b,options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]},parsers:{html:{deserialize:{nodeNames:["DL"],parse(t,e){if("DL"===t.nodeName||"DIV"===t.nodeName){const r=t.getAttribute("data-theme");return{id:o(),type:"callout",children:s(e,t.childNodes),props:{theme:r}}}}},serialize:(o,t,e)=>{var r,l;const a=z[(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"],{align:c="left",depth:n=0}=e||{};return`<dl data-theme="${(null===(l=o.props)||void 0===l?void 0:l.theme)||"default"}" data-meta-align="${c}" data-meta-depth="${n}" style="margin-left: ${n}px; text-align: ${c}; padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${a.color}; border-left: ${a.borderLeft||0}; background-color: ${a.backgroundColor}">${u(o.children)}</dl>`}},markdown:{serialize:(o,t)=>`> ${d(o.children)}`}}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===e&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=o:l.appendChild(document.createTextNode(o))}}(".yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-justify-between{justify-content:space-between}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.yoopta-callout{border-radius:.375rem;font-size:16px;line-height:1.75rem;margin-top:.5rem;padding:.5rem .5rem .5rem 1rem}.yoopta-callout-theme-default{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 247 249/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.yoopta-callout-theme-info{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(225 243 254/var(--tw-bg-opacity));border-left-color:rgb(8 162 231/var(--tw-border-opacity));border-left-width:4px;color:rgb(8 162 231/var(--tw-text-opacity))}.yoopta-callout-theme-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity));border-left-color:rgb(18 183 127/var(--tw-border-opacity));border-left-width:4px;color:rgb(18 183 127/var(--tw-text-opacity))}.yoopta-callout-theme-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 243 201/var(--tw-bg-opacity));border-left-color:rgb(249 116 21/var(--tw-border-opacity));border-left-width:4px;color:rgb(249 116 21/var(--tw-text-opacity))}.yoopta-callout-theme-error{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 225 226/var(--tw-bg-opacity));border-left-color:rgb(238 68 67/var(--tw-border-opacity));border-left-width:4px;color:rgb(238 68 67/var(--tw-text-opacity))}");export{b as CalloutCommands,F as default};
+import{generateId as o,buildBlockData as t,Blocks as e,Elements as r,UI as l,useBlockData as a,useYooptaEditor as c,useYooptaReadOnly as n,YooptaPlugin as i,deserializeTextNodes as s,serializeTextNodes as u,serializeTextNodesIntoMarkdown as d}from"@yoopta/editor";import{jsxs as p,jsx as h}from"react/jsx-runtime";import*as y from"react";const b={buildCalloutElements:(t,e={})=>({id:o(),type:"callout",children:[{text:(null==e?void 0:e.text)||""}],props:e.props}),insertCallout:(o,r={})=>{const{at:l,focus:a,text:c,props:n}=r,i=b.buildCalloutElements(o,{text:c,props:n}),s=t({value:[i],type:"Callout"});e.insertBlock(o,s.type,{at:l,focus:a,blockData:s})},deleteCallout:(o,t)=>{e.deleteBlock(o,{blockId:t})},updateCalloutTheme:(o,t,e)=>{r.updateElement(o,t,{type:"callout",props:{theme:e}})}};function g(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(o);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(o,r[l])&&(e[r[l]]=o[r[l]])}return e}var m,f;function w(){return w=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},w.apply(this,arguments)}"function"==typeof SuppressedError&&SuppressedError;var v,k=function(o){return y.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"success_svg__lucide success_svg__lucide-circle-check"},o),m||(m=y.createElement("circle",{cx:12,cy:12,r:10})),f||(f=y.createElement("path",{d:"m9 12 2 2 4-4"})))};function x(){return x=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},x.apply(this,arguments)}var j,O,C=function(o){return y.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"warning_svg__lucide warning_svg__lucide-triangle-alert"},o),v||(v=y.createElement("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"})))};function N(){return N=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},N.apply(this,arguments)}var _,E,L=function(o){return y.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"error_svg__lucide error_svg__lucide-circle-x"},o),j||(j=y.createElement("circle",{cx:12,cy:12,r:10})),O||(O=y.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function B(){return B=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},B.apply(this,arguments)}var $,M,P=function(o){return y.createElement("svg",B({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"default_svg__lucide default_svg__lucide-ban"},o),_||(_=y.createElement("circle",{cx:12,cy:12,r:10})),E||(E=y.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function S(){return S=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},S.apply(this,arguments)}var I,W=function(o){return y.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"info_svg__lucide info_svg__lucide-info"},o),$||($=y.createElement("circle",{cx:12,cy:12,r:10})),M||(M=y.createElement("path",{d:"M12 16v-4M12 8h.01"})))};function A(){return A=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},A.apply(this,arguments)}var D=function(o){return y.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",className:"checkmark_svg__lucide checkmark_svg__lucide-check"},o),I||(I=y.createElement("path",{d:"M20 6 9 17l-5-5"})))};const T={default:{backgroundColor:"#f5f7f9",color:"#000"},info:{backgroundColor:"#e1f3fe",color:"#08a2e7",borderLeft:"4px solid #08a2e7"},success:{backgroundColor:"#d1fae5",color:"#12b77f",borderLeft:"4px solid #12b77f"},warning:{backgroundColor:"#fef3c9",color:"#f97415",borderLeft:"4px solid #f97415"},error:{backgroundColor:"#fee1e2",color:"#ee4443",borderLeft:"4px solid #ee4443"}},{ExtendedBlockActions:z,BlockOptionsMenuGroup:R,BlockOptionsMenuItem:G,BlockOptionsSeparator:H}=l,V=({editor:o,block:t,props:e})=>{const l=e=>{r.updateElement(o,t.id,{type:"callout",props:{theme:e}})},a=o=>(null==e?void 0:e.theme)===o;return p(z,Object.assign({onClick:()=>o.setPath({current:t.meta.order}),className:"yoopta-callout-options"},{children:[h(H,{}),p(R,{children:[h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("default"),style:{backgroundColor:a("default")?T.default.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(P,{width:16,height:16,color:T.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&h(D,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("info"),style:{backgroundColor:a("info")?T.info.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(W,{width:16,height:16,color:T.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&h(D,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("success"),style:{backgroundColor:a("success")?T.success.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(k,{width:16,height:16,color:T.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&h(D,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("warning"),style:{backgroundColor:a("warning")?T.warning.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(C,{width:16,height:16,color:T.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&h(D,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(G,{children:p("button",Object.assign({type:"button",className:"yoopta-block-options-button yoo-callout-justify-between",onClick:()=>l("error"),style:{backgroundColor:a("error")?T.error.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(L,{width:16,height:16,color:T.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&h(D,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},q=o=>{var{extendRender:t}=o,e=g(o,["extendRender"]);const{element:r,attributes:l,children:i,blockId:s,HTMLAttributes:u={}}=e,{className:d=""}=u,y=g(u,["className"]),b=a(s),m=c(),f=n(),{theme:w="default"}=r.props||{};return t?t(e):p("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${w} ${d}`},y,l,{children:[!f&&h(V,{block:b,editor:m,props:r.props}),i]}))};q.displayName="Callout";const F=new i({type:"Callout",elements:{callout:{render:q,props:{theme:"default"}}},commands:b,options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]},parsers:{html:{deserialize:{nodeNames:["DL"],parse(t,e){if("DL"===t.nodeName||"DIV"===t.nodeName){const r=t.getAttribute("data-theme");return{id:o(),type:"callout",children:s(e,t.childNodes),props:{theme:r}}}}},serialize:(o,t,e)=>{var r,l;const a=T[(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"],{align:c="left",depth:n=0}=e||{};return`<dl data-theme="${(null===(l=o.props)||void 0===l?void 0:l.theme)||"default"}" data-meta-align="${c}" data-meta-depth="${n}" style="margin-left: ${n}px; text-align: ${c}; padding: .5rem .5rem .5rem 1rem; margin-top: .5rem; border-radius: .375rem; color: ${a.color}; border-left: ${a.borderLeft||0}; background-color: ${a.backgroundColor}">${u(o.children)}</dl>`}},markdown:{serialize:(o,t)=>`> ${d(o.children)}`}}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===e&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=o:l.appendChild(document.createTextNode(o))}}(".yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-justify-between{justify-content:space-between}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.yoopta-callout{border-radius:.375rem;font-size:16px;line-height:1.75rem;margin-top:.5rem;padding:.5rem .5rem .5rem 1rem}.yoopta-callout-theme-default{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 247 249/var(--tw-bg-opacity));color:rgb(0 0 0/var(--tw-text-opacity))}.yoopta-callout-theme-info{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(225 243 254/var(--tw-bg-opacity));border-left-color:rgb(8 162 231/var(--tw-border-opacity));border-left-width:4px;color:rgb(8 162 231/var(--tw-text-opacity))}.yoopta-callout-theme-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity));border-left-color:rgb(18 183 127/var(--tw-border-opacity));border-left-width:4px;color:rgb(18 183 127/var(--tw-text-opacity))}.yoopta-callout-theme-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 243 201/var(--tw-bg-opacity));border-left-color:rgb(249 116 21/var(--tw-border-opacity));border-left-width:4px;color:rgb(249 116 21/var(--tw-text-opacity))}.yoopta-callout-theme-error{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(254 225 226/var(--tw-bg-opacity));border-left-color:rgb(238 68 67/var(--tw-border-opacity));border-left-width:4px;color:rgb(238 68 67/var(--tw-text-opacity))}");export{b as CalloutCommands,F as default};

package/dist/ui/CalloutBlockOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutBlockOptions.d.ts","sourceRoot":"","sources":["../../src/ui/CalloutBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAO1E,OAAO,EAAE,mBAAmB,EAA0C,MAAM,UAAU,CAAC;AAKvF,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,mBAAmB,2CAA4C,KAAK,4CAkIzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"CalloutBlockOptions.d.ts","sourceRoot":"","sources":["../../src/ui/CalloutBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAO1E,OAAO,EAAE,mBAAmB,EAA0C,MAAM,UAAU,CAAC;AAKvF,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,mBAAmB,2CAA4C,KAAK,4CAqIzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@yoopta/callout",
-  "version": "4.8.4",
+  "version": "4.8.5-rc.11",
   "description": "Callout plugin for Yoopta Editor",
   "author": "Darginec05 <devopsbanda@gmail.com>",
-  "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
+  "homepage": "https://github.com/Darginec05/Yoopta-Editor#readme",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -19,11 +19,11 @@
     "react-dom": ">=17.0.2"
   },
   "publishConfig": {
-    "registry": "https://registry.yarnpkg.com"
+    "registry": "https://registry.npmjs.org"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Darginec05/Editor-Yoopta.git"
+    "url": "git+https://github.com/Darginec05/Yoopta-Editor.git"
   },
   "scripts": {
     "test": "node ./__tests__/yoopta-callout.test.js",
@@ -32,7 +32,7 @@
     "build": "rollup --config rollup.config.js --bundleConfigAsCjs --environment NODE_ENV:production"
   },
   "bugs": {
-    "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
+    "url": "https://github.com/Darginec05/Yoopta-Editor/issues"
   },
-  "gitHead": "630fbe31ee28664decb3880d96d29d800340a5b9"
+  "gitHead": "d4600b1a31fb39f573dd26868d80c2a53e27c7a4"
 }