refactor(ui): move react components to react codebase [EE-3354] (#8258)

* refactor(ui): move react components to react codebase [EE-3354]

* refactor(app): move bocx selector options

* refactor(react): spearate portainer components

* fix(app): fix imports

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

@@ -0,0 +1,30 @@
+import { AlignJustify, Sliders } from 'lucide-react';
+
+import { KubernetesApplicationPlacementTypes } from '@/kubernetes/models/application/models';
+
+import { BoxSelectorOption } from '@@/BoxSelector';
+
+export const placementOptions: ReadonlyArray<BoxSelectorOption<number>> = [
+  {
+    id: 'placement_hard',
+    value: KubernetesApplicationPlacementTypes.MANDATORY,
+    icon: Sliders,
+    iconType: 'badge',
+    label: 'Mandatory',
+    description: (
+      <>
+        Schedule this application <b>ONLY</b> on nodes that match <b>ALL</b>{' '}
+        Rules
+      </>
+    ),
+  },
+  {
+    id: 'placement_soft',
+    value: KubernetesApplicationPlacementTypes.PREFERRED,
+    icon: AlignJustify,
+    iconType: 'badge',
+    label: 'Preferred',
+    description:
+      'Schedule this application on nodes that match the rules if possible',
+  },
+] as const;

app/react/kubernetes/cluster/getIsRBACEnabled.ts

@@ -4,7 +4,7 @@ import { EnvironmentId } from '@/react/portainer/environments/types';
 
 export async function getIsRBACEnabled(environmentId: EnvironmentId) {
   try {
-    const { data } = await axios.get(
+    const { data } = await axios.get<boolean>(
       `kubernetes/${environmentId}/rbac_enabled`
     );
     return data;

app/react/kubernetes/configs/CreateView/options.tsx

@@ -0,0 +1,23 @@
+import { KubernetesConfigurationKinds } from 'Kubernetes/models/configuration/models';
+import { FileCode, Lock } from 'lucide-react';
+
+import { BoxSelectorOption } from '@@/BoxSelector';
+
+export const typeOptions: ReadonlyArray<BoxSelectorOption<number>> = [
+  {
+    id: 'type_basic',
+    value: KubernetesConfigurationKinds.CONFIGMAP,
+    icon: FileCode,
+    iconType: 'badge',
+    label: 'ConfigMap',
+    description: 'This configuration holds non-sensitive information',
+  },
+  {
+    id: 'type_secret',
+    value: KubernetesConfigurationKinds.SECRET,
+    icon: Lock,
+    iconType: 'badge',
+    label: 'Secret',
+    description: 'This configuration holds sensitive information',
+  },
+] as const;