@cobaltcore-dev/aurora 0.19.0 → 0.20.0

package/dist/client/analytics/setupRouterAnalytics.d.ts

@@ -0,0 +1,20 @@
+import { createAuroraRouter } from '../router';
+/**
+ * Sets up analytics tracking for router navigation events.
+ * Subscribes to the router's "onResolved" event and emits analytics events
+ * when users navigate between routes. Metadata always includes `pathname`,
+ * includes `search` when query params are present, and includes `section`/`service`
+ * when available via route `staticData`.
+ *
+ * @param router - The TanStack Router instance
+ * @returns Cleanup function to unsubscribe from router events
+ *
+ * @example
+ * ```tsx
+ * const router = createAuroraRouter(trpcReact, trpcClient)
+ * const cleanup = setupRouterAnalytics(router)
+ * // Later, when unmounting:
+ * cleanup()
+ * ```
+ */
+export declare function setupRouterAnalytics(router: ReturnType<typeof createAuroraRouter>): () => void;

package/dist/client/assets/__mocks__/svgMock.d.ts

@@ -0,0 +1,3 @@
+declare const SvgMock: () => null;
+export default SvgMock;
+export { SvgMock as ReactComponent };

package/dist/client/components/Auth/SessionExpirationTimer.d.ts

@@ -0,0 +1,4 @@
+export declare function SessionExpirationTimer(props: {
+    className?: string;
+    sessionExpired: Date;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/ClipboardText.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    tooltipContent?: string;
+    text: string;
+    className?: string;
+    truncateAt?: number;
+    showTooltip?: boolean;
+}
+declare const ClipboardText: React.FC<ClipboardTextProps>;
+export default ClipboardText;

package/dist/client/components/ContentHeader/ContentHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface ContentHeaderProps {
+    title: string;
+    projectId: string;
+    description?: string | null;
+    actions?: ReactNode;
+    badges?: ReactNode;
+}
+export declare function ContentHeader({ title, projectId, description, actions, badges }: ContentHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/Error/RouteError.d.ts

@@ -0,0 +1,9 @@
+interface RouteErrorProps {
+    error: unknown;
+    title?: string;
+    helpText?: string;
+    /** Explicitly pass a safe error message to display. Use this when you want to show specific error details. */
+    safeErrorMessage?: string;
+}
+export declare function RouteError({ error, title, helpText, safeErrorMessage }: RouteErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/Error/StatusError.d.ts

@@ -0,0 +1,11 @@
+interface StatusErrorProps {
+    message: string;
+    statusCode?: number;
+    onHomeClick?: () => void;
+    onBackClick?: () => void;
+    title: string;
+    showHeader?: boolean;
+    reset?: () => void;
+}
+export declare function StatusError({ message, statusCode, onHomeClick, onBackClick, title, reset }: StatusErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/JsonEditor.d.ts

@@ -0,0 +1,39 @@
+export interface JsonEditorProps {
+    /** Current JSON string value */
+    value: string;
+    /** Callback when value changes */
+    onChange: (value: string) => void;
+    /** Callback when editor loses focus */
+    onBlur?: () => void;
+    /** Whether the editor is disabled */
+    disabled?: boolean;
+    /** Placeholder text when empty */
+    placeholder?: string;
+    /** Error message to display (also shows error border) */
+    error?: string | null;
+    /** Additional CSS class names (use height classes like h-96 to set fixed height) */
+    className?: string;
+    /** HTML id attribute */
+    id?: string;
+    /** HTML name attribute */
+    name?: string;
+    /** Number of spaces for indentation (default: 2) */
+    indentSize?: number;
+    /** Whether to show line numbers (default: true) */
+    showLineNumbers?: boolean;
+    /** Test ID for testing */
+    "data-testid"?: string;
+}
+/**
+ * A simple JSON editor component with line numbers and smart indentation.
+ *
+ * Features:
+ * - Line numbers
+ * - Tab key inserts spaces
+ * - Enter key auto-indents based on context
+ * - Closing braces/brackets auto-dedent
+ * - Error state styling
+ * - Accessible and keyboard-friendly
+ */
+export declare const JsonEditor: ({ value, onChange, onBlur, disabled, placeholder, error, className, id, name, indentSize, showLineNumbers, "data-testid": testId, }: JsonEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default JsonEditor;

package/dist/client/components/ListToolbar/FiltersInput.d.ts

@@ -0,0 +1,6 @@
+import { Filter, SelectedFilter } from './types';
+export type FiltersInputProps = {
+    filters: Filter[];
+    onChange: (filter: SelectedFilter) => void;
+};
+export declare const FiltersInput: ({ filters, onChange }: FiltersInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/client/components/ListToolbar/SelectedFilters.d.ts

@@ -0,0 +1,24 @@
+import { SelectedFilter } from './types';
+export type SelectedFiltersProps = {
+    /**
+     * Array of currently active filters to be displayed as closeable pills.
+     */
+    selectedFilters: SelectedFilter[];
+    /**
+     * Callback function invoked when a user removes an individual filter pill.
+     */
+    onDelete: (filter: SelectedFilter) => void;
+    /**
+     * Callback function invoked when the "Clear all" button is clicked.
+     */
+    onClear: () => void;
+};
+/**
+ * SelectedFilters Component
+ *
+ * Displays currently active filters as closeable pill components with individual
+ * remove buttons and an optional "Clear all" button (shown when 2+ filters are active).
+ *
+ * The pills are arranged in a flexible, wrapping layout that adapts to available space.
+ */
+export declare const SelectedFilters: ({ selectedFilters, onDelete, onClear }: SelectedFiltersProps) => import("react/jsx-runtime").JSX.Element;

package/dist/client/components/ListToolbar/SortInput.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SortOption } from './types';
+export interface SortInputProps {
+    sortBy?: string | number | string[];
+    onSortByChange: (param?: string | number | string[]) => void;
+    sortDirection: "asc" | "desc";
+    onSortDirectionChange: (direction: "asc" | "desc") => void;
+    options: SortOption[];
+    selectClassName?: string;
+}
+export declare const SortInput: React.FC<SortInputProps>;

package/dist/client/components/ListToolbar/index.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { SearchInputProps } from '@cloudoperators/juno-ui-components';
+import { FilterSettings, SortSettings } from './types';
+export type ListToolbarProps = {
+    filterSettings?: FilterSettings;
+    onFilter?: (filterSettings: FilterSettings) => void;
+    sortSettings?: SortSettings;
+    onSort?: (sortSettings: SortSettings) => void;
+    searchTerm?: string;
+    onSearch?: (searchTerm: string) => void;
+    searchInputProps?: Omit<SearchInputProps, "value" | "onSearch" | "onClear" | "onInput">;
+    actions?: ReactNode;
+    tabs?: {
+        items: Array<{
+            label: string;
+            value: string;
+        }>;
+        activeItem: string;
+        onActiveItemChange: (value: ReactNode) => void;
+    };
+    totalCount?: number;
+    itemName?: string;
+    filteredCount?: number;
+    lastUpdated?: Date | string;
+};
+export declare const ListToolbar: ({ filterSettings, onFilter, sortSettings, onSort, searchTerm, onSearch, searchInputProps, actions, tabs, totalCount, filteredCount, itemName, lastUpdated, }: ListToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/client/components/ListToolbar/types.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Represents a single selected filter value in the active filter list
+ * Used to track which filters are currently applied to the data
+ */
+export type SelectedFilter = {
+    /** The filter name/key this selection belongs to (e.g., "status", "visibility") */
+    name: string;
+    /** The selected value for this filter (e.g., "active", "public") */
+    value: string;
+    /**
+     * Whether this filter is temporarily disabled without removing it
+     * Useful for "show/hide" functionality in the UI
+     * @default false
+     */
+    inactive?: boolean;
+};
+/**
+ * Defines a filterable field and its available options
+ * Represents a single filter category that users can apply to narrow down results
+ */
+export type Filter = {
+    /**
+     * Human-readable name shown in the UI
+     * @example "Status", "Visibility", "Disk Format"
+     */
+    displayName: string;
+    /**
+     * The actual parameter name used in API requests
+     * @example "status", "visibility", "disk_format"
+     */
+    filterName: string;
+    /**
+     * Array of available values users can select for this filter
+     * @example ["active", "queued", "saving"] for status filter
+     */
+    values: string[];
+    /**
+     * Whether this filter supports selecting multiple values using the 'in' operator
+     *
+     * For OpenStack Glance API:
+     * - Supports 'in': name, status, id, container_format, disk_format
+     * - Does NOT support 'in': visibility, protected, owner, tags, dates
+     *
+     * When true, multiple selections will be combined as: `filterName=in:value1,value2,value3`
+     * When false, only single value is allowed: `filterName=value`
+     *
+     * @default false
+     * @example
+     * // supportsMultiValue: true
+     * status=in:active,queued,saving
+     *
+     * // supportsMultiValue: false
+     * visibility=public
+     */
+    supportsMultiValue?: boolean;
+};
+/**
+ * Complete filter configuration including available filters and current selections
+ * Represents the entire filtering state for a list view
+ */
+export type FilterSettings = {
+    /**
+     * Currently applied filters by the user
+     * If undefined or empty, no filters are active
+     */
+    selectedFilters?: SelectedFilter[];
+    /**
+     * Available filter definitions that users can choose from
+     * These define what filters are available in the UI
+     */
+    filters: Filter[];
+};
+/**
+ * Represents a single option in the sort dropdown
+ * Defines a field that data can be sorted by
+ */
+export type SortOption = {
+    /**
+     * The actual field name to sort by (used in API requests)
+     * @example "created_at", "name", "size", "status"
+     */
+    value: string;
+    /**
+     * Human-readable label shown in the UI
+     * @example "Created At", "Name", "Size", "Status"
+     */
+    label: string;
+};
+/**
+ * Complete sorting configuration including available options and current sort state
+ * Represents the entire sorting state for a list view
+ */
+export type SortSettings = {
+    /**
+     * Array of available fields that can be used for sorting
+     * These options are displayed in the sort dropdown
+     */
+    options: SortOption[];
+    /**
+     * Currently selected sort field
+     * Can be a string (single field), number (field index), or array (multiple fields)
+     *
+     * For OpenStack Glance API, typically a string representing the field name
+     * @example "created_at", "name", "size"
+     */
+    sortBy?: string | number | string[];
+    /**
+     * Current sort direction
+     *
+     * - "asc": Ascending order (A-Z, 0-9, oldest to newest)
+     * - "desc": Descending order (Z-A, 9-0, newest to oldest)
+     *
+     * @default "desc" (typically for created_at to show newest first)
+     */
+    sortDirection?: "asc" | "desc";
+};

package/dist/client/components/ProjectView/ProjectInfoBox.d.ts

@@ -0,0 +1,12 @@
+interface ProjectInfoBoxProps {
+    projectInfo: {
+        id: string;
+        name: string;
+        description?: string;
+        domain?: {
+            name?: string;
+        };
+    };
+}
+export declare function ProjectInfoBox({ projectInfo }: ProjectInfoBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/Slot.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { SlotProps } from '../AuroraApp';
+export declare function Slot({ component: Component, useShadowDOM, currentService, }: {
+    component: FC<SlotProps>;
+    useShadowDOM?: boolean;
+    currentService?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/client/components/navigation/LanguageSelect.d.ts

@@ -0,0 +1,3 @@
+export declare function LanguageSelect({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/navigation/MainNavigation.d.ts

@@ -0,0 +1,10 @@
+import { NavigationItem } from './types';
+import { Slots } from '../../AuroraApp';
+interface NavigationProps {
+    items: NavigationItem[];
+    handleThemeToggle?: (theme: string) => void;
+    appName?: string;
+    slots?: Slots;
+}
+export declare function MainNavigation({ items, handleThemeToggle, appName, slots }: NavigationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/client/components/navigation/UserMenu.d.ts

@@ -0,0 +1 @@
+export declare function UserMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/navigation/types.d.ts

@@ -0,0 +1,4 @@
+export interface NavigationItem {
+    route: string;
+    label: string;
+}

package/dist/client/{floatingips-DyBEotB8.mjs → floatingips-D98DrjA0.mjs}

@@ -1,9 +1,9 @@
 import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, R as s, U as c, Y as l, at as u, dt as d, et as f, m as p, o as m, r as h, rt as g, tt as _, y as v } from "./build-DgeVmENN.mjs";
 import { r as y } from "./trpcClient-BxcNKnhv.mjs";
 import { t as b } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-iGiEkLTp.mjs";
+import "./hooks-BsbKkpZc.mjs";
 import { t as x } from "./useModal-DCs1OJh7.mjs";
-import { t as S } from "./FloatingIpActionModals-DAtZoYGS.mjs";
+import { t as S } from "./FloatingIpActionModals-PLN6CWZ9.mjs";
 import { n as C, t as w } from "./useListWithFiltering-BuhE81I6.mjs";
 import { t as T } from "./buildFilterParams-DoZzMKX9.mjs";
 import { m as E, r as D, s as O } from "./md-CyCflQee.mjs";
@@ -431,4 +431,4 @@ function Z() {
 //#endregion
 export { Z as component };
 
-//# sourceMappingURL=floatingips-DyBEotB8.mjs.map
+//# sourceMappingURL=floatingips-D98DrjA0.mjs.map

package/dist/client/{floatingips-DyBEotB8.mjs.map → floatingips-D98DrjA0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"floatingips-DyBEotB8.mjs","names":["MdError","MdRemoveCircle","MdCheckCircle","STATUS_CONFIG","ACTIVE","text","icon","size","color","fill","DOWN","ERROR","TABLE_COLUMNS","t","useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","STATUS_CONFIG","FloatingIpActionModals","useProjectId","FloatingIpTableRow","floatingIp","useLingui","navigate","projectId","navigateToDetailsPage","to","params","floatingIpId","id","data-testid","onClick","div","className","status","icon","text","floating_ip_address","fixed_ip_address","floating_network_id","description","e","stopPropagation","toggleEditModal","toggleAttachModal","toggleDetachModal","toggleReleaseModal","label","t","DataGrid","DataGridHeadCell","DataGridRow","DataGridCell","ContentHeading","Stack","Spinner","FloatingIpTableRow","TABLE_COLUMNS","FloatingIpListContainer","floatingIps","isLoading","isError","error","useLingui","columns","className","distribution","alignment","direction","variant","size","message","t","length","data-testid","colSpan","p","map","label","ip","floatingIp","id","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","TextInput","Select","SelectOption","trpcReact","useProjectId","ipv4Regex","ipv6Regex","isValidIpAddress","value","test","dnsNameRegex","AllocateFloatingIpModal","open","onClose","useLingui","projectId","utils","useUtils","isPending","createFloatingIpMutation","network","floatingIp","create","useMutation","onSettled","list","invalidate","data","externalNetworks","isLoading","isExternalNetworksLoading","error","externalNetworksError","listExternalNetworks","useQuery","project_id","dnsDomains","isDnsDomainsLoading","dnsDomainsError","listDnsDomains","availablePorts","isPortsLoading","portsError","listAvailablePorts","formSchema","object","floating_network_id","string","dns_domain","dns_name","trim","max","t","refine","message","description","floating_ip_address","port_id","fixed_ip_address","form","defaultValues","validators","onSubmit","mutateAsync","tenant_id","handleClose","reset","currentPortId","store","state","values","currentFloatingNetworkId","selectedPort","find","port","id","portFixedIps","fixed_ips","formErrorMessage","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","label","helptext","placeholder","disabled","required","loading","map","onBlur","handleBlur","target","errortext","meta","errors","join","portId","p","ips","setFieldValue","length","ip_address","Button","ListToolbar","trpcReact","buildFilterParams","useListWithFiltering","useModal","useProjectId","FloatingIpListContainer","AllocateFloatingIpModal","DEFAULT_SORT_KEY","DEFAULT_SORT_DIR","FloatingIpsList","useLingui","projectId","allocateModalOpen","toggleAllocateModal","searchTerm","handleSearchChange","sortSettings","handleSortChange","filterSettings","handleFilterChange","defaultSortKey","defaultSortDir","sortOptions","label","t","value","filters","displayName","filterName","values","supportsMultiValue","data","floatingIps","isLoading","isError","error","network","floatingIp","list","useQuery","project_id","sort_key","sortBy","sort_dir","sortDirection","div","className","onSearch","onSort","onFilter","actions","variant","onClick","open","onClose","useLingui","FloatingIpsList","ContentHeading","Route","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/constants.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/FloatingIpTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/FloatingIpListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AllocateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/FloatingIpsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component"],"sourcesContent":["import { MdError, MdRemoveCircle, MdCheckCircle } from \"react-icons/md\"\nimport { t } from \"@lingui/core/macro\"\nimport { FloatingIpStatus } from \"@/server/Network/types/floatingIp\"\n\ntype FloatingIpStatusDisplay = {\n  text: string\n  icon: React.ReactNode\n}\n\nexport const STATUS_CONFIG: Record<FloatingIpStatus, FloatingIpStatusDisplay> = {\n  ACTIVE: {\n    text: \"Active\",\n    icon: <MdCheckCircle size={18} color=\"white\" fill=\"#4FB81C\" />,\n  },\n  DOWN: {\n    text: \"Down\",\n    icon: <MdRemoveCircle size={18} color=\"white\" fill=\"#969696\" />,\n  },\n  ERROR: {\n    text: \"Error\",\n    icon: <MdError size={18} color=\"white\" fill=\"#C70000\" />,\n  },\n} as const\n\nexport const TABLE_COLUMNS = () =>\n  [\n    t`Status`,\n    t`Floating IP Address`,\n    t`Fixed IP Address`,\n    t`Subnet`,\n    t`Description`,\n    \"\", // empty column for item-actions with context menu containing \"Preview\", \"Edit Description\", \"Attach\", \"Detach\" and \"Release\"\n  ] as const\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { STATUS_CONFIG } from \"./constants\"\nimport { FloatingIpActionModals } from \"../-modals/FloatingIpActionModals\"\nimport { useProjectId } from \"@/client/hooks\"\n\ninterface FloatingIpTableRowProps {\n  floatingIp: FloatingIp\n}\n\nexport const FloatingIpTableRow = ({ floatingIp }: FloatingIpTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n\n  const navigateToDetailsPage = () => {\n    navigate({\n      to: \"/projects/$projectId/network/floatingips/$floatingIpId\",\n      params: { projectId, floatingIpId: floatingIp.id },\n    })\n  }\n\n  return (\n    <DataGridRow key={floatingIp.id} data-testid={`floating-ip-row-${floatingIp.id}`} onClick={navigateToDetailsPage}>\n      <DataGridCell>\n        <div className=\"flex items-center gap-2\">\n          {STATUS_CONFIG[floatingIp.status].icon}\n          {STATUS_CONFIG[floatingIp.status].text}\n        </div>\n      </DataGridCell>\n      <DataGridCell>{floatingIp.floating_ip_address}</DataGridCell>\n      <DataGridCell>{floatingIp.fixed_ip_address || \"—\"}</DataGridCell>\n      <DataGridCell>{floatingIp.floating_network_id}</DataGridCell>\n      <DataGridCell>{floatingIp.description || \"—\"}</DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n        <FloatingIpActionModals floatingIp={floatingIp}>\n          {({ toggleEditModal, toggleAttachModal, toggleDetachModal, toggleReleaseModal }) => (\n            <PopupMenu>\n              <PopupMenuOptions>\n                <PopupMenuItem label={t`Preview`} onClick={navigateToDetailsPage} />\n                <PopupMenuItem label={t`Edit Description`} onClick={toggleEditModal} />\n                <PopupMenuItem label={t`Attach`} onClick={toggleAttachModal} />\n                <PopupMenuItem label={t`Detach`} onClick={toggleDetachModal} />\n                <PopupMenuItem label={t`Release`} onClick={toggleReleaseModal} />\n              </PopupMenuOptions>\n            </PopupMenu>\n          )}\n        </FloatingIpActionModals>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGrid,\n  DataGridHeadCell,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  Stack,\n  Spinner,\n} from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { FloatingIpTableRow } from \"./FloatingIpTableRow\"\nimport { TABLE_COLUMNS } from \"./constants\"\n\ninterface FloatingIpListContainerProps {\n  floatingIps: FloatingIp[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n}\n\nexport const FloatingIpListContainer = ({ floatingIps, isLoading, isError, error }: FloatingIpListContainerProps) => {\n  const { t } = useLingui()\n  const columns = TABLE_COLUMNS()\n\n  if (isLoading) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading...</Trans>\n      </Stack>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {error?.message ?? t`Failed to load Floating IPs`}\n      </Stack>\n    )\n  }\n\n  if (floatingIps.length === 0) {\n    return (\n      <DataGrid columns={columns.length} className=\"floating-ips\" data-testid=\"no-floating-ips\">\n        <DataGridRow>\n          <DataGridCell colSpan={columns.length}>\n            <ContentHeading>\n              <Trans>No Floating IPs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>\n                There are no Floating IPs available for this project. Floating IPs allow you to map public IP addresses\n                to instances.\n              </Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <DataGrid columns={columns.length}>\n      <DataGridRow>\n        {columns.map((label) => (\n          <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n        ))}\n      </DataGridRow>\n      {floatingIps.map((ip) => (\n        <FloatingIpTableRow key={ip.id} floatingIp={ip} />\n      ))}\n    </DataGrid>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormSection,\n  Spinner,\n  Message,\n  Textarea,\n  TextInput,\n  Select,\n  SelectOption,\n} from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface AllocateFloatingIpModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst ipv4Regex = /^(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}$/\nconst ipv6Regex =\n  /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})))$/\nconst isValidIpAddress = (value: string) => ipv4Regex.test(value) || ipv6Regex.test(value)\nconst dnsNameRegex = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/\n\nexport const AllocateFloatingIpModal = ({ open, onClose }: AllocateFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createFloatingIpMutation } = trpcReact.network.floatingIp.create.useMutation({\n    onSettled: () => utils.network.floatingIp.list.invalidate(),\n  })\n\n  const {\n    data: externalNetworks = [],\n    isLoading: isExternalNetworksLoading,\n    error: externalNetworksError,\n  } = trpcReact.network.floatingIp.listExternalNetworks.useQuery({ project_id: projectId })\n\n  const {\n    data: dnsDomains = [],\n    isLoading: isDnsDomainsLoading,\n    error: dnsDomainsError,\n  } = trpcReact.network.floatingIp.listDnsDomains.useQuery({ project_id: projectId })\n\n  const {\n    data: availablePorts = [],\n    isLoading: isPortsLoading,\n    error: portsError,\n  } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({ project_id: projectId })\n\n  const formSchema = z.object({\n    floating_network_id: z.string(),\n    dns_domain: z.string(),\n    dns_name: z\n      .string()\n      .trim()\n      .max(63, t`DNS name must be at most 63 characters.`)\n      .refine((value) => value === \"\" || dnsNameRegex.test(value), {\n        message: t`Must be a valid PQDN or FQDN (alphanumeric and hyphens only, cannot start or end with hyphen).`,\n      }),\n    description: z\n      .string()\n      .trim()\n      .max(255, t`Description must be at most 255 characters.`),\n    floating_ip_address: z\n      .string()\n      .trim()\n      .refine((value) => value === \"\" || isValidIpAddress(value), {\n        message: t`Must be a valid IPv4 or IPv6 address (for example: 172.24.4.228 or 2001:db8::1).`,\n      }),\n    port_id: z.string(),\n    fixed_ip_address: z.string(),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      floating_network_id: \"\",\n      dns_domain: \"\",\n      dns_name: \"\",\n      description: \"\",\n      floating_ip_address: \"\",\n      port_id: \"\",\n      fixed_ip_address: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      await createFloatingIpMutation.mutateAsync({\n        project_id: projectId,\n        tenant_id: projectId,\n        floating_network_id: value.floating_network_id,\n        ...(value.dns_domain && { dns_domain: value.dns_domain }),\n        ...(value.dns_name && { dns_name: value.dns_name }),\n        ...(value.description && { description: value.description }),\n        ...(value.floating_ip_address && { floating_ip_address: value.floating_ip_address }),\n        ...(value.port_id && { port_id: value.port_id }),\n        ...(value.fixed_ip_address && { fixed_ip_address: value.fixed_ip_address }),\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createFloatingIpMutation.reset()\n    onClose()\n  }\n\n  const currentPortId = useStore(form.store, (state) => state.values.port_id)\n  const currentFloatingNetworkId = useStore(form.store, (state) => state.values.floating_network_id)\n  const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n  const portFixedIps = selectedPort?.fixed_ips ?? []\n\n  const formErrorMessage =\n    (externalNetworksError?.message || dnsDomainsError?.message || portsError?.message) ??\n    createFloatingIpMutation.error?.message ??\n    null\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Allocate Floating IP`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Allocate`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending || !currentFloatingNetworkId}\n    >\n      {formErrorMessage && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {formErrorMessage}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Allocating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"allocate-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"floating_network_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`External Network`}\n                  helptext={t`The ID of the network associated with the floating IP.`}\n                  placeholder={t`Select an external network`}\n                  disabled={isPending || isExternalNetworksLoading}\n                  required\n                  loading={isExternalNetworksLoading}\n                >\n                  {externalNetworks.map(({ id, name }) => (\n                    <SelectOption key={id} value={id} label={name ? `${name} (${id})` : id} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"dns_domain\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`DNS Domain`}\n                  helptext={t`Select a DNS domain.`}\n                  disabled={isPending || isDnsDomainsLoading}\n                  loading={isDnsDomainsLoading}\n                >\n                  {dnsDomains.map(({ id, name }) => (\n                    <SelectOption key={id} value={name} label={name} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"dns_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`DNS Name`}\n                  placeholder={t`Enter DNS name`}\n                  helptext={t`Enter a valid PQDN or FQDN (max 63 characters) to associate with the floating IP. A and PTR records are created automatically.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"description\"\n              children={(field) => (\n                <Textarea\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Description`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"floating_ip_address\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Floating IP Address`}\n                  placeholder={t`Enter a floating IP`}\n                  helptext={t`Enter a floating IP or leave blank to auto-assign one`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"port_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => {\n                    const portId = typeof value === \"string\" ? value : \"\"\n                    field.handleChange(portId)\n                    const port = availablePorts.find((p) => p.id === portId)\n                    const ips = port?.fixed_ips ?? []\n                    form.setFieldValue(\"fixed_ip_address\", ips.length === 1 ? ips[0].ip_address : \"\")\n                  }}\n                  label={t`Port ID`}\n                  placeholder={t`Select port to associate`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending || isPortsLoading}\n                  loading={isPortsLoading}\n                >\n                  {availablePorts.map((port) => (\n                    <SelectOption\n                      key={port.id}\n                      value={port.id}\n                      label={port.name ? `${port.name} (${port.id})` : port.id}\n                    />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection>\n            <form.Field\n              name=\"fixed_ip_address\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`Fixed IP Address`}\n                  placeholder={t`Select a fixed IP address`}\n                  helptext={t`Associates on the selected port. If the port has multiple IPs, select the desired fixed IP address.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending || portFixedIps.length === 0}\n                >\n                  {portFixedIps.map(({ ip_address }) => (\n                    <SelectOption key={ip_address} value={ip_address} label={ip_address} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { useLingui } from \"@lingui/react/macro\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIpQueryParameters } from \"@/server/Network/types/floatingIp\"\nimport { ListToolbar } from \"@/client/components/ListToolbar\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { buildFilterParams } from \"@/client/utils/buildFilterParams\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpListContainer } from \"./-table/FloatingIpListContainer\"\nimport { AllocateFloatingIpModal } from \"./-modals/AllocateFloatingIpModal\"\n\nconst DEFAULT_SORT_KEY = \"fixed_ip_address\"\nconst DEFAULT_SORT_DIR = \"asc\"\nexport type FloatingIpsSortKey = NonNullable<FloatingIpQueryParameters[\"sort_key\"]>\n\nexport const FloatingIpsList = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [allocateModalOpen, toggleAllocateModal] = useModal(false)\n\n  const { searchTerm, handleSearchChange, sortSettings, handleSortChange, filterSettings, handleFilterChange } =\n    useListWithFiltering<FloatingIpsSortKey>({\n      defaultSortKey: DEFAULT_SORT_KEY,\n      defaultSortDir: DEFAULT_SORT_DIR,\n      sortOptions: [\n        { label: t`Fixed IP Address`, value: \"fixed_ip_address\" },\n        { label: t`Floating IP Address`, value: \"floating_ip_address\" },\n        { label: t`Floating Network ID`, value: \"floating_network_id\" },\n        { label: t`ID`, value: \"id\" },\n        { label: t`Router ID`, value: \"router_id\" },\n        { label: t`Status`, value: \"status\" },\n        // Tenant_id was kept for backward compatibility in case the deprecated tenant ID was used to sort instead of the project ID.\n        { label: t`Tenant ID`, value: \"tenant_id\" },\n        { label: t`Project ID`, value: \"project_id\" },\n      ],\n      filterSettings: {\n        filters: [\n          {\n            displayName: t`Status`,\n            filterName: \"status\",\n            values: [\"ACTIVE\", \"DOWN\", \"ERROR\"],\n            supportsMultiValue: false,\n          },\n        ],\n      },\n    })\n\n  const {\n    data: floatingIps = [],\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.floatingIp.list.useQuery({\n    project_id: projectId,\n    sort_key: sortSettings.sortBy,\n    sort_dir: sortSettings.sortDirection,\n    ...buildFilterParams(filterSettings),\n    ...(searchTerm ? { searchTerm } : {}),\n  })\n\n  return (\n    <div className=\"relative\">\n      <ListToolbar\n        searchTerm={searchTerm}\n        onSearch={handleSearchChange}\n        sortSettings={sortSettings}\n        onSort={handleSortChange}\n        filterSettings={filterSettings}\n        onFilter={handleFilterChange}\n        actions={<Button variant=\"primary\" label={t`Allocate Floating IP`} onClick={toggleAllocateModal} />}\n      />\n\n      <FloatingIpListContainer floatingIps={floatingIps} isLoading={isLoading} isError={isError} error={error} />\n\n      {allocateModalOpen && <AllocateFloatingIpModal open={allocateModalOpen} onClose={toggleAllocateModal} />}\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { FloatingIpsList } from \"./-components/FloatingIpsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/\")({\n  staticData: {\n    section: \"network\",\n    service: \"floatingips\",\n    analytics: {\n      name: \"network.floatingips.list\",\n    },\n    sectionCrumb: { labelKey: \"Network\" },\n    crumb: { labelKey: \"Floating IPs\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Floating IPs` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Floating IPs`}</ContentHeading>\n      <FloatingIpsList />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"floatingips-D98DrjA0.mjs","names":["MdError","MdRemoveCircle","MdCheckCircle","STATUS_CONFIG","ACTIVE","text","icon","size","color","fill","DOWN","ERROR","TABLE_COLUMNS","t","useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","STATUS_CONFIG","FloatingIpActionModals","useProjectId","FloatingIpTableRow","floatingIp","useLingui","navigate","projectId","navigateToDetailsPage","to","params","floatingIpId","id","data-testid","onClick","div","className","status","icon","text","floating_ip_address","fixed_ip_address","floating_network_id","description","e","stopPropagation","toggleEditModal","toggleAttachModal","toggleDetachModal","toggleReleaseModal","label","t","DataGrid","DataGridHeadCell","DataGridRow","DataGridCell","ContentHeading","Stack","Spinner","FloatingIpTableRow","TABLE_COLUMNS","FloatingIpListContainer","floatingIps","isLoading","isError","error","useLingui","columns","className","distribution","alignment","direction","variant","size","message","t","length","data-testid","colSpan","p","map","label","ip","floatingIp","id","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Textarea","TextInput","Select","SelectOption","trpcReact","useProjectId","ipv4Regex","ipv6Regex","isValidIpAddress","value","test","dnsNameRegex","AllocateFloatingIpModal","open","onClose","useLingui","projectId","utils","useUtils","isPending","createFloatingIpMutation","network","floatingIp","create","useMutation","onSettled","list","invalidate","data","externalNetworks","isLoading","isExternalNetworksLoading","error","externalNetworksError","listExternalNetworks","useQuery","project_id","dnsDomains","isDnsDomainsLoading","dnsDomainsError","listDnsDomains","availablePorts","isPortsLoading","portsError","listAvailablePorts","formSchema","object","floating_network_id","string","dns_domain","dns_name","trim","max","t","refine","message","description","floating_ip_address","port_id","fixed_ip_address","form","defaultValues","validators","onSubmit","mutateAsync","tenant_id","handleClose","reset","currentPortId","store","state","values","currentFloatingNetworkId","selectedPort","find","port","id","portFixedIps","fixed_ips","formErrorMessage","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","label","helptext","placeholder","disabled","required","loading","map","onBlur","handleBlur","target","errortext","meta","errors","join","portId","p","ips","setFieldValue","length","ip_address","Button","ListToolbar","trpcReact","buildFilterParams","useListWithFiltering","useModal","useProjectId","FloatingIpListContainer","AllocateFloatingIpModal","DEFAULT_SORT_KEY","DEFAULT_SORT_DIR","FloatingIpsList","useLingui","projectId","allocateModalOpen","toggleAllocateModal","searchTerm","handleSearchChange","sortSettings","handleSortChange","filterSettings","handleFilterChange","defaultSortKey","defaultSortDir","sortOptions","label","t","value","filters","displayName","filterName","values","supportsMultiValue","data","floatingIps","isLoading","isError","error","network","floatingIp","list","useQuery","project_id","sort_key","sortBy","sort_dir","sortDirection","div","className","onSearch","onSort","onFilter","actions","variant","onClick","open","onClose","useLingui","FloatingIpsList","ContentHeading","Route","RouteComponent","t","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/constants.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/FloatingIpTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/FloatingIpListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AllocateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/FloatingIpsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component"],"sourcesContent":["import { MdError, MdRemoveCircle, MdCheckCircle } from \"react-icons/md\"\nimport { t } from \"@lingui/core/macro\"\nimport { FloatingIpStatus } from \"@/server/Network/types/floatingIp\"\n\ntype FloatingIpStatusDisplay = {\n  text: string\n  icon: React.ReactNode\n}\n\nexport const STATUS_CONFIG: Record<FloatingIpStatus, FloatingIpStatusDisplay> = {\n  ACTIVE: {\n    text: \"Active\",\n    icon: <MdCheckCircle size={18} color=\"white\" fill=\"#4FB81C\" />,\n  },\n  DOWN: {\n    text: \"Down\",\n    icon: <MdRemoveCircle size={18} color=\"white\" fill=\"#969696\" />,\n  },\n  ERROR: {\n    text: \"Error\",\n    icon: <MdError size={18} color=\"white\" fill=\"#C70000\" />,\n  },\n} as const\n\nexport const TABLE_COLUMNS = () =>\n  [\n    t`Status`,\n    t`Floating IP Address`,\n    t`Fixed IP Address`,\n    t`Subnet`,\n    t`Description`,\n    \"\", // empty column for item-actions with context menu containing \"Preview\", \"Edit Description\", \"Attach\", \"Detach\" and \"Release\"\n  ] as const\n","import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { STATUS_CONFIG } from \"./constants\"\nimport { FloatingIpActionModals } from \"../-modals/FloatingIpActionModals\"\nimport { useProjectId } from \"@/client/hooks\"\n\ninterface FloatingIpTableRowProps {\n  floatingIp: FloatingIp\n}\n\nexport const FloatingIpTableRow = ({ floatingIp }: FloatingIpTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n\n  const navigateToDetailsPage = () => {\n    navigate({\n      to: \"/projects/$projectId/network/floatingips/$floatingIpId\",\n      params: { projectId, floatingIpId: floatingIp.id },\n    })\n  }\n\n  return (\n    <DataGridRow key={floatingIp.id} data-testid={`floating-ip-row-${floatingIp.id}`} onClick={navigateToDetailsPage}>\n      <DataGridCell>\n        <div className=\"flex items-center gap-2\">\n          {STATUS_CONFIG[floatingIp.status].icon}\n          {STATUS_CONFIG[floatingIp.status].text}\n        </div>\n      </DataGridCell>\n      <DataGridCell>{floatingIp.floating_ip_address}</DataGridCell>\n      <DataGridCell>{floatingIp.fixed_ip_address || \"—\"}</DataGridCell>\n      <DataGridCell>{floatingIp.floating_network_id}</DataGridCell>\n      <DataGridCell>{floatingIp.description || \"—\"}</DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n        <FloatingIpActionModals floatingIp={floatingIp}>\n          {({ toggleEditModal, toggleAttachModal, toggleDetachModal, toggleReleaseModal }) => (\n            <PopupMenu>\n              <PopupMenuOptions>\n                <PopupMenuItem label={t`Preview`} onClick={navigateToDetailsPage} />\n                <PopupMenuItem label={t`Edit Description`} onClick={toggleEditModal} />\n                <PopupMenuItem label={t`Attach`} onClick={toggleAttachModal} />\n                <PopupMenuItem label={t`Detach`} onClick={toggleDetachModal} />\n                <PopupMenuItem label={t`Release`} onClick={toggleReleaseModal} />\n              </PopupMenuOptions>\n            </PopupMenu>\n          )}\n        </FloatingIpActionModals>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGrid,\n  DataGridHeadCell,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  Stack,\n  Spinner,\n} from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { FloatingIpTableRow } from \"./FloatingIpTableRow\"\nimport { TABLE_COLUMNS } from \"./constants\"\n\ninterface FloatingIpListContainerProps {\n  floatingIps: FloatingIp[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n}\n\nexport const FloatingIpListContainer = ({ floatingIps, isLoading, isError, error }: FloatingIpListContainerProps) => {\n  const { t } = useLingui()\n  const columns = TABLE_COLUMNS()\n\n  if (isLoading) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading...</Trans>\n      </Stack>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {error?.message ?? t`Failed to load Floating IPs`}\n      </Stack>\n    )\n  }\n\n  if (floatingIps.length === 0) {\n    return (\n      <DataGrid columns={columns.length} className=\"floating-ips\" data-testid=\"no-floating-ips\">\n        <DataGridRow>\n          <DataGridCell colSpan={columns.length}>\n            <ContentHeading>\n              <Trans>No Floating IPs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>\n                There are no Floating IPs available for this project. Floating IPs allow you to map public IP addresses\n                to instances.\n              </Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <DataGrid columns={columns.length}>\n      <DataGridRow>\n        {columns.map((label) => (\n          <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n        ))}\n      </DataGridRow>\n      {floatingIps.map((ip) => (\n        <FloatingIpTableRow key={ip.id} floatingIp={ip} />\n      ))}\n    </DataGrid>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormSection,\n  Spinner,\n  Message,\n  Textarea,\n  TextInput,\n  Select,\n  SelectOption,\n} from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface AllocateFloatingIpModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst ipv4Regex = /^(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}$/\nconst ipv6Regex =\n  /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)(\\.(25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)){3})))$/\nconst isValidIpAddress = (value: string) => ipv4Regex.test(value) || ipv6Regex.test(value)\nconst dnsNameRegex = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/\n\nexport const AllocateFloatingIpModal = ({ open, onClose }: AllocateFloatingIpModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createFloatingIpMutation } = trpcReact.network.floatingIp.create.useMutation({\n    onSettled: () => utils.network.floatingIp.list.invalidate(),\n  })\n\n  const {\n    data: externalNetworks = [],\n    isLoading: isExternalNetworksLoading,\n    error: externalNetworksError,\n  } = trpcReact.network.floatingIp.listExternalNetworks.useQuery({ project_id: projectId })\n\n  const {\n    data: dnsDomains = [],\n    isLoading: isDnsDomainsLoading,\n    error: dnsDomainsError,\n  } = trpcReact.network.floatingIp.listDnsDomains.useQuery({ project_id: projectId })\n\n  const {\n    data: availablePorts = [],\n    isLoading: isPortsLoading,\n    error: portsError,\n  } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({ project_id: projectId })\n\n  const formSchema = z.object({\n    floating_network_id: z.string(),\n    dns_domain: z.string(),\n    dns_name: z\n      .string()\n      .trim()\n      .max(63, t`DNS name must be at most 63 characters.`)\n      .refine((value) => value === \"\" || dnsNameRegex.test(value), {\n        message: t`Must be a valid PQDN or FQDN (alphanumeric and hyphens only, cannot start or end with hyphen).`,\n      }),\n    description: z\n      .string()\n      .trim()\n      .max(255, t`Description must be at most 255 characters.`),\n    floating_ip_address: z\n      .string()\n      .trim()\n      .refine((value) => value === \"\" || isValidIpAddress(value), {\n        message: t`Must be a valid IPv4 or IPv6 address (for example: 172.24.4.228 or 2001:db8::1).`,\n      }),\n    port_id: z.string(),\n    fixed_ip_address: z.string(),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      floating_network_id: \"\",\n      dns_domain: \"\",\n      dns_name: \"\",\n      description: \"\",\n      floating_ip_address: \"\",\n      port_id: \"\",\n      fixed_ip_address: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      await createFloatingIpMutation.mutateAsync({\n        project_id: projectId,\n        tenant_id: projectId,\n        floating_network_id: value.floating_network_id,\n        ...(value.dns_domain && { dns_domain: value.dns_domain }),\n        ...(value.dns_name && { dns_name: value.dns_name }),\n        ...(value.description && { description: value.description }),\n        ...(value.floating_ip_address && { floating_ip_address: value.floating_ip_address }),\n        ...(value.port_id && { port_id: value.port_id }),\n        ...(value.fixed_ip_address && { fixed_ip_address: value.fixed_ip_address }),\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createFloatingIpMutation.reset()\n    onClose()\n  }\n\n  const currentPortId = useStore(form.store, (state) => state.values.port_id)\n  const currentFloatingNetworkId = useStore(form.store, (state) => state.values.floating_network_id)\n  const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n  const portFixedIps = selectedPort?.fixed_ips ?? []\n\n  const formErrorMessage =\n    (externalNetworksError?.message || dnsDomainsError?.message || portsError?.message) ??\n    createFloatingIpMutation.error?.message ??\n    null\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Allocate Floating IP`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Allocate`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending || !currentFloatingNetworkId}\n    >\n      {formErrorMessage && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {formErrorMessage}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Allocating Floating IP...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"allocate-floating-ip-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"floating_network_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`External Network`}\n                  helptext={t`The ID of the network associated with the floating IP.`}\n                  placeholder={t`Select an external network`}\n                  disabled={isPending || isExternalNetworksLoading}\n                  required\n                  loading={isExternalNetworksLoading}\n                >\n                  {externalNetworks.map(({ id, name }) => (\n                    <SelectOption key={id} value={id} label={name ? `${name} (${id})` : id} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"dns_domain\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`DNS Domain`}\n                  helptext={t`Select a DNS domain.`}\n                  disabled={isPending || isDnsDomainsLoading}\n                  loading={isDnsDomainsLoading}\n                >\n                  {dnsDomains.map(({ id, name }) => (\n                    <SelectOption key={id} value={name} label={name} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"dns_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`DNS Name`}\n                  placeholder={t`Enter DNS name`}\n                  helptext={t`Enter a valid PQDN or FQDN (max 63 characters) to associate with the floating IP. A and PTR records are created automatically.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"description\"\n              children={(field) => (\n                <Textarea\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  placeholder={t`Description`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"floating_ip_address\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Floating IP Address`}\n                  placeholder={t`Enter a floating IP`}\n                  helptext={t`Enter a floating IP or leave blank to auto-assign one`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"port_id\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onChange={(value) => {\n                    const portId = typeof value === \"string\" ? value : \"\"\n                    field.handleChange(portId)\n                    const port = availablePorts.find((p) => p.id === portId)\n                    const ips = port?.fixed_ips ?? []\n                    form.setFieldValue(\"fixed_ip_address\", ips.length === 1 ? ips[0].ip_address : \"\")\n                  }}\n                  label={t`Port ID`}\n                  placeholder={t`Select port to associate`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending || isPortsLoading}\n                  loading={isPortsLoading}\n                >\n                  {availablePorts.map((port) => (\n                    <SelectOption\n                      key={port.id}\n                      value={port.id}\n                      label={port.name ? `${port.name} (${port.id})` : port.id}\n                    />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n          <FormSection>\n            <form.Field\n              name=\"fixed_ip_address\"\n              children={(field) => (\n                <Select\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(value) => field.handleChange(typeof value === \"string\" ? value : \"\")}\n                  label={t`Fixed IP Address`}\n                  placeholder={t`Select a fixed IP address`}\n                  helptext={t`Associates on the selected port. If the port has multiple IPs, select the desired fixed IP address.`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending || portFixedIps.length === 0}\n                >\n                  {portFixedIps.map(({ ip_address }) => (\n                    <SelectOption key={ip_address} value={ip_address} label={ip_address} />\n                  ))}\n                </Select>\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import { useLingui } from \"@lingui/react/macro\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { FloatingIpQueryParameters } from \"@/server/Network/types/floatingIp\"\nimport { ListToolbar } from \"@/client/components/ListToolbar\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { buildFilterParams } from \"@/client/utils/buildFilterParams\"\nimport { useListWithFiltering } from \"@/client/utils/useListWithFiltering\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpListContainer } from \"./-table/FloatingIpListContainer\"\nimport { AllocateFloatingIpModal } from \"./-modals/AllocateFloatingIpModal\"\n\nconst DEFAULT_SORT_KEY = \"fixed_ip_address\"\nconst DEFAULT_SORT_DIR = \"asc\"\nexport type FloatingIpsSortKey = NonNullable<FloatingIpQueryParameters[\"sort_key\"]>\n\nexport const FloatingIpsList = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const [allocateModalOpen, toggleAllocateModal] = useModal(false)\n\n  const { searchTerm, handleSearchChange, sortSettings, handleSortChange, filterSettings, handleFilterChange } =\n    useListWithFiltering<FloatingIpsSortKey>({\n      defaultSortKey: DEFAULT_SORT_KEY,\n      defaultSortDir: DEFAULT_SORT_DIR,\n      sortOptions: [\n        { label: t`Fixed IP Address`, value: \"fixed_ip_address\" },\n        { label: t`Floating IP Address`, value: \"floating_ip_address\" },\n        { label: t`Floating Network ID`, value: \"floating_network_id\" },\n        { label: t`ID`, value: \"id\" },\n        { label: t`Router ID`, value: \"router_id\" },\n        { label: t`Status`, value: \"status\" },\n        // Tenant_id was kept for backward compatibility in case the deprecated tenant ID was used to sort instead of the project ID.\n        { label: t`Tenant ID`, value: \"tenant_id\" },\n        { label: t`Project ID`, value: \"project_id\" },\n      ],\n      filterSettings: {\n        filters: [\n          {\n            displayName: t`Status`,\n            filterName: \"status\",\n            values: [\"ACTIVE\", \"DOWN\", \"ERROR\"],\n            supportsMultiValue: false,\n          },\n        ],\n      },\n    })\n\n  const {\n    data: floatingIps = [],\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.floatingIp.list.useQuery({\n    project_id: projectId,\n    sort_key: sortSettings.sortBy,\n    sort_dir: sortSettings.sortDirection,\n    ...buildFilterParams(filterSettings),\n    ...(searchTerm ? { searchTerm } : {}),\n  })\n\n  return (\n    <div className=\"relative\">\n      <ListToolbar\n        searchTerm={searchTerm}\n        onSearch={handleSearchChange}\n        sortSettings={sortSettings}\n        onSort={handleSortChange}\n        filterSettings={filterSettings}\n        onFilter={handleFilterChange}\n        actions={<Button variant=\"primary\" label={t`Allocate Floating IP`} onClick={toggleAllocateModal} />}\n      />\n\n      <FloatingIpListContainer floatingIps={floatingIps} isLoading={isLoading} isError={isError} error={error} />\n\n      {allocateModalOpen && <AllocateFloatingIpModal open={allocateModalOpen} onClose={toggleAllocateModal} />}\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { FloatingIpsList } from \"./-components/FloatingIpsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/floatingips/\")({\n  staticData: {\n    section: \"network\",\n    service: \"floatingips\",\n    analytics: {\n      name: \"network.floatingips.list\",\n    },\n    sectionCrumb: { labelKey: \"Network\" },\n    crumb: { labelKey: \"Floating IPs\" },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Floating IPs` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  return (\n    <>\n      <ContentHeading>{t`Floating IPs`}</ContentHeading>\n      <FloatingIpsList />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/hooks/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Scope context hooks
+ *
+ * These hooks provide access to scope information:
+ * - useProjectId: extracts projectId from URL params
+ * - useDomainId: extracts domainId from auth context (user's domain)
+ * - useScope: combines projectId (URL) and userDomainId (auth context)
+ *
+ * Benefits:
+ * - Centralized scope extraction (single point of change during refactoring)
+ * - Type-safe access to scope values
+ * - Runtime validation with clear error messages
+ * - No prop drilling needed
+ * - Easy to test and mock
+ */
+export { useProjectId } from './useProjectId';
+export { useDomainId } from './useDomainId';
+export { useScope } from './useScope';

package/dist/client/hooks/useDomainId.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Get the current user's domain ID from the authentication context.
+ *
+ * This hook provides access to the domain ID of the currently authenticated user.
+ * The domain ID is obtained from the user's session, not from URL parameters.
+ *
+ * @throws {Error} If user is not authenticated or domain ID is not available
+ * @returns {string} The current domain ID from the user's session
+ *
+ * @example
+ * ```tsx
+ * function UsersList() {
+ *   const domainId = useDomainId()
+ *
+ *   const { data } = trpc.identity.users.list.useQuery({
+ *     domain_id: domainId
+ *   })
+ * }
+ * ```
+ */
+export declare function useDomainId(): string;