{"version":3,"file":"FolderSettingsPage.d4b1c3468dad9e8f546e.js","mappings":"iZAIA,MAAM,MAAEA,GAAUC,EAAAA,YAwBZC,EAAqB,CACzBC,eADyB,KAEzBC,WAFyB,KAGzBC,eAHyB,KAIzBC,aAAYA,EAAAA,IAGRC,GAAYC,EAAAA,EAAAA,UAhBM,CAACC,EAAmBC,KAC1C,MAAMC,EAAMD,EAAME,MAAMC,OAAOF,IAC/B,MAAO,CACLG,UAAUC,EAAAA,EAAAA,GAAYN,EAAMO,SAAW,mBAAkBL,KAAOM,EAAAA,EAAAA,GAAc,IAC9EC,UAAWP,EACXQ,OAAQV,EAAMU,UAWyBjB,GAQpC,MAAMkB,UAA2BC,EAAAA,cACtCC,YAAYZ,GACVa,MAAMb,GADkB,wBAWTc,IACfC,KAAKf,MAAML,eAAemB,EAAIE,OAAOC,UAZb,iBAejBC,MAAAA,IACPJ,EAAIK,iBACJL,EAAIM,kBACJL,KAAKM,SAAS,CAAEC,WAAW,UACrBP,KAAKf,MAAMN,WAAWqB,KAAKf,MAAMS,QACvCM,KAAKM,SAAS,CAAEC,WAAW,OApBH,mBAuBdR,IACVA,EAAIM,kBACJN,EAAIK,iBAGJI,EAAAA,EAAAA,QACE,IAAIC,EAAAA,GAAsB,CACxBC,MAAO,SACPC,KAJsB,uEAKtBC,KAAM,YACNC,QAAS,SACTC,UAAW,KACTd,KAAKf,MAAMJ,aAAamB,KAAKf,MAAMS,OAAOR,YAjChDc,KAAKhB,MAAQ,CACXuB,WAAW,GAIfQ,oBACEf,KAAKf,MAAMP,eAAesB,KAAKf,MAAMQ,WAiCvCuB,SACE,MAAM,SAAE3B,EAAF,OAAYK,GAAWM,KAAKf,MAElC,OACE,SAAC,IAAD,CAAMI,SAAUA,EAAhB,UACE,UAAC,aAAD,CAAekB,UAAWP,KAAKhB,MAAMuB,UAArC,iBACE,eAAIU,UAAU,mBAAd,+BAEA,gBAAKA,UAAU,wBAAf,UACE,kBAAMC,KAAK,qBAAqBC,SAAUnB,KAAKoB,OAA/C,WACE,iBAAKH,UAAU,UAAf,iBACE,kBAAOA,UAAU,wBAAjB,oBACA,SAAC1C,EAAD,CACE8C,KAAK,OACLJ,UAAU,yBACVf,MAAOR,EAAOgB,MACdY,SAAUtB,KAAKuB,oBAGnB,iBAAKN,UAAU,qBAAf,WACE,SAAC,EAAAO,OAAD,CAAQH,KAAK,SAASI,UAAW/B,EAAOgC,UAAYhC,EAAOiC,WAA3D,mBAGA,SAAC,EAAAH,OAAD,CAAQI,QAAQ,cAAcC,QAAS7B,KAAK8B,SAAUL,UAAW/B,EAAOqC,UAAxE,kCAYhB,QAAejD,EAAUa","sources":["webpack://grafana/./public/app/features/folders/FolderSettingsPage.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { Button, LegacyForms } from '@grafana/ui';\nconst { Input } = LegacyForms;\nimport appEvents from 'app/core/app_events';\nimport Page from 'app/core/components/Page/Page';\nimport { GrafanaRouteComponentProps } from 'app/core/navigation/types';\nimport { getNavModel } from 'app/core/selectors/navModel';\nimport { StoreState } from 'app/types';\n\nimport { ShowConfirmModalEvent } from '../../types/events';\n\nimport { deleteFolder, getFolderByUid, saveFolder } from './state/actions';\nimport { getLoadingNav } from './state/navModel';\nimport { setFolderTitle } from './state/reducers';\n\nexport interface OwnProps extends GrafanaRouteComponentProps<{ uid: string }> {}\n\nconst mapStateToProps = (state: StoreState, props: OwnProps) => {\n  const uid = props.match.params.uid;\n  return {\n    navModel: getNavModel(state.navIndex, `folder-settings-${uid}`, getLoadingNav(2)),\n    folderUid: uid,\n    folder: state.folder,\n  };\n};\n\nconst mapDispatchToProps = {\n  getFolderByUid,\n  saveFolder,\n  setFolderTitle,\n  deleteFolder,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\nexport type Props = OwnProps & ConnectedProps<typeof connector>;\n\nexport interface State {\n  isLoading: boolean;\n}\n\nexport class FolderSettingsPage extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = {\n      isLoading: false,\n    };\n  }\n\n  componentDidMount() {\n    this.props.getFolderByUid(this.props.folderUid);\n  }\n\n  onTitleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    this.props.setFolderTitle(evt.target.value);\n  };\n\n  onSave = async (evt: React.FormEvent<HTMLFormElement>) => {\n    evt.preventDefault();\n    evt.stopPropagation();\n    this.setState({ isLoading: true });\n    await this.props.saveFolder(this.props.folder);\n    this.setState({ isLoading: false });\n  };\n\n  onDelete = (evt: React.MouseEvent<HTMLButtonElement>) => {\n    evt.stopPropagation();\n    evt.preventDefault();\n\n    const confirmationText = `Do you want to delete this folder and all its dashboards and alerts?`;\n    appEvents.publish(\n      new ShowConfirmModalEvent({\n        title: 'Delete',\n        text: confirmationText,\n        icon: 'trash-alt',\n        yesText: 'Delete',\n        onConfirm: () => {\n          this.props.deleteFolder(this.props.folder.uid);\n        },\n      })\n    );\n  };\n\n  render() {\n    const { navModel, folder } = this.props;\n\n    return (\n      <Page navModel={navModel}>\n        <Page.Contents isLoading={this.state.isLoading}>\n          <h3 className=\"page-sub-heading\">Folder settings</h3>\n\n          <div className=\"section gf-form-group\">\n            <form name=\"folderSettingsForm\" onSubmit={this.onSave}>\n              <div className=\"gf-form\">\n                <label className=\"gf-form-label width-7\">Name</label>\n                <Input\n                  type=\"text\"\n                  className=\"gf-form-input width-30\"\n                  value={folder.title}\n                  onChange={this.onTitleChange}\n                />\n              </div>\n              <div className=\"gf-form-button-row\">\n                <Button type=\"submit\" disabled={!folder.canSave || !folder.hasChanged}>\n                  Save\n                </Button>\n                <Button variant=\"destructive\" onClick={this.onDelete} disabled={!folder.canDelete}>\n                  Delete\n                </Button>\n              </div>\n            </form>\n          </div>\n        </Page.Contents>\n      </Page>\n    );\n  }\n}\n\nexport default connector(FolderSettingsPage);\n"],"names":["Input","LegacyForms","mapDispatchToProps","getFolderByUid","saveFolder","setFolderTitle","deleteFolder","connector","connect","state","props","uid","match","params","navModel","getNavModel","navIndex","getLoadingNav","folderUid","folder","FolderSettingsPage","PureComponent","constructor","super","evt","this","target","value","async","preventDefault","stopPropagation","setState","isLoading","appEvents","ShowConfirmModalEvent","title","text","icon","yesText","onConfirm","componentDidMount","render","className","name","onSubmit","onSave","type","onChange","onTitleChange","Button","disabled","canSave","hasChanged","variant","onClick","onDelete","canDelete"],"sourceRoot":""}