@bikdotai/bik-component-library 0.0.814 → 0.0.815

package/dist/cjs/editor/extensions/editorDropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","COLORS","DropdownItem","$isActive","MentionAvatar","MentionAvatarFallback","MentionLabel","MentionPresenceDot","$online","SlashLabel","SlashDescription"],"mappings":"2JAGaA,EAAoBC,EAAO;AAAA,eACzBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQhCA,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBC,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,eACjB,CAAC,CAAE,UAAAE,KAChBA,EAAYF,EAAAA,OAAO,QAAQ,QAAU,aAAa;AAAA,EAGvCG,EAAgBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvBK,EAAwBL,EAAO;AAAA;AAAA;AAAA;AAAA,eAI7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAInBK,EAAeN,EAAO;AAAA;AAAA,UAEzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBM,EAAqBP,EAAO;AAAA;AAAA;AAAA;AAAA,eAI1B,CAAC,CAAE,QAAAQ,CAAA,IAChBA,EAAUP,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,EAKnDQ,EAAaT,EAAO;AAAA;AAAA,UAEvBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBS,EAAmBV,EAAO;AAAA;AAAA,UAE7BC,EAAAA,OAAO,QAAQ,SAAS;AAAA;AAAA"}
+{"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","COLORS","DropdownItem","$isActive","MentionAvatar","MentionAvatarFallback","MentionLabel","MentionPresenceDot","$online","SlashLabel","SlashDescription"],"mappings":"0NAGaA,EAAoBC,EAAAA,QAAO;AAAA,eACzBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQhCA,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBC,EAAeF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,eACjB,CAAC,CAAE,UAAAE,KAChBA,EAAYF,EAAAA,OAAO,QAAQ,QAAU,aAAa;AAAA,EAGvCG,EAAgBJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvBK,EAAwBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAI7BC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,EAInBK,EAAeN,EAAAA,QAAO;AAAA;AAAA,UAEzBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBM,EAAqBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAI1B,CAAC,CAAE,QAAAQ,CAAA,IAChBA,EAAUP,EAAAA,OAAO,QAAQ,SAAWA,EAAAA,OAAO,QAAQ,WAAW;AAAA;AAAA;AAAA,EAKnDQ,EAAaT,EAAAA,QAAO;AAAA;AAAA,UAEvBC,EAAAA,OAAO,QAAQ,OAAO;AAAA,EAGnBS,EAAmBV,EAAAA,QAAO;AAAA;AAAA,UAE7BC,EAAAA,OAAO,QAAQ,SAAS;AAAA;AAAA"}

