@10up/block-components
Version:
10up Components built for the WordPress Block Editor.
215 lines (202 loc) • 30.1 kB
JavaScript
!function(){"use strict";var e={208:function(e,t,n){n.d(t,{F:function(){return h}});var r=n(7966),i=n(5227),o=n.n(i),a=n(8759),s=n(2413),c=n(2050),l=n(4940);const u=o()(c.Button)`
&&& {
display: flex;
text-align: left;
width: 100%;
justify-content: space-between;
align-items: center;
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);
}
}
`,d=o().span`
display: flex;
flex-direction: column;
align-items: flex-start;
`,p=o().span`
padding-right: ${({showType:e})=>e?0:void 0};
`,m=o().span`
padding-right: ${({showType:e})=>e?0:void 0};
`,f=o().span`
background-color: rgba(0, 0, 0, 0.05);
color: black;
padding: 2px 4px;
text-transform: capitalize;
border-radius: 2px;
flex-shrink: 0;
`,g=o()(c.TextHighlight)`
margin: 0 !important;
padding: 0 !important;
`;function h(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:y=h})=>{const v=!!(e.type&&o.length>1),b=(0,l.create)({html:e.title}),x=(0,l.getTextContent)(b),w=(0,s.decodeEntities)(x);return(0,r.createElement)(c.Tooltip,{text:(0,s.decodeEntities)(e.title)},(0,r.createElement)(u,{id:i,onClick:t},(0,r.createElement)(d,null,(0,r.createElement)(p,{showType:v},(0,r.createElement)(g,{text:w,highlight:n})),(0,r.createElement)(m,{"aria-hidden":!0,showType:v},(0,r.createElement)(c.__experimentalTruncate,{numberOfLines:1,limit:55,ellipsizeMode:"middle"},(0,a.filterURLForDisplay)((0,a.safeDecodeURI)(e.url))||""))),v&&(0,r.createElement)(f,null,y(e))))}},845:function(e){e.exports=require("@dnd-kit/core")},957:function(e,t,n){n.d(t,{ContentSearch:function(){return _}});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(208),d=n(6011),p=n(8751),m=n(8580),f=require("@wordpress/api-fetch"),g=n.n(f),h=n(8759);async function y({keyword:e,page:t,mode:n,perPage:r,contentTypes:i,queryFilter:o,excludeItems:a,signal:s}){const c=(({keyword:e,page:t,mode:n,perPage:r,contentTypes:i,queryFilter:o})=>{let a;a="user"===n?(0,h.addQueryArgs)("wp/v2/users",{search:e,_fields:["id","link","url","type","name","subtype"]}):(0,h.addQueryArgs)("wp/v2/search",{search:e,subtype:i.join(","),type:n,_embed:!0,per_page:r,page:t,_fields:["id","link","url","type","title","subtype"]});return o(a,{perPage:r,page:t,contentTypes:i,mode:n,keyword:e})})({keyword:e,page:t,mode:n,perPage:r,contentTypes:i,queryFilter:o}),l=await g()({path:c,parse:!1,signal:s}),u=parseInt(l.headers&&l.headers.get("X-WP-TotalPages")||"0",10);let d;d=await l.json();const p=(({mode:e,results:t,excludeItems:n})=>{const r=(({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 r.map(t=>{if("user"===e){const n=t;return{id:n.id,subtype:e,title:n.name,type:e,url:n.link}}{const e=t;return{id:e.id,subtype:e.subtype,title:e.title,type:e.type,url:e.url}}})})({results:d,excludeItems:a,mode:n});return{results:p,nextPage:u>t?t+1:void 0,previousPage:t>1?t-1:void 0}}const v=new l.QueryClient,b=s().ul`
max-height: 350px;
overflow-y: auto;
list-style: none !important;
margin: 0;
padding: 0 !important;
`,x=s().li`
margin-bottom: 0;
`,w=s()(i.Spinner)`
/* Custom styles to reduce jumping while loading the results */
min-height: ${"46px"};
display: flex;
align-items: center;
justify-content: center;
`,k=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;
}
`,E=s()(i.NavigableMenu)`
width: 100%;
`,P=s()(i.SearchControl)`
width: 100%;
`,D=s().li`
color: inherit;
cursor: default;
padding-left: 3px;
`,S=()=>(0,r.createElement)(D,{className:"tenup-content-search-list-item components-button"},(0,o.__)("Nothing found.","10up-block-components")),C=({onSelectItem:e=()=>{console.log("Select!")},placeholder:t="",label:n,hideLabelFromVision:a=!0,contentTypes:s=["post","page"],mode:d="post",perPage:f=20,queryFilter:g=e=>e,excludeItems:h=[],renderItemType:v,renderItem:D=u.A,fetchInitialResults:C,options:_})=>{const I=_&&_.inputDelay?{delay:_.inputDelay}:void 0,[$,T,q]=(0,p.useDebouncedInput)("",I),[M,O]=(0,r.useState)(!1),R=(0,r.useRef)(null),F=(0,m.W)(()=>{O(!1)}),z=(0,c.useMergeRefs)([R,F]),{status:L,data:j,error:A,isFetching:N,isFetchingNextPage:V,fetchNextPage:H,hasNextPage:B}=(0,l.useInfiniteQuery)({queryKey:["search",q,s.join(","),d,f,g],queryFn:async({pageParam:e=1,signal:t})=>y({keyword:q,page:e,mode:d,perPage:f,contentTypes:s,queryFilter:g,excludeItems:h,signal:t}),getNextPageParam:e=>e.nextPage,getPreviousPageParam:e=>e.previousPage,initialPageParam:1}),U=j?.pages.map(e=>e?.results).flat()||void 0,Q=!!q.length,K="success"===L&&U&&!!U.length,W=C&&M,G=!!A||!N&&!K,Y="pending"===L;return(0,r.createElement)(E,{ref:z,orientation:"vertical"},(0,r.createElement)(P,{value:$,onChange:e=>{T(e)},label:n,hideLabelFromVision:a,placeholder:t,autoComplete:"off",onFocus:()=>{O(!0)}}),Q||W?(0,r.createElement)(r.Fragment,null,(0,r.createElement)(b,{className:"tenup-content-search-list"},Y&&(0,r.createElement)(w,null),G&&(0,r.createElement)(S,null),K&&U.map(t=>(0,r.createElement)(x,{key:t.id,className:"tenup-content-search-list-item"},(0,r.createElement)(D,{item:t,onSelect:()=>{(t=>{T(""),O(!1),e(t)})(t)},searchTerm:q,contentTypes:s,renderType:v})))),K&&B&&(0,r.createElement)(k,null,(0,r.createElement)(i.Button,{onClick:()=>H(),variant:"secondary"},(0,o.__)("Load more","10up-block-components"))),V&&(0,r.createElement)(w,null)):null)},_=e=>(0,r.createElement)(d.StyledComponentContext,{cacheKey:"tenup-component-content-search"},(0,r.createElement)(l.QueryClientProvider,{client:v},(0,r.createElement)(C,e)))},1007:function(e){e.exports=require("@emotion/react")},1502:function(e){e.exports=require("@dnd-kit/sortable")},2050:function(e){e.exports=require("@wordpress/components")},2413:function(e){e.exports=require("@wordpress/html-entities")},2954: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"})))},4333:function(e){e.exports=require("uuid")},4940:function(e){e.exports=require("@wordpress/rich-text")},5214:function(e){e.exports=require("@wordpress/data")},5227:function(e){e.exports=require("@emotion/styled")},5414:function(e){e.exports=require("@dnd-kit/utilities")},6011: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 g(e){return e.length}function h(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 P(e,t){return c(E("",null,null,"",null,null,0),e,{length:-e.length},t)}function D(){return w=x>0?p(k,--x):0,v--,10===w&&(v=1,y--),w}function S(){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 $(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 T(e){return y=v=1,b=f(k=e),x=0,[]}function q(e){return k="",e}function M(e){return l(I(x-1,F(91===e?e+2:40===e?e+1:e)))}function O(e){for(;(w=C())&&w<33;)S();return $(e)>2||$(w)>3?"":" "}function R(e,t){for(;--t&&S()&&!(w<48||w>102||w>57&&w<65||w>70&&w<97););return I(e,_()+(t<6&&32==C()&&32==S()))}function F(e){for(;S();)switch(w){case e:return x;case 34:case 39:34!==e&&39!==e&&F(w);break;case 40:41===e&&F(e);break;case 92:S()}return x}function z(e,t){for(;S()&&e+w!==57&&(e+w!==84||47!==C()););return"/*"+I(t,x-1)+"*"+s(47===e?e:S())}function L(e){for(;!$(C());)S();return I(e,x)}var j="-ms-",A="-moz-",N="-webkit-",V="comm",H="rule",B="decl",U="@keyframes";function Q(e,t){for(var n="",r=g(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 V:return"";case U:return e.return=e.value+"{"+Q(e.children,r)+"}";case H:e.value=e.props.join(",")}return f(n=Q(e.children,r))?e.return=e.value+"{"+n+"}":""}function W(e){return q(G("",null,null,null,[""],e=T(e),0,[0],e))}function G(e,t,n,r,i,o,a,c,l){for(var m=0,g=0,y=a,v=0,b=0,x=0,w=1,k=1,E=1,P=0,I="",$=i,T=o,q=r,F=I;k;)switch(x=P,P=S()){case 40:if(108!=x&&58==p(F,y-1)){-1!=d(F+=u(M(P),"&","&\f"),"&\f")&&(E=-1);break}case 34:case 39:case 91:F+=M(P);break;case 9:case 10:case 13:case 32:F+=O(x);break;case 92:F+=R(_()-1,7);continue;case 47:switch(C()){case 42:case 47:h(X(z(S(),_()),t,n),l);break;default:F+="/"}break;case 123*w:c[m++]=f(F)*E;case 125*w:case 59:case 0:switch(P){case 0:case 125:k=0;case 59+g:-1==E&&(F=u(F,/\f/g,"")),b>0&&f(F)-y&&h(b>32?J(F+";",r,n,y-1):J(u(F," ","")+";",r,n,y-2),l);break;case 59:F+=";";default:if(h(q=Y(F,t,n,m,g,i,c,I,$=[],T=[],y),o),123===P)if(0===g)G(F,t,q,q,$,o,y,c,T);else switch(99===v&&110===p(F,3)?100:v){case 100:case 108:case 109:case 115:G(e,q,q,r&&h(Y(e,q,q,0,0,i,c,I,i,$=[],y),T),i,T,y,c,r?$:T);break;default:G(F,q,q,q,[""],T,0,c,T)}}m=g=b=0,w=E=1,I=F="",y=a;break;case 58:y=1+f(F),b=x;default:if(w<1)if(123==P)--w;else if(125==P&&0==w++&&125==D())continue;switch(F+=s(P),P*w){case 38:E=g>0?1:(F+="\f",-1);break;case 44:c[m++]=(f(F)-1)*E,E=1;break;case 64:45===C()&&(F+=M(S())),v=C(),g=y=f(I=F+=L(_())),P++;break;case 45:45===x&&2==f(F)&&(w=0)}}return o}function Y(e,t,n,r,i,o,s,c,d,p,f){for(var h=i-1,y=0===i?o:[""],v=g(y),b=0,x=0,w=0;b<r;++b)for(var k=0,P=m(e,h+1,h=a(x=s[b])),D=e;k<v;++k)(D=l(x>0?y[k]+" "+P:u(P,/&\f/g,y[k])))&&(d[w++]=D);return E(e,t,n,0===i?H:c,d,p,f)}function X(e,t,n){return E(e,t,n,V,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),!$(i);)S();return I(e,x)},ee=function(e,t){return q(function(e,t){var n=-1,r=44;do{switch($(r)){case 0:38===r&&12===C()&&(t[n]=1),e[n]+=Z(x-1,t,n);break;case 2:e[n]+=M(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=S());return e}(T(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([P(e,{value:u(e.value,"@","@"+N)})],r);case H: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([P(e,{props:[u(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return Q([P(e,{props:[u(t,/:(plac\w+)/,":"+N+"input-$1")]}),P(e,{props:[u(t,/:(plac\w+)/,":-moz-$1")]}),P(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=g(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))}},6314:function(e){e.exports=require("@wordpress/compose")},7816:function(e){e.exports=require("@wordpress/core-data")},7966:function(e){e.exports=require("@wordpress/element")},8450:function(e){e.exports=require("@wordpress/i18n")},8580: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])}},8751: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]}},8759:function(e){e.exports=require("@wordpress/url")}},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 N}});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(957),p=n(845),m=n(1502),f=n(7816),g=n(5414),h=n(8759),y=n(2413),v=require("@wordpress/icons"),b=n(2954);function x(){return x=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},x.apply(null,arguments)}const w=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;
}
`,k=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;
`,E=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;
}
`,P=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;
`,D=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"};
`,S=a().span`
font-size: 0.75rem;
line-height: 1.4;
color: #757575;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
`,C=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;
}
`,_=a().div`
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
`,I=({item:e,isDeleted:t=!1})=>{const n=(0,y.decodeEntities)(e.title);return(0,i.createElement)(i.Fragment,null,(0,i.createElement)(D,{isDeleted:t},(0,i.createElement)(l.__experimentalTruncate,{title:n,"aria-label":n},n)),e.url&&!t&&(0,i.createElement)(S,null,(0,h.filterURLForDisplay)((0,h.safeDecodeURI)(e.url))||""))};var $=({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:h,listeners:y,setNodeRef:D,transform:S,transition:$}=(0,m.useSortable)({id:r}),T={transform:g.CSS.Transform.toString(S),transition:$},q=1===a,M=a===s;return(0,i.createElement)(l.__experimentalTreeGridRow,{level:1,positionInSet:a,setSize:s},(0,i.createElement)(w,x({ref:D,style:T},h,y,{isDragging:o,isOrderable:t,isDeleted:f}),t&&(0,i.createElement)(k,{isDragging:o},(0,i.createElement)(b.DragHandle,null)),(0,i.createElement)(P,{isDragging:o},p?(0,i.createElement)(p,{item:e}):(0,i.createElement)(I,{item:e,isDeleted:f})),(0,i.createElement)(_,null,t&&!o&&(0,i.createElement)(l.__experimentalVStack,{spacing:0,className:"move-buttons"},(0,i.createElement)(C,{disabled:q,icon:v.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)(C,{disabled:M,icon:v.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)(E,{className:"remove-button",icon:v.close,size:"small",variant:"tertiary",isDestructive:!0,label:(0,c.__)("Remove item","10up-block-components"),onClick:t=>{t.stopPropagation(),n(e)}}))))};const T=a().div`
pointer-events: none;
`,q=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;
}
`,M=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)(T,null,(0,i.createElement)(q,{"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)(b.DragHandle,null))))},O={...p.defaultDropAnimation,dragSourceOpacity:.5};const R=a()(l.__experimentalTreeGrid)`
max-width: 100%;
display: block;
& tbody,
& tr,
& td {
display: block;
max-width: 100%;
width: 100%;
}
`;var F=({posts:e,isOrderable:t=!1,handleItemDelete:n,mode:r="post",setPosts:o,PickedItemPreviewComponent:a})=>{const l=e.length>1,[u,d]=(0,i.useState)(null),g=function(e){let t;switch(e){case"post":t="postType";break;case"user":t="root";break;default:t="taxonomy"}return t}(r),h=(0,s.useSelect)(t=>{const{getEntityRecord:n,hasFinishedResolution:i}=t(f.store);return e.reduce((e,t)=>{const o=["link","type","id"];"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"));const a=[g,t.type,t.id,{_fields:o,context:"view"}],s=n(...a);if(s){let n;if("post"===r){const e=s;n={title:e.title.rendered,url:e.link,id:e.id,type:e.type,status:e.status}}else if("user"===r){const e=s;n={title:e.name,url:e.link,id:e.id,type:"user"}}else{const e=s;n={title:e.name,url:e.link,id:e.id,type:e.taxonomy}}t.uuid&&(n.uuid=t.uuid),e[t.uuid]=n}else i("getEntityRecord",a)&&(e[t.uuid]=null);return e},{})},[e,g]),y=e.map(e=>e.uuid),v=(0,p.useSensors)((0,p.useSensor)(p.MouseSensor,{activationConstraint:{distance:5}}),(0,p.useSensor)(p.TouchSensor,{activationConstraint:{delay:250,tolerance:5}})),b=(0,i.useCallback)(e=>{d(e.active.id)},[]),x=(0,i.useCallback)(t=>{const{active:n,over:r}=t;if(d(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]),w=(0,i.useCallback)(()=>{d(null)},[]),k=(0,i.useMemo)(()=>u?h?.[u]:null,[u,h]),E=s=>s.map((u,d)=>{const p=h[u.uuid];if(!p)return(0,i.createElement)($,{isOrderable:l&&t,key:u.uuid,handleItemDelete:n,item:{id:u.id,type:u.type,uuid:u.uuid,title:(0,c.__)("(Item no longer exists)","10up-block-components"),url:""},mode:r,id:u.uuid,positionInSet:d+1,setSize:s.length,onMoveUp:()=>{0!==d&&o((0,m.arrayMove)(e,d,d-1))},onMoveDown:()=>{d!==s.length-1&&o((0,m.arrayMove)(e,d,d+1))},PickedItemPreviewComponent:a,isDeleted:!0});if("post"===r&&p&&"trash"===p.status)return(0,i.createElement)($,{isOrderable:l&&t,key:u.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:u.uuid,positionInSet:d+1,setSize:s.length,onMoveUp:()=>{0!==d&&o((0,m.arrayMove)(e,d,d-1))},onMoveDown:()=>{d!==s.length-1&&o((0,m.arrayMove)(e,d,d+1))},PickedItemPreviewComponent:a,isDeleted:!0});return(0,i.createElement)($,{isOrderable:l&&t,key:u.uuid,handleItemDelete:n,item:p,mode:r,id:u.uuid,positionInSet:d+1,setSize:s.length,onMoveUp:()=>{0!==d&&o((0,m.arrayMove)(e,d,d-1))},onMoveDown:()=>{d!==s.length-1&&o((0,m.arrayMove)(e,d,d+1))},PickedItemPreviewComponent:a})});return t&&l?(0,i.createElement)(p.DndContext,{sensors:v,collisionDetection:p.closestCenter,onDragStart:b,onDragEnd:x,onDragCancel:w},(0,i.createElement)(R,{className:"block-editor-list-view-tree","aria-label":(0,c.__)("Selected items list"),onCollapseRow:()=>{},onExpandRow:()=>{}},(0,i.createElement)(m.SortableContext,{items:y,strategy:m.verticalListSortingStrategy},E(e))),(0,i.createElement)(p.DragOverlay,{dropAnimation:O},u&&k?(0,i.createElement)(M,{title:k.title}):null)):(0,i.createElement)(R,{className:"block-editor-list-view-tree","aria-label":(0,c.__)("Selected items list"),onCollapseRow:()=>{},onExpandRow:()=>{}},E(e))},z=n(6011),L=n(208);const j=a().div`
& .block-editor-link-control__search-item {
cursor: default;
&:hover {
background: transparent;
}
}
`,A=a().div`
width: 100%;
`,N=({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,maxContentItems:m=1,isOrderable:f=!1,singlePickedLabel:g=(0,c.__)("You have selected the following item:","10up-block-components"),multiPickedLabel:h=(0,c.__)("You have selected the following items:","10up-block-components"),content:y=[],uniqueContentItems:v=!0,excludeCurrentPost:b=!0,perPage:x=20,fetchInitialResults:w=!1,renderItemType:k=L.F,renderItem:E,PickedItemPreviewComponent:P,options:D})=>{const S=D&&D.inputDelay?{inputDelay:D.inputDelay}:void 0,C=(0,s.select)("core/editor")?.getCurrentPostId();if(y.length&&"object"!==typeof y[0])for(let e=0;e<y.length;e++)y[e]={id:y[e],type:r[0]};const _=(0,i.useMemo)(()=>{const e=v?[...y]:[];return b&&C&&e.push({id:C}),e},[y,C,b,v]);return(0,i.createElement)(z.StyledComponentContext,{cacheKey:"tenup-component-content-picker"},(0,i.createElement)(A,{className:"tenup-content-picker"},!y.length||y.length&&y.length<m?(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},...y];a(t)},contentTypes:r,mode:n,queryFilter:p,perPage:x,fetchInitialResults:w,renderItemType:k,renderItem:E,options:S}):e&&(t?(0,i.createElement)(l.VisuallyHidden,null,e):(0,i.createElement)("div",{style:{marginBottom:"8px"}},e)),Boolean(y?.length)&&(0,i.createElement)(j,null,(0,i.createElement)("span",{style:{marginTop:"15px",marginBottom:"2px",display:"block"}},y.length>1?h:g),(0,i.createElement)("ul",{className:"block-editor-link-control__search-items",style:{padding:0}},(0,i.createElement)(F,{posts:y,handleItemDelete:e=>{const t=y.filter(({id:t,uuid:n})=>e.uuid?n!==e.uuid:t!==e.id);a(t)},isOrderable:f,mode:n,setPosts:a,PickedItemPreviewComponent:P})))))};module.exports=r}();
//# sourceMappingURL=index.js.map