One Hat Cyber Team

⚝ One Hat Cyber Team ⚝

Your IP: 216.73.216.72
Server IP: 41.128.143.86
Server: Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software: Apache
PHP Version: 8.3.23
Buat File | Buat Folder

Dir : ~/proc/self/root/usr/share/grafana/public/build/

Edit File: nodeGraphPanel.9a7cdd8efdae281cbe28.js.map

{"version":3,"file":"nodeGraphPanel.9a7cdd8efdae281cbe28.js","mappings":"sMAWO,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,CAAQ,IAAoC,CAChG,MAAMC,KAAW,MAASF,EAAK,SAAS,EACxC,GAAI,CAACA,GAAQ,CAACA,EAAK,OAAO,OACxB,OACE,gBAAC,OAAI,UAAU,eACb,gBAAC,SAAE,2BAAyB,CAC9B,EAIJ,MAAMG,KAAiC,KAAW,IAAsB,EACxE,OACE,gBAAC,OAAI,MAAO,CAAE,MAAAL,EAAO,OAAAC,CAAO,GAC1B,gBAACK,EAAA,EAAS,CAAC,WAAYD,EAA+BH,EAAK,OAAQC,CAAO,EAAG,SAAAC,CAAA,CAAoB,CACnG,CAEJ,E,2DCfO,MAAMG,EAAmB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,CAAQ,IAA6B,CACvF,MAAMC,KAAS,MAAWC,CAAS,EAE7BC,EAAS,IAAM,CACnB,MAAMC,EAAS,CAAE,MAAO,GAAI,MAAO,EAAG,EACtCL,EAASD,EAAQ,CAAC,GAAGA,EAAOM,CAAM,EAAI,CAACA,CAAM,CAAC,CAChD,EAEMC,EAAaC,GAAgB,CACjC,MAAMC,EAAOT,GAAO,MAAM,EAC1BS,EAAK,OAAOD,EAAK,CAAC,EAClBP,EAASQ,CAAI,CACf,EAEMC,EAAc,CAA4BF,EAAaG,EAAUC,IAA2B,CAChG,IAAIC,EAAOb,GAAO,MAAM,GAAK,CAAC,EAC9Ba,EAAKL,CAAG,EAAEG,CAAK,EAAIC,EACnBX,EAASY,CAAI,CACf,EAEA,OACE,gCACGb,GAAO,IAAI,CAACc,EAAKC,IAEd,gBAAC,OAAI,UAAWZ,EAAO,QAAS,IAAKY,CAAA,EACnC,gBAACC,EAAA,GACC,QAAAd,EACA,MAAOY,EAAI,OAAS,GACpB,SAAWG,GAAQ,CACjBP,EAAYK,EAAG,QAASE,CAAG,CAC7B,EACA,KAAM,CACJ,SAAU,CACR,OAASN,GAAiBA,EAAM,KAAK,SAAS,OAAO,CACvD,EACA,GAAI,aAAaI,IACjB,KAAM,aAAaA,GACrB,EACF,EACA,gBAACG,EAAA,IACC,MAAOJ,EAAI,OAAS,UACpB,SAAWG,GAAQ,CACjBP,EAAYK,EAAG,QAASE,CAAG,CAC7B,EACF,EACA,gBAACE,EAAA,GAAM,CAAC,KAAK,KAAK,KAAK,QAAQ,QAAQ,YAAY,QAAS,IAAMZ,EAAUQ,CAAC,EAAG,MAAM,YAAa,EACrG,CAEH,EACD,gBAACI,EAAA,GAAM,CAAC,KAAM,KAAM,KAAK,OAAO,QAASd,EAAQ,QAAQ,aAAY,SAErE,CACF,CAEJ,EAEMD,EAAY,KACT,CACL,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOX,GCvEW,EAAS,IAAIgB,EAAA,EAA8B7B,CAAc,EAAE,gBAAgB,CAAC8B,EAASnB,IAAY,CAC5GmB,EAAQ,iBAAiB,CACvB,SAAU,CAAC,OAAO,EAClB,KAAM,QACN,MAAQA,GAAY,CAClBA,EAAQ,cAAc,CACpB,KAAM,iBACN,KAAM,cACR,CAAC,EACDA,EAAQ,cAAc,CACpB,KAAM,sBACN,KAAM,mBACR,CAAC,EACDA,EAAQ,gBAAgB,CACtB,KAAM,eACN,KAAM,OACN,GAAI,OACJ,OAAQtB,CACV,CAAC,CACH,CACF,CAAC,EACDsB,EAAQ,iBAAiB,CACvB,SAAU,CAAC,OAAO,EAClB,KAAM,QACN,MAAQA,GAAY,CAClBA,EAAQ,cAAc,CACpB,KAAM,iBACN,KAAM,cACR,CAAC,EACDA,EAAQ,cAAc,CACpB,KAAM,sBACN,KAAM,mBACR,CAAC,CACH,CACF,CAAC,CACH,CAAC,C","sources":["webpack://grafana/./public/app/plugins/panel/nodeGraph/NodeGraphPanel.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/editor/ArcOptionsEditor.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/module.tsx"],"sourcesContent":["import memoizeOne from 'memoize-one';\nimport React from 'react';\n\nimport { PanelProps } from '@grafana/data';\n\nimport { useLinks } from '../../../features/explore/utils/links';\n\nimport { NodeGraph } from './NodeGraph';\nimport { NodeGraphOptions } from './types';\nimport { getNodeGraphDataFrames } from './utils';\n\nexport const NodeGraphPanel = ({ width, height, data, options }: PanelProps<NodeGraphOptions>) => {\n  const getLinks = useLinks(data.timeRange);\n  if (!data || !data.series.length) {\n    return (\n      <div className=\"panel-empty\">\n        <p>No data found in response</p>\n      </div>\n    );\n  }\n\n  const memoizedGetNodeGraphDataFrames = memoizeOne(getNodeGraphDataFrames);\n  return (\n    <div style={{ width, height }}>\n      <NodeGraph dataFrames={memoizedGetNodeGraphDataFrames(data.series, options)} getLinks={getLinks} />\n    </div>\n  );\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { Field, StandardEditorProps } from '@grafana/data';\nimport { Button, ColorPicker, useStyles2 } from '@grafana/ui';\nimport { FieldNamePicker } from '@grafana/ui/src/components/MatchersUI/FieldNamePicker';\n\nimport { ArcOption, NodeGraphOptions } from '../types';\n\ntype Settings = { filter: (field: Field) => boolean };\ntype ArcOptionsEditorProps = StandardEditorProps<ArcOption[], Settings, NodeGraphOptions, undefined>;\n\nexport const ArcOptionsEditor = ({ value, onChange, context }: ArcOptionsEditorProps) => {\n  const styles = useStyles2(getStyles);\n\n  const addArc = () => {\n    const newArc = { field: '', color: '' };\n    onChange(value ? [...value, newArc] : [newArc]);\n  };\n\n  const removeArc = (idx: number) => {\n    const copy = value?.slice();\n    copy.splice(idx, 1);\n    onChange(copy);\n  };\n\n  const updateField = <K extends keyof ArcOption>(idx: number, field: K, newValue: ArcOption[K]) => {\n    let arcs = value?.slice() ?? [];\n    arcs[idx][field] = newValue;\n    onChange(arcs);\n  };\n\n  return (\n    <>\n      {value?.map((arc, i) => {\n        return (\n          <div className={styles.section} key={i}>\n            <FieldNamePicker\n              context={context}\n              value={arc.field ?? ''}\n              onChange={(val) => {\n                updateField(i, 'field', val);\n              }}\n              item={{\n                settings: {\n                  filter: (field: Field) => field.name.includes('arc__'),\n                },\n                id: `arc-field-${i}`,\n                name: `arc-field-${i}`,\n              }}\n            />\n            <ColorPicker\n              color={arc.color || '#808080'}\n              onChange={(val) => {\n                updateField(i, 'color', val);\n              }}\n            />\n            <Button size=\"sm\" icon=\"minus\" variant=\"secondary\" onClick={() => removeArc(i)} title=\"Remove arc\" />\n          </div>\n        );\n      })}\n      <Button size={'sm'} icon=\"plus\" onClick={addArc} variant=\"secondary\">\n        Add arc\n      </Button>\n    </>\n  );\n};\n\nconst getStyles = () => {\n  return {\n    section: css`\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 0 8px;\n      margin-bottom: 8px;\n    `,\n  };\n};\n","import { PanelPlugin } from '@grafana/data';\n\nimport { NodeGraphPanel } from './NodeGraphPanel';\nimport { ArcOptionsEditor } from './editor/ArcOptionsEditor';\nimport { NodeGraphOptions } from './types';\n\nexport const plugin = new PanelPlugin<NodeGraphOptions>(NodeGraphPanel).setPanelOptions((builder, context) => {\n  builder.addNestedOptions({\n    category: ['Nodes'],\n    path: 'nodes',\n    build: (builder) => {\n      builder.addUnitPicker({\n        name: 'Main stat unit',\n        path: 'mainStatUnit',\n      });\n      builder.addUnitPicker({\n        name: 'Secondary stat unit',\n        path: 'secondaryStatUnit',\n      });\n      builder.addCustomEditor({\n        name: 'Arc sections',\n        path: 'arcs',\n        id: 'arcs',\n        editor: ArcOptionsEditor,\n      });\n    },\n  });\n  builder.addNestedOptions({\n    category: ['Edges'],\n    path: 'edges',\n    build: (builder) => {\n      builder.addUnitPicker({\n        name: 'Main stat unit',\n        path: 'mainStatUnit',\n      });\n      builder.addUnitPicker({\n        name: 'Secondary stat unit',\n        path: 'secondaryStatUnit',\n      });\n    },\n  });\n});\n"],"names":["NodeGraphPanel","width","height","data","options","getLinks","memoizedGetNodeGraphDataFrames","NodeGraph","ArcOptionsEditor","value","onChange","context","styles","getStyles","addArc","newArc","removeArc","idx","copy","updateField","field","newValue","arcs","arc","i","FieldNamePicker","val","ColorPicker","Button","PanelPlugin","builder"],"sourceRoot":""}