@orsetra/shared-ui 1.0.30 → 1.0.32

package/components/ui/index.ts

@@ -18,6 +18,7 @@ export { ImageCropDialog } from './image-crop-dialog'
 // Note: The following components are not exported as they depend on app-specific services or models:
 // - CertificateEditor, EnvironmentSettings, EnvironmentVariablesConfig
 // - FileImport, ProcessStatus, ResourceSettings, SecretExplorer, SecretPropertiesEditor, SelectedAsset
+export { ResourceSettings } from './resource-settings'
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './accordion'
 export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './alert-dialog'
 export { Alert, AlertTitle, AlertDescription } from './alert'

package/components/ui/resource-settings.tsx

@@ -4,20 +4,37 @@ import { Label } from "./label"
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "./select"
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion"
 import { Cpu, MemoryStick } from "lucide-react"
-import { cpuOptions, memoryOptions, replicasOptions, ResourceOption } from "../../app/applications/models"
+import type { ResourceConfig, ScalabilityConfig } from "@orsetra/shared-types"
 
-export interface ResourceConfig {
-  cpu: string
-  memory: string
-}
+export type { ResourceConfig, ScalabilityConfig } from "@orsetra/shared-types"
 
-export interface ScalabilityConfig {
-  replicas: number
-  minReplicas: number
-  maxReplicas: number
-  scalingStrategy: "manual" | "auto"
+interface ResourceOption {
+  value: string
+  label: string
+  description: string
 }
 
+const cpuOptions: ResourceOption[] = [
+  { value: "250m", label: "0.25 vCPU", description: "Light workloads" },
+  { value: "500m", label: "0.5 vCPU", description: "Standard workloads" },
+  { value: "1000m", label: "1 vCPU", description: "High workloads" },
+  { value: "2000m", label: "2 vCPU", description: "Very high workloads" },
+]
+
+const memoryOptions: ResourceOption[] = [
+  { value: "512Mi", label: "512 MiB", description: "Light workloads" },
+  { value: "1Gi", label: "1 GiB", description: "Standard workloads" },
+  { value: "2Gi", label: "2 GiB", description: "High workloads" },
+  { value: "4Gi", label: "4 GiB", description: "Very high workloads" },
+]
+
+const replicasOptions: Array<{ value: number; label: string }> = [
+  { value: 1, label: "1" },
+  { value: 2, label: "2" },
+  { value: 3, label: "3" },
+  { value: 4, label: "4" },
+]
+
 interface ResourceSettingsProps { 
   resources: ResourceConfig
   onResourcesChange: (config: ResourceConfig) => void
@@ -163,7 +180,7 @@ export function ResourceSettings({
                             <SelectValue />
                           </SelectTrigger>
                           <SelectContent>
-                            {replicasOptions.map((option: ResourceOption) => (
+                            {replicasOptions.map((option) => (
                               <SelectItem key={option.value} value={option.value.toString()}>
                                 {option.label}
                               </SelectItem>
@@ -188,7 +205,7 @@ export function ResourceSettings({
                               <SelectValue />
                             </SelectTrigger>
                             <SelectContent>
-                              {replicasOptions.map((option: ResourceOption) => (
+                              {replicasOptions.map((option) => (
                                 <SelectItem key={option.value} value={option.value.toString()}>
                                   {option.label}
                                 </SelectItem>
@@ -207,7 +224,7 @@ export function ResourceSettings({
                               <SelectValue />
                             </SelectTrigger>
                             <SelectContent>
-                              {replicasOptions.map((option: ResourceOption) => (
+                              {replicasOptions.map((option) => (
                                 <SelectItem key={option.value} value={option.value.toString()}>
                                   {option.label}
                                 </SelectItem>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -41,6 +41,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.1",
+    "@orsetra/shared-types": "^1.0.2",
     "@radix-ui/react-accordion": "1.2.2",
     "@radix-ui/react-alert-dialog": "1.1.4",
     "@radix-ui/react-aspect-ratio": "1.1.1",