@yoopta/file 1.0.2-rc → 1.0.3-rc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getElementClassname as e,UI_HELPERS as t,cx as n,createYooptaPlugin as o,getElementByPath as i,generateId as r}from"@yoopta/editor";import{Transforms as a,Element as s}from"slate";import{jsx as l,jsxs as d}from"react/jsx-runtime";import*as c from"react";import{useState as p,useRef as u}from"react";import{ReactEditor as h,useSelected as g,useReadOnly as m}from"slate-react";var f;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}var b=function(e){return c.createElement("svg",v({viewBox:"0 0 16 16"},e),f||(f=c.createElement("path",{d:"M4.356 15.468h7.28c1.464 0 2.222-.773 2.222-2.242v-6.2c0-.95-.123-1.388-.717-1.99l-3.59-3.65C8.979.805 8.507.668 7.652.668H4.356c-1.462 0-2.221.772-2.221 2.242v10.316c0 1.476.759 2.242 2.221 2.242Zm.11-1.34c-.663 0-.991-.349-.991-.984V2.992c0-.629.328-.984.99-.984h2.913v3.746c0 .977.485 1.45 1.456 1.45h3.685v5.94c0 .635-.335.984-.998.984H4.466Zm4.491-8.1c-.28 0-.396-.124-.396-.404V2.192l3.773 3.835H8.957Zm-.362 6.699v-2.1L8.54 9.563l.526.553.527.533a.531.531 0 0 0 .396.185c.308 0 .54-.219.54-.526a.49.49 0 0 0-.191-.404L8.45 8.167c-.157-.144-.287-.205-.458-.205-.164 0-.294.061-.451.205L5.655 9.903a.49.49 0 0 0-.191.404c0 .307.225.526.54.526a.543.543 0 0 0 .396-.185l.527-.533.526-.553-.055 1.066v2.099c0 .328.274.574.595.574.328 0 .602-.246.602-.574Z"})))};function y(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var w="eCBVJfAM",x="_1jrGaPHJ",j="_3xzPD4wO",O="_3jw0sAIy",N="gIQQGHaD";function P(e){if("number"!=typeof e||isNaN(e))return null;return(e/1024).toFixed(2)+" KB"}y(".eCBVJfAM{align-items:center;display:flex;justify-content:flex-start;margin:10px 0;position:relative;transition:background .1s cubic-bezier(.4,0,.2,1)}._1jrGaPHJ{border-radius:1px;color:inherit;max-width:100%;object-fit:cover;padding:6px 4px;pointer-events:auto;text-decoration:none;width:100%}._1jrGaPHJ:hover{background:rgba(35,131,226,.14)}._3xzPD4wO{display:flex}._3xzPD4wO svg{min-height:20px;min-width:20px}._3jw0sAIy{align-items:center;display:flex;font-weight:600;line-height:18px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.gIQQGHaD{color:#8e8e93;font-size:12px;margin-left:10px}");function E(e,t,n,o){return new(n||(n=Promise))((function(i,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;var C="_83eU-j-s",k="_6CLndPnr",z="_7JqczNzX",H="sYo42svD",D="d7kPuF2M",T="_3Hw9hXef",A="PFlyte3h",B="MIwvxioK",_="WBUFnuEP";y('._83eU-j-s{position:fixed}._6CLndPnr{background:#fff;box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);display:flex;flex-direction:column;height:100%;max-height:420px;max-width:calc(100vw - 24px);min-width:540px}._7JqczNzX{box-shadow:inset 0 -1px 0 rgba(55,53,47,.09);display:flex;height:40px;padding:0 8px;width:100%;z-index:1}._7JqczNzX,.sYo42svD{font-size:14px;position:relative}.sYo42svD{align-items:center;background-color:inherit;border:none;border-radius:4px;color:#37352f;cursor:pointer;display:inline-flex;flex-shrink:0;height:100%;line-height:1.2;min-width:0;padding:6px 8px;transition:height 20ms ease-in 0s;user-select:none;white-space:nowrap}.d7kPuF2M:after{background-color:#37352f;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}._3Hw9hXef{display:flex;justify-content:center;margin-left:12px;margin-right:12px;margin-top:4px;padding-bottom:6px;padding-top:6px}.PFlyte3h{border:1px solid rgba(55,53,47,.16);border-radius:4px;cursor:pointer;height:32px;padding-left:12px;padding-right:12px;transition:background 20ms ease-in 0s;user-select:none;white-space:nowrap;width:100%}.ciBcVyws{border:none!important;cursor:pointer!important;height:auto!important;padding-left:0!important;padding-right:0!important}.MIwvxioK{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:1.2;width:100%}.WBUFnuEP{left:0;position:absolute;top:0;visibility:hidden}.P5wQ7tuy{background:hsla(45,13%,94%,.6);box-shadow:inset 0 0 0 1px hsla(0,0%,6%,.1);cursor:text;height:32px;line-height:20px;padding:3px 6px;position:relative}.P5wQ7tuy,.RywjmYhg{align-items:center;border:none;border-radius:4px;display:flex;font-size:14px;width:100%}.RywjmYhg{fill:#fff;background:#2383e2;box-shadow:inset 0 0 0 1px hsla(0,0%,6%,.1),0 1px 2px hsla(0,0%,6%,.1);color:#fff;cursor:pointer;flex-shrink:0;font-weight:500;height:28px;justify-content:center;line-height:1.2;margin:12px auto 6px;max-width:300px;padding-left:12px;padding-right:12px;transition:background 20ms ease-in 0s;user-select:none;white-space:nowrap}');const M=({onChange:e,accept:t="file/*"})=>l("div",Object.assign({className:A},{children:d("label",Object.assign({htmlFor:"file-uploader",className:B},{children:[l("input",{type:"file",id:"file-uploader",className:_,accept:t,onChange:t=>{const n=t.currentTarget.files;n&&n.length>0&&e(n[0])},multiple:!1}),"Upload file"]}))})),S=({activeTab:e="upload",style:o,switchTab:i,onChange:r,accept:a,onClose:s})=>{const c="upload"===e;return l(t.Overlay,Object.assign({onClose:s},{children:l("div",Object.assign({className:C,style:o},{children:d("div",Object.assign({className:k},{children:[l("div",Object.assign({className:z},{children:l("button",Object.assign({type:"button",onClick:()=>i("upload"),className:n(H,{[D]:c})},{children:"Upload"}))})),l("div",Object.assign({className:T},{children:c&&l(M,{onChange:r,accept:a})}))]}))}))}))};var F=!1;if("undefined"!=typeof window){var I={get passive(){F=!0}};window.addEventListener("testPassive",null,I),window.removeEventListener("testPassive",null,I)}var Y="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),L=[],W=!1,U=-1,G=void 0,J=void 0,Q=void 0,V=function(e){return L.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},X=function(e){var t=e||window.event;return!!V(t.target)||(t.touches.length>1||(t.preventDefault&&t.preventDefault(),!1))},K=function(e,t){if(e){if(!L.some((function(t){return t.targetElement===e}))){var n={targetElement:e,options:t||{}};L=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(L),[n]),Y?window.requestAnimationFrame((function(){if(void 0===J){J={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var e=window,t=e.scrollY,n=e.scrollX,o=e.innerHeight;document.body.style.position="fixed",document.body.style.top=-t,document.body.style.left=-n,setTimeout((function(){return window.requestAnimationFrame((function(){var e=o-window.innerHeight;e&&t>=o&&(document.body.style.top=-(t+e))}))}),300)}})):function(e){if(void 0===Q){var t=!!e&&!0===e.reserveScrollBarGap,n=window.innerWidth-document.documentElement.clientWidth;if(t&&n>0){var o=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);Q=document.body.style.paddingRight,document.body.style.paddingRight=o+n+"px"}}void 0===G&&(G=document.body.style.overflow,document.body.style.overflow="hidden")}(t),Y&&(e.ontouchstart=function(e){1===e.targetTouches.length&&(U=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var n=e.targetTouches[0].clientY-U;!V(e.target)&&(t&&0===t.scrollTop&&n>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&n<0?X(e):e.stopPropagation())}(t,e)},W||(document.addEventListener("touchmove",X,F?{passive:!1}:void 0),W=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},R=function(e){e?(L=L.filter((function(t){return t.targetElement!==e})),Y&&(e.ontouchstart=null,e.ontouchmove=null,W&&0===L.length&&(document.removeEventListener("touchmove",X,F?{passive:!1}:void 0),W=!1)),Y?function(){if(void 0!==J){var e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=J.position,document.body.style.top=J.top,document.body.style.left=J.left,window.scrollTo(t,e),J=void 0}}():(void 0!==Q&&(document.body.style.paddingRight=Q,Q=void 0),void 0!==G&&(document.body.style.overflow=G,G=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")},Z="MwDZgdnr",q="o-YPlsho",$="HbsQ6aF6";y(".MwDZgdnr{margin:20px 0 10px;user-select:none}.MwDZgdnr,.o-YPlsho{position:relative;width:100%}.o-YPlsho{align-items:center;background-color:#efefef;border:none;border-radius:3px;color:rgba(55,53,47,.65);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 36px 12px 12px;text-align:left;transition:background-color .1s ease-in}.o-YPlsho:hover{background-color:#e3e3e3}.HbsQ6aF6{margin-right:8px;user-select:none}");const ee=({element:e,accept:t,attributes:n,children:o,editor:i,onUpload:r})=>{const[c,g]=p(null),[m,f]=p("upload"),v=u(null),y=e=>{var t;if(e.stopPropagation(),null!==c)return R(document.body),void g(null);const n=null===(t=v.current)||void 0===t?void 0:t.getBoundingClientRect();if(n){const e=n.top+n.height+88+20>window.innerHeight,t=!e;console.log({showAtTop:e,showAtBottom:t}),K(document.body,{reserveScrollBarGap:!0}),g({left:n.left,top:e?n.top-88-5:n.top+n.height+5})}};return d("div",Object.assign({className:Z},n,{contentEditable:!1},{children:[d("div",Object.assign({ref:v},{children:[d("button",Object.assign({className:q,onClick:y},{children:[l(b,{className:$,width:24,height:24}),l("span",{children:"Click to add file"})]})),null!==c&&l(S,{onChange:t=>E(void 0,void 0,void 0,(function*(){R(document.body),g(null);const n={data:Object.assign(Object.assign({},e.data),{name:t.name,size:t.size,"data-url":t.name})};if(a.setNodes(i,n,{at:h.findPath(i,e),match:e=>s.isElement(e)&&"file"===e.type}),!r)return console.error("Provide `onUpload` handler in File options");const o=yield r(t),l={data:Object.assign(Object.assign({},e.data),{url:o.url,size:t.size,name:t.name,"data-url":void 0})};a.setNodes(i,l,{at:h.findPath(i,e),match:e=>s.isElement(e)&&"file"===e.type})})),onClose:y,activeTab:m,switchTab:e=>f(e),style:c,accept:t})]})),o]}))};var te={root:"r29Aw2Hb",dotsOptions:"jgDPzrdW",dot:"Dmm1WXgb",loadingState:"fyMnhKHH"};y(".r29Aw2Hb{cursor:pointer;display:block;position:relative}.r29Aw2Hb:hover .jgDPzrdW{opacity:1}.jgDPzrdW{align-items:center;background-color:#eee;border:none;border-radius:2px;cursor:pointer;display:flex;height:22px;justify-content:space-between;opacity:0;padding:0 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .15s ease-in 0s;width:22px;z-index:1}.Dmm1WXgb{background-color:gray;border-radius:50%;min-height:3px;min-width:3px}.fyMnhKHH{cursor:wait}.fyMnhKHH a{background:rgba(35,131,226,.14);cursor:inherit;opacity:.6;pointer-events:none}");function ne(e){var o,i;const{element:r,editor:a,plugin:s}=e,c=g(),u=m(),[h,f]=p(null),v=!!r.data["data-url"]&&!r.data.url,b=()=>{R(document.body),f(null)},y=e=>{var t;if(null==e||e.stopPropagation(),null!==h)return b();const n=null===(t=null==e?void 0:e.currentTarget)||void 0===t?void 0:t.getBoundingClientRect();if(n){const e=n.top+n.height+164+20>window.innerHeight;K(document.body,{reserveScrollBarGap:!0}),f({left:n.right-n.width+265>window.innerWidth?window.innerWidth-265-n.width:n.right-n.width,top:e?n.top-82-n.height:n.top+n.height+5})}};return null!==r.data.url||v?d("div",Object.assign({contentEditable:!1,draggable:!1,className:n(te.root,{[te.loadingState]:v})},{children:[s.renderer.render(e),!u&&!v&&d("div",{children:[d("button",Object.assign({type:"button",className:te.dotsOptions,onClick:y},{children:[l("span",{className:te.dot}),l("span",{className:te.dot}),l("span",{className:te.dot})]})),null!==h&&l(t.ElementOptions,{onClose:b,style:h,element:r,onCopy:b,onDelete:b,onDuplicate:b},r.id)]})]}),r.id):d("div",Object.assign({className:te.root,contentEditable:!1,draggable:!1},{children:[l("div",{className:n(te.selectImg,{[te.selected]:c})}),l(ee,Object.assign({attributes:e.attributes,element:r,editor:a,onUpload:null===(o=s.options)||void 0===o?void 0:o.onUpload,accept:null===(i=s.options)||void 0===i?void 0:i.accept},{children:!u&&d("div",{children:[d("button",Object.assign({type:"button",className:te.dotsOptions,onClick:y},{children:[l("span",{className:te.dot}),l("span",{className:te.dot}),l("span",{className:te.dot})]})),null!==h&&l(t.ElementOptions,{onClose:b,style:h,element:r,onCopy:b,onDelete:b,onDuplicate:b},r.id)]})})),e.children]}),r.id)}const oe=o({type:"file",shortcut:"file",renderer:{editor:(e,t)=>n=>l(ne,Object.assign({editor:e,plugin:t},n)),render:({attributes:t,element:n,children:o,HTMLAttributes:i})=>n.data.url||n.data["data-url"]?d("div",Object.assign({},t,{className:w,contentEditable:!1,draggable:!1},{children:[l("a",Object.assign({target:"_blank",rel:"noopener noreferrer",href:n.data.url,className:e({element:n,HTMLAttributes:i,className:x})},{children:d("div",Object.assign({className:j},{children:[l(b,{height:20,width:20}),d("div",Object.assign({className:O},{children:[n.data.name,l("span",Object.assign({className:N},{children:P(n.data.size)}))]}))]}))})),o]})):l("div",Object.assign({},t))},extendEditor(e){const{isVoid:t}=e;return e.isVoid=e=>e.type===oe.getPlugin.type||t(e),e},events:{onKeyDown:(e,{defaultNode:t,hotkeys:n})=>o=>{var r;if("file"===i(e,null===(r=e.selection)||void 0===r?void 0:r.anchor.path,"highest").type&&e.selection)return n.isEnter(o)?(o.preventDefault(),void a.insertNodes(e,t,{mode:"highest"})):void 0}},defineElement:()=>({id:r(),type:"file",nodeType:"void",data:{url:null,name:"",size:0},children:[{text:""}]}),createElement:(e,t)=>{var n;const o=Object.assign(Object.assign({},oe.getPlugin.defineElement()),t);a.setNodes(e,o,{at:null===(n=e.selection)||void 0===n?void 0:n.anchor})},exports:{markdown:{serialize:(e,t)=>`\n`},html:{serialize:(e,t)=>(console.log("node",e),console.log("children",t),`<div><a href="${e.data.url}" target="_blank" rel="noopener noreferrer">${e.data.name}</a></div>`),deserialize:{nodeName:"A",parse:e=>({url:e.getAttribute("href"),name:e.textContent})}}},options:{searchString:"file url",displayLabel:"File"}});export{oe as default};
|
|
1
|
+
import{getElementClassname as e,UI_HELPERS as t,cx as n,createYooptaPlugin as o,getElementByPath as i,generateId as r}from"@yoopta/editor";import{Transforms as a,Element as s}from"slate";import{jsx as l,jsxs as d}from"react/jsx-runtime";import*as c from"react";import{useState as p,useRef as u}from"react";import{ReactEditor as h,useSelected as g,useReadOnly as m}from"slate-react";var f;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}var b=function(e){return c.createElement("svg",v({viewBox:"0 0 16 16"},e),f||(f=c.createElement("path",{d:"M4.356 15.468h7.28c1.464 0 2.222-.773 2.222-2.242v-6.2c0-.95-.123-1.388-.717-1.99l-3.59-3.65C8.979.805 8.507.668 7.652.668H4.356c-1.462 0-2.221.772-2.221 2.242v10.316c0 1.476.759 2.242 2.221 2.242Zm.11-1.34c-.663 0-.991-.349-.991-.984V2.992c0-.629.328-.984.99-.984h2.913v3.746c0 .977.485 1.45 1.456 1.45h3.685v5.94c0 .635-.335.984-.998.984H4.466Zm4.491-8.1c-.28 0-.396-.124-.396-.404V2.192l3.773 3.835H8.957Zm-.362 6.699v-2.1L8.54 9.563l.526.553.527.533a.531.531 0 0 0 .396.185c.308 0 .54-.219.54-.526a.49.49 0 0 0-.191-.404L8.45 8.167c-.157-.144-.287-.205-.458-.205-.164 0-.294.061-.451.205L5.655 9.903a.49.49 0 0 0-.191.404c0 .307.225.526.54.526a.543.543 0 0 0 .396-.185l.527-.533.526-.553-.055 1.066v2.099c0 .328.274.574.595.574.328 0 .602-.246.602-.574Z"})))};function y(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var w="eCBVJfAM",x="_1jrGaPHJ",j="_3xzPD4wO",O="_3jw0sAIy",N="gIQQGHaD";function P(e){if("number"!=typeof e||isNaN(e))return null;return(e/1024).toFixed(2)+" KB"}y(".eCBVJfAM{align-items:center;display:flex;justify-content:flex-start;margin:10px 0;position:relative;transition:background .1s cubic-bezier(.4,0,.2,1)}._1jrGaPHJ{border-radius:1px;color:inherit;max-width:100%;object-fit:cover;padding:6px 4px;pointer-events:auto;text-decoration:none;width:100%}._1jrGaPHJ:hover{background:rgba(35,131,226,.14)}._3xzPD4wO{display:flex}._3xzPD4wO svg{min-height:20px;min-width:20px}._3jw0sAIy{align-items:center;display:flex;font-weight:600;line-height:18px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.gIQQGHaD{color:#8e8e93;font-size:12px;margin-left:10px}");function E(e,t,n,o){return new(n||(n=Promise))((function(i,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function s(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((o=o.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;var k="_83eU-j-s",C="_6CLndPnr",H="_7JqczNzX",z="sYo42svD",D="d7kPuF2M",T="_3Hw9hXef",B="PFlyte3h",_="MIwvxioK",A="WBUFnuEP";y('._83eU-j-s{position:fixed}._6CLndPnr{background:#fff;box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);display:flex;flex-direction:column;height:100%;max-height:420px;max-width:calc(100vw - 24px);min-width:540px}._7JqczNzX{box-shadow:inset 0 -1px 0 rgba(55,53,47,.09);display:flex;height:40px;padding:0 8px;width:100%;z-index:1}._7JqczNzX,.sYo42svD{font-size:14px;position:relative}.sYo42svD{align-items:center;background-color:inherit;border:none;border-radius:4px;color:#37352f;cursor:pointer;display:inline-flex;flex-shrink:0;height:100%;line-height:1.2;min-width:0;padding:6px 8px;transition:height 20ms ease-in 0s;user-select:none;white-space:nowrap}.d7kPuF2M:after{background-color:#37352f;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}._3Hw9hXef{display:flex;justify-content:center;margin-left:12px;margin-right:12px;margin-top:4px;padding-bottom:6px;padding-top:6px}.PFlyte3h{border:1px solid rgba(55,53,47,.16);border-radius:4px;cursor:pointer;height:32px;padding-left:12px;padding-right:12px;transition:background 20ms ease-in 0s;user-select:none;white-space:nowrap;width:100%}.ciBcVyws{border:none!important;cursor:pointer!important;height:auto!important;padding-left:0!important;padding-right:0!important}.MIwvxioK{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:1.2;width:100%}.WBUFnuEP{left:0;position:absolute;top:0;visibility:hidden}.P5wQ7tuy{background:hsla(45,13%,94%,.6);box-shadow:inset 0 0 0 1px hsla(0,0%,6%,.1);cursor:text;height:32px;line-height:20px;padding:3px 6px;position:relative}.P5wQ7tuy,.RywjmYhg{align-items:center;border:none;border-radius:4px;display:flex;font-size:14px;width:100%}.RywjmYhg{fill:#fff;background:#2383e2;box-shadow:inset 0 0 0 1px hsla(0,0%,6%,.1),0 1px 2px hsla(0,0%,6%,.1);color:#fff;cursor:pointer;flex-shrink:0;font-weight:500;height:28px;justify-content:center;line-height:1.2;margin:12px auto 6px;max-width:300px;padding-left:12px;padding-right:12px;transition:background 20ms ease-in 0s;user-select:none;white-space:nowrap}');const M=({onChange:e,accept:t="file/*"})=>l("div",Object.assign({className:B},{children:d("label",Object.assign({htmlFor:"file-uploader",className:_},{children:[l("input",{type:"file",id:"file-uploader",className:A,accept:t,onChange:t=>{const n=t.currentTarget.files;n&&n.length>0&&e(n[0])},multiple:!1}),"Upload file"]}))})),S=({activeTab:e="upload",style:o,switchTab:i,onChange:r,accept:a,onClose:s})=>{const c="upload"===e;return l(t.Overlay,Object.assign({onClose:s},{children:l("div",Object.assign({className:k,style:o},{children:d("div",Object.assign({className:C},{children:[l("div",Object.assign({className:H},{children:l("button",Object.assign({type:"button",onClick:()=>i("upload"),className:n(z,{[D]:c})},{children:"Upload"}))})),l("div",Object.assign({className:T},{children:c&&l(M,{onChange:r,accept:a})}))]}))}))}))};var F=!1;if("undefined"!=typeof window){var I={get passive(){F=!0}};window.addEventListener("testPassive",null,I),window.removeEventListener("testPassive",null,I)}var Y="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),L=[],W=!1,U=-1,G=void 0,J=void 0,Q=void 0,V=function(e){return L.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},X=function(e){var t=e||window.event;return!!V(t.target)||(t.touches.length>1||(t.preventDefault&&t.preventDefault(),!1))},K=function(e,t){if(e){if(!L.some((function(t){return t.targetElement===e}))){var n={targetElement:e,options:t||{}};L=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(L),[n]),Y?window.requestAnimationFrame((function(){if(void 0===J){J={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var e=window,t=e.scrollY,n=e.scrollX,o=e.innerHeight;document.body.style.position="fixed",document.body.style.top=-t,document.body.style.left=-n,setTimeout((function(){return window.requestAnimationFrame((function(){var e=o-window.innerHeight;e&&t>=o&&(document.body.style.top=-(t+e))}))}),300)}})):function(e){if(void 0===Q){var t=!!e&&!0===e.reserveScrollBarGap,n=window.innerWidth-document.documentElement.clientWidth;if(t&&n>0){var o=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);Q=document.body.style.paddingRight,document.body.style.paddingRight=o+n+"px"}}void 0===G&&(G=document.body.style.overflow,document.body.style.overflow="hidden")}(t),Y&&(e.ontouchstart=function(e){1===e.targetTouches.length&&(U=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var n=e.targetTouches[0].clientY-U;!V(e.target)&&(t&&0===t.scrollTop&&n>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&n<0?X(e):e.stopPropagation())}(t,e)},W||(document.addEventListener("touchmove",X,F?{passive:!1}:void 0),W=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},R=function(e){e?(L=L.filter((function(t){return t.targetElement!==e})),Y&&(e.ontouchstart=null,e.ontouchmove=null,W&&0===L.length&&(document.removeEventListener("touchmove",X,F?{passive:!1}:void 0),W=!1)),Y?function(){if(void 0!==J){var e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=J.position,document.body.style.top=J.top,document.body.style.left=J.left,window.scrollTo(t,e),J=void 0}}():(void 0!==Q&&(document.body.style.paddingRight=Q,Q=void 0),void 0!==G&&(document.body.style.overflow=G,G=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")},Z="MwDZgdnr",q="o-YPlsho",$="HbsQ6aF6";y(".MwDZgdnr{margin:20px 0 10px;user-select:none}.MwDZgdnr,.o-YPlsho{position:relative;width:100%}.o-YPlsho{align-items:center;background-color:#efefef;border:none;border-radius:3px;color:rgba(55,53,47,.65);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 36px 12px 12px;text-align:left;transition:background-color .1s ease-in}.o-YPlsho:hover{background-color:#e3e3e3}.HbsQ6aF6{margin-right:8px;user-select:none}");const ee=({element:e,accept:t,attributes:n,children:o,editor:i,onUpload:r})=>{const[c,g]=p(null),[m,f]=p("upload"),v=u(null),y=e=>{var t;if(e.stopPropagation(),null!==c)return R(document.body),void g(null);const n=null===(t=v.current)||void 0===t?void 0:t.getBoundingClientRect();if(n){const e=n.top+n.height+88+20>window.innerHeight,t=!e;console.log({showAtTop:e,showAtBottom:t}),K(document.body,{reserveScrollBarGap:!0}),g({left:n.left,top:e?n.top-88-5:n.top+n.height+5})}};return d("div",Object.assign({className:Z},n,{contentEditable:!1},{children:[d("div",Object.assign({ref:v},{children:[d("button",Object.assign({className:q,onClick:y},{children:[l(b,{className:$,width:24,height:24}),l("span",{children:"Click to add file"})]})),null!==c&&l(S,{onChange:t=>E(void 0,void 0,void 0,(function*(){R(document.body),g(null);const n={data:Object.assign(Object.assign({},e.data),{name:t.name,size:t.size,"data-url":t.name})};if(a.setNodes(i,n,{at:h.findPath(i,e),match:e=>s.isElement(e)&&"file"===e.type}),!r)return console.error("Provide `onUpload` handler in File options");const o=yield r(t),l={data:Object.assign(Object.assign({},e.data),{url:o.url,size:t.size,name:t.name,"data-url":void 0})};a.setNodes(i,l,{at:h.findPath(i,e),match:e=>s.isElement(e)&&"file"===e.type})})),onClose:y,activeTab:m,switchTab:e=>f(e),style:c,accept:t})]})),o]}))};var te={root:"r29Aw2Hb",dotsOptions:"jgDPzrdW",dot:"Dmm1WXgb",loadingState:"fyMnhKHH"};y(".r29Aw2Hb{cursor:pointer;display:block;position:relative}.r29Aw2Hb:hover .jgDPzrdW{opacity:1}.jgDPzrdW{align-items:center;background-color:#eee;border:none;border-radius:2px;cursor:pointer;display:flex;height:22px;justify-content:space-between;opacity:0;padding:0 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .15s ease-in 0s;width:22px;z-index:1}.Dmm1WXgb{background-color:gray;border-radius:50%;min-height:3px;min-width:3px}.fyMnhKHH{cursor:wait}.fyMnhKHH a{background:rgba(35,131,226,.14);cursor:inherit;opacity:.6;pointer-events:none}");function ne(e){var o,i;const{element:r,editor:a,plugin:s}=e,c=g(),u=m(),[h,f]=p(null),v=!!r.data["data-url"]&&!r.data.url,b=()=>{R(document.body),f(null)},y=e=>{var t;if(null==e||e.stopPropagation(),null!==h)return b();const n=null===(t=null==e?void 0:e.currentTarget)||void 0===t?void 0:t.getBoundingClientRect();if(n){const e=n.top+n.height+164+20>window.innerHeight;K(document.body,{reserveScrollBarGap:!0}),f({left:n.right-n.width+265>window.innerWidth?window.innerWidth-265-n.width:n.right-n.width,top:e?n.top-82-n.height:n.top+n.height+5})}};return null!==r.data.url||v?d("div",Object.assign({contentEditable:!1,draggable:!1,className:n(te.root,{[te.loadingState]:v})},{children:[s.renderer.render(e),!u&&!v&&d("div",{children:[d("button",Object.assign({type:"button",className:te.dotsOptions,onClick:y},{children:[l("span",{className:te.dot}),l("span",{className:te.dot}),l("span",{className:te.dot})]})),null!==h&&l(t.ElementOptions,{onClose:b,style:h,element:r,onCopy:b,onDelete:b,onDuplicate:b},r.id)]})]}),r.id):d("div",Object.assign({className:te.root,contentEditable:!1,draggable:!1},{children:[l("div",{className:n(te.selectImg,{[te.selected]:c})}),l(ee,Object.assign({attributes:e.attributes,element:r,editor:a,onUpload:null===(o=s.options)||void 0===o?void 0:o.onUpload,accept:null===(i=s.options)||void 0===i?void 0:i.accept},{children:!u&&d("div",{children:[d("button",Object.assign({type:"button",className:te.dotsOptions,onClick:y},{children:[l("span",{className:te.dot}),l("span",{className:te.dot}),l("span",{className:te.dot})]})),null!==h&&l(t.ElementOptions,{onClose:b,style:h,element:r,onCopy:b,onDelete:b,onDuplicate:b},r.id)]})})),e.children]}),r.id)}const oe=o({type:"file",shortcut:"file",renderer:{editor:(e,t)=>n=>l(ne,Object.assign({editor:e,plugin:t},n)),render:({attributes:t,element:n,children:o,HTMLAttributes:i})=>n.data.url||n.data["data-url"]?d("div",Object.assign({},t,{className:w,contentEditable:!1,draggable:!1},{children:[l("a",Object.assign({target:"_blank",rel:"noopener noreferrer",href:n.data.url,className:e({element:n,HTMLAttributes:i,className:x})},{children:d("div",Object.assign({className:j},{children:[l(b,{height:20,width:20}),d("div",Object.assign({className:O},{children:[n.data.name,l("span",Object.assign({className:N},{children:P(n.data.size)}))]}))]}))})),o]})):l("div",Object.assign({},t))},extendEditor(e){const{isVoid:t}=e;return e.isVoid=e=>e.type===oe.getPlugin.type||t(e),e},events:{onKeyDown:(e,{defaultNode:t,hotkeys:n})=>o=>{var r;if("file"===i(e,null===(r=e.selection)||void 0===r?void 0:r.anchor.path,"highest").type&&e.selection)return n.isEnter(o)?(o.preventDefault(),void a.insertNodes(e,t,{mode:"highest"})):void 0}},defineElement:()=>({id:r(),type:"file",nodeType:"void",data:{url:null,name:"",size:0},children:[{text:""}]}),createElement:(e,t)=>{var n;const o=Object.assign(Object.assign({},oe.getPlugin.defineElement()),t);a.setNodes(e,o,{at:null===(n=e.selection)||void 0===n?void 0:n.anchor})},exports:{markdown:{serialize:(e,t)=>`\n`},html:{serialize:(e,t)=>`<div><a href="${e.data.url}" target="_blank" rel="noopener noreferrer">${e.data.name}</a></div>`}},options:{searchString:"file url",displayLabel:"File"}});export{oe as default};
|