https://mockaroo.com/_next/static/chunks/pages/datasets/[id]-1a2067a807bd8b1e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1908],{41959:function(e,t,n){"use strict";var s=n(95318);t.Z=void 0;var r=s(n(67294)),i=(0,s(n(2108)).default)(r.default.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}),"Check");t.Z=i},80366:function(e,t,n){"use strict";var s=n(95318);t.Z=void 0;var r=s(n(67294)),i=(0,s(n(2108)).default)(r.default.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");t.Z=i},59067:function(e,t,n){"use strict";var s=n(95318);t.Z=void 0;var r=s(n(67294)),i=(0,s(n(2108)).default)(r.default.createElement("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"}),"Edit");t.Z=i},13871:function(e,t,n){"use strict";var s=n(95318);t.Z=void 0;var r=s(n(67294)),i=(0,s(n(2108)).default)(r.default.createElement("path",{d:"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"}),"Folder");t.Z=i},10340:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/datasets/[id]",function(){return n(67876)}])},67876:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return V}});var s=n(85893),r=n(11163),i=n(68794),a=n(41120),l=n(43832),o=n(41749),c=n(22318),d=n(33426),u=n(18463),h=n(55517),x=n(282),j=n(36758);async function m(e,t,n){let{resetForm:s,setErrors:r}=n,i=new FormData;i.append("record[name]",t.name),t.file&&i.append("record[file]",t.file),t.project_id&&i.append("record[project_id]",t.project_id);let a="/rest/datasets".concat(t.id?"/".concat(t.id):""),l=await fetch(a,{method:t.id?"PATCH":"POST",body:i}).then(e=>e.json());if(l.errors)throw r(l.errors),new j.p(l.errors);e(l.record),s({values:t})}var f=n(47386),p=n(2533),Z=n(0),v=n(33512),g=n(77912);n(82883);var b=n(20809),y=n(73727),w=n(26935),C=n(9008),k=n.n(C),_=n(81590),S=n(6775),E=n(67294),N=n(41664),T=n.n(N),M=n(78819),R=n(92122),F=n(82302),I=n(99613),P=n(57394),z=n(88222);let L=(0,a.Z)(e=>({root:{"& code":{background:"transparent"}}}));var D=(0,E.memo)(function(e){let{values:t}=e,n=L();return(0,s.jsx)(F.Z,{size:"small",style:{width:"auto"},className:n.root,children:(0,s.jsx)(I.Z,{children:t.rows.map((e,t)=>(0,s.jsx)(P.Z,{children:e.map((e,t)=>(0,s.jsx)(z.Z,{children:(0,s.jsx)("code",{children:e})},t))},t))})})}),O=n(8920),A=(0,E.memo)(function(e){let{values:t}=e,n=(0,O.Z)();return(0,s.jsx)("pre",{style:{display:"block",margin:n.spacing(1)},children:JSON.stringify(t.rows,null,"  ").replace(/^\[\s*/,"").replace(/\n\s\s/g,"\n").replace(/\]$/,"")})}),U=n(93736),W=n(81751);let B=(0,a.Z)(e=>({root:{marginTop:e.spacing(4)},field:{width:300}}));function V(){let{afterSave:e,record:t,refresh:n}=(0,b.Z)({apiPath:"datasets",creationMessage:e=>'Dataset "'.concat(e.name,'" Saved.')}),r=(0,W.Z)();return t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(k(),{children:(0,s.jsx)("title",{children:"".concat(r," - ").concat(t.name||"New Dataset")})}),(0,s.jsx)(H,{dataset:t,afterSave:e,refresh:n},(null==t?void 0:t.id)||"new")]}):(0,s.jsx)(y.Z,{})}function H(e){var t,n,a,j;let b;let{dataset:C,afterSave:k,refresh:N}=e,{push:F,query:{projectID:I}}=(0,r.useRouter)(),{values:P,handleChange:z,handleSubmit:L,isSubmitting:O,dirty:W,setFieldValue:V,errors:H,resetForm:J}=(0,i.TA)({initialValues:{project_id:I,...C},onSubmit:m.bind(null,k)}),X=B(),q=null==C.id,Y=(b=!0,q&&!P.file&&(b=!1),(null===(j=P.name)||void 0===j?void 0:j.match(/\w+/))||(b=!1),b),[$,G]=(0,E.useState)(!1),{session:K}=(0,E.useContext)(R.Z),Q=(0,E.useCallback)(async e=>{fetch("/rest/datasets/".concat(C.id),{method:"PATCH",body:JSON.stringify({record:{name:e}}),headers:{"Content-Type":"application/json"}}),W?V("name",e):J({values:{...P,name:e}})},[C,W,P,J,V]),ee=(0,E.useCallback)(async()=>{G(!0);try{let e=await N();J({values:e})}finally{G(!1)}},[P,J]);return $?(0,s.jsx)(y.Z,{}):(0,s.jsxs)(s.Fragment,{children:[!q&&(0,s.jsx)(w.Z,{resource:P,label:"Dataset",modelType:"List",baseHref:"/datasets"}),(0,s.jsx)(l.Z,{maxWidth:"xl",className:X.root,children:(0,s.jsxs)("form",{onSubmit:L,children:[(0,s.jsxs)(o.Z,{container:!0,spacing:4,children:[(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(S.Z,{value:C.name,disabled:q,defaultValue:"New Dataset",onChange:Q})}),(null==H?void 0:H.base)&&(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(U.Z,{variant:"error",children:H.base[0]})}),P.download_url&&(!P.download||P.download.success)&&(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:"File"}),(0,s.jsx)(c.Z,{component:"div",children:(0,s.jsx)("a",{href:P.download_url,children:P.filename})})]}),P.schema&&(null===(t=P.download)||void 0===t?void 0:t.success)&&(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:"Generated from Schema"}),(0,s.jsx)(c.Z,{children:(0,s.jsx)(T(),{href:"/schemas/".concat(P.schema.id),children:P.schema.name})})]}),P.schema&&(null===(n=P.download)||void 0===n?void 0:n.success)&&(null===(a=K.plan)||void 0===a?void 0:a.name)==="Enterprise"&&(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:"S3 Path"}),(0,s.jsx)(M.Z,{download:P.download})]}),P.download&&null==P.download.success&&(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(_.Z,{id:P.download.id,onSuccess:ee})}),q&&(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:"Name"}),(0,s.jsx)(d.Z,{InputProps:{classes:{input:X.field}},variant:"outlined",name:"name",onChange:z,size:"small",value:P.name})]}),P.values&&(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:"Values"}),P.values.truncated&&(0,s.jsx)(c.Z,{component:"div",variant:"caption",gutterBottom:!0,style:{opacity:.6},children:P.row_count?(0,s.jsxs)("span",{children:["Showing only the first"," ",P.values.rows.length-("json"===P.file_format?0:1)," ","of ",P.row_count," total rows"]}):(0,s.jsxs)("span",{children:["Showing only the first"," ",P.values.rows.length-("json"===P.file_format?0:1)," ","rows"]})}),(0,s.jsx)(u.Z,{variant:"outlined",style:{maxWidth:"100%",overflow:"auto",display:"inline-flex",width:"100%"},children:"json"===P.file_format?(0,s.jsx)(A,{values:P.values}):(0,s.jsx)(D,{values:P.values})})]}),!P.download&&(0,s.jsxs)(s.Fragment,{children:[!q&&(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(h.Z,{})}),(0,s.jsxs)(o.Z,{item:!0,xs:12,children:[(0,s.jsx)(f._,{children:q?"File":"Upload new file (replace existing data)"}),(0,s.jsx)(v.Z,{classes:{input:X.field},onChange:e=>V("file",e.currentTarget.files[0])}),H.file?(0,s.jsxs)(c.Z,{color:"error",style:{marginTop:8},children:["Error: The file ",H.file]}):null]}),(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(h.Z,{})}),(0,s.jsx)(o.Z,{item:!0,xs:12,children:(0,s.jsx)(p.Z,{})})]})]}),(0,s.jsxs)(g.Z,{visible:W||q,children:[(0,s.jsx)(x.Z,{color:"inherit",variant:"outlined",onClick:()=>F("/datasets"),children:"Cancel"}),(0,s.jsx)(Z.Z,{isSubmitting:O,dirty:W,isNew:q,isValid:Y,text:q?"Save Dataset":"Save Changes"})]})]})})]})}},93736:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var s=n(85893),r=n(41120),i=n(59693),a=n(86010);let l=(0,r.Z)(e=>({root:{padding:e.spacing(1.2,2),borderRadius:5},error:{color:"white",backgroundColor:(0,i._j)(e.palette.error.main,.2)},info:{backgroundColor:e.palette.background.paper,border:e.palette.divider}}));function o(e){let{variant:t="error",...n}=e,r=l();return(0,s.jsx)("div",{className:(0,a.Z)({[r.root]:!0,[r.error]:"error"===t,[r.info]:"info"===t}),...n})}},2533:function(e,t,n){"use strict";var s=n(85893),r=n(41120),i=n(41749),a=n(22318),l=n(18463),o=n(79912),c=n(82302),d=n(83750),u=n(57394),h=n(88222),x=n(99613),j=n(67294),m=n(81751);let f=(0,r.Z)(e=>({highlight:{color:e.palette.primary.main,fontWeight:"bold"},csv:{"& td, & th":{fontFamily:"courier"},"& th":{fontWeight:"bold"}}}));t.Z=(0,j.memo)(function(){let e=f(),t=(0,m.Z)();return(0,s.jsxs)(i.Z,{container:!0,spacing:3,children:[(0,s.jsxs)(i.Z,{item:!0,xs:12,children:[t," supports two types of data files:"]}),(0,s.jsxs)(i.Z,{item:!0,xs:12,sm:6,children:[(0,s.jsx)(a.Z,{variant:"h2",children:"Lists"}),(0,s.jsx)("p",{children:"If your dataset is a simple list of values, specify each value on a separate line. Do not include a header row."}),(0,s.jsx)("p",{children:"Example:"}),(0,s.jsx)(l.Z,{children:(0,s.jsxs)(o.Z,{style:{fontFamily:"courier"},children:[(0,s.jsx)("div",{children:"Ford"}),(0,s.jsx)("div",{children:"Ferrari"}),(0,s.jsx)("div",{children:"Honda"}),(0,s.jsx)("div",{children:"Toyota"})]})})]}),(0,s.jsxs)(i.Z,{item:!0,xs:12,sm:6,children:[(0,s.jsx)(a.Z,{variant:"h2",children:"Multicolumn Datasets"}),(0,s.jsx)("p",{children:"If your dataset has multiple columns, the file should be in csv format. The first row should contain the column names."}),(0,s.jsx)("p",{children:"Example:"}),(0,s.jsx)(l.Z,{children:(0,s.jsxs)(c.Z,{size:"small",className:e.csv,children:[(0,s.jsx)(d.Z,{children:(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"Make"}),(0,s.jsx)(h.Z,{children:"Model"})]})}),(0,s.jsxs)(x.Z,{children:[(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"Ford"}),(0,s.jsx)(h.Z,{children:"Mustang"})]}),(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"Ford"}),(0,s.jsx)(h.Z,{children:"Explorer"})]}),(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"Ford"}),(0,s.jsx)(h.Z,{children:"Mustang"})]}),(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"BMW"}),(0,s.jsx)(h.Z,{children:"M3"})]}),(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"BMW"}),(0,s.jsx)(h.Z,{children:"X5"})]}),(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(h.Z,{children:"Ferrari"}),(0,s.jsx)(h.Z,{children:"Roma"})]})]})]})})]})]})})},77912:function(e,t,n){"use strict";n.d(t,{Z:function(){return Z}});var s=n(85893),r=n(41120),i=n(59693),a=n(79895),l=n(86010),o=n(45697),c=n.n(o),d=n(11752),u=n.n(d);let{publicRuntimeConfig:h}=u()(),{BOTTOM_BAR_BACKGROUND_COLOR:x,BOTTOM_BAR_BORDER_COLOR:j,BOTTOM_BAR_SHADOW:m,BOTTOM_BAR_TEXT_COLOR:f}=h,p=(0,r.Z)(e=>({root:{position:"fixed",zIndex:10,bottom:0,left:0,padding:e.spacing(1),color:f||e.palette.secondary.c

