@10up/block-components
Version:
10up Components built for the WordPress Block Editor.
231 lines (218 loc) • 31.5 kB
JavaScript
!function(){"use strict";var e={6685:function(e,t,n){n.d(t,{F:function(){return b}});var r=n(7966),i=n(5227),o=n.n(i),a=n(3762),s=n(8759),c=n(2413),l=n(2050),u=n(4940);const d=o()(l.Button)`
&&& {
display: flex;
flex-direction: column;
text-align: left;
width: 100%;
align-items: flex-start;
border-radius: 2px;
box-sizing: border-box;
height: auto !important;
padding: 0.3em 0.7em;
overflow: hidden;
&:hover {
/* Add opacity background to support future color changes */
/* Reduce background from #ddd to 0.05 for text contrast */
background-color: rgba(0, 0, 0, 0.05);
}
}
`,p=o().span`
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
`,m=o().span`
display: flex;
flex-direction: column;
align-items: flex-start;
`,f=o().span`
padding-right: ${({showType:e})=>e?0:void 0};
`,h=o().span`
padding-right: ${({showType:e})=>e?0:void 0};
`,g=o().span`
font-size: 0.75rem;
line-height: 1.4;
color: #757575;
margin-top: 4px;
`,y=o().span`
background-color: rgba(0, 0, 0, 0.05);
color: black;
padding: 2px 4px;
text-transform: capitalize;
border-radius: 2px;
flex-shrink: 0;
`,v=o()(l.TextHighlight)`
margin: 0 !important;
padding: 0 !important;
`;function b(e){return"post_tag"===e.type?"tag":e.subtype?e.subtype:e.type}t.A=({item:e,onSelect:t,searchTerm:n="",id:i="",contentTypes:o,renderType:x=b})=>{const{type:w,title:k,url:E,info:D}=e,S=!!(w&&o.length>1),P=(0,u.create)({html:k}),C=(0,u.getTextContent)(P),_=(0,c.decodeEntities)(C);return(0,r.createElement)(l.Tooltip,{text:(0,c.decodeEntities)(k)},(0,r.createElement)(d,{id:i,onClick:t},(0,r.createElement)(p,null,(0,r.createElement)(m,null,(0,r.createElement)(f,{showType:S},(0,r.createElement)(v,{text:_,highlight:n})),E&&(0,r.createElement)(h,{"aria-hidden":!0,showType:S},(0,r.createElement)(l.__experimentalTruncate,{numberOfLines:1,limit:55,ellipsizeMode:"middle"},(0,s.filterURLForDisplay)((0,s.safeDecodeURI)(E))||""))),S&&(0,r.createElement)(y,null,x(e))),D&&(0,r.createElement)(g,{dangerouslySetInnerHTML:{__html:(0,a.safeHTML)(D)}})))}},6687:function(e,t,n){n.d(t,{ContentSearch:function(){return S}});var r=n(7966),i=n(2050),o=n(8450),a=n(5227),s=n.n(a),c=n(6314),l=require("@tanstack/react-query"),u=n(6685),d=n(1863),p=n(2002),m=n(763),f=n(2846);const h=new l.QueryClient,g=s().ul`
max-height: 350px;
overflow-y: auto;
list-style: none !important;
margin: 0;
padding: 0 !important;
`,y=s().li`
margin-bottom: 0;
`,v=s()(i.Spinner)`
/* Custom styles to reduce jumping while loading the results */
min-height: ${"46px"};
display: flex;
align-items: center;
justify-content: center;
`,b=s().div`
display: flex;
justify-content: center;
margin-top: 1em;
button {
/* Reduce the jumping of the width when text changes to "Loading" */
min-width: 90px;
}
`,x=s()(i.NavigableMenu)`
width: 100%;
`,w=s()(i.SearchControl)`
width: 100%;
`,k=s().li`
color: inherit;
cursor: default;
padding-left: 3px;
`,E=()=>(0,r.createElement)(k,{className:"tenup-content-search-list-item components-button"},(0,o.__)("Nothing found.","10up-block-components")),D=({onSelectItem:e=()=>{console.log("Select!")},placeholder:t="",label:n,hideLabelFromVision:a=!0,contentTypes:s=["post","page"],mode:d="post",perPage:h=20,queryFilter:k=e=>e,queryFieldsFilter:D,searchResultFilter:S,excludeItems:P=[],renderItemType:C,renderItem:_=u.A,fetchInitialResults:I,options:F})=>{const $=F&&F.inputDelay?{delay:F.inputDelay}:void 0,[T,q,M]=(0,p.useDebouncedInput)("",$),[R,L]=(0,r.useState)(!1),O=(0,r.useRef)(null),z=(0,m.W)(()=>{L(!1)}),j=(0,c.useMergeRefs)([O,z]),{status:A,data:N,error:H,isFetching:V,isFetchingNextPage:B,fetchNextPage:U,hasNextPage:Q}=(0,l.useInfiniteQuery)({queryKey:["search",M,s.join(","),d,h,k,D,S],queryFn:async({pageParam:e=1,signal:t})=>(0,f.Hu)({keyword:M,page:e,mode:d,perPage:h,contentTypes:s,queryFilter:k,queryFieldsFilter:D,searchResultFilter:S,excludeItems:P,signal:t}),getNextPageParam:e=>e.nextPage,getPreviousPageParam:e=>e.previousPage,initialPageParam:1}),K=N?.pages.map(e=>e?.results).flat()||void 0,W=!!M.length,G="success"===A&&K&&!!K.length,Y=I&&R,X=!!H||!V&&!G,J="pending"===A;return(0,r.createElement)(x,{ref:j,orientation:"vertical"},(0,r.createElement)(w,{value:T,onChange:e=>{q(e)},label:n,hideLabelFromVision:a,placeholder:t,autoComplete:"off",onFocus:()=>{L(!0)}}),W||Y?(0,r.createElement)(r.Fragment,null,(0,r.createElement)(g,{className:"tenup-content-search-list"},J&&(0,r.createElement)(v,null),X&&(0,r.createElement)(E,null),G&&K.map(t=>(0,r.createElement)(y,{key:t.id,className:"tenup-content-search-list-item"},(0,r.createElement)(_,{item:t,onSelect:()=>{(t=>{q(""),L(!1),e(t)})(t)},searchTerm:M,contentTypes:s,renderType:C})))),G&&Q&&(0,r.createElement)(b,null,(0,r.createElement)(i.Button,{onClick:()=>U(),variant:"secondary"},(0,o.__)("Load more","10up-block-components"))),B&&(0,r.createElement)(v,null)):null)},S=e=>(0,r.createElement)(d.StyledComponentContext,{cacheKey:"tenup-component-content-search"},(0,r.createElement)(l.QueryClientProvider,{client:h},(0,r.createElement)(D,e)))},2846:function(e,t,n){n.d(t,{Hu:function(){return u},D4:function(){return c}});var r=require("@wordpress/api-fetch"),i=n.n(r),o=n(8759),a=n(2413);const s=({keyword:e,page:t,mode:n,perPage:r,contentTypes:i,queryFilter:a,queryFieldsFilter:s})=>{let c,l=["link","type","id","url","subtype"];if("user"===n?l.push("name"):l.push("title"),s&&(l=s(l,n)),"user"===n)c=(0,o.addQueryArgs)("wp/v2/users",{search:e,_fields:l});else c=(0,o.addQueryArgs)("wp/v2/search",{search:e,subtype:i.join(","),type:n,_embed:!0,per_page:r,page:t,_fields:l});return a(c,{perPage:r,page:t,contentTypes:i,mode:n,keyword:e})},c=e=>{if(!e)return"";const t=(new DOMParser).parseFromString(String(e),"text/html").body.textContent??"";return(0,a.decodeEntities)(t).replace(/\u00A0/g," ").trim()},l=({mode:e,results:t,excludeItems:n,searchResultFilter:r})=>{const i=(({results:e,excludeItems:t})=>e.filter(e=>{let n=!0;return t.length&&(n=t.every(t=>t.id!==e.id)),n}))({results:t,excludeItems:n});return i.map(t=>{let n;if("user"===e){const r=t;n={id:r.id,subtype:e,title:c(r.name),type:e,url:r.link}}else{const e=t;n={id:e.id,subtype:e.subtype,title:c(e.title),type:e.type,url:e.url}}return r&&(n=r(n,t)),n})};async function u({keyword:e,page:t,mode:n,perPage:r,contentTypes:o,queryFilter:a,queryFieldsFilter:c,searchResultFilter:u,excludeItems:d,signal:p}){const m=s({keyword:e,page:t,mode:n,perPage:r,contentTypes:o,queryFilter:a,queryFieldsFilter:c}),f=await i()({path:m,parse:!1,signal:p}),h=parseInt(f.headers&&f.headers.get("X-WP-TotalPages")||"0",10);let g;g=await f.json();return{results:l({results:g,excludeItems:d,mode:n,searchResultFilter:u}),nextPage:h>t?t+1:void 0,previousPage:t>1?t-1:void 0}}},5539:function(e,t,n){n.d(t,{DragHandle:function(){return o}});var r=n(7966);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(null,arguments)}const o=e=>(0,r.createElement)("span",i({},e,{style:{cursor:e.isDragging?"grabbing":"grab"}}),(0,r.createElement)("svg",{style:{marginRight:"10px",cursor:"grab",flexShrink:0},width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18",role:"img","aria-hidden":"true",focusable:"false"},(0,r.createElement)("path",{d:"M5 4h2V2H5v2zm6-2v2h2V2h-2zm-6 8h2V8H5v2zm6 0h2V8h-2v2zm-6 6h2v-2H5v2zm6 0h2v-2h-2v2z"})))},1863:function(e,t,n){n.d(t,{StyledComponentContext:function(){return ce}});var r=n(7966),i=n(1007);var o=function(){function e(e){var t=this;this._insertTag=function(e){var n;n=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,n),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{n.insertRule(e,n.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}(),a=Math.abs,s=String.fromCharCode,c=Object.assign;function l(e){return e.trim()}function u(e,t,n){return e.replace(t,n)}function d(e,t){return e.indexOf(t)}function p(e,t){return 0|e.charCodeAt(t)}function m(e,t,n){return e.slice(t,n)}function f(e){return e.length}function h(e){return e.length}function g(e,t){return t.push(e),e}var y=1,v=1,b=0,x=0,w=0,k="";function E(e,t,n,r,i,o,a){return{value:e,root:t,parent:n,type:r,props:i,children:o,line:y,column:v,length:a,return:""}}function D(e,t){return c(E("",null,null,"",null,null,0),e,{length:-e.length},t)}function S(){return w=x>0?p(k,--x):0,v--,10===w&&(v=1,y--),w}function P(){return w=x<b?p(k,x++):0,v++,10===w&&(v=1,y++),w}function C(){return p(k,x)}function _(){return x}function I(e,t){return m(k,e,t)}function F(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function $(e){return y=v=1,b=f(k=e),x=0,[]}function T(e){return k="",e}function q(e){return l(I(x-1,L(91===e?e+2:40===e?e+1:e)))}function M(e){for(;(w=C())&&w<33;)P();return F(e)>2||F(w)>3?"":" "}function R(e,t){for(;--t&&P()&&!(w<48||w>102||w>57&&w<65||w>70&&w<97););return I(e,_()+(t<6&&32==C()&&32==P()))}function L(e){for(;P();)switch(w){case e:return x;case 34:case 39:34!==e&&39!==e&&L(w);break;case 40:41===e&&L(e);break;case 92:P()}return x}function O(e,t){for(;P()&&e+w!==57&&(e+w!==84||47!==C()););return"/*"+I(t,x-1)+"*"+s(47===e?e:P())}function z(e){for(;!F(C());)P();return I(e,x)}var j="-ms-",A="-moz-",N="-webkit-",H="comm",V="rule",B="decl",U="@keyframes";function Q(e,t){for(var n="",r=h(e),i=0;i<r;i++)n+=t(e[i],i,e,t)||"";return n}function K(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case B:return e.return=e.return||e.value;case H:return"";case U:return e.return=e.value+"{"+Q(e.children,r)+"}";case V:e.value=e.props.join(",")}return f(n=Q(e.children,r))?e.return=e.value+"{"+n+"}":""}function W(e){return T(G("",null,null,null,[""],e=$(e),0,[0],e))}function G(e,t,n,r,i,o,a,c,l){for(var m=0,h=0,y=a,v=0,b=0,x=0,w=1,k=1,E=1,D=0,I="",F=i,$=o,T=r,L=I;k;)switch(x=D,D=P()){case 40:if(108!=x&&58==p(L,y-1)){-1!=d(L+=u(q(D),"&","&\f"),"&\f")&&(E=-1);break}case 34:case 39:case 91:L+=q(D);break;case 9:case 10:case 13:case 32:L+=M(x);break;case 92:L+=R(_()-1,7);continue;case 47:switch(C()){case 42:case 47:g(X(O(P(),_()),t,n),l);break;default:L+="/"}break;case 123*w:c[m++]=f(L)*E;case 125*w:case 59:case 0:switch(D){case 0:case 125:k=0;case 59+h:-1==E&&(L=u(L,/\f/g,"")),b>0&&f(L)-y&&g(b>32?J(L+";",r,n,y-1):J(u(L," ","")+";",r,n,y-2),l);break;case 59:L+=";";default:if(g(T=Y(L,t,n,m,h,i,c,I,F=[],$=[],y),o),123===D)if(0===h)G(L,t,T,T,F,o,y,c,$);else switch(99===v&&110===p(L,3)?100:v){case 100:case 108:case 109:case 115:G(e,T,T,r&&g(Y(e,T,T,0,0,i,c,I,i,F=[],y),$),i,$,y,c,r?F:$);break;default:G(L,T,T,T,[""],$,0,c,$)}}m=h=b=0,w=E=1,I=L="",y=a;break;case 58:y=1+f(L),b=x;default:if(w<1)if(123==D)--w;else if(125==D&&0==w++&&125==S())continue;switch(L+=s(D),D*w){case 38:E=h>0?1:(L+="\f",-1);break;case 44:c[m++]=(f(L)-1)*E,E=1;break;case 64:45===C()&&(L+=q(P())),v=C(),h=y=f(I=L+=z(_())),D++;break;case 45:45===x&&2==f(L)&&(w=0)}}return o}function Y(e,t,n,r,i,o,s,c,d,p,f){for(var g=i-1,y=0===i?o:[""],v=h(y),b=0,x=0,w=0;b<r;++b)for(var k=0,D=m(e,g+1,g=a(x=s[b])),S=e;k<v;++k)(S=l(x>0?y[k]+" "+D:u(D,/&\f/g,y[k])))&&(d[w++]=S);return E(e,t,n,0===i?V:c,d,p,f)}function X(e,t,n){return E(e,t,n,H,s(w),m(e,2,-2),0)}function J(e,t,n,r){return E(e,t,n,B,m(e,0,r),m(e,r+1,-1),r)}var Z=function(e,t,n){for(var r=0,i=0;r=i,i=C(),38===r&&12===i&&(t[n]=1),!F(i);)P();return I(e,x)},ee=function(e,t){return T(function(e,t){var n=-1,r=44;do{switch(F(r)){case 0:38===r&&12===C()&&(t[n]=1),e[n]+=Z(x-1,t,n);break;case 2:e[n]+=q(r);break;case 4:if(44===r){e[++n]=58===C()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=s(r)}}while(r=P());return e}($(e),t))},te=new WeakMap,ne=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||te.get(n))&&!r){te.set(e,!0);for(var i=[],o=ee(t,i),a=n.props,s=0,c=0;s<o.length;s++)for(var l=0;l<a.length;l++,c++)e.props[c]=i[s]?o[s].replace(/&\f/g,a[l]):a[l]+" "+o[s]}}},re=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function ie(e,t){switch(function(e,t){return 45^p(e,0)?(((t<<2^p(e,0))<<2^p(e,1))<<2^p(e,2))<<2^p(e,3):0}(e,t)){case 5103:return N+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return N+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return N+e+A+e+j+e+e;case 6828:case 4268:return N+e+j+e+e;case 6165:return N+e+j+"flex-"+e+e;case 5187:return N+e+u(e,/(\w+).+(:[^]+)/,N+"box-$1$2"+j+"flex-$1$2")+e;case 5443:return N+e+j+"flex-item-"+u(e,/flex-|-self/,"")+e;case 4675:return N+e+j+"flex-line-pack"+u(e,/align-content|flex-|-self/,"")+e;case 5548:return N+e+j+u(e,"shrink","negative")+e;case 5292:return N+e+j+u(e,"basis","preferred-size")+e;case 6060:return N+"box-"+u(e,"-grow","")+N+e+j+u(e,"grow","positive")+e;case 4554:return N+u(e,/([^-])(transform)/g,"$1"+N+"$2")+e;case 6187:return u(u(u(e,/(zoom-|grab)/,N+"$1"),/(image-set)/,N+"$1"),e,"")+e;case 5495:case 3959:return u(e,/(image-set\([^]*)/,N+"$1$`$1");case 4968:return u(u(e,/(.+:)(flex-)?(.*)/,N+"box-pack:$3"+j+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+N+e+e;case 4095:case 3583:case 4068:case 2532:return u(e,/(.+)-inline(.+)/,N+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(f(e)-1-t>6)switch(p(e,t+1)){case 109:if(45!==p(e,t+4))break;case 102:return u(e,/(.+:)(.+)-([^]+)/,"$1"+N+"$2-$3$1"+A+(108==p(e,t+3)?"$3":"$2-$3"))+e;case 115:return~d(e,"stretch")?ie(u(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==p(e,t+1))break;case 6444:switch(p(e,f(e)-3-(~d(e,"!important")&&10))){case 107:return u(e,":",":"+N)+e;case 101:return u(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+N+(45===p(e,14)?"inline-":"")+"box$3$1"+N+"$2$3$1"+j+"$2box$3")+e}break;case 5936:switch(p(e,t+11)){case 114:return N+e+j+u(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return N+e+j+u(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return N+e+j+u(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return N+e+j+e+e}return e}var oe=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case B:e.return=ie(e.value,e.length);break;case U:return Q([D(e,{value:u(e.value,"@","@"+N)})],r);case V:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Q([D(e,{props:[u(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return Q([D(e,{props:[u(t,/:(plac\w+)/,":"+N+"input-$1")]}),D(e,{props:[u(t,/:(plac\w+)/,":-moz-$1")]}),D(e,{props:[u(t,/:(plac\w+)/,j+"input-$1")]})],r)}return""})}}],ae=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var r,i,a=e.stylisPlugins||oe,s={},c=[];r=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n<t.length;n++)s[t[n]]=!0;c.push(e)});var l,u,d=[K,(u=function(e){l.insert(e)},function(e){e.root||(e=e.return)&&u(e)})],p=function(e){var t=h(e);return function(n,r,i,o){for(var a="",s=0;s<t;s++)a+=e[s](n,r,i,o)||"";return a}}([ne,re].concat(a,d));i=function(e,t,n,r){l=n,Q(W(e?e+"{"+t.styles+"}":t.styles),p),r&&(m.inserted[t.name]=!0)};var m={key:t,sheet:new o({key:t,container:r,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:s,registered:{},insert:i};return m.sheet.hydrate(c),m},se=n(6314);const ce=({children:e,cacheKey:t})=>{const n=`${(0,se.useInstanceId)(ce)}`,o=ae({key:t||n}),[a,s]=(0,r.useState)(o),c=(0,se.useRefEffect)(e=>(e&&s(ae({key:t||n,container:e})),()=>{s(o)}),[t,n]);return(0,r.createElement)(r.Fragment,null,(0,r.createElement)("span",{ref:c,style:{display:"none"}}),(0,r.createElement)(i.CacheProvider,{value:a},e))}},2002:function(e,t,n){n.d(t,{useDebouncedInput:function(){return o}});var r=n(7966),i=n(6314);function o(e="",t={delay:350}){const[n,o]=(0,r.useState)(e),[a,s]=(0,r.useState)(e),{delay:c}=t,l=(0,i.useDebounce)(s,c);return(0,r.useEffect)(()=>{l(n)},[n,l]),[n,o,a]}},763:function(e,t,n){n.d(t,{W:function(){return i}});var r=n(6314);function i(e){return(0,r.useRefEffect)(t=>{if(!t)return()=>{};const n=n=>{t&&!t.contains(n.target)&&e(n)},r=t.ownerDocument||document,i=r!==document,o=document.querySelector('[name="editor-canvas"]'),a=o?.contentDocument;return r.addEventListener("mousedown",n),r.addEventListener("touchstart",n),i?(document.addEventListener("mousedown",n),document.addEventListener("touchstart",n)):a&&(a.addEventListener("mousedown",n),a.addEventListener("touchstart",n)),()=>{r.removeEventListener("mousedown",n),r.removeEventListener("touchstart",n),i?(document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)):a&&(a.removeEventListener("mousedown",n),a.removeEventListener("touchstart",n))}},[e])}},845:function(e){e.exports=require("@dnd-kit/core")},1502:function(e){e.exports=require("@dnd-kit/sortable")},5414:function(e){e.exports=require("@dnd-kit/utilities")},1007:function(e){e.exports=require("@emotion/react")},5227:function(e){e.exports=require("@emotion/styled")},2050:function(e){e.exports=require("@wordpress/components")},6314:function(e){e.exports=require("@wordpress/compose")},7816:function(e){e.exports=require("@wordpress/core-data")},5214:function(e){e.exports=require("@wordpress/data")},3762:function(e){e.exports=require("@wordpress/dom")},7966:function(e){e.exports=require("@wordpress/element")},2413:function(e){e.exports=require("@wordpress/html-entities")},8450:function(e){e.exports=require("@wordpress/i18n")},4940:function(e){e.exports=require("@wordpress/rich-text")},8759:function(e){e.exports=require("@wordpress/url")},4333:function(e){e.exports=require("uuid")}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};n.r(r),n.d(r,{ContentPicker:function(){return B}});var i=n(7966),o=n(5227),a=n.n(o),s=n(5214),c=n(8450),l=n(2050),u=n(4333),d=n(6687),p=n(845),m=n(1502),f=n(7816),h=n(5414),g=n(3762),y=n(8759),v=n(2413),b=require("@wordpress/icons"),x=n(5539);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(null,arguments)}const k=a().div`
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 8px;
min-height: 36px;
max-width: 100%;
width: 100%;
color: ${({isDeleted:e})=>e?"#cc1818":"#1e1e1e"};
opacity: ${({isDragging:e,isDeleted:t})=>e?.5:t?.7:1};
background: ${({isDragging:e,isDeleted:t})=>e?"#f0f0f0":t?"#fef7f7":"transparent"};
border: ${({isDeleted:e})=>e?"1px solid #f0b7b7":"none"};
border-radius: 2px;
transition: background-color 0.1s linear;
cursor: ${({isDragging:e,isOrderable:t})=>t?e?"grabbing":"grab":"default"};
touch-action: none;
&:hover {
background: ${({isDeleted:e})=>e?"#fef0f0":"#f0f0f0"};
.move-up-button,
.move-down-button,
.remove-button {
opacity: 1;
pointer-events: auto;
}
}
.components-button.has-icon {
min-width: 24px;
padding: 0;
height: 24px;
}
&:not(:hover) .remove-button {
opacity: 0;
pointer-events: none;
}
`,E=a().div`
display: ${({isDragging:e})=>e?"flex":"none"};
align-items: center;
justify-content: center;
opacity: ${({isDragging:e})=>e?1:0};
pointer-events: ${({isDragging:e})=>e?"auto":"none"};
transition: opacity 0.1s linear;
position: absolute;
left: 8px;
`,D=a()(l.Button)`
opacity: ${({isDragging:e})=>e?0:1};
pointer-events: ${({isDragging:e})=>e?"none":"auto"};
transition: opacity 0.1s linear;
&:focus {
opacity: 1;
pointer-events: auto;
}
`,S=a().div`
flex: 1;
min-width: 0;
max-width: calc(100% - 80px); /* Account for the width of buttons */
display: flex;
flex-direction: column;
gap: 2px;
padding-left: ${({isDragging:e})=>e?"24px":"0"};
transition: padding-left 0.1s linear;
`,P=a().span`
font-size: 0.875rem;
line-height: 1.4;
font-weight: 500;
color: ${({isDeleted:e})=>e?"#cc1818":"#1e1e1e"};
font-style: ${({isDeleted:e})=>e?"italic":"normal"};
`,C=a().span`
font-size: 0.75rem;
line-height: 1.4;
color: #757575;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
`,_=a().span`
font-size: 0.75rem;
line-height: 1.4;
color: #757575;
margin-top: 4px;
`,I=a()(l.Button)`
&.components-button.has-icon {
min-width: 20px;
padding: 0;
height: 14px;
}
&.components-button.has-icon svg {
width: 18px;
height: 18px;
}
opacity: 0;
pointer-events: none;
transition: opacity 0.1s linear;
&:focus {
opacity: 1;
pointer-events: auto;
}
`,F=a().div`
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
`,$=({item:e,isDeleted:t=!1})=>{const{title:n,url:r,info:o}=e,a=(0,v.decodeEntities)(n);return(0,i.createElement)(i.Fragment,null,(0,i.createElement)(P,{isDeleted:t},(0,i.createElement)(l.__experimentalTruncate,{title:a,"aria-label":a},a)),r&&!t&&(0,i.createElement)(C,null,(0,y.filterURLForDisplay)((0,y.safeDecodeURI)(r))||""),o&&(0,i.createElement)(_,{dangerouslySetInnerHTML:{__html:(0,g.safeHTML)(o)}}))};var T=({item:e,isOrderable:t=!1,handleItemDelete:n,id:r,isDragging:o=!1,positionInSet:a=1,setSize:s=1,onMoveUp:u,onMoveDown:d,PickedItemPreviewComponent:p,isDeleted:f=!1})=>{const{attributes:g,listeners:y,setNodeRef:v,transform:P,transition:C}=(0,m.useSortable)({id:r}),_={transform:h.CSS.Transform.toString(P),transition:C},T=1===a,q=a===s;return(0,i.createElement)(l.__experimentalTreeGridRow,{level:1,positionInSet:a,setSize:s},(0,i.createElement)(k,w({ref:v,style:_},g,y,{isDragging:o,isOrderable:t,isDeleted:f}),t&&(0,i.createElement)(E,{isDragging:o},(0,i.createElement)(x.DragHandle,null)),(0,i.createElement)(S,{isDragging:o},p?(0,i.createElement)(p,{item:e}):(0,i.createElement)($,{item:e,isDeleted:f})),(0,i.createElement)(F,null,t&&!o&&(0,i.createElement)(l.__experimentalVStack,{spacing:0,className:"move-buttons"},(0,i.createElement)(I,{disabled:T,icon:b.chevronUp,onClick:e=>{e.stopPropagation(),u?.()},className:"move-up-button"},(0,i.createElement)(l.VisuallyHidden,null,(0,c.__)("Move item up","10up-block-components"))),(0,i.createElement)(I,{disabled:q,icon:b.chevronDown,onClick:e=>{e.stopPropagation(),d?.()},className:"move-down-button"},(0,i.createElement)(l.VisuallyHidden,null,(0,c.__)("Move item down","10up-block-components")))),!o&&(0,i.createElement)(D,{className:"remove-button",icon:b.close,size:"small",variant:"tertiary",isDestructive:!0,label:(0,c.__)("Remove item","10up-block-components"),onClick:t=>{t.stopPropagation(),n(e)}}))))};const q=a().div`
pointer-events: none;
`,M=a().div`
background: #1e1e1e;
opacity: 0.9;
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
color: #fff;
display: inline-flex;
margin: 0;
padding: 8px;
font-size: 0.875rem;
line-height: 1.4;
white-space: nowrap;
max-width: min(300px, 100%);
svg {
fill: currentColor;
}
`,R=e=>{let{title:t=(0,c.__)("Moving 1 item","10up-block-components")}=e;return t||(t=(0,c.__)("Moving 1 item","10up-block-components")),(0,i.createElement)(q,null,(0,i.createElement)(M,{"data-testid":"draggable-chip"},(0,i.createElement)(l.Flex,{justify:"center",align:"center",gap:4},(0,i.createElement)(l.FlexItem,null,(0,i.createElement)(l.__experimentalTruncate,null,t)),(0,i.createElement)(x.DragHandle,null))))};var L=n(2846);const O={...p.defaultDropAnimation,dragSourceOpacity:.5};const z=a()(l.__experimentalTreeGrid)`
max-width: 100%;
display: block;
& tbody,
& tr,
& td {
display: block;
max-width: 100%;
width: 100%;
}
`;var j=({posts:e,isOrderable:t=!1,handleItemDelete:n,mode:r="post",setPosts:o,PickedItemPreviewComponent:a,queryFieldsFilter:l,pickedItemFilter:u})=>{const d=e.length>1,[h,g]=(0,i.useState)(null),y=function(e){let t;switch(e){case"post":t="postType";break;case"user":t="root";break;default:t="taxonomy"}return t}(r),v=(0,s.useSelect)(t=>{const{getEntityRecord:n,hasFinishedResolution:i}=t(f.store);let o=["link","type","id"];return"user"===r?o.push("name"):"post"===r?(o.push("title"),o.push("url"),o.push("subtype"),o.push("status")):(o.push("name"),o.push("taxonomy")),l&&(o=l(o,r)),e.reduce((e,t)=>{const a=[y,t.type,t.id,{_fields:o,context:"view"}],s=n(...a);if(s){let n;switch(r){case"post":{const e=s;n={title:(0,L.D4)(e.title.rendered),url:e.link,id:e.id,type:e.type,status:e.status};break}case"user":{const e=s;n={title:(0,L.D4)(e.name),url:e.link,id:e.id,type:"user"};break}default:{const e=s;n={title:(0,L.D4)(e.name),url:e.link,id:e.id,type:e.taxonomy};break}}u&&(n=u(n,s)),t.uuid&&(n.uuid=t.uuid),e[t.uuid]=n}else i("getEntityRecord",a)&&(e[t.uuid]=null);return e},{})},[e,y,l,u,r]),b=e.map(e=>e.uuid),x=(0,p.useSensors)((0,p.useSensor)(p.MouseSensor,{activationConstraint:{distance:5}}),(0,p.useSensor)(p.TouchSensor,{activationConstraint:{delay:250,tolerance:5}})),w=(0,i.useCallback)(e=>{g(e.active.id)},[]),k=(0,i.useCallback)(t=>{const{active:n,over:r}=t;if(g(null),n.id!==r?.id){const t=e.findIndex(e=>e.uuid===n.id),i=e.findIndex(e=>e.uuid===r?.id);o((0,m.arrayMove)(e,t,i))}},[e,o]),E=(0,i.useCallback)(()=>{g(null)},[]),D=(0,i.useMemo)(()=>h?v?.[h]:null,[h,v]),S=s=>s.map((l,u)=>{const p=v[l.uuid];if(!p)return(0,i.createElement)(T,{isOrderable:d&&t,key:l.uuid,handleItemDelete:n,item:{id:l.id,type:l.type,uuid:l.uuid,title:(0,c.__)("(Item no longer exists)","10up-block-components"),url:""},mode:r,id:l.uuid,positionInSet:u+1,setSize:s.length,onMoveUp:()=>{0!==u&&o((0,m.arrayMove)(e,u,u-1))},onMoveDown:()=>{u!==s.length-1&&o((0,m.arrayMove)(e,u,u+1))},PickedItemPreviewComponent:a,isDeleted:!0});if("post"===r&&p&&"trash"===p.status)return(0,i.createElement)(T,{isOrderable:d&&t,key:l.uuid,handleItemDelete:n,item:{id:p.id,type:p.type,uuid:p.uuid,title:(0,c.__)("(Item in trash)","10up-block-components"),url:p.url},mode:r,id:l.uuid,positionInSet:u+1,setSize:s.length,onMoveUp:()=>{0!==u&&o((0,m.arrayMove)(e,u,u-1))},onMoveDown:()=>{u!==s.length-1&&o((0,m.arrayMove)(e,u,u+1))},PickedItemPreviewComponent:a,isDeleted:!0});return(0,i.createElement)(T,{isOrderable:d&&t,key:l.uuid,handleItemDelete:n,item:p,mode:r,id:l.uuid,positionInSet:u+1,setSize:s.length,onMoveUp:()=>{0!==u&&o((0,m.arrayMove)(e,u,u-1))},onMoveDown:()=>{u!==s.length-1&&o((0,m.arrayMove)(e,u,u+1))},PickedItemPreviewComponent:a})});return t&&d?(0,i.createElement)(p.DndContext,{sensors:x,collisionDetection:p.closestCenter,onDragStart:w,onDragEnd:k,onDragCancel:E},(0,i.createElement)(z,{className:"block-editor-list-view-tree","aria-label":(0,c.__)("Selected items list"),onCollapseRow:()=>{},onExpandRow:()=>{}},(0,i.createElement)(m.SortableContext,{items:b,strategy:m.verticalListSortingStrategy},S(e))),(0,i.createElement)(p.DragOverlay,{dropAnimation:O},h&&D?(0,i.createElement)(R,{title:D.title}):null)):(0,i.createElement)(z,{className:"block-editor-list-view-tree","aria-label":(0,c.__)("Selected items list"),onCollapseRow:()=>{},onExpandRow:()=>{}},S(e))},A=n(1863),N=n(6685);const H=a().div`
& .block-editor-link-control__search-item {
cursor: default;
&:hover {
background: transparent;
}
}
`,V=a().div`
width: 100%;
`,B=({label:e="",hideLabelFromVision:t=!0,mode:n="post",contentTypes:r=["post","page"],placeholder:o="",onPickChange:a=e=>{console.log("Content picker list change",e)},queryFilter:p,queryFieldsFilter:m,searchResultFilter:f,pickedItemFilter:h,maxContentItems:g=1,isOrderable:y=!1,singlePickedLabel:v=(0,c.__)("You have selected the following item:","10up-block-components"),multiPickedLabel:b=(0,c.__)("You have selected the following items:","10up-block-components"),content:x=[],uniqueContentItems:w=!0,excludeCurrentPost:k=!0,perPage:E=20,fetchInitialResults:D=!1,renderItemType:S=N.F,renderItem:P,PickedItemPreviewComponent:C,options:_})=>{const I=_&&_.inputDelay?{inputDelay:_.inputDelay}:void 0,F=(0,s.select)("core/editor")?.getCurrentPostId();if(x.length&&"object"!==typeof x[0])for(let e=0;e<x.length;e++)x[e]={id:x[e],type:r[0]};const $=(0,i.useMemo)(()=>{const e=w?[...x]:[];return k&&F&&e.push({id:F}),e},[x,F,k,w]);return(0,i.createElement)(A.StyledComponentContext,{cacheKey:"tenup-component-content-picker"},(0,i.createElement)(V,{className:"tenup-content-picker"},!x.length||x.length&&x.length<g?(0,i.createElement)(d.ContentSearch,{placeholder:o,label:e,hideLabelFromVision:t,excludeItems:$,onSelectItem:e=>{const t=[{id:e.id,uuid:(0,u.v4)(),type:"subtype"in e&&e.subtype?e.subtype:e.type},...x];a(t)},contentTypes:r,mode:n,queryFilter:p,queryFieldsFilter:m,searchResultFilter:f,perPage:E,fetchInitialResults:D,renderItemType:S,renderItem:P,options:I}):e&&(t?(0,i.createElement)(l.VisuallyHidden,null,e):(0,i.createElement)("div",{style:{marginBottom:"8px"}},e)),Boolean(x?.length)&&(0,i.createElement)(H,null,(0,i.createElement)("span",{style:{marginTop:"15px",marginBottom:"2px",display:"block"}},x.length>1?b:v),(0,i.createElement)("ul",{className:"block-editor-link-control__search-items",style:{padding:0}},(0,i.createElement)(j,{posts:x,handleItemDelete:e=>{const t=x.filter(({id:t,uuid:n})=>e.uuid?n!==e.uuid:t!==e.id);a(t)},isOrderable:y,mode:n,setPosts:a,PickedItemPreviewComponent:C,queryFieldsFilter:m,pickedItemFilter:h})))))};module.exports=r}();
//# sourceMappingURL=index.js.map