refactor(app): persisted folders form section [EE-6235] (#10693)

* refactor(app): persisted folder section [EE-6235]

app/react/kubernetes/applications/CreateView/DataAccessPolicyFormSection.tsx

@@ -0,0 +1,70 @@
+import { Box, Boxes } from 'lucide-react';
+
+import { KubernetesApplicationDataAccessPolicies } from '@/kubernetes/models/application/models';
+
+import { BoxSelector, BoxSelectorOption } from '@@/BoxSelector';
+
+interface Props {
+  isEdit: boolean;
+  persistedFoldersUseExistingVolumes: boolean;
+  value: number;
+  onChange(value: number): void;
+}
+
+export function DataAccessPolicyFormSection({
+  isEdit,
+  persistedFoldersUseExistingVolumes,
+  value,
+  onChange,
+}: Props) {
+  const options = getOptions(value, isEdit, persistedFoldersUseExistingVolumes);
+
+  return (
+    <BoxSelector
+      slim
+      options={options}
+      value={value}
+      onChange={onChange}
+      radioName="data_access_policy"
+    />
+  );
+}
+
+function getOptions(
+  value: number,
+  isEdit: boolean,
+  persistedFoldersUseExistingVolumes: boolean
+): ReadonlyArray<BoxSelectorOption<number>> {
+  return [
+    {
+      value: KubernetesApplicationDataAccessPolicies.ISOLATED,
+      id: 'data_access_isolated',
+      icon: Boxes,
+      iconType: 'badge',
+      label: 'Isolated',
+      description:
+        'Application will be deployed as a StatefulSet with each instantiating their own data',
+      tooltip: () =>
+        isEdit || persistedFoldersUseExistingVolumes
+          ? 'Changing the data access policy is not allowed'
+          : '',
+      disabled: () =>
+        (isEdit &&
+          value !== KubernetesApplicationDataAccessPolicies.ISOLATED) ||
+        persistedFoldersUseExistingVolumes,
+    },
+    {
+      value: KubernetesApplicationDataAccessPolicies.SHARED,
+      id: 'data_access_shared',
+      icon: Box,
+      iconType: 'badge',
+      label: 'Shared',
+      description:
+        'Application will be deployed as a Deployment with a shared storage access',
+      tooltip: () =>
+        isEdit ? 'Changing the data access policy is not allowed' : '',
+      disabled: () =>
+        isEdit && value !== KubernetesApplicationDataAccessPolicies.SHARED,
+    },
+  ] as const;
+}