@sps-woodland/core 8.50.2 → 8.51.1

package/lib/rich-text-editor/index.umd.cjs

@@ -0,0 +1,13 @@
+(function(u,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("@sps-woodland/core"),require("react"),require("@spscommerce/ds-react"),require("@sps-woodland/core/button"),require("@spscommerce/i18n"),require("@sps-woodland/tokens"),require("remark-parse"),require("remark-rehype"),require("rehype-sanitize"),require("rehype-stringify"),require("unified"),require("unist-util-visit"),require("rehype-parse"),require("rehype-remark"),require("remark-stringify")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core","react","@spscommerce/ds-react","@sps-woodland/core/button","@spscommerce/i18n","@sps-woodland/tokens","remark-parse","remark-rehype","rehype-sanitize","rehype-stringify","unified","unist-util-visit","rehype-parse","rehype-remark","remark-stringify"],w):(u=typeof globalThis<"u"?globalThis:u||self,w(u.RichTextEditor={},u.core,u.React,u.dsReact,u.button$1,u.i18n,u.tokens,u.remarkParse,u.remarkRehype,u.rehypeSanitize,u.rehypeStringify,u.unified,u.unistUtilVisit,u.rehypeParse,u.rehypeRemark,u.remarkStringify))})(this,(function(u,w,f,v,A,B,x,D,U,P,V,T,H,F,q,$){"use strict";function j(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const d=j(f);function Z({onClose:t,selectionDOMContextFind:n,selectionRange:e}){const{t:r}=B.useWoodlandLanguage(),o=d.useRef(e),s=d.useRef(!1),{formValue:i,formMeta:c,updateForm:a}=v.useSpsForm({text:e?.toString()||"",link:""});return d.useEffect(()=>{if(!s.current){const l=n(g=>g.tagName==="A");l&&(a({text:l.textContent||"",link:l.getAttribute("href")||""}),s.current=!0)}},[n]),d.createElement(v.SpsModal,{title:"Add Link",onClose:()=>t(o.current)},d.createElement("div",{className:"sg-row"},d.createElement("div",{className:"sg-col-12"},d.createElement(v.SpsLabel,{for:c.fields.text},r("richTextEditor.linkModal.text",{defaultValue:"Text"})),d.createElement(v.SpsTextInput,{formMeta:c.fields.text,value:i.text}))),d.createElement("div",{className:"sg-row"},d.createElement("div",{className:"sg-col-12"},d.createElement(v.SpsLabel,{for:c.fields.link},r("richTextEditor.linkModal.link",{defaultValue:"Link"})),d.createElement(v.SpsTextInput,{formMeta:c.fields.link,value:i.link}))),d.createElement(v.SpsModalFooter,null,d.createElement(A.Button,{onClick:()=>t(o.current,i)},r("richTextEditor.linkModal.ok",{defaultValue:"OK"}))))}function G(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function S(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),e.push.apply(e,r)}return e}function M(t){for(var n=1;n<arguments.length;n++){var e=arguments[n]!=null?arguments[n]:{};n%2?S(Object(e),!0).forEach(function(r){G(t,r,e[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):S(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})}return t}var z=(t,n,e)=>{for(var r of Object.keys(t)){var o;if(t[r]!==((o=n[r])!==null&&o!==void 0?o:e[r]))return!1}return!0},E=t=>n=>{var e=t.defaultClassName,r=M(M({},t.defaultVariants),n);for(var o in r){var s,i=(s=r[o])!==null&&s!==void 0?s:t.defaultVariants[o];if(i!=null){var c=i;typeof c=="boolean"&&(c=c===!0?"true":"false");var a=t.variantClassNames[o][c];a&&(e+=" "+a)}}for(var[l,g]of t.compoundVariants)z(l,r,t.defaultVariants)&&(e+=" "+g);return e},K=E({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1903a6n0",variantClassNames:{active:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1903a6n1",false:"pkg_sps-woodland_core__version_8_51_1__hash_1903a6n2"}},defaultVariants:{},compoundVariants:[]}),W={icon:"pkg_sps-woodland_core__version_8_51_1__hash_1903a6n3"};function J({icon:t,onClick:n,selectionDOMContextFind:e,activeTest:r,isSimpleToggle:o=!1,...s}){const[i,c]=d.useState(!1);d.useEffect(()=>{r&&c(!!e(r))},[e]);const a=d.useCallback(()=>{n&&n(i),o&&c(!i)},[n,i]);return d.createElement("button",{className:K({active:i}),onClick:a,onMouseDown:l=>l.preventDefault(),...s},d.createElement("span",{className:W.icon,style:{backgroundImage:'url("'+t+'")'},"aria-hidden":"true"}))}var Q=E({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss0",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss1",false:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss2"}},defaultVariants:{disabled:!1},compoundVariants:[]}),X=E({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss3",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss4",false:"pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss5"}},defaultVariants:{},compoundVariants:[]}),Y="pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss6",e0="pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss7";function t0(){return t=>(H.visit(t,"listItem",n=>{const e=Array.from(n.children);if(e.length>0&&e[0].type==="paragraph"){const r=e[0],s=Array.from(r.children).concat(e.slice(1));n.children=s}}),t)}function n0(){const t=f.useMemo(()=>T.unified().use(D).use(t0).use(U).use(P).use(V),[]);return f.useMemo(()=>function(e){return t.process(e).then(String)},[t])}function r0(){const t=f.useMemo(()=>T.unified().use(F).use(q).use($),[]);return f.useMemo(()=>function(e){return t.process(e).then(String)},[])}function o0(t="",n=""){const[e,r]=f.useState(),[o,s]=f.useState({html:n}),i=r0(),c=n0(),a=f.useCallback(async m=>{const h=await c(m),p={md:m,html:h};return r(p),p},[c]),l=f.useCallback(async m=>{const p={md:await i(m),html:m};return r(p),p},[i]);f.useEffect(()=>{!n&&t!==e?.md?a(t).then(({html:m})=>{s({html:m})}):!t&&n&&n!==e?.html&&l(n)},[t,n]);function g(m){m.current&&l(m.current.innerHTML)}return{aggValue:e,editableDivInnerHtml:o,updateStateFromDiv:g}}function i0(t){if(t instanceof HTMLElement){for(const n of Array.from(t.attributes))/(style|class|data-[^=]+)/.test(n.name)&&t.removeAttribute(n.name);t.innerHTML=t.innerHTML.replace(/(style|class|data-[^=]+)="[^"]+"/g,"")}}const s0=[{regex:/\*\*([^*]+)\*\*/,command:"bold"},{regex:new RegExp("(?<!\\*)\\*([^*]+)\\*"),command:"italic"},{regex:/^\*[ \u00a0]/,command:"insertUnorderedList"},{regex:/^1\.[ \u00a0]/,command:"insertOrderedList"},{regex:/\[([^\]]+)\]\(([^)]+)\)/,command:"createLink",getCommandArg:([,,t])=>/^https?:\/\//.test(t)?t:`https://${t}`}];function c0(t,n,e){const r=document.createRange();r.setStart(t,n),r.setEnd(t,e);const o=window.getSelection();o?.removeAllRanges(),o?.addRange(r)}function k(t){const n=document.createRange();n.setStartAfter(t),n.setEndAfter(t);const e=window.getSelection();e?.removeAllRanges(),e?.addRange(n)}function a0(t){const n=document.createRange();n.setStartBefore(t),n.setEndBefore(t);const e=window.getSelection();e?.removeAllRanges(),e?.addRange(n)}function l0(t){const n=f.useRef(null),e=f.useMemo(()=>new MutationObserver(([r])=>{if(r.type==="characterData"&&r.oldValue&&r.target.textContent){for(const o of s0)if(!o.regex.test(r.oldValue)&&o.regex.test(r.target.textContent)){const s=o.regex.exec(r.target.textContent),[i,c=""]=s,a=r.target.textContent.indexOf(i);r.target.textContent=r.target.textContent.replace(i,c);const l=a+c.length;c0(r.target,a,l);const g=o.getCommandArg?o.getCommandArg(s):void 0;document.execCommand(o.command,void 0,g),c&&(k(r.target.parentNode),document.execCommand(o.command))}}else r.type==="childList"&&Array.from(r.addedNodes).forEach(o=>{let s;if(o instanceof HTMLElement&&o.tagName==="LI"?s=o:o?.parentElement?.tagName==="LI"&&(s=o?.parentElement),s){const i=s.nextElementSibling,c=i?.childNodes?.[0];if(c instanceof HTMLElement&&["UL","OL"].includes(c.tagName)){const l=document.createElement("br");i.insertBefore(l,c),a0(l)}}i0(o)});t(n)}),[]);return f.useEffect(()=>()=>{e&&e.disconnect()},[]),f.useEffect(()=>{n.current!==null&&e.observe(n.current,{childList:!0,subtree:!0,characterDataOldValue:!0})},[e,n]),n}function d0(t){const[n,e]=f.useState();f.useEffect(()=>{function o(){const s=window.getSelection();Number(s?.rangeCount)>0&&e(s?.getRangeAt(0))}return document.addEventListener("selectionchange",o),()=>{document.removeEventListener("selectionchange",o)}},[]);const r=f.useCallback(o=>{if(!n)return null;const s=n.commonAncestorContainer;if(!t.current||!t.current.contains(s))return null;let i=s instanceof HTMLElement?s:s.parentElement;for(;i&&i!==t.current;){if(o(i))return i;i=i.parentElement}return null},[n]);return{selectionRange:n,selectionDOMContextFind:r}}const g0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='10px'%20height='12px'%20viewBox='0%200%2010%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eBold%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-53.000000,%20-103.000000)'%20fill='%234B5356'%20fill-rule='nonzero'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%202.000000)'%20id='B'%3e%3cg%20transform='translate(3.550000,%202.130000)'%3e%3cpath%20d='M0,0%20L4.014,0%20C4.626,0%205.193,0.045%205.715,0.135%20C6.237,0.225%206.693,0.384%207.083,0.612%20C7.473,0.84%207.779,1.14%208.001,1.512%20C8.223,1.884%208.334,2.352%208.334,2.916%20C8.334,3.18%208.295,3.444%208.217,3.708%20C8.139,3.972%208.022,4.218%207.866,4.446%20C7.71,4.674%207.506,4.878%207.254,5.058%20C7.002,5.238%206.708,5.37%206.372,5.454%20L6.372,5.526%20C7.212,5.682%207.845,5.982%208.271,6.426%20C8.697,6.87%208.91,7.488%208.91,8.28%20C8.91,8.88%208.793,9.396%208.559,9.828%20C8.325,10.26%208.001,10.617%207.587,10.899%20C7.173,11.181%206.69,11.391%206.138,11.529%20C5.586,11.667%204.992,11.736%204.356,11.736%20L0,11.736%20L0,0%20Z%20M3.888,4.734%20C4.536,4.734%205.007,4.605%205.301,4.347%20C5.595,4.089%205.742,3.738%205.742,3.294%20C5.742,2.85%205.592,2.532%205.292,2.34%20C4.992,2.148%204.53,2.052%203.906,2.052%20L2.646,2.052%20L2.646,4.734%20L3.888,4.734%20Z%20M4.14,9.684%20C5.592,9.684%206.318,9.15%206.318,8.082%20C6.318,7.566%206.138,7.191%205.778,6.957%20C5.418,6.723%204.872,6.606%204.14,6.606%20L2.646,6.606%20L2.646,9.684%20L4.14,9.684%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",m0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='14px'%20viewBox='0%200%2016%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIndent%20short%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-50.000000,%20-282.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20182.000000)'%3e%3crect%20id='Rectangle-223'%20x='0'%20y='1.6'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='0'%20y='12.4'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='8.8'%20width='9'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='5.2'%20width='9'%20height='2'%3e%3c/rect%3e%3cpath%20d='M5.20857552,7.99286089%20C5.20857552,8.06428955%205.18178977,8.14464678%205.12821828,8.19821828%20L2.27107201,11.0553645%20C2.21750052,11.108936%202.13714328,11.1357218%202.06571463,11.1357218%20C1.91392873,11.1357218%201.78,11.001793%201.78,10.85%20L1.78,5.13571463%20C1.78,4.97500015%201.90500015,4.85%202.06571463,4.85%20C2.14607186,4.85%202.21750052,4.88571433%202.28,4.93928582%20L5.12821828,7.7875035%20C5.18178977,7.84107499%205.20857552,7.92143223%205.20857552,7.99286089%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",u0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='10px'%20height='12px'%20viewBox='0%200%2010%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eItalics%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-53.000000,%20-148.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%2047.000000)'%3e%3cg%20id='I'%20transform='translate(5.600000,%202.130000)'%20fill-rule='nonzero'%3e%3cpolygon%20id='Path'%20points='2.358%200%204.824%200%202.484%2011.736%200%2011.736'%3e%3c/polygon%3e%3c/g%3e%3crect%20id='Rectangle'%20x='5.5'%20y='2'%20width='7'%20height='1.5'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20x='3.5'%20y='12.5'%20width='7'%20height='1.5'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",f0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-401.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Icon/icon-link'%20transform='translate(254.000000,%2032.000000)'%3e%3cpath%20d='M9.28515625,6.03125%20C9.33984402,6.06770852%209.39908822,6.11328098%209.46289062,6.16796875%20C9.52669303,6.22265652%209.58593723,6.26822898%209.640625,6.3046875%20L9.6953125,6.359375%20C10.3333365,7.01562828%2010.6523438,7.79947461%2010.6523438,8.7109375%20C10.6523438,9.62240039%2010.3333365,10.4062467%209.6953125,11.0625%20L6.6875,14.0429688%20C6.04947598,14.6809928%205.27474414,15%204.36328125,15%20C3.45181836,15%202.66797203,14.6809928%202.01171875,14.0429688%20L1.95703125,13.9882812%20C1.31900723,13.332028%201,12.5481816%201,11.6367188%20C1,10.7252559%201.31900723,9.95052402%201.95703125,9.3125%20L4.0625,7.20703125%20C4.04427074,7.51692863%204.06249973,7.82682137%204.1171875,8.13671875%20C4.17187527,8.44661613%204.2630202,8.73827988%204.390625,9.01171875%20L3.05078125,10.3789062%20C2.68619609,10.7252621%202.50390625,11.1445288%202.50390625,11.6367188%20C2.50390625,12.1289087%202.68619609,12.5481754%203.05078125,12.8945312%20L3.10546875,12.9492188%20C3.45182465,13.3138039%203.87109129,13.4960938%204.36328125,13.4960938%20C4.85547121,13.4960938%205.27473785,13.3138039%205.62109375,12.9492188%20L8.6015625,9.96875%20C8.9479184,9.6223941%209.12109375,9.20312746%209.12109375,8.7109375%20C9.12109375,8.21874754%208.9479184,7.7994809%208.6015625,7.453125%20L8.546875,7.3984375%20C8.49218723,7.34374973%208.43750027,7.29362002%208.3828125,7.24804688%20C8.32812473,7.20247373%208.26432328,7.16145852%208.19140625,7.125%20L9.28515625,6.03125%20Z%20M11.6367188,1%20C12.5481816,1%2013.332028,1.31900723%2013.9882812,1.95703125%20L14.0429688,2.01171875%20C14.6809928,2.66797203%2015,3.45181836%2015,4.36328125%20C15,5.27474414%2014.6809928,6.04947598%2014.0429688,6.6875%20L11.9375,8.79296875%20C11.9557293,8.48307137%2011.9375003,8.17317863%2011.8828125,7.86328125%20C11.8281247,7.55338387%2011.7369798,7.26172012%2011.609375,6.98828125%20L12.9492188,5.62109375%20C13.3138039,5.27473785%2013.4960938,4.85547121%2013.4960938,4.36328125%20C13.4960938,3.87109129%2013.3138039,3.45182465%2012.9492188,3.10546875%20L12.8945312,3.05078125%20C12.5481754,2.68619609%2012.1289087,2.50390625%2011.6367188,2.50390625%20C11.1445288,2.50390625%2010.7252621,2.68619609%2010.3789062,3.05078125%20L7.3984375,6.03125%20C7.0520816,6.3776059%206.87890625,6.79687254%206.87890625,7.2890625%20C6.87890625,7.78125246%207.0520816,8.2005191%207.3984375,8.546875%20L7.453125,8.6015625%20C7.50781277,8.65625027%207.56249973,8.70637998%207.6171875,8.75195312%20C7.67187527,8.79752627%207.73567672,8.83854148%207.80859375,8.875%20L6.71484375,9.96875%20C6.66015598,9.93229148%206.60091178,9.88671902%206.53710938,9.83203125%20C6.47330697,9.77734348%206.41406277,9.73177102%206.359375,9.6953125%20L6.3046875,9.640625%20C5.66666348,8.98437172%205.34765625,8.20052539%205.34765625,7.2890625%20C5.34765625,6.37759961%205.66666348,5.59375328%206.3046875,4.9375%20L9.3125,1.95703125%20C9.95052402,1.31900723%2010.7252559,1%2011.6367188,1%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",h0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='15px'%20height='14px'%20viewBox='0%200%2015%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eOrdered%20list%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-192.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%2092.000000)'%3e%3crect%20id='Rectangle-223-Copy-3'%20x='5'%20y='2.5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223-Copy-2'%20x='5'%20y='7'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223-Copy'%20x='5'%20y='11.5'%20width='11'%20height='2'%3e%3c/rect%3e%3cg%20id='1'%20transform='translate(1.500000,%201.900000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0,2.58%20L0.69,2.58%20L0.69,0.745%20L0.095,0.745%20L0.095,0.29%20C0.268333333,0.256666667%200.415,0.216666667%200.535,0.17%20C0.655,0.123333333%200.771666667,0.0666666667%200.885,0%20L1.425,0%20L1.425,2.58%20L2.02,2.58%20L2.02,3.175%20L0,3.175%20L0,2.58%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3cg%20id='2'%20transform='translate(1.355000,%206.400000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0.035,2.815%20C0.238333333,2.625%200.424166667,2.4475%200.5925,2.2825%20C0.760833333,2.1175%200.905833333,1.9625%201.0275,1.8175%20C1.14916667,1.6725%201.24416667,1.5375%201.3125,1.4125%20C1.38083333,1.2875%201.415,1.16833333%201.415,1.055%20C1.415,0.898333333%201.375,0.779166667%201.295,0.6975%20C1.215,0.615833333%201.105,0.575%200.965,0.575%20C0.848333333,0.575%200.745,0.6075%200.655,0.6725%20C0.565,0.7375%200.48,0.813333333%200.4,0.9%20L0,0.505%20C0.156666667,0.338333333%200.316666667,0.2125%200.48,0.1275%20C0.643333333,0.0425%200.838333333,0%201.065,0%20C1.22166667,0%201.36416667,0.0241666667%201.4925,0.0725%20C1.62083333,0.120833333%201.73166667,0.189166667%201.825,0.2775%20C1.91833333,0.365833333%201.99,0.471666667%202.04,0.595%20C2.09,0.718333333%202.115,0.856666667%202.115,1.01%20C2.115,1.14333333%202.08666667,1.27916667%202.03,1.4175%20C1.97333333,1.55583333%201.8975,1.69416667%201.8025,1.8325%20C1.7075,1.97083333%201.59916667,2.10916667%201.4775,2.2475%20C1.35583333,2.38583333%201.23,2.52166667%201.1,2.655%20C1.18,2.645%201.26916667,2.63583333%201.3675,2.6275%20C1.46583333,2.61916667%201.55333333,2.615%201.63,2.615%20L2.27,2.615%20L2.27,3.235%20L0.035,3.235%20L0.035,2.815%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3cg%20id='3'%20transform='translate(1.350000,%2010.800000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0.34,2.38%20C0.436666667,2.47333333%200.5425,2.55%200.6575,2.61%20C0.7725,2.67%200.898333333,2.7%201.035,2.7%20C1.19166667,2.7%201.31666667,2.6675%201.41,2.6025%20C1.50333333,2.5375%201.55,2.445%201.55,2.325%20C1.55,2.255%201.5375,2.19166667%201.5125,2.135%20C1.4875,2.07833333%201.44333333,2.03083333%201.38,1.9925%20C1.31666667,1.95416667%201.23,1.92416667%201.12,1.9025%20C1.01,1.88083333%200.868333333,1.87%200.695,1.87%20L0.695,1.35%20C0.838333333,1.35%200.9575,1.34%201.0525,1.32%20C1.1475,1.3%201.22416667,1.27083333%201.2825,1.2325%20C1.34083333,1.19416667%201.3825,1.14916667%201.4075,1.0975%20C1.4325,1.04583333%201.445,0.988333333%201.445,0.925%20C1.445,0.815%201.41166667,0.729166667%201.345,0.6675%20C1.27833333,0.605833333%201.18166667,0.575%201.055,0.575%20C0.941666667,0.575%200.839166667,0.6%200.7475,0.65%20C0.655833333,0.7%200.56,0.768333333%200.46,0.855%20L0.09,0.405%20C0.236666667,0.278333333%200.390833333,0.179166667%200.5525,0.1075%20C0.714166667,0.0358333333%200.893333333,0%201.09,0%20C1.25333333,0%201.4025,0.0191666667%201.5375,0.0575%20C1.6725,0.0958333333%201.7875,0.1525%201.8825,0.2275%20C1.9775,0.3025%202.05166667,0.393333333%202.105,0.5%20C2.15833333,0.606666667%202.185,0.73%202.185,0.87%20C2.185,1.03666667%202.13916667,1.1775%202.0475,1.2925%20C1.95583333,1.4075%201.825,1.50166667%201.655,1.575%20L1.655,1.595%20C1.83833333,1.64833333%201.98916667,1.73916667%202.1075,1.8675%20C2.22583333,1.99583333%202.285,2.16333333%202.285,2.37%20C2.285,2.51666667%202.25333333,2.6475%202.19,2.7625%20C2.12666667,2.8775%202.04166667,2.97416667%201.935,3.0525%20C1.82833333,3.13083333%201.70333333,3.19083333%201.56,3.2325%20C1.41666667,3.27416667%201.265,3.295%201.105,3.295%20C0.845,3.295%200.625,3.25416667%200.445,3.1725%20C0.265,3.09083333%200.116666667,2.98166667%200,2.845%20L0.34,2.38%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",p0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='14px'%20viewBox='0%200%2016%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eOutdent%20short%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-50.000000,%20-327.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20227.000000)'%3e%3crect%20id='Rectangle-223'%20x='0'%20y='1.6'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='0'%20y='12.4'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='8.8'%20width='9'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='5.2'%20width='9'%20height='2'%3e%3c/rect%3e%3cpath%20d='M5.21357552,10.85%20C5.21357552,11.001793%205.08857537,11.1357218%204.92786089,11.1357218%20C4.84750365,11.1357218%204.77607499,11.1000075%204.71357492,11.046436%20L1.86535724,8.1892897%20C1.81178575,8.1357182%201.785,8.06428955%201.785,7.99286089%20C1.785,7.91250365%201.81178575,7.84107499%201.86535724,7.7875035%20L4.7225035,4.93035724%20C4.77607499,4.87678575%204.85643223,4.85%204.92786089,4.85%20C5.07964678,4.85%205.21357552,4.97500015%205.21357552,5.13571463%20L5.21357552,10.85%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",C0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-520.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Button/2.-Icon/6.-Default-Copy-8'%20transform='translate(363.000000,%2025.000000)'%3e%3cg%20id='Icon/icon-undo'%20transform='translate(10.000000,%207.000000)'%3e%3cpath%20d='M15,2.16666667%20C15,1.9296875%2014.8541667,1.72005208%2014.6445312,1.62890625%20C14.4257812,1.53776042%2014.1705729,1.58333333%2014.0065104,1.75651042%20L12.8216146,2.93229167%20C11.5364583,1.72005208%209.79557292,1%208,1%20C4.14453125,1%201,4.14453125%201,8%20C1,11.8554688%204.14453125,15%208,15%20C10.0872396,15%2012.0559896,14.0794271%2013.3867188,12.4752604%20C13.4778646,12.3567708%2013.4778646,12.1835938%2013.3684896,12.0833333%20L12.1197917,10.8255208%20C12.0559896,10.7708333%2011.9739583,10.7434896%2011.8919271,10.7434896%20C11.8098958,10.7526042%2011.7278646,10.7890625%2011.6822917,10.8528646%20C10.7890625,12.0104167%209.44921875,12.6666667%208,12.6666667%20C5.4296875,12.6666667%203.33333333,10.5703125%203.33333333,8%20C3.33333333,5.4296875%205.4296875,3.33333333%208,3.33333333%20C9.19401042,3.33333333%2010.3242188,3.7890625%2011.1809896,4.58203125%20L9.92317708,5.83984375%20C9.75,6.00390625%209.70442708,6.25911458%209.79557292,6.46875%20C9.88671875,6.6875%2010.0963542,6.83333333%2010.3333333,6.83333333%20L14.4166667,6.83333333%20C14.7356771,6.83333333%2015,6.56901042%2015,6.25%20L15,2.16666667%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",w0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-484.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Button/2.-Icon/6.-Default-Copy-9'%20transform='translate(345.000000,%2040.000000)%20scale(-1,%201)%20translate(-345.000000,%20-40.000000)%20translate(327.000000,%2025.000000)'%3e%3cg%20id='Icon/icon-undo'%20transform='translate(10.000000,%207.000000)'%3e%3cpath%20d='M15,2.16666667%20C15,1.9296875%2014.8541667,1.72005208%2014.6445312,1.62890625%20C14.4257812,1.53776042%2014.1705729,1.58333333%2014.0065104,1.75651042%20L12.8216146,2.93229167%20C11.5364583,1.72005208%209.79557292,1%208,1%20C4.14453125,1%201,4.14453125%201,8%20C1,11.8554688%204.14453125,15%208,15%20C10.0872396,15%2012.0559896,14.0794271%2013.3867188,12.4752604%20C13.4778646,12.3567708%2013.4778646,12.1835938%2013.3684896,12.0833333%20L12.1197917,10.8255208%20C12.0559896,10.7708333%2011.9739583,10.7434896%2011.8919271,10.7434896%20C11.8098958,10.7526042%2011.7278646,10.7890625%2011.6822917,10.8528646%20C10.7890625,12.0104167%209.44921875,12.6666667%208,12.6666667%20C5.4296875,12.6666667%203.33333333,10.5703125%203.33333333,8%20C3.33333333,5.4296875%205.4296875,3.33333333%208,3.33333333%20C9.19401042,3.33333333%2010.3242188,3.7890625%2011.1809896,4.58203125%20L9.92317708,5.83984375%20C9.75,6.00390625%209.70442708,6.25911458%209.79557292,6.46875%20C9.88671875,6.6875%2010.0963542,6.83333333%2010.3333333,6.83333333%20L14.4166667,6.83333333%20C14.7356771,6.83333333%2015,6.56901042%2015,6.25%20L15,2.16666667%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",v0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='16px'%20viewBox='0%200%2014%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnlink%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-371.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20272.000000)'%3e%3cpath%20d='M14.0429688,2.01171875%20C14.6809928,2.66797203%2015,3.45181836%2015,4.36328125%20C15,5.27474414%2014.6809928,6.04947598%2014.0429688,6.6875%20L11.1027446,9.58420181%20L10.3518996,8.27890801%20L12.9492188,5.62109375%20C13.3138039,5.27473785%2013.4960938,4.85547121%2013.4960938,4.36328125%20C13.4960938,3.87109129%2013.3138039,3.45182465%2012.9492188,3.10546875%20L12.8945313,3.05078125%20C12.5481754,2.68619609%2012.1289087,2.50390625%2011.6367188,2.50390625%20C11.1445288,2.50390625%2010.7252621,2.68619609%2010.3789063,3.05078125%20L8.41457939,4.92175579%20L7.64047964,3.57621944%20L9.3125,1.95703125%20C9.95052402,1.31900723%2010.7252559,1%2011.6367188,1%20C12.5481816,1%2013.332028,1.31900723%2013.9882813,1.95703125%20L14.0429688,2.01171875%20Z'%20id='Path'%3e%3c/path%3e%3cpath%20d='M8.02641916,12.7072184%20L6.6875,14.0429687%20C6.04947598,14.6809928%205.27474414,15%204.36328125,15%20C3.45181836,15%202.66797203,14.6809928%202.01171875,14.0429687%20L1.95703125,13.9882812%20C1.31900723,13.332028%201,12.5481816%201,11.6367187%20C1,10.7252559%201.31900723,9.95052402%201.95703125,9.3125%20L4.57246065,6.71787083%20L5.34566408,8.05009655%20L3.05078125,10.3789062%20C2.68619609,10.7252621%202.50390625,11.1445288%202.50390625,11.6367187%20C2.50390625,12.1289087%202.68619609,12.5481754%203.05078125,12.8945312%20L3.10546875,12.9492187%20C3.45182465,13.3138039%203.87109129,13.4960937%204.36328125,13.4960937%20C4.85547121,13.4960937%205.27473785,13.3138039%205.62109375,12.9492187%20L7.2646265,11.388324%20L8.02641916,12.7072184%20Z'%20id='Path'%3e%3c/path%3e%3crect%20id='Rectangle'%20transform='translate(7.750000,%208.000000)%20rotate(-30.000000)%20translate(-7.750000,%20-8.000000)%20'%20x='7'%20y='0'%20width='1.5'%20height='16'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",x0="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='15px'%20height='12px'%20viewBox='0%200%2015%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnordered%20list%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-238.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20137.000000)'%3e%3cg%20transform='translate(1.000000,%202.000000)'%3e%3crect%20id='Rectangle-223'%20x='4'%20y='0.5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='4'%20y='5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='4'%20y='9.5'%20width='11'%20height='2'%3e%3c/rect%3e%3ccircle%20id='Oval'%20cx='1.5'%20cy='1.5'%20r='1.5'%3e%3c/circle%3e%3ccircle%20id='Oval-Copy'%20cx='1.5'%20cy='6'%20r='1.5'%3e%3c/circle%3e%3ccircle%20id='Oval-Copy-2'%20cx='1.5'%20cy='10.5'%20r='1.5'%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",L=(t,n)=>{let e=t;for(;e.parentElement&&!n.includes(e.parentElement.tagName);)e=e.parentElement;return e.parentElement&&n.includes(e.parentElement.tagName)?e.parentElement:null},b=t=>{const n=[];let e=t;for(;e.nextElementSibling;)n.push(e.nextElementSibling),e=e.nextElementSibling;return n},L0={key:"bold",icon:g0,onClick:()=>document.execCommand("bold"),activeTest:t=>["B","STRONG"].includes(t.tagName),isSimpleToggle:!0},E0={key:"italics",icon:u0,onClick:()=>document.execCommand("italic"),activeTest:t=>["I","EM"].includes(t.tagName),isSimpleToggle:!0},k0={key:"ul",icon:x0,onClick:()=>document.execCommand("insertUnorderedList"),activeTest:t=>t.tagName==="UL"},_0={key:"ol",icon:h0,onClick:()=>document.execCommand("insertOrderedList"),activeTest:t=>t.tagName==="OL"},y0={key:"indent",icon:m0,onClick:()=>{try{const t=window.getSelection();if(t?.type==="Range"){const n=t.getRangeAt(0),e=n.commonAncestorContainer;if(!(e instanceof HTMLElement)||(e.tagName==="UL"||e.tagName==="OL"||e.tagName==="LI")&&e.firstElementChild&&n.intersectsNode(e.firstElementChild))return;const r=[];let o;if(e.childNodes.forEach(s=>{n.intersectsNode(s)&&s instanceof HTMLElement&&s.tagName==="LI"&&(r.length===0&&(o=s.previousSibling),r.push(s))}),o instanceof HTMLElement&&o.tagName==="LI"){r.forEach(i=>i.remove());const s=o.parentElement?.tagName.toLowerCase();if(s){const i=document.createElement(s);r.forEach(c=>i.appendChild(c)),o.appendChild(i)}return}}else if(t){const{anchorNode:n}=t;let e;if(n instanceof HTMLElement&&n.tagName==="LI"?e=n:n&&(e=L(n,["LI"])),e){const r=e.previousElementSibling,o=e.parentElement.tagName.toLowerCase();if(r&&r.tagName==="LI"){e.remove();const s=r.querySelector(o);if(s)s.appendChild(e);else{const i=document.createElement(o);i.appendChild(e),r.appendChild(i)}n&&k(n.childNodes?.[0]||n)}return}}}catch{}document.execCommand("indent")}},N0={key:"outdent",icon:p0,onClick:()=>{try{const t=window.getSelection();if(t?.type==="Range"){const n=t.getRangeAt(0),e=n.commonAncestorContainer;if(!(e instanceof HTMLElement))return;const r=[];let o;if(e.tagName==="UL"||e.tagName==="OL"?o=e:e.tagName==="LI"&&(o=e.parentElement),o){o.childNodes.forEach(i=>{n.intersectsNode(i)&&i instanceof HTMLElement&&i.tagName==="LI"&&r.push(i)});const s=o.parentElement;s?.tagName==="LI"&&(r.forEach((i,c)=>{if(c===r.length-1){const a=b(i);if(a.length>0){const l=o.tagName.toLowerCase(),g=i.querySelector(l);if(g)for(const m of a)m.remove(),g.appendChild(m);else{const m=document.createElement(l);i.appendChild(m);for(const h of a)h.remove(),m.appendChild(h)}}}i.remove()}),o.childElementCount===0&&o.remove(),r.reverse().forEach(i=>s.after(i)));return}}else if(t){const{anchorNode:n}=t;let e=null,r=null;n instanceof HTMLElement&&(n.tagName==="UL"||n.tagName==="OL")?(e=n,r=n.querySelector("li")):n&&(e=L(n,["UL","OL"]),r=n instanceof HTMLElement&&n.tagName==="LI"?n:L(n,["LI"]));const o=e?L(e,["UL","OL"]):null;if(e&&o){const s=L(e,["LI"]);if(e.childElementCount===1&&e.remove(),r){const i=b(r);if(i.length>0){const c=document.createElement(e.tagName.toLowerCase());r.appendChild(c);for(const a of i)a.remove(),c.appendChild(a)}s?.after(r),r.lastChild&&k(r.lastChild)}return}}}catch{}document.execCommand("outdent")}},T0={key:"undo",icon:w0,onClick:()=>document.execCommand("undo")},S0={key:"redo",icon:C0,onClick:()=>document.execCommand("redo")};function M0(t,n){const[e,r]=f.useState(!1),o=f.useCallback((a,l)=>{r(!1);const g=a.cloneRange(),m=window.getSelection();if((m?.rangeCount??0)>0&&m?.removeAllRanges(),m?.addRange(g),!g?.toString()&&l?.text&&m){const h=document.createTextNode(l.text),{anchorNode:p}=m;if(p instanceof HTMLElement){const C=p.lastElementChild;C&&C.tagName==="BR"?p.insertBefore(h,C):p.appendChild(h)}else if(p){const C=g.cloneRange();C.selectNodeContents(p),C.setEnd(g.endContainer,g.endOffset);const _=C.toString().length;p.parentElement?.insertBefore(h,p.splitText(_))}g.setStart(h,0),g.setEnd(h,l.text.length)}if(l){const h=g?.startContainer?.parentElement;h&&h.tagName==="A"?(h.setAttribute("href",l.link),h.textContent=l.text,window.getSelection()?.getRangeAt(0)?.selectNodeContents(h)):document.execCommand("createLink",void 0,l.link)}},[]),s=f.useMemo(()=>({key:"link",icon:f0,onClick:()=>{const a=window.getSelection(),l=(a?.rangeCount??0)>0?a?.getRangeAt(0).commonAncestorContainer:null;n.current&&l&&n.current.contains(l)&&r(!0)},activeTest:a=>a.tagName==="A"}),[]),i=f.useMemo(()=>({key:"unlink",icon:v0,onClick:()=>{const a=t(s.activeTest);a&&(window.getSelection()?.getRangeAt(0).selectNodeContents(a),document.execCommand("unlink"))}}),[t]);return{toolbarButtons:[L0,E0,"vr",k0,_0,y0,N0,"vr",s,i,"vr",T0,S0],showLinkModal:e,handleLinkModalClose:o}}function I({className:t,md:n,html:e,disabled:r,onChange:o,...s}){const i=w.useChildTestIdAttrBuilder(s),{aggValue:c,editableDivInnerHtml:a,updateStateFromDiv:l}=o0(n,e);d.useEffect(()=>{o&&c&&o(c)},[c]);const g=l0(l);d.useEffect(()=>{a&&g.current&&(g.current.innerHTML=a.html)},[a]);const{selectionRange:m,selectionDOMContextFind:h}=d0(g),{toolbarButtons:p,showLinkModal:C,handleLinkModalClose:_}=M0(h,g),{height:O,minHeight:R}=s.style??{},y={};return O?y.height=`
+      calc(
+        ${O}
+        - ${x.Tokens.component["rich-text-editor"].vr.height}
+        - (2 * ${x.Tokens.component["rich-text-editor"].border.width})
+        - (2 * ${x.Tokens.component["rich-text-editor"].padding.input.y})
+      )`:R&&(y.minHeight=`
+      calc(
+        ${R}
+        - ${x.Tokens.component["rich-text-editor"].vr.height}
+        - (2 * ${x.Tokens.component["rich-text-editor"].border.width})
+        - (2 * ${x.Tokens.component["rich-text-editor"].padding.input.y})
+      )`),d.createElement("div",{className:w.cl(Q({disabled:r}),t),...s},!r&&d.createElement(d.Fragment,null,d.createElement("div",{className:Y,...i("toolbar")},p.map((N,b0)=>N==="vr"?d.createElement("div",{className:e0,key:`vr-${b0}`}):d.createElement(J,{...N,selectionDOMContextFind:h,...i(`button-${N.key}`)}))),C&&d.createElement(Z,{onClose:_,selectionDOMContextFind:h,selectionRange:m})),d.createElement("div",{className:X({disabled:r}),ref:g,contentEditable:!r,...i("input"),style:y}))}w.Metadata.set(I,{name:"RichTextEditor",props:{md:"string",html:"string",disabled:{type:"boolean",default:"false"},onChange:"(newValue: RichTextEditorAggregateValue) => void"}}),u.RichTextEditor=I,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/lib/rich-text-editor/rich-text-editor/RTELinkModal.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+import type { SelectionDOMContextFind } from "./hooks/useRTESelectionListener";
+export interface LinkConfig {
+    text: string;
+    link: string;
+}
+export declare function RTELinkModal({ onClose, selectionDOMContextFind, selectionRange, }: ComponentProps<{
+    onClose: (range?: Range, config?: LinkConfig) => void;
+    selectionDOMContextFind: SelectionDOMContextFind;
+    selectionRange?: Range;
+}>): React.ReactElement;
+//# sourceMappingURL=RTELinkModal.d.ts.map