package/dist/cjs/editor/extensions/mention/MentionExtension.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../node_modules/@tiptap/core/dist/index.js"),u=require("@tiptap/extension-mention"),c=require("@tiptap/react"),d=require("../suggestionPopup.js"),g=require("./MentionDropdown.js");function l(a,r="@",i,o){return()=>{let e,t;return{onStart:n=>{e=new c.ReactRenderer(g.MentionDropdown,{props:{...n,renderItem:i,renderDropdown:o},editor:n.editor}),t=d.createSuggestionPopup(e.element,n.clientRect)},onUpdate:n=>{if(e.updateProps({...n,renderItem:i,renderDropdown:o}),!n.items?.length){t.hide();return}t.show(),t.updatePosition(n.clientRect)},onKeyDown:n=>n.event.key==="Escape"?(t.hide(),!0):e.ref?.onKeyDown(n)??!1,onExit:()=>{t.destroy(),e.destroy()}}}}function b(a,r,i,o){return u.extend({name:"mentionAgent"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--agent"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:e,node:t})=>["span",s.mergeAttributes(e.HTMLAttributes),`${e.suggestion.char}${t.attrs.label}`],suggestion:{char:"@",allowSpaces:!0,items:({query:e})=>a.current.filter(t=>t.label.toLowerCase().includes(e.toLowerCase())),command:({editor:e,range:t,props:n})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionAgent",attrs:{id:n.id,label:n.label}}).run(),r?.(n,"@")},render:l(r,"@",i,o)}})}function m(a,r,i,o){return u.extend({name:"mentionTeam"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--team"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:e,node:t})=>["span",s.mergeAttributes(e.HTMLAttributes),`${e.suggestion.char}${t.attrs.label}`],suggestion:{char:"#",allowSpaces:!0,items:({query:e})=>a.current.filter(t=>t.label.toLowerCase().includes(e.toLowerCase())),command:({editor:e,range:t,props:n})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionTeam",attrs:{id:n.id,label:n.label}}).run(),r?.(n,"#")},render:l(r,"#",i,o)}})}exports.buildAgentMentionExtension=b;exports.buildTeamMentionExtension=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../node_modules/@tiptap/core/dist/index.js"),c=require("@tiptap/extension-mention"),d=require("@tiptap/react"),g=require("../suggestionPopup.js"),b=require("./MentionDropdown.js"),m=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},s=m(c);function l(i,r="@",o,a){return()=>{let e,t;return{onStart:n=>{e=new d.ReactRenderer(b.MentionDropdown,{props:{...n,renderItem:o,renderDropdown:a},editor:n.editor}),t=g.createSuggestionPopup(e.element,n.clientRect)},onUpdate:n=>{if(e.updateProps({...n,renderItem:o,renderDropdown:a}),!n.items?.length){t.hide();return}t.show(),t.updatePosition(n.clientRect)},onKeyDown:n=>n.event.key==="Escape"?(t.hide(),!0):e.ref?.onKeyDown(n)??!1,onExit:()=>{t.destroy(),e.destroy()}}}}function f(i,r,o,a){return s.default.extend({name:"mentionAgent"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--agent"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:e,node:t})=>["span",u.mergeAttributes(e.HTMLAttributes),`${e.suggestion.char}${t.attrs.label}`],suggestion:{char:"@",allowSpaces:!0,items:({query:e})=>i.current.filter(t=>t.label.toLowerCase().includes(e.toLowerCase())),command:({editor:e,range:t,props:n})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionAgent",attrs:{id:n.id,label:n.label}}).run(),r?.(n,"@")},render:l(r,"@",o,a)}})}function M(i,r,o,a){return s.default.extend({name:"mentionTeam"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--team"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:e,node:t})=>["span",u.mergeAttributes(e.HTMLAttributes),`${e.suggestion.char}${t.attrs.label}`],suggestion:{char:"#",allowSpaces:!0,items:({query:e})=>i.current.filter(t=>t.label.toLowerCase().includes(e.toLowerCase())),command:({editor:e,range:t,props:n})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionTeam",attrs:{id:n.id,label:n.label}}).run(),r?.(n,"#")},render:l(r,"#",o,a)}})}exports.buildAgentMentionExtension=f;exports.buildTeamMentionExtension=M;
 //# sourceMappingURL=MentionExtension.js.map

package/dist/cjs/editor/extensions/mention/MentionExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionExtension.js","sources":["../../../../../src/editor/extensions/mention/MentionExtension.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core';\nimport Mention from '@tiptap/extension-mention';\nimport { ReactRenderer } from '@tiptap/react';\nimport type { ReactNode } from 'react';\nimport type {\n\tMentionDropdownRenderProps,\n\tMentionItem,\n} from '../../BikEditor.types';\nimport {\n\tcreateSuggestionPopup,\n\ttype SuggestionPopup,\n} from '../suggestionPopup';\nimport { MentionDropdown } from './MentionDropdown';\n\nfunction buildRender(\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\tchar: '@' | '#' = '@',\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn () => {\n\t\tlet component: ReactRenderer;\n\t\tlet popup: SuggestionPopup;\n\n\t\treturn {\n\t\t\tonStart: (props: any) => {\n\t\t\t\tcomponent = new ReactRenderer(MentionDropdown, {\n\t\t\t\t\tprops: { ...props, renderItem, renderDropdown },\n\t\t\t\t\teditor: props.editor,\n\t\t\t\t});\n\t\t\t\tpopup = createSuggestionPopup(component.element, props.clientRect);\n\t\t\t},\n\t\t\tonUpdate: (props: any) => {\n\t\t\t\tcomponent.updateProps({ ...props, renderItem, renderDropdown });\n\t\t\t\tif (!props.items?.length) {\n\t\t\t\t\tpopup.hide();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tpopup.show();\n\t\t\t\tpopup.updatePosition(props.clientRect);\n\t\t\t},\n\t\t\tonKeyDown: (props: any) => {\n\t\t\t\tif (props.event.key === 'Escape') {\n\t\t\t\t\tpopup.hide();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn (component.ref as any)?.onKeyDown(props) ?? false;\n\t\t\t},\n\t\t\tonExit: () => {\n\t\t\t\tpopup.destroy();\n\t\t\t\tcomponent.destroy();\n\t\t\t},\n\t\t};\n\t};\n}\n\nexport function buildAgentMentionExtension(\n\tagentsRef: { current: MentionItem[] },\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn Mention.extend({ name: 'mentionAgent' }).configure({\n\t\tHTMLAttributes: { class: 'bik-mention bik-mention--agent' },\n\t\trenderText: ({ options, node }) =>\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\trenderHTML: ({ options, node }) => [\n\t\t\t'span',\n\t\t\tmergeAttributes(options.HTMLAttributes),\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\t],\n\t\tsuggestion: {\n\t\t\tchar: '@',\n\t\t\tallowSpaces: true,\n\t\t\titems: ({ query }: { query: string }) =>\n\t\t\t\tagentsRef.current.filter((a) =>\n\t\t\t\t\ta.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t),\n\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.deleteRange(range)\n\t\t\t\t\t.insertContent({\n\t\t\t\t\t\ttype: 'mentionAgent',\n\t\t\t\t\t\tattrs: { id: props.id, label: props.label },\n\t\t\t\t\t})\n\t\t\t\t\t.run();\n\t\t\t\tonSelect?.(props, '@');\n\t\t\t},\n\t\t\trender: buildRender(onSelect, '@', renderItem, renderDropdown),\n\t\t},\n\t});\n}\n\nexport function buildTeamMentionExtension(\n\tteamsRef: { current: MentionItem[] },\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn Mention.extend({ name: 'mentionTeam' }).configure({\n\t\tHTMLAttributes: { class: 'bik-mention bik-mention--team' },\n\t\trenderText: ({ options, node }) =>\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\trenderHTML: ({ options, node }) => [\n\t\t\t'span',\n\t\t\tmergeAttributes(options.HTMLAttributes),\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\t],\n\t\tsuggestion: {\n\t\t\tchar: '#',\n\t\t\tallowSpaces: true,\n\t\t\titems: ({ query }: { query: string }) =>\n\t\t\t\tteamsRef.current.filter((t) =>\n\t\t\t\t\tt.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t),\n\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.deleteRange(range)\n\t\t\t\t\t.insertContent({\n\t\t\t\t\t\ttype: 'mentionTeam',\n\t\t\t\t\t\tattrs: { id: props.id, label: props.label },\n\t\t\t\t\t})\n\t\t\t\t\t.run();\n\t\t\t\tonSelect?.(props, '#');\n\t\t\t},\n\t\t\trender: buildRender(onSelect, '#', renderItem, renderDropdown),\n\t\t},\n\t});\n}\n"],"names":["buildRender","onSelect","char","renderItem","renderDropdown","component","popup","props","ReactRenderer","MentionDropdown","createSuggestionPopup","buildAgentMentionExtension","agentsRef","Mention","options","node","mergeAttributes","query","a","editor","range","buildTeamMentionExtension","teamsRef"],"mappings":"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"}
+{"version":3,"file":"MentionExtension.js","sources":["../../../../../src/editor/extensions/mention/MentionExtension.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core';\nimport Mention from '@tiptap/extension-mention';\nimport { ReactRenderer } from '@tiptap/react';\nimport type { ReactNode } from 'react';\nimport type {\n\tMentionDropdownRenderProps,\n\tMentionItem,\n} from '../../BikEditor.types';\nimport {\n\tcreateSuggestionPopup,\n\ttype SuggestionPopup,\n} from '../suggestionPopup';\nimport { MentionDropdown } from './MentionDropdown';\n\nfunction buildRender(\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\tchar: '@' | '#' = '@',\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn () => {\n\t\tlet component: ReactRenderer;\n\t\tlet popup: SuggestionPopup;\n\n\t\treturn {\n\t\t\tonStart: (props: any) => {\n\t\t\t\tcomponent = new ReactRenderer(MentionDropdown, {\n\t\t\t\t\tprops: { ...props, renderItem, renderDropdown },\n\t\t\t\t\teditor: props.editor,\n\t\t\t\t});\n\t\t\t\tpopup = createSuggestionPopup(component.element, props.clientRect);\n\t\t\t},\n\t\t\tonUpdate: (props: any) => {\n\t\t\t\tcomponent.updateProps({ ...props, renderItem, renderDropdown });\n\t\t\t\tif (!props.items?.length) {\n\t\t\t\t\tpopup.hide();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tpopup.show();\n\t\t\t\tpopup.updatePosition(props.clientRect);\n\t\t\t},\n\t\t\tonKeyDown: (props: any) => {\n\t\t\t\tif (props.event.key === 'Escape') {\n\t\t\t\t\tpopup.hide();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn (component.ref as any)?.onKeyDown(props) ?? false;\n\t\t\t},\n\t\t\tonExit: () => {\n\t\t\t\tpopup.destroy();\n\t\t\t\tcomponent.destroy();\n\t\t\t},\n\t\t};\n\t};\n}\n\nexport function buildAgentMentionExtension(\n\tagentsRef: { current: MentionItem[] },\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn Mention.extend({ name: 'mentionAgent' }).configure({\n\t\tHTMLAttributes: { class: 'bik-mention bik-mention--agent' },\n\t\trenderText: ({ options, node }) =>\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\trenderHTML: ({ options, node }) => [\n\t\t\t'span',\n\t\t\tmergeAttributes(options.HTMLAttributes),\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\t],\n\t\tsuggestion: {\n\t\t\tchar: '@',\n\t\t\tallowSpaces: true,\n\t\t\titems: ({ query }: { query: string }) =>\n\t\t\t\tagentsRef.current.filter((a) =>\n\t\t\t\t\ta.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t),\n\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.deleteRange(range)\n\t\t\t\t\t.insertContent({\n\t\t\t\t\t\ttype: 'mentionAgent',\n\t\t\t\t\t\tattrs: { id: props.id, label: props.label },\n\t\t\t\t\t})\n\t\t\t\t\t.run();\n\t\t\t\tonSelect?.(props, '@');\n\t\t\t},\n\t\t\trender: buildRender(onSelect, '@', renderItem, renderDropdown),\n\t\t},\n\t});\n}\n\nexport function buildTeamMentionExtension(\n\tteamsRef: { current: MentionItem[] },\n\tonSelect?: (item: MentionItem, char: '@' | '#') => void,\n\trenderItem?: (item: MentionItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: MentionDropdownRenderProps) => ReactNode,\n) {\n\treturn Mention.extend({ name: 'mentionTeam' }).configure({\n\t\tHTMLAttributes: { class: 'bik-mention bik-mention--team' },\n\t\trenderText: ({ options, node }) =>\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\trenderHTML: ({ options, node }) => [\n\t\t\t'span',\n\t\t\tmergeAttributes(options.HTMLAttributes),\n\t\t\t`${options.suggestion.char}${node.attrs['label']}`,\n\t\t],\n\t\tsuggestion: {\n\t\t\tchar: '#',\n\t\t\tallowSpaces: true,\n\t\t\titems: ({ query }: { query: string }) =>\n\t\t\t\tteamsRef.current.filter((t) =>\n\t\t\t\t\tt.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t),\n\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.deleteRange(range)\n\t\t\t\t\t.insertContent({\n\t\t\t\t\t\ttype: 'mentionTeam',\n\t\t\t\t\t\tattrs: { id: props.id, label: props.label },\n\t\t\t\t\t})\n\t\t\t\t\t.run();\n\t\t\t\tonSelect?.(props, '#');\n\t\t\t},\n\t\t\trender: buildRender(onSelect, '#', renderItem, renderDropdown),\n\t\t},\n\t});\n}\n"],"names":["buildRender","onSelect","char","renderItem","renderDropdown","component","popup","props","ReactRenderer","MentionDropdown","createSuggestionPopup","buildAgentMentionExtension","agentsRef","Mention","options","node","mergeAttributes","query","a","editor","range","buildTeamMentionExtension","teamsRef"],"mappings":"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"}

package/dist/cjs/editor/extensions/slashCommand/SlashCommandExtension.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../node_modules/@tiptap/core/dist/index.js"),a=require("@tiptap/react"),c=require("@tiptap/suggestion"),l=require("../suggestionPopup.js"),d=require("./SlashCommandMenu.js");function m(i,s,o,r){return u.Extension.create({name:"slashCommand",addProseMirrorPlugins(){return[c({editor:this.editor,char:"/",allowSpaces:!0,items:({query:n})=>i.current.filter(t=>t.label.toLowerCase().includes(n.toLowerCase())).slice(0,20),command:({editor:n,range:t,props:e})=>{n.chain().focus().deleteRange(t).run(),s?.(e)},render:()=>{let n,t;return{onStart:e=>{n=new a.ReactRenderer(d.SlashCommandMenu,{props:{...e,renderItem:o,renderDropdown:r},editor:e.editor}),t=l.createSuggestionPopup(n.element,e.clientRect)},onUpdate:e=>{if(n.updateProps({...e,renderItem:o,renderDropdown:r}),!e.items?.length){t.hide();return}t.show(),t.updatePosition(e.clientRect)},onKeyDown:e=>e.event.key==="Escape"?(t.hide(),!0):n.ref?.onKeyDown(e)??!1,onExit:()=>{t.destroy(),n.destroy()}}}})]}})}exports.buildSlashCommandExtension=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../node_modules/@tiptap/core/dist/index.js"),s=require("@tiptap/react"),l=require("@tiptap/suggestion"),c=require("../suggestionPopup.js"),d=require("./SlashCommandMenu.js"),m=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},f=m(l);function g(o,u,r,i){return a.Extension.create({name:"slashCommand",addProseMirrorPlugins(){return[f.default({editor:this.editor,char:"/",allowSpaces:!0,items:({query:n})=>o.current.filter(t=>t.label.toLowerCase().includes(n.toLowerCase())).slice(0,20),command:({editor:n,range:t,props:e})=>{n.chain().focus().deleteRange(t).run(),u?.(e)},render:()=>{let n,t;return{onStart:e=>{n=new s.ReactRenderer(d.SlashCommandMenu,{props:{...e,renderItem:r,renderDropdown:i},editor:e.editor}),t=c.createSuggestionPopup(n.element,e.clientRect)},onUpdate:e=>{if(n.updateProps({...e,renderItem:r,renderDropdown:i}),!e.items?.length){t.hide();return}t.show(),t.updatePosition(e.clientRect)},onKeyDown:e=>e.event.key==="Escape"?(t.hide(),!0):n.ref?.onKeyDown(e)??!1,onExit:()=>{t.destroy(),n.destroy()}}}})]}})}exports.buildSlashCommandExtension=g;
 //# sourceMappingURL=SlashCommandExtension.js.map

