@backstage-community/plugin-rbac 1.43.0 → 1.44.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ### Dependencies
 
+## 1.44.0
+
+### Minor Changes
+
+- 3719f79: Add internationalization (i18n) support with German, French, Italian, and Spanish translations.
+
 ## 1.43.0
 
 ### Minor Changes

package/dist/alpha.d.ts

@@ -0,0 +1,179 @@
+import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
+
+/**
+ * Translation reference for RBAC plugin
+ * @public
+ */
+declare const rbacTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.rbac", {
+    readonly "dialog.cancel": string;
+    readonly "dialog.cancelRoleCreation": string;
+    readonly "dialog.exitRoleCreation": string;
+    readonly "dialog.exitRoleEditing": string;
+    readonly "dialog.exitWarning": string;
+    readonly "dialog.discard": string;
+    readonly "table.title": string;
+    readonly "table.searchPlaceholder": string;
+    readonly "table.labelRowsSelect": string;
+    readonly "table.titleWithCount": string;
+    readonly "table.headers.name": string;
+    readonly "table.headers.usersAndGroups": string;
+    readonly "table.headers.accessiblePlugins": string;
+    readonly "table.headers.actions": string;
+    readonly "table.emptyContent": string;
+    readonly "page.title": string;
+    readonly "page.createRole": string;
+    readonly "page.editRole": string;
+    readonly "toolbar.createButton": string;
+    readonly "toolbar.warning.title": string;
+    readonly "toolbar.warning.message": string;
+    readonly "toolbar.warning.linkText": string;
+    readonly "toolbar.warning.note": string;
+    readonly "toolbar.warning.noteText": string;
+    readonly "errors.createRole": string;
+    readonly "errors.editRole": string;
+    readonly "errors.notFound": string;
+    readonly "errors.unauthorized": string;
+    readonly "errors.rbacDisabled": string;
+    readonly "errors.rbacDisabledInfo": string;
+    readonly "errors.fetchRoles": string;
+    readonly "errors.fetchRole": string;
+    readonly "errors.fetchPoliciesErr": string;
+    readonly "errors.fetchPolicies": string;
+    readonly "errors.fetchPlugins": string;
+    readonly "errors.fetchConditionalPermissionPolicies": string;
+    readonly "errors.fetchConditions": string;
+    readonly "errors.fetchUsersAndGroups": string;
+    readonly "errors.deleteRole": string;
+    readonly "errors.roleCreatedSuccess": string;
+    readonly "errors.roleCreatedConditionsSuccess": string;
+    readonly "roleForm.titles.createRole": string;
+    readonly "roleForm.titles.editRole": string;
+    readonly "roleForm.titles.usersAndGroups": string;
+    readonly "roleForm.titles.nameAndDescription": string;
+    readonly "roleForm.titles.permissionPolicies": string;
+    readonly "roleForm.review.reviewAndCreate": string;
+    readonly "roleForm.review.reviewAndSave": string;
+    readonly "roleForm.review.nameDescriptionOwner": string;
+    readonly "roleForm.steps.create": string;
+    readonly "roleForm.steps.update": string;
+    readonly "roleForm.steps.next": string;
+    readonly "roleForm.steps.back": string;
+    readonly "roleForm.steps.cancel": string;
+    readonly "roleForm.steps.reset": string;
+    readonly "roleForm.fields.name.label": string;
+    readonly "roleForm.fields.name.helperText": string;
+    readonly "roleForm.fields.description.label": string;
+    readonly "roleForm.fields.description.helperText": string;
+    readonly "roleForm.fields.owner.label": string;
+    readonly "roleForm.fields.owner.helperText": string;
+    readonly "permissionPolicies.rules": string;
+    readonly "permissionPolicies.search": string;
+    readonly "permissionPolicies.rule": string;
+    readonly "permissionPolicies.permissions": string;
+    readonly "permissionPolicies.permissionPolicies": string;
+    readonly "permissionPolicies.helperText": string;
+    readonly "permissionPolicies.allPlugins": string;
+    readonly "permissionPolicies.errorFetchingPolicies": string;
+    readonly "permissionPolicies.resourceTypeTooltip": string;
+    readonly "permissionPolicies.advancedPermissionsTooltip": string;
+    readonly "permissionPolicies.pluginsSelected": string;
+    readonly "permissionPolicies.noPluginsSelected": string;
+    readonly "permissionPolicies.noRecordsToDisplay": string;
+    readonly "permissionPolicies.selectedPluginsAppearHere": string;
+    readonly "permissionPolicies.selectPlugins": string;
+    readonly "permissionPolicies.noPluginsFound": string;
+    readonly "permissionPolicies.plugin": string;
+    readonly "permissionPolicies.permission": string;
+    readonly "permissionPolicies.policies": string;
+    readonly "permissionPolicies.conditional": string;
+    readonly "deleteDialog.title": string;
+    readonly "deleteDialog.question": string;
+    readonly "deleteDialog.confirmation": string;
+    readonly "deleteDialog.roleNameLabel": string;
+    readonly "deleteDialog.roleNameHelper": string;
+    readonly "deleteDialog.deleteButton": string;
+    readonly "deleteDialog.cancelButton": string;
+    readonly "deleteDialog.successMessage": string;
+    readonly "snackbar.success": string;
+    readonly "conditionalAccess.allOf": string;
+    readonly "conditionalAccess.anyOf": string;
+    readonly "conditionalAccess.not": string;
+    readonly "conditionalAccess.condition": string;
+    readonly "conditionalAccess.addNestedCondition": string;
+    readonly "conditionalAccess.addRule": string;
+    readonly "conditionalAccess.nestedConditionTooltip": string;
+    readonly "conditionalAccess.nestedConditionExample": string;
+    readonly "common.update": string;
+    readonly "common.delete": string;
+    readonly "common.use": string;
+    readonly "common.name": string;
+    readonly "common.rule": string;
+    readonly "common.groups": string;
+    readonly "common.group": string;
+    readonly "common.users": string;
+    readonly "common.user": string;
+    readonly "common.editRole": string;
+    readonly "common.actions": string;
+    readonly "common.deleteRole": string;
+    readonly "common.description": string;
+    readonly "common.owner": string;
+    readonly "common.addRule": string;
+    readonly "common.noResults": string;
+    readonly "common.exportCSV": string;
+    readonly "common.csvFilename": string;
+    readonly "common.noMembers": string;
+    readonly "common.refresh": string;
+    readonly "common.edit": string;
+    readonly "common.unauthorizedToEdit": string;
+    readonly "common.noRecordsFound": string;
+    readonly "common.selectUsersAndGroups": string;
+    readonly "common.clearSearch": string;
+    readonly "common.closeDrawer": string;
+    readonly "common.remove": string;
+    readonly "common.selectRule": string;
+    readonly "common.removeNestedCondition": string;
+    readonly "common.overview": string;
+    readonly "common.about": string;
+    readonly "common.modifiedBy": string;
+    readonly "common.lastModified": string;
+    readonly "common.noUsersAndGroupsSelected": string;
+    readonly "common.selectedUsersAndGroupsAppearHere": string;
+    readonly "common.type": string;
+    readonly "common.members": string;
+    readonly "common.removeMember": string;
+    readonly "common.checkingPermissions": string;
+    readonly "common.unauthorizedTo": string;
+    readonly "common.performThisAction": string;
+    readonly "common.unableToCreatePermissionPolicies": string;
+    readonly "common.unableToDeletePermissionPolicies": string;
+    readonly "common.unableToRemoveConditions": string;
+    readonly "common.unableToUpdateConditions": string;
+    readonly "common.unableToAddConditions": string;
+    readonly "common.roleActionSuccessfully": string;
+    readonly "common.unableToFetchRole": string;
+    readonly "common.unableToFetchMembers": string;
+    readonly "common.roleAction": string;
+    readonly "common.membersCount": string;
+    readonly "common.parentGroupCount": string;
+    readonly "common.childGroupsCount": string;
+    readonly "common.searchAndSelectUsersGroups": string;
+    readonly "common.noUsersAndGroupsFound": string;
+    readonly "common.errorFetchingUserGroups": string;
+    readonly "common.nameRequired": string;
+    readonly "common.noMemberSelected": string;
+    readonly "common.noPluginSelected": string;
+    readonly "common.pluginRequired": string;
+    readonly "common.permissionRequired": string;
+    readonly "common.editCell": string;
+    readonly "common.selectCell": string;
+    readonly "common.expandRow": string;
+    readonly "common.configureAccessFor": string;
+    readonly "common.defaultResourceTypeVisible": string;
+}>;
+
+/**
+ * @public
+ */
+declare const rbacTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.rbac">;
+
+export { rbacTranslationRef, rbacTranslations };