package/lib/rich-text-editor/rich-text-editor/RTELinkModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTELinkModal.d.ts","sourceRoot":"","sources":["../../../src/rich-text-editor/rich-text-editor/RTELinkModal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,uBAAuB,EACvB,cAAc,GACf,EAAE,cAAc,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtD,uBAAuB,EAAE,uBAAuB,CAAC;IACjD,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC,GAAG,KAAK,CAAC,YAAY,CAmDtB"}

package/lib/rich-text-editor/rich-text-editor/RTELinkModal.js

@@ -0,0 +1,35 @@
+import { useSpsForm as E, SpsModal as k, SpsLabel as c, SpsTextInput as u, SpsModalFooter as x } from "@spscommerce/ds-react";
+import { Button as p } from "@sps-woodland/core/button";
+import { useWoodlandLanguage as g } from "@spscommerce/i18n";
+import * as e from "react";
+function T({
+  onClose: o,
+  selectionDOMContextFind: n,
+  selectionRange: i
+}) {
+  const { t: l } = g(), m = e.useRef(i), s = e.useRef(!1), { formValue: r, formMeta: t, updateForm: f } = E({
+    text: i?.toString() || "",
+    link: ""
+  });
+  return e.useEffect(() => {
+    if (!s.current) {
+      const a = n((d) => d.tagName === "A");
+      a && (f({
+        text: a.textContent || "",
+        link: a.getAttribute("href") || ""
+      }), s.current = !0);
+    }
+  }, [n]), /* @__PURE__ */ e.createElement(
+    k,
+    {
+      title: "Add Link",
+      onClose: () => o(m.current)
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "sg-row" }, /* @__PURE__ */ e.createElement("div", { className: "sg-col-12" }, /* @__PURE__ */ e.createElement(c, { for: t.fields.text }, l("richTextEditor.linkModal.text", { defaultValue: "Text" })), /* @__PURE__ */ e.createElement(u, { formMeta: t.fields.text, value: r.text }))),
+    /* @__PURE__ */ e.createElement("div", { className: "sg-row" }, /* @__PURE__ */ e.createElement("div", { className: "sg-col-12" }, /* @__PURE__ */ e.createElement(c, { for: t.fields.link }, l("richTextEditor.linkModal.link", { defaultValue: "Link" })), /* @__PURE__ */ e.createElement(u, { formMeta: t.fields.link, value: r.link }))),
+    /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(p, { onClick: () => o(m.current, r) }, l("richTextEditor.linkModal.ok", { defaultValue: "OK" })))
+  );
+}
+export {
+  T as RTELinkModal
+};

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.css.d.ts