package/dist/cjs/editor/extensions/slashCommand/SlashCommandExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlashCommandExtension.js","sources":["../../../../../src/editor/extensions/slashCommand/SlashCommandExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport { ReactRenderer } from '@tiptap/react';\nimport Suggestion from '@tiptap/suggestion';\nimport type { ReactNode } from 'react';\nimport type {\n\tSlashCommandDropdownRenderProps,\n\tSlashCommandItem,\n} from '../../BikEditor.types';\nimport {\n\tcreateSuggestionPopup,\n\ttype SuggestionPopup,\n} from '../suggestionPopup';\nimport { SlashCommandMenu } from './SlashCommandMenu';\n\nexport function buildSlashCommandExtension(\n\tcommandsRef: { current: SlashCommandItem[] },\n\tonSelect?: (command: SlashCommandItem) => void,\n\trenderItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode,\n) {\n\treturn Extension.create({\n\t\tname: 'slashCommand',\n\t\taddProseMirrorPlugins() {\n\t\t\treturn [\n\t\t\t\tSuggestion({\n\t\t\t\t\teditor: this.editor,\n\t\t\t\t\tchar: '/',\n\t\t\t\t\tallowSpaces: true,\n\t\t\t\t\titems: ({ query }: any) =>\n\t\t\t\t\t\tcommandsRef.current\n\t\t\t\t\t\t\t.filter((c) =>\n\t\t\t\t\t\t\t\tc.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.slice(0, 20),\n\t\t\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\t\t\teditor.chain().focus().deleteRange(range).run();\n\t\t\t\t\t\tonSelect?.(props);\n\t\t\t\t\t},\n\t\t\t\t\trender: () => {\n\t\t\t\t\t\tlet component: ReactRenderer;\n\t\t\t\t\t\tlet popup: SuggestionPopup;\n\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tonStart: (props: any) => {\n\t\t\t\t\t\t\t\tcomponent = new ReactRenderer(SlashCommandMenu, {\n\t\t\t\t\t\t\t\t\tprops: { ...props, renderItem, renderDropdown },\n\t\t\t\t\t\t\t\t\teditor: props.editor,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tpopup = createSuggestionPopup(\n\t\t\t\t\t\t\t\t\tcomponent.element,\n\t\t\t\t\t\t\t\t\tprops.clientRect,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonUpdate: (props: any) => {\n\t\t\t\t\t\t\t\tcomponent.updateProps({ ...props, renderItem, renderDropdown });\n\t\t\t\t\t\t\t\tif (!props.items?.length) {\n\t\t\t\t\t\t\t\t\tpopup.hide();\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tpopup.show();\n\t\t\t\t\t\t\t\tpopup.updatePosition(props.clientRect);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonKeyDown: (props: any) => {\n\t\t\t\t\t\t\t\tif (props.event.key === 'Escape') {\n\t\t\t\t\t\t\t\t\tpopup.hide();\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn (component.ref as any)?.onKeyDown(props) ?? false;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonExit: () => {\n\t\t\t\t\t\t\t\tpopup.destroy();\n\t\t\t\t\t\t\t\tcomponent.destroy();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t];\n\t\t},\n\t});\n}\n"],"names":["buildSlashCommandExtension","commandsRef","onSelect","renderItem","renderDropdown","Extension","Suggestion","query","c","editor","range","props","component","popup","ReactRenderer","SlashCommandMenu","createSuggestionPopup"],"mappings":"qRAcO,SAASA,EACfC,EACAC,EACAC,EACAC,EACC,CACD,OAAOC,EAAAA,UAAU,OAAO,CACvB,KAAM,eACN,uBAAwB,CACvB,MAAO,CACNC,EAAW,CACV,OAAQ,KAAK,OACb,KAAM,IACN,YAAa,GACb,MAAO,CAAC,CAAE,MAAAC,CAAA,IACTN,EAAY,QACV,OAAQO,GACRA,EAAE,MAAM,cAAc,SAASD,EAAM,YAAA,CAAa,CAAA,EAElD,MAAM,EAAG,EAAE,EACd,QAAS,CAAC,CAAE,OAAAE,EAAQ,MAAAC,EAAO,MAAAC,KAAiB,CAC3CF,EAAO,QAAQ,MAAA,EAAQ,YAAYC,CAAK,EAAE,IAAA,EAC1CR,IAAWS,CAAK,CACjB,EACA,OAAQ,IAAM,CACb,IAAIC,EACAC,EAEJ,MAAO,CACN,QAAUF,GAAe,CACxBC,EAAY,IAAIE,EAAAA,cAAcC,mBAAkB,CAC/C,MAAO,CAAE,GAAGJ,EAAO,WAAAR,EAAY,eAAAC,CAAA,EAC/B,OAAQO,EAAM,MAAA,CACd,EACDE,EAAQG,EAAAA,sBACPJ,EAAU,QACVD,EAAM,UAAA,CAER,EACA,SAAWA,GAAe,CAEzB,GADAC,EAAU,YAAY,CAAE,GAAGD,EAAO,WAAAR,EAAY,eAAAC,EAAgB,EAC1D,CAACO,EAAM,OAAO,OAAQ,CACzBE,EAAM,KAAA,EACN,MACD,CACAA,EAAM,KAAA,EACNA,EAAM,eAAeF,EAAM,UAAU,CACtC,EACA,UAAYA,GACPA,EAAM,MAAM,MAAQ,UACvBE,EAAM,KAAA,EACC,IAEAD,EAAU,KAAa,UAAUD,CAAK,GAAK,GAEpD,OAAQ,IAAM,CACbE,EAAM,QAAA,EACND,EAAU,QAAA,CACX,CAAA,CAEF,CAAA,CACA,CAAA,CAEH,CAAA,CACA,CACF"}
+{"version":3,"file":"SlashCommandExtension.js","sources":["../../../../../src/editor/extensions/slashCommand/SlashCommandExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport { ReactRenderer } from '@tiptap/react';\nimport Suggestion from '@tiptap/suggestion';\nimport type { ReactNode } from 'react';\nimport type {\n\tSlashCommandDropdownRenderProps,\n\tSlashCommandItem,\n} from '../../BikEditor.types';\nimport {\n\tcreateSuggestionPopup,\n\ttype SuggestionPopup,\n} from '../suggestionPopup';\nimport { SlashCommandMenu } from './SlashCommandMenu';\n\nexport function buildSlashCommandExtension(\n\tcommandsRef: { current: SlashCommandItem[] },\n\tonSelect?: (command: SlashCommandItem) => void,\n\trenderItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode,\n\trenderDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode,\n) {\n\treturn Extension.create({\n\t\tname: 'slashCommand',\n\t\taddProseMirrorPlugins() {\n\t\t\treturn [\n\t\t\t\tSuggestion({\n\t\t\t\t\teditor: this.editor,\n\t\t\t\t\tchar: '/',\n\t\t\t\t\tallowSpaces: true,\n\t\t\t\t\titems: ({ query }: any) =>\n\t\t\t\t\t\tcommandsRef.current\n\t\t\t\t\t\t\t.filter((c) =>\n\t\t\t\t\t\t\t\tc.label.toLowerCase().includes(query.toLowerCase()),\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.slice(0, 20),\n\t\t\t\t\tcommand: ({ editor, range, props }: any) => {\n\t\t\t\t\t\teditor.chain().focus().deleteRange(range).run();\n\t\t\t\t\t\tonSelect?.(props);\n\t\t\t\t\t},\n\t\t\t\t\trender: () => {\n\t\t\t\t\t\tlet component: ReactRenderer;\n\t\t\t\t\t\tlet popup: SuggestionPopup;\n\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tonStart: (props: any) => {\n\t\t\t\t\t\t\t\tcomponent = new ReactRenderer(SlashCommandMenu, {\n\t\t\t\t\t\t\t\t\tprops: { ...props, renderItem, renderDropdown },\n\t\t\t\t\t\t\t\t\teditor: props.editor,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tpopup = createSuggestionPopup(\n\t\t\t\t\t\t\t\t\tcomponent.element,\n\t\t\t\t\t\t\t\t\tprops.clientRect,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonUpdate: (props: any) => {\n\t\t\t\t\t\t\t\tcomponent.updateProps({ ...props, renderItem, renderDropdown });\n\t\t\t\t\t\t\t\tif (!props.items?.length) {\n\t\t\t\t\t\t\t\t\tpopup.hide();\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tpopup.show();\n\t\t\t\t\t\t\t\tpopup.updatePosition(props.clientRect);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonKeyDown: (props: any) => {\n\t\t\t\t\t\t\t\tif (props.event.key === 'Escape') {\n\t\t\t\t\t\t\t\t\tpopup.hide();\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn (component.ref as any)?.onKeyDown(props) ?? false;\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonExit: () => {\n\t\t\t\t\t\t\t\tpopup.destroy();\n\t\t\t\t\t\t\t\tcomponent.destroy();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t];\n\t\t},\n\t});\n}\n"],"names":["buildSlashCommandExtension","commandsRef","onSelect","renderItem","renderDropdown","Extension","Suggestion","query","c","editor","range","props","component","popup","ReactRenderer","SlashCommandMenu","createSuggestionPopup"],"mappings":"oVAcO,SAASA,EACfC,EACAC,EACAC,EACAC,EACC,CACD,OAAOC,EAAAA,UAAU,OAAO,CACvB,KAAM,eACN,uBAAwB,CACvB,MAAO,CACNC,UAAW,CACV,OAAQ,KAAK,OACb,KAAM,IACN,YAAa,GACb,MAAO,CAAC,CAAE,MAAAC,CAAA,IACTN,EAAY,QACV,OAAQO,GACRA,EAAE,MAAM,cAAc,SAASD,EAAM,YAAA,CAAa,CAAA,EAElD,MAAM,EAAG,EAAE,EACd,QAAS,CAAC,CAAE,OAAAE,EAAQ,MAAAC,EAAO,MAAAC,KAAiB,CAC3CF,EAAO,QAAQ,MAAA,EAAQ,YAAYC,CAAK,EAAE,IAAA,EAC1CR,IAAWS,CAAK,CACjB,EACA,OAAQ,IAAM,CACb,IAAIC,EACAC,EAEJ,MAAO,CACN,QAAUF,GAAe,CACxBC,EAAY,IAAIE,EAAAA,cAAcC,mBAAkB,CAC/C,MAAO,CAAE,GAAGJ,EAAO,WAAAR,EAAY,eAAAC,CAAA,EAC/B,OAAQO,EAAM,MAAA,CACd,EACDE,EAAQG,EAAAA,sBACPJ,EAAU,QACVD,EAAM,UAAA,CAER,EACA,SAAWA,GAAe,CAEzB,GADAC,EAAU,YAAY,CAAE,GAAGD,EAAO,WAAAR,EAAY,eAAAC,EAAgB,EAC1D,CAACO,EAAM,OAAO,OAAQ,CACzBE,EAAM,KAAA,EACN,MACD,CACAA,EAAM,KAAA,EACNA,EAAM,eAAeF,EAAM,UAAU,CACtC,EACA,UAAYA,GACPA,EAAM,MAAM,MAAQ,UACvBE,EAAM,KAAA,EACC,IAEAD,EAAU,KAAa,UAAUD,CAAK,GAAK,GAEpD,OAAQ,IAAM,CACbE,EAAM,QAAA,EACND,EAAU,QAAA,CACX,CAAA,CAEF,CAAA,CACA,CAAA,CAEH,CAAA,CACA,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.814",
+	"version": "0.0.815",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",