@blocknote/mantine 0.15.11 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocknote-mantine.js +161 -161
- package/dist/blocknote-mantine.js.map +1 -1
- package/dist/blocknote-mantine.umd.cjs +1 -1
- package/dist/blocknote-mantine.umd.cjs.map +1 -1
- package/dist/webpack-stats.json +1 -1
- package/package.json +4 -4
- package/src/defaultThemes.ts +1 -1
- package/src/index.tsx +27 -27
- package/types/src/index.d.ts +3 -3
|
@@ -27,5 +27,5 @@ Check the top-level render call using <`+i+">.")}return o}}function qe(e,o){{if(
|
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,fe,I,wr,I),He[I+fe]=!0}}return e===a?gr(T):br(T),T}}function hr(e,o,i){return Je(e,o,i,!0)}function yr(e,o,i){return Je(e,o,i,!1)}var xr=yr,Er=hr;G.Fragment=a,G.jsx=xr,G.jsxs=Er}()),G}process.env.NODE_ENV==="production"?ee.exports=Xe():ee.exports=Ze();var l=ee.exports;const ve=(t,n,r=!1)=>{const a=[];function s(u,m="--bn"){for(const c in u){const f=c.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),b=`${m}-${f}`;typeof u[c]!="object"?(typeof u[c]=="number"&&(u[c]=`${u[c]}px`),r?n.style.removeProperty(b):n.style.setProperty(b,u[c].toString())):s(u[c],b)}}return s(t),a},te=(t,n)=>ve(t,n),Qe={colors:{editor:{text:void 0,background:void 0},menu:{text:void 0,background:void 0},tooltip:{text:void 0,background:void 0},hovered:{text:void 0,background:void 0},selected:{text:void 0,background:void 0},disabled:{text:void 0,background:void 0},shadow:void 0,border:void 0,sideMenu:void 0,highlights:{gray:{text:void 0,background:void 0},brown:{text:void 0,background:void 0},red:{text:void 0,background:void 0},orange:{text:void 0,background:void 0},yellow:{text:void 0,background:void 0},green:{text:void 0,background:void 0},blue:{text:void 0,background:void 0},purple:{text:void 0,background:void 0},pink:{text:void 0,background:void 0}}},borderRadius:void 0,fontFamily:void 0},pe=t=>ve(Qe,t,!0),$e=p.forwardRef((t,n)=>{const{className:r,children:a,id:s,columns:u,...m}=t;return h.assertEmpty(m),l.jsx("div",{className:r,style:{gridTemplateColumns:`repeat(${u}, 1fr)`},ref:n,id:s,role:"grid",children:a})}),et=p.forwardRef((t,n)=>{const{className:r,children:a,columns:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Group,{className:r,style:{gridColumn:`1 / ${s+1}`},ref:n,children:l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-title",children:a})})}),tt=p.forwardRef((t,n)=>{const{className:r,isSelected:a,onClick:s,item:u,id:m,...c}=t;h.assertEmpty(c);const f=p.useRef(null);return p.useEffect(()=>{if(!f.current||!a)return;const b=L.elementOverflow(f.current,document.querySelector(".bn-grid-suggestion-menu"));b==="top"?f.current.scrollIntoView(!0):b==="bottom"&&f.current.scrollIntoView(!1)},[a]),l.jsx("div",{className:r,ref:A.mergeRefs(n,f),id:m,role:"option",onClick:s,"aria-selected":a||void 0,children:u.icon})}),rt=p.forwardRef((t,n)=>{const{className:r,children:a,columns:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Loader,{className:r,style:{gridColumn:`1 / ${s+1}`},type:"dots",ref:n})});var be={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ge=D.default.createContext&&D.default.createContext(be),nt=["attr","size","title"];function at(t,n){if(t==null)return{};var r=ot(t,n),a,s;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(t);for(s=0;s<u.length;s++)a=u[s],!(n.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}function ot(t,n){if(t==null)return{};var r={};for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){if(n.indexOf(a)>=0)continue;r[a]=t[a]}return r}function K(){return K=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},K.apply(this,arguments)}function he(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),r.push.apply(r,a)}return r}function H(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?he(Object(r),!0).forEach(function(a){st(t,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):he(Object(r)).forEach(function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(r,a))})}return t}function st(t,n,r){return n=it(n),n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function it(t){var n=lt(t,"string");return typeof n=="symbol"?n:n+""}function lt(t,n){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,n||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function ye(t){return t&&t.map((n,r)=>D.default.createElement(n.tag,H({key:r},n.attr),ye(n.child)))}function xe(t){return n=>D.default.createElement(ut,K({attr:H({},t.attr)},n),ye(t.child))}function ut(t){var n=r=>{var{attr:a,size:s,title:u}=t,m=at(t,nt),c=s||r.size||"1em",f;return r.className&&(f=r.className),t.className&&(f=(f?f+" ":"")+t.className),D.default.createElement("svg",K({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,m,{className:f,style:H(H({color:t.color||r.color},r.style),t.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),u&&D.default.createElement("title",null,u),t.children)};return ge!==void 0?D.default.createElement(ge.Consumer,null,r=>n(r)):n(be)}function ct(t){return xe({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"},child:[]}]})(t)}function ft(t){return xe({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"},child:[]}]})(t)}const Ee=p.createContext(void 0),dt=p.forwardRef((t,n)=>{const{children:r,onOpenChange:a,position:s,sub:u,...m}=t;h.assertEmpty(m);const[c,f]=p.useState(!1),b=p.useRef(null),E=p.useRef(),k=p.useCallback(()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{f(!1)},250)},[]),C=p.useCallback(()=>{E.current&&clearTimeout(E.current),f(!0)},[]);return l.jsx(Ee.Provider,{value:{onMenuMouseOver:C,onMenuMouseLeave:k},children:l.jsx(d.Menu.Item,{className:"bn-menu-item bn-mt-sub-menu-item",ref:A.mergeRefs(n,b),onMouseOver:C,onMouseLeave:k,children:l.jsx(d.Menu,{portalProps:{target:b.current?b.current.parentElement:void 0},middlewares:{flip:!0,shift:!0,inline:!1,size:!0},trigger:"hover",opened:c,onClose:()=>a==null?void 0:a(!1),onOpen:()=>a==null?void 0:a(!0),position:s,children:r})})})}),mt=t=>{const{children:n,onOpenChange:r,position:a,sub:s,...u}=t;return h.assertEmpty(u),s?l.jsx(dt,{...t}):l.jsx(d.Menu,{withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onClose:()=>r==null?void 0:r(!1),onOpen:()=>r==null?void 0:r(!0),position:a,children:n})},vt=p.forwardRef((t,n)=>{const{className:r,children:a,icon:s,checked:u,subTrigger:m,onClick:c,...f}=t;return h.assertEmpty(f,!1),m?l.jsxs("div",{ref:n,...f,children:[a,l.jsx(ft,{size:15})]}):l.jsx(d.Menu.Item,{className:r,ref:n,leftSection:s,rightSection:u?l.jsx(d.CheckIcon,{size:10}):u===!1?l.jsx("div",{className:"bn-tick-space"}):null,onClick:c,...f,children:a})}),pt=t=>{const{children:n,sub:r,...a}=t;return h.assertEmpty(a),l.jsx(d.Menu.Target,{children:n})},bt=p.forwardRef((t,n)=>{const{className:r,children:a,sub:s,...u}=t;h.assertEmpty(u);const m=p.useContext(Ee);return l.jsx(d.Menu.Dropdown,{className:r,ref:n,onMouseOver:m==null?void 0:m.onMenuMouseOver,onMouseLeave:m==null?void 0:m.onMenuMouseLeave,children:a})}),gt=p.forwardRef((t,n)=>{const{className:r,...a}=t;return h.assertEmpty(a),l.jsx(d.Menu.Divider,{className:r,ref:n})}),ht=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Menu.Label,{className:r,ref:n,children:a})}),yt=p.forwardRef((t,n)=>{const{className:r,tabs:a,defaultOpenTab:s,openTab:u,setOpenTab:m,loading:c,...f}=t;return h.assertEmpty(f),l.jsx(d.Group,{className:r,ref:n,children:l.jsxs(d.Tabs,{value:u,defaultValue:s,onChange:m,children:[c&&l.jsx(d.LoadingOverlay,{visible:c}),l.jsx(d.Tabs.List,{children:a.map(b=>l.jsx(d.Tabs.Tab,{"data-test":`${b.name.toLowerCase()}-tab`,value:b.name,children:b.name},b.name))}),a.map(b=>l.jsx(d.Tabs.Panel,{value:b.name,children:b.tabPanel},b.name))]})})}),xt=p.forwardRef((t,n)=>{const{className:r,children:a,onClick:s,label:u,...m}=t;return h.assertEmpty(m),l.jsx(d.Button,{size:"xs","aria-label":u,className:r,ref:n,onClick:s,...m,children:a})}),Et=p.forwardRef((t,n)=>{const{className:r,accept:a,value:s,placeholder:u,onChange:m,...c}=t;return h.assertEmpty(c),l.jsx(d.FileInput,{size:"xs",className:r,ref:n,accept:a,value:s,placeholder:u,onChange:m,...c})}),wt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx("div",{className:r,ref:n,children:a})}),jt=p.forwardRef((t,n)=>{const{className:r,value:a,placeholder:s,onKeyDown:u,onChange:m,...c}=t;return h.assertEmpty(c),l.jsx(d.TextInput,{size:"xs","data-test":"embed-input",className:r,ref:n,value:a,placeholder:s,onKeyDown:u,onChange:m})}),St=t=>{const{children:n,opened:r,position:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Popover,{withinPortal:!1,zIndex:1e4,opened:r,position:a,children:n})},Tt=t=>{const{children:n,...r}=t;return h.assertEmpty(r),l.jsx(d.PopoverTarget,{children:n})},kt=p.forwardRef((t,n)=>{const{className:r,children:a,variant:s,...u}=t;return h.assertEmpty(u),l.jsx(d.PopoverDropdown,{className:r,ref:n,children:a})}),Rt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s,!1),l.jsx(d.Group,{align:"center",gap:0,className:r,ref:n,...s,children:a})}),Ct=p.forwardRef((t,n)=>{const{className:r,children:a,icon:s,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,label:b,...E}=t;return h.assertEmpty(E,!1),s?l.jsx(d.ActionIcon,{size:24,className:r,ref:n,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,"aria-label":b,...E,children:s}):l.jsx(d.Button,{className:r,ref:n,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,"aria-label":b,...E,children:a})}),_t=p.forwardRef((t,n)=>{const{className:r,children:a,id:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Stack,{gap:0,className:r,ref:n,id:s,role:"listbox",children:a})}),Pt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Group,{className:r,ref:n,children:l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-title",children:a})})}),Ot=p.forwardRef((t,n)=>{const{className:r,isSelected:a,onClick:s,item:u,id:m,...c}=t;h.assertEmpty(c);const f=p.useRef(null);return p.useEffect(()=>{if(!f.current||!a)return;const b=L.elementOverflow(f.current,document.querySelector(".bn-suggestion-menu"));b==="top"?f.current.scrollIntoView(!0):b==="bottom"&&f.current.scrollIntoView(!1)},[a]),l.jsxs(d.Group,{gap:0,className:r,ref:A.mergeRefs(n,f),id:m,role:"option",onClick:s,"aria-selected":a||void 0,children:[u.icon&&l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-section","data-position":"left",children:u.icon}),l.jsxs(d.Stack,{gap:0,className:"bn-mt-suggestion-menu-item-body",children:[l.jsx(d.Text,{className:"bn-mt-suggestion-menu-item-title",children:u.title}),l.jsx(d.Text,{className:"bn-mt-suggestion-menu-item-subtitle",children:u.subtext})]}),u.badge&&l.jsx(d.Group,{"data-position":"right",className:"bn-mt-suggestion-menu-item-section",children:l.jsx(d.Badge,{size:"xs",children:u.badge})})]})}),Ft=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Group,{className:r,ref:n,children:a})}),Mt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Loader,{className:r,type:"dots",ref:n})}),Dt=p.forwardRef((t,n)=>{const{className:r,children:a,draggable:s,onDragStart:u,onDragEnd:m,style:c,label:f,...b}=t;return h.assertEmpty(b,!1),l.jsx(d.Button,{className:r,ref:n,"aria-label":f,draggable:s,onDragStart:u,onDragEnd:m,style:c,...b,children:a})}),Nt=p.forwardRef((t,n)=>{const{className:r,name:a,label:s,icon:u,value:m,autoFocus:c,placeholder:f,onKeyDown:b,onChange:E,onSubmit:k,...C}=t;return h.assertEmpty(C),l.jsx(d.TextInput,{size:"xs",className:r,ref:n,name:a,label:s,leftSection:u,value:m,autoFocus:c,"data-autofocus":c?"true":void 0,placeholder:f,onKeyDown:b,onChange:E,onSubmit:k})}),we=p.forwardRef((t,n)=>{const{className:r,children:a,onMouseEnter:s,onMouseLeave:u,...m}=t;h.assertEmpty(m);const{ref:c,focused:f}=A.useFocusWithin(),b=A.useFocusTrap(f),E=A.mergeRefs(n,c,b);return l.jsx(d.Group,{className:r,ref:E,role:"toolbar",onMouseEnter:s,onMouseLeave:u,children:a})}),It=t=>l.jsxs(d.Stack,{gap:0,className:"bn-tooltip",children:[l.jsx(d.Text,{size:"sm",children:t.mainTooltip}),t.secondaryTooltip&&l.jsx(d.Text,{size:"xs",children:t.secondaryTooltip})]}),je=p.forwardRef((t,n)=>{const{className:r,children:a,mainTooltip:s,secondaryTooltip:u,icon:m,isSelected:c,isDisabled:f,onClick:b,label:E,...k}=t;return h.assertEmpty(k,!1),l.jsx(d.Tooltip,{withinPortal:!1,label:l.jsx(It,{mainTooltip:s,secondaryTooltip:u}),children:a?l.jsx(d.Button,{"aria-label":E,className:r,onMouseDown:C=>{h.isSafari()&&C.currentTarget.focus()},onClick:b,"aria-pressed":c,"data-selected":c||void 0,"data-test":s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1),size:"xs",disabled:f||!1,ref:n,...k,children:a}):l.jsx(d.ActionIcon,{className:r,"aria-label":E,onMouseDown:C=>{h.isSafari()&&C.currentTarget.focus()},onClick:b,"aria-pressed":c,"data-selected":c||void 0,"data-test":s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1),size:30,disabled:f||!1,ref:n,...k,children:m})})}),Lt=p.forwardRef((t,n)=>{const{className:r,items:a,isDisabled:s,...u}=t;h.assertEmpty(u);const m=a.filter(c=>c.isSelected)[0];return m?l.jsxs(d.Menu,{withinPortal:!1,transitionProps:{exitDuration:0},disabled:s,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},children:[l.jsx(d.Menu.Target,{children:l.jsx(d.Button,{onMouseDown:c=>{h.isSafari()&&c.currentTarget.focus()},leftSection:m.icon,rightSection:l.jsx(ct,{}),size:"xs",variant:"subtle",disabled:s,children:m.text})}),l.jsx(d.Menu.Dropdown,{className:r,ref:n,children:a.map(c=>l.jsx(d.Menu.Item,{onClick:c.onClick,leftSection:c.icon,rightSection:c.isSelected?l.jsx(d.CheckIcon,{size:10,className:"bn-tick-icon"}):l.jsx("div",{className:"bn-tick-space"}),disabled:c.isDisabled,children:c.text},c.text))})]}):null}),x=["#FFFFFF","#EFEFEF","#CFCFCF","#AFAFAF","#7F7F7F","#3F3F3F","#1F1F1F","#161616","#0F0F0F","#000000"],re={colors:{editor:{text:x[5],background:x[0]},menu:{text:x[5],background:x[0]},tooltip:{text:x[5],background:x[1]},hovered:{text:x[5],background:x[1]},selected:{text:x[0],background:x[5]},disabled:{text:x[3],background:x[1]},shadow:x[2],border:x[1],sideMenu:x[2],highlights:{gray:{text:"#9b9a97",background:"#ebeced"},brown:{text:"#64473a",background:"#e9e5e3"},red:{text:"#e03e3e",background:"#fbe4e4"},orange:{text:"#d9730d",background:"#f6e9d9"},yellow:{text:"#dfab01",background:"#fbf3db"},green:{text:"#4d6461",background:"#ddedea"},blue:{text:"#0b6e99",background:"#ddebf1"},purple:{text:"#6940a5",background:"#eae4f2"},pink:{text:"#ad1a72",background:"#f4dfeb"}}},borderRadius:6,fontFamily:'"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'},At={colors:{editor:{text:x[2],background:x[6]},menu:{text:x[2],background:x[6]},tooltip:{text:x[2],background:x[7]},hovered:{text:x[2],background:x[7]},selected:{text:x[2],background:x[8]},disabled:{text:x[5],background:x[7]},shadow:x[8],border:x[7],sideMenu:x[4],highlights:{gray:{text:"#bebdb8",background:"#9b9a97"},brown:{text:"#8e6552",background:"#64473a"},red:{text:"#ec4040",background:"#be3434"},orange:{text:"#e3790d",background:"#b7600a"},yellow:{text:"#dfab01",background:"#b58b00"},green:{text:"#6b8b87",background:"#4d6461"},blue:{text:"#0e87bc",background:"#0b6e99"},purple:{text:"#8552d7",background:"#6940a5"},pink:{text:"#da208f",background:"#ad1a72"}}},borderRadius:re.borderRadius,fontFamily:re.fontFamily},Se={FormattingToolbar:{Root:we,Button:je,Select:Lt},FilePanel:{Root:yt,Button:xt,FileInput:Et,TabPanel:wt,TextInput:jt},GridSuggestionMenu:{Root:$e,Item:tt,EmptyItem:et,Loader:rt},LinkToolbar:{Root:we,Button:je},SideMenu:{Root:Rt,Button:Ct},SuggestionMenu:{Root:_t,Item:Ot,EmptyItem:Pt,Label:Ft,Loader:Mt},TableHandle:{Root:Dt},Generic:{Form:{Root:t=>l.jsx("div",{children:t.children}),TextInput:Nt},Menu:{Root:mt,Trigger:pt,Dropdown:bt,Divider:gt,Label:ht,Item:vt},Popover:{Root:St,Trigger:Tt,Content:kt}}},Bt={activeClassName:""},zt=t=>{const{className:n,theme:r,...a}=t,s=L.useBlockNoteContext(),u=L.usePrefersColorScheme(),m=(s==null?void 0:s.colorSchemePreference)||u,c=p.useCallback(f=>{if(f&&(pe(f),typeof r=="object")){if("light"in r&&"dark"in r){te(r[m==="dark"?"dark":"light"],f);return}te(r,f);return}},[m,r]);return l.jsx(L.ComponentsContext.Provider,{value:Se,children:l.jsx(d.MantineProvider,{theme:Bt,cssVariablesSelector:".bn-mantine",getRootElement:()=>{},children:l.jsx(L.BlockNoteViewRaw,{className:h.mergeCSSClasses("bn-mantine",n||""),theme:typeof r=="object"?void 0:r,...a,ref:c})})})};R.BlockNoteView=zt,R.applyBlockNoteCSSVariablesFromTheme=te,R.components=Se,R.darkDefaultTheme=At,R.defaultColorScheme=x,R.lightDefaultTheme=re,R.removeBlockNoteCSSVariables=pe,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})});
|
|
30
|
+
<%s key={someKey} {...props} />`,fe,I,wr,I),He[I+fe]=!0}}return e===a?gr(T):br(T),T}}function hr(e,o,i){return Je(e,o,i,!0)}function yr(e,o,i){return Je(e,o,i,!1)}var xr=yr,Er=hr;G.Fragment=a,G.jsx=xr,G.jsxs=Er}()),G}process.env.NODE_ENV==="production"?ee.exports=Xe():ee.exports=Ze();var l=ee.exports;const ve=(t,n,r=!1)=>{const a=[];function s(u,m="--bn"){for(const c in u){const f=c.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),b=`${m}-${f}`;typeof u[c]!="object"?(typeof u[c]=="number"&&(u[c]=`${u[c]}px`),r?n.style.removeProperty(b):n.style.setProperty(b,u[c].toString())):s(u[c],b)}}return s(t),a},te=(t,n)=>ve(t,n),Qe={colors:{editor:{text:void 0,background:void 0},menu:{text:void 0,background:void 0},tooltip:{text:void 0,background:void 0},hovered:{text:void 0,background:void 0},selected:{text:void 0,background:void 0},disabled:{text:void 0,background:void 0},shadow:void 0,border:void 0,sideMenu:void 0,highlights:{gray:{text:void 0,background:void 0},brown:{text:void 0,background:void 0},red:{text:void 0,background:void 0},orange:{text:void 0,background:void 0},yellow:{text:void 0,background:void 0},green:{text:void 0,background:void 0},blue:{text:void 0,background:void 0},purple:{text:void 0,background:void 0},pink:{text:void 0,background:void 0}}},borderRadius:void 0,fontFamily:void 0},pe=t=>ve(Qe,t,!0),$e=p.forwardRef((t,n)=>{const{className:r,name:a,label:s,icon:u,value:m,autoFocus:c,placeholder:f,onKeyDown:b,onChange:E,onSubmit:k,...C}=t;return h.assertEmpty(C),l.jsx(d.TextInput,{size:"xs",className:r,ref:n,name:a,label:s,leftSection:u,value:m,autoFocus:c,"data-autofocus":c?"true":void 0,placeholder:f,onKeyDown:b,onChange:E,onSubmit:k})});var be={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ge=D.default.createContext&&D.default.createContext(be),et=["attr","size","title"];function tt(t,n){if(t==null)return{};var r=rt(t,n),a,s;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(t);for(s=0;s<u.length;s++)a=u[s],!(n.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}function rt(t,n){if(t==null)return{};var r={};for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){if(n.indexOf(a)>=0)continue;r[a]=t[a]}return r}function K(){return K=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},K.apply(this,arguments)}function he(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),r.push.apply(r,a)}return r}function H(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?he(Object(r),!0).forEach(function(a){nt(t,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):he(Object(r)).forEach(function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(r,a))})}return t}function nt(t,n,r){return n=at(n),n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function at(t){var n=ot(t,"string");return typeof n=="symbol"?n:n+""}function ot(t,n){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,n||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function ye(t){return t&&t.map((n,r)=>D.default.createElement(n.tag,H({key:r},n.attr),ye(n.child)))}function xe(t){return n=>D.default.createElement(st,K({attr:H({},t.attr)},n),ye(t.child))}function st(t){var n=r=>{var{attr:a,size:s,title:u}=t,m=tt(t,et),c=s||r.size||"1em",f;return r.className&&(f=r.className),t.className&&(f=(f?f+" ":"")+t.className),D.default.createElement("svg",K({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,m,{className:f,style:H(H({color:t.color||r.color},r.style),t.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),u&&D.default.createElement("title",null,u),t.children)};return ge!==void 0?D.default.createElement(ge.Consumer,null,r=>n(r)):n(be)}function it(t){return xe({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"},child:[]}]})(t)}function lt(t){return xe({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"},child:[]}]})(t)}const Ee=p.createContext(void 0),ut=p.forwardRef((t,n)=>{const{children:r,onOpenChange:a,position:s,sub:u,...m}=t;h.assertEmpty(m);const[c,f]=p.useState(!1),b=p.useRef(null),E=p.useRef(),k=p.useCallback(()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{f(!1)},250)},[]),C=p.useCallback(()=>{E.current&&clearTimeout(E.current),f(!0)},[]);return l.jsx(Ee.Provider,{value:{onMenuMouseOver:C,onMenuMouseLeave:k},children:l.jsx(d.Menu.Item,{className:"bn-menu-item bn-mt-sub-menu-item",ref:A.mergeRefs(n,b),onMouseOver:C,onMouseLeave:k,children:l.jsx(d.Menu,{portalProps:{target:b.current?b.current.parentElement:void 0},middlewares:{flip:!0,shift:!0,inline:!1,size:!0},trigger:"hover",opened:c,onClose:()=>a==null?void 0:a(!1),onOpen:()=>a==null?void 0:a(!0),position:s,children:r})})})}),ct=t=>{const{children:n,onOpenChange:r,position:a,sub:s,...u}=t;return h.assertEmpty(u),s?l.jsx(ut,{...t}):l.jsx(d.Menu,{withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onClose:()=>r==null?void 0:r(!1),onOpen:()=>r==null?void 0:r(!0),position:a,children:n})},ft=p.forwardRef((t,n)=>{const{className:r,children:a,icon:s,checked:u,subTrigger:m,onClick:c,...f}=t;return h.assertEmpty(f,!1),m?l.jsxs("div",{ref:n,...f,children:[a,l.jsx(lt,{size:15})]}):l.jsx(d.Menu.Item,{className:r,ref:n,leftSection:s,rightSection:u?l.jsx(d.CheckIcon,{size:10}):u===!1?l.jsx("div",{className:"bn-tick-space"}):null,onClick:c,...f,children:a})}),dt=t=>{const{children:n,sub:r,...a}=t;return h.assertEmpty(a),l.jsx(d.Menu.Target,{children:n})},mt=p.forwardRef((t,n)=>{const{className:r,children:a,sub:s,...u}=t;h.assertEmpty(u);const m=p.useContext(Ee);return l.jsx(d.Menu.Dropdown,{className:r,ref:n,onMouseOver:m==null?void 0:m.onMenuMouseOver,onMouseLeave:m==null?void 0:m.onMenuMouseLeave,children:a})}),vt=p.forwardRef((t,n)=>{const{className:r,...a}=t;return h.assertEmpty(a),l.jsx(d.Menu.Divider,{className:r,ref:n})}),pt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Menu.Label,{className:r,ref:n,children:a})}),bt=p.forwardRef((t,n)=>{const{className:r,tabs:a,defaultOpenTab:s,openTab:u,setOpenTab:m,loading:c,...f}=t;return h.assertEmpty(f),l.jsx(d.Group,{className:r,ref:n,children:l.jsxs(d.Tabs,{value:u,defaultValue:s,onChange:m,children:[c&&l.jsx(d.LoadingOverlay,{visible:c}),l.jsx(d.Tabs.List,{children:a.map(b=>l.jsx(d.Tabs.Tab,{"data-test":`${b.name.toLowerCase()}-tab`,value:b.name,children:b.name},b.name))}),a.map(b=>l.jsx(d.Tabs.Panel,{value:b.name,children:b.tabPanel},b.name))]})})}),gt=p.forwardRef((t,n)=>{const{className:r,children:a,onClick:s,label:u,...m}=t;return h.assertEmpty(m),l.jsx(d.Button,{size:"xs","aria-label":u,className:r,ref:n,onClick:s,...m,children:a})}),ht=p.forwardRef((t,n)=>{const{className:r,accept:a,value:s,placeholder:u,onChange:m,...c}=t;return h.assertEmpty(c),l.jsx(d.FileInput,{size:"xs",className:r,ref:n,accept:a,value:s,placeholder:u,onChange:m,...c})}),yt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx("div",{className:r,ref:n,children:a})}),xt=p.forwardRef((t,n)=>{const{className:r,value:a,placeholder:s,onKeyDown:u,onChange:m,...c}=t;return h.assertEmpty(c),l.jsx(d.TextInput,{size:"xs","data-test":"embed-input",className:r,ref:n,value:a,placeholder:s,onKeyDown:u,onChange:m})}),Et=t=>{const{children:n,opened:r,position:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Popover,{withinPortal:!1,zIndex:1e4,opened:r,position:a,children:n})},wt=t=>{const{children:n,...r}=t;return h.assertEmpty(r),l.jsx(d.PopoverTarget,{children:n})},jt=p.forwardRef((t,n)=>{const{className:r,children:a,variant:s,...u}=t;return h.assertEmpty(u),l.jsx(d.PopoverDropdown,{className:r,ref:n,children:a})}),St=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s,!1),l.jsx(d.Group,{align:"center",gap:0,className:r,ref:n,...s,children:a})}),Tt=p.forwardRef((t,n)=>{const{className:r,children:a,icon:s,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,label:b,...E}=t;return h.assertEmpty(E,!1),s?l.jsx(d.ActionIcon,{size:24,className:r,ref:n,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,"aria-label":b,...E,children:s}):l.jsx(d.Button,{className:r,ref:n,onClick:u,onDragEnd:m,onDragStart:c,draggable:f,"aria-label":b,...E,children:a})}),kt=p.forwardRef((t,n)=>{const{className:r,children:a,id:s,columns:u,...m}=t;return h.assertEmpty(m),l.jsx("div",{className:r,style:{gridTemplateColumns:`repeat(${u}, 1fr)`},ref:n,id:s,role:"grid",children:a})}),Rt=p.forwardRef((t,n)=>{const{className:r,children:a,columns:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Group,{className:r,style:{gridColumn:`1 / ${s+1}`},ref:n,children:l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-title",children:a})})}),Ct=p.forwardRef((t,n)=>{const{className:r,isSelected:a,onClick:s,item:u,id:m,...c}=t;h.assertEmpty(c);const f=p.useRef(null);return p.useEffect(()=>{if(!f.current||!a)return;const b=L.elementOverflow(f.current,document.querySelector(".bn-grid-suggestion-menu"));b==="top"?f.current.scrollIntoView(!0):b==="bottom"&&f.current.scrollIntoView(!1)},[a]),l.jsx("div",{className:r,ref:A.mergeRefs(n,f),id:m,role:"option",onClick:s,"aria-selected":a||void 0,children:u.icon})}),_t=p.forwardRef((t,n)=>{const{className:r,children:a,columns:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Loader,{className:r,style:{gridColumn:`1 / ${s+1}`},type:"dots",ref:n})}),Pt=p.forwardRef((t,n)=>{const{className:r,children:a,id:s,...u}=t;return h.assertEmpty(u),l.jsx(d.Stack,{gap:0,className:r,ref:n,id:s,role:"listbox",children:a})}),Ot=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Group,{className:r,ref:n,children:l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-title",children:a})})}),Ft=p.forwardRef((t,n)=>{const{className:r,isSelected:a,onClick:s,item:u,id:m,...c}=t;h.assertEmpty(c);const f=p.useRef(null);return p.useEffect(()=>{if(!f.current||!a)return;const b=L.elementOverflow(f.current,document.querySelector(".bn-suggestion-menu"));b==="top"?f.current.scrollIntoView(!0):b==="bottom"&&f.current.scrollIntoView(!1)},[a]),l.jsxs(d.Group,{gap:0,className:r,ref:A.mergeRefs(n,f),id:m,role:"option",onClick:s,"aria-selected":a||void 0,children:[u.icon&&l.jsx(d.Group,{className:"bn-mt-suggestion-menu-item-section","data-position":"left",children:u.icon}),l.jsxs(d.Stack,{gap:0,className:"bn-mt-suggestion-menu-item-body",children:[l.jsx(d.Text,{className:"bn-mt-suggestion-menu-item-title",children:u.title}),l.jsx(d.Text,{className:"bn-mt-suggestion-menu-item-subtitle",children:u.subtext})]}),u.badge&&l.jsx(d.Group,{"data-position":"right",className:"bn-mt-suggestion-menu-item-section",children:l.jsx(d.Badge,{size:"xs",children:u.badge})})]})}),Mt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Group,{className:r,ref:n,children:a})}),Dt=p.forwardRef((t,n)=>{const{className:r,children:a,...s}=t;return h.assertEmpty(s),l.jsx(d.Loader,{className:r,type:"dots",ref:n})}),Nt=p.forwardRef((t,n)=>{const{className:r,children:a,draggable:s,onDragStart:u,onDragEnd:m,style:c,label:f,...b}=t;return h.assertEmpty(b,!1),l.jsx(d.Button,{className:r,ref:n,"aria-label":f,draggable:s,onDragStart:u,onDragEnd:m,style:c,...b,children:a})}),we=p.forwardRef((t,n)=>{const{className:r,children:a,onMouseEnter:s,onMouseLeave:u,...m}=t;h.assertEmpty(m);const{ref:c,focused:f}=A.useFocusWithin(),b=A.useFocusTrap(f),E=A.mergeRefs(n,c,b);return l.jsx(d.Group,{className:r,ref:E,role:"toolbar",onMouseEnter:s,onMouseLeave:u,children:a})}),It=t=>l.jsxs(d.Stack,{gap:0,className:"bn-tooltip",children:[l.jsx(d.Text,{size:"sm",children:t.mainTooltip}),t.secondaryTooltip&&l.jsx(d.Text,{size:"xs",children:t.secondaryTooltip})]}),je=p.forwardRef((t,n)=>{const{className:r,children:a,mainTooltip:s,secondaryTooltip:u,icon:m,isSelected:c,isDisabled:f,onClick:b,label:E,...k}=t;return h.assertEmpty(k,!1),l.jsx(d.Tooltip,{withinPortal:!1,label:l.jsx(It,{mainTooltip:s,secondaryTooltip:u}),children:a?l.jsx(d.Button,{"aria-label":E,className:r,onMouseDown:C=>{h.isSafari()&&C.currentTarget.focus()},onClick:b,"aria-pressed":c,"data-selected":c||void 0,"data-test":s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1),size:"xs",disabled:f||!1,ref:n,...k,children:a}):l.jsx(d.ActionIcon,{className:r,"aria-label":E,onMouseDown:C=>{h.isSafari()&&C.currentTarget.focus()},onClick:b,"aria-pressed":c,"data-selected":c||void 0,"data-test":s.slice(0,1).toLowerCase()+s.replace(/\s+/g,"").slice(1),size:30,disabled:f||!1,ref:n,...k,children:m})})}),Lt=p.forwardRef((t,n)=>{const{className:r,items:a,isDisabled:s,...u}=t;h.assertEmpty(u);const m=a.filter(c=>c.isSelected)[0];return m?l.jsxs(d.Menu,{withinPortal:!1,transitionProps:{exitDuration:0},disabled:s,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},children:[l.jsx(d.Menu.Target,{children:l.jsx(d.Button,{onMouseDown:c=>{h.isSafari()&&c.currentTarget.focus()},leftSection:m.icon,rightSection:l.jsx(it,{}),size:"xs",variant:"subtle",disabled:s,children:m.text})}),l.jsx(d.Menu.Dropdown,{className:r,ref:n,children:a.map(c=>l.jsx(d.Menu.Item,{onClick:c.onClick,leftSection:c.icon,rightSection:c.isSelected?l.jsx(d.CheckIcon,{size:10,className:"bn-tick-icon"}):l.jsx("div",{className:"bn-tick-space"}),disabled:c.isDisabled,children:c.text},c.text))})]}):null}),x=["#FFFFFF","#EFEFEF","#CFCFCF","#AFAFAF","#7F7F7F","#3F3F3F","#1F1F1F","#161616","#0F0F0F","#000000"],re={colors:{editor:{text:x[5],background:x[0]},menu:{text:x[5],background:x[0]},tooltip:{text:x[5],background:x[1]},hovered:{text:x[5],background:x[1]},selected:{text:x[0],background:x[5]},disabled:{text:x[3],background:x[1]},shadow:x[2],border:x[1],sideMenu:x[2],highlights:{gray:{text:"#9b9a97",background:"#ebeced"},brown:{text:"#64473a",background:"#e9e5e3"},red:{text:"#e03e3e",background:"#fbe4e4"},orange:{text:"#d9730d",background:"#f6e9d9"},yellow:{text:"#dfab01",background:"#fbf3db"},green:{text:"#4d6461",background:"#ddedea"},blue:{text:"#0b6e99",background:"#ddebf1"},purple:{text:"#6940a5",background:"#eae4f2"},pink:{text:"#ad1a72",background:"#f4dfeb"}}},borderRadius:6,fontFamily:'"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif'},At={colors:{editor:{text:x[2],background:x[6]},menu:{text:x[2],background:x[6]},tooltip:{text:x[2],background:x[7]},hovered:{text:x[2],background:x[7]},selected:{text:x[2],background:x[8]},disabled:{text:x[5],background:x[7]},shadow:x[8],border:x[7],sideMenu:x[4],highlights:{gray:{text:"#bebdb8",background:"#9b9a97"},brown:{text:"#8e6552",background:"#64473a"},red:{text:"#ec4040",background:"#be3434"},orange:{text:"#e3790d",background:"#b7600a"},yellow:{text:"#dfab01",background:"#b58b00"},green:{text:"#6b8b87",background:"#4d6461"},blue:{text:"#0e87bc",background:"#0b6e99"},purple:{text:"#8552d7",background:"#6940a5"},pink:{text:"#da208f",background:"#ad1a72"}}},borderRadius:re.borderRadius,fontFamily:re.fontFamily},Se={FormattingToolbar:{Root:we,Button:je,Select:Lt},FilePanel:{Root:bt,Button:gt,FileInput:ht,TabPanel:yt,TextInput:xt},GridSuggestionMenu:{Root:kt,Item:Ct,EmptyItem:Rt,Loader:_t},LinkToolbar:{Root:we,Button:je},SideMenu:{Root:St,Button:Tt},SuggestionMenu:{Root:Pt,Item:Ft,EmptyItem:Ot,Label:Mt,Loader:Dt},TableHandle:{Root:Nt},Generic:{Form:{Root:t=>l.jsx("div",{children:t.children}),TextInput:$e},Menu:{Root:ct,Trigger:dt,Dropdown:mt,Divider:vt,Label:pt,Item:ft},Popover:{Root:Et,Trigger:wt,Content:jt}}},Bt={activeClassName:""},zt=t=>{const{className:n,theme:r,...a}=t,s=L.useBlockNoteContext(),u=L.usePrefersColorScheme(),m=(s==null?void 0:s.colorSchemePreference)||u,c=p.useCallback(f=>{if(f&&(pe(f),typeof r=="object")){if("light"in r&&"dark"in r){te(r[m==="dark"?"dark":"light"],f);return}te(r,f);return}},[m,r]);return l.jsx(L.ComponentsContext.Provider,{value:Se,children:l.jsx(d.MantineProvider,{theme:Bt,cssVariablesSelector:".bn-mantine",getRootElement:()=>{},children:l.jsx(L.BlockNoteViewRaw,{className:h.mergeCSSClasses("bn-mantine",n||""),theme:typeof r=="object"?void 0:r,...a,ref:c})})})};R.BlockNoteView=zt,R.applyBlockNoteCSSVariablesFromTheme=te,R.components=Se,R.darkDefaultTheme=At,R.defaultColorScheme=x,R.lightDefaultTheme=re,R.removeBlockNoteCSSVariables=pe,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})});
|
|
31
31
|
//# sourceMappingURL=blocknote-mantine.umd.cjs.map
|