@strapi/admin 4.6.0-alpha.1 → 4.6.0-beta.1

package/build/874.bde3ea04.chunk.js

@@ -0,0 +1,104 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[874],{11299:(k,M,t)=>{t.d(M,{$:()=>_,O:()=>I});var e=t(32735),m=t(60216),a=t(83292),x=t(77277),h=t(88860),P=t(62345),T=t(36320),C=t(3685),j=Object.defineProperty,R=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,v=(n,o,s)=>o in n?j(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,y=(n,o)=>{for(var s in o||(o={}))A.call(o,s)&&v(n,s,o[s]);if(R)for(var s of R(o))L.call(o,s)&&v(n,s,o[s]);return n},g=(n,o)=>{var s={};for(var f in n)A.call(n,f)&&o.indexOf(f)<0&&(s[f]=n[f]);if(n!=null&&R)for(var f of R(n))o.indexOf(f)<0&&L.call(n,f)&&(s[f]=n[f]);return s};const O=(0,a.default)(T.k)`
+  svg {
+    height: ${10/16}rem;
+    width: ${10/16}rem;
+    path {
+      fill: ${({theme:n})=>n.colors.neutral500};
+    }
+  }
+  :last-of-type ${P.x} {
+    display: none;
+  }
+  :last-of-type ${h.Z} {
+    color: ${({theme:n})=>n.colors.neutral800};
+    font-weight: ${({theme:n})=>n.fontWeights.bold};
+  }
+`,_=({children:n})=>e.createElement(O,{inline:!0,as:"li"},e.createElement(h.Z,{variant:"pi",textColor:"neutral600"},n),e.createElement(P.x,{"aria-hidden":!0,paddingLeft:3,paddingRight:3},e.createElement(x.default,null)));_.displayName="Crumb",_.propTypes={children:m.node.isRequired};const K=m.shape({type:m.oneOf([_])}),I=n=>{var o=n,{children:s,label:f}=o,l=g(o,["children","label"]);return e.createElement(T.k,y({},l),e.createElement(C.T,null,f),e.createElement("ol",{"aria-hidden":!0},s))};I.displayName="Breadcrumbs",I.propTypes={children:m.oneOfType([m.arrayOf(K),K]).isRequired,label:m.string.isRequired}},17e3:(k,M,t)=>{t.d(M,{D:()=>x});var e=t(32735),m=t(60216),a=t(62345);const x=({children:h})=>e.createElement(a.x,{paddingLeft:10,paddingRight:10},h);x.propTypes={children:m.node.isRequired}},28356:(k,M,t)=>{t.d(M,{T:()=>o});var e=t(32735),m=t(83292),a=t(60216),x=t(88860),h=t(62345),P=t(36320);const T=l=>{const c=(0,e.useRef)(null),[p,u]=(0,e.useState)(!0),b=([D])=>{u(D.isIntersecting)};return(0,e.useEffect)(()=>{const D=c.current,B=new IntersectionObserver(b,l);return D&&B.observe(c.current),()=>{D&&B.disconnect()}},[c,l]),[c,p]};var C=t(81002);const j=(l,c)=>{const p=(0,C.useCallbackRef)(c);(0,e.useLayoutEffect)(()=>{const u=new ResizeObserver(p);return Array.isArray(l)?l.forEach(b=>{b.current&&u.observe(b.current)}):l.current&&u.observe(l.current),()=>{u.disconnect()}},[l,p])};var R=Object.defineProperty,A=Object.defineProperties,L=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,O=(l,c,p)=>c in l?R(l,c,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[c]=p,_=(l,c)=>{for(var p in c||(c={}))y.call(c,p)&&O(l,p,c[p]);if(v)for(var p of v(c))g.call(c,p)&&O(l,p,c[p]);return l},K=(l,c)=>A(l,L(c)),I=(l,c)=>{var p={};for(var u in l)y.call(l,u)&&c.indexOf(u)<0&&(p[u]=l[u]);if(l!=null&&v)for(var u of v(l))c.indexOf(u)<0&&g.call(l,u)&&(p[u]=l[u]);return p};const n=()=>{const l=(0,e.useRef)(null),[c,p]=(0,e.useState)(null),[u,b]=T({root:null,rootMargin:"0px",threshold:0});return j(u,()=>{u.current&&p(u.current.getBoundingClientRect())}),(0,e.useEffect)(()=>{l.current&&p(l.current.getBoundingClientRect())},[l]),{containerRef:u,isVisible:b,baseHeaderLayoutRef:l,headerSize:c}},o=l=>{const{containerRef:c,isVisible:p,baseHeaderLayoutRef:u,headerSize:b}=n();return e.createElement(e.Fragment,null,e.createElement("div",{style:{height:b==null?void 0:b.height},ref:c},p&&e.createElement(f,_({ref:u},l))),!p&&e.createElement(f,K(_({},l),{sticky:!0,width:b==null?void 0:b.width})))};o.displayName="HeaderLayout";const s=(0,m.default)(h.x)`
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: ${l=>l.width}px;
+  z-index: 4;
+  box-shadow: ${({theme:l})=>l.shadows.tableShadow};
+`,f=e.forwardRef((l,c)=>{var p=l,{navigationAction:u,primaryAction:b,secondaryAction:D,subtitle:B,title:U,sticky:z,width:Q}=p,$=I(p,["navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width"]);const S=typeof B=="string";return z?e.createElement(s,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,background:"neutral0",width:Q,"data-strapi-header-sticky":!0},e.createElement(P.k,{justifyContent:"space-between"},e.createElement(P.k,null,u&&e.createElement(h.x,{paddingRight:3},u),e.createElement(h.x,null,e.createElement(x.Z,_({variant:"beta",as:"h1"},$),U),S?e.createElement(x.Z,{variant:"pi",textColor:"neutral600"},B):B),D?e.createElement(h.x,{paddingLeft:4},D):null),e.createElement(P.k,null,b?e.createElement(h.x,{paddingLeft:2},b):void 0))):e.createElement(h.x,{ref:c,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:u?6:8,background:"neutral100","data-strapi-header":!0},u?e.createElement(h.x,{paddingBottom:2},u):null,e.createElement(P.k,{justifyContent:"space-between"},e.createElement(P.k,null,e.createElement(x.Z,_({as:"h1",variant:"alpha"},$),U),D?e.createElement(h.x,{paddingLeft:4},D):null),b),S?e.createElement(x.Z,{variant:"epsilon",textColor:"neutral600",as:"p"},B):B)});f.displayName="BaseHeaderLayout",f.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0,sticky:!1,width:void 0},f.propTypes={navigationAction:a.node,primaryAction:a.node,secondaryAction:a.node,sticky:a.bool,subtitle:a.oneOfType([a.string,a.node]),title:a.string.isRequired,width:a.number},o.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0},o.propTypes={navigationAction:a.node,primaryAction:a.node,secondaryAction:a.node,subtitle:a.oneOfType([a.string,a.node]),title:a.string.isRequired}},96709:(k,M,t)=>{t.d(M,{A:()=>T});var e=t(32735),m=t(60216),a=t(83292),x=t(62345);const h=(0,a.default)(x.x)`
+  display: grid;
+  grid-template-columns: ${({hasSideNav:C})=>C?"auto 1fr":"1fr"};
+`,P=(0,a.default)(x.x)`
+  overflow-x: hidden;
+`,T=({sideNav:C,children:j})=>e.createElement(h,{hasSideNav:Boolean(C)},C,e.createElement(P,{paddingBottom:10},j));T.defaultProps={sideNav:void 0},T.propTypes={children:m.node.isRequired,sideNav:m.node}},27649:(k,M,t)=>{t.d(M,{o:()=>L});var e=t(32735),m=t(60216),a=t(83292),x=Object.defineProperty,h=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,C=(v,y,g)=>y in v?x(v,y,{enumerable:!0,configurable:!0,writable:!0,value:g}):v[y]=g,j=(v,y)=>{for(var g in y||(y={}))P.call(y,g)&&C(v,g,y[g]);if(h)for(var g of h(y))T.call(y,g)&&C(v,g,y[g]);return v},R=(v,y)=>{var g={};for(var O in v)P.call(v,O)&&y.indexOf(O)<0&&(g[O]=v[O]);if(v!=null&&h)for(var O of h(v))y.indexOf(O)<0&&T.call(v,O)&&(g[O]=v[O]);return g};const A=a.default.main`
+  // To prevent global outline on focus visible to force an outline when Main is focused
+  &:focus-visible {
+    outline: none;
+  }
+`,L=v=>{var y=v,{labelledBy:g}=y,O=R(y,["labelledBy"]);const _=g||"main-content-title";return e.createElement(A,j({"aria-labelledby":_,id:"main-content",tabIndex:-1},O))};L.defaultProps={labelledBy:void 0},L.propTypes={labelledBy:m.string}},7563:(k,M,t)=>{t.d(M,{A:()=>I});var e=t(32735),m=t(60216),a=t(83292),x=t(27169),h=t(62345),P=t(88860),T=t(36320),C=t(30350),j=Object.defineProperty,R=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,v=(n,o,s)=>o in n?j(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,y=(n,o)=>{for(var s in o||(o={}))A.call(o,s)&&v(n,s,o[s]);if(R)for(var s of R(o))L.call(o,s)&&v(n,s,o[s]);return n},g=(n,o)=>{var s={};for(var f in n)A.call(n,f)&&o.indexOf(f)<0&&(s[f]=n[f]);if(n!=null&&R)for(var f of R(n))o.indexOf(f)<0&&L.call(n,f)&&(s[f]=n[f]);return s};const O=a.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`,_=a.default.div`
+  animation: ${O} 2s infinite linear;
+  will-change: transform;
+`,K=(0,a.default)(T.k)`
+  background: transparent;
+  border: none;
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+    svg path {
+      fill: ${({theme:n})=>n.colors.neutral600};
+    }
+  }
+
+  svg {
+    display: flex;
+    font-size: ${10/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:n})=>n.colors.primary600};
+  }
+
+  ${C.BF}
+`,I=e.forwardRef((n,o)=>{var s=n,{children:f,startIcon:l,endIcon:c,onClick:p,disabled:u,loading:b}=s,D=g(s,["children","startIcon","endIcon","onClick","disabled","loading"]);const B=p&&!u?p:void 0,U=u||b;return e.createElement(K,y({ref:o,"aria-disabled":U,onClick:B,as:"button",type:"button"},D),(l||b)&&e.createElement(h.x,{as:"span",paddingRight:2,"aria-hidden":!0},b?e.createElement(_,null,e.createElement(x.default,null)):l),e.createElement(P.Z,{variant:"pi",textColor:U?"neutral600":"primary600"},f),c&&e.createElement(h.x,{as:"span",paddingLeft:2,"aria-hidden":!0},c))});I.displayName="TextButton",I.defaultProps={disabled:!1,startIcon:void 0,endIcon:void 0,loading:!1,onClick:void 0},I.propTypes={children:m.node.isRequired,disabled:m.bool,endIcon:m.element,loading:m.bool,onClick:m.func,startIcon:m.element}},9139:(k,M,t)=>{t.d(M,{s:()=>H});var e=t(32735),m=t(83292),a=t(60216),x=t(78542),h=t(59002),P=t(87107),T=t(76437),C=t(67014),j=t(47851),R=t(27677),A=t(36320),L=t(7563),v=t(30350),y=t(88860),g=t(3685),O=t(62345),_=t(76144),K=Object.defineProperty,I=Object.defineProperties,n=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,l=(r,i,d)=>i in r?K(r,i,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[i]=d,c=(r,i)=>{for(var d in i||(i={}))s.call(i,d)&&l(r,d,i[d]);if(o)for(var d of o(i))f.call(i,d)&&l(r,d,i[d]);return r},p=(r,i)=>I(r,n(i)),u=(r,i)=>{var d={};for(var E in r)s.call(r,E)&&i.indexOf(E)<0&&(d[E]=r[E]);if(r!=null&&o)for(var E of o(r))i.indexOf(E)<0&&f.call(r,E)&&(d[E]=r[E]);return d};const b=m.default.label`
+  position: relative;
+  display: inline-block;
+  z-index: 0;
+  width: 100%;
+`,D=(0,m.default)(O.x)`
+  cursor: ${({disabled:r})=>r?"not-allowed":void 0};
+  // Masks the background of each value
+  overflow: hidden;
+  flex-wrap: wrap;
+
+  ${(0,v.k3)()}
+`,B=(0,m.default)(A.k).attrs({hasRadius:!0})`
+  background-color: ${({theme:r,checked:i,disabled:d})=>i?d?r.colors.neutral200:r.colors.neutral0:"transparent"};
+  border: 1px solid
+    ${({theme:r,checked:i,disabled:d})=>i&&i!==null?d?r.colors.neutral300:r.colors.neutral200:d?r.colors.neutral150:r.colors.neutral100};
+  position: relative;
+  user-select: none;
+  z-index: 2;
+  flex: 1 1 50%;
+  /**
+    We declare the defined value because we want the height of the input when 
+    the values are in a row to be 40px. But defining a height on the label
+    would break the input when it wraps.
+  */
+  padding-top: ${({size:r})=>`${r==="S"?"2px":"6px"}`};
+  padding-bottom: ${({size:r})=>`${r==="S"?"2px":"6px"}`};
+`,U=m.default.input`
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  z-index: 1;
+  width: 100%;
+`,z=e.forwardRef((r,i)=>{var d=r,{size:E,onLabel:G,offLabel:X,children:N,checked:W,disabled:w,onChange:Y}=d,q=u(d,["size","onLabel","offLabel","children","checked","disabled","onChange"]);const{name:Z,required:V}=(0,_.U)(),F="neutral600";let ee=!W&&W!==null?"danger700":F,J=W?"primary600":F;const de=te=>{w||Y(te)};return e.createElement(b,null,e.createElement(g.T,null,N),e.createElement(D,{hasRadius:!0,disabled:w,padding:1,display:"flex",background:w?"neutral150":"neutral100",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral200"},e.createElement(B,{size:E,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:W===null?!1:!W,disabled:w},e.createElement(y.Z,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:w?"neutral700":ee},X)),e.createElement(B,{size:E,paddingLeft:3,paddingRight:3,justifyContent:"center",alignItems:"center","aria-hidden":!0,checked:W===null?!1:W,disabled:w},e.createElement(y.Z,{variant:"pi",fontWeight:"bold",textTransform:"uppercase",textColor:w?"neutral700":J},G)),e.createElement(U,p(c({type:"checkbox","aria-disabled":w,onChange:te=>de(te),name:Z,ref:i,"aria-required":V},q),{checked:!(W===null||!W)}))))});z.displayName="ToggleCheckbox",z.defaultProps={disabled:!1,checked:!1,onChange:void 0,size:"M"},z.propTypes={checked:a.bool,children:a.string.isRequired,disabled:a.bool,offLabel:a.string.isRequired,onChange:a.func,onLabel:a.string.isRequired,size:a.oneOf(Object.keys(x.J.input))};var Q=Object.defineProperty,$=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable,ne=(r,i,d)=>i in r?Q(r,i,{enumerable:!0,configurable:!0,writable:!0,value:d}):r[i]=d,re=(r,i)=>{for(var d in i||(i={}))S.call(i,d)&&ne(r,d,i[d]);if($)for(var d of $(i))ae.call(i,d)&&ne(r,d,i[d]);return r},le=(r,i)=>{var d={};for(var E in r)S.call(r,E)&&i.indexOf(E)<0&&(d[E]=r[E]);if(r!=null&&$)for(var E of $(r))i.indexOf(E)<0&&ae.call(r,E)&&(d[E]=r[E]);return d};const oe=(0,m.default)(P.g)`
+  max-width: 320px;
+`,ie=(0,m.default)(L.A)`
+  align-self: flex-end;
+  margin-left: auto;
+`,H=r=>{var i=r,{disabled:d,size:E,error:G,hint:X,label:N,name:W,labelAction:w,required:Y,id:q,onClear:Z,clearLabel:V,checked:F}=i,ee=le(i,["disabled","size","error","hint","label","name","labelAction","required","id","onClear","clearLabel","checked"]);const J=(0,h.M)("toggleinput",q);return e.createElement(oe,{name:W,hint:X,error:G,id:J,required:Y},e.createElement(R.K,{spacing:1},e.createElement(A.k,null,e.createElement(T.Q,{action:w},N),V&&Z&&F!==null&&!d&&e.createElement(ie,{onClick:Z},V)),e.createElement(z,re({id:J,size:E,checked:F,disabled:d},ee),N),e.createElement(C.J,null),e.createElement(j.c,null)))};H.displayName="ToggleInput",H.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"},H.propTypes={checked:a.bool,clearLabel:a.string,disabled:a.bool,error:a.string,hint:a.oneOfType([a.string,a.node,a.arrayOf(a.node)]),id:a.string,label:a.string,labelAction:a.node,name:a.string,onClear:a.func,required:a.bool,size:a.oneOf(Object.keys(x.J.input))}}}]);