@techdocs/cli 0.8.11-next.0 → 0.8.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/techdocs-preview-bundle/.config-schema.json +21 -21
  4. package/dist/techdocs-preview-bundle/index.html +1 -1
  5. package/dist/techdocs-preview-bundle/static/{1110.fad0cc94.chunk.js → 1110.b234ba69.chunk.js} +1 -1
  6. package/dist/techdocs-preview-bundle/static/{1110.fad0cc94.chunk.js.map → 1110.b234ba69.chunk.js.map} +1 -1
  7. package/dist/techdocs-preview-bundle/static/1553.0fa45296.chunk.js +3 -0
  8. package/dist/techdocs-preview-bundle/static/1553.0fa45296.chunk.js.map +1 -0
  9. package/dist/techdocs-preview-bundle/static/{1959.e4e37559.chunk.js → 1959.b2315080.chunk.js} +2 -2
  10. package/dist/techdocs-preview-bundle/static/{1959.e4e37559.chunk.js.map → 1959.b2315080.chunk.js.map} +1 -1
  11. package/dist/techdocs-preview-bundle/static/2426.e436d3cc.chunk.js +3 -0
  12. package/dist/techdocs-preview-bundle/static/2426.e436d3cc.chunk.js.map +1 -0
  13. package/dist/techdocs-preview-bundle/static/{3825.a9a691f4.chunk.js → 3825.0c6049c9.chunk.js} +1 -1
  14. package/dist/techdocs-preview-bundle/static/{3825.a9a691f4.chunk.js.map → 3825.0c6049c9.chunk.js.map} +1 -1
  15. package/dist/techdocs-preview-bundle/static/390.477387a1.chunk.js +3 -0
  16. package/dist/techdocs-preview-bundle/static/390.477387a1.chunk.js.map +1 -0
  17. package/dist/techdocs-preview-bundle/static/4022.5ff535ec.chunk.js +3 -0
  18. package/dist/techdocs-preview-bundle/static/4022.5ff535ec.chunk.js.map +1 -0
  19. package/dist/techdocs-preview-bundle/static/{4960.f6567d97.chunk.js → 4960.eeac5978.chunk.js} +2 -2
  20. package/dist/techdocs-preview-bundle/static/{4960.f6567d97.chunk.js.map → 4960.eeac5978.chunk.js.map} +1 -1
  21. package/dist/techdocs-preview-bundle/static/6105.469318a2.chunk.js +3 -0
  22. package/dist/techdocs-preview-bundle/static/6105.469318a2.chunk.js.map +1 -0
  23. package/dist/techdocs-preview-bundle/static/6235.4e2fe119.chunk.js +3 -0
  24. package/dist/techdocs-preview-bundle/static/6235.4e2fe119.chunk.js.map +1 -0
  25. package/dist/techdocs-preview-bundle/static/{6650.33bcd57d.chunk.js → 6650.db09fdb2.chunk.js} +2 -2
  26. package/dist/techdocs-preview-bundle/static/{6650.33bcd57d.chunk.js.map → 6650.db09fdb2.chunk.js.map} +1 -1
  27. package/dist/techdocs-preview-bundle/static/8061.7ae8759a.chunk.js +3 -0
  28. package/dist/techdocs-preview-bundle/static/8061.7ae8759a.chunk.js.map +1 -0
  29. package/dist/techdocs-preview-bundle/static/{8718.94a54656.chunk.js → 8718.c2b73d89.chunk.js} +1 -1
  30. package/dist/techdocs-preview-bundle/static/{8718.94a54656.chunk.js.map → 8718.c2b73d89.chunk.js.map} +1 -1
  31. package/dist/techdocs-preview-bundle/static/8792.e8f9d108.chunk.js +3 -0
  32. package/dist/techdocs-preview-bundle/static/8792.e8f9d108.chunk.js.map +1 -0
  33. package/dist/techdocs-preview-bundle/static/9028.f7aeead0.chunk.js +3 -0
  34. package/dist/techdocs-preview-bundle/static/9028.f7aeead0.chunk.js.map +1 -0
  35. package/dist/techdocs-preview-bundle/static/main.9488c24e.js +152 -0
  36. package/dist/techdocs-preview-bundle/static/main.9488c24e.js.map +1 -0
  37. package/dist/techdocs-preview-bundle/static/{module-material-table.4d12af73.js → module-material-table.6251c462.js} +1 -1
  38. package/dist/techdocs-preview-bundle/static/{module-material-table.4d12af73.js.map → module-material-table.6251c462.js.map} +1 -1
  39. package/dist/techdocs-preview-bundle/static/module-material-ui.1332c429.js +51 -0
  40. package/dist/techdocs-preview-bundle/static/module-material-ui.1332c429.js.map +1 -0
  41. package/dist/techdocs-preview-bundle/static/{module-react-beautiful-dnd.98152fbe.js → module-react-beautiful-dnd.c96d1412.js} +2 -2
  42. package/dist/techdocs-preview-bundle/static/{module-react-beautiful-dnd.98152fbe.js.map → module-react-beautiful-dnd.c96d1412.js.map} +1 -1
  43. package/dist/techdocs-preview-bundle/static/module-react-dom.9dda0392.js +25 -0
  44. package/dist/techdocs-preview-bundle/static/module-react-dom.9dda0392.js.map +1 -0
  45. package/dist/techdocs-preview-bundle/static/{runtime.b1e77f38.js → runtime.9488c24e.js} +3 -3
  46. package/dist/techdocs-preview-bundle/static/runtime.9488c24e.js.map +1 -0
  47. package/dist/techdocs-preview-bundle/static/vendor.9488c24e.js +142 -0
  48. package/dist/techdocs-preview-bundle/static/vendor.9488c24e.js.map +1 -0
  49. package/package.json +9 -10
  50. package/dist/techdocs-preview-bundle/static/1553.7cf96a24.chunk.js +0 -3
  51. package/dist/techdocs-preview-bundle/static/1553.7cf96a24.chunk.js.map +0 -1
  52. package/dist/techdocs-preview-bundle/static/390.0ac36f38.chunk.js +0 -3
  53. package/dist/techdocs-preview-bundle/static/390.0ac36f38.chunk.js.map +0 -1
  54. package/dist/techdocs-preview-bundle/static/4022.2a4c3ef2.chunk.js +0 -3
  55. package/dist/techdocs-preview-bundle/static/4022.2a4c3ef2.chunk.js.map +0 -1
  56. package/dist/techdocs-preview-bundle/static/6105.79b1fabf.chunk.js +0 -3
  57. package/dist/techdocs-preview-bundle/static/6105.79b1fabf.chunk.js.map +0 -1
  58. package/dist/techdocs-preview-bundle/static/6235.17d44e1e.chunk.js +0 -3
  59. package/dist/techdocs-preview-bundle/static/6235.17d44e1e.chunk.js.map +0 -1
  60. package/dist/techdocs-preview-bundle/static/8061.b7c32996.chunk.js +0 -3
  61. package/dist/techdocs-preview-bundle/static/8061.b7c32996.chunk.js.map +0 -1
  62. package/dist/techdocs-preview-bundle/static/8792.7b20dc6e.chunk.js +0 -3
  63. package/dist/techdocs-preview-bundle/static/8792.7b20dc6e.chunk.js.map +0 -1
  64. package/dist/techdocs-preview-bundle/static/9028.6f75c2de.chunk.js +0 -3
  65. package/dist/techdocs-preview-bundle/static/9028.6f75c2de.chunk.js.map +0 -1
  66. package/dist/techdocs-preview-bundle/static/main.b1e77f38.js +0 -150
  67. package/dist/techdocs-preview-bundle/static/main.b1e77f38.js.map +0 -1
  68. package/dist/techdocs-preview-bundle/static/module-hot-loader.5b80e3ef.js +0 -13
  69. package/dist/techdocs-preview-bundle/static/module-hot-loader.5b80e3ef.js.map +0 -1
  70. package/dist/techdocs-preview-bundle/static/module-material-ui.8110543e.js +0 -37
  71. package/dist/techdocs-preview-bundle/static/module-material-ui.8110543e.js.map +0 -1
  72. package/dist/techdocs-preview-bundle/static/runtime.b1e77f38.js.map +0 -1
  73. package/dist/techdocs-preview-bundle/static/vendor.b1e77f38.js +0 -150
  74. package/dist/techdocs-preview-bundle/static/vendor.b1e77f38.js.map +0 -1
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[1553,2426],{11553:function(m,r,n){n.r(r),n.d(r,{HasResourcesCard:function(){return s}});var i=n(52890),t=n(2784),e=n(62426);const s=({variant:a="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:a,title:"Has resources",entityKind:"Resource",relationType:i.aS,columns:e.resourceEntityColumns,asRenderableEntities:e.asResourceEntities,emptyMessage:"No resource is part of this system",emptyHelpLink:e.resourceEntityHelpLink})},62426:function(m,r,n){n.r(r),n.d(r,{RelatedEntitiesCard:function(){return a},asComponentEntities:function(){return d},asResourceEntities:function(){return C},asSystemEntities:function(){return b},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return E},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return R}});var i=n(90436),t=n(19139),e=n(2784),s=n(9118);const a=o=>{const{variant:c="gridItem",title:l,columns:g,entityKind:v,relationType:h,emptyMessage:L,emptyHelpLink:k,asRenderableEntities:H}=o,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:u}=(0,t.useRelatedEntities)(S,{type:h,kind:v});return M?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.Progress,null)):u?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.ResponseErrorPanel,{error:u})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(i.Z,{variant:"body1"},L),e.createElement(i.Z,{variant:"body2"},e.createElement(s.Link,{to:k},"Learn how to change this."))),columns:g,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],E="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",d=o=>o,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=o=>o,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],R="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",b=o=>o}}]);
2
+
3
+ //# sourceMappingURL=1553.0fa45296.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasResourcesCard/HasResourcesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"oOA6BO,KAAM,GAAmB,CAAC,CAAE,UAAU,cAEzC,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,gBACP,WAAY,WACZ,aAAc,KACd,QAAS,wBACT,qBAAsB,qBACtB,aAAc,qCACd,cAAe,4B,ufCgBd,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/1553.0fa45296.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n asResourceEntities,\n RelatedEntitiesCard,\n resourceEntityColumns,\n resourceEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasResourcesCard = ({ variant = 'gridItem' }) => {\n return (\n React.createElement(RelatedEntitiesCard, {\n variant: variant,\n title: \"Has resources\" ,\n entityKind: \"Resource\",\n relationType: RELATION_HAS_PART,\n columns: resourceEntityColumns,\n asRenderableEntities: asResourceEntities,\n emptyMessage: \"No resource is part of this system\" ,\n emptyHelpLink: resourceEntityHelpLink,}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -1,8 +1,8 @@
1
- "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[1959],{52160:function(k,m,t){var f,d=t(14859),e=t(93291);f={value:!0},m.Z=void 0;var g=e(t(2784)),h=d(t(50175)),v=(0,h.default)(g.createElement("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}),"Language");m.Z=v},81959:function(k,m,t){t.r(m),t.d(m,{EntityLinksCard:function(){return A}});var f=t(85653),d=t(52160),e=t(2784),g=t(79692),h=t(90436),v=t(77277),y=t(9118);const Z=`metadata:
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[1959],{52160:function(k,m,t){var f,d=t(14859),e=t(93291);f={value:!0},m.Z=void 0;var g=e(t(2784)),h=d(t(50175)),v=(0,h.default)(g.createElement("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}),"Language");m.Z=v},81959:function(k,m,t){t.r(m),t.d(m,{EntityLinksCard:function(){return A}});var f=t(19139),d=t(52160),e=t(2784),g=t(79692),h=t(90436),v=t(77277),y=t(9118);const Z=`metadata:
2
2
  name: example
3
3
  links:
4
4
  - url: https://dashboard.example.com
5
5
  title: My Dashboard
6
6
  icon: dashboard`,L=(0,g.Z)(a=>({code:{borderRadius:6,margin:`${a.spacing(2)}px 0px`,background:a.palette.type==="dark"?"#444":"#fff"}}),{name:"PluginCatalogEntityLinksEmptyState"}),C=()=>{const a=L();return e.createElement(e.Fragment,null,e.createElement(h.Z,{variant:"body1"},"No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:"),e.createElement("div",{className:a.code},e.createElement(y.CodeSnippet,{text:Z,language:"yaml",showLineNumbers:!0,highlightedNumbers:[3,4,5,6],customStyle:{background:"inherit",fontSize:"115%"}})),e.createElement(v.Z,{variant:"contained",color:"primary",target:"_blank",href:"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional"},"Read more"))};var b=t(90348),x=t(11861),E=t(95544);const z=(0,g.Z)({svgIcon:{display:"inline-block","& svg":{display:"inline-block",fontSize:"inherit",verticalAlign:"baseline"}}}),I=({href:a,text:o,Icon:s})=>{const l=z();return e.createElement(E.Z,{display:"flex"},e.createElement(E.Z,{mr:1,className:l.svgIcon},e.createElement(h.Z,{component:"div"},s?e.createElement(s,null):e.createElement(d.Z,null))),e.createElement(E.Z,{flexGrow:"1"},e.createElement(y.Link,{to:a,target:"_blank",rel:"noopener"},o||a)))};var u=t(41156);const S={xs:1,sm:1,md:1,lg:2,xl:3};function M(a){var l,c;const o=[(0,u.Z)(n=>n.breakpoints.up("xl"))?"xl":null,(0,u.Z)(n=>n.breakpoints.up("lg"))?"lg":null,(0,u.Z)(n=>n.breakpoints.up("md"))?"md":null,(0,u.Z)(n=>n.breakpoints.up("sm"))?"sm":null,(0,u.Z)(n=>n.breakpoints.up("xs"))?"xs":null];let s=1;if(typeof a=="number")s=a;else{const n=(l=o.find(r=>r!==null))!=null?l:"xs";s=(c=a==null?void 0:a[n])!=null?c:S[n]}return s}const N=({items:a,cols:o=void 0})=>{const s=M(o);return e.createElement(b.Z,{rowHeight:"auto",cols:s},a.map(({text:l,href:c,Icon:n},r)=>e.createElement(x.Z,{key:r},e.createElement(I,{href:c,text:l!=null?l:c,Icon:n}))))};var R=t(36964);const A=({cols:a=void 0,variant:o})=>{var r;const{entity:s}=(0,f.useEntity)(),l=(0,R.useApp)(),c=p=>{var i;return p&&(i=l.getSystemIcon(p))!=null?i:d.Z},n=(r=s==null?void 0:s.metadata)==null?void 0:r.links;return e.createElement(y.InfoCard,{title:"Links",variant:o},!n||n.length===0?e.createElement(C,null):e.createElement(N,{cols:a,items:n.map(({url:p,title:i,icon:D})=>({text:i!=null?i:p,href:p,Icon:c(D)}))}))}}}]);
7
7
 
8
- //# sourceMappingURL=1959.e4e37559.chunk.js.map
8
+ //# sourceMappingURL=1959.b2315080.chunk.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@material-ui/icons/Language.js","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/IconLink.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/useDynamicColumns.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx"],"names":[],"mappings":"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","file":"static/1959.e4e37559.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\n}), 'Language');\n\nexports.default = _default;","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n name: example\n links:\n - url: https://dashboard.example.com\n title: My Dashboard\n icon: dashboard`;\n\n/** @public */\n\n\nconst useStyles = makeStyles(\n theme => ({\n code: {\n borderRadius: 6,\n margin: `${theme.spacing(2)}px 0px`,\n background: theme.palette.type === 'dark' ? '#444' : '#fff',\n },\n }),\n { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport const EntityLinksEmptyState = () => {\n const classes = useStyles();\n\n return (\n React.createElement(React.Fragment, null\n , React.createElement(Typography, { variant: \"body1\",}, \"No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:\"\n\n\n )\n , React.createElement('div', { className: classes.code,}\n , React.createElement(CodeSnippet, {\n text: ENTITY_YAML,\n language: \"yaml\",\n showLineNumbers: true,\n highlightedNumbers: [3, 4, 5, 6],\n customStyle: { background: 'inherit', fontSize: '115%' },}\n )\n )\n , React.createElement(Button, {\n variant: \"contained\",\n color: \"primary\",\n target: \"_blank\",\n href: \"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\",}\n , \"Read more\"\n\n )\n )\n );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles, Box, Typography } from '@material-ui/core';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\n\nimport { Link } from '@backstage/core-components';\n\n\nconst useStyles = makeStyles({\n svgIcon: {\n display: 'inline-block',\n '& svg': {\n display: 'inline-block',\n fontSize: 'inherit',\n verticalAlign: 'baseline',\n },\n },\n});\n\nexport const IconLink = ({\n href,\n text,\n Icon,\n}\n\n\n\n) => {\n const classes = useStyles();\n\n return (\n React.createElement(Box, { display: \"flex\",}\n , React.createElement(Box, { mr: 1, className: classes.svgIcon,}\n , React.createElement(Typography, { component: \"div\",}\n , Icon ? React.createElement(Icon, null ) : React.createElement(LanguageIcon, null )\n )\n )\n , React.createElement(Box, { flexGrow: \"1\",}\n , React.createElement(Link, { to: href, target: \"_blank\", rel: \"noopener\",}\n , text || href\n )\n )\n )\n );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMediaQuery } from '@material-ui/core';\n\n\nconst colDefaults = {\n xs: 1,\n sm: 1,\n md: 1,\n lg: 2,\n xl: 3,\n};\n\nexport function useDynamicColumns(\n cols,\n) {\n const matches = [\n useMediaQuery((theme) => theme.breakpoints.up('xl')) ? 'xl' : null,\n useMediaQuery((theme) => theme.breakpoints.up('lg')) ? 'lg' : null,\n useMediaQuery((theme) => theme.breakpoints.up('md')) ? 'md' : null,\n useMediaQuery((theme) => theme.breakpoints.up('sm')) ? 'sm' : null,\n useMediaQuery((theme) => theme.breakpoints.up('xs')) ? 'xs' : null,\n ];\n\n let numOfCols = 1;\n\n if (typeof cols === 'number') {\n numOfCols = cols;\n } else {\n const breakpoint = matches.find(k => k !== null) ?? 'xs';\n numOfCols = cols?.[breakpoint] ?? colDefaults[breakpoint];\n }\n\n return numOfCols;\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ImageList, ImageListItem } from '@material-ui/core';\nimport React from 'react';\nimport { IconLink } from './IconLink';\n\nimport { useDynamicColumns } from './useDynamicColumns';\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport const LinksGridList = ({ items, cols = undefined }) => {\n const numOfCols = useDynamicColumns(cols);\n\n return (\n React.createElement(ImageList, { rowHeight: \"auto\", cols: numOfCols,}\n , items.map(({ text, href, Icon }, i) => (\n React.createElement(ImageListItem, { key: i,}\n , React.createElement(IconLink, { href: href, text: text ?? href, Icon: Icon,} )\n )\n ))\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\n\n\nimport { useApp } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n\n\n\n\n\n\n\nexport const EntityLinksCard = ({ cols = undefined, variant }) => {\n const { entity } = useEntity();\n const app = useApp();\n\n const iconResolver = (key) =>\n key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n const links = entity?.metadata?.links;\n\n return (\n React.createElement(InfoCard, { title: \"Links\", variant: variant,}\n , !links || links.length === 0 ? (\n React.createElement(EntityLinksEmptyState, null )\n ) : (\n React.createElement(LinksGridList, {\n cols: cols,\n items: links.map(({ url, title, icon }) => ({\n text: title ?? url,\n href: url,\n Icon: iconResolver(icon),\n })),}\n )\n )\n )\n );\n};\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@material-ui/icons/Language.js","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksEmptyState.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/IconLink.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/useDynamicColumns.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/EntityLinksCard/EntityLinksCard.tsx"],"names":[],"mappings":"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","file":"static/1959.b2315080.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\n}), 'Language');\n\nexports.default = _default;","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Button, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `metadata:\n name: example\n links:\n - url: https://dashboard.example.com\n title: My Dashboard\n icon: dashboard`;\n\n/** @public */\n\n\nconst useStyles = makeStyles(\n theme => ({\n code: {\n borderRadius: 6,\n margin: `${theme.spacing(2)}px 0px`,\n background: theme.palette.type === 'dark' ? '#444' : '#fff',\n },\n }),\n { name: 'PluginCatalogEntityLinksEmptyState' },\n);\n\nexport const EntityLinksEmptyState = () => {\n const classes = useStyles();\n\n return (\n React.createElement(React.Fragment, null\n , React.createElement(Typography, { variant: \"body1\",}, \"No links defined for this entity. You can add links to your entity YAML as shown in the highlighted example below:\"\n\n\n )\n , React.createElement('div', { className: classes.code,}\n , React.createElement(CodeSnippet, {\n text: ENTITY_YAML,\n language: \"yaml\",\n showLineNumbers: true,\n highlightedNumbers: [3, 4, 5, 6],\n customStyle: { background: 'inherit', fontSize: '115%' },}\n )\n )\n , React.createElement(Button, {\n variant: \"contained\",\n color: \"primary\",\n target: \"_blank\",\n href: \"https://backstage.io/docs/features/software-catalog/descriptor-format#links-optional\",}\n , \"Read more\"\n\n )\n )\n );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles, Box, Typography } from '@material-ui/core';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\n\nimport { Link } from '@backstage/core-components';\n\n\nconst useStyles = makeStyles({\n svgIcon: {\n display: 'inline-block',\n '& svg': {\n display: 'inline-block',\n fontSize: 'inherit',\n verticalAlign: 'baseline',\n },\n },\n});\n\nexport const IconLink = ({\n href,\n text,\n Icon,\n}\n\n\n\n) => {\n const classes = useStyles();\n\n return (\n React.createElement(Box, { display: \"flex\",}\n , React.createElement(Box, { mr: 1, className: classes.svgIcon,}\n , React.createElement(Typography, { component: \"div\",}\n , Icon ? React.createElement(Icon, null ) : React.createElement(LanguageIcon, null )\n )\n )\n , React.createElement(Box, { flexGrow: \"1\",}\n , React.createElement(Link, { to: href, target: \"_blank\", rel: \"noopener\",}\n , text || href\n )\n )\n )\n );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMediaQuery } from '@material-ui/core';\n\n\nconst colDefaults = {\n xs: 1,\n sm: 1,\n md: 1,\n lg: 2,\n xl: 3,\n};\n\nexport function useDynamicColumns(\n cols,\n) {\n const matches = [\n useMediaQuery((theme) => theme.breakpoints.up('xl')) ? 'xl' : null,\n useMediaQuery((theme) => theme.breakpoints.up('lg')) ? 'lg' : null,\n useMediaQuery((theme) => theme.breakpoints.up('md')) ? 'md' : null,\n useMediaQuery((theme) => theme.breakpoints.up('sm')) ? 'sm' : null,\n useMediaQuery((theme) => theme.breakpoints.up('xs')) ? 'xs' : null,\n ];\n\n let numOfCols = 1;\n\n if (typeof cols === 'number') {\n numOfCols = cols;\n } else {\n const breakpoint = matches.find(k => k !== null) ?? 'xs';\n numOfCols = cols?.[breakpoint] ?? colDefaults[breakpoint];\n }\n\n return numOfCols;\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ImageList, ImageListItem } from '@material-ui/core';\nimport React from 'react';\nimport { IconLink } from './IconLink';\n\nimport { useDynamicColumns } from './useDynamicColumns';\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport const LinksGridList = ({ items, cols = undefined }) => {\n const numOfCols = useDynamicColumns(cols);\n\n return (\n React.createElement(ImageList, { rowHeight: \"auto\", cols: numOfCols,}\n , items.map(({ text, href, Icon }, i) => (\n React.createElement(ImageListItem, { key: i,}\n , React.createElement(IconLink, { href: href, text: text ?? href, Icon: Icon,} )\n )\n ))\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport React from 'react';\nimport { EntityLinksEmptyState } from './EntityLinksEmptyState';\nimport { LinksGridList } from './LinksGridList';\n\n\nimport { useApp } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\n\n\n\n\n\n\n\nexport const EntityLinksCard = ({ cols = undefined, variant }) => {\n const { entity } = useEntity();\n const app = useApp();\n\n const iconResolver = (key) =>\n key ? app.getSystemIcon(key) ?? LanguageIcon : LanguageIcon;\n\n const links = entity?.metadata?.links;\n\n return (\n React.createElement(InfoCard, { title: \"Links\", variant: variant,}\n , !links || links.length === 0 ? (\n React.createElement(EntityLinksEmptyState, null )\n ) : (\n React.createElement(LinksGridList, {\n cols: cols,\n items: links.map(({ url, title, icon }) => ({\n text: title ?? url,\n href: url,\n Icon: iconResolver(icon),\n })),}\n )\n )\n )\n );\n};\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[2426],{62426:function(K,a,o){o.r(a),o.d(a,{RelatedEntitiesCard:function(){return u},asComponentEntities:function(){return E},asResourceEntities:function(){return f},asSystemEntities:function(){return T},componentEntityColumns:function(){return m},componentEntityHelpLink:function(){return y},resourceEntityColumns:function(){return d},resourceEntityHelpLink:function(){return p},systemEntityColumns:function(){return C},systemEntityHelpLink:function(){return b}});var c=o(90436),t=o(19139),e=o(2784),s=o(9118);const u=n=>{const{variant:i="gridItem",title:r,columns:k,entityKind:g,relationType:h,emptyMessage:v,emptyHelpLink:L,asRenderableEntities:R}=n,{entity:H}=(0,t.useEntity)(),{entities:S,loading:w,error:l}=(0,t.useRelatedEntities)(H,{type:h,kind:g});return w?e.createElement(s.InfoCard,{variant:i,title:r},e.createElement(s.Progress,null)):l?e.createElement(s.InfoCard,{variant:i,title:r},e.createElement(s.ResponseErrorPanel,{error:l})):e.createElement(t.EntityTable,{title:r,variant:i,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(c.Z,{variant:"body1"},v),e.createElement(c.Z,{variant:"body2"},e.createElement(s.Link,{to:L},"Learn how to change this."))),columns:k,entities:R(S||[])})},m=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],y="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=n=>n,d=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],p="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",f=n=>n,C=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",T=n=>n}}]);
2
+
3
+ //# sourceMappingURL=2426.e436d3cc.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"smBAuDO,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/2426.e436d3cc.chunk.js","sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -1,3 +1,3 @@
1
1
  "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[3825],{43825:function(S,a,e){e.r(a),e.d(a,{SidebarSearchModal:function(){return r}});var n=e(2784),o=e(21853),d=e(9118),l=e(65678),s=e(22313);const r=c=>{const{open:h,toggleModal:t}=(0,s.Rx)(),m=c.icon?c.icon:o.Z;return n.createElement(n.Fragment,null,n.createElement(d.SidebarItem,{className:"search-icon",icon:m,text:"Search",onClick:t}),n.createElement(l.s,{open:h,toggleModal:t}))}}}]);
2
2
 
3
- //# sourceMappingURL=3825.a9a691f4.chunk.js.map
3
+ //# sourceMappingURL=3825.0c6049c9.chunk.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/SidebarSearchModal/SidebarSearchModal.tsx"],"names":[],"mappings":"sPA0BO,KAAM,GAAsB,GAAU,CAC3C,KAAM,CAAE,OAAM,eAAgB,WACxB,EAAO,EAAM,KAAO,EAAM,KAAO,IAEvC,MACE,iBAAoB,WAAgB,KAChC,gBAAoB,cAAa,CACjC,UAAW,cACX,KAAM,EACN,KAAM,SACN,QAAS,IAET,gBAAoB,IAAa,CAAE,KAAM,EAAM,YAAa","file":"static/3825.a9a691f4.chunk.js","sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { SidebarItem } from '@backstage/core-components';\n\nimport { SearchModal } from '../SearchModal';\nimport { useSearch } from '../SearchContext';\n\n\n\n\n\nexport const SidebarSearchModal = (props) => {\n const { open, toggleModal } = useSearch();\n const Icon = props.icon ? props.icon : SearchIcon;\n\n return (\n React.createElement(React.Fragment, null\n , React.createElement(SidebarItem, {\n className: \"search-icon\",\n icon: Icon,\n text: \"Search\",\n onClick: toggleModal,}\n )\n , React.createElement(SearchModal, { open: open, toggleModal: toggleModal,} )\n )\n );\n};\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/SidebarSearchModal/SidebarSearchModal.tsx"],"names":[],"mappings":"sPA0BO,KAAM,GAAsB,GAAU,CAC3C,KAAM,CAAE,OAAM,eAAgB,WACxB,EAAO,EAAM,KAAO,EAAM,KAAO,IAEvC,MACE,iBAAoB,WAAgB,KAChC,gBAAoB,cAAa,CACjC,UAAW,cACX,KAAM,EACN,KAAM,SACN,QAAS,IAET,gBAAoB,IAAa,CAAE,KAAM,EAAM,YAAa","file":"static/3825.0c6049c9.chunk.js","sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { SidebarItem } from '@backstage/core-components';\n\nimport { SearchModal } from '../SearchModal';\nimport { useSearch } from '../SearchContext';\n\n\n\n\n\nexport const SidebarSearchModal = (props) => {\n const { open, toggleModal } = useSearch();\n const Icon = props.icon ? props.icon : SearchIcon;\n\n return (\n React.createElement(React.Fragment, null\n , React.createElement(SidebarItem, {\n className: \"search-icon\",\n icon: Icon,\n text: \"Search\",\n onClick: toggleModal,}\n )\n , React.createElement(SearchModal, { open: open, toggleModal: toggleModal,} )\n )\n );\n};\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[390,2426],{60390:function(u,i,n){n.r(i),n.d(i,{HasSystemsCard:function(){return s}});var a=n(52890),t=n(2784),e=n(62426);const s=({variant:r="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:"Has systems",entityKind:"System",relationType:a.aS,columns:e.systemEntityColumns,asRenderableEntities:e.asSystemEntities,emptyMessage:"No system is part of this domain",emptyHelpLink:e.systemEntityHelpLink})},62426:function(u,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return E},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return d},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(19139),e=n(2784),s=n(9118);const r=o=>{const{variant:c="gridItem",title:l,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=o,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:m}=(0,t.useRelatedEntities)(S,{type:L,kind:h});return M?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.Progress,null)):m?e.createElement(s.InfoCard,{variant:c,title:l},e.createElement(s.ResponseErrorPanel,{error:m})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(s.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],d="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=o=>o,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=o=>o,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=o=>o}}]);
2
+
3
+ //# sourceMappingURL=390.477387a1.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasSystemsCard/HasSystemsCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"iOA6BO,KAAM,GAAiB,CAAC,CAAE,UAAU,cAEvC,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,cACP,WAAY,SACZ,aAAc,KACd,QAAS,sBACT,qBAAsB,mBACtB,aAAc,mCACd,cAAe,0B,ufCgBd,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/390.477387a1.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n asSystemEntities,\n RelatedEntitiesCard,\n systemEntityColumns,\n systemEntityHelpLink,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasSystemsCard = ({ variant = 'gridItem' }) => {\n return (\n React.createElement(RelatedEntitiesCard, {\n variant: variant,\n title: \"Has systems\" ,\n entityKind: \"System\",\n relationType: RELATION_HAS_PART,\n columns: systemEntityColumns,\n asRenderableEntities: asSystemEntities,\n emptyMessage: \"No system is part of this domain\" ,\n emptyHelpLink: systemEntityHelpLink,}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[4022,2426],{4022:function(u,i,n){n.r(i),n.d(i,{HasComponentsCard:function(){return o}});var a=n(52890),t=n(2784),e=n(62426);const o=({variant:r="gridItem"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:"Has components",entityKind:"Component",relationType:a.aS,columns:e.componentEntityColumns,emptyMessage:"No component is part of this system",emptyHelpLink:e.componentEntityHelpLink,asRenderableEntities:e.asComponentEntities})},62426:function(u,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return d},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return y},componentEntityHelpLink:function(){return E},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(19139),e=n(2784),o=n(9118);const r=s=>{const{variant:c="gridItem",title:l,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=s,{entity:S}=(0,t.useEntity)(),{entities:K,loading:M,error:m}=(0,t.useRelatedEntities)(S,{type:L,kind:h});return M?e.createElement(o.InfoCard,{variant:c,title:l},e.createElement(o.Progress,null)):m?e.createElement(o.InfoCard,{variant:c,title:l},e.createElement(o.ResponseErrorPanel,{error:m})):e.createElement(t.EntityTable,{title:l,variant:c,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(o.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(K||[])})},y=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],E="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",d=s=>s,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=s=>s,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=s=>s}}]);
2
+
3
+ //# sourceMappingURL=4022.5ff535ec.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/HasComponentsCard/HasComponentsCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"oOA6BO,KAAM,GAAoB,CAAC,CAAE,UAAU,cAE1C,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,iBACP,WAAY,YACZ,aAAc,KACd,QAAS,yBACT,aAAc,sCACd,cAAe,0BACf,qBAAsB,yB,ufCgBrB,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/4022.5ff535ec.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_HAS_PART } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n asComponentEntities,\n componentEntityColumns,\n componentEntityHelpLink,\n RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\nexport const HasComponentsCard = ({ variant = 'gridItem' }) => {\n return (\n React.createElement(RelatedEntitiesCard, {\n variant: variant,\n title: \"Has components\" ,\n entityKind: \"Component\",\n relationType: RELATION_HAS_PART,\n columns: componentEntityColumns,\n emptyMessage: \"No component is part of this system\" ,\n emptyHelpLink: componentEntityHelpLink,\n asRenderableEntities: asComponentEntities,}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -1,3 +1,3 @@
1
- "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[4960],{60008:function(C,m,n){var t,r=n(14859),E=n(93291);t={value:!0},m.Z=void 0;var f=E(n(2784)),h=r(n(50175)),v=(0,h.default)(f.createElement("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"}),"ZoomOutMap");m.Z=v},14960:function(C,m,n){n.r(m),n.d(m,{SystemDiagramCard:function(){return O}});var t=n(52890),r=n(85653),E=n(79692),f=n(60364),h=n(95544),v=n(90436),I=n(60008),o=n(2784),b=n(64279),i=n(9118),k=n(36964);const D=(0,E.Z)(e=>({domainNode:{fill:e.palette.primary.main,stroke:e.palette.border},systemNode:{fill:"coral",stroke:e.palette.border},componentNode:{fill:"yellowgreen",stroke:e.palette.border},apiNode:{fill:e.palette.gold,stroke:e.palette.border},resourceNode:{fill:"grey",stroke:e.palette.border}}),{name:"PluginCatalogSystemDiagramCard"});function N(e){return(0,t.eE)(e).toLocaleLowerCase("en-US").replace(`:${t.sk}/`,":").split(":")[1]}function M(e){const s=D(),p=(0,k.useRouteRef)(r.wi),g=e.node.kind||"Component",c=(0,t.of)(e.node.id),d=20,y=e.node.name.length<d?e.node.name:`${e.node.name.slice(0,d)}...`;let l=s.componentNode;switch(g){case"Domain":l=s.domainNode;break;case"System":l=s.systemNode;break;case"Component":l=s.componentNode;break;case"API":l=s.apiNode;break;case"Resource":l=s.resourceNode;break;default:l=s.componentNode}return o.createElement("g",null,o.createElement("rect",{width:200,height:100,rx:20,className:l}),o.createElement(i.Link,{to:p({kind:g,namespace:c.namespace,name:c.name})},o.createElement("text",{x:100,y:45,textAnchor:"middle",alignmentBaseline:"baseline",style:{fontWeight:"bold"}},y)),o.createElement("text",{x:100,y:65,textAnchor:"middle",alignmentBaseline:"hanging"},e.node.kind))}function O(){const{entity:e}=(0,r.useEntity)(),s=(0,f.Z)(),p=e.metadata.name,g=(0,t.eE)(e),c=new Array,d=new Array,y=(0,k.useApi)(r.Ah),{loading:l,error:A,value:R}=(0,b.default)(()=>y.getEntities({filter:{kind:["Component","API","Resource","System","Domain"],"spec.system":[p,`${e.metadata.namespace||t.sk}/${p}`]}}),[y,p]);c.push({id:g,kind:"System",name:N(e)});const S=(0,r.getEntityRelations)(e,t.cz,{kind:"Domain"});if(S.forEach(a=>c.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)})),S.forEach(a=>d.push({from:g,to:(0,t.eE)(a),label:"part of"})),R&&R.items)for(const a of R.items)c.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)}),(0,r.getEntityRelations)(a,t.cz).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"part of"})),(0,r.getEntityRelations)(a,t.M_).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"provides"})),(0,r.getEntityRelations)(a,t.nP).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"depends on"}));return l?o.createElement(i.Progress,null):A?o.createElement(i.ResponseErrorPanel,{error:A}):o.createElement(i.InfoCard,{title:"System Diagram"},o.createElement(i.DependencyGraph,{nodes:c,edges:d,nodeMargin:10,direction:i.DependencyGraphTypes.Nm.BOTTOM_TOP,renderNode:M,paddingX:s.spacing(4),paddingY:s.spacing(4)}),o.createElement(h.Z,{m:1}),o.createElement(v.Z,{variant:"caption",style:{display:"block",textAlign:"right"}},o.createElement(I.Z,{style:{verticalAlign:"bottom"}})," Use pinch & zoom to move around the diagram."))}}}]);
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[4960],{60008:function(C,m,n){var t,r=n(14859),E=n(93291);t={value:!0},m.Z=void 0;var f=E(n(2784)),h=r(n(50175)),v=(0,h.default)(f.createElement("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"}),"ZoomOutMap");m.Z=v},14960:function(C,m,n){n.r(m),n.d(m,{SystemDiagramCard:function(){return O}});var t=n(52890),r=n(19139),E=n(79692),f=n(60364),h=n(95544),v=n(90436),I=n(60008),o=n(2784),b=n(64279),i=n(9118),k=n(36964);const D=(0,E.Z)(e=>({domainNode:{fill:e.palette.primary.main,stroke:e.palette.border},systemNode:{fill:"coral",stroke:e.palette.border},componentNode:{fill:"yellowgreen",stroke:e.palette.border},apiNode:{fill:e.palette.gold,stroke:e.palette.border},resourceNode:{fill:"grey",stroke:e.palette.border}}),{name:"PluginCatalogSystemDiagramCard"});function N(e){return(0,t.eE)(e).toLocaleLowerCase("en-US").replace(`:${t.sk}/`,":").split(":")[1]}function M(e){const s=D(),p=(0,k.useRouteRef)(r.wi),g=e.node.kind||"Component",c=(0,t.of)(e.node.id),d=20,y=e.node.name.length<d?e.node.name:`${e.node.name.slice(0,d)}...`;let l=s.componentNode;switch(g){case"Domain":l=s.domainNode;break;case"System":l=s.systemNode;break;case"Component":l=s.componentNode;break;case"API":l=s.apiNode;break;case"Resource":l=s.resourceNode;break;default:l=s.componentNode}return o.createElement("g",null,o.createElement("rect",{width:200,height:100,rx:20,className:l}),o.createElement(i.Link,{to:p({kind:g,namespace:c.namespace,name:c.name})},o.createElement("text",{x:100,y:45,textAnchor:"middle",alignmentBaseline:"baseline",style:{fontWeight:"bold"}},y)),o.createElement("text",{x:100,y:65,textAnchor:"middle",alignmentBaseline:"hanging"},e.node.kind))}function O(){const{entity:e}=(0,r.useEntity)(),s=(0,f.Z)(),p=e.metadata.name,g=(0,t.eE)(e),c=new Array,d=new Array,y=(0,k.useApi)(r.Ah),{loading:l,error:A,value:R}=(0,b.default)(()=>y.getEntities({filter:{kind:["Component","API","Resource","System","Domain"],"spec.system":[p,`${e.metadata.namespace||t.sk}/${p}`]}}),[y,p]);c.push({id:g,kind:"System",name:N(e)});const S=(0,r.getEntityRelations)(e,t.cz,{kind:"Domain"});if(S.forEach(a=>c.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)})),S.forEach(a=>d.push({from:g,to:(0,t.eE)(a),label:"part of"})),R&&R.items)for(const a of R.items)c.push({id:(0,t.eE)(a),kind:a.kind,name:N(a)}),(0,r.getEntityRelations)(a,t.cz).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"part of"})),(0,r.getEntityRelations)(a,t.M_).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"provides"})),(0,r.getEntityRelations)(a,t.nP).forEach(u=>d.push({from:(0,t.eE)(a),to:(0,t.eE)(u),label:"depends on"}));return l?o.createElement(i.Progress,null):A?o.createElement(i.ResponseErrorPanel,{error:A}):o.createElement(i.InfoCard,{title:"System Diagram"},o.createElement(i.DependencyGraph,{nodes:c,edges:d,nodeMargin:10,direction:i.DependencyGraphTypes.Nm.BOTTOM_TOP,renderNode:M,paddingX:s.spacing(4),paddingY:s.spacing(4)}),o.createElement(h.Z,{m:1}),o.createElement(v.Z,{variant:"caption",style:{display:"block",textAlign:"right"}},o.createElement(I.Z,{style:{verticalAlign:"bottom"}})," Use pinch & zoom to move around the diagram."))}}}]);
2
2
 
