feat: Open id connect resource view (#3739)

* Add initial extension

* change category

* add yaml

* yaml corrected

* Correct info and link for openidconnect

* Extend yaml

* Additional info added

* PR correction

* PR correction

* PR correction

* PR corrections

* update documentation

* Update documentation

* Update documentation

* Update documentation

Author: KonradPietocha

docs/extensibility/120-resource-extensions.md

@@ -11,6 +11,9 @@
   {
     "source": "extensions/configuration"
   },
+  {
+    "source": "extensions/configuration-cluster"
+  },
   {
     "source": "https://raw.githubusercontent.com/kyma-project/eventing-manager/main/config/ui-extensions/subscriptions/subscriptions.yaml"
   },

kyma/environments/dev/extensions.json

@@ -8,6 +8,9 @@
   {
     "source": "extensions/configuration"
   },
+  {
+    "source": "extensions/configuration-cluster"
+  },
   {
     "source": "extensions/service-management"
   },

kyma/environments/prod/extensions.json

@@ -8,6 +8,9 @@
   {
     "source": "extensions/configuration"
   },
+  {
+    "source": "extensions/configuration-cluster"
+  },
   {
     "source": "extensions/service-management"
   },

kyma/environments/stage/extensions.json

@@ -0,0 +1,75 @@
+kind: ConfigMap
+apiVersion: v1
+metadata:
+  name: openidconnect
+  namespace: kube-public
+  labels:
+    app.kubernetes.io/name: openidconnect
+    busola.io/extension: resource
+    busola.io/extension-version: '0.5'
+data:
+  general: |
+    resource:
+      kind: OpenIDConnect
+      group: authentication.gardener.cloud
+      version: v1alpha1
+    name: OpenID Connect
+    category: Configuration
+    urlPath: openidconnects
+    scope: cluster
+    features:
+      actions:
+        disableEdit: metadata.labels."operator.kyma-project.io/managed-by" = "infrastructure-manager"
+    description: >-
+      {{[OpenID Connect](https://gardener.cloud/docs/extensions/others/gardener-extension-shoot-oidc-service/openidconnects/)}}
+      is an open standard authentication protocol built on top of the OAuth 2.0 framework. It provides a secure and flexible way to authenticate and authorize users within applications and systems.
+  details: |-
+    body:
+      - widget: Panel
+        name: Specification
+        children:
+          - source: spec.supportedSigningAlgs
+            widget: JoinedArray
+            name: Supported signing algorithms
+          - source: spec.issuerURL
+            name: Issuer
+          - source: spec.usernameClaim
+            name: Username Claim
+          - source: spec.groupsClaim
+            name: Groups Claim
+          - source: spec.clientID
+            name: Client ID
+          - source: spec.jwks.distributedClaims
+            name: Distributed Claims
+  list: |-
+    - name: Issuer
+      source: spec.issuerURL
+    - name: Username Claim
+      source: spec.usernameClaim
+    - name: Groups Claim
+      source: spec.groupsClaim
+    - name: Client ID
+      source: spec.clientID
+  form: |-
+    - path: spec.issuerURL
+      widget: Text
+      placeholder: Issuer
+    - path: spec.usernameClaim
+      widget: Text
+      placeholder: Username Claim
+    - path: spec.groupsClaim
+      widget: Text
+      placeholder: Groups Claim
+    - path: spec.clientID
+      widget: Text
+      placeholder: Client ID
+    - path: spec.jwks.distributedClaims
+      enum:
+      - true
+      - false
+    - path: spec.supportedSigningAlgs
+      widget: SimpleList
+      defaultExpanded: true
+      children:
+        - path: '[]'
+          description: ''

kyma/extensions/configuration-cluster/openid-connect.yaml

@@ -86,10 +86,18 @@ export const ExtensibilityDetailsCore = ({
     return { visible, error };
   };
 
+  const prepareDisableEdit = resource => {
+    if (disableEdit && typeof disableEdit === 'string') {
+      const [isDisabled] = jsonata(disableEdit, { resource });
+      return typeof isDisabled === 'boolean' ? isDisabled : false;
+    }
+    return disableEdit;
+  };
+
   return (
     <ResourceDetails
       layoutCloseCreateUrl={layoutCloseCreateUrl}
-      disableEdit={disableEdit}
+      disableEdit={prepareDisableEdit}
       disableDelete={disableDelete}
       resourceTitle={resourceTitle}
       headerActions={headerActions}

src/components/Extensibility/ExtensibilityDetails.js

@@ -59,7 +59,7 @@ ResourceDetails.propTypes = {
   windowTitle: PropTypes.string,
   resourceGraphConfig: PropTypes.object,
   resourceSchema: PropTypes.object,
-  disableEdit: PropTypes.bool,
+  disableEdit: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
   disableDelete: PropTypes.bool,
   showYamlTab: PropTypes.bool,
   layoutCloseCreateUrl: PropTypes.string,
@@ -119,12 +119,17 @@ function ResourceDetailsRenderer(props) {
     <>
       {resource && (
         <Resource
+          {...props}
           key={resource.metadata.name}
           deleteResourceMutation={deleteResourceMutation}
           updateResourceMutation={updateResourceMutation}
           silentRefetch={silentRefetch}
           resource={resource}
-          {...props}
+          disableEdit={
+            typeof props.disableEdit === 'function'
+              ? props.disableEdit(resource)
+              : props.disableEdit
+          }
         />
       )}
     </>