| 1 |
- {"version":3,"file":"UserCreatePage.e05d78b8027db8c21856.js","mappings":"gOAsBA,MAiEA,GAAeA,EAAAA,EAAAA,UAJUC,IAAD,CACtBC,UAAUC,EAAAA,EAAAA,GAAYF,EAAMG,SAAU,mBAGxC,EA/DsD,IAAkB,IAAjB,SAAEF,GAAe,EACtE,MAAMG,GAAUC,EAAAA,EAAAA,MAEVC,GAAWC,EAAAA,EAAAA,cACfC,MAAAA,SANeA,OAAAA,IAAyBC,EAAAA,EAAAA,iBAAgBC,KAAK,mBAAoBC,GAOzEC,CAAWC,GACjBT,EAAQU,KAAK,kBAEf,CAACV,IAGH,OACE,SAAC,IAAD,CAAMH,SAAUA,EAAhB,UACE,UAAC,aAAD,kBACE,2CACA,SAAC,EAAAc,KAAD,CAAMT,SAAUA,EAAUU,WAAW,SAArC,SACG,IAA0B,IAAzB,SAAEC,EAAF,OAAYC,GAAa,EACzB,OACE,iCACE,SAAC,EAAAC,MAAD,CACEC,MAAM,OACNC,UAAQ,EACRC,UAAWJ,EAAOK,KAClBC,MAAON,EAAOK,KAAO,wBAAqBE,EAJ5C,UAME,SAAC,EAAAC,MAAD,eAAOC,GAAG,cAAiBV,EAAS,OAAQ,CAAEI,UAAU,SAG1D,SAAC,EAAAF,MAAD,CAAOC,MAAM,QAAb,UACE,SAAC,EAAAM,MAAD,eAAOC,GAAG,eAAkBV,EAAS,cAGvC,SAAC,EAAAE,MAAD,CAAOC,MAAM,WAAb,UACE,SAAC,EAAAM,MAAD,eAAOC,GAAG,kBAAqBV,EAAS,cAE1C,SAAC,EAAAE,MAAD,CACEC,MAAM,WACNC,UAAQ,EACRC,UAAWJ,EAAOU,SAClBJ,MAAON,EAAOU,SAAW,mEAAgEH,EAJ3F,UAME,SAAC,EAAAC,MAAD,eACEC,GAAG,kBACCV,EAAS,WAAY,CACvBY,SAAWC,GAA2B,KAAjBA,EAAMC,QAAiBD,EAAME,QAAU,IAHhE,CAKEC,KAAK,gBA5BX,OA+BE,SAAC,EAAAC,OAAD,CAAQD,KAAK,SAAb","sources":["webpack://grafana/./public/app/features/admin/UserCreatePage.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { connect } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\n\nimport { NavModel } from '@grafana/data';\nimport { getBackendSrv } from '@grafana/runtime';\nimport { Form, Button, Input, Field } from '@grafana/ui';\nimport Page from 'app/core/components/Page/Page';\n\nimport { getNavModel } from '../../core/selectors/navModel';\nimport { StoreState } from '../../types';\n\ninterface UserCreatePageProps {\n navModel: NavModel;\n}\ninterface UserDTO {\n name: string;\n password: string;\n email?: string;\n login?: string;\n}\n\nconst createUser = async (user: UserDTO) => getBackendSrv().post('/api/admin/users', user);\n\nconst UserCreatePage: React.FC<UserCreatePageProps> = ({ navModel }) => {\n const history = useHistory();\n\n const onSubmit = useCallback(\n async (data: UserDTO) => {\n await createUser(data);\n history.push('/admin/users');\n },\n [history]\n );\n\n return (\n <Page navModel={navModel}>\n <Page.Contents>\n <h1>Add new user</h1>\n <Form onSubmit={onSubmit} validateOn=\"onBlur\">\n {({ register, errors }) => {\n return (\n <>\n <Field\n label=\"Name\"\n required\n invalid={!!errors.name}\n error={errors.name ? 'Name is required' : undefined}\n >\n <Input id=\"name-input\" {...register('name', { required: true })} />\n </Field>\n\n <Field label=\"Email\">\n <Input id=\"email-input\" {...register('email')} />\n </Field>\n\n <Field label=\"Username\">\n <Input id=\"username-input\" {...register('login')} />\n </Field>\n <Field\n label=\"Password\"\n required\n invalid={!!errors.password}\n error={errors.password ? 'Password is required and must contain at least 4 characters' : undefined}\n >\n <Input\n id=\"password-input\"\n {...register('password', {\n validate: (value) => value.trim() !== '' && value.length >= 4,\n })}\n type=\"password\"\n />\n </Field>\n <Button type=\"submit\">Create user</Button>\n </>\n );\n }}\n </Form>\n </Page.Contents>\n </Page>\n );\n};\n\nconst mapStateToProps = (state: StoreState) => ({\n navModel: getNavModel(state.navIndex, 'global-users'),\n});\n\nexport default connect(mapStateToProps)(UserCreatePage);\n"],"names":["connect","state","navModel","getNavModel","navIndex","history","useHistory","onSubmit","useCallback","async","getBackendSrv","post","user","createUser","data","push","Form","validateOn","register","errors","Field","label","required","invalid","name","error","undefined","Input","id","password","validate","value","trim","length","type","Button"],"sourceRoot":""}
|
