@spotify/backstage-plugin-rbac 0.7.9 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @spotify/backstage-plugin-rbac
 
+## 0.8.0
+
+### Minor Changes
+
+- This plugin now uses a more compact header style. Note: the [@backstage/ui](https://ui.backstage.io/install) package must be installed and available in your Backstage instance.
+
+### Patch Changes
+
+- Updated dependency `backstage` to `1.44.1`.
+- Updated dependencies
+  - @spotify/backstage-plugin-core@0.8.11
+  - @spotify/backstage-plugin-rbac-common@0.6.10
+
+## 0.7.10
+
+### Patch Changes
+
+- Updated dependency `backstage` to `1.42.0`.
+- Updated dependencies
+- Updated dependencies
+  - @spotify/backstage-plugin-core@0.8.10
+  - @spotify/backstage-plugin-rbac-common@0.6.9
+
 ## 0.7.9
 
 ### Patch Changes

package/dist/alpha/apis.esm.js

@@ -1,2 +1,2 @@
-import{ApiBlueprint as i,createApiFactory as r,fetchApiRef as e,discoveryApiRef as c}from"@backstage/frontend-plugin-api";import{rbacApiRef as o,RBACApi as t}from"../api.esm.js";const a=i.make({params:{factory:r({api:o,deps:{fetchApi:e,discoveryApi:c},factory:p=>new t(p)})}});export{a as rbacApi};
+import{ApiBlueprint as e,fetchApiRef as r,discoveryApiRef as o}from"@backstage/frontend-plugin-api";import{rbacApiRef as A,RBACApi as c}from"../api.esm.js";const f=e.make({params:p=>p({api:A,deps:{fetchApi:r,discoveryApi:o},factory:i=>new c(i)})});export{f as rbacApi};
 //# sourceMappingURL=apis.esm.js.map

package/dist/alpha/pages.esm.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{convertLegacyRouteRef as t,compatWrapper as e}from"@backstage/core-compat-api";import{PageBlueprint as a}from"@backstage/frontend-plugin-api";import{rootRouteRef as m}from"../routes.esm.js";const p=a.make({params:{routeRef:t(m),defaultPath:"/rbac",loader:()=>import("../components/Root.esm.js").then(o=>e(r(o.RBACRoot,{})))}});export{p as rbacPage};
+import{jsx as r}from"react/jsx-runtime";import{convertLegacyRouteRef as t,compatWrapper as e}from"@backstage/core-compat-api";import{PageBlueprint as a}from"@backstage/frontend-plugin-api";import{rootRouteRef as m}from"../routes.esm.js";const p=a.make({params:{routeRef:t(m),path:"/rbac",loader:()=>import("../components/Root.esm.js").then(o=>e(r(o.RBACRoot,{})))}});export{p as rbacPage};
 //# sourceMappingURL=pages.esm.js.map

package/dist/alpha/plugin.esm.js

@@ -1,2 +1,2 @@
-import{createFrontendPlugin as r}from"@backstage/frontend-plugin-api";import{rbacApi as o}from"./apis.esm.js";import{rbacPage as a}from"./pages.esm.js";var e=r({id:"rbac",extensions:[a,o]});export{e as default};
+import{createFrontendPlugin as r}from"@backstage/frontend-plugin-api";import{rbacApi as o}from"./apis.esm.js";import{rbacPage as a}from"./pages.esm.js";var e=r({pluginId:"rbac",extensions:[a,o]});export{e as default};
 //# sourceMappingURL=plugin.esm.js.map

package/dist/alpha.d.ts

@@ -5,19 +5,17 @@ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 /**
  * @public
  */
-declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{}, {}, {
-    [x: `api:${string}`]: _backstage_frontend_plugin_api.ExtensionDefinition<{
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
+    "api:rbac": _backstage_frontend_plugin_api.ExtensionDefinition<{
         kind: "api";
         name: undefined;
         config: {};
         configInput: {};
-        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
         inputs: {};
-        params: {
-            factory: _backstage_core_plugin_api.AnyApiFactory;
-        };
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
     }>;
-    [x: `page:${string}`]: _backstage_frontend_plugin_api.ExtensionDefinition<{
+    "page:rbac": _backstage_frontend_plugin_api.ExtensionDefinition<{
         kind: "page";
         name: undefined;
         config: {
@@ -26,12 +24,13 @@ declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{}, {}, {
         configInput: {
             path?: string | undefined;
         };
-        output: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;
         }>;
         inputs: {};
         params: {
-            defaultPath: string;
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
             loader: () => Promise<JSX.Element>;
             routeRef?: _backstage_frontend_plugin_api.RouteRef;
         };

package/dist/components/Home/HomePage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Progress as n,ErrorPanel as c,ContentHeader as s}from"@backstage/core-components";import{Grid as a,Typography as f}from"@material-ui/core";import h from"react-use/lib/useMount";import{PageWrapper as P}from"../Layout/PageWrapper.esm.js";import{usePoliciesContext as d}from"../Policies/PoliciesProvider.esm.js";import{useFetchPolicies as g}from"../Policies/useFetchPolicies.esm.js";import{PolicyImportButton as u}from"../Policy/PolicyImportButton.esm.js";import m from"./HomePageContent.esm.js";import x from"./HomePageEmptyState.esm.js";function y(){const{fallbackPolicy:i,policies:r}=d(),{loading:p,error:t,fetchPolicies:l}=g();h(()=>{r||l()});let e;return p?e=o(a,{item:!0,xs:12,children:o(n,{})}):t?e=o(c,{error:t}):i&&(!r||r.length===0)?e=o(m,{policies:[i]}):!r||r.length===0?e=o(x,{}):e=o(m,{policies:r}),o(P,{pages:void 0,header:o(s,{titleComponent:o(f,{variant:"h2",children:"RBAC Policies"}),children:o(u,{})}),children:e})}export{y as HomePage};
+import{jsx as o}from"react/jsx-runtime";import{Progress as c,ErrorPanel as s}from"@backstage/core-components";import{Grid as n}from"@material-ui/core";import f from"react-use/lib/useMount";import{PageWrapper as a}from"../Layout/PageWrapper.esm.js";import{usePoliciesContext as P}from"../Policies/PoliciesProvider.esm.js";import{useFetchPolicies as g}from"../Policies/useFetchPolicies.esm.js";import{PolicyImportButton as h}from"../Policy/PolicyImportButton.esm.js";import m from"./HomePageContent.esm.js";import d from"./HomePageEmptyState.esm.js";function u(){const{fallbackPolicy:e,policies:r}=P(),{loading:p,error:t,fetchPolicies:l}=g();f(()=>{r||l()});let i;return p?i=o(n,{item:!0,xs:12,children:o(c,{})}):t?i=o(s,{error:t}):e&&(!r||r.length===0)?i=o(m,{policies:[e]}):!r||r.length===0?i=o(d,{}):i=o(m,{policies:r}),o(a,{pages:void 0,pageTitle:"Policies",primaryAction:o(h,{}),children:i})}export{u as HomePage};
 //# sourceMappingURL=HomePage.esm.js.map

package/dist/components/Layout/Header.esm.js

@@ -0,0 +1,2 @@
+import{jsxs as o,Fragment as a,jsx as e}from"react/jsx-runtime";import{useApi as m,configApiRef as p}from"@backstage/core-plugin-api";import{Header as n}from"@backstage/ui";import{Helmet as s}from"react-helmet";const f=t=>{const r=m(p).getOptionalString("app.title")||"Backstage",i=`${t.title} | ${r}`;return o(a,{children:[e(s,{defaultTitle:i}),e(n,{...t})]})};export{f as Header};
+//# sourceMappingURL=Header.esm.js.map

package/dist/components/Layout/PageWrapper.esm.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{Page as a,Header as l,Content as c}from"@backstage/core-components";import{Container as s,Grid as n}from"@material-ui/core";import{SpotifyLicenseBanner as d}from"@spotify/backstage-plugin-core";import{Breadcrumbs as m}from"./Breadcrumbs.esm.js";function p({children:o,header:t,pages:r}){return i(a,{themeId:"tool",children:[e(d,{backend:"rbac",invalidLicenseMessage:"Your existing policy will continue to apply, but you will be unable to make any changes until you enter a valid license."}),e(l,{title:"Role Based Access Control"}),e(c,{children:e(s,{maxWidth:"lg",children:i(n,{container:!0,spacing:4,children:[i(n,{item:!0,xs:12,children:[r&&e(m,{pages:r}),t]}),o]})})})]})}export{p as PageWrapper};
+import{jsxs as c,Fragment as l,jsx as e}from"react/jsx-runtime";import{useRouteRef as m}from"@backstage/core-plugin-api";import{HeaderPage as s,Grid as o}from"@backstage/ui";import p from"@material-ui/icons/Lock";import{SpotifyLicenseBanner as u}from"@spotify/backstage-plugin-core";import{rootRouteRef as d}from"../../routes.esm.js";import{Header as f}from"./Header.esm.js";function g({children:r,pageTitle:i,primaryAction:t,pages:n}){const a=m(d)();return c(l,{children:[e(u,{backend:"rbac",invalidLicenseMessage:"Your existing policy will continue to apply, but you will be unable to make any changes until you enter a valid license."}),e(f,{title:"Role Based Access Control",titleLink:a,icon:e(p,{})}),e(s,{title:i,customActions:t,breadcrumbs:n}),e(o.Root,{columns:"1",mx:"5",children:e(o.Item,{children:r})})]})}export{g as PageWrapper};
 //# sourceMappingURL=PageWrapper.esm.js.map

package/dist/components/Policy/PolicyOptionsPage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a,Fragment as l}from"react/jsx-runtime";import{ContentHeader as m}from"@backstage/core-components";import{makeStyles as y,Typography as o,Button as g,Grid as f,Chip as u}from"@material-ui/core";import{invariant as v}from"@spotify/backstage-plugin-core";import{useParams as x,useNavigate as w}from"react-router-dom";import{PageWrapper as b}from"../Layout/PageWrapper.esm.js";import{PolicyOptionCard as s}from"./PolicyOptionCard.esm.js";import{PolicyProvider as P,usePolicyContext as N}from"./PolicyProvider.esm.js";const S=y(t=>({title:{display:"flex",alignItems:"center",paddingBottom:t.spacing(2)},maxWidthWrapper:{maxWidth:"800px"},readOnlyChip:{marginLeft:t.spacing(1)},paragraph:{paddingBottom:t.spacing(1)}}));function C(){const{versionId:t}=x();return v(t),e(P,{policyId:t,children:e(c,{})})}function c(){const t=S(),{policy:i,updateLocalDraft:p}=N(),d=w(),r=i.status!=="draft",n=h=>{p({...i,options:{...i.options,resolutionStrategy:h}})};return e(b,{pages:[{title:i.name,path:".."},{title:"Options"}],header:e(m,{titleComponent:e(o,{variant:"h2",children:"Options"}),children:e(g,{variant:"outlined",color:"primary",onClick:()=>d("..",{relative:"path"}),children:"Back to policy"})}),children:e(f,{item:!0,xs:12,className:t.maxWidthWrapper,children:a("div",{children:[a("div",{className:t.title,children:[e(o,{variant:"h5",component:"h1",children:"Decision resolution strategy"}),r?e(u,{label:"Read only",className:t.readOnlyChip}):null]}),e(o,{variant:"body2",component:"p",className:t.paragraph,children:"Multiple decisions from multiple roles could be applicable to a single user when authorizing a permission request. Please select the decision resolution strategy that makes sense for your policy."}),e(o,{variant:"body2",component:"p",className:t.paragraph,children:"Please note this strategy will be applied to the whole policy and greatly affects the outcome of permission decisions."}),e(s,{title:"Any-allow",changeResolutionStrategy:()=>n("any-allow"),readonly:r,defaultOption:!0,description:a(l,{children:[e(o,{variant:"body2",color:"textSecondary",component:"p",className:t.paragraph,children:"The first allow decision from all of the roles and decisions is the final result. A single explicit allow or an allow as a result of a conditional decision would result in a final allow decision, otherwise the decision is deny."}),e(o,{variant:"body2",color:"textSecondary",component:"p",className:t.paragraph,children:"With this option, the order of roles and decisions does not matter."})]}),active:i.options.resolutionStrategy==="any-allow"}),e(s,{title:"First match",changeResolutionStrategy:()=>n("first-match"),readonly:r,description:a(l,{children:[e(o,{variant:"body2",color:"textSecondary",component:"p",className:t.paragraph,children:"The first matching decision from the first matching role that is applicable to the user is the final result, regardless if that decision is an allow, deny or conditional."}),e(o,{variant:"body2",color:"textSecondary",component:"p",className:t.paragraph,children:"With this option, the order in which you define roles and decisions matters."})]}),active:i.options.resolutionStrategy==="first-match"})]})})})}export{C as PolicyOptionsPage,c as PolicyOptionsPageContent};
+import{jsx as o,jsxs as a,Fragment as s}from"react/jsx-runtime";import{useRouteRef as y}from"@backstage/core-plugin-api";import{makeStyles as f,Button as g,Grid as u,Typography as i,Chip as v}from"@material-ui/core";import{invariant as x}from"@spotify/backstage-plugin-core";import{useParams as w,useNavigate as b}from"react-router-dom";import{rootRouteRef as P}from"../../routes.esm.js";import{PageWrapper as N}from"../Layout/PageWrapper.esm.js";import{PolicyOptionCard as c}from"./PolicyOptionCard.esm.js";import{PolicyProvider as S,usePolicyContext as W}from"./PolicyProvider.esm.js";const C=f(e=>({title:{display:"flex",alignItems:"center",paddingBottom:e.spacing(2)},maxWidthWrapper:{maxWidth:"800px"},readOnlyChip:{marginLeft:e.spacing(1)},paragraph:{paddingBottom:e.spacing(1)}}));function O(){const{versionId:e}=w();return x(e),o(S,{policyId:e,children:o(p,{})})}function p(){const e=C(),{policy:t,updateLocalDraft:d}=W(),h=b(),n=y(P)(),r=t.status!=="draft",l=m=>{d({...t,options:{...t.options,resolutionStrategy:m}})};return o(N,{pages:[{label:"Policies",href:n},{label:t.name,href:`${n}/versions/${t.id}`}],pageTitle:"Options",primaryAction:o(g,{variant:"outlined",color:"primary",onClick:()=>h("..",{relative:"path"}),children:"Back to policy"}),children:o(u,{item:!0,xs:12,className:e.maxWidthWrapper,children:a("div",{children:[a("div",{className:e.title,children:[o(i,{variant:"h5",component:"h1",children:"Decision resolution strategy"}),r?o(v,{label:"Read only",className:e.readOnlyChip}):null]}),o(i,{variant:"body2",component:"p",className:e.paragraph,children:"Multiple decisions from multiple roles could be applicable to a single user when authorizing a permission request. Please select the decision resolution strategy that makes sense for your policy."}),o(i,{variant:"body2",component:"p",className:e.paragraph,children:"Please note this strategy will be applied to the whole policy and greatly affects the outcome of permission decisions."}),o(c,{title:"Any-allow",changeResolutionStrategy:()=>l("any-allow"),readonly:r,defaultOption:!0,description:a(s,{children:[o(i,{variant:"body2",color:"textSecondary",component:"p",className:e.paragraph,children:"The first allow decision from all of the roles and decisions is the final result. A single explicit allow or an allow as a result of a conditional decision would result in a final allow decision, otherwise the decision is deny."}),o(i,{variant:"body2",color:"textSecondary",component:"p",className:e.paragraph,children:"With this option, the order of roles and decisions does not matter."})]}),active:t.options.resolutionStrategy==="any-allow"}),o(c,{title:"First match",changeResolutionStrategy:()=>l("first-match"),readonly:r,description:a(s,{children:[o(i,{variant:"body2",color:"textSecondary",component:"p",className:e.paragraph,children:"The first matching decision from the first matching role that is applicable to the user is the final result, regardless if that decision is an allow, deny or conditional."}),o(i,{variant:"body2",color:"textSecondary",component:"p",className:e.paragraph,children:"With this option, the order in which you define roles and decisions matters."})]}),active:t.options.resolutionStrategy==="first-match"})]})})})}export{O as PolicyOptionsPage,p as PolicyOptionsPageContent};
 //# sourceMappingURL=PolicyOptionsPage.esm.js.map

package/dist/components/Policy/PolicyPage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as r,Fragment as g}from"react/jsx-runtime";import{ContentHeader as v}from"@backstage/core-components";import{useApi as x,alertApiRef as T}from"@backstage/core-plugin-api";import{EntityDisplayName as b}from"@backstage/plugin-catalog-react";import{Grid as c,Typography as u}from"@material-ui/core";import{invariant as C}from"@spotify/backstage-plugin-core";import{UpdateDraftRequestParser as R}from"@spotify/backstage-plugin-rbac-common";import{useState as D}from"react";import{useParams as A}from"react-router-dom";import{getZodValidationToKeyMap as I}from"../../utils/getZodValidationToKeyMap.esm.js";import L from"../EditableInput/EditableInput.esm.js";import{PageWrapper as j}from"../Layout/PageWrapper.esm.js";import{Title as q}from"../Layout/Title.esm.js";import{PolicyTester as M}from"../PolicyTester/PolicyTester.esm.js";import{RelativeTime as N}from"../RelativeTime/RelativeTime.esm.js";import{RolesTable as S}from"../Roles/RolesTable.esm.js";import E from"./EmptyRolesCard.esm.js";import{getActivityDetails as F}from"./getActivityDetails.esm.js";import{PolicyMenu as G}from"./PolicyMenu.esm.js";import{PolicyProvider as H,usePolicyContext as K}from"./PolicyProvider.esm.js";import{PolicyStatusChip as U}from"./PolicyStatusChip.esm.js";function V(){const{versionId:e}=A();return C(e),t(H,{policyId:e,children:t(y,{})})}function y(){const{policy:e,updateLocalDraft:n}=K(),m=x(T),[s,p]=D(!1),h=i=>{let o;const a=R.safeParse({...e,name:i}),l=I(a).name;return l&&(o=a.error?.issues.find(f=>f.path.length===1&&f.path[0]==="name")?.message),p(l),{result:!l,helperText:o}},P=i=>{const{result:o,helperText:a}=h(i);o?n({...e,name:i}):m.post({display:"transient",severity:"error",message:a||"Please specify a valid policy name."})},d=e.status!=="draft";return t(j,{pages:[{title:e.name}],header:t(v,{title:e.name,titleComponent:r(g,{children:[r(q,{children:[d?e.name:t(L,{invalid:s,name:"Policy name",value:e.name,onTextChange:P}),t(U,{status:e.status})]}),W(e)]}),children:t(G,{})}),children:r(c,{container:!0,spacing:4,children:[t(c,{item:!0,xs:12,children:e.roles.length>0?t(S,{}):t(E,{readonly:d})}),t(c,{item:!0,xs:12,children:t(M,{})})]})})}function W(e){const n={created:"Created by ",published:"Last published by ",updated:"Last updated by "},{type:m,user:s,timestamp:p}=F(e);return r(u,{variant:"body2",children:[r(u,{component:"span",display:"inline",variant:"body2",children:[n[m],t(b,{hideIcon:!0,entityRef:s})," "]}),t(N,{timestamp:p})]})}export{V as PolicyPage,y as PolicyPageContent};
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useApi as v,alertApiRef as x,useRouteRef as R}from"@backstage/core-plugin-api";import{EntityDisplayName as T}from"@backstage/plugin-catalog-react";import{Grid as m,Typography as u}from"@material-ui/core";import{invariant as b}from"@spotify/backstage-plugin-core";import{UpdateDraftRequestParser as C}from"@spotify/backstage-plugin-rbac-common";import{useState as A}from"react";import{useParams as D}from"react-router-dom";import{rootRouteRef as I}from"../../routes.esm.js";import{getZodValidationToKeyMap as L}from"../../utils/getZodValidationToKeyMap.esm.js";import j from"../EditableInput/EditableInput.esm.js";import{PageWrapper as M}from"../Layout/PageWrapper.esm.js";import{Title as N}from"../Layout/Title.esm.js";import{PolicyTester as S}from"../PolicyTester/PolicyTester.esm.js";import{RelativeTime as U}from"../RelativeTime/RelativeTime.esm.js";import{RolesTable as q}from"../Roles/RolesTable.esm.js";import E from"./EmptyRolesCard.esm.js";import{getActivityDetails as G}from"./getActivityDetails.esm.js";import{PolicyMenu as K}from"./PolicyMenu.esm.js";import{PolicyProvider as V,usePolicyContext as W}from"./PolicyProvider.esm.js";import{PolicyStatusChip as Z}from"./PolicyStatusChip.esm.js";function k(){const{versionId:e}=D();return b(e),t(V,{policyId:e,children:t(y,{})})}function y(){const{policy:e,updateLocalDraft:n}=W(),s=v(x),[p,l]=A(!1),h=R(I)(),P=i=>{let o;const a=C.safeParse({...e,name:i}),c=L(a).name;return c&&(o=a.error?.issues.find(f=>f.path.length===1&&f.path[0]==="name")?.message),l(c),{result:!c,helperText:o}},g=i=>{const{result:o,helperText:a}=P(i);o?n({...e,name:i}):s.post({display:"transient",severity:"error",message:a||"Please specify a valid policy name."})},d=e.status!=="draft";return t(M,{pages:[{label:"Policies",href:h}],pageTitle:e.name,primaryAction:t(K,{}),children:r(m,{container:!0,spacing:4,children:[r(m,{item:!0,xs:12,children:[r(N,{children:[d?e.name:t(j,{invalid:p,name:"Policy name",value:e.name,onTextChange:g}),t(Z,{status:e.status})]}),w(e)]}),t(m,{item:!0,xs:12,children:e.roles.length>0?t(q,{}):t(E,{readonly:d})}),t(m,{item:!0,xs:12,children:t(S,{})})]})})}function w(e){const n={created:"Created by ",published:"Last published by ",updated:"Last updated by "},{type:s,user:p,timestamp:l}=G(e);return r(u,{variant:"body2",children:[r(u,{component:"span",display:"inline",variant:"body2",children:[n[s],t(T,{hideIcon:!0,entityRef:p})," "]}),t(U,{timestamp:l})]})}export{k as PolicyPage,y as PolicyPageContent};
 //# sourceMappingURL=PolicyPage.esm.js.map

package/dist/components/RBACSidebarItem.esm.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{SidebarItem as e}from"@backstage/core-components";import i from"@material-ui/icons/Lock";import{Authorized as m}from"./Auth/Authorized.esm.js";function p({text:t="RBAC",...o}){return r(m,{children:r(e,{icon:i,to:"rbac",text:t,...o})})}export{p as RBACSidebarItem};
+import{jsx as r}from"react/jsx-runtime";import{SidebarItem as e}from"@backstage/core-components";import i from"@material-ui/icons/Lock";import{Authorized as m}from"./Auth/Authorized.esm.js";function c({text:t="RBAC",...o}){return r(m,{children:r(e,{icon:i,to:"rbac",text:t,...o})})}export{c as RBACSidebarItem};
 //# sourceMappingURL=RBACSidebarItem.esm.js.map

package/dist/components/Role/RolePage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as a,Fragment as R}from"react/jsx-runtime";import{ContentHeader as V}from"@backstage/core-components";import{useApi as Z,alertApiRef as q,useAnalytics as J,useApp as Q}from"@backstage/core-plugin-api";import{makeStyles as U,Button as X,Grid as b,Card as Y,CardHeader as ee,CardContent as re,TextField as ie,Box as I}from"@material-ui/core";import{invariant as A}from"@spotify/backstage-plugin-core";import{RoleParser as oe,RolesParser as se}from"@spotify/backstage-plugin-rbac-common";import{useState as P}from"react";import{useParams as ne,useNavigate as te}from"react-router-dom";import{useFeatureFlags as le}from"../../hooks/useFeatureFlag.esm.js";import{getZodValidationToKeyMap as ae}from"../../utils/getZodValidationToKeyMap.esm.js";import{DecisionDialog as me}from"../DecisionDialog/DecisionDialog.esm.js";import{DiffBadge as de}from"../Diffing/DiffBadge.esm.js";import ce from"../EditableInput/EditableInput.esm.js";import{PageWrapper as pe}from"../Layout/PageWrapper.esm.js";import{Title as ue}from"../Layout/Title.esm.js";import{MembersTable as fe}from"../Members/MembersTable.esm.js";import ge from"../Permissions/PermissionsTable.esm.js";import{PolicyProvider as he,usePolicyContext as ye}from"../Policy/PolicyProvider.esm.js";function be({roleId:l}){const{versionId:d,roleId:u}=ne(),o=l??u;return A(o),A(d),i(he,{policyId:d,children:i(T,{roleId:o})})}const Pe=U(l=>({cardContainer:{margin:l.spacing(0)}}));function T({roleId:l}){const{diff:d,updateLocalDraft:u,policy:o}=ye(),[F,k]=P(!1),w=Z(q),D=J(),N=le(),r=o.roles.find(e=>e.id===l),f=d?.roles[l],[c,v]=P(null),[S,p]=P(!1),B=Q(),{NotFoundErrorPage:M}=B.getComponents(),j=te(),E=Pe();if(!r)return i(M,{});const g=r.name,t=e=>{const s=o.roles.findIndex(h=>h.id===e.id),n=[...o.roles];n.splice(s,1,e),u({...o,roles:n})},H=e=>{let s;const n=ae(oe.safeParse({...r,name:e})).name,h=o.roles.findIndex($=>$.id===r.id),C=[...o.roles];C.splice(h,1,{...r,name:e});const x=se.safeParse(C),y=!x.success;return y&&(s=x.error.issues[0].message),k(n||y),{result:!(n||y),helperText:s}},O=e=>{const{result:s,helperText:n}=H(e);s?t({...r,name:e}):w.post({display:"transient",severity:"error",message:n||"Please specify a valid role name."})},W=e=>{t({...r,description:e})},z=e=>{if(c===null)t({...r,permissions:[e,...r.permissions]});else{const s=[...r.permissions];s.splice(c,1,e),t({...r,permissions:s})}D.captureEvent("resource_action","update",{attributes:{resourceType:"role",resourceAction:"update",resourceId:l,subResourceType:"permission",subResourceAction:"update",subResourceId:e.id,rbacPermissionSetting:typeof e.decision=="string"?e.decision:"conditional",rbacFeatureFlags:N.join(",")}}),p(!1)},G=e=>{if(e==="*")t({...r,members:r.members==="*"?[]:"*"});else if(r.members==="*")t({...r,members:[e]});else{const s=r.members.includes(e)?r.members.filter(n=>n!==e):[...r.members,e];t({...r,members:s.length===0?"*":s})}},K=e=>{t({...r,permissions:r.permissions.filter((s,n)=>e!==n)})},L=e=>{t({...r,permissions:e})},m=o.status!=="draft",_=o.options.resolutionStrategy==="any-allow";return a(R,{children:[i(pe,{pages:[{title:o.name,path:`../../../${o.id}`},{title:g}],header:i(V,{titleComponent:a(ue,{children:[o.name," \xA0\u01C0",m?a(R,{children:["\xA0",g]}):i(ce,{invalid:F,value:g,name:"Role name",onTextChange:O}),i(de,{operation:f?.role.operation,size:"medium"})]}),description:o.description||void 0,children:i(X,{variant:"outlined",color:"primary",onClick:()=>j("../..",{relative:"path"}),children:"Back to policy"})}),children:a(b,{container:!0,className:E.cardContainer,spacing:4,direction:"row",children:[i(b,{item:!0,xs:6,children:a(Y,{children:[i(ee,{title:"Description"}),i(re,{children:i(ie,{fullWidth:!0,minRows:3,multiline:!0,variant:"outlined",value:r.description,disabled:m,placeholder:"No description",onChange:e=>W(e.target.value)})})]})}),a(b,{item:!0,xs:12,children:[i(I,{mb:4,children:i(fe,{diff:f||null,role:r,policyId:o.id,onToggleMember:G,readonly:m})}),i(I,{mb:4,children:i(ge,{diff:f||null,permissions:r.permissions,onNewPermissionClick:()=>{v(null),p(!0)},onOpenPermission:e=>{v(e),p(!0)},onReorderPermissions:L,onRemovePermissionClick:K,anyAllow:_,readonly:m})})]})]})}),S&&i(me,{rolePermission:c!==null?r.permissions[c]:void 0,onClose:()=>p(!1),onSave:z,readonly:m})]})}export{be as RolePage,T as RolePageContent};
+import{jsx as i,jsxs as m,Fragment as I}from"react/jsx-runtime";import{useApi as Z,alertApiRef as q,useAnalytics as J,useApp as Q,useRouteRef as U}from"@backstage/core-plugin-api";import{makeStyles as X,Button as Y,Grid as u,Card as ee,CardHeader as re,CardContent as ie,TextField as oe,Box as T}from"@material-ui/core";import{invariant as A}from"@spotify/backstage-plugin-core";import{RoleParser as se,RolesParser as ne}from"@spotify/backstage-plugin-rbac-common";import{useState as P}from"react";import{useParams as te,useNavigate as le}from"react-router-dom";import{useFeatureFlags as ae}from"../../hooks/useFeatureFlag.esm.js";import{rootRouteRef as me}from"../../routes.esm.js";import{getZodValidationToKeyMap as de}from"../../utils/getZodValidationToKeyMap.esm.js";import{DecisionDialog as ce}from"../DecisionDialog/DecisionDialog.esm.js";import{DiffBadge as pe}from"../Diffing/DiffBadge.esm.js";import ue from"../EditableInput/EditableInput.esm.js";import{PageWrapper as fe}from"../Layout/PageWrapper.esm.js";import{Title as ge}from"../Layout/Title.esm.js";import{MembersTable as he}from"../Members/MembersTable.esm.js";import ye from"../Permissions/PermissionsTable.esm.js";import{PolicyProvider as be,usePolicyContext as Pe}from"../Policy/PolicyProvider.esm.js";function ve({roleId:l}){const{versionId:d,roleId:f}=te(),o=l??f;return A(o),A(d),i(be,{policyId:d,children:i(F,{roleId:o})})}const Re=X(l=>({cardContainer:{margin:l.spacing(0)}}));function F({roleId:l}){const{diff:d,updateLocalDraft:f,policy:o}=Pe(),[k,w]=P(!1),D=Z(q),N=J(),S=ae(),r=o.roles.find(e=>e.id===l),g=d?.roles[l],[c,v]=P(null),[B,p]=P(!1),M=Q(),{NotFoundErrorPage:$}=M.getComponents(),j=le(),R=U(me)(),E=Re();if(!r)return i($,{});const h=r.name,t=e=>{const s=o.roles.findIndex(y=>y.id===e.id),n=[...o.roles];n.splice(s,1,e),f({...o,roles:n})},O=e=>{let s;const n=de(se.safeParse({...r,name:e})).name,y=o.roles.findIndex(V=>V.id===r.id),C=[...o.roles];C.splice(y,1,{...r,name:e});const x=ne.safeParse(C),b=!x.success;return b&&(s=x.error.issues[0].message),w(n||b),{result:!(n||b),helperText:s}},W=e=>{const{result:s,helperText:n}=O(e);s?t({...r,name:e}):D.post({display:"transient",severity:"error",message:n||"Please specify a valid role name."})},z=e=>{t({...r,description:e})},G=e=>{if(c===null)t({...r,permissions:[e,...r.permissions]});else{const s=[...r.permissions];s.splice(c,1,e),t({...r,permissions:s})}N.captureEvent("resource_action","update",{attributes:{resourceType:"role",resourceAction:"update",resourceId:l,subResourceType:"permission",subResourceAction:"update",subResourceId:e.id,rbacPermissionSetting:typeof e.decision=="string"?e.decision:"conditional",rbacFeatureFlags:S.join(",")}}),p(!1)},H=e=>{if(e==="*")t({...r,members:r.members==="*"?[]:"*"});else if(r.members==="*")t({...r,members:[e]});else{const s=r.members.includes(e)?r.members.filter(n=>n!==e):[...r.members,e];t({...r,members:s.length===0?"*":s})}},K=e=>{t({...r,permissions:r.permissions.filter((s,n)=>e!==n)})},L=e=>{t({...r,permissions:e})},a=o.status!=="draft",_=o.options.resolutionStrategy==="any-allow";return m(I,{children:[i(fe,{pages:[{label:"Policies",href:R},{label:o.name,href:`${R}/versions/${o.id}`}],pageTitle:h,primaryAction:i(Y,{variant:"outlined",color:"primary",onClick:()=>j("../..",{relative:"path"}),children:"Back to policy"}),children:m(u,{container:!0,className:E.cardContainer,spacing:4,direction:"row",children:[i(u,{item:!0,xs:12,children:m(ge,{children:[a?i(I,{children:h}):i(ue,{invalid:k,value:h,name:"Role name",onTextChange:W}),i(pe,{operation:g?.role.operation,size:"medium"})]})}),i(u,{item:!0,xs:6,children:m(ee,{children:[i(re,{title:"Description"}),i(ie,{children:i(oe,{fullWidth:!0,minRows:3,multiline:!0,variant:"outlined",value:r.description,disabled:a,placeholder:"No description",onChange:e=>z(e.target.value)})})]})}),m(u,{item:!0,xs:12,children:[i(T,{mb:4,children:i(he,{diff:g||null,role:r,policyId:o.id,onToggleMember:H,readonly:a})}),i(T,{mb:4,children:i(ye,{diff:g||null,permissions:r.permissions,onNewPermissionClick:()=>{v(null),p(!0)},onOpenPermission:e=>{v(e),p(!0)},onReorderPermissions:L,onRemovePermissionClick:K,anyAllow:_,readonly:a})})]})]})}),B&&i(ce,{rolePermission:c!==null?r.permissions[c]:void 0,onClose:()=>p(!1),onSave:G,readonly:a})]})}export{ve as RolePage,F as RolePageContent};
 //# sourceMappingURL=RolePage.esm.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotify/backstage-plugin-rbac",
   "description": "Control access to actions and data in Backstage with ease.",
-  "version": "0.7.9",
+  "version": "0.8.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://backstage.spotify.com",
   "main": "./dist/index.esm.js",
@@ -57,27 +57,29 @@
   },
   "dependencies": {
     "@backstage/catalog-model": "^1.7.5",
-    "@backstage/core-compat-api": "^0.4.4",
-    "@backstage/core-components": "^0.17.4",
-    "@backstage/core-plugin-api": "^1.10.9",
+    "@backstage/core-compat-api": "^0.5.3",
+    "@backstage/core-components": "^0.18.2",
+    "@backstage/core-plugin-api": "^1.11.1",
     "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.10.4",
-    "@backstage/plugin-catalog-react": "^1.19.1",
-    "@backstage/plugin-permission-common": "^0.9.1",
-    "@backstage/plugin-permission-react": "^0.4.36",
-    "@backstage/theme": "^0.6.7",
-    "@backstage/types": "^1.2.1",
+    "@backstage/frontend-plugin-api": "^0.12.1",
+    "@backstage/plugin-catalog-react": "^1.21.2",
+    "@backstage/plugin-permission-common": "^0.9.2",
+    "@backstage/plugin-permission-react": "^0.4.37",
+    "@backstage/theme": "^0.7.0",
+    "@backstage/types": "^1.2.2",
+    "@backstage/ui": "^0.8.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "@spotify/backstage-plugin-core": "^0.8.9",
-    "@spotify/backstage-plugin-rbac-common": "^0.6.8",
+    "@spotify/backstage-plugin-core": "^0.8.11",
+    "@spotify/backstage-plugin-rbac-common": "^0.6.10",
     "ajv": "^8.11.2",
     "file-saver": "^2.0.5",
     "js-yaml": "^4.1.0",
     "json-schema": "^0.4.0",
     "lodash": "^4.17.21",
     "luxon": "^3.1.1",
+    "react-helmet": "^6.1.0",
     "react-use": "^17.2.4",
     "react-virtualized": "^9.22.5",
     "uuid": "^11.0.0",
@@ -90,12 +92,12 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.33.1",
-    "@backstage/core-app-api": "^1.18.0",
-    "@backstage/dev-utils": "^1.1.12",
+    "@backstage/cli": "^0.34.4",
+    "@backstage/core-app-api": "^1.19.1",
+    "@backstage/dev-utils": "^1.1.16",
     "@backstage/e2e-test-utils": "^0.1.1",
-    "@backstage/frontend-test-utils": "^0.3.4",
-    "@backstage/test-utils": "^1.7.10",
+    "@backstage/frontend-test-utils": "^0.4.0",
+    "@backstage/test-utils": "^1.7.12",
     "@playwright/test": "^1.32.3",
     "@sp4b-dev/test-utils": "^0.0.13",
     "@testing-library/jest-dom": "^6.0.0",

package/dist/components/Layout/Breadcrumbs.esm.js

@@ -1,2 +0,0 @@
-import{jsxs as c,jsx as e}from"react/jsx-runtime";import{Breadcrumbs as p,Link as t}from"@backstage/core-components";import{useRouteRef as n}from"@backstage/core-plugin-api";import{makeStyles as u,Typography as d}from"@material-ui/core";import{rootRouteRef as f}from"../../routes.esm.js";const l=u(r=>({breadcrumbs:{marginBottom:r.spacing(4)}}));function b({pages:r}){const a=n(f),s=l();return c(p,{className:s.breadcrumbs,children:[e(t,{to:a(),children:"Home"}),r.map(({title:m,path:o},i)=>o?e(t,{to:o,relative:"path",children:m},o):e(d,{children:m},`${i}`))]})}export{b as Breadcrumbs};
-//# sourceMappingURL=Breadcrumbs.esm.js.map