@@ -0,0 +1,16 @@
+export declare const button: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    active: {
+        true: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        false: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+}>;
+export declare const className: {
+    icon: string;
+};
+//# sourceMappingURL=RTEToolbarButton.css.d.ts.map

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTEToolbarButton.css.d.ts","sourceRoot":"","sources":["../../../src/rich-text-editor/rich-text-editor/RTEToolbarButton.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;EA4BjB,CAAC;AAEH,eAAO,MAAM,SAAS;;CAQrB,CAAC"}

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.css.js

@@ -0,0 +1,7 @@
+/* empty css                                    */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n0", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n1", false: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n2" } }, defaultVariants: {}, compoundVariants: [] }), e = { icon: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n3" };
+export {
+  o as button,
+  e as className
+};

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+import type { ElementTest, SelectionDOMContextFind } from "./hooks/useRTESelectionListener";
+export declare function RTEToolbarButton({ icon, onClick, selectionDOMContextFind, activeTest, isSimpleToggle, ...rest }: ComponentProps<{
+    icon: string;
+    onClick: (isActive: boolean) => void;
+    selectionDOMContextFind: SelectionDOMContextFind;
+    activeTest?: ElementTest;
+    isSimpleToggle?: boolean;
+}, HTMLButtonElement>): React.ReactElement;
+//# sourceMappingURL=RTEToolbarButton.d.ts.map

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTEToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/rich-text-editor/rich-text-editor/RTEToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAG5F,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,uBAAuB,EACvB,UAAU,EACV,cAAsB,EACtB,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,uBAAuB,EAAE,uBAAuB,CAAC;IACjD,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,YAAY,CA4BzC"}

