@soul-refiner/design-system 2.14.156 → 2.14.157

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.
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),o=require("@udecode/plate-common"),l=require("./constants.js"),n=require("./context.js"),r=require("./navbar/navbar.js"),a=require("./plugins/plate.js"),s=require("./plugins/blocks/blocks.js"),h=require("./plugins/leafs/leafs.js"),g=require("./plugins/marks/marks.js"),d=require("./plugins/utils/utils.js"),u=require("./plugins/highlights/use-highlights.js"),c=require("./plugins/highlights/highlight-decoration.js"),p=require("./plugins/highlights/floating-highlight-toolbar.js"),f=require("./plugins/highlights/highlight-button.js"),m=require("./plugins/highlights/highlights-dropdown.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(i);const H=o.createPlugins([...s.blocks,...h.leafs,...g.marks,...d.utils],{components:a.plateUI}),j=({decorate:i,enableHighlighting:t,editable:n,highlights:r,addHighlight:a,updateHighlight:s,removeHighlight:h,hasHighlights:g,onOpenNotes:d})=>{const u=o.useEditorRef(),c=x.default.useCallback((e,i)=>{a(u,e,i)},[u,a]),f=x.default.useCallback((e,i)=>{s(e,{color:i})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx(o.PlateContent,{id:"main",autoFocus:!0,placeholder:l.PLACEHOLDER,readOnly:!n,spellCheck:!0,decorate:i,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}}),(t||g)&&e.jsx(p.FloatingHighlightToolbar,{highlights:r,onHighlight:c,onChangeColor:f,onRemoveHighlight:h,onOpenNotes:d})]})},v=t.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("react-dom"),o=require("styled-components"),l=require("@udecode/plate-common"),n=require("./constants.js"),r=require("./context.js"),s=require("./navbar/navbar.js"),a=require("./plugins/plate.js"),h=require("./plugins/blocks/blocks.js"),g=require("./plugins/leafs/leafs.js"),d=require("./plugins/marks/marks.js"),u=require("./plugins/utils/utils.js"),c=require("./plugins/highlights/use-highlights.js"),p=require("./plugins/highlights/highlight-decoration.js"),m=require("./plugins/highlights/floating-highlight-toolbar.js"),f=require("./plugins/highlights/highlight-button.js"),x=require("./plugins/highlights/highlights-dropdown.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=b(i);const H=l.createPlugins([...h.blocks,...g.leafs,...d.marks,...u.utils],{components:a.plateUI}),v=({decorate:i,enableHighlighting:t,editable:o,highlights:r,addHighlight:s,updateHighlight:a,removeHighlight:h,hasHighlights:g,onOpenNotes:d})=>{const u=l.useEditorRef(),c=j.default.useCallback((e,i)=>{s(u,e,i)},[u,s]),p=j.default.useCallback((e,i)=>{a(e,{color:i})},[a]);return e.jsxs(e.Fragment,{children:[e.jsx(l.PlateContent,{id:"main",autoFocus:!0,placeholder:n.PLACEHOLDER,readOnly:!o,spellCheck:!0,decorate:i,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}}),(t||g)&&e.jsx(m.FloatingHighlightToolbar,{highlights:r,onHighlight:c,onChangeColor:p,onRemoveHighlight:h,onOpenNotes:d})]})},C=o.styled.div`
3
3
  * {
4
4
  font-family: var(--font-inter);
5
5
  outline: none;
@@ -75,10 +75,12 @@
75
75
  max-width: 864px;
76
76
  width: 100%;
77
77
  margin: 0 auto;
78
- `,y=t.styled.div`
78
+ `,y=o.styled.div`
79
79
  display: flex;
80
80
  justify-content: flex-end;
81
+ align-items: center;
82
+ gap: 4px;
81
83
  padding: 4px 0;
82
- `,C=t.styled.div`
84
+ `,w=o.styled.div`
83
85
  position: relative;
84
- `;exports.Editor=({audioLoader:i,commentInputLoader:t,commentLoader:l,editable:a,handleAudioClick:s,handleVideoClick:h,imageSrcLoader:g,onChange:d,previousContent:p,defaultFilter:b,videoTitleLoader:w,filterComponent:q,hideShowAnswersButton:k,showAnswersBelowInput:L,enableHighlighting:E=!1,initialHighlights:O,onHighlightsChange:A,onOpenNotes:R})=>{const{highlights:B,addHighlight:N,updateHighlight:D,removeHighlight:F}=u.useHighlights({initialHighlights:O,onHighlightsChange:A}),[I,M]=x.default.useState(!1);x.default.useEffect(()=>{"production"!==process.env.NODE_ENV&&a&&E&&console.warn("[Editor] enableHighlighting is only supported with editable={false}. Highlight positions are not reconciled when the document changes and will drift out of alignment after edits.")},[a,E]);const P=B.length>0,S=x.default.useMemo(()=>{if(0!==B.length)return c.createHighlightDecorate(B)},[B]);return e.jsx(n.EditorContext.Provider,{value:{audioLoader:i,commentInputLoader:t,commentLoader:l,handleAudioClick:s,handleVideoClick:h,imageSrcLoader:g,videoTitleLoader:w,defaultFilter:b,filterComponent:q,hideShowAnswersButton:k,showAnswersBelowInput:L,enableHighlighting:E,highlights:B},children:e.jsx(o.Plate,{id:"main",initialValue:p,onChange:d,plugins:H,children:e.jsxs(v,{children:[a&&e.jsx(r.EditorBar,{}),(E||P)&&e.jsx(y,{children:e.jsxs(C,{children:[e.jsx(f.HighlightButton,{count:B.length,isOpen:I,onClick:()=>M(e=>!e)}),e.jsx(m.HighlightsDropdown,{isOpen:I,highlights:B,onRemove:F,onClose:()=>M(!1)})]})}),e.jsx(j,{decorate:S,enableHighlighting:E,editable:a,highlights:B,addHighlight:N,updateHighlight:D,removeHighlight:F,hasHighlights:P,onOpenNotes:R})]})})})};
86
+ `;exports.Editor=({audioLoader:i,commentInputLoader:o,commentLoader:n,editable:a,handleAudioClick:h,handleVideoClick:g,imageSrcLoader:d,onChange:u,previousContent:m,defaultFilter:b,videoTitleLoader:q,filterComponent:k,hideShowAnswersButton:L,showAnswersBelowInput:O,enableHighlighting:E=!1,initialHighlights:R,onHighlightsChange:A,onOpenNotes:B,renderToolbarItems:P,toolbarPortalTarget:D})=>{const{highlights:F,addHighlight:I,updateHighlight:N,removeHighlight:T}=c.useHighlights({initialHighlights:R,onHighlightsChange:A}),[M,S]=j.default.useState(!1);j.default.useEffect(()=>{"production"!==process.env.NODE_ENV&&a&&E&&console.warn("[Editor] enableHighlighting is only supported with editable={false}. Highlight positions are not reconciled when the document changes and will drift out of alignment after edits.")},[a,E]);const V=F.length>0,z=j.default.useMemo(()=>{if(0!==F.length)return p.createHighlightDecorate(F)},[F]);return e.jsx(r.EditorContext.Provider,{value:{audioLoader:i,commentInputLoader:o,commentLoader:n,handleAudioClick:h,handleVideoClick:g,imageSrcLoader:d,videoTitleLoader:q,defaultFilter:b,filterComponent:k,hideShowAnswersButton:L,showAnswersBelowInput:O,enableHighlighting:E,highlights:F},children:e.jsxs(l.Plate,{id:"main",initialValue:m,onChange:u,plugins:H,children:[D&&t.createPortal(e.jsxs(e.Fragment,{children:[P?.(),(E||V)&&e.jsxs(w,{children:[e.jsx(f.HighlightButton,{count:F.length,isOpen:M,onClick:()=>S(e=>!e)}),e.jsx(x.HighlightsDropdown,{isOpen:M,highlights:F,onRemove:T,onClose:()=>S(!1)})]})]}),D),e.jsxs(C,{children:[a&&e.jsx(s.EditorBar,{}),!D&&(E||V||P)&&e.jsxs(y,{children:[P?.(),(E||V)&&e.jsxs(w,{children:[e.jsx(f.HighlightButton,{count:F.length,isOpen:M,onClick:()=>S(e=>!e)}),e.jsx(x.HighlightsDropdown,{isOpen:M,highlights:F,onRemove:T,onClose:()=>S(!1)})]})]}),e.jsx(v,{decorate:z,enableHighlighting:E,editable:a,highlights:F,addHighlight:I,updateHighlight:N,removeHighlight:T,hasHighlights:V,onOpenNotes:B})]})]})})};
@@ -1,37 +1,18 @@
1
- "use strict";var e=require("react/jsx-runtime"),i=require("styled-components");const r=i.styled.button`
1
+ "use strict";var e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../../../../icons/basic/highlighter.js"),t=require("../../../feedback/tooltip/tooltip.js");const o=i.styled.button`
2
2
  position: relative;
