{"version":3,"file":"NewOrgPage.2bb0e1cab09f0cbd0310.js","mappings":"mQAUA,MAAMA,EAAqB,CACzB,mBAAkB,IACpB,EAEMC,KAAY,WAAQ,OAAWD,CAAkB,EAQjDE,EAAwB,CAC5B,KAAM,WACN,GAAI,UACJ,KAAM,kBACR,EAEaC,EAAa,CAAC,CAAE,mBAAAC,CAAmB,IAAa,CAC3D,MAAMC,EAAY,MAAOC,GAA6B,CACpD,MAAMF,EAAmBE,CAAM,EAC/B,OAAO,SAAS,QAAO,MAAU,EAAE,UAAY,MACjD,EAEA,OACE,gBAAC,IAAI,CAAC,MAAM,cAAc,QAAAJ,CAAA,EACxB,gBAAC,IAAK,SAAL,KACC,gBAAC,KAAE,UAAU,SAAQ,6QAIrB,EAEA,gBAAC,IAAI,CAAmB,SAAUG,CAAA,EAC/B,CAAC,CAAE,SAAAE,EAAU,OAAAC,CAAO,IAEjB,gCACE,gBAAC,IAAQ,KACP,gBAAC,IAAK,CAAC,MAAM,oBAAoB,QAAS,CAAC,CAACA,EAAO,KAAM,MAAOA,EAAO,MAAQA,EAAO,KAAK,SACzF,gBAAC,KACC,YAAY,WACX,GAAGD,EAAS,OAAQ,CACnB,SAAU,+BACZ,CAAC,EACH,CACF,CACF,EACA,gBAAC,KAAM,CAAC,KAAK,UAAS,QAAM,CAC9B,CAGN,CACF,CACF,CAEJ,EAEA,EAAeN,EAAUE,CAAU,C","sources":["webpack://grafana/./public/app/features/org/NewOrgPage.tsx"],"sourcesContent":["import React from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { NavModelItem } from '@grafana/data';\nimport { Button, Input, Field, Form, FieldSet } from '@grafana/ui';\nimport { Page } from 'app/core/components/Page/Page';\nimport { getConfig } from 'app/core/config';\n\nimport { createOrganization } from './state/actions';\n\nconst mapDispatchToProps = {\n  createOrganization,\n};\n\nconst connector = connect(undefined, mapDispatchToProps);\n\ntype Props = ConnectedProps<typeof connector>;\n\ninterface CreateOrgFormDTO {\n  name: string;\n}\n\nconst pageNav: NavModelItem = {\n  icon: 'building',\n  id: 'org-new',\n  text: 'New organization',\n};\n\nexport const NewOrgPage = ({ createOrganization }: Props) => {\n  const createOrg = async (newOrg: { name: string }) => {\n    await createOrganization(newOrg);\n    window.location.href = getConfig().appSubUrl + '/org';\n  };\n\n  return (\n    <Page navId=\"global-orgs\" pageNav={pageNav}>\n      <Page.Contents>\n        <p className=\"muted\">\n          Each organization contains their own dashboards, data sources, and configuration, which cannot be shared\n          shared between organizations. While users might belong to more than one organization, multiple organizations\n          are most frequently used in multi-tenant deployments.\n        </p>\n\n        <Form<CreateOrgFormDTO> onSubmit={createOrg}>\n          {({ register, errors }) => {\n            return (\n              <>\n                <FieldSet>\n                  <Field label=\"Organization name\" invalid={!!errors.name} error={errors.name && errors.name.message}>\n                    <Input\n                      placeholder=\"Org name\"\n                      {...register('name', {\n                        required: 'Organization name is required',\n                      })}\n                    />\n                  </Field>\n                </FieldSet>\n                <Button type=\"submit\">Create</Button>\n              </>\n            );\n          }}\n        </Form>\n      </Page.Contents>\n    </Page>\n  );\n};\n\nexport default connector(NewOrgPage);\n"],"names":["mapDispatchToProps","connector","pageNav","NewOrgPage","createOrganization","createOrg","newOrg","register","errors"],"sourceRoot":""}