package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.js

@@ -0,0 +1,38 @@
+import * as e from "react";
+import { button as i, className as m } from "./RTEToolbarButton.css.js";
+function p({
+  icon: r,
+  onClick: t,
+  selectionDOMContextFind: s,
+  activeTest: o,
+  isSimpleToggle: c = !1,
+  ...l
+}) {
+  const [a, n] = e.useState(!1);
+  e.useEffect(() => {
+    o && n(!!s(o));
+  }, [s]);
+  const u = e.useCallback(() => {
+    t && t(a), c && n(!a);
+  }, [t, a]);
+  return /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      className: i({ active: a }),
+      onClick: u,
+      onMouseDown: (f) => f.preventDefault(),
+      ...l
+    },
+    /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        className: m.icon,
+        style: { backgroundImage: 'url("' + r + '")' },
+        "aria-hidden": "true"
+      }
+    )
+  );
+}
+export {
+  p as RTEToolbarButton
+};

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.css.d.ts

@@ -0,0 +1,15 @@
+export declare const richTextEditor: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    disabled: {
+        true: {
+            borderColor: string;
+        };
+        false: {
+            borderColor: string;
+        };
+    };
+}>;
+export type RichTextEditorVariants = Required<Parameters<typeof richTextEditor>>[0];
+export declare const rteEditableDiv: typeof richTextEditor;
+export declare const rteToolbar: string;
+export declare const vr: string;
+//# sourceMappingURL=RichTextEditor.css.d.ts.map

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.css.d.ts","sourceRoot":"","sources":["../../../src/rich-text-editor/rich-text-editor/RichTextEditor.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;EAwBzB,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEpF,eAAO,MAAM,cAAc,EAAE,OAAO,cAoBlC,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAEH,eAAO,MAAM,EAAE,QAMZ,CAAC"}

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.css.js

