@grafana/ui/dist/esm/components/Actions/VariablesInputModal.mjs.map

Grafana Components Library

{"version":3,"file":"VariablesInputModal.mjs","sources":["../../../../src/components/Actions/VariablesInputModal.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { ActionModel, ActionVariableInput } from '@grafana/data';\nimport { t } from '@grafana/i18n';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\nimport { Button } from '../Button/Button';\nimport { Field } from '../Forms/Field';\nimport { FieldSet } from '../Forms/FieldSet';\nimport { Input } from '../Input/Input';\nimport { Modal } from '../Modal/Modal';\n\ninterface Props {\n  action: ActionModel;\n  onDismiss: () => void;\n  onShowConfirm: () => void;\n  variables: ActionVariableInput;\n  setVariables: (vars: ActionVariableInput) => void;\n}\n\n/**\n * @internal\n */\nexport function VariablesInputModal({ action, onDismiss, onShowConfirm, variables, setVariables }: Props) {\n  const styles = useStyles2(getStyles);\n\n  const onModalContinue = () => {\n    onDismiss();\n    onShowConfirm();\n  };\n\n  return (\n    <Modal\n      isOpen={true}\n      title={t('grafana-ui.action-editor.button.action-variables-title', 'Action variables')}\n      onDismiss={onDismiss}\n      className={styles.variablesModal}\n    >\n      <FieldSet>\n        {action.variables!.map((variable) => (\n          <Field key={variable.name} label={variable.name}>\n            <Input\n              type=\"text\"\n              value={variables[variable.key] ?? ''}\n              onChange={(e) => {\n                setVariables({ ...variables, [variable.key]: e.currentTarget.value });\n              }}\n              placeholder={t('grafana-ui.action-editor.button.variable-value-placeholder', 'Value')}\n              width={20}\n            />\n          </Field>\n        ))}\n      </FieldSet>\n      <Modal.ButtonRow>\n        <Button variant=\"secondary\" onClick={onDismiss}>\n          {t('grafana-ui.action-editor.close', 'Close')}\n        </Button>\n        <Button variant=\"primary\" onClick={onModalContinue}>\n          {t('grafana-ui.action-editor.continue', 'Continue')}\n        </Button>\n      </Modal.ButtonRow>\n    </Modal>\n  );\n}\n\nconst getStyles = () => {\n  return {\n    variablesModal: css({\n      zIndex: 10000,\n    }),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;AAuBO,SAAS,oBAAoB,EAAE,MAAA,EAAQ,WAAW,aAAe,EAAA,SAAA,EAAW,cAAuB,EAAA;AACxG,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAU,SAAA,EAAA;AACV,IAAc,aAAA,EAAA;AAAA,GAChB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,IAAA;AAAA,MACR,KAAA,EAAO,CAAE,CAAA,wDAAA,EAA0D,kBAAkB,CAAA;AAAA,MACrF,SAAA;AAAA,MACA,WAAW,MAAO,CAAA,cAAA;AAAA,MAElB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA,MAAA,CAAO,SAAW,CAAA,GAAA,CAAI,CAAC,QAAU,KAAA;AAvC1C,UAAA,IAAA,EAAA;AAwCU,UAAC,uBAAA,GAAA,CAAA,KAAA,EAAA,EAA0B,KAAO,EAAA,QAAA,CAAS,IACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,MAAA;AAAA,cACL,KAAO,EAAA,CAAA,EAAA,GAAA,SAAA,CAAU,QAAS,CAAA,GAAG,MAAtB,IAA2B,GAAA,EAAA,GAAA,EAAA;AAAA,cAClC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,gBAAa,YAAA,CAAA,EAAE,GAAG,SAAA,EAAW,CAAC,QAAA,CAAS,GAAG,GAAG,CAAA,CAAE,aAAc,CAAA,KAAA,EAAO,CAAA;AAAA,eACtE;AAAA,cACA,WAAA,EAAa,CAAE,CAAA,4DAAA,EAA8D,OAAO,CAAA;AAAA,cACpF,KAAO,EAAA;AAAA;AAAA,WACT,EAAA,EATU,SAAS,IAUrB,CAAA;AAAA,SACD,CACH,EAAA,CAAA;AAAA,wBACA,IAAA,CAAC,KAAM,CAAA,SAAA,EAAN,EACC,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAQ,WAAY,EAAA,OAAA,EAAS,WAClC,QAAE,EAAA,CAAA,CAAA,gCAAA,EAAkC,OAAO,CAC9C,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,UAAO,OAAQ,EAAA,SAAA,EAAU,SAAS,eAChC,EAAA,QAAA,EAAA,CAAA,CAAE,mCAAqC,EAAA,UAAU,CACpD,EAAA;AAAA,SACF,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,YAAY,MAAM;AACtB,EAAO,OAAA;AAAA,IACL,gBAAgB,GAAI,CAAA;AAAA,MAClB,MAAQ,EAAA;AAAA,KACT;AAAA,GACH;AACF,CAAA;;;;"}