@strapi/admin 4.10.0-beta.0 → 4.10.0-beta.1

package/build/audit-logs-settings-page.19d90bda.chunk.js

@@ -0,0 +1,76 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[2812],{83196:function(G,b,t){var e=t(32735),l=t(60216),h=t.n(l),a=t(67879),P=t(72850),C=t(41415),O=t(5644),f=t(43383);const o=({displayedFilters:r})=>{const[L,i]=(0,e.useState)(!1),{formatMessage:B}=(0,a.Z)(),k=(0,e.useRef)(),H=()=>{i(K=>!K)};return e.createElement(e.Fragment,null,e.createElement(P.x,{paddingTop:1,paddingBottom:1},e.createElement(C.z,{variant:"tertiary",ref:k,startIcon:e.createElement(O.Z,null),onClick:H,size:"S"},B({id:"app.utils.filters",defaultMessage:"Filters"})),L&&e.createElement(f.J5,{displayedFilters:r,isVisible:L,onToggle:H,source:k})),e.createElement(f.W$,{filtersSchema:r}))};o.propTypes={displayedFilters:h().arrayOf(h().shape({name:h().string.isRequired,metadatas:h().shape({label:h().string}),fieldSchema:h().shape({type:h().string})})).isRequired},b.Z=o},71765:function(G,b,t){t.r(b),t.d(b,{default:function(){return be}});var e=t(32735),l=t(43383),h=t(83983),a=t(67879),P=t(96709),C=t(17e3),O=t(72850),f=t(27649),o=t(82055),r=t(99223),L=t(60216),i=t.n(L),B=t(35658),k=t(94547),H=t(19786),K=t(49372),w=t(87933),ge=t(50563),fe=t(54894),te=t(96315),ie=()=>{const{formatDate:n}=(0,a.Z)();return v=>{const d=(0,te.Z)(v),y=n(d,{dateStyle:"long"}),c=n(d,{timeStyle:"medium",hourCycle:"h24"});return`${y}, ${c}`}};const de={"entry.create":"Create entry{model, select, undefined {} other { ({model})}}","entry.update":"Update entry{model, select, undefined {} other { ({model})}}","entry.delete":"Delete entry{model, select, undefined {} other { ({model})}}","entry.publish":"Publish entry{model, select, undefined {} other { ({model})}}","entry.unpublish":"Unpublish entry{model, select, undefined {} other { ({model})}}","media.create":"Create media","media.update":"Update media","media.delete":"Delete media","media-folder.create":"Create media folder","media-folder.update":"Update media folder","media-folder.delete":"Delete media folder","user.create":"Create user","user.update":"Update user","user.delete":"Delete user","admin.auth.success":"Admin login","admin.logout":"Admin logout","content-type.create":"Create content type","content-type.update":"Update content type","content-type.delete":"Delete content type","component.create":"Create component","component.update":"Update component","component.delete":"Delete component","role.create":"Create role","role.update":"Update role","role.delete":"Delete role","permission.create":"Create permission","permission.update":"Update permission","permission.delete":"Delete permission"},q=n=>de[n]||n,_=({headers:n,rows:E,onOpenModal:v})=>{const{formatMessage:d}=(0,a.Z)(),y=ie(),c=({type:p,value:u,model:g})=>p==="date"?y(u):p==="action"?d({id:`Settings.permissions.auditLogs.${u}`,defaultMessage:q(u)},{model:g}):u||"-";return e.createElement(B.p,null,E.map(p=>e.createElement(k.Tr,{key:p.id,...(0,l.X7)({fn:()=>v(p.id)})},n.map(({key:u,name:g,cellFormatter:I})=>e.createElement(H.Td,{key:u},e.createElement(K.Z,{textColor:"neutral800"},c({type:u,value:I?I(p[g]):p[g],model:p.payload?.model})))),e.createElement(H.Td,{...l.UW},e.createElement(w.k,{justifyContent:"end"},e.createElement(ge.h,{onClick:()=>v(p.id),"aria-label":d({id:"app.component.table.view",defaultMessage:"{target} details"},{target:`${p.action} action`}),noBorder:!0,icon:e.createElement(fe.Z,null)}))))))};_.defaultProps={rows:[]},_.propTypes={headers:i().array.isRequired,rows:i().array,onOpenModal:i().func.isRequired};var Ee=_,ae=[{name:"action",key:"action",metadatas:{label:{id:"Settings.permissions.auditLogs.action",defaultMessage:"Action"},sortable:!0}},{name:"date",key:"date",metadatas:{label:{id:"Settings.permissions.auditLogs.date",defaultMessage:"Date"},sortable:!0}},{key:"user",name:"user",metadatas:{label:{id:"Settings.permissions.auditLogs.user",defaultMessage:"User"},sortable:!1},cellFormatter:n=>n?n.displayName:""}];const s=({pagination:n})=>e.createElement(O.x,{paddingTop:4},e.createElement(w.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(l.v4,null),e.createElement(l.tU,{pagination:n})));s.defaultProps={pagination:{pageCount:0,pageSize:50,total:0}},s.propTypes={pagination:i().shape({page:i().number,pageCount:i().number,pageSize:i().number,total:i().number})};var R=s,D=t(20108),W=t(85025),T=t(55225),J=t(11299),ve=t(31600),ne=t(97405),ye=t(15335),Q=t(8945);const ue=({actionLabel:n,actionName:E})=>e.createElement(w.k,{direction:"column",alignItems:"baseline",gap:1},e.createElement(K.Z,{textColor:"neutral600",variant:"sigma"},n),e.createElement(K.Z,{textColor:"neutral600"},E));ue.propTypes={actionLabel:i().string.isRequired,actionName:i().string.isRequired};var N=ue;const oe=({status:n,data:E,formattedDate:v})=>{const{formatMessage:d}=(0,a.Z)();if(n==="loading")return e.createElement(w.k,{padding:7,justifyContent:"center",alignItems:"center"},e.createElement(ne.a,null,"Loading content..."));const{action:y,user:c,payload:p}=E;return e.createElement(e.Fragment,null,e.createElement(O.x,{marginBottom:3},e.createElement(K.Z,{variant:"delta",id:"title"},d({id:"Settings.permissions.auditLogs.details",defaultMessage:"Log Details"}))),e.createElement(ye.r,{gap:4,gridCols:2,paddingTop:4,paddingBottom:4,paddingLeft:6,paddingRight:6,marginBottom:4,background:"neutral100",hasRadius:!0},e.createElement(N,{actionLabel:d({id:"Settings.permissions.auditLogs.action",defaultMessage:"Action"}),actionName:d({id:`Settings.permissions.auditLogs.${y}`,defaultMessage:q(y)},{model:p?.model})}),e.createElement(N,{actionLabel:d({id:"Settings.permissions.auditLogs.date",defaultMessage:"Date"}),actionName:v}),e.createElement(N,{actionLabel:d({id:"Settings.permissions.auditLogs.user",defaultMessage:"User"}),actionName:c?.displayName||"-"}),e.createElement(N,{actionLabel:d({id:"Settings.permissions.auditLogs.userId",defaultMessage:"User ID"}),actionName:c?.id.toString()||"-"})),e.createElement(Q.V,{value:JSON.stringify(p,null,2),disabled:!0,label:d({id:"Settings.permissions.auditLogs.payload",defaultMessage:"Payload"})}))};oe.defaultProps={data:{}},oe.propTypes={status:i().oneOf(["idle","loading","error","success"]).isRequired,data:i().shape({action:i().string,date:i().string,payload:i().object,user:i().object}),formattedDate:i().string.isRequired};var he=oe;const se=({handleClose:n,logId:E})=>{const{get:v}=(0,l.kY)(),d=(0,l.lm)(),y=async I=>{const{data:U}=await v(`/admin/audit-logs/${I}`);if(!U)throw new Error("Audit log not found");return U},{data:c,status:p}=(0,D.useQuery)(["audit-log",E],()=>y(E),{onError(){d({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}}),n()}}),u=ie(),g=c?u(c.date):"";return e.createElement(W.P,{onClose:n,labelledBy:"title"},e.createElement(T.x,null,e.createElement(J.O,{label:g,id:"title"},e.createElement(J.$,null,g))),e.createElement(ve.f,null,e.createElement(he,{status:p,data:c,formattedDate:g})))};se.propTypes={handleClose:i().func.isRequired,logId:i().string.isRequired};var ce=se,Le=t(83196),me=t(42623),Ce=t(90333);const re=({value:n,options:E,onChange:v})=>{const{formatMessage:d}=(0,a.Z)(),y=d({id:"Settings.permissions.auditLogs.filter.aria-label",defaultMessage:"Search and select an option to filter"});return e.createElement(me.h,{"aria-label":y,value:n,onChange:v},E.map(({label:c,customValue:p})=>e.createElement(Ce.O,{key:p,value:p},c)))};re.defaultProps={value:null},re.propTypes={value:i().string,options:i().arrayOf(i().shape({label:i().string.isRequired,customValue:i().string.isRequired}).isRequired).isRequired,onChange:i().func.isRequired};var le=re;const S=[{intlLabel:{id:"components.FilterOptions.FILTER_TYPES.$eq",defaultMessage:"is"},value:"$eq"},{intlLabel:{id:"components.FilterOptions.FILTER_TYPES.$ne",defaultMessage:"is not"},value:"$ne"}];var Me=({formatMessage:n,users:E,canReadUsers:v})=>{const d=Object.keys(de).map(c=>({label:n({id:`Settings.permissions.auditLogs.${c}`,defaultMessage:q(c)},{model:void 0}),customValue:c})),y=[{name:"action",metadatas:{customOperators:S,label:n({id:"Settings.permissions.auditLogs.action",defaultMessage:"Action"}),options:d,customInput:le},fieldSchema:{type:"enumeration"}},{name:"date",metadatas:{label:n({id:"Settings.permissions.auditLogs.date",defaultMessage:"Date"})},fieldSchema:{type:"datetime"}}];if(v&&E){const c=u=>u.username?u.username:u.firstname&&u.lastname?n({id:"Settings.permissions.auditLogs.user.fullname",defaultMessage:"{firstname} {lastname}"},{firstname:u.firstname,lastname:u.lastname}):u.email,p=E.results.map(u=>({label:c(u),customValue:u.id.toString()}));return[...y,{name:"user",metadatas:{customOperators:S,label:n({id:"Settings.permissions.auditLogs.user",defaultMessage:"User"}),options:p,customInput:le},fieldSchema:{type:"relation",mainField:{name:"id"}}}]}return y},x=t(53038),Oe=({canReadAuditLogs:n,canReadUsers:E})=>{const{get:v}=(0,l.kY)(),{search:d}=(0,x.TH)(),y=(0,l.lm)(),c=async({queryKey:X})=>{const F=X[1],{data:xe}=await v(`/admin/audit-logs${F}`);return xe},p=async()=>{const{data:X}=await v("/admin/users");return X},u={keepPreviousData:!0,retry:!1,staleTime:1e3*20,onError:X=>y({type:"warning",message:X.message})},{data:g,isLoading:I,isError:U}=(0,D.useQuery)(["auditLogs",d],c,{...u,enabled:n}),{data:Y,isError:$}=(0,D.useQuery)(["auditLogsUsers"],p,{...u,enabled:E,staleTime:2*(1e3*60)}),Te=U||$;return{auditLogs:g,users:Y?.data,isLoading:I,hasError:Te}};const De={...h.Z.settings.auditLogs,readUsers:h.Z.settings.users.read};var pe=()=>{const{formatMessage:n}=(0,a.Z)(),{allowedActions:{canRead:E,canReadUsers:v}}=(0,l.ss)(De),[{query:d},y]=(0,l.Kx)(),{auditLogs:c,users:p,isLoading:u,hasError:g}=Oe({canReadAuditLogs:E,canReadUsers:v});(0,l.go)();const I=Me({formatMessage:n,users:p,canReadUsers:v}),U=n({id:"global.auditLogs",defaultMessage:"Audit Logs"}),Y=ae.map($=>({...$,metadatas:{...$.metadatas,label:n($.metadatas.label)}}));return g?e.createElement(P.A,null,e.createElement(C.D,null,e.createElement(O.x,{paddingTop:8},e.createElement(l.Hn,null)))):e.createElement(f.o,{"aria-busy":u},e.createElement(l.SL,{name:U}),e.createElement(o.T,{title:U,subtitle:n({id:"Settings.permissions.auditLogs.listview.header.subtitle",defaultMessage:"Logs of all the activities that happened in your environment"})}),e.createElement(r.Z,{startActions:e.createElement(Le.Z,{displayedFilters:I})}),e.createElement(C.D,{canRead:E},e.createElement(l.tM,{contentType:"Audit logs",headers:Y,rows:c?.results||[],withBulkActions:!0,isLoading:u},e.createElement(Ee,{headers:Y,rows:c?.results||[],onOpenModal:$=>y({id:$})})),e.createElement(R,{pagination:c?.pagination})),d?.id&&e.createElement(ce,{handleClose:()=>y({id:null},"remove"),logId:d.id}))},be=()=>e.createElement(l.O4,{permissions:h.Z.settings.auditLogs.main},e.createElement(pe,null))},11299:function(G,b,t){t.d(b,{$:function(){return o},O:function(){return r}});var e=t(74512),l=t(77277),h=t(8471),a=t(72850),P=t(87933),C=t(49372),O=t(3685);const f=(0,h.ZP)(P.k)`
+  svg {
+    height: ${10/16}rem;
+    width: ${10/16}rem;
+    path {
+      fill: ${({theme:L})=>L.colors.neutral500};
+    }
+  }
+  :last-of-type ${a.x} {
+    display: none;
+  }
+  :last-of-type ${C.Z} {
+    color: ${({theme:L})=>L.colors.neutral800};
+    font-weight: ${({theme:L})=>L.fontWeights.bold};
+  }
+`,o=({children:L})=>(0,e.jsxs)(f,{inline:!0,as:"li",children:[(0,e.jsx)(C.Z,{variant:"pi",textColor:"neutral600",children:L}),(0,e.jsx)(a.x,{"aria-hidden":!0,paddingLeft:3,paddingRight:3,children:(0,e.jsx)(l.Z,{})})]});o.displayName="Crumb";const r=({children:L,label:i,...B})=>(0,e.jsxs)(P.k,{...B,children:[(0,e.jsx)(O.T,{children:i}),(0,e.jsx)("ol",{"aria-hidden":!0,children:L})]});r.displayName="Breadcrumbs"},42623:function(G,b,t){t.d(b,{h:function(){return z},X:function(){return ae}});var e=t(32735),l=t(35331),h=t(16899),a=t(60216),P=t(90333),C=t(91225),O=t(17289),f=t(94486);const o={Close:"Close",CloseSelect:"CloseSelect",First:"First",Last:"Last",Next:"Next",Open:"Open",PageDown:"PageDown",PageUp:"PageUp",Previous:"Previous",Select:"Select",Space:"Space",Type:"Type"},r={Close:"Close",First:"First",Last:"Last",Next:"Next",Open:"Open",Previous:"Previous",Select:"Select",UpLevel:"UpLevel"};function L(s=[],R=null,D=[]){const W=String(R??"").toLowerCase();return W?s.filter(T=>T.props.children.toString().toLowerCase().includes(W)&&D.indexOf(T)<0):s}function i(s,R){if(!R&&s===f.y.DOWN)return o.Open;if(s===f.y.DOWN)return o.Next;if(s===f.y.UP)return o.Previous;if(s===f.y.HOME)return o.First;if(s===f.y.END)return o.Last;if(s===f.y.ESCAPE)return o.Close;if(s===f.y.ENTER)return o.CloseSelect;if(s===f.y.BACKSPACE||s===f.y.CLEAR||s.length===1)return o.Type}function B(s,R,D){switch(D){case o.First:return 0;case o.Last:return R;case o.Previous:return Math.max(0,s-1);case o.Next:return Math.min(R,s+1);default:return s}}function k(s){(0,O.Z)(s,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:R,top:D,left:W})=>{R.scrollTop=D,R.scrollLeft=W})}var H=t(72850),K=t(87107),w=t(28847),ge=t(67014),fe=t(47851),te=t(87933),Ae=t(74971),ie=t(97405),de=t(4101),q=t(93958),_=t(49372),Ee=t(3685);const z=({children:s,clearLabel:R,creatable:D,createMessage:W,disabled:T,error:J,hasMoreItems:ve,hint:ne,id:ye,label:Q,labelAction:ue,loading:N,loadingMessage:oe,noOptionsMessage:he,onChange:se,onClear:ce,onCreateOption:Le,onInputChange:me,onLoadMore:Ce,placeholder:re,required:le,value:S,...Ie})=>{const Me=()=>s.find(m=>m.props?.value.toLowerCase()===S.toLowerCase()).props?.children,[x,Pe]=(0,e.useState)(0),[Oe,De]=(0,e.useState)(null),[A,pe]=(0,e.useState)(s),[j,be]=(0,e.useState)(!1),[n,E]=(0,e.useState)(""),v=(0,e.useRef)(),d=(0,e.useRef)(!1),y=(0,e.useRef)(),c=(0,e.useRef)(),p=(0,e.useRef)(),u=(0,e.useRef)(!0),g=(0,Ae.M)(ye),I=`${g}-label`;if(!Q&&!Ie["aria-label"])throw new Error('The Combobox component needs a "label" or an "aria-label" props');(0,e.useEffect)(()=>{pe(L(s,n))},[n,s]),(0,e.useEffect)(()=>{j&&v.current&&k(v.current)},[x,j]),(0,e.useLayoutEffect)(()=>{u.current&&(u.current=!1)},[S]);const U=j?`${g}-${x}`:"",Y=()=>{se(null),E("")},$=m=>{me&&me(m);const M=y.current.value;pe(L(s,M)),Pe(0),De(null),n!==M&&E(M),j||V(!0,!1)},Te=m=>{const{key:M}=m,Z=D&&n?A.length:A.length-1,ee=i(M,j);switch(S&&!n&&M===f.y.BACKSPACE&&Y(),ee){case o.Next:{if(x===Z){F(0);break}F(B(x,Z,ee));break}case o.Previous:{if(x===0){F(Z);break}F(B(x,Z,ee));break}case o.Last:case o.First:{if(x===Z){F(0);break}F(B(x,Z,ee));break}case o.CloseSelect:m.preventDefault(),Re(x);break;case o.Close:m.preventDefault(),V(!1);break;case o.Open:V(!0);break}},X=m=>{if(m.preventDefault(),S&&!d.current&&E(""),d.current){d.current=!1;return}V(!1,!1)},F=m=>{Pe(m)},xe=m=>{F(m),Re(m)},Be=()=>{d.current=!0},Re=m=>{const M=A[m];if(E(""),M){se(M.props.value),V(!1);return}D&&(Le(n),V(!1))},V=(m,M=!0)=>{be(m),M&&y.current.focus()},Ue=e.Children.toArray(A).map((m,M)=>{const Z=x===M;return(0,e.cloneElement)(m,{id:`${g}-${M}`,"aria-selected":Oe===M,"aria-posinset":M+1,"aria-setsize":e.Children.toArray(A).length,ref(ee){Z&&(v.current=ee)},onClick:()=>xe(M),onMouseDown:Be,isSelected:Z})}),$e=()=>{y.current.focus(),ce&&ce(),Y()},Fe=()=>{y.current.focus(),V(!0)},Ze=()=>{const m=A.findIndex(M=>M.props?.children===n);return n&&m===-1},Ke=m=>{m.preventDefault(),V(m,!0)};let Se;return J?Se=`${g}-error`:ne&&(Se=`${g}-hint`),e.createElement(K.g,{hint:ne,error:J,id:g,required:le},e.createElement(Ee.T,{"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text"},S),e.createElement(te.k,{direction:"column",alignItems:"stretch",gap:Q||ne||J?1:0},Q&&e.createElement(w.Q,{action:ue},Q),e.createElement(C.d8,{ref:c,$disabled:T,hasError:J},e.createElement(C.fv,{wrap:"wrap"},!n&&S&&e.createElement(C.K7,{id:`${g}-selected-value`},e.createElement(_.Z,null,Me())),e.createElement(C.II,{"aria-activedescendant":U,"aria-autocomplete":"list","aria-controls":`${g}-listbox`,"aria-disabled":T,"aria-expanded":j,"aria-haspopup":"listbox","aria-describedby":Se,autoComplete:"off",autoCorrect:"off",id:g,onBlur:T?void 0:X,onClick:T?void 0:Ke,onInput:T?void 0:$,onKeyDown:T?void 0:Te,placeholder:S?"":re,readOnly:T,ref:y,required:le,role:"combobox",spellCheck:"off",type:"text",value:n})),e.createElement(te.k,null,(S||n)&&e.createElement(q.zb,{id:`${g}-clear`,"aria-label":R,disabled:T,paddingLeft:3,as:"button",onClick:$e,type:"button"},e.createElement(l.Z,null)),e.createElement(q.AV,{disabled:T,paddingLeft:3,"aria-hidden":!0,as:"button",onClick:Fe,tabIndex:-1,type:"button"},e.createElement(h.Z,null)))),e.createElement(ge.J,null),e.createElement(fe.c,null)),j&&e.createElement(de.J2,{id:`${g}-popover`,source:c,spacing:4,fullWidth:!0,intersectionId:`${g}-listbox-popover-intersection`,onReachEnd:ve&&!N?Ce:void 0},e.createElement("div",{role:"listbox",ref:p,id:`${g}-listbox`,"aria-labelledby":Q?I:void 0},(Boolean(A.length)||D)&&e.createElement(e.Fragment,null,Ue,Ze()&&D&&e.createElement(P.O,{isSelected:x===A.length,ref:m=>{x===A.length&&(v.current=m)},onMouseDown:Be,onClick:()=>Re(),taindex:0},W(n))),!A.length&&!D&&!N&&e.createElement(H.x,{paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:v},e.createElement(_.Z,{textColor:"neutral800"},he(n))),N&&e.createElement(te.k,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2},e.createElement(ie.a,{small:!0},oe)))))},ae=s=>e.createElement(z,{...s,creatable:!0});z.defaultProps={"aria-label":void 0,clearLabel:"clear",creatable:!1,createMessage:s=>`Create "${s}"`,disabled:!1,error:void 0,hasMoreItems:!1,hint:void 0,id:void 0,label:void 0,loading:!1,loadingMessage:"Loading content...",noOptionsMessage:()=>"No results found",onClear:void 0,onCreateOption:void 0,onInputChange:void 0,onLoadMore:void 0,placeholder:"Select or enter a value",value:void 0},ae.defaultProps=z.defaultProps,z.propTypes={"aria-label":a.string,children:a.oneOfType([a.arrayOf(a.node),a.node]),clearLabel:a.string,creatable:a.bool,createMessage:a.func,disabled:a.bool,error:a.string,hasMoreItems:a.bool,id:a.string,hint:a.oneOfType([a.string,a.node,a.arrayOf(a.node)]),label:a.string,labelAction:a.element,loading:a.bool,loadingMessage:a.string,noOptionsMessage:a.func,onChange:a.func.isRequired,onClear:a.func,onCreateOption:a.func,onInputChange:a.func,onLoadMore:a.func,placeholder:a.string,value:a.string},ae.propTypes={...z.propTypes,onCreateOption:a.func.isRequired}},90333:function(G,b,t){t.d(b,{O:function(){return P}});var e=t(32735),l=t(60216),h=t(91225),a=t(49372);const P=(0,e.forwardRef)(({isSelected:C,children:O,...f},o)=>e.createElement(h.Zq,{hasRadius:!0,paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,role:"option",background:"neutral0",isSelected:C,ref:o,...f},e.createElement(a.Z,{textColor:C?"primary600":"neutral800",fontWeight:C?"bold":null},O)));P.defaultProps={isSelected:!1},P.propTypes={children:l.oneOfType([l.string,l.number]).isRequired,isSelected:l.bool},P.displayName="ComboboxOption"},91225:function(G,b,t){t.d(b,{II:function(){return f},K7:function(){return C},Zq:function(){return o},d8:function(){return P},fv:function(){return O}});var e=t(8471),l=t(72850),h=t(87933),a=t(30350);const P=(0,e.ZP)(h.k)`
+  position: relative;
+  border: 1px solid ${({theme:r,hasError:L})=>L?r.colors.danger600:r.colors.neutral200};
+  padding-right: ${({theme:r})=>r.spaces[3]};
+  padding-left: ${({theme:r})=>r.spaces[3]};
+  border-radius: ${({theme:r})=>r.borderRadius};
+  background: ${({theme:r})=>r.colors.neutral0};
+
+  ${({theme:r,$disabled:L})=>L?`
+    color: ${r.colors.neutral600};
+    background: ${r.colors.neutral150};
+  `:void 0}
+
+  ${(0,a.k3)()}
+`,C=e.ZP.div`
+  padding: 1px 2px;
+  grid-area: 1 / 1 / 2 / 3;
+`,O=(0,e.ZP)(h.k)`
+  display: grid;
+  flex: 1 1 0%;
+  position: relative;
+`,f=e.ZP.input`
+  display: inline-grid;
+  grid-area: 1 / 1 / 2 / 3;
+  grid-template-columns: 0px min-content;
+  background: transparent;
+  min-height: ${40/16}rem;
+  border: none;
+  flex: 1;
+  font-size: ${14/16}rem;
+  color: ${({theme:r})=>r.colors.neutral800};
+  outline: none;
+  &:focus-visible {
+    outline: none;
+    box-shadow: none;
+    outline-offset: 0;
+  }
+  &[aria-disabled='true'] {
+    background: inherit;
+    color: inherit;
+    cursor: not-allowed;
+  }
+`,o=(0,e.ZP)(l.x)`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  ${({isSelected:r,theme:L})=>r&&`background: ${L.colors.primary100};`}
+
+  &:hover {
+    background: ${({theme:r})=>r.colors.primary100};
+  }
+`},99223:function(G,b,t){t.d(b,{Z:function(){return f}});var e=t(32735),l=t(60216),h=t(8471),a=t(72850),P=t(87933);const C=(0,h.ZP)(P.k)`
+  & > * + * {
+    margin-left: ${({theme:o})=>o.spaces[2]};
+  }
+
+  margin-left: ${({pullRight:o})=>o?"auto":void 0};
+`,O=(0,h.ZP)(C)`
+  flex-shrink: 0;
+`,f=({startActions:o,endActions:r})=>o||r?e.createElement(a.x,{paddingLeft:10,paddingRight:10},e.createElement(a.x,{paddingBottom:4},e.createElement(P.k,{justifyContent:"space-between",alignItems:"flex-start"},o&&e.createElement(C,{wrap:"wrap"},o),r&&e.createElement(O,{pullRight:!0},r)))):null;f.defaultProps={endActions:void 0,startActions:void 0},f.propTypes={endActions:l.node,startActions:l.node}}}]);