@strapi/admin 4.11.0-alpha.0 → 4.11.0-beta.1

package/build/i18n-settings-page.7988d872.chunk.js

@@ -0,0 +1,114 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[3552],{98225:function(ee,T,t){t.r(T),t.d(T,{default:function(){return Je}});var e=t(32735),r=t(24989),v=t(60216),i=t.n(v),m=t(67879),C=t(27649),K=t(82055),L=t(41415),R=t(17e3),I=t(9695),Q=t(19406),Z=t(54725),$=t(74552),l=t(60255),u=t(92802),E=t(66456),x=t(85025),p=t(55225),f=t(49372),P=t(31600),A=t(91215),F=t(87933),b=t(90980),V=t(9026),de=t(72850),W=t(3653),re=t(11406),te=t(24346),a=(0,te.Ry)().shape({code:(0,te.Z_)().required(),displayName:(0,te.Z_)().max(50,"Settings.locales.modal.locales.displayName.error").required(r.I0.required)}),O=t(15062),B=t(9494),ae=()=>{const[o,s]=(0,e.useState)(!1),d=(0,O.I0)(),n=(0,r.lm)(),{put:c}=(0,r.kY)();return{isEditing:o,editLocale:async(g,y)=>{try{s(!0);const{data:D}=await c(`/i18n/locales/${g}`,y);n({type:"success",message:{id:(0,l.O)("Settings.locales.modal.edit.success")}}),d({type:B.OT,editedLocale:D})}catch{n({type:"warning",message:{id:"notification.error"}})}finally{s(!1)}}}},H=t(15335),G=t(5803),Pe=t(68465),je=t(84967),J=t(10369),le=t(20108),Re=t(7395),me=()=>{const{formatMessage:o}=(0,m.Z)(),{notifyStatus:s}=(0,Re.G)(),d=(0,r.lm)(),{get:n}=(0,r.kY)(),{isLoading:c,data:h}=(0,le.useQuery)(["plugin-i18n","locales"],async()=>{try{const{data:g}=await n("/i18n/iso-locales");return s(o({id:(0,l.O)("Settings.locales.modal.locales.loaded"),defaultMessage:"The locales have been successfully loaded."})),g}catch{return d({type:"warning",message:{id:"notification.error"}}),[]}});return{defaultLocales:h,isLoading:c}};const he=({locale:o})=>{const{formatMessage:s}=(0,m.Z)(),{values:d,handleChange:n,errors:c}=(0,u.u6)(),{defaultLocales:h,isLoading:g}=me(),y=!g&&h.find(D=>D.code===o.code);return e.createElement(H.r,{gap:4},e.createElement(G.P,{col:6},e.createElement(Pe.P,{label:s({id:(0,l.O)("Settings.locales.modal.locales.label"),defaultMessage:"Locales"}),value:y?.code||o.code,disabled:!0},e.createElement(je.W,{value:y?.code||o.code},y?.name||o.code))),e.createElement(G.P,{col:6},e.createElement(J.o,{name:"displayName",label:s({id:(0,l.O)("Settings.locales.modal.locales.displayName"),defaultMessage:"Locale display name"}),hint:s({id:(0,l.O)("Settings.locales.modal.locales.displayName.description"),defaultMessage:"Locale will be displayed under that name in the administration panel"}),error:c.displayName?s({id:(0,l.O)("Settings.locales.modal.locales.displayName.error"),defaultMessage:"The locale display name can only be less than 50 characters."}):void 0,value:d.displayName,onChange:n})))};var be=he;he.propTypes={locale:i().shape({id:i().number.isRequired,name:i().string.isRequired,code:i().string.isRequired,isDefault:i().bool.isRequired}).isRequired};var ge=t(8284);const X=({isDefaultLocale:o})=>{const{values:s,setFieldValue:d}=(0,u.u6)(),{formatMessage:n}=(0,m.Z)();return e.createElement(ge.X,{name:"isDefault",hint:n({id:(0,l.O)("Settings.locales.modal.advanced.setAsDefault.hint"),defaultMessage:"One default locale is required, change it by selecting another one"}),onChange:()=>d("isDefault",!s.isDefault),value:s.isDefault,disabled:o},n({id:(0,l.O)("Settings.locales.modal.advanced.setAsDefault"),defaultMessage:"Set as default locale"}))};X.propTypes={isDefaultLocale:i().bool.isRequired};var Se=X;const ne=({locale:o,onClose:s})=>{const{refetchPermissions:d}=(0,r.vn)(),{isEditing:n,editLocale:c}=ae(),{formatMessage:h}=(0,m.Z)(),g=async({displayName:y,isDefault:D})=>{await c(o.id,{name:y,isDefault:D}),await d()};return e.createElement(x.P,{onClose:s,labelledBy:"edit-locale-title"},e.createElement(u.J9,{initialValues:{code:o?.code,displayName:o?.name||"",isDefault:Boolean(o?.isDefault)},onSubmit:g,validationSchema:a},e.createElement(r.l0,null,e.createElement(p.x,null,e.createElement(f.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"edit-locale-title"},h({id:(0,l.O)("Settings.list.actions.edit"),defaultMessage:"Edit a locale"}))),e.createElement(P.f,null,e.createElement(A.v,{label:h({id:(0,l.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"}),id:"tabs",variant:"simple"},e.createElement(F.k,{justifyContent:"space-between"},e.createElement(f.Z,{as:"h2"},h({id:(0,l.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"})),e.createElement(b.m,null,e.createElement(b.O,null,h({id:(0,l.O)("Settings.locales.modal.base"),defaultMessage:"Basic settings"})),e.createElement(b.O,null,h({id:(0,l.O)("Settings.locales.modal.advanced"),defaultMessage:"Advanced settings"})))),e.createElement(V.i,null),e.createElement(de.x,{paddingTop:7,paddingBottom:7},e.createElement(W.n,null,e.createElement(W.x,null,e.createElement(be,{locale:o})),e.createElement(W.x,null,e.createElement(Se,{isDefaultLocale:Boolean(o&&o.isDefault)})))))),e.createElement(re.m,{startActions:e.createElement(L.z,{variant:"tertiary",onClick:s},h({id:"app.components.Button.cancel"})),endActions:e.createElement(L.z,{type:"submit",startIcon:e.createElement(E.Z,null),disabled:n},h({id:"global.save"}))}))))};ne.defaultProps={locale:void 0},ne.propTypes={locale:i().shape({id:i().number.isRequired,name:i().string.isRequired,code:i().string.isRequired,isDefault:i().bool.isRequired}),onClose:i().func.isRequired};var fe=ne,pe=()=>{const[o,s]=(0,e.useState)(!1),d=(0,O.I0)(),n=(0,r.lm)(),{del:c}=(0,r.kY)();return{isDeleting:o,deleteLocale:async g=>{try{s(!0),await c(`/i18n/locales/${g}`),n({type:"success",message:{id:(0,l.O)("Settings.locales.modal.delete.success")}}),d({type:B.HC,id:g})}catch{n({type:"warning",message:{id:"notification.error"}})}finally{s(!1)}}}};const oe=({localeToDelete:o,onClose:s})=>{const{isDeleting:d,deleteLocale:n}=pe(),c=Boolean(o),h=()=>n(o.id).then(s);return e.createElement(r.QH,{isConfirmButtonLoading:d,onConfirm:h,onToggleDialog:s,isOpen:c})};oe.defaultProps={localeToDelete:void 0},oe.propTypes={localeToDelete:i().shape({id:i().number.isRequired}),onClose:i().func.isRequired};var Ee=oe,Ae=t(33795),ye=t.n(Ae),xe=()=>{const[o,s]=(0,e.useState)(!1),d=(0,O.I0)(),n=(0,r.lm)(),{post:c}=(0,r.kY)();return{isAdding:o,addLocale:async g=>{s(!0);try{const{data:y}=await c("/i18n/locales",g);n({type:"success",message:{id:(0,l.O)("Settings.locales.modal.create.success")}}),d({type:B.xz,newLocale:y})}catch(y){const D=ye()(y,"response.payload.message",null);throw D&&D.includes("already exists")?n({type:"warning",message:{id:(0,l.O)("Settings.locales.modal.create.alreadyExist")}}):n({type:"warning",message:{id:"notification.error"}}),y}finally{s(!1)}}}},Le=t(21428),Be=t(90333);const Y=e.memo(({value:o,onClear:s,onLocaleChange:d,error:n})=>{const{formatMessage:c}=(0,m.Z)(),{defaultLocales:h,isLoading:g}=me(),{locales:y}=(0,$.Z)(),D=(h||[]).map(j=>({label:j.name,value:j.code})).filter(({value:j})=>{const N=y.find(({code:ie})=>ie===j);return!N||N.code===o}),z=o||"";return e.createElement(Le.hQ,{"aria-busy":g,error:n,label:c({id:(0,l.O)("Settings.locales.modal.locales.label"),defaultMessage:"Locales"}),value:z,onClear:o?s:void 0,onChange:j=>{const N=D.find(ie=>ie.value===j);N&&d({code:N.value,displayName:N.label})},placeholder:c({id:"components.placeholder.select",defaultMessage:"Select"})},D.map(j=>e.createElement(Be.O,{value:j.value,key:j.value},j.label)))});Y.defaultProps={error:void 0,value:void 0,onClear(){},onLocaleChange:()=>{}},Y.propTypes={error:i().string,onClear:i().func,onLocaleChange:i().func,value:i().string};var w=Y,U=()=>{const{formatMessage:o}=(0,m.Z)(),{values:s,handleChange:d,setFieldValue:n,errors:c}=(0,u.u6)(),h=(0,e.useCallback)(y=>{n("displayName",y.displayName),n("code",y.code)},[n]),g=(0,e.useCallback)(()=>{n("displayName",""),n("code","")},[n]);return e.createElement(H.r,{gap:4},e.createElement(G.P,{col:6},e.createElement(w,{error:c.code,value:s.code,onLocaleChange:h,onClear:g})),e.createElement(G.P,{col:6},e.createElement(J.o,{name:"displayName",label:o({id:(0,l.O)("Settings.locales.modal.locales.displayName"),defaultMessage:"Locale display name"}),hint:o({id:(0,l.O)("Settings.locales.modal.locales.displayName.description"),defaultMessage:"Locale will be displayed under that name in the administration panel"}),error:c.displayName?o({id:(0,l.O)("Settings.locales.modal.locales.displayName.error"),defaultMessage:"The locale display name can only be less than 50 characters."}):void 0,value:s.displayName,onChange:d})))},Ze=()=>{const{values:o,setFieldValue:s}=(0,u.u6)(),{formatMessage:d}=(0,m.Z)();return e.createElement(ge.X,{hint:d({id:(0,l.O)("Settings.locales.modal.advanced.setAsDefault.hint"),defaultMessage:"One default locale is required, change it by selecting another one"}),onChange:()=>s("isDefault",!o.isDefault),value:o.isDefault},d({id:(0,l.O)("Settings.locales.modal.advanced.setAsDefault"),defaultMessage:"Set as default locale"}))};const Ce={code:"",displayName:"",isDefault:!1},se=({onClose:o})=>{const{isAdding:s,addLocale:d}=xe(),{formatMessage:n}=(0,m.Z)(),{refetchPermissions:c}=(0,r.vn)(),h=async g=>{await d({code:g.code,name:g.displayName,isDefault:g.isDefault}),await c()};return e.createElement(x.P,{onClose:o,labelledBy:"add-locale-title"},e.createElement(u.J9,{initialValues:Ce,onSubmit:h,validationSchema:a,validateOnChange:!1},e.createElement(r.l0,null,e.createElement(p.x,null,e.createElement(f.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"add-locale-title"},n({id:(0,l.O)("Settings.list.actions.add"),defaultMessage:"Add new locale"}))),e.createElement(P.f,null,e.createElement(A.v,{label:n({id:(0,l.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"}),id:"tabs",variant:"simple"},e.createElement(F.k,{justifyContent:"space-between"},e.createElement(f.Z,{as:"h2",variant:"beta"},n({id:(0,l.O)("Settings.locales.modal.title"),defaultMessage:"Configurations"})),e.createElement(b.m,null,e.createElement(b.O,null,n({id:(0,l.O)("Settings.locales.modal.base"),defaultMessage:"Basic settings"})),e.createElement(b.O,null,n({id:(0,l.O)("Settings.locales.modal.advanced"),defaultMessage:"Advanced settings"})))),e.createElement(V.i,null),e.createElement(de.x,{paddingTop:7,paddingBottom:7},e.createElement(W.n,null,e.createElement(W.x,null,e.createElement(U,null)),e.createElement(W.x,null,e.createElement(Ze,null)))))),e.createElement(re.m,{startActions:e.createElement(L.z,{variant:"tertiary",onClick:o},n({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(L.z,{type:"submit",startIcon:e.createElement(E.Z,null),disabled:s},n({id:"global.save",defaultMessage:"Save"}))}))))};se.propTypes={onClose:i().func.isRequired};var Me=se,$e=t(56755),k=t(33827),Oe=t(94547),S=t(19786),Fe=t(3685),We=t(35658),De=t(50563),Ue=t(68625),Ne=t(4038);const q=({locales:o,onDeleteLocale:s,onEditLocale:d})=>{const{formatMessage:n}=(0,m.Z)();return e.createElement($e.i,{colCount:4,rowCount:o.length+1},e.createElement(k.h,null,e.createElement(Oe.Tr,null,e.createElement(S.Th,null,e.createElement(f.Z,{variant:"sigma",textColor:"neutral600"},n({id:(0,l.O)("Settings.locales.row.id")}))),e.createElement(S.Th,null,e.createElement(f.Z,{variant:"sigma",textColor:"neutral600"},n({id:(0,l.O)("Settings.locales.row.displayName")}))),e.createElement(S.Th,null,e.createElement(f.Z,{variant:"sigma",textColor:"neutral600"},n({id:(0,l.O)("Settings.locales.row.default-locale")}))),e.createElement(S.Th,null,e.createElement(Fe.T,null,"Actions")))),e.createElement(We.p,null,o.map(c=>e.createElement(Oe.Tr,{key:c.id,...(0,r.X7)({fn:()=>d(c),condition:d})},e.createElement(S.Td,null,e.createElement(f.Z,{textColor:"neutral800"},c.id)),e.createElement(S.Td,null,e.createElement(f.Z,{textColor:"neutral800"},c.name)),e.createElement(S.Td,null,e.createElement(f.Z,{textColor:"neutral800"},c.isDefault?n({id:(0,l.O)("Settings.locales.default")}):null)),e.createElement(S.Td,null,e.createElement(F.k,{gap:1,justifyContent:"flex-end",...r.UW},d&&e.createElement(De.h,{onClick:()=>d(c),label:n({id:(0,l.O)("Settings.list.actions.edit")}),icon:e.createElement(Ue.Z,null),noBorder:!0}),s&&!c.isDefault&&e.createElement(De.h,{onClick:()=>s(c),label:n({id:(0,l.O)("Settings.list.actions.delete")}),icon:e.createElement(Ne.Z,null),noBorder:!0})))))))};q.defaultProps={locales:[],onDeleteLocale:void 0,onEditLocale:void 0},q.propTypes={locales:i().array,onDeleteLocale:i().func,onEditLocale:i().func};var Ke=q;const _=({canUpdateLocale:o,canDeleteLocale:s,onToggleCreateModal:d,isCreating:n})=>{const[c,h]=(0,e.useState)(),[g,y]=(0,e.useState)(),{locales:D}=(0,$.Z)(),{formatMessage:z}=(0,m.Z)();(0,r.go)();const j=()=>h(void 0),N=s?h:void 0,ie=()=>y(void 0),Xe=o?y:void 0;return e.createElement(C.o,{tabIndex:-1},e.createElement(K.T,{primaryAction:e.createElement(L.z,{startIcon:e.createElement(Q.Z,null),onClick:d,size:"S"},z({id:(0,l.O)("Settings.list.actions.add")})),title:z({id:(0,l.O)("plugin.name")}),subtitle:z({id:(0,l.O)("Settings.list.description")})}),e.createElement(R.D,null,D?.length>0?e.createElement(Ke,{locales:D,onDeleteLocale:N,onEditLocale:Xe}):e.createElement(I.x,{icon:e.createElement(Z.Z,{width:void 0,height:void 0}),content:z({id:(0,l.O)("Settings.list.empty.title")}),action:d?e.createElement(L.z,{variant:"secondary",startIcon:e.createElement(Q.Z,null),onClick:d},z({id:(0,l.O)("Settings.list.actions.add")})):null})),n&&e.createElement(Me,{onClose:d}),g&&e.createElement(fe,{onClose:ie,locale:g}),e.createElement(Ee,{localeToDelete:c,onClose:j}))};_.defaultProps={onToggleCreateModal:void 0},_.propTypes={canUpdateLocale:i().bool.isRequired,canDeleteLocale:i().bool.isRequired,onToggleCreateModal:i().func,isCreating:i().bool.isRequired};var Ve=_;const Te=({canReadLocale:o,canCreateLocale:s,canDeleteLocale:d,canUpdateLocale:n})=>{const[c,h]=(0,e.useState)(!1),g=s?()=>h(y=>!y):void 0;return o?e.createElement(Ve,{canUpdateLocale:n,canDeleteLocale:d,onToggleCreateModal:g,isCreating:c}):null};Te.propTypes={canReadLocale:i().bool.isRequired,canCreateLocale:i().bool.isRequired,canUpdateLocale:i().bool.isRequired,canDeleteLocale:i().bool.isRequired};var M=Te,Ge=t(58347),Je=()=>{const{isLoading:o,allowedActions:{canRead:s,canUpdate:d,canCreate:n,canDelete:c}}=(0,r.ss)(Ge.Z);return o?null:e.createElement(M,{canReadLocale:s,canCreateLocale:n,canUpdateLocale:d,canDeleteLocale:c})}},21428:function(ee,T,t){t.d(T,{Wx:function(){return te},XU:function(){return A},hQ:function(){return P}});var e=t(74512),r=t(32735),v=t(35331),i=t(16899),m=t(42345),C=t(8471),K=t(14268),L=t(95976),R=t(74971),I=t(36971),Q=t(30350),Z=t(23866),$=t(72850),l=t(49372),u=t(87107),E=t(87933),x=t(28847),p=t(67014),f=t(47851);const P=({children:a,clearLabel:O="clear",creatable:B=!1,createMessage:ue=w=>`Create "${w}"`,defaultFilterValue:ae,defaultTextValue:H,defaultOpen:G=!1,open:Pe,onOpenChange:je,disabled:J=!1,error:le,filterValue:Re,hasMoreItems:ze=!1,hint:me,id:he,label:be,labelAction:ge,loading:X=!1,loadingMessage:Se="Loading content...",noOptionsMessage:ne=()=>"No results found",onChange:fe,onClear:ve,onCreateOption:pe,onFilterValueChange:oe,onInputChange:Ee,onTextValueChange:Ae,onLoadMore:ye,placeholder:Qe="Select or enter a value",required:xe=!1,startIcon:Le,textValue:Be,value:Y})=>{const[w,He]=(0,L.T)({prop:Pe,defaultProp:G,onChange:je}),[U,Ie]=(0,L.T)({prop:Be,defaultProp:H,onChange:Ae}),[Ze,Ce]=(0,L.T)({prop:Re,defaultProp:ae,onChange:oe}),se=r.useRef(null),Me=r.useRef(null),$e=r.useRef(null),k=(0,R.M)(he),Oe=M=>{ve&&!J&&(Ie(""),Ce(""),ve(M),Me.current.focus())},S=M=>{He(M)},Fe=M=>{Ie(M)},We=M=>{Ce(M)},De=M=>{Ee&&Ee(M)},Ue=M=>{fe&&fe(M)},Ne=(0,R.M)(),q=`intersection-${(0,K.B)(Ne)}`,Ke=M=>{ye&&ze&&!X&&ye(M)},_=()=>{pe&&U&&pe(U)};(0,I.s)(se,Ke,{selectorToWatch:`#${q}`,skipWhen:!w});const Ve=`${k}-hint`,Te=`${k}-error`;return(0,e.jsx)(u.g,{hint:me,error:le,id:k,required:xe,children:(0,e.jsxs)(E.k,{direction:"column",alignItems:"stretch",gap:1,children:[(0,e.jsx)(x.Q,{action:ge,children:be}),(0,e.jsxs)(m.hQ.Root,{autocomplete:B?"list":"both",open:w,onOpenChange:S,onTextValueChange:Fe,textValue:U,allowCustomValue:!0,disabled:J,required:xe,value:Y===null?void 0:Y,onValueChange:Ue,filterValue:Ze,onFilterValueChange:We,children:[(0,e.jsxs)(b,{$hasError:!!le,children:[(0,e.jsxs)(E.k,{flex:"1",as:"span",gap:3,children:[Le?(0,e.jsx)($.x,{as:"span","aria-hidden":!0,children:Le}):null,(0,e.jsx)(V,{placeholder:Qe,id:k,"aria-invalid":!!le,"aria-labelledby":`${Ve} ${Te}`,onChange:De,ref:Me})]}),(0,e.jsxs)(E.k,{as:"span",gap:3,children:[U&&ve?(0,e.jsx)(F,{as:"button",hasRadius:!0,background:"transparent",type:"button",onClick:Oe,"aria-disabled":J,"aria-label":O,title:O,ref:$e,children:(0,e.jsx)(v.Z,{})}):null,(0,e.jsx)(de,{children:(0,e.jsx)(i.Z,{})})]})]}),(0,e.jsx)(m.hQ.Portal,{children:(0,e.jsx)(W,{sideOffset:4,children:(0,e.jsxs)(re,{ref:se,children:[a,B?(0,e.jsx)(m.hQ.CreateItem,{onPointerUp:_,onClick:_,asChild:!0,children:(0,e.jsx)(ce,{children:(0,e.jsx)(l.Z,{children:ue(U??"")})})}):null,!B&&!X?(0,e.jsx)(m.hQ.NoValueFound,{asChild:!0,children:(0,e.jsx)(ce,{$hasHover:!1,children:(0,e.jsx)(l.Z,{children:ne(U??"")})})}):null,X?(0,e.jsx)(E.k,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2,children:(0,e.jsx)(Z.a,{small:!0,children:Se})}):null,(0,e.jsx)($.x,{id:q,width:"100%",height:"1px"})]})})})]}),(0,e.jsx)(p.J,{}),(0,e.jsx)(f.c,{})]})})},A=a=>(0,e.jsx)(P,{...a,creatable:!0}),F=(0,C.ZP)($.x)`
+  border: none;
+
+  svg {
+    height: ${11/16}rem;
+    width: ${11/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:a})=>a.colors.neutral600};
+  }
+`,b=(0,C.ZP)(m.hQ.Trigger)`
+  position: relative;
+  border: 1px solid ${({theme:a,$hasError:O})=>O?a.colors.danger600:a.colors.neutral200};
+  padding-right: ${({theme:a})=>a.spaces[3]};
+  padding-left: ${({theme:a})=>a.spaces[3]};
+  border-radius: ${({theme:a})=>a.borderRadius};
+  background: ${({theme:a})=>a.colors.neutral0};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({theme:a})=>a.spaces[4]};
+
+  &[data-disabled] {
+    color: ${({theme:a})=>a.colors.neutral600};
+    background: ${({theme:a})=>a.colors.neutral150};
+    cursor: not-allowed;
+  }
+
+  /* Required to ensure the below inputFocusStyles are adhered too */
+  &:focus-visible {
+    outline: none;
+  }
+
+  ${({theme:a,$hasError:O})=>(0,Q.k3)()({theme:a,hasError:O})};
+`,V=(0,C.ZP)(m.hQ.TextInput)`
+  width: 100%;
+  font-size: ${14/16}rem;
+  color: ${({theme:a})=>a.colors.neutral800};
+  min-height: ${40/16}rem;
+  border: none;
+  background-color: transparent;
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`,de=(0,C.ZP)(m.hQ.Icon)`
+  & > svg {
+    width: ${6/16}rem;
+
+    & > path {
+      fill: ${({theme:a})=>a.colors.neutral600};
+    }
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`,W=(0,C.ZP)(m.hQ.Content)`
+  background: ${({theme:a})=>a.colors.neutral0};
+  box-shadow: ${({theme:a})=>a.shadows.filterShadow};
+  border: 1px solid ${({theme:a})=>a.colors.neutral150};
+  border-radius: ${({theme:a})=>a.borderRadius};
+  width: var(--radix-combobox-trigger-width);
+  /* This is from the design-system figma file. */
+  max-height: 15rem;
+  z-index: ${({theme:a})=>a.zIndices[1]};
+`,re=(0,C.ZP)(m.hQ.Viewport)`
+  padding: ${({theme:a})=>a.spaces[1]};
+`,te=r.forwardRef(({children:a,value:O,disabled:B,textValue:ue,...ae},H)=>(0,e.jsx)(m.hQ.ComboboxItem,{asChild:!0,value:O,disabled:B,textValue:ue,children:(0,e.jsx)(ce,{ref:H,...ae,children:(0,e.jsx)(m.hQ.ItemText,{asChild:!0,children:(0,e.jsx)(l.Z,{children:a})})})})),ce=C.ZP.div`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  padding: ${({theme:a})=>a.spaces[2]} ${({theme:a})=>a.spaces[4]};
+  background-color: ${({theme:a})=>a.colors.neutral0};
+  border-radius: ${({theme:a})=>a.borderRadius};
+  user-select: none;
+
+  &[data-selected] {
+    background-color: ${({theme:a})=>a.colors.primary100};
+
+    ${l.Z} {
+      color: ${({theme:a})=>a.colors.primary600};
+      font-weight: bold;
+    }
+  }
+
+  &:hover,
+  &[data-highlighted] {
+    outline: none;
+    background-color: ${({theme:a,$hasHover:O=!0})=>O?a.colors.primary100:a.colors.neutral0};
+  }
+
+  &[data-highlighted] {
+    ${l.Z} {
+      color: ${({theme:a})=>a.colors.primary600};
+      font-weight: bold;
+    }
+  }
+`},90333:function(ee,T,t){t.d(T,{O:function(){return r}});var e=t(21428);const r=e.Wx},17e3:function(ee,T,t){t.d(T,{D:function(){return m}});var e=t(74512),r=t(32735),v=t(60216),i=t(72850);const m=({children:C})=>(0,e.jsx)(i.x,{paddingLeft:10,paddingRight:10,children:C});m.propTypes={children:v.node.isRequired}},82055:function(ee,T,t){t.d(T,{T:function(){return Z}});var e=t(74512),r=t(32735),v=t(60216),i=t(8471);const m=u=>{const E=(0,r.useRef)(null),[x,p]=(0,r.useState)(!0),f=([P])=>{p(P.isIntersecting)};return(0,r.useEffect)(()=>{const P=E.current,A=new IntersectionObserver(f,u);return P&&A.observe(E.current),()=>{P&&A.disconnect()}},[E,u]),[E,x]};var C=t(63060);const K=(u,E)=>{const x=(0,C.W)(E);(0,r.useLayoutEffect)(()=>{const p=new ResizeObserver(x);return Array.isArray(u)?u.forEach(f=>{f.current&&p.observe(f.current)}):u.current&&p.observe(u.current),()=>{p.disconnect()}},[u,x])};var L=t(72850),R=t(87933),I=t(49372);const Q=()=>{const u=(0,r.useRef)(null),[E,x]=(0,r.useState)(null),[p,f]=m({root:null,rootMargin:"0px",threshold:0});return K(p,()=>{p.current&&x(p.current.getBoundingClientRect())}),(0,r.useEffect)(()=>{u.current&&x(u.current.getBoundingClientRect())},[u]),{containerRef:p,isVisible:f,baseHeaderLayoutRef:u,headerSize:E}},Z=u=>{const{containerRef:E,isVisible:x,baseHeaderLayoutRef:p,headerSize:f}=Q();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{style:{height:f?.height},ref:E,children:x&&(0,e.jsx)(l,{ref:p,...u})}),!x&&(0,e.jsx)(l,{...u,sticky:!0,width:f?.width})]})};Z.displayName="HeaderLayout";const $=(0,i.ZP)(L.x)`
+  width: ${u=>u.width}px;
+  z-index: ${({theme:u})=>u.zIndices[1]};
+`,l=r.forwardRef(({navigationAction:u,primaryAction:E,secondaryAction:x,subtitle:p,title:f,sticky:P,width:A,...F},b)=>{const V=typeof p=="string";return P?(0,e.jsx)($,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,position:"fixed",top:0,right:0,background:"neutral0",shadow:"tableShadow",width:A,"data-strapi-header-sticky":!0,children:(0,e.jsxs)(R.k,{justifyContent:"space-between",children:[(0,e.jsxs)(R.k,{children:[u&&(0,e.jsx)(L.x,{paddingRight:3,children:u}),(0,e.jsxs)(L.x,{children:[(0,e.jsx)(I.Z,{variant:"beta",as:"h1",...F,children:f}),V?(0,e.jsx)(I.Z,{variant:"pi",textColor:"neutral600",children:p}):p]}),x?(0,e.jsx)(L.x,{paddingLeft:4,children:x}):null]}),(0,e.jsx)(R.k,{children:E?(0,e.jsx)(L.x,{paddingLeft:2,children:E}):void 0})]})}):(0,e.jsxs)(L.x,{ref:b,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:u?6:8,background:"neutral100","data-strapi-header":!0,children:[u?(0,e.jsx)(L.x,{paddingBottom:2,children:u}):null,(0,e.jsxs)(R.k,{justifyContent:"space-between",children:[(0,e.jsxs)(R.k,{minWidth:0,children:[(0,e.jsx)(I.Z,{as:"h1",variant:"alpha",...F,children:f}),x?(0,e.jsx)(L.x,{paddingLeft:4,children:x}):null]}),E]}),V?(0,e.jsx)(I.Z,{variant:"epsilon",textColor:"neutral600",as:"p",children:p}):p]})});l.displayName="BaseHeaderLayout",l.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0,sticky:!1,width:void 0},l.propTypes={navigationAction:v.node,primaryAction:v.node,secondaryAction:v.node,sticky:v.bool,subtitle:v.oneOfType([v.string,v.node]),title:v.string.isRequired,width:v.number},Z.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0},Z.propTypes={navigationAction:v.node,primaryAction:v.node,secondaryAction:v.node,subtitle:v.oneOfType([v.string,v.node]),title:v.string.isRequired}},27649:function(ee,T,t){t.d(T,{o:function(){return m}});var e=t(74512),r=t(8471),v=t(72850);const i=(0,r.ZP)(v.x)`
+  // To prevent global outline on focus visible to force an outline when Main is focused
+  &:focus-visible {
+    outline: none;
+  }
+`,m=({labelledBy:C="main-content-title",...K})=>(0,e.jsx)(i,{"aria-labelledby":C,as:"main",id:"main-content",tabIndex:-1,...K})}}]);

package/build/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="mobile-web-app-capable" content="yes"/><title>Strapi Admin</title><script defer="defer" src="/admin/runtime~main.1074f2bb.js"></script><script defer="defer" src="/admin/main.14dca275.js"></script></head><body><div style="min-height:100%" id="app"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="mobile-web-app-capable" content="yes"/><title>Strapi Admin</title><script defer="defer" src="/admin/runtime~main.55d43bd7.js"></script><script defer="defer" src="/admin/main.5a232c3d.js"></script></head><body><div style="min-height:100%" id="app"></div></body></html>