1ontrastText,width:"100vw",top:"unset",display:"flex",justifyContent:"center",background:(0,i.U1)(x||e.palette.secondary.dark,.95),borderRadius:0,gap:e.spacing(1),boxShadow:m,transform:"translateY(50px)",transition:"transform 150ms ease-in","& .MuiButton-colorInherit":{borderColor:j||"rgba(256,256,256,0.5)","&.Mui-disabled":{color:"inherit"},"&:hover":{background:"rgba(256,256,256,0.1)"}}},visible:{transform:"translateY(0)"}}));function Z(e){let{visible:t,children:n}=e,r=p();return(0,s.jsx)(a.Z,{elevation:5,className:(0,l.Z)({[r.root]:!0,[r.visible]:t}),children:n})}Z.propTypes={visible:c().bool.isRequired},Z.defaultProps={visible:!0}},33512:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var s=n(85893),r=n(41120),i=n(33426),a=n(282),l=n(67294),o=n(13871),c=n(86010);let d=(0,r.Z)(e=>({root:{display:"flex",flexDirection:"row",position:"relative"},inputBase:{paddingRight:0},input:{width:300,paddingRight:e.spacing(2)},button:{maxWidth:"none",borderTopLeftRadius:0,borderBottomLeftRadius:0},label:{display:"flex",height:"100%"},buttonLabel:{whiteSpace:"nowrap"},file:{position:"absolute",zIndex:-1,top:0,left:0,opacity:0}}));function u(e){let{placeholder:t,className:n,buttonText:r,classes:u,onChange:h}=e,x=(0,l.useMemo)(()=>"__FileField__",[]);u=d({classes:u});let j=(0,l.useRef)(),[m,f]=(0,l.useState)(""),p=(0,l.useCallback)(e=>{f(e.target.files[0].name),h(e)},[h]);return(0,s.jsxs)("div",{className:(0,c.Z)([n,u.root]),children:[(0,s.jsx)(i.Z,{variant:"outlined",size:"small",value:m,placeholder:t,InputProps:{classes:{adornedEnd:u.inputBase,input:u.input},readOnly:!0,endAdornment:(0,s.jsx)("label",{htmlFor:x,ref:j,className:u.label,children:(0,s.jsx)(a.Z,{variant:"contained",color:"primary",classes:{root:u.button,label:u.buttonLabel},onClick:()=>j.current.click(),startIcon:(0,s.jsx)(o.Z,{}),children:r})})}}),(0,s.jsx)("input",{type:"file",onChange:p,className:u.file,id:x})]})}u.defaultProps={buttonText:"Select File"}},47386:function(e,t,n){"use strict";n.d(t,{_:function(){return l}});var s=n(85893),r=n(41120),i=n(96019);let a=(0,r.Z)(e=>({root:{margin:e.spacing(0,0,1,0),display:"block"}}));function l(e){let t=a(e);return(0,s.jsx)(i.Z,{className:t.root,...e})}},26935:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var s=n(85893),r=n(67294),i=n(41664),a=n.n(i),l=n(41120),o=n(43832);let c=(0,l.Z)(e=>({breadcrumbs:{backgroundColor:e.palette.background.paper,padding:e.spacing(1,0)},container:{display:"flex",flexDirection:"row",alignItems:"center"},breadcrumb:{color:e.palette.text.secondary},separator:{color:e.palette.text.disabled,margin:e.spacing(0,1)}}));function d(e){let{children:t}=e,n=c();return(0,s.jsx)("div",{className:n.breadcrumbs,children:(0,s.jsx)(o.Z,{className:n.container,maxWidth:"xl",children:t})})}function u(e){let{children:t}=e,n=c();return(0,s.jsx)("div",{className:n.breadcrumb,children:t})}function h(e){let{children:t}=e,n=c();return(0,s.jsx)("div",{className:n.separator,children:"/"})}var x=n(92122),j=n(82803),m=n(85639),f=n(55517),p=n(11163);function Z(e){let{onSelect:t,onRemove:n,value:i,resourceType:a,resourceID:l,...o}=e,{session:{projects:c}}=(0,r.useContext)(x.Z),{push:d}=(0,p.useRouter)(),u=(0,r.useCallback)(()=>{d("/projects/new?resourceType=".concat(encodeURIComponent(a),"&resourceID=").concat(encodeURIComponent(l),"&returnTo=").concat(encodeURIComponent(location.pathname),"&returnMessage=").concat(encodeURIComponent(i?"Moved to":"Added to")))},[a,l,i]),h=null==c?void 0:c.filter(e=>!i||e.id!==i.id).map((e,n)=>(0,s.jsx)(m.Z,{onClick:()=>t(e),children:e.name},n));return(0,s.jsxs)(j.Z,{...o,children:[h,(null==h?void 0:h.length)>0&&(0,s.jsx)(f.Z,{}),(0,s.jsx)(m.Z,{onClick:u,children:(0,s.jsx)("i",{children:"New Project..."})}),i&&(0,s.jsx)(f.Z,{}),i&&(0,s.jsxs)(m.Z,{onClick:n,children:["Remove from ",i.name]})]})}var v=n(74665);function g(e){let{resource:t,label:n,modelType:i,baseHref:l,name:o}=e,[c,x]=(0,r.useState)(t.project);(0,r.useEffect)(()=>{x(t.project)},[t.project]);let j=(0,r.useCallback)(async()=>{let e=await fetch("/rest/projects/".concat(c.id,"/resources/").concat(i||n,"/").concat(t.id),{method:"DELETE"});e.ok&&((0,v.Z)("Removed from ".concat(c.name)),x(null))},[c,i,n]),m=(0,r.useCallback)(e=>{let s=async()=>{let s=await fetch("/rest/projects/".concat(e.id,"/resources"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({resource_type:i||n,resource_id:t.id})});if(s.ok)(0,v.Z)("".concat(c?"Moved":"Added"," to ").concat(e.name)),x(e);else{let e=await s.json();(0,v.Z)(e.errors.join(", "),"error")}};s()},[c,i,n]);return(0,s.jsxs)(d,{children:[null==c?(0,s.jsx)(u,{children:(0,s.jsxs)(a(),{href:l,children:["My ",n,"s"]})}):(0,s.jsx)(u,{children:(0,s.jsx)(a(),{href:"/projects/".concat(c.id),children:c.name})}),(0,s.jsx)(h,{}),(0,s.jsx)(u,{children:o||t.name}),(0,s.jsx)("div",{style:{flex:1}}),(0,s.jsx)(Z,{size:"small",text:c?"Move to Project...":"Add to Project...",variant:"outlined",value:c,onSelect:m,onRemove:j,resourceType:i,resourceID:t.id})]})}g.defaultProps={}},0:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var s=n(85893),r=n(41120),i=n(282),a=n(95477);let l=(0,r.Z)(e=>({disabled:{opacity:.5}}));function o(e){let{classes:t,onClick:n,isSubmitting:r,dirty:o,text:c,isNew:d,isValid:u,...h}=e;return t=l({classes:t}),r?c="Saving...":o||d||(c="Changes Saved"),(0,s.jsx)(i.Z,{classes:t,onClick:n,disabled:r||!d&&!o||!u,type:n?"button":"submit",variant:"contained",color:"primary",startIcon:r&&(0,s.jsx)(a.Z,{size:16,color:"inherit"}),...h,children:c})}},36758:function(e,t,n){"use strict";n.d(t,{p:function(){return s}});

1class s extends Error{constructor(e){super(),this.errors=e}}},20809:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var s=n(11163),r=n(67294),i=n(74665),a=n(92122);function l(e){let{createNew:t=()=>({id:null,name:""}),creationMessage:n,apiPath:l,isNew:o}=e,{query:c,push:d}=(0,s.useRouter)(),{id:u,returnTo:h,returnMessage:x,clone:j,shareId:m}=c;o=o||"new"===u;let{refresh:f}=(0,r.useContext)(a.Z),[p,Z]=(0,r.useState)(o?t():null),[v,g]=(0,r.useState)(!1),b=(0,r.useCallback)(async()=>{let e;e=m?"/rest/".concat(l,"/share/").concat(encodeURIComponent(m)):"/rest/".concat(l,"/").concat(u||"new","?").concat(new URLSearchParams(c).toString());let t=await fetch(e);if(404===t.status)Z(null),g(!0);else{let e=await t.json();return Z(e),e}},[u,m]);(0,r.useEffect)(()=>{if(j){let e="clone:".concat(j),t=localStorage.getItem(e);if(t){Z(JSON.parse(t)),localStorage.removeItem(e);return}}o?Z(t()):(m||u)&&b()},[u,j,m,b]);let y=(0,r.useCallback)(e=>{o?(d(h||"/".concat(l,"/").concat(e.id)),(0,i.Z)(x?"".concat(x," ").concat(e.name):n(e)),f()):(Z(e),(0,i.Z)("Changes Saved"))},[u,h]);return{afterSave:y,record:p,setRecord:Z,notFound:v,refresh:b}}},6775:function(e,t,n){"use strict";var s=n(85893),r=n(41120),i=n(7560),a=n(22318),l=n(17812),o=n(33426),c=n(41959),d=n(80366),u=n(59067),h=n(67294);let x=(0,r.Z)(e=>({root:{"&:hover $control":{visibility:"visible"}},control:{visibility:"hidden"}}));t.Z=(0,h.memo)(function(e){let{defaultValue:t,disabled:n,style:r,value:j,onChange:m}=e,f=x(),[p,Z]=(0,h.useState)({isEditing:!1,value:j}),[v,g]=(0,h.useState)(null);(0,h.useEffect)(()=>{Z(e=>({...e,value:j}))},[j]);let b=(0,h.useCallback)(e=>{Z(t=>({...t,value:e.target.value}))},[]),y=(0,h.useCallback)(()=>{Z(e=>({...e,isEditing:!1,value:v}))},[v]),w=(0,h.useCallback)(()=>{Z(e=>({...e,isEditing:!1})),m&&m(p.value)},[p.value]),C=(0,h.useCallback)(()=>{Z(e=>({...e,isEditing:!0})),g(p.value)},[p.value]);return(0,s.jsxs)(i.Z,{display:"inline-flex",alignItems:"center",className:f.root,style:r,children:[!p.isEditing&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{variant:"h1",onClick:C,children:n?t:p.value}),n?null:(0,s.jsx)(l.Z,{className:f.control,onClick:C,children:(0,s.jsx)(u.Z,{})})]}),p.isEditing&&(0,s.jsx)(o.Z,{autoFocus:!0,size:"small",variant:"outlined",onChange:b,value:p.value,style:{width:400},InputProps:{style:{paddingRight:3},endAdornment:(0,s.jsxs)(i.Z,{display:"flex",children:[(0,s.jsx)(l.Z,{onClick:y,children:(0,s.jsx)(d.Z,{})}),(0,s.jsx)(l.Z,{onClick:w,children:(0,s.jsx)(c.Z,{})})]})}})]})})}},function(e){e.O(0,[2683,4096,1590,9774,2888,179],function(){return e(e.s=10340)}),_N_E=e.O()}]);