@@ -0,0 +1,9 @@
+/* empty css                                  */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss1", false: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss2" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss3", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss4", false: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss5" } }, defaultVariants: {}, compoundVariants: [] }), r = "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss6", d = "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss7";
+export {
+  o as richTextEditor,
+  e as rteEditableDiv,
+  r as rteToolbar,
+  d as vr
+};

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+import type { RichTextEditorAggregateValue } from "./hooks/useRTEContent";
+import type { RichTextEditorVariants } from "./RichTextEditor.css";
+export declare function RichTextEditor({ className, md: mdProp, html: htmlProp, disabled, onChange, ...rest }: ComponentProps<RichTextEditorVariants & Partial<RichTextEditorAggregateValue> & {
+    onChange?: (newValue: RichTextEditorAggregateValue) => void;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=RichTextEditor.d.ts.map

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/rich-text-editor/rich-text-editor/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CACf,sBAAsB,GACpB,OAAO,CAAC,4BAA4B,CAAC,GAAG;IACtC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC7D,EACH,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAkFrB"}

package/lib/rich-text-editor/rich-text-editor/RichTextEditor.js

@@ -0,0 +1,81 @@
+import { Metadata as $, useChildTestIdAttrBuilder as y, cl as k } from "@sps-woodland/core";
+import * as e from "react";
+import { RTELinkModal as M } from "./RTELinkModal.js";
+import { RTEToolbarButton as C } from "./RTEToolbarButton.js";
+import { Tokens as t } from "@sps-woodland/tokens";
+import { richTextEditor as D, rteToolbar as L, vr as w, rteEditableDiv as B } from "./RichTextEditor.css.js";
+import { useRTEContent as H } from "./hooks/useRTEContent.js";
+import { useRTEObserver as N } from "./hooks/useRTEObserver.js";
+import { useRTESelectionListener as F } from "./hooks/useRTESelectionListener.js";
+import { useRTEToolbarButtons as I } from "./hooks/useRTEToolbarButtons.js";
+function S({
+  className: f,
+  md: u,
+  html: E,
+  disabled: i,
+  onChange: s,
+  ...r
+}) {
+  const n = y(r), { aggValue: c, editableDivInnerHtml: a, updateStateFromDiv: g } = H(u, E);
+  e.useEffect(() => {
+    s && c && s(c);
+  }, [c]);
+  const o = N(g);
+  e.useEffect(() => {
+    a && o.current && (o.current.innerHTML = a.html);
+  }, [a]);
+  const { selectionRange: T, selectionDOMContextFind: l } = F(o), { toolbarButtons: v, showLinkModal: x, handleLinkModalClose: R } = I(
+    l,
+    o
+  ), { height: h, minHeight: p } = r.style ?? {}, m = {};
+  return h ? m.height = `
+      calc(
+        ${h}
+        - ${t.component["rich-text-editor"].vr.height}
+        - (2 * ${t.component["rich-text-editor"].border.width})
+        - (2 * ${t.component["rich-text-editor"].padding.input.y})
+      )` : p && (m.minHeight = `
+      calc(
+        ${p}
+        - ${t.component["rich-text-editor"].vr.height}
+        - (2 * ${t.component["rich-text-editor"].border.width})
+        - (2 * ${t.component["rich-text-editor"].padding.input.y})
+      )`), /* @__PURE__ */ e.createElement("div", { className: k(D({ disabled: i }), f), ...r }, !i && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: L, ...n("toolbar") }, v.map(
+    (d, b) => d === "vr" ? /* @__PURE__ */ e.createElement("div", { className: w, key: `vr-${b}` }) : /* @__PURE__ */ e.createElement(
+      C,
+      {
+        ...d,
+        selectionDOMContextFind: l,
+        ...n(`button-${d.key}`)
+      }
+    )
+  )), x && /* @__PURE__ */ e.createElement(
+    M,
+    {
+      onClose: R,
+      selectionDOMContextFind: l,
+      selectionRange: T
+    }
+  )), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: B({ disabled: i }),
+      ref: o,
+      contentEditable: !i,
+      ...n("input"),
+      style: m
+    }
+  ));
+}
+$.set(S, {
+  name: "RichTextEditor",
+  props: {
+    md: "string",
+    html: "string",
+    disabled: { type: "boolean", default: "false" },
+    onChange: "(newValue: RichTextEditorAggregateValue) => void"
+  }
+});
+export {
+  S as RichTextEditor
+};

