@blocknote/mantine 0.51.4 → 0.52.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.cjs +1 -1
- package/dist/blocknote-mantine.cjs.map +1 -1
- package/dist/blocknote-mantine.js +357 -199
- package/dist/blocknote-mantine.js.map +1 -1
- package/dist/webpack-stats.json +1 -1
- package/package.json +9 -17
- package/src/attributionMarks/AttributionTooltip.tsx +23 -0
- package/src/comments/Comment.tsx +3 -3
- package/src/comments/Editor.tsx +9 -2
- package/src/components.tsx +12 -0
- package/src/popover/Popover.tsx +1 -1
- package/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuLoader.tsx +1 -1
- package/src/versioning/Versioning.tsx +60 -0
- package/src/vite-env.d.ts +1 -0
- package/types/src/BlockNoteView.d.ts +1 -1
- package/types/src/attributionMarks/AttributionTooltip.d.ts +6 -0
- package/types/src/comments/Comment.d.ts +1 -1
- package/types/src/versioning/Versioning.d.ts +12 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@blocknote/core`),l=require(`@blocknote/react`),u=require(`@mantine/core`),d=require(`react`);d=s(d,1);let f=require(`react/jsx-runtime`),p=require(`@mantine/hooks`),m=require(`react-icons/hi`);var h=(e,t,n=!1)=>{let r=[];function i(e,r=`--bn`){for(let a in e){let o=`${r}-${a.replace(/([a-z])([A-Z])/g,`$1-$2`).toLowerCase()}`;typeof e[a]==`object`?i(e[a],o):(typeof e[a]==`number`&&(e[a]=`${e[a]}px`),n?t.style.removeProperty(o):t.style.setProperty(o,e[a].toString()))}}return i(e),r},g=(e,t)=>h(e,t),_={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},v=e=>h(_,e,!0),y=e=>(0,f.jsxs)(u.Stack,{gap:0,className:`bn-tooltip`,children:[(0,f.jsx)(u.Text,{size:`sm`,lineClamp:5,children:e.mainTooltip}),e.secondaryTooltip&&(0,f.jsx)(u.Text,{size:`xs`,lineClamp:5,children:e.secondaryTooltip})]}),b=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,mainTooltip:i,secondaryTooltip:a,icon:o,isSelected:s,isDisabled:l,onClick:p,label:m,variant:h,...g}=e;(0,c.assertEmpty)(g,!1);let[_,v]=(0,d.useState)(!1),b=r?(0,f.jsx)(u.Button,{"aria-label":m,className:n,onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},onClick:e=>{v(!0),p?.(e)},onPointerLeave:()=>v(!1),"aria-pressed":s,"data-selected":s||void 0,"data-test":i?i.slice(0,1).toLowerCase()+i.replace(/\s+/g,``).slice(1):void 0,size:h===`compact`?`compact-xs`:`xs`,disabled:l||!1,ref:t,...g,children:r}):(0,f.jsx)(u.ActionIcon,{className:n,"aria-label":m,onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},onClick:e=>{v(!0),p?.(e)},onPointerLeave:()=>v(!1),"aria-pressed":s,"data-selected":s||void 0,"data-test":i?i.slice(0,1).toLowerCase()+i.replace(/\s+/g,``).slice(1):void 0,size:h===`compact`?20:30,disabled:l||!1,ref:t,...g,children:o});return i?(0,f.jsx)(u.Tooltip,{disabled:_,withinPortal:!1,label:(0,f.jsx)(y,{mainTooltip:i,secondaryTooltip:a}),children:b}):b}),ee=(0,d.forwardRef)((e,t)=>{let{className:n,text:r,icon:i,isSelected:a,mainTooltip:o,secondaryTooltip:s,onClick:l,onMouseEnter:p,...m}=e;(0,c.assertEmpty)(m,!1);let[h,g]=(0,d.useState)(!1),_=(0,f.jsxs)(u.Chip,{className:n,checked:a===!0,wrapperProps:{onMouseEnter:p,onMouseLeave:()=>g(!1),onClick:e=>{g(!0),l?.(e)}},variant:`light`,icon:null,ref:t,children:[(0,f.jsx)(`span`,{children:i}),(0,f.jsx)(`span`,{children:r})]});return!o||h?_:(0,f.jsx)(u.Tooltip,{refProp:`rootRef`,withinPortal:!1,label:(0,f.jsx)(y,{mainTooltip:o,secondaryTooltip:s}),children:_})}),te=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:r})}),ne=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,headerText:i,selected:a,onFocus:o,onBlur:s,tabIndex:l,...d}=e;return(0,c.assertEmpty)(d,!1),(0,f.jsxs)(u.Card,{className:(0,c.mergeCSSClasses)(n,a?`selected`:``),onFocus:o,onBlur:s,tabIndex:l,ref:t,children:[i&&(0,f.jsx)(u.Text,{className:`bn-header-text`,children:i}),r]})}),re=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Card.Section,{className:n,ref:t,children:r})}),ie=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Divider,{className:n,label:(0,f.jsx)(u.Text,{children:r}),ref:t})}),x=(0,d.forwardRef)((e,t)=>{let{authorInfo:n,timeString:r,edited:i,...a}=e,o=(0,l.useDictionary)();return(0,c.assertEmpty)(a,!1),n===`loading`?(0,f.jsxs)(u.Group,{children:[(0,f.jsx)(u.Skeleton,{height:24,width:24}),(0,f.jsx)(`div`,{children:(0,f.jsx)(u.Skeleton,{height:12,width:100})})]}):(0,f.jsxs)(u.Group,{children:[(0,f.jsx)(u.Avatar,{src:n.avatarUrl,alt:n.username,radius:`xl`,size:`sm`,color:`initials`}),(0,f.jsxs)(u.Text,{fz:`sm`,fw:`bold`,children:[n.username,(0,f.jsxs)(u.Text,{fz:`xs`,c:`dimmed`,span:!0,ml:`xs`,children:[r,` `,i&&`(${o.comments.edited})`]})]})]})}),S=(0,d.forwardRef)((e,t)=>{let{className:n,showActions:r,authorInfo:i,timeString:a,edited:o,actions:s,emojiPickerOpen:d,children:m,...h}=e,{hovered:g,ref:_}=(0,p.useHover)(),v=(0,l.mergeRefs)([t,_]);return(0,c.assertEmpty)(h,!1),(0,f.jsxs)(u.Group,{pos:`relative`,ref:v,className:n,children:[s&&(r===!0||r===void 0||r===`hover`&&g||d)?(0,f.jsx)(u.Group,{style:{position:`absolute`,right:0,top:0,zIndex:10},children:s}):null,(0,f.jsx)(x,{...e}),m]})}),ae=(0,d.forwardRef)((e,t)=>{let{className:n,autoFocus:r,onFocus:i,onBlur:a,editor:o,editable:s,...u}=e;(0,c.assertEmpty)(u,!1);let d=(0,l.useBlockNoteContext)();return(0,f.jsx)(Z,{autoFocus:r,className:n,editor:e.editor,sideMenu:!1,slashMenu:!1,tableHandles:!1,filePanel:!1,formattingToolbar:!1,editable:s,theme:d?.colorSchemePreference,ref:t,onFocus:i,onBlur:a,children:(0,f.jsx)(l.FormattingToolbarController,{formattingToolbar:C})})}),C=()=>(0,f.jsx)(l.FormattingToolbar,{blockTypeSelectItems:[],children:(0,l.getFormattingToolbarItems)([]).filter(e=>e.key!==`nestBlockButton`&&e.key!==`unnestBlockButton`)}),w=(0,d.forwardRef)((e,t)=>{let{className:n,name:r,label:i,variant:a,icon:o,value:s,autoFocus:l,placeholder:d,disabled:p,onKeyDown:m,onChange:h,onSubmit:g,autoComplete:_,"aria-activedescendant":v,rightSection:y,...b}=e;return(0,c.assertEmpty)(b),(0,f.jsx)(u.TextInput,{size:`xs`,className:(0,c.mergeCSSClasses)(n||``,a===`large`?`bn-mt-input-large`:``),ref:t,name:r,label:i,leftSection:o,value:s,autoFocus:l,"data-autofocus":l?`true`:void 0,rightSection:y,placeholder:d,disabled:p,onKeyDown:m,onChange:h,onSubmit:g,autoComplete:_,"aria-activedescendant":v})}),T=(0,d.createContext)(void 0),E=e=>{let{children:t,onOpenChange:n,position:r,sub:i,...a}=e;return(0,c.assertEmpty)(a),i?(0,f.jsx)(u.Menu.Sub,{transitionProps:{duration:250,exitDelay:250},withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onChange:n,position:r,children:t}):(0,f.jsx)(u.Menu,{withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onChange:n,position:r,returnFocus:!1,children:t})},D=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,checked:a,subTrigger:o,onClick:s,...l}=e;return(0,c.assertEmpty)(l,!1),o?(0,f.jsx)(u.Menu.Sub.Item,{className:n,ref:t,leftSection:i,rightSection:a?(0,f.jsx)(u.CheckIcon,{size:10}):a===!1?(0,f.jsx)(`div`,{className:`bn-tick-space`}):null,onClick:s,...l,children:r}):(0,f.jsx)(u.Menu.Item,{className:n,ref:t,leftSection:i,rightSection:a?(0,f.jsx)(u.CheckIcon,{size:10}):a===!1?(0,f.jsx)(`div`,{className:`bn-tick-space`}):null,onClick:s,...l,children:r})}),O=e=>{let{children:t,sub:n,...r}=e;return(0,c.assertEmpty)(r),n?(0,f.jsx)(u.Menu.Sub.Target,{children:t}):(0,f.jsx)(u.Menu.Target,{children:t})},k=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,sub:i,...a}=e;(0,c.assertEmpty)(a);let o=(0,d.useContext)(T);return i?(0,f.jsx)(u.Menu.Sub.Dropdown,{className:n,ref:t,onMouseOver:o?.onMenuMouseOver,onMouseLeave:o?.onMenuMouseLeave,children:r}):(0,f.jsx)(u.Menu.Dropdown,{className:n,ref:t,onMouseOver:o?.onMenuMouseOver,onMouseLeave:o?.onMenuMouseLeave,children:r})}),A=(0,d.forwardRef)((e,t)=>{let{className:n,...r}=e;return(0,c.assertEmpty)(r),(0,f.jsx)(u.Menu.Divider,{className:n,ref:t})}),j=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Menu.Label,{className:n,ref:t,children:r})}),M=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,label:d,...p}=e;return(0,c.assertEmpty)(p,!1),i?(0,f.jsx)(u.ActionIcon,{size:24,className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:i}):(0,f.jsx)(u.Button,{className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:r})}),N=(0,d.forwardRef)((e,t)=>{let{className:n,tabs:r,defaultOpenTab:i,openTab:a,setOpenTab:o,loading:s,...l}=e;return(0,c.assertEmpty)(l),(0,f.jsx)(u.Group,{className:n,ref:t,children:(0,f.jsxs)(u.Tabs,{value:a,defaultValue:i,onChange:o,children:[s&&(0,f.jsx)(u.LoadingOverlay,{visible:s}),(0,f.jsx)(u.Tabs.List,{children:r.map(e=>(0,f.jsx)(u.Tabs.Tab,{"data-test":`${e.name.toLowerCase()}-tab`,value:e.name,children:e.name},e.name))}),r.map(e=>(0,f.jsx)(u.Tabs.Panel,{value:e.name,children:e.tabPanel},e.name))]})})}),P=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,onClick:i,label:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(u.Button,{size:`xs`,"aria-label":a,className:n,ref:t,onClick:i,...o,children:r})}),F=(0,d.forwardRef)((e,t)=>{let{className:n,accept:r,value:i,placeholder:a,onChange:o,...s}=e;return(0,c.assertEmpty)(s),(0,f.jsx)(u.FileInput,{size:`xs`,className:n,ref:t,accept:r,value:i,placeholder:a,onChange:o,...s})}),I=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(`div`,{className:n,ref:t,children:r})}),L=(0,d.forwardRef)((e,t)=>{let{className:n,value:r,placeholder:i,onKeyDown:a,onChange:o,...s}=e;return(0,c.assertEmpty)(s),(0,f.jsx)(u.TextInput,{size:`xs`,"data-test":`embed-input`,className:n,ref:t,value:r,placeholder:i,onKeyDown:a,onChange:o})}),oe=e=>{let{open:t,onOpenChange:n,position:r,portalRoot:i,children:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(u.Popover,{middlewares:{size:{padding:20}},withinPortal:!!i,portalProps:i?{target:i}:void 0,opened:t,onChange:n,position:r,children:a})},R=e=>{let{children:t,...n}=e;return(0,c.assertEmpty)(n),(0,f.jsx)(u.PopoverTarget,{children:t})},z=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,variant:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.PopoverDropdown,{className:n,ref:t,children:r})}),B=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Group,{align:`center`,gap:0,className:n,ref:t,...i,children:r})}),V=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,label:d,...p}=e;return(0,c.assertEmpty)(p,!1),i?(0,f.jsx)(u.ActionIcon,{size:24,className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:i}):(0,f.jsx)(u.Button,{className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:r})}),H=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,id:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.Stack,{gap:0,className:n,ref:t,id:i,role:`listbox`,children:r})}),U=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-title`,children:r})})}),W=(0,d.forwardRef)((e,t)=>{let{className:n,isSelected:r,onClick:i,item:a,id:o,...s}=e;(0,c.assertEmpty)(s);let m=(0,d.useRef)(null);return(0,d.useEffect)(()=>{!m.current||!r||(0,l.elementOverflow)(m.current,m.current.closest(`.bn-suggestion-menu, #ai-suggestion-menu`))!==`none`&&m.current.scrollIntoView({block:`nearest`})},[r]),(0,f.jsxs)(u.Group,{gap:0,className:n,ref:(0,p.mergeRefs)(t,m),id:o,role:`option`,onMouseDown:e=>e.preventDefault(),onClick:i,"aria-selected":r||void 0,children:[a.icon&&(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-section`,"data-position":`left`,children:a.icon}),(0,f.jsxs)(u.Stack,{gap:0,className:`bn-mt-suggestion-menu-item-body`,children:[(0,f.jsx)(u.Text,{className:`bn-mt-suggestion-menu-item-title`,children:a.title}),(0,f.jsx)(u.Text,{className:`bn-mt-suggestion-menu-item-subtitle`,children:a.subtext})]}),a.badge&&(0,f.jsx)(u.Group,{"data-position":`right`,className:`bn-mt-suggestion-menu-item-section`,children:(0,f.jsx)(u.Badge,{size:`xs`,children:a.badge})})]})}),G=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:r})}),K=(0,d.forwardRef)((e,t)=>{let{className:n,...r}=e;return(0,c.assertEmpty)(r),(0,f.jsx)(`div`,{ref:t,children:(0,f.jsx)(u.Loader,{className:n,type:`dots`,size:16})})}),q=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,id:i,columns:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(`div`,{className:n,style:{gridTemplateColumns:`repeat(${a}, 1fr)`},ref:t,id:i,role:`grid`,children:r})}),se=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,columns:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.Group,{className:n,style:{gridColumn:`1 / ${i+1}`},ref:t,children:(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-title`,children:r})})}),ce=(0,d.forwardRef)((e,t)=>{let{className:n,isSelected:r,onClick:i,item:a,id:o,...s}=e;(0,c.assertEmpty)(s);let u=(0,d.useRef)(null);return(0,d.useEffect)(()=>{!u.current||!r||(0,l.elementOverflow)(u.current,u.current.closest(`.bn-grid-suggestion-menu`))!==`none`&&u.current.scrollIntoView({block:`nearest`})},[r]),(0,f.jsx)(`div`,{className:n,ref:(0,p.mergeRefs)(t,u),id:o,role:`option`,onClick:i,"aria-selected":r||void 0,children:a.icon})}),le=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,columns:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(`div`,{style:{gridColumn:`1 / ${i+1}`},ref:t,children:(0,f.jsx)(u.Loader,{className:n,type:`dots`})})}),ue=(0,d.forwardRef)((e,t)=>{let{children:n,className:r,onMouseDown:i,onClick:a,...o}=e;return(0,c.assertEmpty)(o,!1),(0,f.jsx)(u.Button,{className:r,ref:t,onMouseDown:i,onClick:a,...o,children:n})}),de=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,draggable:i,onDragStart:a,onDragEnd:o,style:s,label:l,...d}=e;return(0,c.assertEmpty)(d,!1),(0,f.jsx)(u.Button,{className:n,ref:t,"aria-label":l,draggable:i,onDragStart:a,onDragEnd:o,style:s,...d,children:r})}),J=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,onMouseEnter:i,onMouseLeave:a,variant:o,...s}=e;(0,c.assertEmpty)(s);let{ref:l,focused:d}=(0,p.useFocusWithin)();return(0,f.jsx)(u.Flex,{className:n,ref:(0,p.mergeRefs)(t,l,(0,p.useFocusTrap)(d)),role:`toolbar`,onMouseEnter:i,onMouseLeave:a,gap:o===`action-toolbar`?2:void 0,children:r})}),Y=(0,d.forwardRef)((e,t)=>{let{className:n,items:r,isDisabled:i,...a}=e;(0,c.assertEmpty)(a);let o=r.filter(e=>e.isSelected)[0];return o?(0,f.jsxs)(u.Menu,{withinPortal:!1,transitionProps:{exitDuration:0},disabled:i,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},children:[(0,f.jsx)(u.Menu.Target,{children:(0,f.jsx)(u.Button,{onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},leftSection:o.icon,rightSection:(0,f.jsx)(m.HiChevronDown,{}),size:`xs`,variant:`subtle`,disabled:i,children:o.text})}),(0,f.jsx)(u.Menu.Dropdown,{className:n,ref:t,children:r.map(e=>(0,f.jsx)(u.Menu.Item,{onClick:e.onClick,leftSection:e.icon,rightSection:e.isSelected?(0,f.jsx)(u.CheckIcon,{size:10,className:`bn-tick-icon`}):(0,f.jsx)(`div`,{className:`bn-tick-space`}),disabled:e.isDisabled,children:e.text},e.text))})]}):null}),X={FormattingToolbar:{Root:J,Button:b,Select:Y},FilePanel:{Root:N,Button:P,FileInput:F,TabPanel:I,TextInput:L},GridSuggestionMenu:{Root:q,Item:ce,EmptyItem:se,Loader:le},LinkToolbar:{Root:J,Button:b,Select:Y},SideMenu:{Root:B,Button:V},SuggestionMenu:{Root:H,Item:W,EmptyItem:U,Label:G,Loader:K},TableHandle:{Root:de,ExtendButton:ue},Generic:{Badge:{Root:ee,Group:te},Form:{Root:e=>(0,f.jsx)(`div`,{children:e.children}),TextInput:w},Menu:{Root:E,Trigger:O,Dropdown:k,Divider:A,Label:j,Item:D,Button:M},Popover:{Root:oe,Trigger:R,Content:z},Toolbar:{Root:J,Button:b,Select:Y}},Comments:{Comment:S,Editor:ae,Card:ne,CardSection:re,ExpandSectionsPrompt:ie}},Z=e=>{let{className:t,theme:n,editor:r,...i}=e,a=(0,l.useBlockNoteContext)(),o=(0,l.usePrefersColorScheme)(),s=a?.colorSchemePreference||o,p=typeof n==`string`?n:s===`no-preference`?`light`:s,m=(0,d.useCallback)(e=>{if(e&&(v(e),typeof n==`object`)){if(`light`in n&&`dark`in n){g(n[s===`dark`?`dark`:`light`],e);return}g(n,e);return}},[s,n]);(0,d.useEffect)(()=>{if(!r.portalElement)throw Error(`Portal element not found`);r.portalElement.setAttribute(`data-mantine-color-scheme`,p),m(r.portalElement)},[r,m,p]);let h=(0,d.useContext)(u.MantineContext),_=(0,f.jsx)(l.ComponentsContext.Provider,{value:X,children:(0,f.jsx)(l.BlockNoteViewRaw,{"data-mantine-color-scheme":p,className:(0,c.mergeCSSClasses)(`bn-mantine`,t||``),theme:typeof n==`object`?void 0:n,editor:r,...i,ref:m})});return h?_:(0,f.jsx)(u.MantineProvider,{withCssVariables:!1,getRootElement:()=>void 0,children:_})},Q=[`#FFFFFF`,`#EFEFEF`,`#CFCFCF`,`#AFAFAF`,`#7F7F7F`,`#3F3F3F`,`#1F1F1F`,`#161616`,`#0F0F0F`,`#000000`],$={colors:{editor:{text:Q[5],background:Q[0]},menu:{text:Q[5],background:Q[0]},tooltip:{text:Q[5],background:Q[1]},hovered:{text:Q[5],background:Q[1]},selected:{text:Q[0],background:Q[5]},disabled:{text:Q[3],background:Q[1]},shadow:Q[2],border:Q[1],sideMenu:Q[2],highlights:c.COLORS_DEFAULT},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`},fe={colors:{editor:{text:Q[2],background:Q[6]},menu:{text:Q[2],background:Q[6]},tooltip:{text:Q[2],background:Q[7]},hovered:{text:Q[2],background:Q[7]},selected:{text:Q[2],background:Q[8]},disabled:{text:Q[5],background:Q[7]},shadow:Q[8],border:Q[7],sideMenu:Q[4],highlights:c.COLORS_DARK_MODE_DEFAULT},borderRadius:$.borderRadius,fontFamily:$.fontFamily};exports.BlockNoteView=Z,exports.applyBlockNoteCSSVariablesFromTheme=g,exports.components=X,exports.darkDefaultTheme=fe,exports.defaultColorScheme=Q,exports.lightDefaultTheme=$,exports.removeBlockNoteCSSVariables=v;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("@blocknote/core"),l=require("@blocknote/react"),u=require("@mantine/core"),d=require("react");d=s(d,1);let f=require("react/jsx-runtime"),p=require("@mantine/hooks");var m=(e,t,n=!1)=>{let r=[];function i(e,r=`--bn`){for(let a in e){let o=`${r}-${a.replace(/([a-z])([A-Z])/g,`$1-$2`).toLowerCase()}`;typeof e[a]==`object`?i(e[a],o):(typeof e[a]==`number`&&(e[a]=`${e[a]}px`),n?t.style.removeProperty(o):t.style.setProperty(o,e[a].toString()))}}return i(e),r},h=(e,t)=>m(e,t),g={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},_=e=>m(g,e,!0),v=e=>(0,f.jsxs)(u.Stack,{gap:0,className:`bn-tooltip`,children:[(0,f.jsx)(u.Text,{size:`sm`,lineClamp:5,children:e.mainTooltip}),e.secondaryTooltip&&(0,f.jsx)(u.Text,{size:`xs`,lineClamp:5,children:e.secondaryTooltip})]}),y=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,mainTooltip:i,secondaryTooltip:a,icon:o,isSelected:s,isDisabled:l,onClick:p,label:m,variant:h,...g}=e;(0,c.assertEmpty)(g,!1);let[_,y]=(0,d.useState)(!1),b=r?(0,f.jsx)(u.Button,{"aria-label":m,className:n,onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},onClick:e=>{y(!0),p?.(e)},onPointerLeave:()=>y(!1),"aria-pressed":s,"data-selected":s||void 0,"data-test":i?i.slice(0,1).toLowerCase()+i.replace(/\s+/g,``).slice(1):void 0,size:h===`compact`?`compact-xs`:`xs`,disabled:l||!1,ref:t,...g,children:r}):(0,f.jsx)(u.ActionIcon,{className:n,"aria-label":m,onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},onClick:e=>{y(!0),p?.(e)},onPointerLeave:()=>y(!1),"aria-pressed":s,"data-selected":s||void 0,"data-test":i?i.slice(0,1).toLowerCase()+i.replace(/\s+/g,``).slice(1):void 0,size:h===`compact`?20:30,disabled:l||!1,ref:t,...g,children:o});return i?(0,f.jsx)(u.Tooltip,{disabled:_,withinPortal:!1,label:(0,f.jsx)(v,{mainTooltip:i,secondaryTooltip:a}),children:b}):b}),b=(0,d.forwardRef)((e,t)=>{let{className:n,text:r,icon:i,isSelected:a,mainTooltip:o,secondaryTooltip:s,onClick:l,onMouseEnter:p,...m}=e;(0,c.assertEmpty)(m,!1);let[h,g]=(0,d.useState)(!1),_=(0,f.jsxs)(u.Chip,{className:n,checked:a===!0,wrapperProps:{onMouseEnter:p,onMouseLeave:()=>g(!1),onClick:e=>{g(!0),l?.(e)}},variant:`light`,icon:null,ref:t,children:[(0,f.jsx)(`span`,{children:i}),(0,f.jsx)(`span`,{children:r})]});return!o||h?_:(0,f.jsx)(u.Tooltip,{refProp:`rootRef`,withinPortal:!1,label:(0,f.jsx)(v,{mainTooltip:o,secondaryTooltip:s}),children:_})}),ee=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:r})}),te=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,headerText:i,selected:a,onFocus:o,onBlur:s,tabIndex:l,...d}=e;return(0,c.assertEmpty)(d,!1),(0,f.jsxs)(u.Card,{className:(0,c.mergeCSSClasses)(n,a?`selected`:``),onFocus:o,onBlur:s,tabIndex:l,ref:t,children:[i&&(0,f.jsx)(u.Text,{className:`bn-header-text`,children:i}),r]})}),ne=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Card.Section,{className:n,ref:t,children:r})}),re=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Divider,{className:n,label:(0,f.jsx)(u.Text,{children:r}),ref:t})}),ie=(0,d.forwardRef)((e,t)=>{let{authorInfo:n,timeString:r,edited:i,...a}=e,o=(0,l.useDictionary)();return(0,c.assertEmpty)(a,!1),n===`loading`?(0,f.jsxs)(u.Group,{children:[(0,f.jsx)(u.Skeleton,{height:24,width:24}),(0,f.jsx)(`div`,{children:(0,f.jsx)(u.Skeleton,{height:12,width:100})})]}):(0,f.jsxs)(u.Group,{children:[(0,f.jsx)(u.Avatar,{src:n.avatarUrl,alt:n.username,radius:`xl`,size:`sm`,color:`initials`}),(0,f.jsxs)(u.Text,{fz:`sm`,fw:`bold`,children:[n.username,(0,f.jsxs)(u.Text,{fz:`xs`,c:`dimmed`,span:!0,ml:`xs`,children:[r,` `,i&&`(${o.comments.edited})`]})]})]})}),ae=(0,d.forwardRef)((e,t)=>{let{className:n,showActions:r,authorInfo:i,timeString:a,edited:o,actions:s,emojiPickerOpen:d,children:m,...h}=e,{hovered:g,ref:_}=(0,p.useHover)(),v=(0,l.mergeRefs)([t,_]);return(0,c.assertEmpty)(h,!1),(0,f.jsxs)(u.Group,{pos:`relative`,ref:v,className:n,children:[s&&(r===!0||r===void 0||r===`hover`&&g||d)?(0,f.jsx)(u.Group,{style:{position:`absolute`,right:0,top:0,zIndex:10},children:s}):null,(0,f.jsx)(ie,{...e}),m]})}),oe=(0,d.forwardRef)((e,t)=>{let{className:n,autoFocus:r,onFocus:i,onBlur:a,editor:o,editable:s,...u}=e;(0,c.assertEmpty)(u,!1);let d=(0,l.useBlockNoteContext)();return(0,f.jsx)(Z,{autoFocus:r,className:n,editor:e.editor,sideMenu:!1,slashMenu:!1,tableHandles:!1,filePanel:!1,formattingToolbar:!1,editable:s,theme:d?.colorSchemePreference,ref:t,onFocus:i,onBlur:a,children:(0,f.jsx)(l.FormattingToolbarController,{formattingToolbar:se})})}),se=()=>(0,f.jsx)(l.FormattingToolbar,{blockTypeSelectItems:[],children:(0,l.getFormattingToolbarItems)([]).filter(e=>e.key!==`nestBlockButton`&&e.key!==`unnestBlockButton`)}),ce=(0,d.forwardRef)((e,t)=>{let{className:n,name:r,label:i,variant:a,icon:o,value:s,autoFocus:l,placeholder:d,disabled:p,onKeyDown:m,onChange:h,onSubmit:g,autoComplete:_,"aria-activedescendant":v,rightSection:y,...b}=e;return(0,c.assertEmpty)(b),(0,f.jsx)(u.TextInput,{size:`xs`,className:(0,c.mergeCSSClasses)(n||``,a===`large`?`bn-mt-input-large`:``),ref:t,name:r,label:i,leftSection:o,value:s,autoFocus:l,"data-autofocus":l?`true`:void 0,rightSection:y,placeholder:d,disabled:p,onKeyDown:m,onChange:h,onSubmit:g,autoComplete:_,"aria-activedescendant":v})}),le=(0,d.createContext)(void 0),ue=e=>{let{children:t,onOpenChange:n,position:r,sub:i,...a}=e;return(0,c.assertEmpty)(a),i?(0,f.jsx)(u.Menu.Sub,{transitionProps:{duration:250,exitDelay:250},withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onChange:n,position:r,children:t}):(0,f.jsx)(u.Menu,{withinPortal:!1,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},onChange:n,position:r,returnFocus:!1,children:t})},de=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,checked:a,subTrigger:o,onClick:s,...l}=e;return(0,c.assertEmpty)(l,!1),o?(0,f.jsx)(u.Menu.Sub.Item,{className:n,ref:t,leftSection:i,rightSection:a?(0,f.jsx)(u.CheckIcon,{size:10}):a===!1?(0,f.jsx)(`div`,{className:`bn-tick-space`}):null,onClick:s,...l,children:r}):(0,f.jsx)(u.Menu.Item,{className:n,ref:t,leftSection:i,rightSection:a?(0,f.jsx)(u.CheckIcon,{size:10}):a===!1?(0,f.jsx)(`div`,{className:`bn-tick-space`}):null,onClick:s,...l,children:r})}),fe=e=>{let{children:t,sub:n,...r}=e;return(0,c.assertEmpty)(r),n?(0,f.jsx)(u.Menu.Sub.Target,{children:t}):(0,f.jsx)(u.Menu.Target,{children:t})},pe=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,sub:i,...a}=e;(0,c.assertEmpty)(a);let o=(0,d.useContext)(le);return i?(0,f.jsx)(u.Menu.Sub.Dropdown,{className:n,ref:t,onMouseOver:o?.onMenuMouseOver,onMouseLeave:o?.onMenuMouseLeave,children:r}):(0,f.jsx)(u.Menu.Dropdown,{className:n,ref:t,onMouseOver:o?.onMenuMouseOver,onMouseLeave:o?.onMenuMouseLeave,children:r})}),x=(0,d.forwardRef)((e,t)=>{let{className:n,...r}=e;return(0,c.assertEmpty)(r),(0,f.jsx)(u.Menu.Divider,{className:n,ref:t})}),S=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Menu.Label,{className:n,ref:t,children:r})}),C=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,label:d,...p}=e;return(0,c.assertEmpty)(p,!1),i?(0,f.jsx)(u.ActionIcon,{size:24,className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:i}):(0,f.jsx)(u.Button,{className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:r})}),w=(0,d.forwardRef)((e,t)=>{let{className:n,tabs:r,defaultOpenTab:i,openTab:a,setOpenTab:o,loading:s,...l}=e;return(0,c.assertEmpty)(l),(0,f.jsx)(u.Group,{className:n,ref:t,children:(0,f.jsxs)(u.Tabs,{value:a,defaultValue:i,onChange:o,children:[s&&(0,f.jsx)(u.LoadingOverlay,{visible:s}),(0,f.jsx)(u.Tabs.List,{children:r.map(e=>(0,f.jsx)(u.Tabs.Tab,{"data-test":`${e.name.toLowerCase()}-tab`,value:e.name,children:e.name},e.name))}),r.map(e=>(0,f.jsx)(u.Tabs.Panel,{value:e.name,children:e.tabPanel},e.name))]})})}),T=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,onClick:i,label:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(u.Button,{size:`xs`,"aria-label":a,className:n,ref:t,onClick:i,...o,children:r})}),E=(0,d.forwardRef)((e,t)=>{let{className:n,accept:r,value:i,placeholder:a,onChange:o,...s}=e;return(0,c.assertEmpty)(s),(0,f.jsx)(u.FileInput,{size:`xs`,className:n,ref:t,accept:r,value:i,placeholder:a,onChange:o,...s})}),D=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(`div`,{className:n,ref:t,children:r})}),O=(0,d.forwardRef)((e,t)=>{let{className:n,value:r,placeholder:i,onKeyDown:a,onChange:o,...s}=e;return(0,c.assertEmpty)(s),(0,f.jsx)(u.TextInput,{size:`xs`,"data-test":`embed-input`,className:n,ref:t,value:r,placeholder:i,onKeyDown:a,onChange:o})}),k=e=>{let{open:t,onOpenChange:n,position:r,portalRoot:i,children:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(u.Popover,{middlewares:{size:{padding:20}},withinPortal:!!i,portalProps:i?{target:i}:void 0,opened:t,onChange:n,position:r,children:a})},A=e=>{let{children:t,...n}=e;return(0,c.assertEmpty)(n),(0,f.jsx)(u.PopoverTarget,{children:t})},j=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,variant:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.PopoverDropdown,{className:n,ref:t,children:r})}),M=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(u.Group,{align:`center`,gap:0,className:n,ref:t,...i,children:r})}),N=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,icon:i,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,label:d,...p}=e;return(0,c.assertEmpty)(p,!1),i?(0,f.jsx)(u.ActionIcon,{size:24,className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:i}):(0,f.jsx)(u.Button,{className:n,ref:t,onClick:a,onDragEnd:o,onDragStart:s,draggable:l,"aria-label":d,...p,children:r})}),P=(0,d.forwardRef)((e,t)=>{let{className:n,markClassName:r,backgroundColor:i,children:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(`span`,{className:(0,c.mergeCSSClasses)(n||``,r||``),style:r?void 0:{backgroundColor:i},ref:t,children:a})}),F=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,id:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.Stack,{gap:0,className:n,ref:t,id:i,role:`listbox`,children:r})}),I=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-title`,children:r})})}),L=(0,d.forwardRef)((e,t)=>{let{className:n,isSelected:r,onClick:i,item:a,id:o,...s}=e;(0,c.assertEmpty)(s);let m=(0,d.useRef)(null);return(0,d.useEffect)(()=>{!m.current||!r||(0,l.elementOverflow)(m.current,m.current.closest(`.bn-suggestion-menu, #ai-suggestion-menu`))!==`none`&&m.current.scrollIntoView({block:`nearest`})},[r]),(0,f.jsxs)(u.Group,{gap:0,className:n,ref:(0,p.mergeRefs)(t,m),id:o,role:`option`,onMouseDown:e=>e.preventDefault(),onClick:i,"aria-selected":r||void 0,children:[a.icon&&(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-section`,"data-position":`left`,children:a.icon}),(0,f.jsxs)(u.Stack,{gap:0,className:`bn-mt-suggestion-menu-item-body`,children:[(0,f.jsx)(u.Text,{className:`bn-mt-suggestion-menu-item-title`,children:a.title}),(0,f.jsx)(u.Text,{className:`bn-mt-suggestion-menu-item-subtitle`,children:a.subtext})]}),a.badge&&(0,f.jsx)(u.Group,{"data-position":`right`,className:`bn-mt-suggestion-menu-item-section`,children:(0,f.jsx)(u.Badge,{size:`xs`,children:a.badge})})]})}),R=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i),(0,f.jsx)(u.Group,{className:n,ref:t,children:r})}),z=(0,d.forwardRef)((e,t)=>{let{className:n,...r}=e;return(0,c.assertEmpty)(r),(0,f.jsx)(`div`,{ref:t,children:(0,f.jsx)(u.Loader,{className:n,type:`dots`,size:16})})}),B=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,id:i,columns:a,...o}=e;return(0,c.assertEmpty)(o),(0,f.jsx)(`div`,{className:n,style:{gridTemplateColumns:`repeat(${a}, 1fr)`},ref:t,id:i,role:`grid`,children:r})}),me=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,columns:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(u.Group,{className:n,style:{gridColumn:`1 / ${i+1}`},ref:t,children:(0,f.jsx)(u.Group,{className:`bn-mt-suggestion-menu-item-title`,children:r})})}),he=(0,d.forwardRef)((e,t)=>{let{className:n,isSelected:r,onClick:i,item:a,id:o,...s}=e;(0,c.assertEmpty)(s);let u=(0,d.useRef)(null);return(0,d.useEffect)(()=>{!u.current||!r||(0,l.elementOverflow)(u.current,u.current.closest(`.bn-grid-suggestion-menu`))!==`none`&&u.current.scrollIntoView({block:`nearest`})},[r]),(0,f.jsx)(`div`,{className:n,ref:(0,p.mergeRefs)(t,u),id:o,role:`option`,onClick:i,"aria-selected":r||void 0,children:a.icon})}),ge=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,columns:i,...a}=e;return(0,c.assertEmpty)(a),(0,f.jsx)(`div`,{style:{gridColumn:`1 / ${i+1}`},ref:t,children:(0,f.jsx)(u.Loader,{className:n,type:`dots`})})}),_e=(0,d.forwardRef)((e,t)=>{let{children:n,className:r,onMouseDown:i,onClick:a,...o}=e;return(0,c.assertEmpty)(o,!1),(0,f.jsx)(u.Button,{className:r,ref:t,onMouseDown:i,onClick:a,...o,children:n})}),ve=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,draggable:i,onDragStart:a,onDragEnd:o,style:s,label:l,...d}=e;return(0,c.assertEmpty)(d,!1),(0,f.jsx)(u.Button,{className:n,ref:t,"aria-label":l,draggable:i,onDragStart:a,onDragEnd:o,style:s,...d,children:r})}),V=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,onMouseEnter:i,onMouseLeave:a,variant:o,...s}=e;(0,c.assertEmpty)(s);let{ref:l,focused:d}=(0,p.useFocusWithin)();return(0,f.jsx)(u.Flex,{className:n,ref:(0,p.mergeRefs)(t,l,(0,p.useFocusTrap)(d)),role:`toolbar`,onMouseEnter:i,onMouseLeave:a,gap:o===`action-toolbar`?2:void 0,children:r})}),H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},U=d.default.createContext&&d.default.createContext(H),ye=[`attr`,`size`,`title`];function be(e,t){if(e==null)return{};var n,r,i=xe(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function xe(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},W.apply(null,arguments)}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?G(Object(n),!0).forEach(function(t){Se(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Se(e,t,n){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e){var t=we(e,`string`);return typeof t==`symbol`?t:t+``}function we(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function q(e){return e&&e.map((e,t)=>d.default.createElement(e.tag,K({key:t},e.attr),q(e.child)))}function Te(e){return t=>d.default.createElement(J,W({attr:K({},e.attr)},t),q(e.child))}function J(e){var t=t=>{var{attr:n,size:r,title:i}=e,a=be(e,ye),o=r||t.size||`1em`,s;return t.className&&(s=t.className),e.className&&(s=(s?s+` `:``)+e.className),d.default.createElement(`svg`,W({stroke:`currentColor`,fill:`currentColor`,strokeWidth:`0`},t.attr,n,a,{className:s,style:K(K({color:e.color||t.color},t.style),e.style),height:o,width:o,xmlns:`http://www.w3.org/2000/svg`}),i&&d.default.createElement(`title`,null,i),e.children)};return U===void 0?t(H):d.default.createElement(U.Consumer,null,e=>t(e))}function Ee(e){return Te({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:[]}]})(e)}var Y=(0,d.forwardRef)((e,t)=>{let{className:n,items:r,isDisabled:i,...a}=e;(0,c.assertEmpty)(a);let o=r.filter(e=>e.isSelected)[0];return o?(0,f.jsxs)(u.Menu,{withinPortal:!1,transitionProps:{exitDuration:0},disabled:i,middlewares:{flip:!0,shift:!0,inline:!1,size:!0},children:[(0,f.jsx)(u.Menu.Target,{children:(0,f.jsx)(u.Button,{onMouseDown:e=>{(0,c.isSafari)()&&e.currentTarget.focus()},leftSection:o.icon,rightSection:(0,f.jsx)(Ee,{}),size:`xs`,variant:`subtle`,disabled:i,children:o.text})}),(0,f.jsx)(u.Menu.Dropdown,{className:n,ref:t,children:r.map(e=>(0,f.jsx)(u.Menu.Item,{onClick:e.onClick,leftSection:e.icon,rightSection:e.isSelected?(0,f.jsx)(u.CheckIcon,{size:10,className:`bn-tick-icon`}):(0,f.jsx)(`div`,{className:`bn-tick-space`}),disabled:e.isDisabled,children:e.text},e.text))})]}):null}),De=(0,d.forwardRef)((e,t)=>{let{className:n,children:r,...i}=e;return(0,c.assertEmpty)(i,!1),(0,f.jsx)(`div`,{className:(0,c.mergeCSSClasses)(n),ref:t,children:r})}),Oe=(0,d.forwardRef)((e,t)=>{let{className:n,selected:r,comparing:i,onClick:a,actions:o,children:s,...l}=e;return(0,c.assertEmpty)(l,!1),(0,f.jsxs)(`div`,{className:(0,c.mergeCSSClasses)(n,r?`selected`:``,i?`comparing`:``),onClick:a,ref:t,children:[s,o&&(0,f.jsx)(`div`,{className:`bn-snapshot-menu`,onClick:e=>e.stopPropagation(),children:o})]})}),X={FormattingToolbar:{Root:V,Button:y,Select:Y},FilePanel:{Root:w,Button:T,FileInput:E,TabPanel:D,TextInput:O},GridSuggestionMenu:{Root:B,Item:he,EmptyItem:me,Loader:ge},LinkToolbar:{Root:V,Button:y,Select:Y},SideMenu:{Root:M,Button:N},SuggestionMenu:{Root:F,Item:L,EmptyItem:I,Label:R,Loader:z},AttributionTooltip:{Root:P},TableHandle:{Root:ve,ExtendButton:_e},Generic:{Badge:{Root:b,Group:ee},Form:{Root:e=>(0,f.jsx)(`div`,{children:e.children}),TextInput:ce},Menu:{Root:ue,Trigger:fe,Dropdown:pe,Divider:x,Label:S,Item:de,Button:C},Popover:{Root:k,Trigger:A,Content:j},Toolbar:{Root:V,Button:y,Select:Y}},Comments:{Comment:ae,Editor:oe,Card:te,CardSection:ne,ExpandSectionsPrompt:re},Versioning:{Sidebar:De,Snapshot:Oe}},Z=e=>{let{className:t,theme:n,editor:r,...i}=e,a=(0,l.useBlockNoteContext)(),o=(0,l.usePrefersColorScheme)(),s=a?.colorSchemePreference||o,p=typeof n==`string`?n:s===`no-preference`?`light`:s,m=(0,d.useCallback)(e=>{if(e&&(_(e),typeof n==`object`)){if(`light`in n&&`dark`in n){h(n[s===`dark`?`dark`:`light`],e);return}h(n,e);return}},[s,n]);(0,d.useEffect)(()=>{if(!r.portalElement)throw Error(`Portal element not found`);r.portalElement.setAttribute(`data-mantine-color-scheme`,p),m(r.portalElement)},[r,m,p]);let g=(0,d.useContext)(u.MantineContext),v=(0,f.jsx)(l.ComponentsContext.Provider,{value:X,children:(0,f.jsx)(l.BlockNoteViewRaw,{"data-mantine-color-scheme":p,className:(0,c.mergeCSSClasses)(`bn-mantine`,t||``),theme:typeof n==`object`?void 0:n,editor:r,...i,ref:m})});return g?v:(0,f.jsx)(u.MantineProvider,{withCssVariables:!1,getRootElement:()=>void 0,children:v})},Q=[`#FFFFFF`,`#EFEFEF`,`#CFCFCF`,`#AFAFAF`,`#7F7F7F`,`#3F3F3F`,`#1F1F1F`,`#161616`,`#0F0F0F`,`#000000`],$={colors:{editor:{text:Q[5],background:Q[0]},menu:{text:Q[5],background:Q[0]},tooltip:{text:Q[5],background:Q[1]},hovered:{text:Q[5],background:Q[1]},selected:{text:Q[0],background:Q[5]},disabled:{text:Q[3],background:Q[1]},shadow:Q[2],border:Q[1],sideMenu:Q[2],highlights:c.COLORS_DEFAULT},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`},ke={colors:{editor:{text:Q[2],background:Q[6]},menu:{text:Q[2],background:Q[6]},tooltip:{text:Q[2],background:Q[7]},hovered:{text:Q[2],background:Q[7]},selected:{text:Q[2],background:Q[8]},disabled:{text:Q[5],background:Q[7]},shadow:Q[8],border:Q[7],sideMenu:Q[4],highlights:c.COLORS_DARK_MODE_DEFAULT},borderRadius:$.borderRadius,fontFamily:$.fontFamily};exports.BlockNoteView=Z,exports.applyBlockNoteCSSVariablesFromTheme=h,exports.components=X,exports.darkDefaultTheme=ke,exports.defaultColorScheme=Q,exports.lightDefaultTheme=$,exports.removeBlockNoteCSSVariables=_;
|
|
2
2
|
//# sourceMappingURL=blocknote-mantine.cjs.map
|