package/dist/alpha.esm.js

@@ -0,0 +1,3 @@
+export { rbacTranslations } from './translations/index.esm.js';
+export { rbacTranslationRef } from './translations/ref.esm.js';
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ConditionalAccess/AddNestedConditionButton.esm.js

@@ -3,16 +3,20 @@ import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
 import Box from '@mui/material/Box';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
+import { MarkdownContent } from '@backstage/core-components';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
-const tooltipTitle = () => /* @__PURE__ */ jsxs("div", { children: [
-  /* @__PURE__ */ jsxs(Typography, { variant: "body1", component: "p", align: "center", children: [
-    "Nested conditions are ",
-    /* @__PURE__ */ jsx("b", { children: "1 layer rules within a main condition" }),
-    ". It lets you allow appropriate access by using detailed permissions based on various conditions. You can add multiple nested conditions."
-  ] }),
-  /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "p", align: "center", children: "For example, you can allow access to all entity types in the main condition and use a nested condition to limit the access to entities owned by the user." })
+const tooltipTitle = (t) => /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "p", align: "center", children: /* @__PURE__ */ jsx(
+    MarkdownContent,
+    {
+      content: t("conditionalAccess.nestedConditionTooltip")
+    }
+  ) }),
+  /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "p", align: "center", children: t("conditionalAccess.nestedConditionExample") })
 ] });
 const AddNestedConditionButton = () => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -22,8 +26,8 @@ const AddNestedConditionButton = () => {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", children: "Add nested condition" }),
-        /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: "0.25rem" } }) })
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", children: t("conditionalAccess.addNestedCondition") }),
+        /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(t), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: "0.25rem" } }) })
       ]
     }
   );