package/lib/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.d.ts

@@ -0,0 +1,2 @@
+export declare function useHtmlToMd(): (html: string) => Promise<string>;
+//# sourceMappingURL=useHtmlToMd.d.ts.map

package/lib/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHtmlToMd.d.ts","sourceRoot":"","sources":["../../../../src/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.ts"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,IAAI,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAiB/D"}

package/lib/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.js

@@ -0,0 +1,20 @@
+import { useMemo as r } from "react";
+import t from "rehype-parse";
+import m from "rehype-remark";
+import i from "remark-stringify";
+import { unified as n } from "unified";
+function a() {
+  const e = r(
+    () => n().use(t).use(m).use(i),
+    []
+  );
+  return r(
+    () => function(o) {
+      return e.process(o).then(String);
+    },
+    []
+  );
+}
+export {
+  a as useHtmlToMd
+};

package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.d.ts

@@ -0,0 +1,2 @@
+export declare function useMdToHtml(): (md: string) => Promise<string>;
+//# sourceMappingURL=useMdToHtml.d.ts.map

package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMdToHtml.d.ts","sourceRoot":"","sources":["../../../../src/rich-text-editor/rich-text-editor/hooks/useMdToHtml.ts"],"names":[],"mappings":"AASA,wBAAgB,WAAW,IAAI,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAmB7D"}