3
3
  display: flex;
4
4
  align-items: center;
5
5
  justify-content: center;
6
- width: 36px;
7
- height: 36px;
6
+ width: 40px;
7
+ height: 40px;
8
8
  border-radius: 8px;
9
- border: 1px solid
10
- ${e=>e.$isOpen?"var(--color-primary-blue-1, #3b82f6)":"var(--color-grey-8, #e5e7eb)"};
11
- background: ${e=>e.$isOpen?"var(--color-blue-9, #eff6ff)":"white"};
9
+ border: none;
10
+ background: ${e=>e.$isOpen?"var(--color-grey-9)":"transparent"};
12
11
  cursor: pointer;
13
12
  padding: 0;
14
- transition: all 0.15s ease;
13
+ transition: background 0.15s ease;
15
14
 
16
15
  &:hover {
17
- border-color: var(--color-primary-blue-1, #3b82f6);
18
- background: var(--color-blue-9, #eff6ff);
16
+ background: var(--color-grey-9);
19
17
  }
20
- `,t=i.styled.span`
21
- position: absolute;
22
- top: -4px;
23
- right: -4px;
24
- min-width: 16px;
25
- height: 16px;
26
- display: flex;
27
- align-items: center;
28
- justify-content: center;
29
- padding: 0 4px;
30
- border-radius: 8px;
31
- background: var(--color-primary-blue-1, #3b82f6);
32
- color: white;
33
- font-size: 10px;
34
- font-weight: 600;
35
- font-family: var(--font-inter);
36
- line-height: 1;
37
- `,o=()=>e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-grey-3, #374151)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]});exports.HighlightButton=({count:i,isOpen:n,onClick:l})=>e.jsxs(r,{onClick:l,$isOpen:n,title:"Highlights","aria-label":i>0?`Highlights (${i})`:"Highlights","aria-expanded":n,"aria-haspopup":"dialog","data-highlight-toggle":!0,children:[e.jsx(o,{}),i>0&&e.jsx(t,{children:i})]});
18
+ `;exports.HighlightButton=({count:i,isOpen:n,onClick:s})=>e.jsx(t.Tooltip,{content:"Highlights",place:"top",children:e.jsx(o,{onClick:s,$isOpen:n,"aria-label":i>0?`Highlights (${i})`:"Highlights","aria-expanded":n,"aria-haspopup":"dialog","data-highlight-toggle":!0,children:e.jsx(r.Highlighter,{size:24,color:"grey-6"})})});
@@ -1,4 +1,4 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);const i=r.styled.div`
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const i=r.styled.div`
2
2
  position: absolute;
3
3
  top: calc(100% + 4px);
4
4
  right: 0;
@@ -18,20 +18,12 @@
18
18
  justify-content: space-between;
19
19
  padding: 12px 16px;
20
20
  border-bottom: 1px solid var(--color-grey-9, #f3f4f6);
21
- `,a=r.styled.span`
21
+ `,s=r.styled.span`
22
22
  font-size: 14px;
23
- font-weight: 600;
24
- color: var(--color-grey-2, #1f2937);
25
- font-family: var(--font-inter);
26
- `,d=r.styled.span`
27
- font-size: 12px;
28
23
  font-weight: 500;
29
- color: var(--color-grey-5, #6b7280);
30
- background: var(--color-grey-9, #f3f4f6);
31
- padding: 2px 8px;
32
- border-radius: 10px;
24
+ color: var(--color-grey-4, #636971);
33
25
  font-family: var(--font-inter);
34
- `,s=r.styled.div`
26
+ `,a=r.styled.div`
35
27
  overflow-y: auto;
36
28
  flex: 1;
37
29
  padding: 4px;
@@ -45,7 +37,7 @@
45
37
  &:hover {
46
38
  background: var(--color-grey-10, #f9fafb);
47
39
  }
48
- `,u=r.styled.button`
40
+ `,d=r.styled.button`
49
41
  flex: 1;
50
42
  display: flex;
51
43
  align-items: flex-start;
@@ -57,25 +49,15 @@
57
49
  text-align: left;
58
50
  border-radius: 6px;
59
51
  min-width: 0;
60
- `,f=r.styled.div`
61
- width: 10px;
62
- height: 10px;
63
- min-width: 10px;
64
- border-radius: 50%;
65
- background-color: ${e=>e.$color};
66
- margin-top: 3px;
67
- border: 1px solid rgba(0, 0, 0, 0.08);
68
- `,h=r.styled.span`
69
- font-size: 13px;
70
- color: var(--color-grey-3, #374151);
52
+ `,u=r.styled.span`
53
+ font-size: 12px;
54
+ color: var(--color-grey-4, #636971);
71
55
  font-family: var(--font-inter);
72
56
  line-height: 1.4;
73
- display: -webkit-box;
74
- -webkit-line-clamp: 2;
75
- -webkit-box-orient: vertical;
57
+ white-space: nowrap;
76
58
  overflow: hidden;
77
- word-break: break-word;
78
- `,p=r.styled.button`
59
+ text-overflow: ellipsis;
60
+ `,f=r.styled.button`
79
61
  display: flex;
80
62
  align-items: center;
81
63
  justify-content: center;
@@ -85,32 +67,26 @@
85
67
  border-radius: 6px;
86
68
  border: none;
87
69
  background: none;
88
- color: var(--color-grey-6, #9ca3af);
70
+ color: var(--color-grey-3, #4a4f55);
89
71
  cursor: pointer;
90
72
  padding: 0;
91
- transition: all 0.15s ease;
92
-
93
- &:hover {
94
- color: var(--color-red-1, #ef4444);
95
- background: var(--color-red-9, #fef2f2);
96
- }
97
- `,g=r.styled.div`
73
+ `,h=r.styled.div`
98
74
  display: flex;
99
75
  flex-direction: column;
100
76
  align-items: center;
101
77
  padding: 32px 24px;
102
78
  gap: 8px;
103
- `,x=r.styled.div`
79
+ `,p=r.styled.div`
104
80
  margin-bottom: 4px;
105
81
  opacity: 0.6;
106
- `,v=r.styled.span`
82
+ `,x=r.styled.span`
107
83
  font-size: 14px;
108
84
  font-weight: 600;
109
85
  color: var(--color-grey-4, #4b5563);
110
86
  font-family: var(--font-inter);
111
- `,m=r.styled.span`
87
+ `,g=r.styled.span`
112
88
  font-size: 13px;
113
89
  color: var(--color-grey-6, #9ca3af);
114
90
  font-family: var(--font-inter);
115
91
  text-align: center;
116
- `;exports.HighlightsDropdown=({isOpen:t,highlights:r,onRemove:o,onClose:b})=>{const y=n.default.useRef(null),w=n.default.useRef(null),k=n.default.useRef([]),j=n.default.useCallback(()=>{w.current&&(clearTimeout(w.current),w.current=null),k.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),k.current=[]},[]),E=n.default.useCallback(e=>{const t=document.querySelectorAll(`[data-highlight-id="${e}"]`);0!==t.length&&(t[0].scrollIntoView({behavior:"smooth",block:"center"}),j(),k.current=Array.from(t),k.current.forEach(e=>{e.setAttribute("data-highlight-pulse","true")}),w.current=setTimeout(()=>{k.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),k.current=[],w.current=null},1500))},[j]);n.default.useEffect(()=>j,[j]);const A=n.default.useRef(null);if(n.default.useEffect(()=>{if(t){A.current=document.activeElement??null;const e=window.requestAnimationFrame(()=>{y.current?.focus()});return()=>window.cancelAnimationFrame(e)}A.current&&(A.current.focus(),A.current=null)},[t]),n.default.useEffect(()=>{if(!t)return;const e=e=>{if("Escape"===e.key)return void b();if("Tab"!==e.key)return;const t=(()=>{const e=y.current;return e?Array.from(e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>!e.hasAttribute("disabled")):[]})();if(0===t.length)return e.preventDefault(),void y.current?.focus();const r=t[0],o=t[t.length-1],n=document.activeElement;e.shiftKey?n!==r&&n!==y.current||(e.preventDefault(),o.focus()):n===o&&(e.preventDefault(),r.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,b]),n.default.useEffect(()=>{if(!t)return;const e=e=>{if(y.current&&!y.current.contains(e.target)){if(e.target.closest("[data-highlight-toggle]"))return;b()}},r=setTimeout(()=>{document.addEventListener("mousedown",e)},50);return()=>{clearTimeout(r),document.removeEventListener("mousedown",e)}},[t,b]),!t)return null;const L=[...r].sort((e,t)=>t.createdAt-e.createdAt);return e.jsxs(i,{ref:y,role:"dialog","aria-label":"Highlights","aria-modal":"false",tabIndex:-1,children:[e.jsxs(l,{children:[e.jsx(a,{children:"Highlights"}),e.jsx(d,{children:r.length})]}),0===r.length?e.jsxs(g,{children:[e.jsx(x,{children:e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-grey-6, #9ca3af)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]})}),e.jsx(v,{children:"No highlights yet"}),e.jsx(m,{children:"Select text to highlight important sections"})]}):e.jsx(s,{children:L.map(t=>e.jsxs(c,{children:[e.jsxs(u,{onClick:()=>{E(t.id),b()},children:[e.jsx(f,{$color:t.color}),e.jsx(h,{children:t.snippetText})]}),e.jsx(p,{onClick:e=>{e.stopPropagation(),o(t.id)},title:"Remove highlight",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("polyline",{points:"3 6 5 6 21 6"}),e.jsx("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]})})]},t.id))})]})};
92
+ `;exports.HighlightsDropdown=({isOpen:t,highlights:r,onRemove:n,onClose:y})=>{const m=o.default.useRef(null),v=o.default.useRef(null),b=o.default.useRef([]),w=o.default.useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null),b.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),b.current=[]},[]),j=o.default.useCallback(e=>{const t=document.querySelectorAll(`[data-highlight-id="${e}"]`);0!==t.length&&(t[0].scrollIntoView({behavior:"smooth",block:"center"}),w(),b.current=Array.from(t),b.current.forEach(e=>{e.setAttribute("data-highlight-pulse","true")}),v.current=setTimeout(()=>{b.current.forEach(e=>{e.removeAttribute("data-highlight-pulse")}),b.current=[],v.current=null},1500))},[w]);o.default.useEffect(()=>w,[w]);const k=o.default.useRef(null);if(o.default.useEffect(()=>{if(t){k.current=document.activeElement??null;const e=window.requestAnimationFrame(()=>{m.current?.focus()});return()=>window.cancelAnimationFrame(e)}k.current&&(k.current.focus({preventScroll:!0}),k.current=null)},[t]),o.default.useEffect(()=>{if(!t)return;const e=e=>{if("Escape"===e.key)return void y();if("Tab"!==e.key)return;const t=(()=>{const e=m.current;return e?Array.from(e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>!e.hasAttribute("disabled")):[]})();if(0===t.length)return e.preventDefault(),void m.current?.focus();const r=t[0],n=t[t.length-1],o=document.activeElement;e.shiftKey?o!==r&&o!==m.current||(e.preventDefault(),n.focus()):o===n&&(e.preventDefault(),r.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,y]),o.default.useEffect(()=>{if(!t)return;const e=e=>{if(m.current&&!m.current.contains(e.target)){if(e.target.closest("[data-highlight-toggle]"))return;y()}},r=setTimeout(()=>{document.addEventListener("mousedown",e)},50);return()=>{clearTimeout(r),document.removeEventListener("mousedown",e)}},[t,y]),!t)return null;const E=[...r].sort((e,t)=>t.createdAt-e.createdAt);return e.jsxs(i,{ref:m,role:"dialog","aria-label":"Highlights","aria-modal":"false",tabIndex:-1,children:[e.jsx(l,{children:e.jsx(s,{children:"Your highlights"})}),0===r.length?e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-grey-6, #9ca3af)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 20h9"}),e.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]})}),e.jsx(x,{children:"No highlights yet"}),e.jsx(g,{children:"Select text to highlight important sections"})]}):e.jsx(a,{children:E.map(t=>e.jsxs(c,{children:[e.jsx(d,{onClick:()=>{j(t.id),y()},children:e.jsx(u,{children:t.snippetText})}),e.jsx(f,{onClick:e=>{e.stopPropagation(),n(t.id)},title:"Remove highlight",children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})})]},t.id))})]})};
@@ -44,7 +44,9 @@ export interface EditorProps {
44
44
  snippetText: string;
45
45
  highlightId: string;
46
46
  }) => void;
47
+ renderToolbarItems?: () => React.ReactNode;
48
+ toolbarPortalTarget?: HTMLElement | null;
47
49
  }
48
50
  export type EditorContent = TElement;
49
- export declare const Editor: ({ audioLoader, commentInputLoader, commentLoader, editable, handleAudioClick, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, showAnswersBelowInput, enableHighlighting, initialHighlights, onHighlightsChange, onOpenNotes, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
51
+ export declare const Editor: ({ audioLoader, commentInputLoader, commentLoader, editable, handleAudioClick, handleVideoClick, imageSrcLoader, onChange, previousContent, defaultFilter, videoTitleLoader, filterComponent, hideShowAnswersButton, showAnswersBelowInput, enableHighlighting, initialHighlights, onHighlightsChange, onOpenNotes, renderToolbarItems, toolbarPortalTarget, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
50
52
  //# sourceMappingURL=editor.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,QAAQ,EAET,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAElB,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAOnB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAe3D,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,aAAa,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;CACX;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,MAAM,yTAmBhB,WAAW,4CA0Fb,CAAC"}
1
+ {"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAIL,QAAQ,EAET,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAElB,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAOnB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAe3D,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IACjE,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,aAAa,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,CACZ,OAAO,EACH;QAAE,IAAI,EAAE,KAAK,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,GACpC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAC3D,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC3C,mBAAmB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,eAAO,MAAM,MAAM,kWAqBhB,WAAW,4CAoHb,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"highlight-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-button.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,gCAIzB,oBAAoB,4CAetB,CAAC"}
1
+ {"version":3,"file":"highlight-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlight-button.tsx"],"names":[],"mappings":"AAKA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,gCAIzB,oBAAoB,4CAetB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"highlights-dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlights-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,kBAAkB,+CAK5B,uBAAuB,4CAgOzB,CAAC"}
1
+ {"version":3,"file":"highlights-dropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/highlights/highlights-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,kBAAkB,+CAK5B,uBAAuB,4CA+NzB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.156",
3
+ "version": "2.14.157",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",