package/dist/components/ConditionalAccess/AddNestedConditionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNestedConditionButton.esm.js","sources":["../../../src/components/ConditionalAccess/AddNestedConditionButton.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nexport const tooltipTitle = () => (\n  <div>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      Nested conditions are <b>1 layer rules within a main condition</b>. It\n      lets you allow appropriate access by using detailed permissions based on\n      various conditions. You can add multiple nested conditions.\n    </Typography>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      For example, you can allow access to all entity types in the main\n      condition and use a nested condition to limit the access to entities owned\n      by the user.\n    </Typography>\n  </div>\n);\n\nexport const AddNestedConditionButton = () => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <Typography variant=\"body1\" component=\"span\">\n        Add nested condition\n      </Typography>\n      <Tooltip title={tooltipTitle()} placement=\"top\">\n        <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: '0.25rem' }} />\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAoBa,MAAA,YAAA,GAAe,sBAC1B,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,OAAM,QAAS,EAAA,QAAA,EAAA;AAAA,IAAA,wBAAA;AAAA,oBACjC,GAAA,CAAC,OAAE,QAAqC,EAAA,uCAAA,EAAA,CAAA;AAAA,IAAI;AAAA,GAGpE,EAAA,CAAA;AAAA,kBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,GAAI,EAAA,KAAA,EAAM,UAAS,QAIzD,EAAA,2JAAA,EAAA;AAAA,CACF,EAAA;AAGK,MAAM,2BAA2B,MAAM;AAC5C,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,QAAO,QAE7C,EAAA,sBAAA,EAAA,CAAA;AAAA,4BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,EAAA,EAAG,WAAU,KACxC,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"AddNestedConditionButton.esm.js","sources":["../../../src/components/ConditionalAccess/AddNestedConditionButton.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport { rbacTranslationRef } from '../../translations';\n\nexport const tooltipTitle = (\n  t: TranslationFunction<typeof rbacTranslationRef.T>,\n) => (\n  <div>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      <MarkdownContent\n        content={t('conditionalAccess.nestedConditionTooltip')}\n      />\n    </Typography>\n    <Typography variant=\"body1\" component=\"p\" align=\"center\">\n      {t('conditionalAccess.nestedConditionExample')}\n    </Typography>\n  </div>\n);\n\nexport const AddNestedConditionButton = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n      }}\n    >\n      <Typography variant=\"body1\" component=\"span\">\n        {t('conditionalAccess.addNestedCondition')}\n      </Typography>\n      <Tooltip title={tooltipTitle(t)} placement=\"top\">\n        <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: '0.25rem' }} />\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,YAAe,GAAA,CAC1B,CAEA,qBAAA,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,SAAU,EAAA,GAAA,EAAI,OAAM,QAC9C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,0CAA0C;AAAA;AAAA,GAEzD,EAAA,CAAA;AAAA,kBACA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAU,KAAI,KAAM,EAAA,QAAA,EAC7C,QAAE,EAAA,CAAA,CAAA,0CAA0C,CAC/C,EAAA;AAAA,CACF,EAAA;AAGK,MAAM,2BAA2B,MAAM;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,MACnC,EAAA,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAC3C,EAAA,CAAA;AAAA,4BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAa,CAAA,CAAC,GAAG,SAAU,EAAA,KAAA,EACzC,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,UAAS,SAAU,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,SAAA,IAAa,CACxE,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ConditionalAccess/ComplexConditionRow.esm.js

@@ -4,6 +4,7 @@ import IconButton from '@mui/material/IconButton';
 import { isSimpleRule, getRowStyle, getRowKey, getSimpleRuleErrors, getNestedRuleErrors } from '../../utils/conditional-access-utils.esm.js';
 import { ConditionsFormRowFields } from './ConditionsFormRowFields.esm.js';
 import { criterias } from './const.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const ComplexConditionRow = ({
   conditionRow,
@@ -22,6 +23,7 @@ const ComplexConditionRow = ({
   nestedConditionIndex,
   activeNestedCriteria
 }) => {
+  const { t } = useTranslation();
   const handleRemoveSimpleConditionRule = (index, ruleList2) => {
     if (!activeCriteria) {
       return;
@@ -131,7 +133,7 @@ const ComplexConditionRow = ({
         /* @__PURE__ */ jsx(
           IconButton,
           {
-            title: "Remove",
+            title: t("common.remove"),
             sx: {
               color: (theme) => theme.palette.grey[500],
               flexGrow: 0,

package/dist/components/ConditionalAccess/ComplexConditionRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexConditionRow.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 type { SetStateAction, Dispatch } from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport IconButton from '@mui/material/IconButton';\n\nimport {\n  getNestedRuleErrors,\n  getRowKey,\n  getRowStyle,\n  getSimpleRuleErrors,\n  isSimpleRule,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { criterias } from './const';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n  RulesData,\n} from './types';\n\ntype ComplexConditionRowProps = {\n  conditionRow: ConditionsData;\n  nestedConditionRow: Condition[];\n  criteria: keyof ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  updateRules: (updatedNestedConditionRow: Condition[] | Condition) => void;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  conditionRulesData?: RulesData;\n  notConditionType?: NotConditionType;\n  currentCondition: Condition;\n  ruleIndex: number;\n  activeCriteria?: 'allOf' | 'anyOf';\n  isNestedCondition?: boolean;\n  nestedConditionIndex?: number;\n  activeNestedCriteria?: 'allOf' | 'anyOf';\n};\n\nexport const ComplexConditionRow = ({\n  conditionRow,\n  nestedConditionRow,\n  criteria,\n  onRuleChange,\n  updateRules,\n  setErrors,\n  setRemoveAllClicked,\n  conditionRulesData,\n  notConditionType,\n  currentCondition,\n  ruleIndex,\n  activeCriteria,\n  isNestedCondition = false,\n  nestedConditionIndex,\n  activeNestedCriteria,\n}: ComplexConditionRowProps) => {\n  const handleRemoveSimpleConditionRule = (\n    index: number,\n    ruleList: PermissionCondition[],\n  ) => {\n    if (!activeCriteria) {\n      return;\n    }\n    const updatedSimpleRules = ruleList.filter(\n      (_r, rindex) => index !== rindex,\n    );\n    const nestedConditions =\n      (conditionRow[criteria] as PermissionCondition[])?.filter(\n        (con: PermissionCondition) =>\n          criterias.allOf in con ||\n          criterias.anyOf in con ||\n          criterias.not in con,\n      ) || [];\n\n    onRuleChange({\n      [activeCriteria as keyof ConditionsData]: [\n        ...updatedSimpleRules,\n        ...nestedConditions,\n      ],\n    });\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[activeCriteria]) {\n        const criteriaErrors = updatedErrors[activeCriteria] as ComplexErrors[];\n        const simpleRuleErrors = getSimpleRuleErrors(criteriaErrors);\n\n        if (Array.isArray(simpleRuleErrors) && simpleRuleErrors.length > 0) {\n          const updatedCriteriaErrors = [\n            ...simpleRuleErrors.filter((_, rindex) => rindex !== index),\n            ...getNestedRuleErrors(criteriaErrors),\n          ];\n\n          updatedErrors[activeCriteria] =\n            updatedCriteriaErrors.length > 0 ? updatedCriteriaErrors : [];\n        } else {\n          delete updatedErrors[activeCriteria];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedConditionRule = (nestedConditionCriteria: string) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        const updatedRules = (\n          (c[\n            nestedConditionCriteria as keyof Condition\n          ] as PermissionCondition[]) || []\n        ).filter((_r, rindex) => rindex !== ruleIndex);\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: updatedRules,\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (updatedErrors[criteria] as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).splice(ruleIndex, 1);\n          return updatedErrors;\n        }\n\n        const nestedConditionErrors = getNestedRuleErrors(criteriaErrors);\n\n        if (\n          Array.isArray(nestedConditionErrors) &&\n          nestedConditionIndex !== undefined\n        ) {\n          const nestedErrors = nestedConditionErrors[nestedConditionIndex];\n          if (nestedErrors[nestedConditionCriteria]) {\n            const updatedNestedErrors = (\n              nestedErrors[nestedConditionCriteria] as string[]\n            ).filter((_error, index) => index !== ruleIndex);\n\n            if (updatedNestedErrors.length > 0) {\n              nestedErrors[nestedConditionCriteria] = updatedNestedErrors;\n            } else {\n              delete nestedErrors[nestedConditionCriteria];\n            }\n\n            nestedConditionErrors[nestedConditionIndex] = nestedErrors;\n          }\n\n          updatedErrors[criteria] = [\n            ...getSimpleRuleErrors(criteriaErrors),\n            ...nestedConditionErrors,\n          ];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const ruleList = isNestedCondition\n    ? (currentCondition[\n        activeCriteria as keyof Condition\n      ] as PermissionCondition[])\n    : ((conditionRow[activeCriteria as keyof Condition] as Condition[]).filter(\n        r => isSimpleRule(r),\n      ) as PermissionCondition[]);\n\n  const disabled =\n    !isNestedCondition &&\n    (conditionRow[criteria as keyof Condition] as Condition[]).length === 1 &&\n    nestedConditionRow.length === 0 &&\n    ruleIndex === 0;\n  const nestedDisabled =\n    isNestedCondition &&\n    (\n      nestedConditionRow[nestedConditionIndex ?? 0][\n        activeNestedCriteria as keyof Condition\n      ] as Condition[]\n    ).length === 1 &&\n    ruleIndex === 0;\n\n  return (\n    (currentCondition as PermissionCondition).resourceType && (\n      <div\n        style={getRowStyle(currentCondition, isNestedCondition)}\n        key={getRowKey(isNestedCondition, ruleIndex)}\n      >\n        <ConditionsFormRowFields\n          oldCondition={currentCondition}\n          index={isNestedCondition ? undefined : ruleIndex}\n          onRuleChange={onRuleChange}\n          conditionRow={conditionRow}\n          criteria={criteria}\n          conditionRulesData={conditionRulesData}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n          nestedConditionRow={\n            isNestedCondition ? nestedConditionRow : undefined\n          }\n          nestedConditionCriteria={\n            isNestedCondition ? activeNestedCriteria : undefined\n          }\n          nestedConditionIndex={\n            isNestedCondition ? nestedConditionIndex : undefined\n          }\n          nestedConditionRuleIndex={isNestedCondition ? ruleIndex : undefined}\n          updateRules={isNestedCondition ? updateRules : undefined}\n        />\n        <IconButton\n          title=\"Remove\"\n          sx={{\n            color: theme => theme.palette.grey[500],\n            flexGrow: 0,\n            alignSelf: 'baseline',\n            mt: '34px',\n          }}\n          disabled={isNestedCondition ? nestedDisabled : disabled}\n          onClick={\n            isNestedCondition &&\n            activeNestedCriteria &&\n            nestedConditionIndex !== undefined\n              ? () => handleRemoveNestedConditionRule(activeNestedCriteria)\n              : () => {\n                  handleRemoveSimpleConditionRule(ruleIndex, ruleList);\n                }\n          }\n        >\n          <RemoveIcon />\n        </IconButton>\n      </div>\n    )\n  );\n};\n"],"names":["ruleList"],"mappings":"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"}
+{"version":3,"file":"ComplexConditionRow.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 type { SetStateAction, Dispatch } from 'react';\n\nimport { PermissionCondition } from '@backstage/plugin-permission-common';\n\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport IconButton from '@mui/material/IconButton';\n\nimport {\n  getNestedRuleErrors,\n  getRowKey,\n  getRowStyle,\n  getSimpleRuleErrors,\n  isSimpleRule,\n} from '../../utils/conditional-access-utils';\nimport { ConditionsFormRowFields } from './ConditionsFormRowFields';\nimport { criterias } from './const';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport {\n  AccessConditionsErrors,\n  ComplexErrors,\n  Condition,\n  ConditionsData,\n  NestedCriteriaErrors,\n  NotConditionType,\n  RulesData,\n} from './types';\n\ntype ComplexConditionRowProps = {\n  conditionRow: ConditionsData;\n  nestedConditionRow: Condition[];\n  criteria: keyof ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  updateRules: (updatedNestedConditionRow: Condition[] | Condition) => void;\n  setErrors: Dispatch<SetStateAction<AccessConditionsErrors | undefined>>;\n  setRemoveAllClicked: Dispatch<SetStateAction<boolean>>;\n  conditionRulesData?: RulesData;\n  notConditionType?: NotConditionType;\n  currentCondition: Condition;\n  ruleIndex: number;\n  activeCriteria?: 'allOf' | 'anyOf';\n  isNestedCondition?: boolean;\n  nestedConditionIndex?: number;\n  activeNestedCriteria?: 'allOf' | 'anyOf';\n};\n\nexport const ComplexConditionRow = ({\n  conditionRow,\n  nestedConditionRow,\n  criteria,\n  onRuleChange,\n  updateRules,\n  setErrors,\n  setRemoveAllClicked,\n  conditionRulesData,\n  notConditionType,\n  currentCondition,\n  ruleIndex,\n  activeCriteria,\n  isNestedCondition = false,\n  nestedConditionIndex,\n  activeNestedCriteria,\n}: ComplexConditionRowProps) => {\n  const { t } = useTranslation();\n\n  const handleRemoveSimpleConditionRule = (\n    index: number,\n    ruleList: PermissionCondition[],\n  ) => {\n    if (!activeCriteria) {\n      return;\n    }\n    const updatedSimpleRules = ruleList.filter(\n      (_r, rindex) => index !== rindex,\n    );\n    const nestedConditions =\n      (conditionRow[criteria] as PermissionCondition[])?.filter(\n        (con: PermissionCondition) =>\n          criterias.allOf in con ||\n          criterias.anyOf in con ||\n          criterias.not in con,\n      ) || [];\n\n    onRuleChange({\n      [activeCriteria as keyof ConditionsData]: [\n        ...updatedSimpleRules,\n        ...nestedConditions,\n      ],\n    });\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[activeCriteria]) {\n        const criteriaErrors = updatedErrors[activeCriteria] as ComplexErrors[];\n        const simpleRuleErrors = getSimpleRuleErrors(criteriaErrors);\n\n        if (Array.isArray(simpleRuleErrors) && simpleRuleErrors.length > 0) {\n          const updatedCriteriaErrors = [\n            ...simpleRuleErrors.filter((_, rindex) => rindex !== index),\n            ...getNestedRuleErrors(criteriaErrors),\n          ];\n\n          updatedErrors[activeCriteria] =\n            updatedCriteriaErrors.length > 0 ? updatedCriteriaErrors : [];\n        } else {\n          delete updatedErrors[activeCriteria];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const handleRemoveNestedConditionRule = (nestedConditionCriteria: string) => {\n    const updatedNestedConditionRow: Condition[] = [];\n\n    nestedConditionRow.forEach((c, index) => {\n      if (index === nestedConditionIndex) {\n        const updatedRules = (\n          (c[\n            nestedConditionCriteria as keyof Condition\n          ] as PermissionCondition[]) || []\n        ).filter((_r, rindex) => rindex !== ruleIndex);\n        updatedNestedConditionRow.push({\n          [nestedConditionCriteria as keyof Condition]: updatedRules,\n        });\n      } else {\n        updatedNestedConditionRow.push(c);\n      }\n    });\n\n    updateRules(\n      criteria === criterias.not\n        ? updatedNestedConditionRow[0]\n        : updatedNestedConditionRow,\n    );\n\n    setErrors(prevErrors => {\n      const updatedErrors = { ...prevErrors };\n\n      if (updatedErrors[criteria] !== undefined) {\n        const criteriaErrors = updatedErrors[criteria] as ComplexErrors[];\n\n        if (\n          criteria === criterias.not &&\n          notConditionType === 'nested-condition'\n        ) {\n          (\n            (updatedErrors[criteria] as NestedCriteriaErrors)[\n              nestedConditionCriteria\n            ] as string[]\n          ).splice(ruleIndex, 1);\n          return updatedErrors;\n        }\n\n        const nestedConditionErrors = getNestedRuleErrors(criteriaErrors);\n\n        if (\n          Array.isArray(nestedConditionErrors) &&\n          nestedConditionIndex !== undefined\n        ) {\n          const nestedErrors = nestedConditionErrors[nestedConditionIndex];\n          if (nestedErrors[nestedConditionCriteria]) {\n            const updatedNestedErrors = (\n              nestedErrors[nestedConditionCriteria] as string[]\n            ).filter((_error, index) => index !== ruleIndex);\n\n            if (updatedNestedErrors.length > 0) {\n              nestedErrors[nestedConditionCriteria] = updatedNestedErrors;\n            } else {\n              delete nestedErrors[nestedConditionCriteria];\n            }\n\n            nestedConditionErrors[nestedConditionIndex] = nestedErrors;\n          }\n\n          updatedErrors[criteria] = [\n            ...getSimpleRuleErrors(criteriaErrors),\n            ...nestedConditionErrors,\n          ];\n        }\n      }\n\n      return updatedErrors;\n    });\n  };\n\n  const ruleList = isNestedCondition\n    ? (currentCondition[\n        activeCriteria as keyof Condition\n      ] as PermissionCondition[])\n    : ((conditionRow[activeCriteria as keyof Condition] as Condition[]).filter(\n        r => isSimpleRule(r),\n      ) as PermissionCondition[]);\n\n  const disabled =\n    !isNestedCondition &&\n    (conditionRow[criteria as keyof Condition] as Condition[]).length === 1 &&\n    nestedConditionRow.length === 0 &&\n    ruleIndex === 0;\n  const nestedDisabled =\n    isNestedCondition &&\n    (\n      nestedConditionRow[nestedConditionIndex ?? 0][\n        activeNestedCriteria as keyof Condition\n      ] as Condition[]\n    ).length === 1 &&\n    ruleIndex === 0;\n\n  return (\n    (currentCondition as PermissionCondition).resourceType && (\n      <div\n        style={getRowStyle(currentCondition, isNestedCondition)}\n        key={getRowKey(isNestedCondition, ruleIndex)}\n      >\n        <ConditionsFormRowFields\n          oldCondition={currentCondition}\n          index={isNestedCondition ? undefined : ruleIndex}\n          onRuleChange={onRuleChange}\n          conditionRow={conditionRow}\n          criteria={criteria}\n          conditionRulesData={conditionRulesData}\n          setErrors={setErrors}\n          setRemoveAllClicked={setRemoveAllClicked}\n          nestedConditionRow={\n            isNestedCondition ? nestedConditionRow : undefined\n          }\n          nestedConditionCriteria={\n            isNestedCondition ? activeNestedCriteria : undefined\n          }\n          nestedConditionIndex={\n            isNestedCondition ? nestedConditionIndex : undefined\n          }\n          nestedConditionRuleIndex={isNestedCondition ? ruleIndex : undefined}\n          updateRules={isNestedCondition ? updateRules : undefined}\n        />\n        <IconButton\n          title={t('common.remove')}\n          sx={{\n            color: theme => theme.palette.grey[500],\n            flexGrow: 0,\n            alignSelf: 'baseline',\n            mt: '34px',\n          }}\n          disabled={isNestedCondition ? nestedDisabled : disabled}\n          onClick={\n            isNestedCondition &&\n            activeNestedCriteria &&\n            nestedConditionIndex !== undefined\n              ? () => handleRemoveNestedConditionRule(activeNestedCriteria)\n              : () => {\n                  handleRemoveSimpleConditionRule(ruleIndex, ruleList);\n                }\n          }\n        >\n          <RemoveIcon />\n        </IconButton>\n      </div>\n    )\n  );\n};\n"],"names":["ruleList"],"mappings":"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"}

package/dist/components/ConditionalAccess/ComplexConditionRowButtons.esm.js

@@ -8,6 +8,7 @@ import Typography from '@mui/material/Typography';
 import { getDefaultRule } from '../../utils/conditional-access-utils.esm.js';
 import { tooltipTitle } from './AddNestedConditionButton.esm.js';
 import { criterias } from './const.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const ComplexConditionRowButtons = ({
   conditionRow,
@@ -18,6 +19,7 @@ const ComplexConditionRowButtons = ({
   isNestedConditionRule,
   handleAddNestedCondition
 }) => {
+  const { t } = useTranslation();
   const findFirstNestedConditionIndex = (rules) => {
     return rules.findIndex((e) => isNestedConditionRule(e)) || 0;
   };
@@ -60,7 +62,7 @@ const ComplexConditionRowButtons = ({
             size: "small",
             onClick: handleAddRule,
             startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
-            children: /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: "Add rule" })
+            children: /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: t("conditionalAccess.addRule") })
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -73,8 +75,8 @@ const ComplexConditionRowButtons = ({
             onClick: () => handleAddNestedCondition(criteria),
             startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
             children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: "Add nested condition" }),
-              /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: 4 } }) })
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: t("conditionalAccess.addNestedCondition") }),
+              /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle(t), placement: "top", children: /* @__PURE__ */ jsx(HelpOutlineIcon, { fontSize: "inherit", style: { marginLeft: 4 } }) })
             ]
           }
         )