package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.js

@@ -0,0 +1,22 @@
+import { useMemo as e } from "react";
+import t from "remark-parse";
+import m from "remark-rehype";
+import i from "rehype-sanitize";
+import s from "rehype-stringify";
+import { unified as p } from "unified";
+import { flattenListItemParagraphs as n } from "../utils/flattenListItemParagraphs.js";
+function l() {
+  const r = e(
+    () => p().use(t).use(n).use(m).use(i).use(s),
+    []
+  );
+  return e(
+    () => function(o) {
+      return r.process(o).then(String);
+    },
+    [r]
+  );
+}
+export {
+  l as useMdToHtml
+};

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from "react";
+export interface RichTextEditorAggregateValue {
+    md: string;
+    html: string;
+}
+export type RTEStateUpdateFromDiv = <T extends HTMLElement>(ref: RefObject<T>) => void;
+export declare function useRTEContent(initMd?: string, initHtml?: string): {
+    aggValue?: RichTextEditorAggregateValue;
+    editableDivInnerHtml: {
+        html: string;
+    };
+    updateStateFromDiv: RTEStateUpdateFromDiv;
+};
+//# sourceMappingURL=useRTEContent.d.ts.map

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRTEContent.d.ts","sourceRoot":"","sources":["../../../../src/rich-text-editor/rich-text-editor/hooks/useRTEContent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,4BAA4B;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEvF,wBAAgB,aAAa,CAAC,MAAM,SAAK,EAAE,QAAQ,SAAK,GAAG;IACzD,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,oBAAoB,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,kBAAkB,EAAE,qBAAqB,CAAC;CAC3C,CA2CA"}

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.js

