@cobaltcore-dev/aurora 1.3.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/ContentHeader-fKKZVu-o.mjs +116 -0
- package/dist/client/ContentHeader-fKKZVu-o.mjs.map +1 -0
- package/dist/client/DeleteFlavorModal-Be2GFiB_.mjs +802 -0
- package/dist/client/DeleteFlavorModal-Be2GFiB_.mjs.map +1 -0
- package/dist/client/{FiltersInput-CKI6zWnm.mjs → FiltersInput-Becwxo_J.mjs} +36 -33
- package/dist/client/FiltersInput-Becwxo_J.mjs.map +1 -0
- package/dist/client/{FloatingIpActionModals-Ch8uozH9.mjs → FloatingIpActionModals-Cq10WljB.mjs} +2 -2
- package/dist/client/{FloatingIpActionModals-Ch8uozH9.mjs.map → FloatingIpActionModals-Cq10WljB.mjs.map} +1 -1
- package/dist/client/ImageToastNotifications-BWfzOUMc.mjs +1135 -0
- package/dist/client/ImageToastNotifications-BWfzOUMc.mjs.map +1 -0
- package/dist/client/RouteIdLevelDefaultError-DPF_x2tG.mjs +26 -0
- package/dist/client/RouteIdLevelDefaultError-DPF_x2tG.mjs.map +1 -0
- package/dist/client/StorageNotFound-B-zVinVD.mjs +30 -0
- package/dist/client/StorageNotFound-B-zVinVD.mjs.map +1 -0
- package/dist/client/_flavorId-0PioWpEp.mjs +276 -0
- package/dist/client/_flavorId-0PioWpEp.mjs.map +1 -0
- package/dist/client/_flavorId-B7fp6Nk8.mjs +22 -0
- package/dist/client/_flavorId-B7fp6Nk8.mjs.map +1 -0
- package/dist/client/{_flavorId-Dg7MS0Af.mjs → _flavorId-CgueqKTs.mjs} +4 -3
- package/dist/client/_flavorId-CgueqKTs.mjs.map +1 -0
- package/dist/client/{_floatingIpId-DNn6ABCB.mjs → _floatingIpId-B8r64AL9.mjs} +6 -6
- package/dist/client/{_floatingIpId-DNn6ABCB.mjs.map → _floatingIpId-B8r64AL9.mjs.map} +1 -1
- package/dist/client/{_floatingIpId-C9xfRWot.mjs → _floatingIpId-lEobpOER.mjs} +2 -2
- package/dist/client/{_floatingIpId-C9xfRWot.mjs.map → _floatingIpId-lEobpOER.mjs.map} +1 -1
- package/dist/client/{_imageId-8JIbFmGB.mjs → _imageId-Ccv8PedW.mjs} +4 -3
- package/dist/client/_imageId-Ccv8PedW.mjs.map +1 -0
- package/dist/client/_imageId-CiqEQB_J.mjs +558 -0
- package/dist/client/_imageId-CiqEQB_J.mjs.map +1 -0
- package/dist/client/_imageId-D9LR-02T.mjs +22 -0
- package/dist/client/_imageId-D9LR-02T.mjs.map +1 -0
- package/dist/client/{_projectId-DPzv0CCp.mjs → _projectId-BDARsteX.mjs} +4 -4
- package/dist/client/_projectId-BDARsteX.mjs.map +1 -0
- package/dist/client/{_projectId-DfeVJy0G.mjs → _projectId-CtyAHqhH.mjs} +2 -2
- package/dist/client/_projectId-CtyAHqhH.mjs.map +1 -0
- package/dist/client/_projectId-D3VOH5lN.mjs +94 -0
- package/dist/client/_projectId-D3VOH5lN.mjs.map +1 -0
- package/dist/client/{_projectId-B3wmSala.mjs → _projectId-ZBk6vka0.mjs} +83 -81
- package/dist/client/_projectId-ZBk6vka0.mjs.map +1 -0
- package/dist/client/{_securityGroupId-C6eHmrx_.mjs → _securityGroupId-BwgZnoiR.mjs} +2 -2
- package/dist/client/_securityGroupId-BwgZnoiR.mjs.map +1 -0
- package/dist/client/{_securityGroupId-DmplhDgt.mjs → _securityGroupId-Cz2NUHdB.mjs} +750 -741
- package/dist/client/_securityGroupId-Cz2NUHdB.mjs.map +1 -0
- package/dist/client/{_storageType-CzZ4u9x_.mjs → _storageType-BNpP1A2N.mjs} +3 -2
- package/dist/client/_storageType-BNpP1A2N.mjs.map +1 -0
- package/dist/client/_storageType-BxSGKhAI.mjs +15 -0
- package/dist/client/_storageType-BxSGKhAI.mjs.map +1 -0
- package/dist/client/_storageType-DZYCmiLt.mjs +30 -0
- package/dist/client/_storageType-DZYCmiLt.mjs.map +1 -0
- package/dist/client/_storageType-UqAMP-8d.mjs +859 -0
- package/dist/client/_storageType-UqAMP-8d.mjs.map +1 -0
- package/dist/client/_storageType-u51_7OwJ.mjs +7 -0
- package/dist/client/_storageType-u51_7OwJ.mjs.map +1 -0
- package/dist/client/components/{Error → Errors}/RouteError.d.ts +5 -0
- package/dist/client/components/Errors/RouteIdLevelDefaultError.d.ts +18 -0
- package/dist/client/components/Errors/ServiceLevelDefaultError.d.ts +9 -0
- package/dist/client/components/ListToolbar/SelectedFilters.d.ts +7 -2
- package/dist/client/components/ListToolbar/types.d.ts +6 -0
- package/dist/client/components/ListToolbar/valueLabels.d.ts +11 -0
- package/dist/client/{flavors-B1SDOPDu.mjs → flavors-Ce3J-cFa.mjs} +2 -2
- package/dist/client/{flavors-B1SDOPDu.mjs.map → flavors-Ce3J-cFa.mjs.map} +1 -1
- package/dist/client/flavors-D5ThLaXO.mjs +666 -0
- package/dist/client/flavors-D5ThLaXO.mjs.map +1 -0
- package/dist/client/floatingips-Cz9k80cc.mjs.map +1 -1
- package/dist/client/{floatingips-DrCvtXtT.mjs → floatingips-DXnRlLvV.mjs} +7 -7
- package/dist/client/{floatingips-DrCvtXtT.mjs.map → floatingips-DXnRlLvV.mjs.map} +1 -1
- package/dist/client/floatingips-HRbuLxiN.mjs +22 -0
- package/dist/client/floatingips-HRbuLxiN.mjs.map +1 -0
- package/dist/client/floatingips-nN1kQmsu.mjs +14 -0
- package/dist/client/floatingips-nN1kQmsu.mjs.map +1 -0
- package/dist/client/{images-BGQv9kKT.mjs → images-C8M3ysWR.mjs} +810 -770
- package/dist/client/images-C8M3ysWR.mjs.map +1 -0
- package/dist/client/{images-CPmMa4SQ.mjs → images-Cf5R28NR.mjs} +2 -2
- package/dist/client/{images-CPmMa4SQ.mjs.map → images-Cf5R28NR.mjs.map} +1 -1
- package/dist/client/index.js +419 -415
- package/dist/client/index.js.map +1 -1
- package/dist/client/{objects-BR3eeSNH.mjs → objects-BudUAfWY.mjs} +5478 -5519
- package/dist/client/objects-BudUAfWY.mjs.map +1 -0
- package/dist/client/objects-Dc7sKUr8.mjs +67 -0
- package/dist/client/objects-Dc7sKUr8.mjs.map +1 -0
- package/dist/client/objects-Dw7oeTq2.mjs +80 -0
- package/dist/client/objects-Dw7oeTq2.mjs.map +1 -0
- package/dist/client/objects-_g7nGIn5.mjs +25 -0
- package/dist/client/objects-_g7nGIn5.mjs.map +1 -0
- package/dist/client/objects-eBxvY6_n.mjs +78 -0
- package/dist/client/objects-eBxvY6_n.mjs.map +1 -0
- package/dist/client/projects-yiK0HGSA.mjs.map +1 -1
- package/dist/client/{securitygroups-DEJQBcxm.mjs → securitygroups-67fFxiwt.mjs} +2 -2
- package/dist/client/{securitygroups-DEJQBcxm.mjs.map → securitygroups-67fFxiwt.mjs.map} +1 -1
- package/dist/client/securitygroups-CtKne8UQ.mjs.map +1 -1
- package/dist/client/securitygroups-DXrfyuVF.mjs +580 -0
- package/dist/client/securitygroups-DXrfyuVF.mjs.map +1 -0
- package/dist/client/securitygroups-WLB1_IM6.mjs +22 -0
- package/dist/client/securitygroups-WLB1_IM6.mjs.map +1 -0
- package/dist/client/securitygroups-o0IXZM6S.mjs +14 -0
- package/dist/client/securitygroups-o0IXZM6S.mjs.map +1 -0
- package/dist/client/serviceCatalog-B3lKWC9V.mjs +6 -0
- package/dist/client/serviceCatalog-B3lKWC9V.mjs.map +1 -0
- package/dist/client/storageProviders-CJ5rOh13.mjs +15 -0
- package/dist/client/storageProviders-CJ5rOh13.mjs.map +1 -0
- package/dist/client/trpcClient.d.ts +102 -4
- package/dist/client/useModalTracking-BYd37pXm.mjs +37 -0
- package/dist/client/useModalTracking-BYd37pXm.mjs.map +1 -0
- package/dist/client/useSecurityGroupPermissions--hK4aR8Y.mjs +294 -0
- package/dist/client/useSecurityGroupPermissions--hK4aR8Y.mjs.map +1 -0
- package/dist/client/utils/serviceCatalog.d.ts +9 -0
- package/dist/client/utils/storageProviders.d.ts +44 -0
- package/dist/server/index.d.ts +102 -4
- package/dist/server/index.js +1319 -416
- package/package.json +4 -4
- package/dist/client/ContentHeader-CPJbgYWn.mjs +0 -115
- package/dist/client/ContentHeader-CPJbgYWn.mjs.map +0 -1
- package/dist/client/DeleteFlavorModal-V44QCJBd.mjs +0 -773
- package/dist/client/DeleteFlavorModal-V44QCJBd.mjs.map +0 -1
- package/dist/client/FiltersInput-CKI6zWnm.mjs.map +0 -1
- package/dist/client/ImageToastNotifications-m6c3tVPb.mjs +0 -1152
- package/dist/client/ImageToastNotifications-m6c3tVPb.mjs.map +0 -1
- package/dist/client/_flavorId-Dg7MS0Af.mjs.map +0 -1
- package/dist/client/_flavorId-kHl-b8rI.mjs +0 -232
- package/dist/client/_flavorId-kHl-b8rI.mjs.map +0 -1
- package/dist/client/_imageId-8JIbFmGB.mjs.map +0 -1
- package/dist/client/_imageId-BBAlRioC.mjs +0 -574
- package/dist/client/_imageId-BBAlRioC.mjs.map +0 -1
- package/dist/client/_projectId-7Nl1MQTJ.mjs +0 -99
- package/dist/client/_projectId-7Nl1MQTJ.mjs.map +0 -1
- package/dist/client/_projectId-B3wmSala.mjs.map +0 -1
- package/dist/client/_projectId-DPzv0CCp.mjs.map +0 -1
- package/dist/client/_projectId-DfeVJy0G.mjs.map +0 -1
- package/dist/client/_securityGroupId-C6eHmrx_.mjs.map +0 -1
- package/dist/client/_securityGroupId-DmplhDgt.mjs.map +0 -1
- package/dist/client/_storageType-BRWWJtow.mjs +0 -14
- package/dist/client/_storageType-BRWWJtow.mjs.map +0 -1
- package/dist/client/_storageType-C5gS9eut.mjs +0 -845
- package/dist/client/_storageType-C5gS9eut.mjs.map +0 -1
- package/dist/client/_storageType-CzZ4u9x_.mjs.map +0 -1
- package/dist/client/_storageType-zeSZe--V.mjs +0 -7
- package/dist/client/_storageType-zeSZe--V.mjs.map +0 -1
- package/dist/client/flavors-D8_PzQUB.mjs +0 -628
- package/dist/client/flavors-D8_PzQUB.mjs.map +0 -1
- package/dist/client/images-BGQv9kKT.mjs.map +0 -1
- package/dist/client/objects-AERkhfiM.mjs +0 -66
- package/dist/client/objects-AERkhfiM.mjs.map +0 -1
- package/dist/client/objects-BR3eeSNH.mjs.map +0 -1
- package/dist/client/objects-DVccbrL1.mjs +0 -66
- package/dist/client/objects-DVccbrL1.mjs.map +0 -1
- package/dist/client/securitygroups-BjhgLBHm.mjs +0 -620
- package/dist/client/securitygroups-BjhgLBHm.mjs.map +0 -1
- package/dist/client/useModalTracking-BcOKTYRN.mjs +0 -33
- package/dist/client/useModalTracking-BcOKTYRN.mjs.map +0 -1
- package/dist/client/useSecurityGroupPermissions-BOyLQLdC.mjs +0 -227
- package/dist/client/useSecurityGroupPermissions-BOyLQLdC.mjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"securitygroups-DXrfyuVF.mjs","names":["DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","Checkbox","SecurityGroupTableRow","securityGroup","sg","permissions","onEdit","onDelete","onViewDetails","isReadOnly","showSelectColumn","isSelected","onSelect","useLingui","BooleanValue","value","span","t","handleShowDetails","data-testid","id","onClick","className","e","stopPropagation","checked","onChange","div","p","name","description","shared","project_id","stateful","label","canUpdate","canDelete","useState","useEffect","useRef","DataGrid","DataGridCell","DataGridHeadCell","DataGridRow","Status","useNavigate","useProjectId","EditSecurityGroupModal","DeleteSecurityGroupDialog","SecurityGroupTableRow","SecurityGroupListContainer","securityGroups","isLoading","isError","error","permissions","onDeleteSecurityGroup","isDeletingSecurityGroup","deleteError","onUpdateSecurityGroup","isUpdatingSecurityGroup","updateError","currentProjectId","hasAnyBulkAction","onClearUpdateError","useLingui","navigate","projectId","selectedSecurityGroup","setSelectedSecurityGroup","editModalOpen","setEditModalOpen","deleteDialogOpen","setDeleteDialogOpen","prevIsDeletingRef","prevIsUpdatingRef","handleEdit","sg","id","handleDelete","handleViewDetails","to","params","securityGroupId","closeEditModal","closeDeleteDialog","deletionJustFinished","current","updateJustFinished","columnCount","columns","minContentColumns","t","map","label","colSpan","status","title","message","length","isReadOnly","Boolean","project_id","securityGroup","onEdit","onDelete","onViewDetails","showSelectColumn","isSelected","onSelect","body","open","onClose","onUpdate","data","Promise","resolve","isOpen","isDeleting","React","useState","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","Status","defaultSecurityGroupValues","name","description","stateful","CreateSecurityGroupModal","isOpen","onClose","onCreate","isLoading","error","useLingui","properties","setProperties","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","securityGroupData","undefined","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","status","id","label","onChange","required","errortext","placeholder","rows","helptext","BOOLEAN_VALUES","BOOLEAN_PARAM","true","false","isBooleanValue","value","includes","BOOLEAN_FILTER_NAMES","isBooleanFilterName","name","buildSecurityGroupFilters","labels","displayName","shared","filterName","values","valueLabels","yes","no","supportsMultiValue","stateful","buildSecurityGroupFilterParams","selectedFilters","params","selected","filter","f","inactive","at","isKnownSecurityGroupFilter","isKnownSecurityGroupFilter","parseFiltersFromUrl","searchParams","filters","shared","push","name","value","stateful","buildFilterParams","selectedFilters","filterDefinitions","params","length","filterGroups","filter","sf","inactive","reduce","acc","Object","entries","forEach","filterName","values","filterDef","find","f","supportsMultiValue","join","applyFilterSelection","current","selected","alreadySelected","some","supportsMulti","buildUrlSearchParams","baseParams","newParams","search","sortBy","sortDirection","useState","useEffect","useRef","useNavigate","useSearch","Button","Stack","DataGridToolbar","SearchInput","Message","toast","ContentHeader","trpcReact","SortInput","SelectedFilters","FiltersInput","SecurityGroupListContainer","CreateSecurityGroupModal","useSecurityGroupPermissions","parseFiltersFromUrl","buildUrlSearchParams","applyFilterSelection","buildSecurityGroupFilterParams","buildSecurityGroupFilters","getSecurityGroupDeletedToast","getSecurityGroupDeleteErrorToast","getSecurityGroupUpdatedToast","getSecurityGroupUpdateErrorToast","SEARCH_DEBOUNCE_MS","SecurityGroups","project","projectId","useLingui","navigate","searchParams","strict","sortSettings","setSortSettings","options","label","t","value","sortBy","sortDirection","filterSettings","setFilterSettings","filters","shared","stateful","yes","no","selectedFilters","localSearchTerm","setLocalSearchTerm","search","debounceTimer","undefined","createModalOpen","setCreateModalOpen","deleteError","setDeleteError","createError","setCreateError","updateError","setUpdateError","utils","useUtils","clearTimeout","current","prev","urlFilters","urlSortBy","urlSortDirection","urlSearchTerm","data","securityGroupsData","isLoading","isError","error","network","securityGroup","list","useQuery","project_id","sort_key","sort_dir","searchTerm","refetchOnWindowFocus","placeholderData","securityGroups","listError","code","message","permissions","createSecurityGroupMutation","create","useMutation","onSuccess","createdSecurityGroup","invalidate","getById","to","params","securityGroupId","id","onError","deleteSecurityGroupMutation","deleteById","updateSecurityGroupMutation","update","handleCreateSecurityGroup","securityGroupData","mutateAsync","handleDeleteSecurityGroup","sgName","find","sg","name","mutate","success","handleUpdateSecurityGroup","handleClearUpdateError","handleSortChange","newSortSettings","settings","toString","replace","handleFilterChange","newFilterSettings","handleSearchChange","term","title","div","className","length","variant","distribution","alignment","gap","selectClassName","onSortByChange","v","onSortDirectionChange","dir","canCreate","onClick","direction","comboboxClassName","onChange","selected","newSelected","placeholder","data-testid","onInput","e","currentTarget","window","setTimeout","onSearch","onClear","onDelete","filterToRemove","filter","f","onCreateClick","onDeleteSecurityGroup","isDeletingSecurityGroup","isPending","onUpdateSecurityGroup","isUpdatingSecurityGroup","currentProjectId","hasAnyBulkAction","onClearUpdateError","isOpen","onClose","onCreate","SecurityGroups","Route","RouteComponent","projectId","useParams","trpcClient","useRouteContext","Error","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/CreateSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/filterConfig.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/urlHelpers.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component"],"sourcesContent":["import {\n DataGridCell,\n DataGridRow,\n PopupMenu,\n PopupMenuItem,\n PopupMenuOptions,\n Checkbox,\n} from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\nexport interface SecurityGroupPermissions {\n canView: boolean\n canCreate: boolean\n canUpdate: boolean\n canDelete: boolean\n canCreateRule: boolean\n canDeleteRule: boolean\n canManageAccess: boolean\n canViewRBAC: boolean\n}\n\ninterface SecurityGroupTableRowProps {\n securityGroup: SecurityGroup\n permissions: SecurityGroupPermissions\n onEdit: (sg: SecurityGroup) => void\n onDelete: (sg: SecurityGroup) => void\n onViewDetails?: (sg: SecurityGroup) => void\n isReadOnly?: boolean\n showSelectColumn?: boolean\n isSelected?: boolean\n onSelect?: (sg: SecurityGroup) => void\n}\n\nexport function SecurityGroupTableRow({\n securityGroup: sg,\n permissions,\n onEdit,\n onDelete,\n onViewDetails,\n isReadOnly = false,\n showSelectColumn = false,\n isSelected = false,\n onSelect,\n}: SecurityGroupTableRowProps) {\n const { t } = useLingui()\n\n const BooleanValue = ({ value }: { value: boolean | undefined }) => <span>{value ? t`Yes` : t`No`}</span>\n\n const handleShowDetails = () => {\n if (onViewDetails) {\n onViewDetails(sg)\n }\n }\n\n return (\n <DataGridRow\n key={sg.id}\n data-testid={`security-group-row-${sg.id}`}\n onClick={handleShowDetails}\n className=\"hover:bg-theme-background-lvl-2 cursor-pointer\"\n >\n {showSelectColumn && (\n <DataGridCell onClick={(e) => e.stopPropagation()}>\n <Checkbox checked={isSelected} onChange={() => onSelect?.(sg)} />\n </DataGridCell>\n )}\n <DataGridCell>\n <div>\n <p className=\"text-md\">{sg.name}</p>\n </div>\n </DataGridCell>\n <DataGridCell>{sg.description || t`—`}</DataGridCell>\n <DataGridCell>\n <BooleanValue value={sg.shared} />\n {sg.shared && (\n <p>\n <Trans>Owner</Trans>: <span className=\"text-theme-light text-xs\">{sg.project_id}</span>\n </p>\n )}\n </DataGridCell>\n <DataGridCell>\n <BooleanValue value={sg.stateful ?? true} />\n </DataGridCell>\n <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n <PopupMenu>\n <PopupMenuOptions>\n <PopupMenuItem label={t`Show Details`} onClick={() => handleShowDetails()} />\n {permissions.canUpdate && !isReadOnly && <PopupMenuItem label={t`Edit Group`} onClick={() => onEdit(sg)} />}\n {permissions.canDelete && !isReadOnly && (\n <PopupMenuItem label={t`Delete Group`} onClick={() => onDelete(sg)} />\n )}\n </PopupMenuOptions>\n </PopupMenu>\n </DataGridCell>\n </DataGridRow>\n )\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { DataGrid, DataGridCell, DataGridHeadCell, DataGridRow, Status } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport type { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { EditSecurityGroupModal } from \"./-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"./-modals/DeleteSecurityGroupDialog\"\nimport { SecurityGroupTableRow, type SecurityGroupPermissions } from \"./SecurityGroupTableRow\"\n\ninterface SecurityGroupListContainerProps {\n securityGroups: SecurityGroup[]\n isLoading: boolean\n isError: boolean\n error: { message?: string } | null\n permissions: SecurityGroupPermissions\n onCreateClick?: () => void\n onDeleteSecurityGroup?: (securityGroupId: string) => void\n isDeletingSecurityGroup?: boolean\n deleteError?: string | null\n onUpdateSecurityGroup?: (\n securityGroupId: string,\n data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n ) => Promise<void>\n isUpdatingSecurityGroup?: boolean\n updateError?: string | null\n currentProjectId?: string\n hasAnyBulkAction?: boolean\n onClearUpdateError?: () => void\n}\n\nexport const SecurityGroupListContainer = ({\n securityGroups,\n isLoading,\n isError,\n error,\n permissions,\n onDeleteSecurityGroup,\n isDeletingSecurityGroup = false,\n deleteError = null,\n onUpdateSecurityGroup,\n isUpdatingSecurityGroup = false,\n updateError = null,\n currentProjectId,\n hasAnyBulkAction = false,\n onClearUpdateError,\n}: SecurityGroupListContainerProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const projectId = useProjectId()\n const [selectedSecurityGroup, setSelectedSecurityGroup] = useState<SecurityGroup | null>(null)\n const [editModalOpen, setEditModalOpen] = useState(false)\n const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)\n const prevIsDeletingRef = useRef<boolean>(false)\n const prevIsUpdatingRef = useRef<boolean>(false)\n\n const handleEdit = (sg: SecurityGroup) => {\n // Clear error when selecting a different security group\n if (selectedSecurityGroup && selectedSecurityGroup.id !== sg.id && onClearUpdateError) {\n onClearUpdateError()\n }\n setSelectedSecurityGroup(sg)\n setEditModalOpen(true)\n }\n\n const handleDelete = (sg: SecurityGroup) => {\n setSelectedSecurityGroup(sg)\n setDeleteDialogOpen(true)\n }\n\n const handleViewDetails = (sg: SecurityGroup) => {\n navigate({\n to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n params: { projectId, securityGroupId: sg.id },\n })\n }\n\n const closeEditModal = () => {\n setSelectedSecurityGroup(null)\n setEditModalOpen(false)\n }\n\n const closeDeleteDialog = () => {\n setSelectedSecurityGroup(null)\n setDeleteDialogOpen(false)\n }\n\n // Close delete dialog when deletion completes successfully\n useEffect(() => {\n // Check if deletion just finished (was deleting before, now not deleting)\n const deletionJustFinished = prevIsDeletingRef.current && !isDeletingSecurityGroup\n\n // Close dialog if deletion just finished and there's no error\n if (deletionJustFinished && deleteDialogOpen && !deleteError) {\n closeDeleteDialog()\n }\n\n // Update the ref for next render\n prevIsDeletingRef.current = isDeletingSecurityGroup\n }, [isDeletingSecurityGroup, deleteError, deleteDialogOpen])\n\n // Close edit modal when update completes successfully\n useEffect(() => {\n // Check if update just finished (was updating before, now not updating)\n const updateJustFinished = prevIsUpdatingRef.current && !isUpdatingSecurityGroup\n\n // Close modal if update just finished and there's no error\n if (updateJustFinished && editModalOpen && !updateError) {\n closeEditModal()\n }\n\n // Update the ref for next render\n prevIsUpdatingRef.current = isUpdatingSecurityGroup\n }, [isUpdatingSecurityGroup, updateError, editModalOpen])\n\n const columnCount = hasAnyBulkAction ? 6 : 5\n\n return (\n <>\n <DataGrid columns={columnCount} minContentColumns={hasAnyBulkAction ? [5] : [4]}>\n <DataGridRow>\n {hasAnyBulkAction && <DataGridHeadCell />}\n {[t`Name`, t`Description`, t`Shared`, t`Stateful`, \"\"].map((label) => (\n <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n ))}\n </DataGridRow>\n\n {isLoading ? (\n <DataGridRow>\n <DataGridCell colSpan={columnCount}>\n <Status status=\"progress\" title={t`Loading...`} />\n </DataGridCell>\n </DataGridRow>\n ) : isError ? (\n <DataGridRow>\n <DataGridCell colSpan={columnCount}>\n <Status status=\"error\" title={error?.message ?? t`Failed to Load Security Groups`} />\n </DataGridCell>\n </DataGridRow>\n ) : securityGroups.length > 0 ? (\n securityGroups.map((sg) => {\n // Compute isReadOnly only when the security group has an explicit project owner\n const isReadOnly = Boolean(currentProjectId && sg.project_id && sg.project_id !== currentProjectId)\n\n return (\n <SecurityGroupTableRow\n key={sg.id}\n securityGroup={sg}\n permissions={permissions}\n onEdit={handleEdit}\n onDelete={handleDelete}\n onViewDetails={handleViewDetails}\n isReadOnly={isReadOnly}\n showSelectColumn={hasAnyBulkAction}\n isSelected={false}\n onSelect={() => {}}\n />\n )\n })\n ) : (\n <DataGridRow>\n <DataGridCell colSpan={columnCount}>\n <Status\n status=\"empty\"\n title={t`No security groups found`}\n body={t`There are no security groups available for this project with the current filters applied. Try adjusting your filter criteria or create a new security group to get started.`}\n />\n </DataGridCell>\n </DataGridRow>\n )}\n </DataGrid>\n\n {selectedSecurityGroup && (\n <>\n <EditSecurityGroupModal\n securityGroup={selectedSecurityGroup}\n open={editModalOpen}\n onClose={closeEditModal}\n onUpdate={(id, data) => {\n if (onUpdateSecurityGroup) {\n return onUpdateSecurityGroup(id, data)\n }\n return Promise.resolve()\n }}\n isLoading={isUpdatingSecurityGroup}\n error={updateError}\n />\n <DeleteSecurityGroupDialog\n securityGroup={selectedSecurityGroup}\n isOpen={deleteDialogOpen}\n onClose={closeDeleteDialog}\n onDelete={(id) => {\n if (onDeleteSecurityGroup) {\n onDeleteSecurityGroup(id)\n }\n }}\n isDeleting={isDeletingSecurityGroup}\n error={deleteError}\n />\n </>\n )}\n </>\n )\n}\n","import React, { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n Modal,\n Form,\n FormRow,\n FormSection,\n TextInput,\n Checkbox,\n Button,\n ButtonRow,\n Spinner,\n ModalFooter,\n Textarea,\n Message,\n Status,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface CreateSecurityGroupModalProps {\n isOpen: boolean\n onClose: () => void\n onCreate: (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\ninterface SecurityGroupProperties {\n name: string\n description: string\n stateful: boolean\n}\n\nconst defaultSecurityGroupValues: SecurityGroupProperties = {\n name: \"\",\n description: \"\",\n stateful: true,\n}\n\nexport const CreateSecurityGroupModal: React.FC<CreateSecurityGroupModalProps> = ({\n isOpen,\n onClose,\n onCreate,\n isLoading = false,\n error = null,\n}) => {\n const { t } = useLingui()\n\n const [properties, setProperties] = useState<SecurityGroupProperties>({ ...defaultSecurityGroupValues })\n const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n const { name, value, type } = e.target\n const checked = (e.target as HTMLInputElement).checked\n\n setProperties((prev) => ({\n ...prev,\n [name]: type === \"checkbox\" ? checked : value,\n }))\n\n if (errors[name]) {\n setErrors((prev) => {\n const newErrors = { ...prev }\n delete newErrors[name]\n return newErrors\n })\n }\n }\n\n const validateForm = (): boolean => {\n const newErrors: { [key: string]: string } = {}\n\n if (!properties.name || properties.name.trim() === \"\") {\n newErrors.name = t`Security group name is required`\n }\n\n setErrors(newErrors)\n return Object.keys(newErrors).length === 0\n }\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault()\n\n if (!validateForm()) {\n return\n }\n\n const securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\"> = {\n name: properties.name.trim(),\n description: properties.description.trim() || undefined,\n stateful: properties.stateful,\n }\n\n await onCreate(securityGroupData)\n handleClose()\n }\n\n const handleClose = () => {\n setProperties({ ...defaultSecurityGroupValues })\n setErrors({})\n onClose()\n }\n\n return (\n <Modal\n open={isOpen}\n onCancel={handleClose}\n size=\"large\"\n title={t`Create Security Group`}\n modalFooter={\n <ModalFooter className=\"flex justify-end\">\n <ButtonRow>\n <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n <Trans>Cancel</Trans>\n </Button>\n <Button\n variant=\"primary\"\n onClick={(e) => {\n handleSubmit(e)\n }}\n disabled={isLoading}\n data-testid=\"create-security-group-button\"\n >\n {isLoading ? <Spinner size=\"small\" /> : <Trans>Create Security Group</Trans>}\n </Button>\n </ButtonRow>\n </ModalFooter>\n }\n >\n {/* Error Message */}\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && <Status status=\"progress\" title={t`Creating Security Group...`} className=\"mt-0\" />}\n\n {!isLoading && (\n <Form className=\"mb-6\">\n <FormSection className=\"mb-6\">\n <FormRow className=\"mb-6\">\n <TextInput\n id=\"name\"\n name=\"name\"\n label={t`Name`}\n value={properties.name}\n onChange={handleInputChange}\n required\n errortext={errors.name}\n placeholder={t`Type name`}\n disabled={isLoading}\n />\n </FormRow>\n\n <FormRow className=\"mb-6\">\n <Textarea\n id=\"description\"\n name=\"description\"\n label={t`Description`}\n value={properties.description}\n onChange={handleInputChange}\n placeholder={t`Description`}\n disabled={isLoading}\n rows={3}\n />\n </FormRow>\n\n <FormRow className=\"mb-0\">\n <Checkbox\n id=\"stateful\"\n name=\"stateful\"\n label={t`Stateful`}\n checked={properties.stateful}\n onChange={handleInputChange}\n disabled={isLoading}\n helptext={t`Stateful security groups track connection state. This setting cannot be changed after creation.`}\n />\n </FormRow>\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import type { ListSecurityGroupsInput } from \"@/server/Network/types/securityGroup\"\nimport type { Filter, SelectedFilter } from \"@/client/components/ListToolbar/types\"\n\n/** Filter params this list may send to network.securityGroup.list. Names AND types come from the tRPC input schema. */\nexport type SecurityGroupFilterParams = Partial<Pick<ListSecurityGroupsInput, \"shared\" | \"stateful\">>\nexport type SecurityGroupFilterName = keyof SecurityGroupFilterParams\n\nconst BOOLEAN_VALUES = [\"true\", \"false\"] as const\ntype BooleanValue = (typeof BOOLEAN_VALUES)[number]\n\n// Maps the raw string value carried in the URL/pill to the typed value sent to the tRPC procedure.\n// If a server-side field ever changes type (e.g. to a string enum), this mapping fails to compile,\n// surfacing the mismatch at build time instead of at runtime.\nconst BOOLEAN_PARAM: Record<BooleanValue, boolean> = {\n true: true,\n false: false,\n}\n\nconst isBooleanValue = (value: string): value is BooleanValue => (BOOLEAN_VALUES as readonly string[]).includes(value)\n\nconst BOOLEAN_FILTER_NAMES = [\"shared\", \"stateful\"] as const satisfies readonly SecurityGroupFilterName[]\ntype BooleanFilterName = (typeof BOOLEAN_FILTER_NAMES)[number]\n\nconst isBooleanFilterName = (name: string): name is BooleanFilterName =>\n (BOOLEAN_FILTER_NAMES as readonly string[]).includes(name)\n\n/**\n * Builds the Filter definitions for the Security Groups list toolbar.\n * Labels are passed in (rather than resolved via `t` here) so this module stays plain\n * data/logic and can be unit-tested without an I18nProvider.\n */\nexport const buildSecurityGroupFilters = (labels: {\n shared: string\n stateful: string\n yes: string\n no: string\n}): Filter[] => [\n {\n displayName: labels.shared,\n filterName: \"shared\" satisfies SecurityGroupFilterName,\n values: [...BOOLEAN_VALUES],\n valueLabels: { true: labels.yes, false: labels.no },\n supportsMultiValue: false,\n },\n {\n displayName: labels.stateful,\n filterName: \"stateful\" satisfies SecurityGroupFilterName,\n values: [...BOOLEAN_VALUES],\n valueLabels: { true: labels.yes, false: labels.no },\n supportsMultiValue: false,\n },\n]\n\n/**\n * Builds the typed filter params sent to `network.securityGroup.list` from the currently\n * selected filters. Unlike the generic `Record<string, string>` builder, the return type here\n * is checked by the compiler against the tRPC input schema when spread into the query input.\n */\nexport const buildSecurityGroupFilterParams = (selectedFilters: SelectedFilter[]): SecurityGroupFilterParams => {\n const params: SecurityGroupFilterParams = {}\n\n for (const name of BOOLEAN_FILTER_NAMES) {\n // Single-value filters: the toolbar replaces an earlier selection, but the URL may still\n // carry more than one entry, in which case the last one wins.\n const selected = selectedFilters.filter((f) => !f.inactive && f.name === name).at(-1)\n\n if (selected && isBooleanValue(selected.value)) {\n params[name] = BOOLEAN_PARAM[selected.value]\n }\n }\n\n return params\n}\n\n/** Whether a raw URL value is a known, valid value for the given Security Groups filter name. */\nexport const isKnownSecurityGroupFilter = (name: string, value: string): boolean =>\n isBooleanFilterName(name) && isBooleanValue(value)\n","import { SelectedFilter, Filter } from \"@/client/components/ListToolbar/types\"\nimport { isKnownSecurityGroupFilter } from \"./filterConfig\"\n\ntype SecurityGroupsSearchParams = {\n shared?: string\n stateful?: string\n search?: string\n sortBy?: string\n sortDirection?: \"asc\" | \"desc\"\n}\n\n/**\n * Parses URL search params into SelectedFilter array for ListToolbar\n */\nexport const parseFiltersFromUrl = (searchParams: SecurityGroupsSearchParams): SelectedFilter[] => {\n const filters: SelectedFilter[] = []\n\n // Shared filter\n if (searchParams.shared && isKnownSecurityGroupFilter(\"shared\", searchParams.shared)) {\n filters.push({ name: \"shared\", value: searchParams.shared })\n }\n\n // Stateful filter\n if (searchParams.stateful && isKnownSecurityGroupFilter(\"stateful\", searchParams.stateful)) {\n filters.push({ name: \"stateful\", value: searchParams.stateful })\n }\n\n return filters\n}\n\n/**\n * Builds filter parameters for API request from SelectedFilter array\n */\nexport const buildFilterParams = (\n selectedFilters: SelectedFilter[],\n filterDefinitions: Filter[]\n): Record<string, string> => {\n const params: Record<string, string> = {}\n\n if (!selectedFilters?.length) return params\n\n // Group selected filters by filter name\n const filterGroups = selectedFilters\n .filter((sf) => !sf.inactive)\n .reduce(\n (acc, sf) => {\n if (!acc[sf.name]) acc[sf.name] = []\n acc[sf.name].push(sf.value)\n return acc\n },\n {} as Record<string, string[]>\n )\n\n // Build parameters based on whether filter supports multiple values\n Object.entries(filterGroups).forEach(([filterName, values]) => {\n const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n if (filterDef?.supportsMultiValue && values.length > 1) {\n params[filterName] = `in:${values.join(\",\")}`\n } else {\n params[filterName] = values[0]\n }\n })\n\n return params\n}\n\n/**\n * Merges a newly selected filter into the current list.\n * - Ignores duplicates (same name + value).\n * - For single-value filters, replaces any existing entry with the same name.\n * - For multi-value filters, appends.\n */\nexport const applyFilterSelection = (\n current: SelectedFilter[],\n selected: SelectedFilter,\n filterDefinitions: Filter[]\n): SelectedFilter[] => {\n const alreadySelected = current.some((f) => f.name === selected.name && f.value === selected.value)\n if (alreadySelected) return current\n\n const supportsMulti = filterDefinitions.find((f) => f.filterName === selected.name)?.supportsMultiValue\n return supportsMulti ? [...current, selected] : [...current.filter((f) => f.name !== selected.name), selected]\n}\n\n/**\n * Builds URL search params object from filter settings for navigation\n */\nexport const buildUrlSearchParams = (\n selectedFilters: SelectedFilter[],\n filterDefinitions: Filter[],\n baseParams: {\n search?: string\n sortBy?: string\n sortDirection?: \"asc\" | \"desc\"\n }\n): SecurityGroupsSearchParams => {\n const newParams: SecurityGroupsSearchParams = {\n search: baseParams.search,\n sortBy: baseParams.sortBy,\n sortDirection: baseParams.sortDirection,\n }\n\n if (!selectedFilters?.length) return newParams\n\n const filterGroups = selectedFilters\n .filter((sf) => !sf.inactive)\n .reduce(\n (acc, sf) => {\n if (!acc[sf.name]) acc[sf.name] = []\n acc[sf.name].push(sf.value)\n return acc\n },\n {} as Record<string, string[]>\n )\n\n Object.entries(filterGroups).forEach(([filterName, values]) => {\n const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n if (filterDef?.supportsMultiValue && values.length > 1) {\n // Type assertion needed because we're dynamically setting filter fields\n ;(newParams as Record<string, string>)[filterName] = `in:${values.join(\",\")}`\n } else {\n ;(newParams as Record<string, string>)[filterName] = values[0]\n }\n })\n\n return newParams\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate, useSearch } from \"@tanstack/react-router\"\nimport { Button, Stack, DataGridToolbar, SearchInput, Message, toast } from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput, UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { SortInput } from \"@/client/components/ListToolbar/SortInput\"\nimport { SelectedFilters } from \"@/client/components/ListToolbar/SelectedFilters\"\nimport { FiltersInput } from \"@/client/components/ListToolbar/FiltersInput\"\nimport { FilterSettings, SortSettings } from \"@/client/components/ListToolbar/types\"\nimport { SecurityGroupListContainer } from \"./SecurityGroupListContainer\"\nimport { CreateSecurityGroupModal } from \"./-modals/CreateSecurityGroupModal\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\nimport { parseFiltersFromUrl, buildUrlSearchParams, applyFilterSelection } from \"../urlHelpers\"\nimport { buildSecurityGroupFilterParams, buildSecurityGroupFilters } from \"../filterConfig\"\nimport {\n getSecurityGroupDeletedToast,\n getSecurityGroupDeleteErrorToast,\n getSecurityGroupUpdatedToast,\n getSecurityGroupUpdateErrorToast,\n} from \"./SecurityGroupToastNotifications\"\n\nconst SEARCH_DEBOUNCE_MS = 500\n\ntype SecurityGroupSortKey = \"name\" | \"project_id\"\n\ntype SecurityGroupsSearchParams = {\n shared?: string\n stateful?: string\n search?: string\n sortBy?: string\n sortDirection?: \"asc\" | \"desc\"\n}\n\ntype RequiredSortSettings = {\n options: SortSettings[\"options\"]\n sortBy: string\n sortDirection: \"asc\" | \"desc\"\n}\n\ninterface SecurityGroupsProps {\n project: string\n}\n\nexport const SecurityGroups = ({ project: projectId }: SecurityGroupsProps) => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const searchParams = useSearch({ strict: false }) as SecurityGroupsSearchParams\n\n const [sortSettings, setSortSettings] = useState<RequiredSortSettings>({\n options: [{ label: t`Name`, value: \"name\" }],\n sortBy: searchParams.sortBy || \"name\",\n sortDirection: searchParams.sortDirection || \"asc\",\n })\n\n const [filterSettings, setFilterSettings] = useState<FilterSettings>({\n filters: buildSecurityGroupFilters({ shared: t`Shared`, stateful: t`Stateful`, yes: t`Yes`, no: t`No` }),\n selectedFilters: parseFiltersFromUrl(searchParams),\n })\n\n const [localSearchTerm, setLocalSearchTerm] = useState(searchParams.search || \"\")\n const debounceTimer = useRef<number | undefined>(undefined)\n const [createModalOpen, setCreateModalOpen] = useState(false)\n const [deleteError, setDeleteError] = useState<string | null>(null)\n const [createError, setCreateError] = useState<string | null>(null)\n const [updateError, setUpdateError] = useState<string | null>(null)\n\n const utils = trpcReact.useUtils()\n\n useEffect(() => () => clearTimeout(debounceTimer.current), [])\n\n useEffect(() => {\n setSortSettings((prev) => ({\n ...prev,\n sortBy: searchParams.sortBy || \"name\",\n sortDirection: searchParams.sortDirection || \"asc\",\n }))\n setFilterSettings((prev) => ({\n ...prev,\n selectedFilters: parseFiltersFromUrl(searchParams),\n }))\n // Only sync the input from the URL when there's no debounced search \"in flight\" — otherwise\n // this effect would clobber characters the user typed while the debounce timer was pending.\n if (debounceTimer.current === undefined) {\n setLocalSearchTerm(searchParams.search || \"\")\n }\n }, [searchParams.sortBy, searchParams.sortDirection, searchParams.search, searchParams.shared, searchParams.stateful])\n\n const urlFilters = parseFiltersFromUrl(searchParams)\n const urlSortBy = (searchParams.sortBy || \"name\") as SecurityGroupSortKey\n const urlSortDirection = searchParams.sortDirection || \"asc\"\n const urlSearchTerm = searchParams.search || \"\"\n\n const {\n data: securityGroupsData,\n isLoading,\n isError,\n error,\n } = trpcReact.network.securityGroup.list.useQuery(\n {\n project_id: projectId || \"\",\n sort_key: urlSortBy,\n sort_dir: urlSortDirection,\n ...buildSecurityGroupFilterParams(urlFilters),\n ...(urlSearchTerm ? { searchTerm: urlSearchTerm } : {}),\n },\n {\n refetchOnWindowFocus: false,\n placeholderData: (prev) => prev,\n }\n )\n\n const securityGroups = securityGroupsData || []\n const listError = isError\n ? error?.data?.code === \"FORBIDDEN\"\n ? t`You do not have permission to view security groups`\n : error.message || t`Failed to Load Security Groups`\n : null\n\n const { permissions } = useSecurityGroupPermissions(projectId)\n\n const createSecurityGroupMutation = trpcReact.network.securityGroup.create.useMutation({\n onSuccess: (createdSecurityGroup) => {\n utils.network.securityGroup.list.invalidate()\n utils.network.securityGroup.getById.invalidate()\n setCreateError(null)\n navigate({\n to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n params: {\n projectId,\n securityGroupId: createdSecurityGroup.id,\n },\n })\n },\n onError: (error) => {\n setCreateError(error.message || t`Failed to create security group`)\n },\n })\n\n const deleteSecurityGroupMutation = trpcReact.network.securityGroup.deleteById.useMutation({\n onSuccess: () => {\n utils.network.securityGroup.list.invalidate()\n utils.network.securityGroup.getById.invalidate()\n setDeleteError(null)\n },\n onError: (error) => {\n setDeleteError(error.message || t`Failed to delete security group`)\n const { message, ...options } = getSecurityGroupDeleteErrorToast(error.message)\n toast.error(message, options)\n },\n })\n\n const updateSecurityGroupMutation = trpcReact.network.securityGroup.update.useMutation({\n onSuccess: () => {\n utils.network.securityGroup.list.invalidate()\n utils.network.securityGroup.getById.invalidate()\n setUpdateError(null)\n },\n onError: (error) => {\n setUpdateError(error.message || t`Failed to update security group`)\n const { message, ...options } = getSecurityGroupUpdateErrorToast(error.message)\n toast.error(message, options)\n },\n })\n\n const handleCreateSecurityGroup = async (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => {\n setCreateError(null)\n try {\n await createSecurityGroupMutation.mutateAsync({ project_id: projectId, ...securityGroupData })\n } catch {\n // onError handles error state and UI feedback\n }\n }\n\n const handleDeleteSecurityGroup = (securityGroupId: string) => {\n setDeleteError(null)\n const sgName = securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n deleteSecurityGroupMutation.mutate(\n { project_id: projectId, securityGroupId },\n {\n onSuccess: () => {\n const { message, ...options } = getSecurityGroupDeletedToast(sgName)\n toast.success(message, options)\n },\n }\n )\n }\n\n const handleUpdateSecurityGroup = async (\n securityGroupId: string,\n data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n ) => {\n setUpdateError(null)\n const sgName = data.name || securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n try {\n await updateSecurityGroupMutation.mutateAsync({ project_id: projectId, securityGroupId, ...data })\n const { message, ...options } = getSecurityGroupUpdatedToast(sgName)\n toast.success(message, options)\n } catch {\n // onError handles error state and UI feedback\n }\n }\n\n const handleClearUpdateError = () => {\n setUpdateError(null)\n }\n\n const handleSortChange = (newSortSettings: SortSettings) => {\n const settings: RequiredSortSettings = {\n options: newSortSettings.options,\n sortBy: newSortSettings.sortBy?.toString() || \"name\",\n sortDirection: newSortSettings.sortDirection || \"asc\",\n }\n setSortSettings(settings)\n navigate({\n search: ((prev: SecurityGroupsSearchParams) => ({\n ...prev,\n sortBy: settings.sortBy,\n sortDirection: settings.sortDirection,\n })) as unknown as true,\n replace: true,\n })\n }\n\n const handleFilterChange = (newFilterSettings: FilterSettings) => {\n setFilterSettings(newFilterSettings)\n navigate({\n search: ((prev: SecurityGroupsSearchParams) =>\n buildUrlSearchParams(newFilterSettings.selectedFilters || [], newFilterSettings.filters, {\n search: prev.search,\n sortBy: prev.sortBy,\n sortDirection: prev.sortDirection,\n })) as unknown as true,\n replace: true,\n })\n }\n\n const handleSearchChange = (term: string) => {\n navigate({\n search: ((prev: SecurityGroupsSearchParams) => ({\n ...prev,\n search: term || undefined,\n })) as unknown as true,\n replace: true,\n })\n }\n\n return (\n <>\n <ContentHeader title={t`Security Groups`} projectId={projectId} />\n\n <div className=\"relative\">\n {/* Non-blocking error banner for refetch failures with cached data */}\n {isError && securityGroups.length > 0 && (\n <Message variant=\"error\" className=\"mb-4\">\n {listError}\n </Message>\n )}\n\n <Stack distribution=\"end\" alignment=\"center\" gap=\"2\" className=\"pb-2\">\n <Stack gap=\"2\">\n <SortInput\n options={sortSettings.options}\n sortBy={sortSettings.sortBy}\n sortDirection={sortSettings.sortDirection ?? \"asc\"}\n selectClassName=\"min-w-40\"\n onSortByChange={(v) =>\n handleSortChange({ ...sortSettings, sortBy: v, sortDirection: sortSettings.sortDirection })\n }\n onSortDirectionChange={(dir) => handleSortChange({ ...sortSettings, sortDirection: dir })}\n />\n {permissions.canCreate && (\n <Button onClick={() => setCreateModalOpen(true)} variant=\"primary\" className=\"whitespace-nowrap\">\n <Trans>Create Security Group</Trans>\n </Button>\n )}\n </Stack>\n </Stack>\n\n <DataGridToolbar>\n <Stack direction=\"vertical\" gap=\"2\">\n <Stack distribution=\"between\" alignment=\"center\">\n <FiltersInput\n filters={filterSettings.filters}\n selectClassName=\"sm:min-w-40\"\n comboboxClassName=\"sm:min-w-40\"\n onChange={(selected) => {\n const newSelected = applyFilterSelection(\n filterSettings.selectedFilters || [],\n selected,\n filterSettings.filters\n )\n if (newSelected === (filterSettings.selectedFilters || [])) return\n handleFilterChange({ ...filterSettings, selectedFilters: newSelected })\n }}\n />\n <SearchInput\n // The wrapper is inline-block/w-auto and the input reserves pr-16 for its icons, so at\n // the browser's default input width this placeholder gets cut off mid-ellipsis.\n className=\"w-60 sm:w-68\"\n placeholder={t`Search security groups...`}\n data-testid=\"searchbar\"\n value={localSearchTerm}\n onInput={(e: React.FormEvent<HTMLInputElement>) => {\n const v = e.currentTarget.value\n setLocalSearchTerm(v)\n clearTimeout(debounceTimer.current)\n debounceTimer.current = window.setTimeout(() => {\n debounceTimer.current = undefined\n handleSearchChange(v)\n }, SEARCH_DEBOUNCE_MS)\n }}\n onSearch={(v) => {\n clearTimeout(debounceTimer.current)\n debounceTimer.current = undefined\n handleSearchChange(typeof v === \"string\" ? v : \"\")\n }}\n onClear={() => {\n clearTimeout(debounceTimer.current)\n debounceTimer.current = undefined\n setLocalSearchTerm(\"\")\n handleSearchChange(\"\")\n }}\n />\n </Stack>\n {filterSettings.selectedFilters && filterSettings.selectedFilters.length > 0 && (\n <SelectedFilters\n selectedFilters={filterSettings.selectedFilters}\n filters={filterSettings.filters}\n onDelete={(filterToRemove) =>\n handleFilterChange({\n ...filterSettings,\n selectedFilters: (filterSettings.selectedFilters || []).filter(\n (f) => !(f.name === filterToRemove.name && f.value === filterToRemove.value)\n ),\n })\n }\n onClear={() => handleFilterChange({ ...filterSettings, selectedFilters: [] })}\n />\n )}\n </Stack>\n </DataGridToolbar>\n\n <SecurityGroupListContainer\n securityGroups={securityGroups}\n isLoading={isLoading}\n isError={isError && securityGroups.length === 0}\n error={listError ? { message: listError } : null}\n permissions={permissions}\n onCreateClick={() => setCreateModalOpen(true)}\n onDeleteSecurityGroup={handleDeleteSecurityGroup}\n isDeletingSecurityGroup={deleteSecurityGroupMutation.isPending}\n deleteError={deleteError}\n onUpdateSecurityGroup={handleUpdateSecurityGroup}\n isUpdatingSecurityGroup={updateSecurityGroupMutation.isPending}\n updateError={updateError}\n currentProjectId={projectId}\n hasAnyBulkAction={false}\n onClearUpdateError={handleClearUpdateError}\n />\n\n <CreateSecurityGroupModal\n isOpen={createModalOpen}\n onClose={() => {\n setCreateError(null)\n setCreateModalOpen(false)\n }}\n onCreate={handleCreateSecurityGroup}\n isLoading={createSecurityGroupMutation.isPending}\n error={createError}\n />\n </div>\n </>\n )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n staticData: {\n section: \"network\",\n service: \"securitygroups\",\n analytics: {\n name: \"network.securitygroups.list\",\n },\n } satisfies RouteInfo,\n head: () => ({ meta: [{ title: t`Security Groups` }] }),\n component: RouteComponent,\n})\n\nfunction RouteComponent() {\n const { projectId } = Route.useParams()\n const { trpcClient } = Route.useRouteContext()\n\n if (!trpcClient) {\n throw new Error(\"trpcClient is not available in route context\")\n }\n\n return <SecurityGroups project={projectId} />\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { i as e } from "./build-WuxXRAqf.mjs";
|
|
2
|
+
import { t } from "./securitygroups-o0IXZM6S.mjs";
|
|
3
|
+
import { t as n } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { useNavigate as i } from "@tanstack/react-router";
|
|
6
|
+
import { useLingui as a } from "@lingui/react";
|
|
7
|
+
//#region src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=errorComponent
|
|
8
|
+
var o = () => {
|
|
9
|
+
let { i18n: o, _: s } = a(), c = i(), { projectId: l } = t.useParams();
|
|
10
|
+
return /*#__PURE__*/ r(n, { action: /*#__PURE__*/ r(e, {
|
|
11
|
+
variant: "primary",
|
|
12
|
+
onClick: () => c({
|
|
13
|
+
to: "/projects/$projectId/network/securitygroups",
|
|
14
|
+
params: { projectId: l }
|
|
15
|
+
}),
|
|
16
|
+
children: o._({ id: "U9q4M7" })
|
|
17
|
+
}) });
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { o as errorComponent };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=securitygroups-WLB1_IM6.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"securitygroups-WLB1_IM6.mjs","names":["useNavigate","RouteIdLevelDefaultError","Button","useLingui","SecurityGroupsErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const { projectId } = Route.useParams()\n\n return (\n <RouteIdLevelDefaultError\n action={\n <Button\n variant=\"primary\"\n onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n >\n {t`Back to Security Groups`}\n </Button>\n }\n />\n )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n staticData: {\n section: \"network\",\n service: \"securitygroups\",\n crumb: { text: msg`Security Groups` },\n } satisfies RouteInfo,\n component: () => <Outlet />,\n // Render errors from the security groups subtree inside the project layout\n // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";;;;;;;AAOA,IAAMI,UAA+BA;CACnC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQD,EAAAA,GACRG,IAAWN,EAAAA,GACX,EAAEO,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAA+CC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAElGF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
|
|
2
|
+
var n = e("/_auth/projects/$projectId/network/securitygroups")({
|
|
3
|
+
staticData: {
|
|
4
|
+
section: "network",
|
|
5
|
+
service: "securitygroups",
|
|
6
|
+
crumb: { text: { id: "4opp4r" } }
|
|
7
|
+
},
|
|
8
|
+
component: t(() => import("./securitygroups-CtKne8UQ.mjs"), "component"),
|
|
9
|
+
errorComponent: t(() => import("./securitygroups-WLB1_IM6.mjs"), "errorComponent")
|
|
10
|
+
});
|
|
11
|
+
//#endregion
|
|
12
|
+
export { n as t };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=securitygroups-o0IXZM6S.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"securitygroups-o0IXZM6S.mjs","names":["createFileRoute","msg","Route","staticData","section","service","crumb","text","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n const { t } = useLingui()\n const navigate = useNavigate()\n const { projectId } = Route.useParams()\n\n return (\n <RouteIdLevelDefaultError\n action={\n <Button\n variant=\"primary\"\n onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n >\n {t`Back to Security Groups`}\n </Button>\n }\n />\n )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n staticData: {\n section: \"network\",\n service: \"securitygroups\",\n crumb: { text: msg`Security Groups` },\n } satisfies RouteInfo,\n component: () => <Outlet />,\n // Render errors from the security groups subtree inside the project layout\n // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";AA0BA,IAAaE,IAAQF,EAAgB,mDAAA,CAAA,CAAqD;CACxFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,OAAO,EAAEC,MAAMN,EAAAA,IAAAA,SAAG,EAAkB;CACtC;CACAQ,WAASC,iDAAA,WAAA;CAGTE,gBAAcF,iDAAA,gBAAA;AAChB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"serviceCatalog-B3lKWC9V.mjs","names":["hasServiceByName","serviceIndex","name","Object","values","some","byName"],"sources":["../../src/client/utils/serviceCatalog.ts"],"sourcesContent":["/**\n * Mirrors the backend's service resolution, which matches by NAME and ignores the\n * catalog type entirely (cephProcedure.ts:23 → ctx.openstack.service(\"ceph\");\n * swiftRouter.ts → service(\"swift\"); signal-openstack session.ts:95 takes only a name).\n * The old type-scoped lookups disagreed with it: Ceph lives in the catalog as\n * { type: \"object-store-ceph\", name: \"ceph\" }, so serviceIndex[\"object-store\"][\"ceph\"]\n * never matched, and a temporary Ceph availability fallback had to paper over it.\n */\nexport const hasServiceByName = (serviceIndex: Record<string, Record<string, boolean>>, name: string): boolean =>\n Object.values(serviceIndex).some((byName) => byName[name])\n"],"mappings":";AAQA,IAAaA,KAAoBC,GAAuDC,MACtFC,OAAOC,OAAOH,CAAAA,CAAAA,CAAcI,MAAMC,MAAWA,EAAOJ,EAAK"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
//#region src/client/utils/storageProviders.ts
|
|
2
|
+
var e = {
|
|
3
|
+
SWIFT: "swift",
|
|
4
|
+
CEPH: "ceph"
|
|
5
|
+
}, t = {
|
|
6
|
+
CONTAINERS: "containers",
|
|
7
|
+
BUCKETS: "buckets"
|
|
8
|
+
}, n = {
|
|
9
|
+
[e.SWIFT]: t.CONTAINERS,
|
|
10
|
+
[e.CEPH]: t.BUCKETS
|
|
11
|
+
}, r = (e) => typeof e == "string" && Object.hasOwn(n, e), i = (e, t) => r(e) ? e : t, a = (e) => n[e];
|
|
12
|
+
//#endregion
|
|
13
|
+
export { a, r as i, n, i as r, e as t };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=storageProviders-CJ5rOh13.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storageProviders-CJ5rOh13.mjs","names":["STORAGE_PROVIDER","SWIFT","CEPH","STORAGE_TYPE","CONTAINERS","BUCKETS","STORAGE_TYPE_BY_PROVIDER","isStorageProvider","value","Object","hasOwn","asStorageProvider","fallback","storageTypeFor","provider"],"sources":["../../src/client/utils/storageProviders.ts"],"sourcesContent":["/**\n * Single source of truth for the storage provider ↔ storage-type noun mapping\n * (`swift` → `containers`, `ceph` → `buckets`). Every route/component that needs\n * to build or validate a `/storage/$provider/$storageType` URL should go through\n * this module instead of re-hardcoding the pairing.\n */\n\n/**\n * The object-storage providers. The same spelling serves as the `$provider` URL\n * segment and as the OpenStack catalog service *name* the backend resolves by\n * (see `serviceCatalog.ts`), so one constant covers both uses.\n */\nexport const STORAGE_PROVIDER = {\n SWIFT: \"swift\",\n CEPH: \"ceph\",\n} as const\n\n/**\n * The `$storageType` URL segment noun each provider uses.\n *\n * Deliberately NOT the same vocabulary as the nav / `enabledServices` service keys\n * (`\"containers\"` / `\"ceph-containers\"`), which only happen to share the word\n * \"containers\" — Ceph's nav key is `\"ceph-containers\"`, never `\"buckets\"`. Don't\n * substitute one for the other.\n */\nexport const STORAGE_TYPE = {\n CONTAINERS: \"containers\",\n BUCKETS: \"buckets\",\n} as const\n\nexport const STORAGE_TYPE_BY_PROVIDER = {\n [STORAGE_PROVIDER.SWIFT]: STORAGE_TYPE.CONTAINERS,\n [STORAGE_PROVIDER.CEPH]: STORAGE_TYPE.BUCKETS,\n} as const\n\nexport type StorageProvider = keyof typeof STORAGE_TYPE_BY_PROVIDER\nexport type StorageType = (typeof STORAGE_TYPE_BY_PROVIDER)[StorageProvider]\n\n/**\n * Narrows an unknown value (typically a raw `$provider` URL segment) to a known\n * `StorageProvider`. Uses `Object.hasOwn` rather than `in` — `\"__proto__\" in obj`\n * evaluates to `true` for any object, which would let `/storage/__proto__/...`\n * pass validation.\n */\nexport const isStorageProvider = (value: unknown): value is StorageProvider =>\n typeof value === \"string\" && Object.hasOwn(STORAGE_TYPE_BY_PROVIDER, value)\n\n/** Returns `value` narrowed to a `StorageProvider`, or `fallback` if it isn't one. */\nexport const asStorageProvider = (value: unknown, fallback: StorageProvider): StorageProvider =>\n isStorageProvider(value) ? value : fallback\n\n/** The canonical storage-type noun for a given provider. */\nexport const storageTypeFor = (provider: StorageProvider): StorageType => STORAGE_TYPE_BY_PROVIDER[provider]\n"],"mappings":";AAYA,IAAaA,IAAmB;CAC9BC,OAAO;CACPC,MAAM;AACR,GAUaC,IAAe;CAC1BC,YAAY;CACZC,SAAS;AACX,GAEaC,IAA2B;EACrCN,EAAiBC,QAAQE,EAAaC;EACtCJ,EAAiBE,OAAOC,EAAaE;AACxC,GAWaE,KAAqBC,MAChC,OAAOA,KAAU,YAAYC,OAAOC,OAAOJ,GAA0BE,CAAAA,GAG1DG,KAAqBH,GAAgBI,MAChDL,EAAkBC,CAAAA,IAASA,IAAQI,GAGxBC,KAAkBC,MAA2CR,EAAyBQ"}
|
|
@@ -345,6 +345,7 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
345
345
|
tags_any?: string | undefined;
|
|
346
346
|
not_tags?: string | undefined;
|
|
347
347
|
not_tags_any?: string | undefined;
|
|
348
|
+
stateful?: boolean | undefined;
|
|
348
349
|
searchTerm?: string | undefined;
|
|
349
350
|
};
|
|
350
351
|
output: {
|
|
@@ -697,6 +698,43 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
697
698
|
}[] | undefined;
|
|
698
699
|
meta: object;
|
|
699
700
|
}>;
|
|
701
|
+
listProjectsWithSearch: import('@trpc/server').TRPCQueryProcedure<{
|
|
702
|
+
input: {
|
|
703
|
+
searchTerm?: string | undefined;
|
|
704
|
+
};
|
|
705
|
+
output: {
|
|
706
|
+
id: string;
|
|
707
|
+
name: string;
|
|
708
|
+
enabled: boolean;
|
|
709
|
+
domain_id?: string | null | undefined;
|
|
710
|
+
parent_id?: string | null | undefined;
|
|
711
|
+
is_domain?: boolean | null | undefined;
|
|
712
|
+
tags?: string[] | null | undefined;
|
|
713
|
+
options?: Record<string, string | boolean> | null | undefined;
|
|
714
|
+
description?: string | null | undefined;
|
|
715
|
+
links?: {
|
|
716
|
+
self?: string | null | undefined;
|
|
717
|
+
} | undefined;
|
|
718
|
+
domain_name?: string | undefined;
|
|
719
|
+
parents?: {
|
|
720
|
+
project: {
|
|
721
|
+
id: string;
|
|
722
|
+
name: string;
|
|
723
|
+
enabled: boolean;
|
|
724
|
+
domain_id?: string | null | undefined;
|
|
725
|
+
parent_id?: string | null | undefined;
|
|
726
|
+
is_domain?: boolean | null | undefined;
|
|
727
|
+
tags?: string[] | null | undefined;
|
|
728
|
+
options?: Record<string, string | boolean> | null | undefined;
|
|
729
|
+
description?: string | null | undefined;
|
|
730
|
+
links?: {
|
|
731
|
+
self?: string | null | undefined;
|
|
732
|
+
} | undefined;
|
|
733
|
+
};
|
|
734
|
+
}[] | undefined;
|
|
735
|
+
}[] | undefined;
|
|
736
|
+
meta: object;
|
|
737
|
+
}>;
|
|
700
738
|
getProject: import('@trpc/server').TRPCQueryProcedure<{
|
|
701
739
|
input: {
|
|
702
740
|
projectId: string;
|
|
@@ -895,7 +933,11 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
895
933
|
tempUrlKey?: string | undefined;
|
|
896
934
|
tempUrlKey2?: string | undefined;
|
|
897
935
|
};
|
|
898
|
-
output:
|
|
936
|
+
output: {
|
|
937
|
+
created: true;
|
|
938
|
+
optionsApplied: boolean;
|
|
939
|
+
optionsError?: string | undefined;
|
|
940
|
+
};
|
|
899
941
|
meta: object;
|
|
900
942
|
}>;
|
|
901
943
|
getContainerMetadata: import('@trpc/server').TRPCQueryProcedure<{
|
|
@@ -1265,6 +1307,31 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
1265
1307
|
}[];
|
|
1266
1308
|
meta: object;
|
|
1267
1309
|
}>;
|
|
1310
|
+
head: import('@trpc/server').TRPCQueryProcedure<{
|
|
1311
|
+
input: {
|
|
1312
|
+
project_id: string;
|
|
1313
|
+
bucketName: string;
|
|
1314
|
+
};
|
|
1315
|
+
output: {
|
|
1316
|
+
exists: true;
|
|
1317
|
+
};
|
|
1318
|
+
meta: object;
|
|
1319
|
+
}>;
|
|
1320
|
+
getState: import('@trpc/server').TRPCQueryProcedure<{
|
|
1321
|
+
input: {
|
|
1322
|
+
project_id: string;
|
|
1323
|
+
bucketName: string;
|
|
1324
|
+
};
|
|
1325
|
+
output: {
|
|
1326
|
+
status: "Enabled" | "Suspended" | "Unversioned";
|
|
1327
|
+
isVersioningEnabled: boolean;
|
|
1328
|
+
isEmpty: boolean;
|
|
1329
|
+
hasOnlyDeleteMarkers: boolean;
|
|
1330
|
+
hasOldVersionsOrDeleteMarkers: boolean;
|
|
1331
|
+
isPartialScan: boolean;
|
|
1332
|
+
};
|
|
1333
|
+
meta: object;
|
|
1334
|
+
}>;
|
|
1268
1335
|
create: import('@trpc/server').TRPCMutationProcedure<{
|
|
1269
1336
|
input: {
|
|
1270
1337
|
project_id: string;
|
|
@@ -1431,6 +1498,24 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
1431
1498
|
};
|
|
1432
1499
|
meta: object;
|
|
1433
1500
|
}>;
|
|
1501
|
+
deleteNonCurrentVersions: import('@trpc/server').TRPCMutationProcedure<{
|
|
1502
|
+
input: {
|
|
1503
|
+
project_id: string;
|
|
1504
|
+
containerName: string;
|
|
1505
|
+
};
|
|
1506
|
+
output: {
|
|
1507
|
+
errors: {
|
|
1508
|
+
key: string;
|
|
1509
|
+
versionId?: string | undefined;
|
|
1510
|
+
code?: string | undefined;
|
|
1511
|
+
message?: string | undefined;
|
|
1512
|
+
}[];
|
|
1513
|
+
deletedCount: number;
|
|
1514
|
+
errorCount: number;
|
|
1515
|
+
isPartial: boolean;
|
|
1516
|
+
};
|
|
1517
|
+
meta: object;
|
|
1518
|
+
}>;
|
|
1434
1519
|
createFolder: import('@trpc/server').TRPCMutationProcedure<{
|
|
1435
1520
|
input: {
|
|
1436
1521
|
project_id: string;
|
|
@@ -1625,14 +1710,16 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
1625
1710
|
input: {
|
|
1626
1711
|
project_id: string;
|
|
1627
1712
|
bucket: string;
|
|
1628
|
-
|
|
1713
|
+
prefix?: string | undefined;
|
|
1714
|
+
folders?: string[] | undefined;
|
|
1629
1715
|
};
|
|
1630
1716
|
output: {
|
|
1631
1717
|
prefix: string;
|
|
1632
1718
|
hasDeletedContent: boolean;
|
|
1633
1719
|
isFolderDeleted: boolean;
|
|
1634
|
-
|
|
1635
|
-
|
|
1720
|
+
isPartialScan: boolean;
|
|
1721
|
+
folderDeleteMarkerVersionId?: string | undefined;
|
|
1722
|
+
folderMarkerVersionId?: string | undefined;
|
|
1636
1723
|
}[];
|
|
1637
1724
|
meta: object;
|
|
1638
1725
|
}>;
|
|
@@ -2574,6 +2661,16 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
2574
2661
|
output: string[];
|
|
2575
2662
|
meta: object;
|
|
2576
2663
|
}>;
|
|
2664
|
+
getComputeApiVersion: import('@trpc/server').TRPCQueryProcedure<{
|
|
2665
|
+
input: {
|
|
2666
|
+
project_id: string;
|
|
2667
|
+
};
|
|
2668
|
+
output: {
|
|
2669
|
+
version: string;
|
|
2670
|
+
supportsDescription: boolean;
|
|
2671
|
+
};
|
|
2672
|
+
meta: object;
|
|
2673
|
+
}>;
|
|
2577
2674
|
getFlavorById: import('@trpc/server').TRPCQueryProcedure<{
|
|
2578
2675
|
input: {
|
|
2579
2676
|
project_id: string;
|
|
@@ -2642,6 +2739,7 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
|
|
|
2642
2739
|
rxtx_factor?: number | undefined;
|
|
2643
2740
|
"OS-FLV-EXT-DATA:ephemeral"?: number | undefined;
|
|
2644
2741
|
"os-flavor-access:is_public"?: boolean | undefined;
|
|
2742
|
+
description?: string | undefined;
|
|
2645
2743
|
};
|
|
2646
2744
|
};
|
|
2647
2745
|
output: {
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { useCallback as e, useEffect as t, useRef as n } from "react";
|
|
2
|
+
import { useRouteContext as r } from "@tanstack/react-router";
|
|
3
|
+
//#region src/client/hooks/useModalTracking.ts
|
|
4
|
+
var i = ({ isOpen: i, actionPrefix: a }) => {
|
|
5
|
+
let { onTrackEvent: o } = r({ strict: !1 }), s = n(!1), c = n(!1);
|
|
6
|
+
return t(() => {
|
|
7
|
+
i && !s.current && (o?.({
|
|
8
|
+
source: "modal",
|
|
9
|
+
action: `${a}.open`
|
|
10
|
+
}), s.current = !0);
|
|
11
|
+
}, [
|
|
12
|
+
i,
|
|
13
|
+
o,
|
|
14
|
+
a
|
|
15
|
+
]), {
|
|
16
|
+
trackClose: e(() => {
|
|
17
|
+
i && !c.current && o?.({
|
|
18
|
+
source: "modal",
|
|
19
|
+
action: `${a}.close`
|
|
20
|
+
});
|
|
21
|
+
}, [
|
|
22
|
+
i,
|
|
23
|
+
o,
|
|
24
|
+
a
|
|
25
|
+
]),
|
|
26
|
+
markSubmitted: e(() => {
|
|
27
|
+
c.current = !0;
|
|
28
|
+
}, []),
|
|
29
|
+
resetTracking: e(() => {
|
|
30
|
+
c.current = !1, s.current = !1;
|
|
31
|
+
}, [])
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
//#endregion
|
|
35
|
+
export { i as t };
|
|
36
|
+
|
|
37
|
+
//# sourceMappingURL=useModalTracking-BYd37pXm.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useModalTracking-BYd37pXm.mjs","names":["useCallback","useEffect","useRef","useRouteContext","useModalTracking","isOpen","actionPrefix","onTrackEvent","strict","hasTrackedOpen","hasSubmitted","current","source","action","trackClose","markSubmitted","resetTracking"],"sources":["../../src/client/hooks/useModalTracking.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\"\nimport { useRouteContext } from \"@tanstack/react-router\"\n\ninterface UseModalTrackingOptions {\n isOpen: boolean\n actionPrefix: string // e.g., \"storage.ceph.bucket.create\"\n}\n\ninterface UseModalTrackingReturn {\n trackClose: () => void\n markSubmitted: () => void\n resetTracking: () => void\n}\n\n/**\n * Custom hook to handle modal open/close analytics tracking.\n *\n * Tracks:\n * - `.open` event when modal opens (once per modal open)\n * - `.close` event when modal closes without submission (cancelled)\n *\n * @example\n * const { trackClose, markSubmitted, resetTracking } = useModalTracking({\n * isOpen,\n * actionPrefix: \"storage.ceph.bucket.create\"\n * })\n *\n * // In handleClose:\n * trackClose()\n *\n * // In handleSubmit:\n * markSubmitted()\n *\n * // In cleanup/reset:\n * resetTracking()\n */\nexport const useModalTracking = ({ isOpen, actionPrefix }: UseModalTrackingOptions): UseModalTrackingReturn => {\n const { onTrackEvent } = useRouteContext({ strict: false })\n const hasTrackedOpen = useRef(false)\n // Use useRef instead of useState to avoid timing race with synchronous close paths\n // See: https://github.com/... - setState doesn't apply until next render, so trackClose()\n // could read stale hasSubmitted === false even after markSubmitted() was called\n const hasSubmitted = useRef(false)\n\n // Track when user opens the modal (once per modal open)\n useEffect(() => {\n if (isOpen && !hasTrackedOpen.current) {\n onTrackEvent?.({\n source: \"modal\",\n action: `${actionPrefix}.open`,\n })\n hasTrackedOpen.current = true\n }\n }, [isOpen, onTrackEvent, actionPrefix])\n\n /**\n * Track close event if user didn't submit.\n * Call this at the start of your handleClose function.\n */\n const trackClose = useCallback(() => {\n if (isOpen && !hasSubmitted.current) {\n onTrackEvent?.({\n source: \"modal\",\n action: `${actionPrefix}.close`,\n })\n }\n }, [isOpen, onTrackEvent, actionPrefix])\n\n /**\n * Mark that the user submitted the form.\n * Call this in your handleSubmit function before the mutation.\n */\n const markSubmitted = useCallback(() => {\n hasSubmitted.current = true\n }, [])\n\n /**\n * Reset tracking state.\n * Call this in handleClose after tracking close event.\n */\n const resetTracking = useCallback(() => {\n hasSubmitted.current = false\n hasTrackedOpen.current = false\n }, [])\n\n return {\n trackClose,\n markSubmitted,\n resetTracking,\n }\n}\n"],"mappings":";;;AAoCA,IAAaI,KAAoB,EAAEC,WAAQC,sBAAuC;CAChF,IAAM,EAAEC,oBAAiBJ,EAAgB,EAAEK,QAAQ,GAAM,CAAA,GACnDC,IAAiBP,EAAO,EAAA,GAIxBQ,IAAeR,EAAO,EAAA;CA2C5B,OAxCAD,QAAU;EACR,AAAII,KAAU,CAACI,EAAeE,YAC5BJ,IAAe;GACbK,QAAQ;GACRC,QAAQ,GAAGP,EAAa;EAC1B,CAAA,GACAG,EAAeE,UAAU;CAE7B,GAAG;EAACN;EAAQE;EAAcD;CAAa,CAAA,GAgChC;EACLQ,YA3BiBd,QAAY;GAC7B,AAAIK,KAAU,CAACK,EAAaC,WAC1BJ,IAAe;IACbK,QAAQ;IACRC,QAAQ,GAAGP,EAAa;GAC1B,CAAA;EAEJ,GAAG;GAACD;GAAQE;GAAcD;EAAa,CAoBrCQ;EACAC,eAfoBf,QAAY;GAChCU,EAAaC,UAAU;EACzB,GAAG,CAAA,CAaDI;EACAC,eARoBhB,QAAY;GAEhCS,AADAC,EAAaC,UAAU,IACvBF,EAAeE,UAAU;EAC3B,GAAG,CAAA,CAKDK;CACF;AACF"}
|