3
- //# sourceMappingURL=4960.f6567d97.chunk.js.map
3
+ //# sourceMappingURL=4960.eeac5978.chunk.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@material-ui/icons/ZoomOutMap.js","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx"],"names":[],"mappings":"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","file":"static/4960.f6567d97.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z\"\n}), 'ZoomOutMap');\n\nexports.default = _default;","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n\n RELATION_DEPENDS_ON,\n RELATION_PROVIDES_API,\n RELATION_PART_OF,\n stringifyEntityRef,\n ENTITY_DEFAULT_NAMESPACE,\n parseEntityRef,\n} from '@backstage/catalog-model';\nimport {\n catalogApiRef,\n entityRouteRef,\n getEntityRelations,\n useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Box, makeStyles, Typography, useTheme } from '@material-ui/core';\nimport ZoomOutMap from '@material-ui/icons/ZoomOutMap';\nimport React from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\n\nimport {\n DependencyGraph,\n DependencyGraphTypes,\n InfoCard,\n Progress,\n ResponseErrorPanel,\n Link,\n} from '@backstage/core-components';\n\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\n\n/** @public */\n\n\n\n\n\n\n\nconst useStyles = makeStyles(\n (theme) => ({\n domainNode: {\n fill: theme.palette.primary.main,\n stroke: theme.palette.border,\n },\n systemNode: {\n fill: 'coral',\n stroke: theme.palette.border,\n },\n componentNode: {\n fill: 'yellowgreen',\n stroke: theme.palette.border,\n },\n apiNode: {\n fill: theme.palette.gold,\n stroke: theme.palette.border,\n },\n resourceNode: {\n fill: 'grey',\n stroke: theme.palette.border,\n },\n }),\n { name: 'PluginCatalogSystemDiagramCard' },\n);\n\n// Simplifies the diagram output by hiding the default namespace and kind\nfunction readableEntityName(\n ref\n\n\n\n\n\n,\n) {\n return stringifyEntityRef(ref)\n .toLocaleLowerCase('en-US')\n .replace(`:${ENTITY_DEFAULT_NAMESPACE}/`, ':')\n .split(':')[1];\n}\n\nfunction RenderNode(props) {\n const classes = useStyles();\n const catalogEntityRoute = useRouteRef(entityRouteRef);\n const kind = props.node.kind || 'Component';\n const ref = parseEntityRef(props.node.id);\n const MAX_NAME_LENGTH = 20;\n const truncatedNodeName =\n props.node.name.length < MAX_NAME_LENGTH\n ? props.node.name\n : `${props.node.name.slice(0, MAX_NAME_LENGTH)}...`;\n let nodeClass = classes.componentNode;\n\n switch (kind) {\n case 'Domain':\n nodeClass = classes.domainNode;\n break;\n case 'System':\n nodeClass = classes.systemNode;\n break;\n case 'Component':\n nodeClass = classes.componentNode;\n break;\n case 'API':\n nodeClass = classes.apiNode;\n break;\n case 'Resource':\n nodeClass = classes.resourceNode;\n break;\n default:\n nodeClass = classes.componentNode;\n }\n\n return (\n React.createElement('g', null\n , React.createElement('rect', { width: 200, height: 100, rx: 20, className: nodeClass,} )\n , React.createElement(Link, {\n to: catalogEntityRoute({\n kind: kind,\n namespace: ref.namespace,\n name: ref.name,\n }),}\n \n , React.createElement('text', {\n x: 100,\n y: 45,\n textAnchor: \"middle\",\n alignmentBaseline: \"baseline\",\n style: { fontWeight: 'bold' },}\n \n , truncatedNodeName\n )\n )\n\n , React.createElement('text', { x: 100, y: 65, textAnchor: \"middle\", alignmentBaseline: \"hanging\",}\n , props.node.kind\n )\n )\n );\n}\n\n/**\n * Dynamically generates a diagram of a system, its assigned entities,\n * and relationships of those entities.\n */\nexport function SystemDiagramCard() {\n const { entity } = useEntity();\n const theme = useTheme();\n const currentSystemName = entity.metadata.name;\n const currentSystemNode = stringifyEntityRef(entity);\n const systemNodes = new Array();\n const systemEdges = new Array();\n\n const catalogApi = useApi(catalogApiRef);\n const {\n loading,\n error,\n value: catalogResponse,\n } = useAsync(() => {\n return catalogApi.getEntities({\n filter: {\n kind: ['Component', 'API', 'Resource', 'System', 'Domain'],\n 'spec.system': [\n currentSystemName,\n `${\n entity.metadata.namespace || ENTITY_DEFAULT_NAMESPACE\n }/${currentSystemName}`,\n ],\n },\n });\n }, [catalogApi, currentSystemName]);\n\n // pick out the system itself\n systemNodes.push({\n id: currentSystemNode,\n kind: 'System',\n name: readableEntityName(entity),\n });\n\n // check if the system has an assigned domain\n // even if the domain object doesn't exist in the catalog, display it in the map\n const catalogItemDomain = getEntityRelations(entity, RELATION_PART_OF, {\n kind: 'Domain',\n });\n catalogItemDomain.forEach(foundDomain =>\n systemNodes.push({\n id: stringifyEntityRef(foundDomain),\n kind: foundDomain.kind,\n name: readableEntityName(foundDomain),\n }),\n );\n catalogItemDomain.forEach(foundDomain =>\n systemEdges.push({\n from: currentSystemNode,\n to: stringifyEntityRef(foundDomain),\n label: 'part of',\n }),\n );\n\n if (catalogResponse && catalogResponse.items) {\n for (const catalogItem of catalogResponse.items) {\n systemNodes.push({\n id: stringifyEntityRef(catalogItem),\n kind: catalogItem.kind,\n name: readableEntityName(catalogItem),\n });\n\n // Check relations of the entity assigned to this system to see\n // if it relates to other entities.\n // Note those relations may, or may not, be explicitly\n // assigned to the system.\n const catalogItemRelations_partOf = getEntityRelations(\n catalogItem,\n RELATION_PART_OF,\n );\n catalogItemRelations_partOf.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'part of',\n }),\n );\n\n const catalogItemRelations_providesApi = getEntityRelations(\n catalogItem,\n RELATION_PROVIDES_API,\n );\n catalogItemRelations_providesApi.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'provides',\n }),\n );\n\n const catalogItemRelations_dependsOn = getEntityRelations(\n catalogItem,\n RELATION_DEPENDS_ON,\n );\n catalogItemRelations_dependsOn.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'depends on',\n }),\n );\n }\n }\n\n if (loading) {\n return React.createElement(Progress, null );\n } else if (error) {\n return React.createElement(ResponseErrorPanel, { error: error,} );\n }\n\n return (\n React.createElement(InfoCard, { title: \"System Diagram\" ,}\n , React.createElement(DependencyGraph, {\n nodes: systemNodes,\n edges: systemEdges,\n nodeMargin: 10,\n direction: DependencyGraphTypes.Direction.BOTTOM_TOP,\n renderNode: RenderNode,\n paddingX: theme.spacing(4),\n paddingY: theme.spacing(4),}\n )\n , React.createElement(Box, { m: 1,} )\n , React.createElement(Typography, {\n variant: \"caption\",\n style: { display: 'block', textAlign: 'right' },}\n \n , React.createElement(ZoomOutMap, { style: { verticalAlign: 'bottom' },} ), \" Use pinch & zoom to move around the diagram.\"\n\n )\n )\n );\n}\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@material-ui/icons/ZoomOutMap.js","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/SystemDiagramCard/SystemDiagramCard.tsx"],"names":[],"mappings":"2IAEI,EAAyB,EAAQ,OAEjC,EAA0B,EAAQ,OAEtC,EAA6C,CAC3C,MAAO,IAET,EAAQ,EAAU,OAElB,GAAI,GAAQ,EAAwB,EAAQ,OAExC,EAAiB,EAAuB,EAAQ,QAEhD,EAAY,GAAG,EAAe,SAAuB,EAAM,cAAc,OAAQ,CACnF,EAAG,wNACD,cAEJ,EAAQ,EAAU,G,wMCqClB,KAAM,GAAY,QACf,GAAW,EACV,WAAY,CACV,KAAM,EAAM,QAAQ,QAAQ,KAC5B,OAAQ,EAAM,QAAQ,QAExB,WAAY,CACV,KAAM,QACN,OAAQ,EAAM,QAAQ,QAExB,cAAe,CACb,KAAM,cACN,OAAQ,EAAM,QAAQ,QAExB,QAAS,CACP,KAAM,EAAM,QAAQ,KACpB,OAAQ,EAAM,QAAQ,QAExB,aAAc,CACZ,KAAM,OACN,OAAQ,EAAM,QAAQ,UAG1B,CAAE,KAAM,mCAIV,WACE,EAOA,CACA,MAAO,SAAmB,GACvB,kBAAkB,SAClB,QAAQ,IAAI,QAA6B,KACzC,MAAM,KAAK,GAGhB,WAAoB,EAAO,CACzB,KAAM,GAAU,IACV,EAAqB,kBAAY,MACjC,EAAO,EAAM,KAAK,MAAQ,YAC1B,EAAM,SAAe,EAAM,KAAK,IAChC,EAAkB,GAClB,EACJ,EAAM,KAAK,KAAK,OAAS,EACrB,EAAM,KAAK,KACX,GAAG,EAAM,KAAK,KAAK,MAAM,EAAG,QAClC,GAAI,GAAY,EAAQ,cAExB,OAAQ,OACD,SACH,EAAY,EAAQ,WACpB,UACG,SACH,EAAY,EAAQ,WACpB,UACG,YACH,EAAY,EAAQ,cACpB,UACG,MACH,EAAY,EAAQ,QACpB,UACG,WACH,EAAY,EAAQ,aACpB,cAEA,EAAY,EAAQ,cAGxB,MACE,iBAAoB,IAAK,KACrB,gBAAoB,OAAQ,CAAE,MAAO,IAAK,OAAQ,IAAK,GAAI,GAAI,UAAW,IAC1E,gBAAoB,OAAM,CAC1B,GAAI,EAAmB,CACrB,KAAM,EACN,UAAW,EAAI,UACf,KAAM,EAAI,QAGV,gBAAoB,OAAQ,CAC5B,EAAG,IACH,EAAG,GACH,WAAY,SACZ,kBAAmB,WACnB,MAAO,CAAE,WAAY,SAEnB,IAIJ,gBAAoB,OAAQ,CAAE,EAAG,IAAK,EAAG,GAAI,WAAY,SAAU,kBAAmB,WACpF,EAAM,KAAK,OAUd,YAA6B,CAClC,KAAM,CAAE,UAAW,kBACb,EAAQ,UACR,EAAoB,EAAO,SAAS,KACpC,EAAoB,SAAmB,GACvC,EAAc,GAAI,OAClB,EAAc,GAAI,OAElB,EAAa,aAAO,MACpB,CACJ,UACA,QACA,MAAO,GACL,cAAS,IACJ,EAAW,YAAY,CAC5B,OAAQ,CACN,KAAM,CAAC,YAAa,MAAO,WAAY,SAAU,UACjD,cAAe,CACb,EACA,GACE,EAAO,SAAS,WAAa,QAC3B,QAIT,CAAC,EAAY,IAGhB,EAAY,KAAK,CACf,GAAI,EACJ,KAAM,SACN,KAAM,EAAmB,KAK3B,KAAM,GAAoB,yBAAmB,EAAQ,KAAkB,CACrE,KAAM,WAiBR,GAfA,EAAkB,QAAQ,GACxB,EAAY,KAAK,CACf,GAAI,SAAmB,GACvB,KAAM,EAAY,KAClB,KAAM,EAAmB,MAG7B,EAAkB,QAAQ,GACxB,EAAY,KAAK,CACf,KAAM,EACN,GAAI,SAAmB,GACvB,MAAO,aAIP,GAAmB,EAAgB,MACrC,SAAW,KAAe,GAAgB,MACxC,EAAY,KAAK,CACf,GAAI,SAAmB,GACvB,KAAM,EAAY,KAClB,KAAM,EAAmB,KAW3B,GAJoC,sBAClC,EACA,MAE0B,QAAQ,GAClC,EAAY,KAAK,CACf,KAAM,SAAmB,GACzB,GAAI,SAAmB,GACvB,MAAO,aAQX,GAJyC,sBACvC,EACA,MAE+B,QAAQ,GACvC,EAAY,KAAK,CACf,KAAM,SAAmB,GACzB,GAAI,SAAmB,GACvB,MAAO,cAQX,GAJuC,sBACrC,EACA,MAE6B,QAAQ,GACrC,EAAY,KAAK,CACf,KAAM,SAAmB,GACzB,GAAI,SAAmB,GACvB,MAAO,gBAMf,MAAI,GACK,gBAAoB,WAAU,MAC5B,EACF,gBAAoB,qBAAoB,CAAE,MAAO,IAIxD,gBAAoB,WAAU,CAAE,MAAO,kBACnC,gBAAoB,kBAAiB,CACrC,MAAO,EACP,MAAO,EACP,WAAY,GACZ,UAAW,qCACX,WAAY,EACZ,SAAU,EAAM,QAAQ,GACxB,SAAU,EAAM,QAAQ,KAExB,gBAAoB,IAAK,CAAE,EAAG,IAC9B,gBAAoB,IAAY,CAChC,QAAS,UACT,MAAO,CAAE,QAAS,QAAS,UAAW,UAEpC,gBAAoB,IAAY,CAAE,MAAO,CAAE,cAAe,YAAgB","file":"static/4960.eeac5978.chunk.js","sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z\"\n}), 'ZoomOutMap');\n\nexports.default = _default;","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n\n RELATION_DEPENDS_ON,\n RELATION_PROVIDES_API,\n RELATION_PART_OF,\n stringifyEntityRef,\n ENTITY_DEFAULT_NAMESPACE,\n parseEntityRef,\n} from '@backstage/catalog-model';\nimport {\n catalogApiRef,\n entityRouteRef,\n getEntityRelations,\n useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Box, makeStyles, Typography, useTheme } from '@material-ui/core';\nimport ZoomOutMap from '@material-ui/icons/ZoomOutMap';\nimport React from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\n\nimport {\n DependencyGraph,\n DependencyGraphTypes,\n InfoCard,\n Progress,\n ResponseErrorPanel,\n Link,\n} from '@backstage/core-components';\n\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\n\n/** @public */\n\n\n\n\n\n\n\nconst useStyles = makeStyles(\n (theme) => ({\n domainNode: {\n fill: theme.palette.primary.main,\n stroke: theme.palette.border,\n },\n systemNode: {\n fill: 'coral',\n stroke: theme.palette.border,\n },\n componentNode: {\n fill: 'yellowgreen',\n stroke: theme.palette.border,\n },\n apiNode: {\n fill: theme.palette.gold,\n stroke: theme.palette.border,\n },\n resourceNode: {\n fill: 'grey',\n stroke: theme.palette.border,\n },\n }),\n { name: 'PluginCatalogSystemDiagramCard' },\n);\n\n// Simplifies the diagram output by hiding the default namespace and kind\nfunction readableEntityName(\n ref\n\n\n\n\n\n,\n) {\n return stringifyEntityRef(ref)\n .toLocaleLowerCase('en-US')\n .replace(`:${ENTITY_DEFAULT_NAMESPACE}/`, ':')\n .split(':')[1];\n}\n\nfunction RenderNode(props) {\n const classes = useStyles();\n const catalogEntityRoute = useRouteRef(entityRouteRef);\n const kind = props.node.kind || 'Component';\n const ref = parseEntityRef(props.node.id);\n const MAX_NAME_LENGTH = 20;\n const truncatedNodeName =\n props.node.name.length < MAX_NAME_LENGTH\n ? props.node.name\n : `${props.node.name.slice(0, MAX_NAME_LENGTH)}...`;\n let nodeClass = classes.componentNode;\n\n switch (kind) {\n case 'Domain':\n nodeClass = classes.domainNode;\n break;\n case 'System':\n nodeClass = classes.systemNode;\n break;\n case 'Component':\n nodeClass = classes.componentNode;\n break;\n case 'API':\n nodeClass = classes.apiNode;\n break;\n case 'Resource':\n nodeClass = classes.resourceNode;\n break;\n default:\n nodeClass = classes.componentNode;\n }\n\n return (\n React.createElement('g', null\n , React.createElement('rect', { width: 200, height: 100, rx: 20, className: nodeClass,} )\n , React.createElement(Link, {\n to: catalogEntityRoute({\n kind: kind,\n namespace: ref.namespace,\n name: ref.name,\n }),}\n \n , React.createElement('text', {\n x: 100,\n y: 45,\n textAnchor: \"middle\",\n alignmentBaseline: \"baseline\",\n style: { fontWeight: 'bold' },}\n \n , truncatedNodeName\n )\n )\n\n , React.createElement('text', { x: 100, y: 65, textAnchor: \"middle\", alignmentBaseline: \"hanging\",}\n , props.node.kind\n )\n )\n );\n}\n\n/**\n * Dynamically generates a diagram of a system, its assigned entities,\n * and relationships of those entities.\n */\nexport function SystemDiagramCard() {\n const { entity } = useEntity();\n const theme = useTheme();\n const currentSystemName = entity.metadata.name;\n const currentSystemNode = stringifyEntityRef(entity);\n const systemNodes = new Array();\n const systemEdges = new Array();\n\n const catalogApi = useApi(catalogApiRef);\n const {\n loading,\n error,\n value: catalogResponse,\n } = useAsync(() => {\n return catalogApi.getEntities({\n filter: {\n kind: ['Component', 'API', 'Resource', 'System', 'Domain'],\n 'spec.system': [\n currentSystemName,\n `${\n entity.metadata.namespace || ENTITY_DEFAULT_NAMESPACE\n }/${currentSystemName}`,\n ],\n },\n });\n }, [catalogApi, currentSystemName]);\n\n // pick out the system itself\n systemNodes.push({\n id: currentSystemNode,\n kind: 'System',\n name: readableEntityName(entity),\n });\n\n // check if the system has an assigned domain\n // even if the domain object doesn't exist in the catalog, display it in the map\n const catalogItemDomain = getEntityRelations(entity, RELATION_PART_OF, {\n kind: 'Domain',\n });\n catalogItemDomain.forEach(foundDomain =>\n systemNodes.push({\n id: stringifyEntityRef(foundDomain),\n kind: foundDomain.kind,\n name: readableEntityName(foundDomain),\n }),\n );\n catalogItemDomain.forEach(foundDomain =>\n systemEdges.push({\n from: currentSystemNode,\n to: stringifyEntityRef(foundDomain),\n label: 'part of',\n }),\n );\n\n if (catalogResponse && catalogResponse.items) {\n for (const catalogItem of catalogResponse.items) {\n systemNodes.push({\n id: stringifyEntityRef(catalogItem),\n kind: catalogItem.kind,\n name: readableEntityName(catalogItem),\n });\n\n // Check relations of the entity assigned to this system to see\n // if it relates to other entities.\n // Note those relations may, or may not, be explicitly\n // assigned to the system.\n const catalogItemRelations_partOf = getEntityRelations(\n catalogItem,\n RELATION_PART_OF,\n );\n catalogItemRelations_partOf.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'part of',\n }),\n );\n\n const catalogItemRelations_providesApi = getEntityRelations(\n catalogItem,\n RELATION_PROVIDES_API,\n );\n catalogItemRelations_providesApi.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'provides',\n }),\n );\n\n const catalogItemRelations_dependsOn = getEntityRelations(\n catalogItem,\n RELATION_DEPENDS_ON,\n );\n catalogItemRelations_dependsOn.forEach(foundRelation =>\n systemEdges.push({\n from: stringifyEntityRef(catalogItem),\n to: stringifyEntityRef(foundRelation),\n label: 'depends on',\n }),\n );\n }\n }\n\n if (loading) {\n return React.createElement(Progress, null );\n } else if (error) {\n return React.createElement(ResponseErrorPanel, { error: error,} );\n }\n\n return (\n React.createElement(InfoCard, { title: \"System Diagram\" ,}\n , React.createElement(DependencyGraph, {\n nodes: systemNodes,\n edges: systemEdges,\n nodeMargin: 10,\n direction: DependencyGraphTypes.Direction.BOTTOM_TOP,\n renderNode: RenderNode,\n paddingX: theme.spacing(4),\n paddingY: theme.spacing(4),}\n )\n , React.createElement(Box, { m: 1,} )\n , React.createElement(Typography, {\n variant: \"caption\",\n style: { display: 'block', textAlign: 'right' },}\n \n , React.createElement(ZoomOutMap, { style: { verticalAlign: 'bottom' },} ), \" Use pinch & zoom to move around the diagram.\"\n\n )\n )\n );\n}\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[6105],{46105:function(R,r,e){e.r(r),e.d(r,{HomePageSearchBar:function(){return g}});var a=e(2784),c=e(79692),u=e(1795),d=e(19126),l=e.n(d),h=e(10289),S=e(20863),v=e(36964);const m=()=>{const t=(0,v.useRouteRef)(S._Z),s=(0,h.s0)();return(0,a.useCallback)(({query:n})=>{const o=l().stringify({query:n},{addQueryPrefix:!0});s(`${t()}${o}`)},[s,t])},f=(0,c.Z)({root:{border:"1px solid #555",borderRadius:"6px",fontSize:"1.5em"}}),g=({...t})=>{const s=f(t),[n,o]=(0,a.useState)(""),i=m(),y=()=>{i({query:n})},C=(0,a.useCallback)(B=>{o(B)},[o]);return a.createElement(u.SearchBarBase,{classes:{root:s.root},value:n,onSubmit:y,onChange:C,...t})}}}]);
2
+
3
+ //# sourceMappingURL=6105.469318a2.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/util.ts","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx"],"names":[],"mappings":"oRAsBO,KAAM,GAAqB,IAAM,CACtC,KAAM,GAAc,kBAAY,MAC1B,EAAW,WACjB,MAAO,kBACL,CAAC,CAAE,WAAY,CACb,KAAM,GAAc,cAAa,CAAE,SAAS,CAAE,eAAgB,KAE9D,EAAS,GAAG,MAAgB,MAE9B,CAAC,EAAU,KCTT,EAAY,QAAW,CAC3B,KAAM,CACJ,OAAQ,iBACR,aAAc,MACd,SAAU,WAkBD,EAAoB,CAAC,IAAK,KAAY,CACjD,KAAM,GAAU,EAAU,GACpB,CAAC,EAAO,GAAY,eAAS,IAC7B,EAAe,IAEf,EAAe,IAAM,CACzB,EAAa,CAAE,WAGX,EAAe,kBACnB,GAAS,CACP,EAAS,IAEX,CAAC,IAGH,MACE,iBAAoB,gBAAe,CACjC,QAAS,CAAE,KAAM,EAAQ,MACzB,MAAO,EACP,SAAU,EACV,SAAU,KACP","file":"static/6105.469318a2.chunk.js","sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport qs from 'qs';\nimport { useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { rootRouteRef } from '../plugin';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const useNavigateToQuery = () => {\n const searchRoute = useRouteRef(rootRouteRef);\n const navigate = useNavigate();\n return useCallback(\n ({ query }) => {\n const queryString = qs.stringify({ query }, { addQueryPrefix: true });\n\n navigate(`${searchRoute()}${queryString}`);\n },\n [navigate, searchRoute],\n );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { SearchBarBase, } from '../SearchBar';\nimport { useNavigateToQuery } from '../util';\n\nconst useStyles = makeStyles({\n root: {\n border: '1px solid #555',\n borderRadius: '6px',\n fontSize: '1.5em',\n },\n});\n\n/**\n * Props for {@link HomePageSearchBar}.\n *\n * @public\n */\n\n\n\n\n/**\n * The search bar created specifically for the composable home page\n *\n * @public\n */\nexport const HomePageSearchBar = ({ ...props }) => {\n const classes = useStyles(props);\n const [query, setQuery] = useState('');\n const handleSearch = useNavigateToQuery();\n\n const handleSubmit = () => {\n handleSearch({ query });\n };\n\n const handleChange = useCallback(\n value => {\n setQuery(value);\n },\n [setQuery],\n );\n\n return (\n React.createElement(SearchBarBase, {\n classes: { root: classes.root },\n value: query,\n onSubmit: handleSubmit,\n onChange: handleChange,\n ...props,}\n )\n );\n};\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[6235,2426],{56235:function(y,i,n){n.r(i),n.d(i,{DependencyOfComponentsCard:function(){return o}});var a=n(52890),t=n(2784),e=n(62426);const o=({variant:r="gridItem",title:c="Dependency of components"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:c,entityKind:"Component",relationType:a.w$,columns:e.componentEntityColumns,emptyMessage:"No component depends on this component",emptyHelpLink:e.componentEntityHelpLink,asRenderableEntities:e.asComponentEntities})},62426:function(y,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return E},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return c},componentEntityHelpLink:function(){return d},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(19139),e=n(2784),o=n(9118);const r=s=>{const{variant:l="gridItem",title:m,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=s,{entity:D}=(0,t.useEntity)(),{entities:S,loading:K,error:u}=(0,t.useRelatedEntities)(D,{type:L,kind:h});return K?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.Progress,null)):u?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.ResponseErrorPanel,{error:u})):e.createElement(t.EntityTable,{title:m,variant:l,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(o.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(S||[])})},c=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],d="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=s=>s,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=s=>s,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=s=>s}}]);
2
+
3
+ //# sourceMappingURL=6235.4e2fe119.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/DependencyOfComponentsCard/DependencyOfComponentsCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"8OA8BO,KAAM,GAA6B,CAAC,CACzC,UAAU,WACV,QAAQ,8BAGN,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,EACP,WAAY,YACZ,aAAc,KACd,QAAS,yBACT,aAAc,yCACd,cAAe,0BACf,qBAAsB,yB,ufCYrB,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/6235.4e2fe119.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_DEPENDENCY_OF } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n asComponentEntities,\n componentEntityColumns,\n componentEntityHelpLink,\n RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\n\nexport const DependencyOfComponentsCard = ({\n variant = 'gridItem',\n title = 'Dependency of components',\n}) => {\n return (\n React.createElement(RelatedEntitiesCard, {\n variant: variant,\n title: title,\n entityKind: \"Component\",\n relationType: RELATION_DEPENDENCY_OF,\n columns: componentEntityColumns,\n emptyMessage: \"No component depends on this component\" ,\n emptyHelpLink: componentEntityHelpLink,\n asRenderableEntities: asComponentEntities,}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -1,3 +1,3 @@
1
- "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[6650],{76650:function(s,e,t){t.r(e),t.d(e,{CatalogEntityPage:function(){return d}});var n=t(2784),c=t(10289),a=t(85653);const d=()=>n.createElement(a.AsyncEntityProvider,{...(0,a.useEntityFromUrl)()},n.createElement(c.j3,null))}}]);
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[6650],{76650:function(s,e,t){t.r(e),t.d(e,{CatalogEntityPage:function(){return d}});var n=t(2784),c=t(10289),a=t(19139);const d=()=>n.createElement(a.AsyncEntityProvider,{...(0,a.useEntityFromUrl)()},n.createElement(c.j3,null))}}]);
2
2
 
