{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n\nvar _typeName;\n\nvar __jsx = React.createElement;\nimport { NodeType } from '~/resource/graphs';\nimport React from 'react';\nimport { textLightColor } from '~/utils/style';\nimport styled from 'styled-components';\nimport { useTranslation } from '~/utils/i18n';\nvar typeName = (_typeName = {}, _defineProperty(_typeName, NodeType.Input, 'input'), _defineProperty(_typeName, NodeType.Output, 'output'), _defineProperty(_typeName, NodeType.Op, 'operator'), _typeName);\n\nvar DataList = function DataList(props) {\n  return __jsx(\"ul\", {\n    className: props.className\n  }, props.items.map(function (_ref) {\n    var key = _ref.key,\n        value = _ref.value;\n    return __jsx(\"li\", {\n      key: key\n    }, key, \": \", value);\n  }));\n};\n\nvar PropertyList = styled(DataList).withConfig({\n  displayName: \"NodeInfo__PropertyList\",\n  componentId: \"q5xn0y-0\"\n})([\"padding:0;list-style:none;color:\", \";li + li{margin-top:1em;}\"], textLightColor);\n\nvar NodeInfo = function NodeInfo(props) {\n  var _useTranslation = useTranslation('graphs'),\n      t = _useTranslation.t;\n\n  if (!props.node) {\n    return __jsx(\"p\", null, t('click-node'));\n  }\n\n  var node = props.node;\n\n  switch (node.type) {\n    case NodeType.Input:\n    case NodeType.Output:\n      return __jsx(PropertyList, {\n        items: [{\n          key: t('node-type'),\n          value: typeName[node.type]\n        }, {\n          key: t('node-name'),\n          value: node.name\n        }, {\n          key: t('node-data-shape'),\n          value: node.shape\n        }, {\n          key: t('node-data-type'),\n          value: node.data_type\n        }]\n      });\n\n    case NodeType.Op:\n      return __jsx(PropertyList, {\n        items: [{\n          key: t('node-type'),\n          value: typeName[node.type]\n        }, {\n          key: t('input'),\n          value: node.input\n        }, {\n          key: t('op-type'),\n          value: node.opType\n        }, {\n          key: t('output'),\n          value: node.output\n        }]\n      });\n\n    case 'unknown':\n      return __jsx(PropertyList, {\n        items: [{\n          key: t('node-type'),\n          value: typeName[node.guessType]\n        }]\n      });\n\n    default:\n      return null;\n  }\n};\n\nexport default NodeInfo;","map":null,"metadata":{},"sourceType":"module"}