@@ -0,0 +1,28 @@
+import { useState as l, useCallback as d, useEffect as p } from "react";
+import { useMdToHtml as v } from "./useMdToHtml.js";
+import { useHtmlToMd as w } from "./useHtmlToMd.js";
+function E(n = "", t = "") {
+  const [s, r] = l(), [f, g] = l({ html: t }), c = w(), u = v(), T = d(async (e) => {
+    const m = await u(e), o = { md: e, html: m };
+    return r(o), o;
+  }, [u]), a = d(async (e) => {
+    const o = { md: await c(e), html: e };
+    return r(o), o;
+  }, [c]);
+  p(() => {
+    !t && n !== s?.md ? T(n).then(({ html: e }) => {
+      g({ html: e });
+    }) : !n && t && t !== s?.html && a(t);
+  }, [n, t]);
+  function h(e) {
+    e.current && a(e.current.innerHTML);
+  }
+  return {
+    aggValue: s,
+    editableDivInnerHtml: f,
+    updateStateFromDiv: h
+  };
+}
+export {
+  E as useRTEContent
+};

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.d.ts

@@ -0,0 +1,6 @@
+import type { RefObject } from "react";
+import type { RTEStateUpdateFromDiv } from "./useRTEContent";
+export declare function moveCaretAfter(node: Node): void;
+export declare function moveCaretBefore(node: Node): void;
+export declare function useRTEObserver(updateStateFromDiv: RTEStateUpdateFromDiv): RefObject<HTMLDivElement>;
+//# sourceMappingURL=useRTEObserver.d.ts.map

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRTEObserver.d.ts","sourceRoot":"","sources":["../../../../src/rich-text-editor/rich-text-editor/hooks/useRTEObserver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AA4D7D,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAO/C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAOhD;AAED,wBAAgB,cAAc,CAC5B,kBAAkB,EAAE,qBAAqB,GACxC,SAAS,CAAC,cAAc,CAAC,CAiF3B"}

package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.js

@@ -0,0 +1,94 @@
+import { useRef as g, useMemo as f, useEffect as i } from "react";
+function x(e) {
+  if (e instanceof HTMLElement) {
+    for (const t of Array.from(e.attributes))
+      /(style|class|data-[^=]+)/.test(t.name) && e.removeAttribute(t.name);
+    e.innerHTML = e.innerHTML.replace(/(style|class|data-[^=]+)="[^"]+"/g, "");
+  }
+}
+const u = [
+  // Bold
+  {
+    regex: /\*\*([^*]+)\*\*/,
+    command: "bold"
+  },
+  // Italic
+  {
+    regex: new RegExp("(?<!\\*)\\*([^*]+)\\*"),
+    command: "italic"
+  },
+  // Bulleted list
+  {
+    regex: /^\*[ \u00a0]/,
+    command: "insertUnorderedList"
+  },
+  // Numbered list
+  {
+    regex: /^1\.[ \u00a0]/,
+    command: "insertOrderedList"
+  },
+  // Link
+  {
+    regex: /\[([^\]]+)\]\(([^)]+)\)/,
+    command: "createLink",
+    getCommandArg: ([, , e]) => /^https?:\/\//.test(e) ? e : `https://${e}`
+  }
+];
+function E(e, t, a) {
+  const n = document.createRange();
+  n.setStart(e, t), n.setEnd(e, a);
+  const r = window.getSelection();
+  r?.removeAllRanges(), r?.addRange(n);
+}
+function L(e) {
+  const t = document.createRange();
+  t.setStartAfter(e), t.setEndAfter(e);
+  const a = window.getSelection();
+  a?.removeAllRanges(), a?.addRange(t);
+}
+function C(e) {
+  const t = document.createRange();
+  t.setStartBefore(e), t.setEndBefore(e);
+  const a = window.getSelection();
+  a?.removeAllRanges(), a?.addRange(t);
+}
+function v(e) {
+  const t = g(null), a = f(() => new MutationObserver(([n]) => {
+    if (n.type === "characterData" && n.oldValue && n.target.textContent) {
+      for (const r of u)
+        if (!r.regex.test(n.oldValue) && r.regex.test(n.target.textContent)) {
+          const s = r.regex.exec(n.target.textContent), [o, c = ""] = s, d = n.target.textContent.indexOf(o);
+          n.target.textContent = n.target.textContent.replace(o, c);
+          const l = d + c.length;
+          E(n.target, d, l);
+          const m = r.getCommandArg ? r.getCommandArg(s) : void 0;
+          document.execCommand(r.command, void 0, m), c && (L(n.target.parentNode), document.execCommand(r.command));
+        }
+    } else n.type === "childList" && Array.from(n.addedNodes).forEach((r) => {
+      let s;
+      if (r instanceof HTMLElement && r.tagName === "LI" ? s = r : r?.parentElement?.tagName === "LI" && (s = r?.parentElement), s) {
+        const o = s.nextElementSibling, c = o?.childNodes?.[0];
+        if (c instanceof HTMLElement && ["UL", "OL"].includes(c.tagName)) {
+          const l = document.createElement("br");
+          o.insertBefore(l, c), C(l);
+        }
+      }
+      x(r);
+    });
+    e(t);
+  }), []);
+  return i(() => () => {
+    a && a.disconnect();
+  }, []), i(() => {
+    t.current !== null && a.observe(t.current, {
+      childList: !0,
+      subtree: !0,
+      characterDataOldValue: !0
+    });
+  }, [a, t]), t;
+}
+export {
+  L as moveCaretAfter,
+  C as moveCaretBefore,
+  v as useRTEObserver
+};

package/lib/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.d.ts

@@ -0,0 +1,7 @@
+export type ElementTest = (element: HTMLElement) => boolean;
+export type SelectionDOMContextFind = (test?: ElementTest) => HTMLElement | null;
+export declare function useRTESelectionListener(editableDivRef: any): {
+    selectionRange: Range | undefined;
+    selectionDOMContextFind: SelectionDOMContextFind;
+};
+//# sourceMappingURL=useRTESelectionListener.d.ts.map

package/lib/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRTESelectionListener.d.ts","sourceRoot":"","sources":["../../../../src/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,KAAK,WAAW,GAAG,IAAI,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,cAAc,KAAA;;;EA2CrD"}