@yoopta/callout 4.9.1 → 4.9.2-rc.1

package/dist/index.js

@@ -1 +1 @@
-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: ${20*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 d,serializeTextNodesIntoMarkdown as u}from"@yoopta/editor";import{jsxs as p,jsx as h}from"react/jsx-runtime";import*as b from"react";const g={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=g.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 y(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 b.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=b.createElement("circle",{cx:12,cy:12,r:10})),f||(f=b.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 b.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=b.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 b.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=b.createElement("circle",{cx:12,cy:12,r:10})),O||(O=b.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function $(){return $=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},$.apply(this,arguments)}var B,M,P=function(o){return b.createElement("svg",$({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),_||(_=b.createElement("circle",{cx:12,cy:12,r:10})),E||(E=b.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 z,I=function(o){return b.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),B||(B=b.createElement("circle",{cx:12,cy:12,r:10})),M||(M=b.createElement("path",{d:"M12 16v-4M12 8h.01"})))};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)}var A=function(o){return b.createElement("svg",W({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),z||(z=b.createElement("path",{d:"M20 6 9 17l-5-5"})))};const D={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:T,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(T,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")?D.default.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(P,{width:16,height:16,color:D.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]})),a("default")&&h(A,{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")?D.info.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(I,{width:16,height:16,color:D.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]})),a("info")&&h(A,{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")?D.success.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(k,{width:16,height:16,color:D.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]})),a("success")&&h(A,{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")?D.warning.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(C,{width:16,height:16,color:D.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]})),a("warning")&&h(A,{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")?D.error.backgroundColor:void 0}},{children:[p("span",Object.assign({className:"yoo-callout-flex"},{children:[h(L,{width:16,height:16,color:D.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]})),a("error")&&h(A,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},q=o=>{var{extendRender:t}=o,e=y(o,["extendRender"]);const{element:r,attributes:l,children:i,blockId:s,HTMLAttributes:d={}}=e,{className:u=""}=d,b=y(d,["className"]),g=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} ${u}`},b,l,{children:[!f&&h(V,{block:g,editor:m,props:r.props}),i]}))};q.displayName="Callout";const F=new i({type:"Callout",elements:{callout:{render:q,props:{theme:"default"}}},commands:g,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=D[(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: ${20*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}">${d(o.children)}</dl>`}},markdown:{serialize:(o,t)=>`> ${u(o.children)}`},email:{serialize:(o,t,e)=>{var r,l;const a=D[(null===(r=o.props)||void 0===r?void 0:r.theme)||"default"],{align:c="left",depth:n=0}=e||{};return`\n        <table style="width: 100%;">\n          <tbody style="width: 100%;">\n            <tr>\n                <td data-theme="${(null===(l=o.props)||void 0===l?void 0:l.theme)||"default"}" data-meta-align="${c}" data-meta-depth="${n}" style="\n    font-size: 16px;\n    line-height: 1.75rem;\n    margin-left: ${20*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};">${d(o.children)}\n              </td>\n            </tr>\n        </tbody>\n      </table>`}}}});!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{g as CalloutCommands,F as default};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EACb,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,iBAAiB,EAAgB,MAAM,UAAU,CAAC;AAI3D,QAAA,MAAM,OAAO,0DA0DX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EACb,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,iBAAiB,EAAgB,MAAM,UAAU,CAAC;AAI3D,QAAA,MAAM,OAAO,0DAqFX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/callout",
-  "version": "4.9.1",
+  "version": "4.9.2-rc.1",
   "description": "Callout plugin for Yoopta Editor",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Yoopta-Editor#readme",
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/Darginec05/Yoopta-Editor/issues"
   },
-  "gitHead": "35395d0531032215038090494c72bc33d2bcc535"
+  "gitHead": "7d156fb39b0c0a2fccaa8658e7333454ac6be286"
 }