@techdocs/cli 1.6.0 → 1.6.1-next.0
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.
- package/CHANGELOG.md +11 -0
- package/dist/embedded-app/.config-schema.json +52 -28
- package/dist/embedded-app/index.html +1 -1
- package/dist/embedded-app/static/{1032.d8d4547a.chunk.js → 1032.88fa9fda.chunk.js} +2 -2
- package/dist/embedded-app/static/{1032.d8d4547a.chunk.js.map → 1032.88fa9fda.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{1105.250209d9.chunk.js → 1105.2ef0665c.chunk.js} +2 -2
- package/dist/embedded-app/static/{1105.250209d9.chunk.js.map → 1105.2ef0665c.chunk.js.map} +1 -1
- package/dist/embedded-app/static/1600.ef4a7196.chunk.js +3 -0
- package/dist/embedded-app/static/1600.ef4a7196.chunk.js.map +1 -0
- package/dist/embedded-app/static/{184.3d7fb6d2.chunk.js → 184.8fc549e9.chunk.js} +2 -2
- package/dist/embedded-app/static/{184.3d7fb6d2.chunk.js.map → 184.8fc549e9.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{2440.8c636d46.chunk.js → 2440.2451b337.chunk.js} +2 -2
- package/dist/embedded-app/static/{2440.8c636d46.chunk.js.map → 2440.2451b337.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{3487.ca0b20dd.chunk.js → 3487.1c93df49.chunk.js} +2 -2
- package/dist/embedded-app/static/{3487.ca0b20dd.chunk.js.map → 3487.1c93df49.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{3893.18294a43.chunk.js → 3893.118c937c.chunk.js} +1 -1
- package/dist/embedded-app/static/{3893.18294a43.chunk.js.map → 3893.118c937c.chunk.js.map} +1 -1
- package/dist/embedded-app/static/4109.6335d16f.chunk.js +3 -0
- package/dist/embedded-app/static/4109.6335d16f.chunk.js.map +1 -0
- package/dist/embedded-app/static/{4966.9cb67949.chunk.js → 4966.e30bae7f.chunk.js} +1 -1
- package/dist/embedded-app/static/{4966.9cb67949.chunk.js.map → 4966.e30bae7f.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{5458.e6517aa6.chunk.js → 5458.abed4572.chunk.js} +2 -2
- package/dist/embedded-app/static/{5458.e6517aa6.chunk.js.map → 5458.abed4572.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{5877.829aa767.chunk.js → 5877.c521a57f.chunk.js} +1 -1
- package/dist/embedded-app/static/{5877.829aa767.chunk.js.map → 5877.c521a57f.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{5914.92b59b3e.chunk.js → 5914.111b8c95.chunk.js} +2 -2
- package/dist/embedded-app/static/{5914.92b59b3e.chunk.js.map → 5914.111b8c95.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{6051.84051083.chunk.js → 6051.9eefea24.chunk.js} +1 -1
- package/dist/embedded-app/static/{6051.84051083.chunk.js.map → 6051.9eefea24.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{7670.4e34a90d.chunk.js → 7670.9faef6c0.chunk.js} +1 -1
- package/dist/embedded-app/static/{7670.4e34a90d.chunk.js.map → 7670.9faef6c0.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{7750.3b7f34f8.chunk.js → 7750.cb06dc85.chunk.js} +1 -1
- package/dist/embedded-app/static/{7750.3b7f34f8.chunk.js.map → 7750.cb06dc85.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{7893.8b70980c.chunk.js → 7893.e406114c.chunk.js} +2 -2
- package/dist/embedded-app/static/{7893.8b70980c.chunk.js.map → 7893.e406114c.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{8629.18b8b029.chunk.js → 8629.34b012ba.chunk.js} +1 -1
- package/dist/embedded-app/static/{8629.18b8b029.chunk.js.map → 8629.34b012ba.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{8662.e8af541f.chunk.js → 8662.7243a5c6.chunk.js} +1 -1
- package/dist/embedded-app/static/{8662.e8af541f.chunk.js.map → 8662.7243a5c6.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{8951.b8daca92.chunk.js → 8951.6ae94626.chunk.js} +1 -1
- package/dist/embedded-app/static/{8951.b8daca92.chunk.js.map → 8951.6ae94626.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{9545.1f2986d6.chunk.js → 9545.8e4a2868.chunk.js} +2 -2
- package/dist/embedded-app/static/{9545.1f2986d6.chunk.js.map → 9545.8e4a2868.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{967.00bc7a39.chunk.js → 967.dadcb6bd.chunk.js} +3 -3
- package/dist/embedded-app/static/{967.00bc7a39.chunk.js.map → 967.dadcb6bd.chunk.js.map} +1 -1
- package/dist/embedded-app/static/{9770.5cb016d6.chunk.js → 9770.2d75fe33.chunk.js} +2 -2
- package/dist/embedded-app/static/{9770.5cb016d6.chunk.js.map → 9770.2d75fe33.chunk.js.map} +1 -1
- package/dist/embedded-app/static/main.167d1cf0.js +487 -0
- package/dist/embedded-app/static/main.167d1cf0.js.map +1 -0
- package/dist/embedded-app/static/module-lodash.fa492ce2.js +29 -0
- package/dist/embedded-app/static/module-lodash.fa492ce2.js.map +1 -0
- package/dist/embedded-app/static/{module-material-table.0f5635dd.js → module-material-table.3c68edc1.js} +1 -1
- package/dist/embedded-app/static/{module-material-table.0f5635dd.js.map → module-material-table.3c68edc1.js.map} +1 -1
- package/dist/embedded-app/static/{module-material-ui.bdbd8daa.js → module-material-ui.263ce9b5.js} +7 -7
- package/dist/embedded-app/static/module-material-ui.263ce9b5.js.map +1 -0
- package/dist/embedded-app/static/{module-react-beautiful-dnd.62627182.js → module-react-beautiful-dnd.0ca788d0.js} +1 -1
- package/dist/embedded-app/static/{module-react-beautiful-dnd.62627182.js.map → module-react-beautiful-dnd.0ca788d0.js.map} +1 -1
- package/dist/embedded-app/static/module-react-dom.f7ae1c8b.js +26 -0
- package/dist/embedded-app/static/module-react-dom.f7ae1c8b.js.map +1 -0
- package/dist/embedded-app/static/{module-react-router-dom.65ce4c09.js → module-react-router-dom.8eff32d7.js} +1 -1
- package/dist/embedded-app/static/{module-react-router-dom.65ce4c09.js.map → module-react-router-dom.8eff32d7.js.map} +1 -1
- package/dist/embedded-app/static/{module-react-router.652daaf3.js → module-react-router.05179f87.js} +1 -1
- package/dist/embedded-app/static/{module-react-router.652daaf3.js.map → module-react-router.05179f87.js.map} +1 -1
- package/dist/embedded-app/static/{runtime.02409009.js → runtime.167d1cf0.js} +2 -2
- package/dist/embedded-app/static/{runtime.02409009.js.map → runtime.167d1cf0.js.map} +1 -1
- package/dist/embedded-app/static/vendor.167d1cf0.js +167 -0
- package/dist/embedded-app/static/vendor.167d1cf0.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/package.json +4 -4
- package/dist/embedded-app/static/1600.1ec85d5a.chunk.js +0 -3
- package/dist/embedded-app/static/1600.1ec85d5a.chunk.js.map +0 -1
- package/dist/embedded-app/static/2924.b96e10c0.chunk.js +0 -3
- package/dist/embedded-app/static/2924.b96e10c0.chunk.js.map +0 -1
- package/dist/embedded-app/static/main.02409009.js +0 -487
- package/dist/embedded-app/static/main.02409009.js.map +0 -1
- package/dist/embedded-app/static/module-lodash.adfd55fe.js +0 -29
- package/dist/embedded-app/static/module-lodash.adfd55fe.js.map +0 -1
- package/dist/embedded-app/static/module-material-ui.bdbd8daa.js.map +0 -1
- package/dist/embedded-app/static/module-react-dom.07625e59.js +0 -25
- package/dist/embedded-app/static/module-react-dom.07625e59.js.map +0 -1
- package/dist/embedded-app/static/vendor.02409009.js +0 -159
- package/dist/embedded-app/static/vendor.02409009.js.map +0 -1
package/dist/index.cjs.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techdocs/cli",
|
|
3
3
|
"description": "Utility CLI for managing TechDocs sites in Backstage.",
|
|
4
|
-
"version": "1.6.0",
|
|
4
|
+
"version": "1.6.1-next.0",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"techdocs-cli": "bin/techdocs-cli"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@backstage/cli": "^0.
|
|
38
|
+
"@backstage/cli": "^0.24.0-next.0",
|
|
39
39
|
"@types/commander": "^2.12.2",
|
|
40
40
|
"@types/fs-extra": "^9.0.6",
|
|
41
41
|
"@types/http-proxy": "^1.17.4",
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
"ext": "ts"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@backstage/backend-common": "^0.19.
|
|
60
|
+
"@backstage/backend-common": "^0.19.9-next.0",
|
|
61
61
|
"@backstage/catalog-model": "^1.4.3",
|
|
62
62
|
"@backstage/cli-common": "^0.1.13",
|
|
63
63
|
"@backstage/config": "^1.1.1",
|
|
64
|
-
"@backstage/plugin-techdocs-node": "^1.9.0",
|
|
64
|
+
"@backstage/plugin-techdocs-node": "^1.9.1-next.0",
|
|
65
65
|
"@types/dockerode": "^3.3.0",
|
|
66
66
|
"commander": "^9.1.0",
|
|
67
67
|
"dockerode": "^3.3.1",
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[1600],{59119:function(vt,B,t){t.d(B,{O:function(){return H}});var n=t(52322),v=t(79692),I=t(80030),z=t(2784),U=t(15277),N=t.n(U),$=t(29862);const W=(0,v.Z)({container:{overflow:"visible !important"}},{name:"BackstageOverflowTooltip"});function H(T){const[V,b]=(0,z.useState)(!1),Q=(0,$.t)(),E=W(),G=O=>{Q()&&b(O)};var M;return(0,n.jsx)(I.ZP,{title:(M=T.title)!==null&&M!==void 0?M:T.text||"",placement:T.placement,disableHoverListener:!V,children:(0,n.jsx)(N(),{text:T.text,line:T.line,onToggled:G,containerClassName:E.container})})}},51600:function(vt,B,t){t.r(B),t.d(B,{CatalogPage:function(){return re},DefaultCatalogPage:function(){return dt}});var n=t(52322),v=t(2784),I=t(73557),z=t(32166),U=t(42398),N=t(30706),$=t(77277),W=t(61837),H=t(41156),T=t(71597),V=t(88188);function b(e){const{title:l,to:a}=e,s=(0,H.Z)(d=>d.breakpoints.down("xs"));return a?s?(0,n.jsx)(W.Z,{component:T.rU,color:"primary",title:l,size:"small",to:a,children:(0,n.jsx)(V.Z,{})}):(0,n.jsx)($.Z,{component:T.rU,variant:"contained",color:"primary",to:a,children:l}):null}var Q=t(13788),E=t(44394),G=t(6542),M=t(37321),O=t(25942),X=t(30389),k=t(35879),w=t(78847),Y=t(62774),F=t(4967),q=t(64279),_=t(88624);function mt(){const e=(0,E.h_)(_.A),{error:l,loading:a,value:s}=(0,q.default)(async()=>await e.getEntityFacets({facets:["kind"]}).then(i=>{var c;return((c=i.facets.kind)===null||c===void 0?void 0:c.map(o=>o.value).sort())||[]}),[e]);return{loading:a,error:l,allKinds:s!=null?s:[]}}function ft(e,l,a){let s=e;return l&&(s=s.filter(i=>l.some(c=>c.toLocaleLowerCase("en-US")===i.toLocaleLowerCase("en-US")))),a&&!e.some(i=>i.toLocaleLowerCase("en-US")===a.toLocaleLowerCase("en-US"))&&(s=s.concat([a])),s.sort().reduce((i,c)=>(i[c.toLocaleLowerCase("en-US")]=c,i),{})}function pt(e){var l;const{filters:a,queryParameters:{kind:s},updateFilters:d}=(0,O.wp)(),i=(0,v.useMemo)(()=>[s].flat()[0],[s]);var c;const[o,r]=(0,v.useState)((c=i!=null?i:(l=a.kind)===null||l===void 0?void 0:l.value)!==null&&c!==void 0?c:e.initialFilter);(0,v.useEffect)(()=>{i&&r(i)},[i]),(0,v.useEffect)(()=>{var P;if(!((P=a.kind)===null||P===void 0)&&P.value){var S;r((S=a.kind)===null||S===void 0?void 0:S.value)}},[a.kind]),(0,v.useEffect)(()=>{d({kind:o?new F.zo(o):void 0})},[o,d]);const{allKinds:u,loading:m,error:p}=mt();return{loading:m,error:p,allKinds:u!=null?u:[],selectedKind:o,setSelectedKind:r}}const yt=e=>{const{allowedKinds:l,hidden:a,initialFilter:s="component"}=e,d=(0,E.h_)(w.$),{error:i,allKinds:c,selectedKind:o,setSelectedKind:r}=pt({initialFilter:s});if((0,v.useEffect)(()=>{i&&d.post({message:"Failed to load entity kinds",severity:"error"})},[i,d]),i)return null;const u=ft(c,l,o),m=Object.keys(u).map(p=>({value:p,label:u[p]}));return a?null:(0,n.jsx)(Y.Z,{pb:1,pt:1,children:(0,n.jsx)(k.H,{label:"Kind",items:m,selected:o.toLocaleLowerCase("en-US"),onChange:p=>r(String(p))})})};var gt=t(18149),ht=t.n(gt),Ct=t(829),xt=t.n(Ct);function St(){const e=(0,E.h_)(_.A),{filters:{kind:l,type:a},queryParameters:{type:s},updateFilters:d}=(0,O.wp)(),i=(0,v.useMemo)(()=>[s].flat().filter(Boolean),[s]);var c;const[o,r]=(0,v.useState)(i.length?i:(c=a==null?void 0:a.getTypes())!==null&&c!==void 0?c:[]);(0,v.useEffect)(()=>{i.length&&r(i)},[i]);const[u,m]=(0,v.useState)([]),p=(0,v.useMemo)(()=>l==null?void 0:l.value,[l]),{error:P,loading:S,value:x}=(0,q.default)(async()=>p?await e.getEntityFacets({filter:{kind:p},facets:["spec.type"]}).then(A=>A.facets["spec.type"]||[]):[],[p,e]),j=(0,v.useRef)(x);return(0,v.useEffect)(()=>{const R=j.current;if(j.current=x,S||!p||R===x||!x)return;const A=[...new Set(xt()(x,L=>-L.count).map(L=>L.value.toLocaleLowerCase("en-US")))];m(A);const K=o.filter(L=>A.includes(L));ht()(o,K)||r(K)},[S,p,o,r,x]),(0,v.useEffect)(()=>{d({type:o.length?new F.Bf(o):void 0})},[o,d]),{loading:S,error:P,availableTypes:u,selectedTypes:o,setSelectedTypes:r}}const jt=e=>{const{hidden:l,initialFilter:a}=e,s=(0,E.h_)(w.$),{error:d,availableTypes:i,selectedTypes:c,setSelectedTypes:o}=St();if((0,v.useEffect)(()=>{d&&s.post({message:"Failed to load entity types",severity:"error"}),a&&o([a])},[d,s,a,o]),i.length===0||d)return null;const r=[{value:"all",label:"all"},...i.map(m=>({value:m,label:m}))];var u;return l?null:(0,n.jsx)(Y.Z,{pb:1,pt:1,children:(0,n.jsx)(k.H,{label:"Type",items:r,selected:(u=r.length>1?c[0]:void 0)!==null&&u!==void 0?u:"all",onChange:m=>o(m==="all"?[]:[String(m)])})})};var Et=t(23433),Tt=t(63833),J=t(79692),tt=t(77605);const Pt=(0,J.Z)({input:{}},{name:"CatalogReactEntityLifecyclePicker"}),Ot=e=>{const{initialFilter:l=[]}=e,a=Pt();return(0,n.jsx)(tt.K,{label:"Lifecycle",name:"lifecycles",path:"spec.lifecycle",Filter:F.zH,InputProps:{className:a.input},initialSelectedOptions:l})};var Lt=t(97894),D=t(90436),Ft=t(5806),At=t(21324),Kt=t(86619),Mt=t(19996),Zt=t(25505),Rt=t(38016),Bt=t(88013);const Dt=(0,J.Z)({input:{}},{name:"CatalogReactEntityProcessingStatusPickerPicker"}),It=(0,n.jsx)(Zt.Z,{fontSize:"small"}),zt=(0,n.jsx)(Mt.Z,{fontSize:"small"}),Ut=()=>{const e=Dt(),{updateFilters:l}=(0,O.wp)(),[a,s]=(0,v.useState)([]);function d(o){l({orphan:o?new F.mM(o):void 0})}function i(o){l({error:o?new F.A5(o):void 0})}const c=["Is Orphan","Has Error"];return(0,n.jsx)(Y.Z,{pb:1,pt:1,children:(0,n.jsxs)(D.Z,{variant:"button",component:"label",children:["Processing Status",(0,n.jsx)(Bt.ZP,{multiple:!0,disableCloseOnSelect:!0,options:c,value:a,onChange:(o,r)=>{s(r),d(r.includes("Is Orphan")),i(r.includes("Has Error"))},renderOption:(o,{selected:r})=>(0,n.jsx)(Ft.Z,{control:(0,n.jsx)(At.Z,{icon:It,checkedIcon:zt,checked:r}),onClick:u=>u.preventDefault(),label:o}),size:"small",popupIcon:(0,n.jsx)(Rt.Z,{"data-testid":"processing-status-picker-expand"}),renderInput:o=>(0,n.jsx)(Kt.Z,{...o,className:e.input,variant:"outlined"})})]})})},Nt=(0,J.Z)({input:{}},{name:"CatalogReactEntityNamespacePicker"}),$t=()=>{const e=Nt();return(0,n.jsx)(tt.K,{label:"Namespace",name:"namespace",path:"metadata.namespace",Filter:F.Qe,InputProps:{className:e.input}})};var Wt=t(65524),et=t(34106),nt=t(8709),Ht=t(538),Vt=t(9791),bt=t(84462),Z=t(86540),Qt=t(42870),at=t(75435),Gt=t(15459),Xt=t(27604),Yt=t(2997),Jt=t(11640),kt=t(28347),wt=t(76635),qt=t(41748),lt=t(68138),st=t(7089),it=t(59119);const h=Object.freeze({createNameColumn(e){function l(a){var s;return((s=a.metadata)===null||s===void 0?void 0:s.title)||(0,Z.$)(a,{defaultKind:e==null?void 0:e.defaultKind})}return{title:"Name",field:"resolved.name",highlight:!0,customSort({entity:a},{entity:s}){return l(a).localeCompare(l(s))},render:({entity:a})=>{var s;return(0,n.jsx)(qt.d,{entityRef:a,defaultKind:(e==null?void 0:e.defaultKind)||"Component",title:(s=a.metadata)===null||s===void 0?void 0:s.title})}}},createSystemColumn(){return{title:"System",field:"resolved.partOfSystemRelationTitle",render:({resolved:e})=>(0,n.jsx)(lt.r,{entityRefs:e.partOfSystemRelations,defaultKind:"system"})}},createOwnerColumn(){return{title:"Owner",field:"resolved.ownedByRelationsTitle",render:({resolved:e})=>(0,n.jsx)(lt.r,{entityRefs:e.ownedByRelations,defaultKind:"group"})}},createSpecTargetsColumn(){return{title:"Targets",field:"entity.spec.targets",render:({entity:e})=>{var l,a;return(0,n.jsx)(n.Fragment,{children:((e==null||(l=e.spec)===null||l===void 0?void 0:l.targets)||(e==null||(a=e.spec)===null||a===void 0?void 0:a.target))&&(0,n.jsx)(it.O,{text:(e.spec.targets||[e.spec.target]).join(", "),placement:"bottom-start"})})}}},createSpecTypeColumn(){return{title:"Type",field:"entity.spec.type",hidden:!0,width:"auto"}},createSpecLifecycleColumn(){return{title:"Lifecycle",field:"entity.spec.lifecycle"}},createMetadataDescriptionColumn(){return{title:"Description",field:"entity.metadata.description",render:({entity:e})=>(0,n.jsx)(it.O,{text:e.metadata.description,placement:"bottom-start"}),width:"auto"}},createTagsColumn(){return{title:"Tags",field:"entity.metadata.tags",cellStyle:{padding:"0px 16px 0px 20px"},render:({entity:e})=>(0,n.jsx)(n.Fragment,{children:e.metadata.tags&&e.metadata.tags.map(l=>(0,n.jsx)(st.Z,{label:l,size:"small",variant:"outlined",style:{marginBottom:"0px"}},l))}),width:"auto"}},createTitleColumn(e){return{title:"Title",field:"entity.metadata.title",hidden:e==null?void 0:e.hidden,searchable:!0}},createLabelColumn(e,l){return{title:(l==null?void 0:l.title)||"Label",field:"entity.metadata.labels",cellStyle:{padding:"0px 16px 0px 20px"},render:({entity:a})=>{var s;const d=(s=a.metadata)===null||s===void 0?void 0:s.labels,i=d&&d[e]||(l==null?void 0:l.defaultValue);return(0,n.jsx)(n.Fragment,{children:i&&(0,n.jsx)(st.Z,{label:i,size:"small",variant:"outlined"},i)})},width:"auto"}},createNamespaceColumn(){return{title:"Namespace",field:"entity.metadata.namespace",width:"auto"}}});var _t=t(19928),te=t.n(_t);const ee=(0,Gt.Z)({root:{color:"#f3ba37"}})(Jt.Z),ne=(e,l)=>{const a=s=>s.metadata.title||(0,Z.$)(s,{defaultKind:"Component"});return a(e).localeCompare(a(l))},ot=e=>{var l,a,s,d;const{columns:i,actions:c,tableOptions:o,subtitle:r,emptyContent:u}=e,{isStarredEntity:m,toggleStarredEntity:p}=(0,Qt.C)(),{loading:P,error:S,entities:x,filters:j}=(0,O.wp)(),R=(0,v.useMemo)(()=>{var f;return[h.createTitleColumn({hidden:!0}),h.createNameColumn({defaultKind:(f=j.kind)===null||f===void 0?void 0:f.value}),...g(),h.createMetadataDescriptionColumn(),h.createTagsColumn()];function g(){var y;const C=[h.createSystemColumn(),h.createOwnerColumn(),h.createSpecTypeColumn(),h.createSpecLifecycleColumn()];switch((y=j.kind)===null||y===void 0?void 0:y.value){case"user":return[];case"domain":case"system":return[h.createOwnerColumn()];case"group":case"template":return[h.createSpecTypeColumn()];case"location":return[h.createSpecTypeColumn(),h.createSpecTargetsColumn()];default:return x.every(fe=>fe.metadata.namespace==="default")?C:[...C,h.createNamespaceColumn()]}}},[(l=j.kind)===null||l===void 0?void 0:l.value,x]),A=j.type===void 0;var K;const L=(0,wt.capitalize)((K=(a=j.user)===null||a===void 0?void 0:a.value)!==null&&K!==void 0?K:"all");if(S)return(0,n.jsx)("div",{children:(0,n.jsx)(Ht.G,{severity:"error",title:"Could not fetch catalog entities.",children:(0,n.jsx)(Vt.O,{language:"text",text:S.toString()})})});const de=[({entity:f})=>{var g;const y=(g=f.metadata.annotations)===null||g===void 0?void 0:g[et.l2],C="View";return{icon:()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.Z,{variant:"srOnly",children:C}),(0,n.jsx)(Yt.Z,{fontSize:"small"})]}),tooltip:C,disabled:!y,onClick:()=>{y&&window.open(y,"_blank")}}},({entity:f})=>{var g;const y=(g=f.metadata.annotations)===null||g===void 0?void 0:g[et.Tf],C="Edit";return{icon:()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.Z,{variant:"srOnly",children:C}),(0,n.jsx)(Xt.Z,{fontSize:"small"})]}),tooltip:C,disabled:!y,onClick:()=>{y&&window.open(y,"_blank")}}},({entity:f})=>{const g=m(f),y=g?"Remove from favorites":"Add to favorites";return{cellStyle:{paddingLeft:"1em"},icon:()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(D.Z,{variant:"srOnly",children:y}),g?(0,n.jsx)(ee,{}):(0,n.jsx)(kt.Z,{})]}),tooltip:y,onClick:()=>p(f)}}],ct=x.sort(ne).map(f=>{const g=(0,at.h)(f,nt.cz,{kind:"system"}),y=(0,at.h)(f,nt.S4);return{entity:f,resolved:{name:(0,Z.$)(f,{defaultKind:"Component"}),ownedByRelationsTitle:y.map(C=>(0,Z.$)(C,{defaultKind:"group"})).join(", "),ownedByRelations:y,partOfSystemRelationTitle:g.map(C=>(0,Z.$)(C,{defaultKind:"system"})).join(", "),partOfSystemRelations:g}}}),ut=(i||R).find(f=>f.title==="Type");ut&&(ut.hidden=!A);const ce=ct.length>20,ue=((s=j.kind)===null||s===void 0?void 0:s.value)||"",ve=((d=j.type)===null||d===void 0?void 0:d.value)||"",me=[L,ve,te()(ue)].filter(f=>f).join(" ");return(0,n.jsx)(bt.i,{isLoading:P,columns:i||R,options:{paging:ce,pageSize:20,actionsColumnIndex:-1,loadingType:"linear",showEmptyDataSourceMessage:!P,padding:"dense",pageSizeOptions:[20,50,100],...o},title:`${me} (${x.length})`,data:ct,actions:c||de,subtitle:r,emptyContent:u})};ot.columns=h;var ae=t(35304);const le=(0,ae.F)({id:"catalog",messages:{catalog_page_title:"{{orgName}} Catalog",catalog_page_create_button_title:"Create"}});var se=t(58513),ie=t(96253);const rt=new WeakSet,oe=e=>{const l=(0,E.h_)(se.V),a=(0,E.h_)(ie.o),[s,d]=(0,v.useState)(()=>a.getTranslation(e)),i=(0,v.useMemo)(()=>a.translation$(e),[a,e]),c=(0,v.useCallback)(r=>{if(!rt.has(e)){const u=`Failed to load translation resource '${e.id}'; caused by ${r}`;console.error(u),l.post(new Error(u)),rt.add(e)}},[l,e]);(0,v.useEffect)(()=>{const r=i.subscribe({next(u){u.ready&&d(u)},error(u){c(u)}});return()=>{r.unsubscribe()}},[i,c]);const o=(0,v.useRef)(!0);if((0,v.useEffect)(()=>{o.current?o.current=!1:d(a.getTranslation(e))},[a,e]),!s.ready)throw new Promise(r=>{const u=i.subscribe({next(m){m.ready&&(u.unsubscribe(),r())},error(m){u.unsubscribe(),c(m),r()}})});return{t:s.t}};function dt(e){const{columns:l,actions:a,initiallySelectedFilter:s="owned",initialKind:d="component",tableOptions:i={},emptyContent:c,ownerPickerMode:o}=e;var r;const u=(r=(0,E.h_)(G.D).getOptionalString("organization.name"))!==null&&r!==void 0?r:"Backstage",m=(0,M.t)(Wt.yw),{t:p}=oe(le);return(0,n.jsx)(z.g,{title:p("catalog_page_title",{orgName:u}),themeId:"home",children:(0,n.jsxs)(U.V,{children:[(0,n.jsxs)(N.y,{title:"",children:[(0,n.jsx)(b,{title:p("catalog_page_create_button_title"),to:m&&m()}),(0,n.jsx)(Q.q,{children:"All your software catalog entities"})]}),(0,n.jsx)(O.UO,{children:(0,n.jsxs)(X._i,{children:[(0,n.jsxs)(X._i.Filters,{children:[(0,n.jsx)(yt,{initialFilter:d}),(0,n.jsx)(jt,{}),(0,n.jsx)(Et.E,{initialFilter:s}),(0,n.jsx)(Tt.d,{mode:o}),(0,n.jsx)(Ot,{}),(0,n.jsx)(Lt.x,{}),(0,n.jsx)(Ut,{}),(0,n.jsx)($t,{})]}),(0,n.jsx)(X._i.Content,{children:(0,n.jsx)(ot,{columns:l,actions:a,tableOptions:i,emptyContent:c})})]})})]})})}function re(e){return(0,I.pC)()||(0,n.jsx)(dt,{...e})}}}]);})();
|
|
2
|
-
|
|
3
|
-
//# sourceMappingURL=1600.1ec85d5a.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/1600.1ec85d5a.chunk.js","mappings":"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","sources":["webpack://techdocs-cli-embedded-app/../core-components/src/components/OverflowTooltip/OverflowTooltip.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/components/CreateButton/CreateButton.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityKindPicker/kindFilterUtils.ts","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityKindPicker/EntityKindPicker.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/hooks/useEntityTypeFilter.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityLifecyclePicker/EntityLifecyclePicker.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/components/EntityNamespacePicker/EntityNamespacePicker.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog/src/components/CatalogTable/columns.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog/src/components/CatalogTable/CatalogTable.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog/src/translation.ts","webpack://techdocs-cli-embedded-app/../core-plugin-api/src/translation/useTranslationRef.ts","webpack://techdocs-cli-embedded-app/../../plugins/catalog/src/components/CatalogPage/DefaultCatalogPage.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog/src/components/CatalogPage/CatalogPage.tsx"],"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 { makeStyles } from '@material-ui/core/styles';\nimport Tooltip, { TooltipProps } from '@material-ui/core/Tooltip';\nimport React, { useState } from 'react';\nimport TextTruncate, { TextTruncateProps } from 'react-text-truncate';\nimport { useIsMounted } from '@react-hookz/web';\n\ntype Props = {\n text: TextTruncateProps['text'];\n line?: TextTruncateProps['line'];\n element?: TextTruncateProps['element'];\n title?: TooltipProps['title'];\n placement?: TooltipProps['placement'];\n};\n\nexport type OverflowTooltipClassKey = 'container';\n\nconst useStyles = makeStyles(\n {\n container: {\n overflow: 'visible !important',\n },\n },\n { name: 'BackstageOverflowTooltip' },\n);\n\nexport function OverflowTooltip(props: Props) {\n const [hover, setHover] = useState(false);\n const isMounted = useIsMounted();\n const classes = useStyles();\n\n const handleToggled = (truncated: boolean) => {\n if (isMounted()) {\n setHover(truncated);\n }\n };\n\n return (\n <Tooltip\n title={props.title ?? (props.text || '')}\n placement={props.placement}\n disableHoverListener={!hover}\n >\n <TextTruncate\n text={props.text}\n line={props.line}\n onToggled={handleToggled}\n containerClassName={classes.container}\n />\n </Tooltip>\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 { BackstageTheme } from '@backstage/theme';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React from 'react';\nimport { Link as RouterLink, LinkProps } from 'react-router-dom';\nimport AddCircleOutline from '@material-ui/icons/AddCircleOutline';\n\n/**\n * Properties for {@link CreateButton}\n *\n * @public\n */\nexport type CreateButtonProps = {\n title: string;\n} & Partial<Pick<LinkProps, 'to'>>;\n\n/**\n * Responsive Button giving consistent UX for creation of different things\n *\n * @public\n */\nexport function CreateButton(props: CreateButtonProps) {\n const { title, to } = props;\n const isXSScreen = useMediaQuery<BackstageTheme>(theme =>\n theme.breakpoints.down('xs'),\n );\n\n if (!to) {\n return null;\n }\n\n return isXSScreen ? (\n <IconButton\n component={RouterLink}\n color=\"primary\"\n title={title}\n size=\"small\"\n to={to}\n >\n <AddCircleOutline />\n </IconButton>\n ) : (\n <Button component={RouterLink} variant=\"contained\" color=\"primary\" to={to}>\n {title}\n </Button>\n );\n}\n","/*\n * Copyright 2022 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 { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { catalogApiRef } from '../../api';\n\n/**\n * Fetch and return all availible kinds.\n */\nexport function useAllKinds(): {\n loading: boolean;\n error?: Error;\n allKinds: string[];\n} {\n const catalogApi = useApi(catalogApiRef);\n\n const {\n error,\n loading,\n value: allKinds,\n } = useAsync(async () => {\n const items = await catalogApi\n .getEntityFacets({ facets: ['kind'] })\n .then(response => response.facets.kind?.map(f => f.value).sort() || []);\n return items;\n }, [catalogApi]);\n\n return { loading, error, allKinds: allKinds ?? [] };\n}\n\n/**\n * Filter and capitalize accessible kinds.\n */\nexport function filterKinds(\n allKinds: string[],\n allowedKinds?: string[],\n forcedKinds?: string,\n): Record<string, string> {\n // Before allKinds is loaded, or when a kind is entered manually in the URL, selectedKind may not\n // be present in allKinds. It should still be shown in the dropdown, but may not have the nice\n // enforced casing from the catalog-backend. This makes a key/value record for the Select options,\n // including selectedKind if it's unknown - but allows the selectedKind to get clobbered by the\n // more proper catalog kind if it exists.\n let availableKinds = allKinds;\n if (allowedKinds) {\n availableKinds = availableKinds.filter(k =>\n allowedKinds.some(\n a => a.toLocaleLowerCase('en-US') === k.toLocaleLowerCase('en-US'),\n ),\n );\n }\n if (\n forcedKinds &&\n !allKinds.some(\n a =>\n a.toLocaleLowerCase('en-US') === forcedKinds.toLocaleLowerCase('en-US'),\n )\n ) {\n availableKinds = availableKinds.concat([forcedKinds]);\n }\n\n const kindsMap = availableKinds.sort().reduce((acc, kind) => {\n acc[kind.toLocaleLowerCase('en-US')] = kind;\n return acc;\n }, {} as Record<string, string>);\n\n return kindsMap;\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 { Select } from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Box } from '@material-ui/core';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { EntityKindFilter } from '../../filters';\nimport { useEntityList } from '../../hooks';\nimport { filterKinds, useAllKinds } from './kindFilterUtils';\n\nfunction useEntityKindFilter(opts: { initialFilter: string }): {\n loading: boolean;\n error?: Error;\n allKinds: string[];\n selectedKind: string;\n setSelectedKind: (kind: string) => void;\n} {\n const {\n filters,\n queryParameters: { kind: kindParameter },\n updateFilters,\n } = useEntityList();\n\n const queryParamKind = useMemo(\n () => [kindParameter].flat()[0],\n [kindParameter],\n );\n\n const [selectedKind, setSelectedKind] = useState(\n queryParamKind ?? filters.kind?.value ?? opts.initialFilter,\n );\n\n // Set selected kinds on query parameter updates; this happens at initial page load and from\n // external updates to the page location.\n useEffect(() => {\n if (queryParamKind) {\n setSelectedKind(queryParamKind);\n }\n }, [queryParamKind]);\n\n // Set selected kind from filters; this happens when the kind filter is\n // updated from another component\n useEffect(() => {\n if (filters.kind?.value) {\n setSelectedKind(filters.kind?.value);\n }\n }, [filters.kind]);\n\n useEffect(() => {\n updateFilters({\n kind: selectedKind ? new EntityKindFilter(selectedKind) : undefined,\n });\n }, [selectedKind, updateFilters]);\n\n const { allKinds, loading, error } = useAllKinds();\n\n return {\n loading,\n error,\n allKinds: allKinds ?? [],\n selectedKind,\n setSelectedKind,\n };\n}\n\n/**\n * Props for {@link EntityKindPicker}.\n *\n * @public\n */\nexport interface EntityKindPickerProps {\n /**\n * Entity kinds to show in the dropdown; by default all kinds are fetched from the catalog and\n * displayed.\n */\n allowedKinds?: string[];\n initialFilter?: string;\n hidden?: boolean;\n}\n\n/** @public */\nexport const EntityKindPicker = (props: EntityKindPickerProps) => {\n const { allowedKinds, hidden, initialFilter = 'component' } = props;\n\n const alertApi = useApi(alertApiRef);\n\n const { error, allKinds, selectedKind, setSelectedKind } =\n useEntityKindFilter({\n initialFilter: initialFilter,\n });\n\n useEffect(() => {\n if (error) {\n alertApi.post({\n message: `Failed to load entity kinds`,\n severity: 'error',\n });\n }\n }, [error, alertApi]);\n\n if (error) return null;\n\n const options = filterKinds(allKinds, allowedKinds, selectedKind);\n\n const items = Object.keys(options).map(key => ({\n value: key,\n label: options[key],\n }));\n\n return hidden ? null : (\n <Box pb={1} pt={1}>\n <Select\n label=\"Kind\"\n items={items}\n selected={selectedKind.toLocaleLowerCase('en-US')}\n onChange={value => setSelectedKind(String(value))}\n />\n </Box>\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 { useEffect, useMemo, useRef, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport isEqual from 'lodash/isEqual';\nimport sortBy from 'lodash/sortBy';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '../api';\nimport { useEntityList } from './useEntityListProvider';\nimport { EntityTypeFilter } from '../filters';\n\n/**\n * A hook built on top of `useEntityList` for enabling selection of valid `spec.type` values\n * based on the selected EntityKindFilter.\n * @public\n */\nexport function useEntityTypeFilter(): {\n loading: boolean;\n error?: Error;\n availableTypes: string[];\n selectedTypes: string[];\n setSelectedTypes: (types: string[]) => void;\n} {\n const catalogApi = useApi(catalogApiRef);\n const {\n filters: { kind: kindFilter, type: typeFilter },\n queryParameters: { type: typeParameter },\n updateFilters,\n } = useEntityList();\n\n const flattenedQueryTypes = useMemo(\n () => [typeParameter].flat().filter(Boolean) as string[],\n [typeParameter],\n );\n\n const [selectedTypes, setSelectedTypes] = useState(\n flattenedQueryTypes.length\n ? flattenedQueryTypes\n : typeFilter?.getTypes() ?? [],\n );\n\n // Set selected types on query parameter updates; this happens at initial page load and from\n // external updates to the page location.\n useEffect(() => {\n if (flattenedQueryTypes.length) {\n setSelectedTypes(flattenedQueryTypes);\n }\n }, [flattenedQueryTypes]);\n\n const [availableTypes, setAvailableTypes] = useState<string[]>([]);\n const kind = useMemo(() => kindFilter?.value, [kindFilter]);\n\n // Load all valid spec.type values straight from the catalogApi, paying attention to only the\n // kind filter for a complete list.\n const {\n error,\n loading,\n value: facets,\n } = useAsync(async () => {\n if (kind) {\n const items = await catalogApi\n .getEntityFacets({\n filter: { kind },\n facets: ['spec.type'],\n })\n .then(response => response.facets['spec.type'] || []);\n return items;\n }\n return [];\n }, [kind, catalogApi]);\n\n const facetsRef = useRef(facets);\n useEffect(() => {\n const oldFacets = facetsRef.current;\n facetsRef.current = facets;\n // Delay processing hook until kind and facets load updates have settled to generate list of types;\n // This prevents resetting the type filter due to saved type value from query params not matching the\n // empty set of type values while values are still being loaded; also only run this hook on changes\n // to facets\n if (loading || !kind || oldFacets === facets || !facets) {\n return;\n }\n\n // Sort by facet count descending, so the most common types appear on top\n const newTypes = [\n ...new Set(\n sortBy(facets, f => -f.count).map(f =>\n f.value.toLocaleLowerCase('en-US'),\n ),\n ),\n ];\n setAvailableTypes(newTypes);\n\n // Update type filter to only valid values when the list of available types has changed\n const stillValidTypes = selectedTypes.filter(value =>\n newTypes.includes(value),\n );\n if (!isEqual(selectedTypes, stillValidTypes)) {\n setSelectedTypes(stillValidTypes);\n }\n }, [loading, kind, selectedTypes, setSelectedTypes, facets]);\n\n useEffect(() => {\n updateFilters({\n type: selectedTypes.length\n ? new EntityTypeFilter(selectedTypes)\n : undefined,\n });\n }, [selectedTypes, updateFilters]);\n\n return {\n loading,\n error,\n availableTypes,\n selectedTypes,\n setSelectedTypes,\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, { useEffect } from 'react';\nimport { Box } from '@material-ui/core';\nimport { useEntityTypeFilter } from '../../hooks/useEntityTypeFilter';\n\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Select } from '@backstage/core-components';\n\n/**\n * Props for {@link EntityTypePicker}.\n *\n * @public\n */\nexport interface EntityTypePickerProps {\n initialFilter?: string;\n hidden?: boolean;\n}\n\n/** @public */\nexport const EntityTypePicker = (props: EntityTypePickerProps) => {\n const { hidden, initialFilter } = props;\n const alertApi = useApi(alertApiRef);\n const { error, availableTypes, selectedTypes, setSelectedTypes } =\n useEntityTypeFilter();\n\n useEffect(() => {\n if (error) {\n alertApi.post({\n message: `Failed to load entity types`,\n severity: 'error',\n });\n }\n if (initialFilter) {\n setSelectedTypes([initialFilter]);\n }\n }, [error, alertApi, initialFilter, setSelectedTypes]);\n\n if (availableTypes.length === 0 || error) return null;\n\n const items = [\n { value: 'all', label: 'all' },\n ...availableTypes.map((type: string) => ({\n value: type,\n label: type,\n })),\n ];\n\n return hidden ? null : (\n <Box pb={1} pt={1}>\n <Select\n label=\"Type\"\n items={items}\n selected={(items.length > 1 ? selectedTypes[0] : undefined) ?? 'all'}\n onChange={value =>\n setSelectedTypes(value === 'all' ? [] : [String(value)])\n }\n />\n </Box>\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 { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { EntityLifecycleFilter } from '../../filters';\nimport { EntityAutocompletePicker } from '../EntityAutocompletePicker';\n\n/** @public */\nexport type CatalogReactEntityLifecyclePickerClassKey = 'input';\n\nconst useStyles = makeStyles(\n {\n input: {},\n },\n {\n name: 'CatalogReactEntityLifecyclePicker',\n },\n);\n\n/** @public */\nexport const EntityLifecyclePicker = (props: { initialFilter?: string[] }) => {\n const { initialFilter = [] } = props;\n const classes = useStyles();\n\n return (\n <EntityAutocompletePicker\n label=\"Lifecycle\"\n name=\"lifecycles\"\n path=\"spec.lifecycle\"\n Filter={EntityLifecycleFilter}\n InputProps={{ className: classes.input }}\n initialSelectedOptions={initialFilter}\n />\n );\n};\n","/*\n * Copyright 2022 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 { EntityErrorFilter, EntityOrphanFilter } from '../../filters';\nimport {\n Box,\n Checkbox,\n FormControlLabel,\n makeStyles,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport React, { useState } from 'react';\nimport { useEntityList } from '../../hooks';\nimport { Autocomplete } from '@material-ui/lab';\n\n/** @public */\nexport type CatalogReactEntityProcessingStatusPickerClassKey = 'input';\n\nconst useStyles = makeStyles(\n {\n input: {},\n },\n {\n name: 'CatalogReactEntityProcessingStatusPickerPicker',\n },\n);\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\n/** @public */\nexport const EntityProcessingStatusPicker = () => {\n const classes = useStyles();\n const { updateFilters } = useEntityList();\n\n const [selectedAdvancedItems, setSelectedAdvancedItems] = useState<string[]>(\n [],\n );\n\n function orphanChange(value: boolean) {\n updateFilters({\n orphan: value ? new EntityOrphanFilter(value) : undefined,\n });\n }\n\n function errorChange(value: boolean) {\n updateFilters({\n error: value ? new EntityErrorFilter(value) : undefined,\n });\n }\n\n const availableAdvancedItems = ['Is Orphan', 'Has Error'];\n\n return (\n <Box pb={1} pt={1}>\n <Typography variant=\"button\" component=\"label\">\n Processing Status\n <Autocomplete\n multiple\n disableCloseOnSelect\n options={availableAdvancedItems}\n value={selectedAdvancedItems}\n onChange={(_: object, value: string[]) => {\n setSelectedAdvancedItems(value);\n orphanChange(value.includes('Is Orphan'));\n errorChange(value.includes('Has Error'));\n }}\n renderOption={(option, { selected }) => (\n <FormControlLabel\n control={\n <Checkbox\n icon={icon}\n checkedIcon={checkedIcon}\n checked={selected}\n />\n }\n onClick={event => event.preventDefault()}\n label={option}\n />\n )}\n size=\"small\"\n popupIcon={\n <ExpandMoreIcon data-testid=\"processing-status-picker-expand\" />\n }\n renderInput={params => (\n <TextField\n {...params}\n className={classes.input}\n variant=\"outlined\"\n />\n )}\n />\n </Typography>\n </Box>\n );\n};\n","/*\n * Copyright 2023 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 } from '@material-ui/core';\n\nimport React from 'react';\nimport { EntityNamespaceFilter } from '../../filters';\nimport { EntityAutocompletePicker } from '../EntityAutocompletePicker';\n\n/** @public */\nexport type CatalogReactEntityNamespacePickerClassKey = 'input';\n\nconst useStyles = makeStyles(\n {\n input: {},\n },\n {\n name: 'CatalogReactEntityNamespacePicker',\n },\n);\n\n/** @public */\nexport const EntityNamespacePicker = () => {\n const classes = useStyles();\n return (\n <EntityAutocompletePicker\n label=\"Namespace\"\n name=\"namespace\"\n path=\"metadata.namespace\"\n Filter={EntityNamespaceFilter}\n InputProps={{ className: classes.input }}\n />\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 */\nimport React from 'react';\nimport {\n humanizeEntityRef,\n EntityRefLink,\n EntityRefLinks,\n} from '@backstage/plugin-catalog-react';\nimport { Chip } from '@material-ui/core';\nimport { CatalogTableRow } from './types';\nimport { OverflowTooltip, TableColumn } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport { JsonArray } from '@backstage/types';\n\n// The columnFactories symbol is not directly exported, but through the\n// CatalogTable.columns field.\n/** @public */\nexport const columnFactories = Object.freeze({\n createNameColumn(options?: {\n defaultKind?: string;\n }): TableColumn<CatalogTableRow> {\n function formatContent(entity: Entity): string {\n return (\n entity.metadata?.title ||\n humanizeEntityRef(entity, {\n defaultKind: options?.defaultKind,\n })\n );\n }\n\n return {\n title: 'Name',\n field: 'resolved.name',\n highlight: true,\n customSort({ entity: entity1 }, { entity: entity2 }) {\n // TODO: We could implement this more efficiently by comparing field by field.\n // This has similar issues as above.\n return formatContent(entity1).localeCompare(formatContent(entity2));\n },\n render: ({ entity }) => (\n <EntityRefLink\n entityRef={entity}\n defaultKind={options?.defaultKind || 'Component'}\n title={entity.metadata?.title}\n />\n ),\n };\n },\n createSystemColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'System',\n field: 'resolved.partOfSystemRelationTitle',\n render: ({ resolved }) => (\n <EntityRefLinks\n entityRefs={resolved.partOfSystemRelations}\n defaultKind=\"system\"\n />\n ),\n };\n },\n createOwnerColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Owner',\n field: 'resolved.ownedByRelationsTitle',\n render: ({ resolved }) => (\n <EntityRefLinks\n entityRefs={resolved.ownedByRelations}\n defaultKind=\"group\"\n />\n ),\n };\n },\n createSpecTargetsColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Targets',\n field: 'entity.spec.targets',\n render: ({ entity }) => (\n <>\n {(entity?.spec?.targets || entity?.spec?.target) && (\n <OverflowTooltip\n text={(\n (entity!.spec!.targets as JsonArray) || [entity.spec.target]\n ).join(', ')}\n placement=\"bottom-start\"\n />\n )}\n </>\n ),\n };\n },\n createSpecTypeColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Type',\n field: 'entity.spec.type',\n hidden: true,\n width: 'auto',\n };\n },\n createSpecLifecycleColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Lifecycle',\n field: 'entity.spec.lifecycle',\n };\n },\n createMetadataDescriptionColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Description',\n field: 'entity.metadata.description',\n render: ({ entity }) => (\n <OverflowTooltip\n text={entity.metadata.description}\n placement=\"bottom-start\"\n />\n ),\n width: 'auto',\n };\n },\n createTagsColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Tags',\n field: 'entity.metadata.tags',\n cellStyle: {\n padding: '0px 16px 0px 20px',\n },\n render: ({ entity }) => (\n <>\n {entity.metadata.tags &&\n entity.metadata.tags.map(t => (\n <Chip\n key={t}\n label={t}\n size=\"small\"\n variant=\"outlined\"\n style={{ marginBottom: '0px' }}\n />\n ))}\n </>\n ),\n width: 'auto',\n };\n },\n createTitleColumn(options?: {\n hidden?: boolean;\n }): TableColumn<CatalogTableRow> {\n return {\n title: 'Title',\n field: 'entity.metadata.title',\n hidden: options?.hidden,\n searchable: true,\n };\n },\n createLabelColumn(\n key: string,\n options?: { title?: string; defaultValue?: string },\n ): TableColumn<CatalogTableRow> {\n return {\n title: options?.title || 'Label',\n field: 'entity.metadata.labels',\n cellStyle: {\n padding: '0px 16px 0px 20px',\n },\n render: ({ entity }: { entity: Entity }) => {\n const labels: Record<string, string> | undefined =\n entity.metadata?.labels;\n const specifiedLabelValue =\n (labels && labels[key]) || options?.defaultValue;\n return (\n <>\n {specifiedLabelValue && (\n <Chip\n key={specifiedLabelValue}\n label={specifiedLabelValue}\n size=\"small\"\n variant=\"outlined\"\n />\n )}\n </>\n );\n },\n width: 'auto',\n };\n },\n createNamespaceColumn(): TableColumn<CatalogTableRow> {\n return {\n title: 'Namespace',\n field: 'entity.metadata.namespace',\n width: 'auto',\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 */\nimport {\n ANNOTATION_EDIT_URL,\n ANNOTATION_VIEW_URL,\n Entity,\n RELATION_OWNED_BY,\n RELATION_PART_OF,\n} from '@backstage/catalog-model';\nimport {\n CodeSnippet,\n Table,\n TableColumn,\n TableProps,\n WarningPanel,\n} from '@backstage/core-components';\nimport {\n getEntityRelations,\n humanizeEntityRef,\n useEntityList,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { Typography } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport Edit from '@material-ui/icons/Edit';\nimport OpenInNew from '@material-ui/icons/OpenInNew';\nimport Star from '@material-ui/icons/Star';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport { capitalize } from 'lodash';\nimport React, { ReactNode, useMemo } from 'react';\nimport { columnFactories } from './columns';\nimport { CatalogTableRow } from './types';\nimport pluralize from 'pluralize';\n\n/**\n * Props for {@link CatalogTable}.\n *\n * @public\n */\nexport interface CatalogTableProps {\n columns?: TableColumn<CatalogTableRow>[];\n actions?: TableProps<CatalogTableRow>['actions'];\n tableOptions?: TableProps<CatalogTableRow>['options'];\n emptyContent?: ReactNode;\n subtitle?: string;\n}\n\nconst YellowStar = withStyles({\n root: {\n color: '#f3ba37',\n },\n})(Star);\n\nconst refCompare = (a: Entity, b: Entity) => {\n const toRef = (entity: Entity) =>\n entity.metadata.title ||\n humanizeEntityRef(entity, {\n defaultKind: 'Component',\n });\n\n return toRef(a).localeCompare(toRef(b));\n};\n\n/** @public */\nexport const CatalogTable = (props: CatalogTableProps) => {\n const { columns, actions, tableOptions, subtitle, emptyContent } = props;\n const { isStarredEntity, toggleStarredEntity } = useStarredEntities();\n const { loading, error, entities, filters } = useEntityList();\n\n const defaultColumns: TableColumn<CatalogTableRow>[] = useMemo(() => {\n return [\n columnFactories.createTitleColumn({ hidden: true }),\n columnFactories.createNameColumn({ defaultKind: filters.kind?.value }),\n ...createEntitySpecificColumns(),\n columnFactories.createMetadataDescriptionColumn(),\n columnFactories.createTagsColumn(),\n ];\n\n function createEntitySpecificColumns(): TableColumn<CatalogTableRow>[] {\n const baseColumns = [\n columnFactories.createSystemColumn(),\n columnFactories.createOwnerColumn(),\n columnFactories.createSpecTypeColumn(),\n columnFactories.createSpecLifecycleColumn(),\n ];\n switch (filters.kind?.value) {\n case 'user':\n return [];\n case 'domain':\n case 'system':\n return [columnFactories.createOwnerColumn()];\n case 'group':\n case 'template':\n return [columnFactories.createSpecTypeColumn()];\n case 'location':\n return [\n columnFactories.createSpecTypeColumn(),\n columnFactories.createSpecTargetsColumn(),\n ];\n default:\n return entities.every(\n entity => entity.metadata.namespace === 'default',\n )\n ? baseColumns\n : [...baseColumns, columnFactories.createNamespaceColumn()];\n }\n }\n }, [filters.kind?.value, entities]);\n\n const showTypeColumn = filters.type === undefined;\n // TODO(timbonicus): remove the title from the CatalogTable once using EntitySearchBar\n const titlePreamble = capitalize(filters.user?.value ?? 'all');\n\n if (error) {\n return (\n <div>\n <WarningPanel\n severity=\"error\"\n title=\"Could not fetch catalog entities.\"\n >\n <CodeSnippet language=\"text\" text={error.toString()} />\n </WarningPanel>\n </div>\n );\n }\n\n const defaultActions: TableProps<CatalogTableRow>['actions'] = [\n ({ entity }) => {\n const url = entity.metadata.annotations?.[ANNOTATION_VIEW_URL];\n const title = 'View';\n\n return {\n icon: () => (\n <>\n <Typography variant=\"srOnly\">{title}</Typography>\n <OpenInNew fontSize=\"small\" />\n </>\n ),\n tooltip: title,\n disabled: !url,\n onClick: () => {\n if (!url) return;\n window.open(url, '_blank');\n },\n };\n },\n ({ entity }) => {\n const url = entity.metadata.annotations?.[ANNOTATION_EDIT_URL];\n const title = 'Edit';\n\n return {\n icon: () => (\n <>\n <Typography variant=\"srOnly\">{title}</Typography>\n <Edit fontSize=\"small\" />\n </>\n ),\n tooltip: title,\n disabled: !url,\n onClick: () => {\n if (!url) return;\n window.open(url, '_blank');\n },\n };\n },\n ({ entity }) => {\n const isStarred = isStarredEntity(entity);\n const title = isStarred ? 'Remove from favorites' : 'Add to favorites';\n\n return {\n cellStyle: { paddingLeft: '1em' },\n icon: () => (\n <>\n <Typography variant=\"srOnly\">{title}</Typography>\n {isStarred ? <YellowStar /> : <StarBorder />}\n </>\n ),\n tooltip: title,\n onClick: () => toggleStarredEntity(entity),\n };\n },\n ];\n\n const rows = entities.sort(refCompare).map(entity => {\n const partOfSystemRelations = getEntityRelations(entity, RELATION_PART_OF, {\n kind: 'system',\n });\n const ownedByRelations = getEntityRelations(entity, RELATION_OWNED_BY);\n\n return {\n entity,\n resolved: {\n name: humanizeEntityRef(entity, {\n defaultKind: 'Component',\n }),\n ownedByRelationsTitle: ownedByRelations\n .map(r => humanizeEntityRef(r, { defaultKind: 'group' }))\n .join(', '),\n ownedByRelations,\n partOfSystemRelationTitle: partOfSystemRelations\n .map(r =>\n humanizeEntityRef(r, {\n defaultKind: 'system',\n }),\n )\n .join(', '),\n partOfSystemRelations,\n },\n };\n });\n\n const typeColumn = (columns || defaultColumns).find(c => c.title === 'Type');\n if (typeColumn) {\n typeColumn.hidden = !showTypeColumn;\n }\n const showPagination = rows.length > 20;\n const currentKind = filters.kind?.value || '';\n const currentType = filters.type?.value || '';\n const titleDisplay = [titlePreamble, currentType, pluralize(currentKind)]\n .filter(s => s)\n .join(' ');\n\n return (\n <Table<CatalogTableRow>\n isLoading={loading}\n columns={columns || defaultColumns}\n options={{\n paging: showPagination,\n pageSize: 20,\n actionsColumnIndex: -1,\n loadingType: 'linear',\n showEmptyDataSourceMessage: !loading,\n padding: 'dense',\n pageSizeOptions: [20, 50, 100],\n ...tableOptions,\n }}\n title={`${titleDisplay} (${entities.length})`}\n data={rows}\n actions={actions || defaultActions}\n subtitle={subtitle}\n emptyContent={emptyContent}\n />\n );\n};\n\nCatalogTable.columns = columnFactories;\n","/*\n * Copyright 2023 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 { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const catalogTranslationRef = createTranslationRef({\n id: 'catalog',\n messages: {\n catalog_page_title: `{{orgName}} Catalog`,\n catalog_page_create_button_title: 'Create',\n },\n});\n","/*\n * Copyright 2023 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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { errorApiRef, useApi } from '../apis';\nimport {\n translationApiRef,\n TranslationFunction,\n TranslationSnapshot,\n} from '../apis/alpha';\nimport { TranslationRef } from './TranslationRef';\n\n// Make sure we don't fill the logs with loading errors for the same ref\nconst loggedRefs = new WeakSet<TranslationRef<string, {}>>();\n\n/** @alpha */\nexport const useTranslationRef = <\n TMessages extends { [key in string]: string },\n>(\n translationRef: TranslationRef<string, TMessages>,\n): { t: TranslationFunction<TMessages> } => {\n const errorApi = useApi(errorApiRef);\n const translationApi = useApi(translationApiRef);\n\n const [snapshot, setSnapshot] = useState<TranslationSnapshot<TMessages>>(() =>\n translationApi.getTranslation(translationRef),\n );\n const observable = useMemo(\n () => translationApi.translation$(translationRef),\n [translationApi, translationRef],\n );\n\n const onError = useCallback(\n (error: Error) => {\n if (!loggedRefs.has(translationRef)) {\n const errMsg = `Failed to load translation resource '${translationRef.id}'; caused by ${error}`;\n // eslint-disable-next-line no-console\n console.error(errMsg);\n errorApi.post(new Error(errMsg));\n loggedRefs.add(translationRef);\n }\n },\n [errorApi, translationRef],\n );\n\n useEffect(() => {\n const subscription = observable.subscribe({\n next(next) {\n if (next.ready) {\n setSnapshot(next);\n }\n },\n error(error) {\n onError(error);\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [observable, onError]);\n\n // Keep track of if the provided translation ref changes, and in that case update the snapshot\n const initialRenderRef = useRef(true);\n useEffect(() => {\n if (initialRenderRef.current) {\n initialRenderRef.current = false;\n } else {\n setSnapshot(translationApi.getTranslation(translationRef));\n }\n }, [translationApi, translationRef]);\n\n if (!snapshot.ready) {\n throw new Promise<void>(resolve => {\n const subscription = observable.subscribe({\n next(next) {\n if (next.ready) {\n subscription.unsubscribe();\n resolve();\n }\n },\n error(error) {\n subscription.unsubscribe();\n onError(error);\n resolve();\n },\n });\n });\n }\n\n return { t: snapshot.t };\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 {\n Content,\n ContentHeader,\n CreateButton,\n PageWithHeader,\n SupportButton,\n TableColumn,\n TableProps,\n} from '@backstage/core-components';\nimport { configApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n CatalogFilterLayout,\n EntityLifecyclePicker,\n EntityListProvider,\n EntityProcessingStatusPicker,\n EntityOwnerPicker,\n EntityTagPicker,\n EntityTypePicker,\n UserListFilterKind,\n UserListPicker,\n EntityKindPicker,\n EntityNamespacePicker,\n EntityOwnerPickerProps,\n} from '@backstage/plugin-catalog-react';\nimport React, { ReactNode } from 'react';\nimport { createComponentRouteRef } from '../../routes';\nimport { CatalogTable, CatalogTableRow } from '../CatalogTable';\nimport { catalogTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/**\n * Props for root catalog pages.\n *\n * @public\n */\nexport interface DefaultCatalogPageProps {\n initiallySelectedFilter?: UserListFilterKind;\n columns?: TableColumn<CatalogTableRow>[];\n actions?: TableProps<CatalogTableRow>['actions'];\n initialKind?: string;\n tableOptions?: TableProps<CatalogTableRow>['options'];\n emptyContent?: ReactNode;\n ownerPickerMode?: EntityOwnerPickerProps['mode'];\n}\n\nexport function DefaultCatalogPage(props: DefaultCatalogPageProps) {\n const {\n columns,\n actions,\n initiallySelectedFilter = 'owned',\n initialKind = 'component',\n tableOptions = {},\n emptyContent,\n ownerPickerMode,\n } = props;\n const orgName =\n useApi(configApiRef).getOptionalString('organization.name') ?? 'Backstage';\n const createComponentLink = useRouteRef(createComponentRouteRef);\n const { t } = useTranslationRef(catalogTranslationRef);\n\n return (\n <PageWithHeader title={t('catalog_page_title', { orgName })} themeId=\"home\">\n <Content>\n <ContentHeader title=\"\">\n <CreateButton\n title={t('catalog_page_create_button_title')}\n to={createComponentLink && createComponentLink()}\n />\n <SupportButton>All your software catalog entities</SupportButton>\n </ContentHeader>\n <EntityListProvider>\n <CatalogFilterLayout>\n <CatalogFilterLayout.Filters>\n <EntityKindPicker initialFilter={initialKind} />\n <EntityTypePicker />\n <UserListPicker initialFilter={initiallySelectedFilter} />\n <EntityOwnerPicker mode={ownerPickerMode} />\n <EntityLifecyclePicker />\n <EntityTagPicker />\n <EntityProcessingStatusPicker />\n <EntityNamespacePicker />\n </CatalogFilterLayout.Filters>\n <CatalogFilterLayout.Content>\n <CatalogTable\n columns={columns}\n actions={actions}\n tableOptions={tableOptions}\n emptyContent={emptyContent}\n />\n </CatalogFilterLayout.Content>\n </CatalogFilterLayout>\n </EntityListProvider>\n </Content>\n </PageWithHeader>\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 from 'react';\nimport { useOutlet } from 'react-router-dom';\nimport {\n DefaultCatalogPage,\n DefaultCatalogPageProps,\n} from './DefaultCatalogPage';\n\nexport function CatalogPage(props: DefaultCatalogPageProps) {\n const outlet = useOutlet();\n\n return outlet || <DefaultCatalogPage {...props} />;\n}\n"],"names":["useStyles","makeStyles","container","overflow","name","OverflowTooltip","props","hover","setHover","useState","isMounted","useIsMounted","classes","handleToggled","truncated","Tooltip","title","text","placement","disableHoverListener","TextTruncate","line","onToggled","containerClassName","CreateButton","to","isXSScreen","useMediaQuery","theme","breakpoints","down","IconButton","component","RouterLink","color","size","AddCircleOutline","Button","variant","useAllKinds","catalogApi","useApi","catalogApiRef","error","loading","value","allKinds","useAsync","getEntityFacets","facets","then","response","kind","map","f","sort","filterKinds","allowedKinds","forcedKinds","availableKinds","filter","k","some","a","toLocaleLowerCase","concat","reduce","acc","useEntityKindFilter","opts","filters","queryParameters","kindParameter","updateFilters","useEntityList","queryParamKind","useMemo","flat","selectedKind","setSelectedKind","initialFilter","useEffect","EntityKindFilter","undefined","EntityKindPicker","hidden","alertApi","alertApiRef","post","message","severity","options","items","Object","keys","key","label","Box","pb","pt","Select","selected","onChange","String","useEntityTypeFilter","kindFilter","type","typeFilter","typeParameter","flattenedQueryTypes","Boolean","selectedTypes","setSelectedTypes","length","getTypes","availableTypes","setAvailableTypes","facetsRef","useRef","oldFacets","current","newTypes","Set","sortBy","count","stillValidTypes","includes","isEqual","EntityTypeFilter","EntityTypePicker","input","EntityLifecyclePicker","EntityAutocompletePicker","path","Filter","EntityLifecycleFilter","InputProps","className","initialSelectedOptions","icon","CheckBoxOutlineBlankIcon","fontSize","checkedIcon","CheckBoxIcon","EntityProcessingStatusPicker","selectedAdvancedItems","setSelectedAdvancedItems","orphanChange","orphan","EntityOrphanFilter","errorChange","EntityErrorFilter","availableAdvancedItems","Typography","Autocomplete","multiple","disableCloseOnSelect","_","renderOption","option","FormControlLabel","control","Checkbox","checked","onClick","event","preventDefault","popupIcon","ExpandMoreIcon","data-testid","renderInput","params","TextField","EntityNamespacePicker","EntityNamespaceFilter","columnFactories","freeze","createNameColumn","formatContent","entity","metadata","humanizeEntityRef","defaultKind","field","highlight","customSort","entity1","entity2","localeCompare","render","EntityRefLink","entityRef","createSystemColumn","resolved","EntityRefLinks","entityRefs","partOfSystemRelations","createOwnerColumn","ownedByRelations","createSpecTargetsColumn","spec","targets","target","join","createSpecTypeColumn","width","createSpecLifecycleColumn","createMetadataDescriptionColumn","description","createTagsColumn","cellStyle","padding","tags","t","Chip","style","marginBottom","createTitleColumn","searchable","createLabelColumn","labels","specifiedLabelValue","defaultValue","createNamespaceColumn","YellowStar","withStyles","root","Star","refCompare","b","toRef","CatalogTable","columns","actions","tableOptions","subtitle","emptyContent","isStarredEntity","toggleStarredEntity","useStarredEntities","entities","defaultColumns","createEntitySpecificColumns","baseColumns","every","namespace","showTypeColumn","titlePreamble","capitalize","user","div","WarningPanel","CodeSnippet","language","toString","defaultActions","url","annotations","ANNOTATION_VIEW_URL","OpenInNew","tooltip","disabled","window","open","ANNOTATION_EDIT_URL","Edit","isStarred","paddingLeft","StarBorder","rows","getEntityRelations","RELATION_PART_OF","RELATION_OWNED_BY","ownedByRelationsTitle","r","partOfSystemRelationTitle","typeColumn","find","c","showPagination","currentKind","currentType","titleDisplay","pluralize","s","Table","isLoading","paging","pageSize","actionsColumnIndex","loadingType","showEmptyDataSourceMessage","pageSizeOptions","data","catalogTranslationRef","createTranslationRef","id","messages","catalog_page_title","catalog_page_create_button_title","loggedRefs","WeakSet","useTranslationRef","translationRef","errorApi","errorApiRef","translationApi","translationApiRef","snapshot","setSnapshot","getTranslation","observable","translation$","onError","useCallback","has","errMsg","console","Error","add","subscription","subscribe","next","ready","unsubscribe","initialRenderRef","Promise","resolve","DefaultCatalogPage","initiallySelectedFilter","initialKind","ownerPickerMode","orgName","configApiRef","getOptionalString","createComponentLink","useRouteRef","createComponentRouteRef","PageWithHeader","themeId","Content","ContentHeader","SupportButton","EntityListProvider","CatalogFilterLayout","Filters","UserListPicker","EntityOwnerPicker","mode","EntityTagPicker","CatalogPage","useOutlet"],"sourceRoot":""}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([[2924],{12924:function(at,j,e){e.r(j),e.d(j,{TechDocsCustomHome:function(){return et}});var a=e(52322),h=e(2784),Z=e(64279),p=e(79692),b=e(81269),D=e(88624),P=e(88797),H=e(16787),I=e(95573),g=e(51953),B=e(37321),y=e(44394),A=e(6542),v=e(62774),T=e(42494);const R=t=>(0,T.Z)({root:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(22em, 1fr))",gridAutoRows:"1fr",gridGap:t.spacing(2)}}),E=(0,p.Z)(R,{name:"BackstageItemCardGrid"});function W(t){const{children:s,...o}=t,n=E(o);return(0,a.jsx)(v.Z,{className:n.root,...o,children:s})}var S=e(90436);const G=t=>(0,T.Z)({root:{color:t.palette.common.white,padding:t.spacing(2,2,3),backgroundImage:t.getPageTheme({themeId:"card"}).backgroundImage,backgroundPosition:0,backgroundSize:"inherit"}}),F=(0,p.Z)(G,{name:"BackstageItemCardHeader"});function N(t){const{title:s,subtitle:o,children:n}=t,d=F(t);return(0,a.jsxs)(v.Z,{className:d.root,children:[o&&(0,a.jsx)(S.Z,{variant:"subtitle2",component:"h3",children:o}),s&&(0,a.jsx)(S.Z,{variant:"h6",component:"h4",children:s}),n]})}var O=e(15929),V=e(94339),L=e(16111),z=e(24579),M=e(14503);const Q=t=>{const{entities:s}=t,o=(0,B.t)(I.Fw),n=(0,y.h_)(A.D);return s?(0,a.jsx)(W,{"data-testid":"docs-explore",children:s!=null&&s.length?s.map((d,c)=>{var l,i;return(0,a.jsxs)(V.Z,{children:[(0,a.jsx)(L.Z,{children:(0,a.jsx)(N,{title:(l=d.metadata.title)!==null&&l!==void 0?l:d.metadata.name})}),(0,a.jsx)(z.Z,{children:d.metadata.description}),(0,a.jsx)(M.Z,{children:(0,a.jsx)(O.Q,{to:o({namespace:(0,g.D)((i=d.metadata.namespace)!==null&&i!==void 0?i:"default",n),kind:(0,g.D)(d.kind,n),name:(0,g.D)(d.metadata.name,n)}),color:"primary","data-testid":"read_docs",children:"Read Docs"})})]},c)}):null}):null};var f=e(42081),U=e(30706),$=e(13788),x=e(42398),J=e(55015),K=e(538),X=e(9791),Y=e(6487),k=e(99152);const w=(0,p.Z)(t=>({tabsWrapper:{gridArea:"pageSubheader",backgroundColor:t.palette.background.paper,paddingLeft:t.spacing(3),minWidth:0},defaultTab:{...t.typography.caption,padding:t.spacing(3,3),textTransform:"uppercase",fontWeight:t.typography.fontWeightBold,color:t.palette.text.secondary},selected:{color:t.palette.text.primary},tabRoot:{"&:hover":{backgroundColor:t.palette.background.default,color:t.palette.text.primary}}}),{name:"BackstageHeaderTabs"});function q(t){const{tabs:s,onChange:o,selectedIndex:n}=t,[d,c]=(0,h.useState)(n!=null?n:0),l=w(),i=(0,h.useCallback)((u,r)=>{n===void 0&&c(r),o&&o(r)},[n,o]);return(0,h.useEffect)(()=>{n!==void 0&&c(n)},[n]),(0,a.jsx)(v.Z,{className:l.tabsWrapper,children:(0,a.jsx)(k.Z,{selectionFollowsFocus:!0,indicatorColor:"primary",textColor:"inherit",variant:"scrollable",scrollButtons:"auto","aria-label":"tabs",onChange:i,value:d,children:s.map((u,r)=>(0,h.createElement)(Y.Z,{...u.tabProps,"data-testid":`header-tab-${r}`,label:u.label,key:u.id,value:r,className:l.defaultTab,classes:{selected:l.selected,root:l.tabRoot}}))})})}const _={DocsTable:H.H,DocsCardGrid:Q},tt=({config:t,entities:s,index:o})=>{const d=(0,p.Z)({panelContainer:{marginBottom:"2rem",...t.panelCSS?t.panelCSS:{}}})(),{loading:c,isOwnedEntity:l}=(0,b.Z)(),i=_[t.panelType],u=s.filter(r=>t.filterPredicate==="ownedByUser"?c?!1:l(r):typeof t.filterPredicate=="function"&&t.filterPredicate(r));return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(U.y,{title:t.title,description:t.description,children:o===0?(0,a.jsx)($.q,{children:"Discover documentation in your ecosystem."}):null}),(0,a.jsx)("div",{className:d.panelContainer,children:(0,a.jsx)(i,{"data-testid":"techdocs-custom-panel",entities:u})})]})},et=t=>{const{tabsConfig:s}=t,[o,n]=(0,h.useState)(0),d=(0,y.h_)(D.A),{value:c,loading:l,error:i}=(0,Z.default)(async()=>(await d.getEntities({filter:{"metadata.annotations.backstage.io/techdocs-ref":P.n},fields:["apiVersion","kind","metadata","relations","spec.owner","spec.type"]})).items.filter(m=>{var C;return!!(!((C=m.metadata.annotations)===null||C===void 0)&&C["backstage.io/techdocs-ref"])})),u=s[o];return l?(0,a.jsx)(f.j,{children:(0,a.jsx)(x.V,{children:(0,a.jsx)(J.E,{})})}):i?(0,a.jsx)(f.j,{children:(0,a.jsx)(x.V,{children:(0,a.jsx)(K.G,{severity:"error",title:"Could not load available documentation.",children:(0,a.jsx)(X.O,{language:"text",text:i.toString()})})})}):(0,a.jsxs)(f.j,{children:[(0,a.jsx)(q,{selectedIndex:o,onChange:r=>n(r),tabs:s.map(({label:r},m)=>({id:m.toString(),label:r}))}),(0,a.jsx)(x.V,{"data-testid":"techdocs-content",children:u.panels.map((r,m)=>(0,a.jsx)(tt,{config:r,entities:c||[],index:m},m))})]})}}}]);})();
|
|
2
|
-
|
|
3
|
-
//# sourceMappingURL=2924.b96e10c0.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/2924.b96e10c0.chunk.js","mappings":"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","sources":["webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardHeader.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/Grids/DocsCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/HeaderTabs/HeaderTabs.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/TechDocsCustomHome.tsx"],"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 Box from '@material-ui/core/Box';\nimport {\n createStyles,\n makeStyles,\n Theme,\n WithStyles,\n} from '@material-ui/core/styles';\nimport React from 'react';\n\n/** @public */\nexport type ItemCardGridClassKey = 'root';\n\nconst styles = (theme: Theme) =>\n createStyles({\n root: {\n display: 'grid',\n gridTemplateColumns: 'repeat(auto-fill, minmax(22em, 1fr))',\n gridAutoRows: '1fr',\n gridGap: theme.spacing(2),\n },\n });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardGrid' });\n\n/** @public */\nexport type ItemCardGridProps = Partial<WithStyles<typeof styles>> & {\n /**\n * The Card items of the grid.\n */\n children?: React.ReactNode;\n};\n\n/**\n * A default grid to use when arranging \"item cards\" - cards that let users\n * select among several options.\n *\n * @remarks\n * The immediate children are expected to be Material UI Card components.\n *\n * Styles for the grid can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardGrid title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * This can be useful for e.g. overriding gridTemplateColumns to adapt the\n * minimum size of the cells to fit the content better.\n *\n * @public\n */\nexport function ItemCardGrid(props: ItemCardGridProps) {\n const { children, ...otherProps } = props;\n const classes = useStyles(otherProps);\n return (\n <Box className={classes.root} {...otherProps}>\n {children}\n </Box>\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 */\nimport { BackstageTheme } from '@backstage/theme';\nimport Box from '@material-ui/core/Box';\nimport { createStyles, makeStyles, WithStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\n\n/** @public */\nexport type ItemCardHeaderClassKey = 'root';\n\nconst styles = (theme: BackstageTheme) =>\n createStyles({\n root: {\n color: theme.palette.common.white,\n padding: theme.spacing(2, 2, 3),\n backgroundImage: theme.getPageTheme({ themeId: 'card' }).backgroundImage,\n backgroundPosition: 0,\n backgroundSize: 'inherit',\n },\n });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardHeader' });\n\n/** @public */\nexport type ItemCardHeaderProps = Partial<WithStyles<typeof styles>> & {\n /**\n * A large title to show in the header, providing the main heading.\n *\n * Use this if you want to have the default styling and placement of a title.\n */\n title?: React.ReactNode;\n /**\n * A slightly smaller title to show in the header, providing additional\n * details.\n *\n * Use this if you want to have the default styling and placement of a\n * subtitle.\n */\n subtitle?: React.ReactNode;\n /**\n * Custom children to draw in the header.\n *\n * If the title and/or subtitle were specified, the children are drawn below\n * those.\n */\n children?: React.ReactNode;\n};\n\n/**\n * A simple card header, rendering a default look for \"item cards\" - cards that\n * are arranged in a grid for users to select among several options.\n *\n * @remarks\n * This component expects to be placed within a Material UI `<CardMedia>`.\n *\n * Styles for the header can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardHeader title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * @public\n */\nexport function ItemCardHeader(props: ItemCardHeaderProps) {\n const { title, subtitle, children } = props;\n const classes = useStyles(props);\n return (\n <Box className={classes.root}>\n {subtitle && (\n <Typography variant=\"subtitle2\" component=\"h3\">\n {subtitle}\n </Typography>\n )}\n {title && (\n <Typography variant=\"h6\" component=\"h4\">\n {title}\n </Typography>\n )}\n {children}\n </Box>\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 { rootDocsRouteRef } from '../../../routes';\nimport { toLowerMaybe } from '../../../helpers';\nimport { Entity } from '@backstage/catalog-model';\nimport { useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';\nimport {\n LinkButton,\n ItemCardGrid,\n ItemCardHeader,\n} from '@backstage/core-components';\nimport { Card, CardActions, CardContent, CardMedia } from '@material-ui/core';\nimport React from 'react';\n\n/**\n * Props for {@link DocsCardGrid}\n *\n * @public\n */\nexport type DocsCardGridProps = {\n entities: Entity[] | undefined;\n};\n\n/**\n * Component which accepts a list of entities and renders a item card for each entity\n *\n * @public\n */\nexport const DocsCardGrid = (props: DocsCardGridProps) => {\n const { entities } = props;\n const getRouteToReaderPageFor = useRouteRef(rootDocsRouteRef);\n const config = useApi(configApiRef);\n if (!entities) return null;\n return (\n <ItemCardGrid data-testid=\"docs-explore\">\n {!entities?.length\n ? null\n : entities.map((entity, index: number) => (\n <Card key={index}>\n <CardMedia>\n <ItemCardHeader\n title={entity.metadata.title ?? entity.metadata.name}\n />\n </CardMedia>\n <CardContent>{entity.metadata.description}</CardContent>\n <CardActions>\n <LinkButton\n to={getRouteToReaderPageFor({\n namespace: toLowerMaybe(\n entity.metadata.namespace ?? 'default',\n config,\n ),\n kind: toLowerMaybe(entity.kind, config),\n name: toLowerMaybe(entity.metadata.name, config),\n })}\n color=\"primary\"\n data-testid=\"read_docs\"\n >\n Read Docs\n </LinkButton>\n </CardActions>\n </Card>\n ))}\n </ItemCardGrid>\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 */\nimport Box from '@material-ui/core/Box';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TabUI, { TabProps } from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport React, { useCallback, useEffect, useState } from 'react';\n\n// TODO(blam): Remove this implementation when the Tabs are ready\n// This is just a temporary solution to implementing tabs for now\n\n/** @public */\nexport type HeaderTabsClassKey =\n | 'tabsWrapper'\n | 'defaultTab'\n | 'selected'\n | 'tabRoot';\n\nconst useStyles = makeStyles(\n theme => ({\n tabsWrapper: {\n gridArea: 'pageSubheader',\n backgroundColor: theme.palette.background.paper,\n paddingLeft: theme.spacing(3),\n minWidth: 0,\n },\n defaultTab: {\n ...theme.typography.caption,\n padding: theme.spacing(3, 3),\n textTransform: 'uppercase',\n fontWeight: theme.typography.fontWeightBold,\n color: theme.palette.text.secondary,\n },\n selected: {\n color: theme.palette.text.primary,\n },\n tabRoot: {\n '&:hover': {\n backgroundColor: theme.palette.background.default,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'BackstageHeaderTabs' },\n);\n\nexport type Tab = {\n id: string;\n label: string;\n tabProps?: TabProps<React.ElementType, { component?: React.ElementType }>;\n};\n\ntype HeaderTabsProps = {\n tabs: Tab[];\n onChange?: (index: number) => void;\n selectedIndex?: number;\n};\n\n/**\n * Horizontal Tabs component\n *\n * @public\n *\n */\nexport function HeaderTabs(props: HeaderTabsProps) {\n const { tabs, onChange, selectedIndex } = props;\n const [selectedTab, setSelectedTab] = useState<number>(selectedIndex ?? 0);\n const styles = useStyles();\n\n const handleChange = useCallback(\n (_: React.ChangeEvent<{}>, index: number) => {\n if (selectedIndex === undefined) {\n setSelectedTab(index);\n }\n if (onChange) onChange(index);\n },\n [selectedIndex, onChange],\n );\n\n useEffect(() => {\n if (selectedIndex !== undefined) {\n setSelectedTab(selectedIndex);\n }\n }, [selectedIndex]);\n\n return (\n <Box className={styles.tabsWrapper}>\n <Tabs\n selectionFollowsFocus\n indicatorColor=\"primary\"\n textColor=\"inherit\"\n variant=\"scrollable\"\n scrollButtons=\"auto\"\n aria-label=\"tabs\"\n onChange={handleChange}\n value={selectedTab}\n >\n {tabs.map((tab, index) => (\n <TabUI\n {...tab.tabProps}\n data-testid={`header-tab-${index}`}\n label={tab.label}\n key={tab.id}\n value={index}\n className={styles.defaultTab}\n classes={{ selected: styles.selected, root: styles.tabRoot }}\n />\n ))}\n </Tabs>\n </Box>\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, { useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport { makeStyles } from '@material-ui/core';\nimport { CSSProperties } from '@material-ui/styles';\nimport {\n CATALOG_FILTER_EXISTS,\n catalogApiRef,\n CatalogApi,\n useEntityOwnership,\n} from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { DocsTable } from './Tables';\nimport { DocsCardGrid } from './Grids';\nimport { TechDocsPageWrapper } from './TechDocsPageWrapper';\n\nimport {\n CodeSnippet,\n Content,\n HeaderTabs,\n Progress,\n WarningPanel,\n SupportButton,\n ContentHeader,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst panels = {\n DocsTable: DocsTable,\n DocsCardGrid: DocsCardGrid,\n};\n\n/**\n * Available panel types\n *\n * @public\n */\nexport type PanelType = 'DocsCardGrid' | 'DocsTable';\n\n/**\n * Type representing a TechDocsCustomHome panel.\n *\n * @public\n */\nexport interface PanelConfig {\n title: string;\n description: string;\n panelType: PanelType;\n panelCSS?: CSSProperties;\n filterPredicate: ((entity: Entity) => boolean) | string;\n}\n\n/**\n * Type representing a TechDocsCustomHome tab.\n *\n * @public\n */\nexport interface TabConfig {\n label: string;\n panels: PanelConfig[];\n}\n\n/**\n * Type representing a list of TechDocsCustomHome tabs.\n *\n * @public\n */\nexport type TabsConfig = TabConfig[];\n\nconst CustomPanel = ({\n config,\n entities,\n index,\n}: {\n config: PanelConfig;\n entities: Entity[];\n index: number;\n}) => {\n const useStyles = makeStyles({\n panelContainer: {\n marginBottom: '2rem',\n ...(config.panelCSS ? config.panelCSS : {}),\n },\n });\n const classes = useStyles();\n const { loading: loadingOwnership, isOwnedEntity } = useEntityOwnership();\n\n const Panel = panels[config.panelType];\n\n const shownEntities = entities.filter(entity => {\n if (config.filterPredicate === 'ownedByUser') {\n if (loadingOwnership) {\n return false;\n }\n return isOwnedEntity(entity);\n }\n\n return (\n typeof config.filterPredicate === 'function' &&\n config.filterPredicate(entity)\n );\n });\n\n return (\n <>\n <ContentHeader title={config.title} description={config.description}>\n {index === 0 ? (\n <SupportButton>\n Discover documentation in your ecosystem.\n </SupportButton>\n ) : null}\n </ContentHeader>\n <div className={classes.panelContainer}>\n <Panel data-testid=\"techdocs-custom-panel\" entities={shownEntities} />\n </div>\n </>\n );\n};\n\n/**\n * Props for {@link TechDocsCustomHome}\n *\n * @public\n */\nexport type TechDocsCustomHomeProps = {\n tabsConfig: TabsConfig;\n};\n\nexport const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {\n const { tabsConfig } = props;\n const [selectedTab, setSelectedTab] = useState<number>(0);\n const catalogApi: CatalogApi = useApi(catalogApiRef);\n\n const {\n value: entities,\n loading,\n error,\n } = useAsync(async () => {\n const response = await catalogApi.getEntities({\n filter: {\n 'metadata.annotations.backstage.io/techdocs-ref': CATALOG_FILTER_EXISTS,\n },\n fields: [\n 'apiVersion',\n 'kind',\n 'metadata',\n 'relations',\n 'spec.owner',\n 'spec.type',\n ],\n });\n return response.items.filter((entity: Entity) => {\n return !!entity.metadata.annotations?.['backstage.io/techdocs-ref'];\n });\n });\n\n const currentTabConfig = tabsConfig[selectedTab];\n\n if (loading) {\n return (\n <TechDocsPageWrapper>\n <Content>\n <Progress />\n </Content>\n </TechDocsPageWrapper>\n );\n }\n\n if (error) {\n return (\n <TechDocsPageWrapper>\n <Content>\n <WarningPanel\n severity=\"error\"\n title=\"Could not load available documentation.\"\n >\n <CodeSnippet language=\"text\" text={error.toString()} />\n </WarningPanel>\n </Content>\n </TechDocsPageWrapper>\n );\n }\n\n return (\n <TechDocsPageWrapper>\n <HeaderTabs\n selectedIndex={selectedTab}\n onChange={index => setSelectedTab(index)}\n tabs={tabsConfig.map(({ label }, index) => ({\n id: index.toString(),\n label,\n }))}\n />\n <Content data-testid=\"techdocs-content\">\n {currentTabConfig.panels.map((config, index) => (\n <CustomPanel\n key={index}\n config={config}\n entities={!!entities ? entities : []}\n index={index}\n />\n ))}\n </Content>\n </TechDocsPageWrapper>\n );\n};\n"],"names":["styles","theme","createStyles","root","display","gridTemplateColumns","gridAutoRows","gridGap","spacing","useStyles","makeStyles","name","ItemCardGrid","props","children","otherProps","classes","Box","className","color","palette","common","white","padding","backgroundImage","getPageTheme","themeId","backgroundPosition","backgroundSize","ItemCardHeader","title","subtitle","Typography","variant","component","DocsCardGrid","entities","getRouteToReaderPageFor","useRouteRef","rootDocsRouteRef","config","useApi","configApiRef","data-testid","length","map","entity","index","Card","CardMedia","metadata","CardContent","description","CardActions","LinkButton","to","namespace","toLowerMaybe","kind","tabsWrapper","gridArea","backgroundColor","background","paper","paddingLeft","minWidth","defaultTab","typography","caption","textTransform","fontWeight","fontWeightBold","text","secondary","selected","primary","tabRoot","default","HeaderTabs","tabs","onChange","selectedIndex","selectedTab","setSelectedTab","useState","handleChange","useCallback","_","undefined","useEffect","Tabs","selectionFollowsFocus","indicatorColor","textColor","scrollButtons","aria-label","value","tab","TabUI","tabProps","label","key","id","panels","DocsTable","CustomPanel","panelContainer","marginBottom","panelCSS","loading","loadingOwnership","isOwnedEntity","useEntityOwnership","Panel","panelType","shownEntities","filter","filterPredicate","ContentHeader","SupportButton","div","TechDocsCustomHome","tabsConfig","catalogApi","catalogApiRef","error","useAsync","getEntities","CATALOG_FILTER_EXISTS","fields","items","annotations","currentTabConfig","TechDocsPageWrapper","Content","Progress","WarningPanel","severity","CodeSnippet","language","toString"],"sourceRoot":""}
|