@yoopta/callout 4.9.2 → 4.9.3

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 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};
+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 O,j,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,$=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),O||(O=b.createElement("circle",{cx:12,cy:12,r:10})),j||(j=b.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function L(){return L=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},L.apply(this,arguments)}var B,M=function(o){return b.createElement("svg",L({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-info"},o),_||(_=b.createElement("circle",{cx:12,cy:12,r:10})),E||(E=b.createElement("path",{d:"M12 16v-4M12 8h.01"})))};function P(){return P=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},P.apply(this,arguments)}var S,z=function(o){return b.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor","aria-label":"Note"},o),B||(B=b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 1.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 7c0-3.14 2.56-5.7 5.7-5.7ZM7 0C3.14 0 0 3.14 0 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7Zm1 3H6v5h2V3Zm0 6H6v2h2V9Z"})))};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 I=function(o){return b.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),S||(S=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:W,BlockOptionsMenuItem:R,BlockOptionsSeparator:Z}=l,H=({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(Z,{}),p(W,{children:[h(R,{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(M,{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(I,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(R,{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(z,{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(I,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(R,{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(I,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(R,{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(I,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))}),h(R,{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($,{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(I,{width:16,height:16,color:"#000",className:"yoo-callout-w-4 yoo-callout-h-4"})]}))})]})]}))},V={default:M,success:k,warning:C,error:$,info:z},G=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||{};if(t)return t(e);const v=V[w];return p("div",Object.assign({className:`yoopta-callout yoopta-callout-theme-${w} ${u}`},b,l,{children:[h("div",Object.assign({className:"yoopta-callout-icon"},{children:h(v,{})})),!f&&h(H,{block:g,editor:m,props:r.props}),i]}))};G.displayName="Callout";const q=new i({type:"Callout",elements:{callout:{render:G,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;gap:.75rem;line-height:1.75rem;margin-top:.5rem;padding:.5rem .5rem .5rem 2.5rem;position:relative}.yoopta-callout-icon{left:1rem;margin-top:.375rem;position:absolute;top:.5rem;width: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,q as default};

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAoD,MAAM,gBAAgB,CAAC;AAG5G,QAAA,MAAM,aAAa;iCAAgC,wBAAwB;;CAmB1E,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAoD,MAAM,gBAAgB,CAAC;AAiB5G,QAAA,MAAM,aAAa;iCAAgC,wBAAwB;;CAwB1E,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/callout",
-  "version": "4.9.2",
+  "version": "4.9.3",
   "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": "be73f2b24bf29359b9b5b645cc890db0754b5b27"
+  "gitHead": "da6ce6097e1c3e7759b3dcb4d05f880ffc531d59"
 }