package/dist/components/ConditionalAccess/ComplexConditionRowButtons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexConditionRowButtons.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRowButtons.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 AddIcon from '@mui/icons-material/Add';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nimport { getDefaultRule } from '../../utils/conditional-access-utils';\nimport { tooltipTitle } from './AddNestedConditionButton';\nimport { criterias } from './const';\nimport { Condition, ConditionsData } from './types';\n\ntype ComplexConditionRowButtonsProps = {\n  conditionRow: ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  criteria: string;\n  selPluginResourceType: string;\n  updateErrors: (_index: number) => void;\n  isNestedConditionRule: (condition: Condition) => boolean;\n  handleAddNestedCondition: (criteria: string) => void;\n};\n\nexport const ComplexConditionRowButtons = ({\n  conditionRow,\n  onRuleChange,\n  criteria,\n  selPluginResourceType,\n  updateErrors,\n  isNestedConditionRule,\n  handleAddNestedCondition,\n}: ComplexConditionRowButtonsProps) => {\n  const findFirstNestedConditionIndex = (rules: Condition[]): number => {\n    return rules.findIndex(e => isNestedConditionRule(e)) || 0;\n  };\n  const handleAddRule = () => {\n    const updatedRules = [\n      ...(conditionRow.allOf ?? []),\n      ...(conditionRow.anyOf ?? []),\n    ];\n\n    const firstNestedConditionIndex =\n      findFirstNestedConditionIndex(updatedRules);\n    if (firstNestedConditionIndex !== -1) {\n      updatedRules.splice(\n        firstNestedConditionIndex,\n        0,\n        getDefaultRule(selPluginResourceType),\n      );\n    } else {\n      updatedRules.push(getDefaultRule(selPluginResourceType));\n    }\n\n    onRuleChange({ [criteria]: [...updatedRules] });\n    updateErrors(firstNestedConditionIndex);\n  };\n\n  return (\n    (criteria === criterias.allOf || criteria === criterias.anyOf) && (\n      <Box\n        mt={2}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          gap: 1,\n          alignItems: 'flex-start',\n        }}\n      >\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={handleAddRule}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            Add rule\n          </Typography>\n        </Button>\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={() => handleAddNestedCondition(criteria)}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            Add nested condition\n          </Typography>\n          <Tooltip title={tooltipTitle()} placement=\"top\">\n            <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: 4 }} />\n          </Tooltip>\n        </Button>\n      </Box>\n    )\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComplexConditionRowButtons.esm.js","sources":["../../../src/components/ConditionalAccess/ComplexConditionRowButtons.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 AddIcon from '@mui/icons-material/Add';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\n\nimport { getDefaultRule } from '../../utils/conditional-access-utils';\nimport { tooltipTitle } from './AddNestedConditionButton';\nimport { criterias } from './const';\nimport { Condition, ConditionsData } from './types';\nimport { useTranslation } from '../../hooks/useTranslation';\n\ntype ComplexConditionRowButtonsProps = {\n  conditionRow: ConditionsData;\n  onRuleChange: (newCondition: ConditionsData) => void;\n  criteria: string;\n  selPluginResourceType: string;\n  updateErrors: (_index: number) => void;\n  isNestedConditionRule: (condition: Condition) => boolean;\n  handleAddNestedCondition: (criteria: string) => void;\n};\n\nexport const ComplexConditionRowButtons = ({\n  conditionRow,\n  onRuleChange,\n  criteria,\n  selPluginResourceType,\n  updateErrors,\n  isNestedConditionRule,\n  handleAddNestedCondition,\n}: ComplexConditionRowButtonsProps) => {\n  const { t } = useTranslation();\n  const findFirstNestedConditionIndex = (rules: Condition[]): number => {\n    return rules.findIndex(e => isNestedConditionRule(e)) || 0;\n  };\n  const handleAddRule = () => {\n    const updatedRules = [\n      ...(conditionRow.allOf ?? []),\n      ...(conditionRow.anyOf ?? []),\n    ];\n\n    const firstNestedConditionIndex =\n      findFirstNestedConditionIndex(updatedRules);\n    if (firstNestedConditionIndex !== -1) {\n      updatedRules.splice(\n        firstNestedConditionIndex,\n        0,\n        getDefaultRule(selPluginResourceType),\n      );\n    } else {\n      updatedRules.push(getDefaultRule(selPluginResourceType));\n    }\n\n    onRuleChange({ [criteria]: [...updatedRules] });\n    updateErrors(firstNestedConditionIndex);\n  };\n\n  return (\n    (criteria === criterias.allOf || criteria === criterias.anyOf) && (\n      <Box\n        mt={2}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          gap: 1,\n          alignItems: 'flex-start',\n        }}\n      >\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={handleAddRule}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            {t('conditionalAccess.addRule')}\n          </Typography>\n        </Button>\n        <Button\n          sx={{\n            color: theme => theme.palette.primary.light,\n          }}\n          size=\"small\"\n          onClick={() => handleAddNestedCondition(criteria)}\n          startIcon={<AddIcon fontSize=\"small\" />}\n        >\n          <Typography variant=\"body2\" component=\"span\">\n            {t('conditionalAccess.addNestedCondition')}\n          </Typography>\n          <Tooltip title={tooltipTitle(t)} placement=\"top\">\n            <HelpOutlineIcon fontSize=\"inherit\" style={{ marginLeft: 4 }} />\n          </Tooltip>\n        </Button>\n      </Box>\n    )\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConditionalAccess/ConditionalAccessSidebar.esm.js

@@ -5,6 +5,7 @@ import Drawer from '@mui/material/Drawer';
 import IconButton from '@mui/material/IconButton';
 import Typography from '@mui/material/Typography';
 import { ConditionsForm } from './ConditionsForm.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const ConditionalAccessSidebar = ({
   open,
@@ -14,6 +15,7 @@ const ConditionalAccessSidebar = ({
   conditionRulesData,
   conditionsFormVal
 }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(
     Drawer,
     {
@@ -54,7 +56,7 @@ const ConditionalAccessSidebar = ({
                 children: [
                   /* @__PURE__ */ jsxs(Box, { children: [
                     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "5px" }, children: [
-                      /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 500 }, variant: "h5", children: "Configure access for the" }),
+                      /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 500 }, variant: "h5", children: t("common.configureAccessFor") }),
                       /* @__PURE__ */ jsx(Typography, { style: { fontWeight: 600 }, variant: "h5", children: selPluginResourceType })
                     ] }),
                     /* @__PURE__ */ jsx(
@@ -67,14 +69,14 @@ const ConditionalAccessSidebar = ({
                           paddingTop: (theme) => theme.spacing(1)
                         },
                         align: "left",
-                        children: "By default, the selected resource type is visible to all added users. If you want to restrict or grant permission to specific plugin rules, select them and add the parameters."
+                        children: t("common.defaultResourceTypeVisible")
                       }
                     )
                   ] }),
                   /* @__PURE__ */ jsx(
                     IconButton,
                     {
-                      title: "Close the drawer",
+                      title: t("common.closeDrawer"),
                       onClick: onClose,
                       color: "inherit",
                       children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })

package/dist/components/ConditionalAccess/ConditionalAccessSidebar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalAccessSidebar.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionalAccessSidebar.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { ConditionsForm } from './ConditionsForm';\nimport { ConditionsData, RulesData } from './types';\n\ntype ConditionalAccessSidebarProps = {\n  open: boolean;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n  selPluginResourceType: string;\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n};\n\nexport const ConditionalAccessSidebar = ({\n  open,\n  onClose,\n  onSave,\n  selPluginResourceType,\n  conditionRulesData,\n  conditionsFormVal,\n}: ConditionalAccessSidebarProps) => {\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      data-testid=\"rules-sidebar\"\n      PaperProps={{\n        sx: {\n          ['@media (max-width: 960px)']: {\n            width: '100%',\n          },\n          width: '50%',\n          height: '100%',\n        },\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexFlow: 'column',\n          justifyContent: 'space-between',\n          height: '100%',\n          backgroundColor: theme => `${theme.palette.background.paper}`,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'baseline',\n            padding: theme => theme.spacing(2.5),\n            fontFamily: theme => theme.typography.fontFamily,\n          }}\n        >\n          <Box>\n            <Box sx={{ display: 'flex', gap: '5px' }}>\n              <Typography sx={{ fontWeight: 500 }} variant=\"h5\">\n                Configure access for the\n              </Typography>\n              <Typography style={{ fontWeight: 600 }} variant=\"h5\">\n                {selPluginResourceType}\n              </Typography>\n            </Box>\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontWeight: 400,\n                fontFamily: theme => theme.typography.fontFamily,\n                paddingTop: theme => theme.spacing(1),\n              }}\n              align=\"left\"\n            >\n              By default, the selected resource type is visible to all added\n              users. If you want to restrict or grant permission to specific\n              plugin rules, select them and add the parameters.\n            </Typography>\n          </Box>\n          <IconButton\n            key=\"dismiss\"\n            title=\"Close the drawer\"\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </Box>\n        <ConditionsForm\n          conditionRulesData={conditionRulesData}\n          selPluginResourceType={selPluginResourceType}\n          conditionsFormVal={conditionsFormVal}\n          onClose={onClose}\n          onSave={onSave}\n        />\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConditionalAccessSidebar.esm.js","sources":["../../../src/components/ConditionalAccess/ConditionalAccessSidebar.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box';\nimport Drawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { ConditionsForm } from './ConditionsForm';\nimport { ConditionsData, RulesData } from './types';\nimport { useTranslation } from '../../hooks/useTranslation';\n\ntype ConditionalAccessSidebarProps = {\n  open: boolean;\n  onClose: () => void;\n  onSave: (conditions?: ConditionsData) => void;\n  selPluginResourceType: string;\n  conditionRulesData?: RulesData;\n  conditionsFormVal?: ConditionsData;\n};\n\nexport const ConditionalAccessSidebar = ({\n  open,\n  onClose,\n  onSave,\n  selPluginResourceType,\n  conditionRulesData,\n  conditionsFormVal,\n}: ConditionalAccessSidebarProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      data-testid=\"rules-sidebar\"\n      PaperProps={{\n        sx: {\n          ['@media (max-width: 960px)']: {\n            width: '100%',\n          },\n          width: '50%',\n          height: '100%',\n        },\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexFlow: 'column',\n          justifyContent: 'space-between',\n          height: '100%',\n          backgroundColor: theme => `${theme.palette.background.paper}`,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            alignItems: 'baseline',\n            padding: theme => theme.spacing(2.5),\n            fontFamily: theme => theme.typography.fontFamily,\n          }}\n        >\n          <Box>\n            <Box sx={{ display: 'flex', gap: '5px' }}>\n              <Typography sx={{ fontWeight: 500 }} variant=\"h5\">\n                {t('common.configureAccessFor')}\n              </Typography>\n              <Typography style={{ fontWeight: 600 }} variant=\"h5\">\n                {selPluginResourceType}\n              </Typography>\n            </Box>\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontWeight: 400,\n                fontFamily: theme => theme.typography.fontFamily,\n                paddingTop: theme => theme.spacing(1),\n              }}\n              align=\"left\"\n            >\n              {t('common.defaultResourceTypeVisible')}\n            </Typography>\n          </Box>\n          <IconButton\n            key=\"dismiss\"\n            title={t('common.closeDrawer')}\n            onClick={onClose}\n            color=\"inherit\"\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </Box>\n        <ConditionsForm\n          conditionRulesData={conditionRulesData}\n          selPluginResourceType={selPluginResourceType}\n          conditionsFormVal={conditionsFormVal}\n          onClose={onClose}\n          onSave={onSave}\n        />\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConditionalAccess/ConditionsFormRow.esm.js

@@ -16,7 +16,8 @@ import { ComplexConditionRow } from './ComplexConditionRow.esm.js';
 import { ComplexConditionRowButtons } from './ComplexConditionRowButtons.esm.js';
 import { ConditionRule } from './ConditionRule.esm.js';
 import { ConditionsFormRowFields } from './ConditionsFormRowFields.esm.js';
-import { criterias, conditionButtons } from './const.esm.js';
+import { criterias, getConditionButtons } from './const.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { CriteriaToggleButton } from './CriteriaToggleButton.esm.js';
 import { NotConditionType } from './types.esm.js';
 import Typography from '@mui/material/Typography';
@@ -31,6 +32,7 @@ const ConditionsFormRow = ({
   setErrors,
   setRemoveAllClicked
 }) => {
+  const { t } = useTranslation();
   const theme = useTheme();
   const [nestedConditionRow, setNestedConditionRow] = useState([]);
   const [notConditionType, setNotConditionType] = useState(
@@ -293,7 +295,7 @@ const ConditionsFormRow = ({
                   width: "60%",
                   height: "100%"
                 },
-                children: nestedConditionButtons.map(({ val, label }) => /* @__PURE__ */ jsx(
+                children: nestedConditionButtons(t).map(({ val, label }) => /* @__PURE__ */ jsx(
                   CriteriaToggleButton,
                   {
                     val,
@@ -308,7 +310,7 @@ const ConditionsFormRow = ({
             criteria !== criterias.not && /* @__PURE__ */ jsx(
               IconButton,
               {
-                title: "Remove nested condition",
+                title: t("common.removeNestedCondition"),
                 sx: {
                   color: theme.palette.grey[500],
                   flexGrow: 0,
@@ -415,7 +417,7 @@ const ConditionsFormRow = ({
               backgroundColor: theme.palette.background.paper,
               width: "80%"
             },
-            children: conditionButtons.map(({ val, label }) => /* @__PURE__ */ jsx(
+            children: getConditionButtons(t).map(({ val, label }) => /* @__PURE__ */ jsx(
               CriteriaToggleButton,
               {
                 val,
@@ -474,7 +476,7 @@ const ConditionsFormRow = ({
                   {
                     value: NotConditionType.SimpleCondition,
                     control: /* @__PURE__ */ jsx(Radio, { color: "primary" }),
-                    label: "Add rule",
+                    label: t("common.addRule"),
                     sx: {
                       marginTop: theme.spacing(1)
                     }