@yoopta/callout 4.0.0-rc.1 → 4.0.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/LICENSE +21 -0
  2. package/dist/index.es.js +1 -0
  3. package/dist/index.js +1 -1
  4. package/dist/plugin/index.d.ts.map +1 -1
  5. package/dist/ui/Callout.d.ts +1 -2
  6. package/dist/ui/Callout.d.ts.map +1 -1
  7. package/dist/ui/CalloutBlockOptions.d.ts +1 -2
  8. package/dist/ui/CalloutBlockOptions.d.ts.map +1 -1
  9. package/package.json +4 -7
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023-present Akhmed Ibragimov
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/index.es.js ADDED
@@ -0,0 +1 @@
1
+ import{UI as o,useBlockData as t,useYooptaEditor as e,useYooptaReadOnly as l,YooptaPlugin as r}from"@yoopta/editor";import{jsxs as a,jsx as c}from"react/jsx-runtime";import*as n from"react";"function"==typeof SuppressedError&&SuppressedError;const u={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"}};var i,s;function d(){return d=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},d.apply(this,arguments)}var y,p=function(o){return n.createElement("svg",d({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),i||(i=n.createElement("circle",{cx:12,cy:12,r:10})),s||(s=n.createElement("path",{d:"m9 12 2 2 4-4"})))};function f(){return f=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},f.apply(this,arguments)}var g,h,m=function(o){return n.createElement("svg",f({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),y||(y=n.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 b(){return b=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},b.apply(this,arguments)}var v,w,x=function(o){return n.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:"error_svg__lucide error_svg__lucide-circle-x"},o),g||(g=n.createElement("circle",{cx:12,cy:12,r:10})),h||(h=n.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function k(){return k=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},k.apply(this,arguments)}var j,O,C=function(o){return n.createElement("svg",k({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),v||(v=n.createElement("circle",{cx:12,cy:12,r:10})),w||(w=n.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function _(){return _=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},_.apply(this,arguments)}var E=function(o){return n.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:"info_svg__lucide info_svg__lucide-info"},o),j||(j=n.createElement("circle",{cx:12,cy:12,r:10})),O||(O=n.createElement("path",{d:"M12 16v-4M12 8h.01"})))};const{ExtendedBlockActions:N,BlockOptionsMenuGroup:L,BlockOptionsMenuItem:B,BlockOptionsSeparator:M}=o,S=({editor:o,block:t,props:e})=>{const l=e=>{o.blocks.Callout.updateElement(t.id,"callout",{theme:e})},r=o=>(null==e?void 0:e.theme)===o;return a(N,Object.assign({onClick:()=>o.setSelection([t.meta.order]),className:"yoopta-callout-options"},{children:[c(M,{}),a(L,{children:[c(B,{children:a("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>l("default"),style:{backgroundColor:r("default")?u.default.backgroundColor:void 0}},{children:[c(C,{width:16,height:16,color:u.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]}))}),c(B,{children:a("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>l("info"),style:{backgroundColor:r("info")?u.info.backgroundColor:void 0}},{children:[c(E,{width:16,height:16,color:u.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]}))}),c(B,{children:a("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>l("success"),style:{backgroundColor:r("success")?u.success.backgroundColor:void 0}},{children:[c(p,{width:16,height:16,color:u.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]}))}),c(B,{children:a("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>l("warning"),style:{backgroundColor:r("warning")?u.warning.backgroundColor:void 0}},{children:[c(m,{width:16,height:16,color:u.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]}))}),c(B,{children:a("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>l("error"),style:{backgroundColor:r("error")?u.error.backgroundColor:void 0}},{children:[c(x,{width:16,height:16,color:u.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]}))})]})]}))},P=({element:o,attributes:r,children:n,blockId:i,HTMLAttributes:s={}})=>{const{className:d}=s,y=function(o,t){var e={};for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&t.indexOf(l)<0&&(e[l]=o[l]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(o);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(o,l[r])&&(e[l[r]]=o[l[r]])}return e}(s,["className"]),p=t(i),f=e(),g=l(),{theme:h="default"}=o.props||{},m=u[h];return a("div",Object.assign({"data-element-type":o.type,style:m,className:`yoo-callout-rounded-md yoo-callout-mt-2 yoo-callout-p-2 yoo-callout-pl-4 yoo-callout-leading-7 yoo-callout-bg-info yoo-callout-text-info-foreground yoo-callout-text-[16px] yoopta-callout yoopta-callout-theme-${h} ${d}`},y,r,{children:[!g&&c(S,{block:p,editor:f,props:o.props}),n]}))};P.displayName="Callout";const W=new r({type:"Callout",elements:{callout:{render:P,props:{theme:"default"}}},options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o))}}(".yoo-callout-mx-\\[4px\\]{margin-left:4px;margin-right:4px}.yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-mt-2{margin-top:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-w-full{width:100%}.yoo-callout-cursor-pointer{cursor:pointer}.yoo-callout-justify-start{justify-content:flex-start}.yoo-callout-rounded-md{border-radius:.375rem}.yoo-callout-rounded-sm{border-radius:.125rem}.yoo-callout-p-2{padding:.5rem}.yoo-callout-px-2{padding-left:.5rem;padding-right:.5rem}.yoo-callout-py-1{padding-bottom:.25rem;padding-top:.25rem}.yoo-callout-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.yoo-callout-pl-4{padding-left:1rem}.yoo-callout-text-\\[16px\\]{font-size:16px}.yoo-callout-leading-7{line-height:1.75rem}.yoo-callout-leading-\\[120\\%\\]{line-height:120%}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.hover\\:yoo-callout-bg-\\[\\#37352f14\\]:hover{background-color:#37352f14}");export{W as default};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{UI as e,useBlockData as r,useYooptaEditor as o,YooptaPlugin as t}from"@yoopta/editor";import{jsxs as n,jsx as c}from"react/jsx-runtime";import*as l from"react";const i={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"}};var s,a;function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},d.apply(this,arguments)}var u,p=function(e){return l.createElement("svg",d({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"},e),s||(s=l.createElement("circle",{cx:12,cy:12,r:10})),a||(a=l.createElement("path",{d:"m9 12 2 2 4-4"})))};function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},h.apply(this,arguments)}var g,f,m=function(e){return l.createElement("svg",h({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"},e),u||(u=l.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 b(){return b=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},b.apply(this,arguments)}var y,v,w=function(e){return l.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:"error_svg__lucide error_svg__lucide-circle-x"},e),g||(g=l.createElement("circle",{cx:12,cy:12,r:10})),f||(f=l.createElement("path",{d:"m15 9-6 6M9 9l6 6"})))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},k.apply(this,arguments)}var x,j,C=function(e){return l.createElement("svg",k({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"},e),y||(y=l.createElement("circle",{cx:12,cy:12,r:10})),v||(v=l.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function O(){return O=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},O.apply(this,arguments)}var _=function(e){return l.createElement("svg",O({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"},e),x||(x=l.createElement("circle",{cx:12,cy:12,r:10})),j||(j=l.createElement("path",{d:"M12 16v-4M12 8h.01"})))};const{ExtendedBlockActions:E,BlockOptionsMenuGroup:N,BlockOptionsMenuItem:L,BlockOptionsSeparator:B}=e,M=({editor:e,block:r,props:o})=>{const t=o=>{e.blocks.Image.updateElement(r.id,"callout",{theme:o})};null==o||o.theme;const l=e=>(null==o?void 0:o.theme)===e;return n(E,Object.assign({onClick:()=>e.setSelection([r.meta.order])},{children:[c(B,{}),n(N,{children:[c(L,{children:n("button",Object.assign({type:"button",className:"rounded-sm hover:bg-[#37352f14] leading-[120%] px-2 py-1.5 mx-[4px] cursor-pointer w-full flex justify-start",onClick:()=>t("default"),style:{backgroundColor:l("default")?i.default.backgroundColor:void 0}},{children:[c(C,{width:16,height:16,color:i.default.color,className:"w-4 h-4 mr-2"}),"Default"]}))}),c(L,{children:n("button",Object.assign({type:"button",className:"rounded-sm hover:bg-[#37352f14] leading-[120%] px-2 py-1.5 mx-[4px] cursor-pointer w-full flex justify-start",onClick:()=>t("info"),style:{backgroundColor:l("info")?i.info.backgroundColor:void 0}},{children:[c(_,{width:16,height:16,color:i.info.color,className:"w-4 h-4 mr-2"}),"Info"]}))}),c(L,{children:n("button",Object.assign({type:"button",className:"rounded-sm hover:bg-[#37352f14] leading-[120%] px-2 py-1.5 mx-[4px] cursor-pointer w-full flex justify-start",onClick:()=>t("success"),style:{backgroundColor:l("success")?i.success.backgroundColor:void 0}},{children:[c(p,{width:16,height:16,color:i.success.color,className:"w-4 h-4 mr-2"}),"Success"]}))}),c(L,{children:n("button",Object.assign({type:"button",className:"rounded-sm hover:bg-[#37352f14] leading-[120%] px-2 py-1.5 mx-[4px] cursor-pointer w-full flex justify-start",onClick:()=>t("warning"),style:{backgroundColor:l("warning")?i.warning.backgroundColor:void 0}},{children:[c(m,{width:16,height:16,color:i.warning.color,className:"w-4 h-4 mr-2"}),"Warning"]}))}),c(L,{children:n("button",Object.assign({type:"button",className:"rounded-sm hover:bg-[#37352f14] leading-[120%] px-2 py-1.5 mx-[4px] cursor-pointer w-full flex justify-start",onClick:()=>t("error"),style:{backgroundColor:l("error")?i.error.backgroundColor:void 0}},{children:[c(w,{width:16,height:16,color:i.error.color,className:"w-4 h-4 mr-2"}),"Error"]}))})]})]}))},P=({element:e,attributes:t,children:l,blockId:s})=>{const a=r(s),d=o(),{theme:u="default"}=e.props||{},p=i[u];return n("div",Object.assign({"data-element-type":e.type},t,{style:p,className:`yoo-c-rounded-md yoo-c-mt-2 yoo-c-p-2 yoo-c-pl-4 yoo-c-leading-7 yoo-c-bg-info yoo-c-text-info-foreground yoopta-callout yoopta-callout-type-${u}`},{children:[c(M,{block:a,editor:d,props:e.props}),l]}))};P.displayName="Callout";const W=new t({type:"CalloutPlugin",elements:{callout:{render:P,props:{theme:"default"}}},options:{displayLabel:"Callout",shortcuts:["<"]}});!function(e,r){void 0===r&&(r={});var o=r.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".yoo-c-mt-2{margin-top:.5rem}.yoo-c-rounded-md{border-radius:.375rem}.yoo-c-p-2{padding:.5rem}.yoo-c-pl-4{padding-left:1rem}.yoo-c-leading-7{line-height:1.75rem}");export{W as default};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@yoopta/editor"),t=require("react/jsx-runtime");function e(o){var t=Object.create(null);return o&&Object.keys(o).forEach((function(e){if("default"!==e){var l=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,l.get?l:{enumerable:!0,get:function(){return o[e]}})}})),t.default=o,Object.freeze(t)}var l=e(require("react"));"function"==typeof SuppressedError&&SuppressedError;const r={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"}};var a,c;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 l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},n.apply(this,arguments)}var u,s=function(o){return l.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:"success_svg__lucide success_svg__lucide-circle-check"},o),a||(a=l.createElement("circle",{cx:12,cy:12,r:10})),c||(c=l.createElement("path",{d:"m9 12 2 2 4-4"})))};function i(){return i=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},i.apply(this,arguments)}var d,y,p=function(o){return l.createElement("svg",i({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),u||(u=l.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 f(){return f=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},f.apply(this,arguments)}var g,h,m=function(o){return l.createElement("svg",f({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),d||(d=l.createElement("circle",{cx:12,cy:12,r:10})),y||(y=l.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 l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},b.apply(this,arguments)}var x,v,w=function(o){return l.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),g||(g=l.createElement("circle",{cx:12,cy:12,r:10})),h||(h=l.createElement("path",{d:"m4.9 4.9 14.2 14.2"})))};function j(){return j=Object.assign?Object.assign.bind():function(o){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(o[l]=e[l])}return o},j.apply(this,arguments)}var k=function(o){return l.createElement("svg",j({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),x||(x=l.createElement("circle",{cx:12,cy:12,r:10})),v||(v=l.createElement("path",{d:"M12 16v-4M12 8h.01"})))};const{ExtendedBlockActions:O,BlockOptionsMenuGroup:C,BlockOptionsMenuItem:_,BlockOptionsSeparator:E}=o.UI,N=({editor:o,block:e,props:l})=>{const a=t=>{o.blocks.Callout.updateElement(e.id,"callout",{theme:t})},c=o=>(null==l?void 0:l.theme)===o;return t.jsxs(O,Object.assign({onClick:()=>o.setSelection([e.meta.order]),className:"yoopta-callout-options"},{children:[t.jsx(E,{}),t.jsxs(C,{children:[t.jsx(_,{children:t.jsxs("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>a("default"),style:{backgroundColor:c("default")?r.default.backgroundColor:void 0}},{children:[t.jsx(w,{width:16,height:16,color:r.default.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Default"]}))}),t.jsx(_,{children:t.jsxs("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>a("info"),style:{backgroundColor:c("info")?r.info.backgroundColor:void 0}},{children:[t.jsx(k,{width:16,height:16,color:r.info.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Info"]}))}),t.jsx(_,{children:t.jsxs("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>a("success"),style:{backgroundColor:c("success")?r.success.backgroundColor:void 0}},{children:[t.jsx(s,{width:16,height:16,color:r.success.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Success"]}))}),t.jsx(_,{children:t.jsxs("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>a("warning"),style:{backgroundColor:c("warning")?r.warning.backgroundColor:void 0}},{children:[t.jsx(p,{width:16,height:16,color:r.warning.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Warning"]}))}),t.jsx(_,{children:t.jsxs("button",Object.assign({type:"button",className:"yoo-callout-rounded-sm hover:yoo-callout-bg-[#37352f14] yoo-callout-leading-[120%] yoo-callout-px-2 yoo-callout-py-1.5 yoo-callout-mx-[4px] yoo-callout-cursor-pointer yoo-callout-w-full yoo-callout-flex yoo-callout-justify-start",onClick:()=>a("error"),style:{backgroundColor:c("error")?r.error.backgroundColor:void 0}},{children:[t.jsx(m,{width:16,height:16,color:r.error.color,className:"yoo-callout-w-4 yoo-callout-h-4 yoo-callout-mr-2"}),"Error"]}))})]})]}))},L=({element:e,attributes:l,children:a,blockId:c,HTMLAttributes:n={}})=>{const{className:u}=n,s=function(o,t){var e={};for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&t.indexOf(l)<0&&(e[l]=o[l]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(o);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(o,l[r])&&(e[l[r]]=o[l[r]])}return e}(n,["className"]),i=o.useBlockData(c),d=o.useYooptaEditor(),y=o.useYooptaReadOnly(),{theme:p="default"}=e.props||{},f=r[p];return t.jsxs("div",Object.assign({"data-element-type":e.type,style:f,className:`yoo-callout-rounded-md yoo-callout-mt-2 yoo-callout-p-2 yoo-callout-pl-4 yoo-callout-leading-7 yoo-callout-bg-info yoo-callout-text-info-foreground yoo-callout-text-[16px] yoopta-callout yoopta-callout-theme-${p} ${u}`},s,l,{children:[!y&&t.jsx(N,{block:i,editor:d,props:e.props}),a]}))};L.displayName="Callout";const B=new o.YooptaPlugin({type:"Callout",elements:{callout:{render:L,props:{theme:"default"}}},options:{display:{title:"Callout",description:"Make writing stand out"},shortcuts:["<"]}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o))}}(".yoo-callout-mx-\\[4px\\]{margin-left:4px;margin-right:4px}.yoo-callout-mr-2{margin-right:.5rem}.yoo-callout-mt-2{margin-top:.5rem}.yoo-callout-flex{display:flex}.yoo-callout-h-4{height:1rem}.yoo-callout-w-4{width:1rem}.yoo-callout-w-full{width:100%}.yoo-callout-cursor-pointer{cursor:pointer}.yoo-callout-justify-start{justify-content:flex-start}.yoo-callout-rounded-md{border-radius:.375rem}.yoo-callout-rounded-sm{border-radius:.125rem}.yoo-callout-p-2{padding:.5rem}.yoo-callout-px-2{padding-left:.5rem;padding-right:.5rem}.yoo-callout-py-1{padding-bottom:.25rem;padding-top:.25rem}.yoo-callout-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.yoo-callout-pl-4{padding-left:1rem}.yoo-callout-text-\\[16px\\]{font-size:16px}.yoo-callout-leading-7{line-height:1.75rem}.yoo-callout-leading-\\[120\\%\\]{line-height:120%}.yoopta-callout .yoopta-callout-options{opacity:0;transition:opacity .15s ease-in-out}.yoopta-callout:hover .yoopta-callout-options{opacity:1}.hover\\:yoo-callout-bg-\\[\\#37352f14\\]:hover{background-color:#37352f14}"),exports.default=B;
package/dist/plugin/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAA4B,MAAM,UAAU,CAAC;AAGzE,QAAA,MAAM,OAAO,uEAcX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAA4B,MAAM,UAAU,CAAC;AAGzE,QAAA,MAAM,OAAO,uEAiBX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/dist/ui/Callout.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  import { PluginElementRenderProps } from '@yoopta/editor';
3
2
  declare const CalloutRender: {
4
- ({ element, attributes, children, blockId }: PluginElementRenderProps): JSX.Element;
3
+ ({ element, attributes, children, blockId, HTMLAttributes }: PluginElementRenderProps): import("react/jsx-runtime").JSX.Element;
5
4
  displayName: string;
6
5
  };
7
6
  export { CalloutRender };
package/dist/ui/Callout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAiC,MAAM,gBAAgB,CAAC;AAIzF,QAAA,MAAM,aAAa;iDAAgD,wBAAwB;;CAiB1F,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/ui/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAoD,MAAM,gBAAgB,CAAC;AAI5G,QAAA,MAAM,aAAa;iEAAqE,wBAAwB;;CAqB/G,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
package/dist/ui/CalloutBlockOptions.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { YooEditor, YooptaBlockData } from '@yoopta/editor';
3
2
  import { CalloutElementProps } from '../types';
4
3
  type Props = {
@@ -6,6 +5,6 @@ type Props = {
6
5
  block: YooptaBlockData;
7
6
  props?: CalloutElementProps;
8
7
  };
9
- declare const CalloutBlockOptions: ({ editor, block, props: calloutProps }: Props) => JSX.Element;
8
+ declare const CalloutBlockOptions: ({ editor, block, props: calloutProps }: Props) => import("react/jsx-runtime").JSX.Element;
10
9
  export { CalloutBlockOptions };
11
10
  //# sourceMappingURL=CalloutBlockOptions.d.ts.map
package/dist/ui/CalloutBlockOptions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CalloutBlockOptions.d.ts","sourceRoot":"","sources":["../../src/ui/CalloutBlockOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMhE,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,gBA+EzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"CalloutBlockOptions.d.ts","sourceRoot":"","sources":["../../src/ui/CalloutBlockOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMhE,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,4CAsGzE,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,14 +1,13 @@
1
1
  {
2
2
  "name": "@yoopta/callout",
3
- "version": "4.0.0-rc.1",
3
+ "version": "4.0.0-rc.10",
4
4
  "description": "> TODO: description",
5
5
  "author": "Darginec05 <devopsbanda@gmail.com>",
6
6
  "homepage": "https://github.com/Darginec05/Editor-Yoopta#readme",
7
7
  "license": "MIT",
8
8
  "private": false,
9
- "type": "module",
10
9
  "main": "dist/index.js",
11
- "module": "dist/index.js",
10
+ "module": "dist/index.es.js",
12
11
  "types": "./dist/index.d.ts",
13
12
  "files": [
14
13
  "dist/"
@@ -16,9 +15,7 @@
16
15
  "peerDependencies": {
17
16
  "@yoopta/editor": ">=4.0.0-rc.0",
18
17
  "react": ">=17.0.2",
19
- "react-dom": ">=17.0.2",
20
- "slate": ">=0.72.3",
21
- "slate-react": ">=0.95.0"
18
+ "react-dom": ">=17.0.2"
22
19
  },
23
20
  "publishConfig": {
24
21
  "registry": "https://registry.yarnpkg.com"
@@ -36,5 +33,5 @@
36
33
  "bugs": {
37
34
  "url": "https://github.com/Darginec05/Editor-Yoopta/issues"
38
35
  },
39
- "dependencies": {}
36
+ "gitHead": "567acde8d698e93e42b9090db68d66d93f3cc30d"
40
37
  }