3
- //# sourceMappingURL=6650.33bcd57d.chunk.js.map
3
+ //# sourceMappingURL=6650.db09fdb2.chunk.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/CatalogEntityPage/CatalogEntityPage.tsx"],"names":[],"mappings":"gOAuBO,KAAM,GAAoB,IAC/B,gBAAoB,sBAAqB,IAAK,0BAC1C,gBAAoB,KAAQ","file":"static/6650.33bcd57d.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Outlet } from 'react-router';\nimport {\n useEntityFromUrl,\n AsyncEntityProvider,\n} from '@backstage/plugin-catalog-react';\n\nexport const CatalogEntityPage = () => (\n React.createElement(AsyncEntityProvider, { ...useEntityFromUrl(),}\n , React.createElement(Outlet, null )\n )\n);\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/CatalogEntityPage/CatalogEntityPage.tsx"],"names":[],"mappings":"gOAuBO,KAAM,GAAoB,IAC/B,gBAAoB,sBAAqB,IAAK,0BAC1C,gBAAoB,KAAQ","file":"static/6650.db09fdb2.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Outlet } from 'react-router';\nimport {\n useEntityFromUrl,\n AsyncEntityProvider,\n} from '@backstage/plugin-catalog-react';\n\nexport const CatalogEntityPage = () => (\n React.createElement(AsyncEntityProvider, { ...useEntityFromUrl(),}\n , React.createElement(Outlet, null )\n )\n);\n"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ "use strict";(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[8061,2426],{48061:function(d,i,n){n.r(i),n.d(i,{DependsOnComponentsCard:function(){return o}});var a=n(52890),t=n(2784),e=n(62426);const o=({variant:r="gridItem",title:c="Depends on components"})=>t.createElement(e.RelatedEntitiesCard,{variant:r,title:c,entityKind:"Component",relationType:a.nP,columns:e.componentEntityColumns,emptyMessage:"No component is a dependency of this component",emptyHelpLink:e.componentEntityHelpLink,asRenderableEntities:e.asComponentEntities})},62426:function(d,i,n){n.r(i),n.d(i,{RelatedEntitiesCard:function(){return r},asComponentEntities:function(){return E},asResourceEntities:function(){return C},asSystemEntities:function(){return g},componentEntityColumns:function(){return c},componentEntityHelpLink:function(){return y},resourceEntityColumns:function(){return p},resourceEntityHelpLink:function(){return f},systemEntityColumns:function(){return T},systemEntityHelpLink:function(){return b}});var a=n(90436),t=n(19139),e=n(2784),o=n(9118);const r=s=>{const{variant:l="gridItem",title:m,columns:v,entityKind:h,relationType:L,emptyMessage:R,emptyHelpLink:k,asRenderableEntities:H}=s,{entity:D}=(0,t.useEntity)(),{entities:S,loading:K,error:u}=(0,t.useRelatedEntities)(D,{type:L,kind:h});return K?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.Progress,null)):u?e.createElement(o.InfoCard,{variant:l,title:m},e.createElement(o.ResponseErrorPanel,{error:u})):e.createElement(t.EntityTable,{title:m,variant:l,emptyContent:e.createElement("div",{style:{textAlign:"center"}},e.createElement(a.Z,{variant:"body1"},R),e.createElement(a.Z,{variant:"body2"},e.createElement(o.Link,{to:k},"Learn how to change this."))),columns:v,entities:H(S||[])})},c=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"component"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],y="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component",E=s=>s,p=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"resource"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createSpecTypeColumn(),t.EntityTable.columns.createSpecLifecycleColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],f="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource",C=s=>s,T=[t.EntityTable.columns.createEntityRefColumn({defaultKind:"system"}),t.EntityTable.columns.createOwnerColumn(),t.EntityTable.columns.createMetadataDescriptionColumn()],b="https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system",g=s=>s}}]);
2
+
3
+ //# sourceMappingURL=8061.7ae8759a.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/DependsOnComponentsCard/DependsOnComponentsCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/RelatedEntitiesCard.tsx","webpack://embedded-techdocs-app/../node_modules/@sucrase/webpack-loader/dist/plugins/catalog/src/components/RelatedEntitiesCard/presets.ts"],"names":[],"mappings":"2OA8BO,KAAM,GAA0B,CAAC,CACtC,UAAU,WACV,QAAQ,2BAGN,gBAAoB,sBAAqB,CACvC,QAAS,EACT,MAAO,EACP,WAAY,YACZ,aAAc,KACd,QAAS,yBACT,aAAc,iDACd,cAAe,0BACf,qBAAsB,yB,ufCYrB,KAAM,GAAuB,GAAU,CAC5C,KAAM,CACJ,UAAU,WACV,QACA,UACA,aACA,eACA,eACA,gBACA,wBACE,EAEE,CAAE,UAAW,kBACb,CAAE,WAAU,UAAS,SAAU,yBAAmB,EAAQ,CAC9D,KAAM,EACN,KAAM,IAGR,MAAI,GAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,WAAU,OAKlC,EAEA,gBAAoB,WAAU,CAAE,QAAS,EAAS,MAAO,GACrD,gBAAoB,qBAAoB,CAAE,MAAO,KAMvD,gBAAoB,cAAa,CAC/B,MAAO,EACP,QAAS,EACT,aACE,gBAAoB,MAAO,CAAE,MAAO,CAAE,UAAW,WAC7C,gBAAoB,IAAY,CAAE,QAAS,SAAW,GACtD,gBAAoB,IAAY,CAAE,QAAS,SACzC,gBAAoB,OAAM,CAAE,GAAI,GAAiB,+BAIzD,QAAS,EACT,SAAU,EAAqB,GAAY,OC9EpC,EAAyB,CACpC,4CAA0C,CAAE,YAAa,cACzD,0CACA,6CACA,kDACA,yDAEW,EACX,uFACW,EAAuB,GAClC,EAEW,EAAwB,CACnC,4CAA0C,CAAE,YAAa,aACzD,0CACA,6CACA,kDACA,yDAEW,EACX,sFACW,EAAsB,GACjC,EAEW,EAAsB,CACjC,4CAA0C,CAAE,YAAa,WACzD,0CACA,yDAEW,EACX,oFACW,EAAoB,GAC/B","file":"static/8061.7ae8759a.chunk.js","sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { RELATION_DEPENDS_ON } from '@backstage/catalog-model';\nimport React from 'react';\nimport {\n asComponentEntities,\n componentEntityColumns,\n componentEntityHelpLink,\n RelatedEntitiesCard,\n} from '../RelatedEntitiesCard';\n\n\n\n\n\n\nexport const DependsOnComponentsCard = ({\n variant = 'gridItem',\n title = 'Depends on components',\n}) => {\n return (\n React.createElement(RelatedEntitiesCard, {\n variant: variant,\n title: title,\n entityKind: \"Component\",\n relationType: RELATION_DEPENDS_ON,\n columns: componentEntityColumns,\n emptyMessage: \"No component is a dependency of this component\" ,\n emptyHelpLink: componentEntityHelpLink,\n asRenderableEntities: asComponentEntities,}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Typography } from '@material-ui/core';\nimport {\n EntityTable,\n useEntity,\n useRelatedEntities,\n} from '@backstage/plugin-catalog-react';\nimport React from 'react';\nimport {\n InfoCard,\n Link,\n Progress,\n ResponseErrorPanel,\n\n} from '@backstage/core-components';\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * A low level card component that can be used as a building block for more\n * specific cards.\n *\n * @remarks\n *\n * You probably want to make a dedicated component for your needs, which renders\n * this card as its implementation with some of the props set to the appropriate\n * values.\n *\n * @public\n */\nexport const RelatedEntitiesCard = (props) => {\n const {\n variant = 'gridItem',\n title,\n columns,\n entityKind,\n relationType,\n emptyMessage,\n emptyHelpLink,\n asRenderableEntities,\n } = props;\n\n const { entity } = useEntity();\n const { entities, loading, error } = useRelatedEntities(entity, {\n type: relationType,\n kind: entityKind,\n });\n\n if (loading) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(Progress, null )\n )\n );\n }\n\n if (error) {\n return (\n React.createElement(InfoCard, { variant: variant, title: title,}\n , React.createElement(ResponseErrorPanel, { error: error,} )\n )\n );\n }\n\n return (\n React.createElement(EntityTable, {\n title: title,\n variant: variant,\n emptyContent: \n React.createElement('div', { style: { textAlign: 'center' },}\n , React.createElement(Typography, { variant: \"body1\",}, emptyMessage)\n , React.createElement(Typography, { variant: \"body2\",}\n , React.createElement(Link, { to: emptyHelpLink,}, \"Learn how to change this.\" )\n )\n )\n ,\n columns: columns,\n entities: asRenderableEntities(entities || []),}\n )\n );\n};\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EntityTable } from '@backstage/plugin-catalog-react';\n\n\nexport const componentEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'component' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const componentEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-component';\nexport const asComponentEntities = (entities) =>\n entities ;\n\nexport const resourceEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'resource' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createSpecTypeColumn(),\n EntityTable.columns.createSpecLifecycleColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const resourceEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-resource';\nexport const asResourceEntities = (entities) =>\n entities ;\n\nexport const systemEntityColumns = [\n EntityTable.columns.createEntityRefColumn({ defaultKind: 'system' }),\n EntityTable.columns.createOwnerColumn(),\n EntityTable.columns.createMetadataDescriptionColumn(),\n];\nexport const systemEntityHelpLink =\n 'https://backstage.io/docs/features/software-catalog/descriptor-format#kind-system';\nexport const asSystemEntities = (entities) =>\n entities ;\n"],"sourceRoot":""}
@@ -1,4 +1,4 @@
1
1
  "use strict";var de=Object.defineProperty;var fe=(k,m,c)=>m in k?de(k,m,{enumerable:!0,configurable:!0,writable:!0,value:c}):k[m]=c;var y=(k,m,c)=>(fe(k,typeof m!="symbol"?m+"":m,c),c);(self.webpackChunkembedded_techdocs_app=self.webpackChunkembedded_techdocs_app||[]).push([[8718],{98718:function(k,m,c){c.r(m),c.d(m,{RealLogViewer:function(){return ue}});var a=c(2784),S=c(61837),V=c(19353),U=c(7688),W=c(8301),w=c(69937),D=c.n(w);const L=D()(),E=/\n\r?/g,Z=Object.fromEntries(Object.entries({1:e=>({...e,bold:!0}),3:e=>({...e,italic:!0}),4:e=>({...e,underline:!0}),22:({bold:e,...t})=>t,23:({italic:e,...t})=>t,24:({underline:e,...t})=>t,30:e=>({...e,foreground:"black"}),31:e=>({...e,foreground:"red"}),32:e=>({...e,foreground:"green"}),33:e=>({...e,foreground:"yellow"}),34:e=>({...e,foreground:"blue"}),35:e=>({...e,foreground:"magenta"}),36:e=>({...e,foreground:"cyan"}),37:e=>({...e,foreground:"white"}),39:({foreground:e,...t})=>t,90:e=>({...e,foreground:"grey"}),40:e=>({...e,background:"black"}),41:e=>({...e,background:"red"}),42:e=>({...e,background:"green"}),43:e=>({...e,background:"yellow"}),44:e=>({...e,background:"blue"}),45:e=>({...e,background:"magenta"}),46:e=>({...e,background:"cyan"}),47:e=>({...e,background:"white"}),49:({background:e,...t})=>t}).map(([e,t])=>[`[${e}m`,t]));class b{constructor(t=1,n=[]){y(this,"text");this.lineNumber=t,this.chunks=n,this.text=n.map(r=>r.text).join("").toLocaleLowerCase("en-US")}lastChunk(){return this.chunks[this.chunks.length-1]}replaceLastChunk(t){t&&(this.chunks.splice(this.chunks.length-1,1,...t),this.text=this.chunks.map(n=>n.text).join("").toLocaleLowerCase("en-US"))}}class G{constructor(){y(this,"text","");y(this,"lines",[]);y(this,"processLines",(t,n={},r=1)=>{var s;const o=[];let i=n,l=r,u=0;for(E.lastIndex=0;;){const f=E.exec(t);if(!f){const g=this.processText(t.slice(u),i);return o.push(new b(l,g)),o}const d=t.slice(u,f.index);u=f.index+f[0].length;const x=this.processText(d,i);o.push(new b(l,x)),i=(s=x[x.length-1].modifiers)!=null?s:i,l+=1}});y(this,"processText",(t,n)=>{const r=[];let o=n,i=0;for(L.lastIndex=0;;){const l=L.exec(t);if(!l)return r.push({text:t.slice(i),modifiers:o}),r;const u=t.slice(i,l.index);r.push({text:u,modifiers:o}),i=l.index+l[0].length,o=this.processCode(l[0],o)}});y(this,"processCode",(t,n)=>{var r,o;return(o=(r=Z[t])==null?void 0:r.call(Z,n))!=null?o:n})}process(t){var n,r,o;if(this.text===t)return this.lines;if(t.startsWith(this.text)){const i=this.lines.length>0?this.lines.length-1:0,l=(n=this.lines[i])!=null?n:new b,u=l.lastChunk(),s=this.processLines(((r=u==null?void 0:u.text)!=null?r:"")+t.slice(this.text.length),u==null?void 0:u.modifiers,l==null?void 0:l.lineNumber);l.replaceLastChunk((o=s[0])==null?void 0:o.chunks),this.lines[i]=l,this.lines.push(...s.slice(1))}else this.lines=this.processLines(t);return this.text=t,this.lines}}var P=c(79692),I=c(41128),v=c(31754),B=c(66054),F=c(81463),R=c(34505),M=c(57186),N=c(32720),A=c(92901),T=c(45410);const j=40,$=(0,P.Z)(e=>({root:{background:e.palette.background.paper},header:{height:j,display:"flex",alignItems:"center",justifyContent:"flex-end"},log:{fontFamily:'"Monaco", monospace',fontSize:e.typography.pxToRem(12)},line:{position:"relative",whiteSpace:"pre","&:hover":{background:e.palette.action.hover}},lineSelected:{background:e.palette.action.selected,"&:hover":{background:e.palette.action.selected}},lineCopyButton:{position:"absolute",paddingTop:0,paddingBottom:0},lineNumber:{display:"inline-block",textAlign:"end",width:60,marginRight:e.spacing(1),cursor:"pointer"},textHighlight:{background:(0,I.Fq)(e.palette.info.main,.15)},textSelectedHighlight:{background:(0,I.Fq)(e.palette.info.main,.4)},modifierBold:{fontWeight:e.typography.fontWeightBold},modifierItalic:{fontStyle:"italic"},modifierUnderline:{textDecoration:"underline"},modifierForegroundBlack:{color:v.Z.black},modifierForegroundRed:{color:B.Z[500]},modifierForegroundGreen:{color:F.Z[500]},modifierForegroundYellow:{color:R.Z[500]},modifierForegroundBlue:{color:M.Z[500]},modifierForegroundMagenta:{color:N.Z[500]},modifierForegroundCyan:{color:A.Z[500]},modifierForegroundWhite:{color:v.Z.white},modifierForegroundGrey:{color:T.Z[500]},modifierBackgroundBlack:{background:v.Z.black},modifierBackgroundRed:{background:B.Z[500]},modifierBackgroundGreen:{background:F.Z[500]},modifierBackgroundYellow:{background:R.Z[500]},modifierBackgroundBlue:{background:M.Z[500]},modifierBackgroundMagenta:{background:N.Z[500]},modifierBackgroundCyan:{background:A.Z[500]},modifierBackgroundWhite:{background:v.Z.white},modifierBackgroundGrey:{background:T.Z[500]}}),{name:"BackstageLogViewer"});var Y=c(72779),z=c.n(Y),J=c(74600),K=c.n(J);function Q(e,t){const n=new Array;if(t.bold&&n.push(e.modifierBold),t.italic&&n.push(e.modifierItalic),t.underline&&n.push(e.modifierUnderline),t.foreground){const r=`modifierForeground${K()(t.foreground)}`;n.push(e[r])}if(t.background){const r=`modifierBackground${K()(t.background)}`;n.push(e[r])}return n.length>0?n.join(" "):void 0}function X(e,t){if(!t||!e.includes(t))return;const n=new Array;let r=0;for(;;){const o=e.indexOf(t,r);if(o===-1)break;const i=o+t.length;n.push({start:o,end:i}),r=i}return n}function q(e,t){const n=X(e.text,t);if(!n)return e.chunks;const r=new Array;let o=0,i=0,l=n[i];for(const u of e.chunks){const{text:s,modifiers:f}=u;if(!l||o+s.length<l.start){r.push(u),o+=s.length;continue}let d=0;for(;l;){const g=Math.max(l.start-o,0);if(g>s.length)break;const p=Math.min(l.end-o,s.length);if(g>d&&r.push({text:s.slice(d,g),modifiers:f}),p>g&&r.push({modifiers:f,highlight:i,text:s.slice(g,p)}),d=p,l.end-o===p)i+=1,l=n[i];else break}d<s.length&&r.push({text:s.slice(d),modifiers:f}),o+=s.length}return r}function _({line:e,classes:t,searchText:n,highlightResultIndex:r}){const o=(0,a.useMemo)(()=>q(e,n),[e,n]),i=(0,a.useMemo)(()=>o.map(({text:l,modifiers:u,highlight:s},f)=>a.createElement("span",{key:f,className:z()(Q(t,u),s!==void 0&&(s===r?t.textSelectedHighlight:t.textHighlight))},l)),[o,r,t]);return a.createElement(a.Fragment,null,i)}var ee=c(86619),te=c(90436),ne=c(48049),oe=c(51209),H=c(36444);function se(e){var l;const{resultCount:t,resultIndexStep:n,toggleShouldFilter:r}=e,o=(l=e.resultIndex)!=null?l:0,i=u=>{u.key==="Enter"&&(u.metaKey||u.ctrlKey||u.altKey?r():n(u.shiftKey))};return a.createElement(a.Fragment,null,t!==void 0&&a.createElement(a.Fragment,null,a.createElement(S.Z,{size:"small",onClick:()=>n(!0)},a.createElement(ne.Z,null)),a.createElement(te.Z,null,Math.min(o+1,t),"/",t),a.createElement(S.Z,{size:"small",onClick:()=>n()},a.createElement(oe.Z,null))),a.createElement(ee.Z,{size:"small",variant:"standard",placeholder:"Search",value:e.searchInput,onKeyPress:i,onChange:u=>e.setSearchInput(u.target.value)}),a.createElement(S.Z,{size:"small",onClick:r},e.shouldFilter?a.createElement(H.Z,{color:"primary"}):a.createElement(H.Z,{color:"disabled"})))}var re=c(38303);function le(e,t){if(!t)return{lines:e};const n=[],r=[];for(const o of e)if(o.text.includes(t)){n.push(o);let i=0,l=0;for(;;){const u=o.text.indexOf(t,i);if(u===-1)break;r.push({lineNumber:o.lineNumber,lineIndex:l++}),i=u+t.length}}return{lines:n,results:r}}function ie(e){var g;const[t,n]=(0,a.useState)(""),r=t.toLocaleLowerCase("en-US"),[o,i]=(0,a.useState)(0),[l,u]=(0,re.Z)(!1),s=(0,a.useMemo)(()=>le(e,r),[e,r]),f=s.results?s.results[Math.min(o,s.results.length-1)]:void 0,d=(g=s.results)==null?void 0:g.length,x=p=>{if(p){if(d!==void 0){const h=Math.min(o-1,d-2);i(h<0?d-1:h)}}else if(d!==void 0){const h=o+1;i(h>=d?0:h)}};return{lines:l?s.lines:e,searchText:r,searchInput:t,setSearchInput:n,shouldFilter:l,toggleShouldFilter:u,resultCount:d,resultIndex:o,resultIndexStep:x,resultLine:f==null?void 0:f.lineNumber,resultLineIndex:f==null?void 0:f.lineIndex}}var O=c(36964),ce=c(95074);function ae(e){const t=(0,O.useApi)(O.errorApiRef),[n,r]=(0,a.useState)(),o=n?Math.min(n.start,n.end):void 0,i=n?Math.max(n.start,n.end):void 0,[{error:l},u]=(0,ce.Z)();return(0,a.useEffect)(()=>{l&&t.post(l)},[l,t]),{shouldShowButton(s){return o===s||i===s},isSelected(s){return n?o<=s&&s<=i:!1},setSelection(s,f){r(f?d=>d?{start:d.start,end:s}:{start:s,end:s}:d=>(d==null?void 0:d.start)===s&&(d==null?void 0:d.end)===s?void 0:{start:s,end:s})},copySelection(){if(n){const s=e.slice(Math.min(n.start,n.end)-1,Math.max(n.start,n.end)).map(f=>f.chunks.map(d=>d.text).join("")).join(`
2
2
  `);u(s),r(void 0)}}}}function ue(e){const t=$({classes:e.classes}),n=(0,a.useRef)(null),o=(0,a.useMemo)(()=>new G,[]).process(e.text),i=ie(o),l=ae(o);(0,a.useEffect)(()=>{i.resultLine!==void 0&&n.current&&n.current.scrollToItem(i.resultLine-1,"center")},[i.resultLine]);const u=(s,f)=>{f.preventDefault(),l.setSelection(s,f.shiftKey)};return a.createElement(U.Z,null,({height:s,width:f})=>a.createElement("div",{style:{width:f,height:s},className:t.root},a.createElement("div",{className:t.header},a.createElement(se,{...i})),a.createElement(W.t7,{ref:n,className:t.log,height:s-j,width:f,itemData:i.lines,itemSize:20,itemCount:i.lines.length},({index:d,style:x,data:g})=>{const p=g[d],{lineNumber:h}=p;return a.createElement("div",{style:{...x},className:z()(t.line,{[t.lineSelected]:l.isSelected(h)})},l.shouldShowButton(h)&&a.createElement(S.Z,{"data-testid":"copy-button",size:"small",className:t.lineCopyButton,onClick:()=>l.copySelection()},a.createElement(V.Z,{fontSize:"inherit"})),a.createElement("a",{role:"row",target:"_self",href:`#line-${h}`,className:t.lineNumber,onClick:C=>u(h,C),onKeyPress:C=>u(h,C)},h),a.createElement(_,{line:p,classes:t,searchText:i.searchText,highlightResultIndex:i.resultLine===h?i.resultLineIndex:void 0}))})))}}}]);
3
3
 
4
- //# sourceMappingURL=8718.94a54656.chunk.js.map
4
+ //# sourceMappingURL=8718.c2b73d89.chunk.js.map