@cobaltcore-dev/aurora 0.6.0 → 0.8.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/README.md +160 -20
- package/dist/client/AuroraApp.d.ts +38 -0
- package/dist/client/{ContentHeader-kx1Th5Sq.mjs → ContentHeader-DqsGNvtD.mjs} +17 -17
- package/dist/client/{ContentHeader-kx1Th5Sq.mjs.map → ContentHeader-DqsGNvtD.mjs.map} +1 -1
- package/dist/client/{DeleteFlavorModal-C3cb7YiJ.mjs → DeleteFlavorModal-C3m7bQJu.mjs} +163 -163
- package/dist/client/{DeleteFlavorModal-C3cb7YiJ.mjs.map → DeleteFlavorModal-C3m7bQJu.mjs.map} +1 -1
- package/dist/client/{EditSecurityGroupModal-CpP54WIK.mjs → EditSecurityGroupModal-DKusxfta.mjs} +18 -18
- package/dist/client/{EditSecurityGroupModal-CpP54WIK.mjs.map → EditSecurityGroupModal-DKusxfta.mjs.map} +1 -1
- package/dist/client/{FiltersInput-DxcyR6Bp.mjs → FiltersInput-GzR4D0q6.mjs} +21 -21
- package/dist/client/{FiltersInput-DxcyR6Bp.mjs.map → FiltersInput-GzR4D0q6.mjs.map} +1 -1
- package/dist/client/{FloatingIpActionModals-BP8RWHbu.mjs → FloatingIpActionModals-CRvROJ3H.mjs} +51 -51
- package/dist/client/{FloatingIpActionModals-BP8RWHbu.mjs.map → FloatingIpActionModals-CRvROJ3H.mjs.map} +1 -1
- package/dist/client/{ImageToastNotifications-TZ3EfQg-.mjs → ImageToastNotifications-BuDXpTkl.mjs} +344 -344
- package/dist/client/{ImageToastNotifications-TZ3EfQg-.mjs.map → ImageToastNotifications-BuDXpTkl.mjs.map} +1 -1
- package/dist/client/{RouteError-QSV7qOoJ.mjs → RouteError-DVAiT0mT.mjs} +2 -2
- package/dist/client/{RouteError-QSV7qOoJ.mjs.map → RouteError-DVAiT0mT.mjs.map} +1 -1
- package/dist/client/{SortInput-CYv2_Pur.mjs → SortInput-VK7IYqQv.mjs} +6 -6
- package/dist/client/{SortInput-CYv2_Pur.mjs.map → SortInput-VK7IYqQv.mjs.map} +1 -1
- package/dist/client/_auth-DXJkv9QO.mjs.map +1 -1
- package/dist/client/{_flavorId-C2x43-6S.mjs → _flavorId-B9Vqkraj.mjs} +8 -8
- package/dist/client/{_flavorId-C2x43-6S.mjs.map → _flavorId-B9Vqkraj.mjs.map} +1 -1
- package/dist/client/{_flavorId-CR8ZUI-P.mjs → _flavorId-CFpNGz52.mjs} +62 -62
- package/dist/client/{_flavorId-CR8ZUI-P.mjs.map → _flavorId-CFpNGz52.mjs.map} +1 -1
- package/dist/client/{_floatingIpId-BCk41_Lb.mjs → _floatingIpId-B5GMSLeQ.mjs} +2 -2
- package/dist/client/{_floatingIpId-BCk41_Lb.mjs.map → _floatingIpId-B5GMSLeQ.mjs.map} +1 -1
- package/dist/client/{_floatingIpId-BGrOAmPT.mjs → _floatingIpId-C2-BeRmF.mjs} +27 -27
- package/dist/client/{_floatingIpId-BGrOAmPT.mjs.map → _floatingIpId-C2-BeRmF.mjs.map} +1 -1
- package/dist/client/_imageId-9NZytfNs.mjs +534 -0
- package/dist/client/{_imageId-CvfD832b.mjs.map → _imageId-9NZytfNs.mjs.map} +1 -1
- package/dist/client/_pcaId-BwTvJJgh.mjs +479 -0
- package/dist/client/_pcaId-BwTvJJgh.mjs.map +1 -0
- package/dist/client/{_pcaId-DOHycvCf.mjs → _pcaId-DUHQd0rB.mjs} +2 -2
- package/dist/client/{_pcaId-DOHycvCf.mjs.map → _pcaId-DUHQd0rB.mjs.map} +1 -1
- package/dist/client/{_projectId-DOgwFiqD.mjs → _projectId-B_2sZKk-.mjs} +2 -2
- package/dist/client/{_projectId-DOgwFiqD.mjs.map → _projectId-B_2sZKk-.mjs.map} +1 -1
- package/dist/client/{_projectId-MxcHrXW4.mjs → _projectId-CLgClx24.mjs} +3 -3
- package/dist/client/{_projectId-MxcHrXW4.mjs.map → _projectId-CLgClx24.mjs.map} +1 -1
- package/dist/client/_projectId-cW9aQ4Ag.mjs +271 -0
- package/dist/client/_projectId-cW9aQ4Ag.mjs.map +1 -0
- package/dist/client/{_securityGroupId-KKw4RPdH.mjs → _securityGroupId-DYxmXUOP.mjs} +319 -319
- package/dist/client/{_securityGroupId-KKw4RPdH.mjs.map → _securityGroupId-DYxmXUOP.mjs.map} +1 -1
- package/dist/client/{_securityGroupId-CJJanWiY.mjs → _securityGroupId-fhK1CuZh.mjs} +2 -2
- package/dist/client/{_securityGroupId-CJJanWiY.mjs.map → _securityGroupId-fhK1CuZh.mjs.map} +1 -1
- package/dist/client/{_storageType-DYjo-6ej.mjs → _storageType-2_fau4B5.mjs} +698 -698
- package/dist/client/{_storageType-DYjo-6ej.mjs.map → _storageType-2_fau4B5.mjs.map} +1 -1
- package/dist/client/{_storageType-4wSxI__0.mjs → _storageType-dRTFMKG3.mjs} +2 -2
- package/dist/client/{_storageType-4wSxI__0.mjs.map → _storageType-dRTFMKG3.mjs.map} +1 -1
- package/dist/client/{about-Bo9vxGHy.mjs → about-Nsxkyh9U.mjs} +2 -2
- package/dist/client/{about-Bo9vxGHy.mjs.map → about-Nsxkyh9U.mjs.map} +1 -1
- package/dist/client/{build-DeJcDjPi.mjs → build-BdRRmNf5.mjs} +3290 -3274
- package/dist/client/{build-DeJcDjPi.mjs.map → build-BdRRmNf5.mjs.map} +1 -1
- package/dist/client/{constants-BmcGYeR-.mjs → constants-J5nm9hbP.mjs} +15 -15
- package/dist/client/{constants-BmcGYeR-.mjs.map → constants-J5nm9hbP.mjs.map} +1 -1
- package/dist/client/{flavors-BxFVqgnb.mjs → flavors-_P7R-CeT.mjs} +2 -2
- package/dist/client/{flavors-BxFVqgnb.mjs.map → flavors-_P7R-CeT.mjs.map} +1 -1
- package/dist/client/{flavors-CfdgjsZY.mjs → flavors-m1qDHzeS.mjs} +238 -221
- package/dist/client/flavors-m1qDHzeS.mjs.map +1 -0
- package/dist/client/{floatingips-ByRb82wS.mjs → floatingips-Dq4DXQYb.mjs} +90 -90
- package/dist/client/{floatingips-ByRb82wS.mjs.map → floatingips-Dq4DXQYb.mjs.map} +1 -1
- package/dist/client/{images-CenluYV8.mjs → images-CpM-T_jM.mjs} +2 -2
- package/dist/client/{images-CenluYV8.mjs.map → images-CpM-T_jM.mjs.map} +1 -1
- package/dist/client/images-DHmVgQAh2.mjs +1890 -0
- package/dist/client/images-DHmVgQAh2.mjs.map +1 -0
- package/dist/client/{images-C_dX7nY6.mjs → images-Dbjo4yKn.mjs} +2 -2
- package/dist/client/{images-C_dX7nY6.mjs.map → images-Dbjo4yKn.mjs.map} +1 -1
- package/dist/client/index.d.ts +1 -1
- package/dist/client/index.js +390 -356
- package/dist/client/index.js.map +1 -1
- package/dist/client/{objects-gxSjvbvF.mjs → objects-DKWp9RtR.mjs} +2 -2
- package/dist/client/{objects-gxSjvbvF.mjs.map → objects-DKWp9RtR.mjs.map} +1 -1
- package/dist/client/{objects-BJM6YeuF.mjs → objects-DaCuy_CB.mjs} +1156 -1156
- package/dist/client/{objects-BJM6YeuF.mjs.map → objects-DaCuy_CB.mjs.map} +1 -1
- package/dist/client/{pca-Bl8NmoVZ.mjs → pca-C8zWTSSt.mjs} +2 -2
- package/dist/client/{pca-Bl8NmoVZ.mjs.map → pca-C8zWTSSt.mjs.map} +1 -1
- package/dist/client/pca-CK5-j7Kk.mjs +202 -0
- package/dist/client/pca-CK5-j7Kk.mjs.map +1 -0
- package/dist/client/{projects-pe2_dCnV.mjs → projects-CHYn7L5e.mjs} +2 -2
- package/dist/client/{projects-pe2_dCnV.mjs.map → projects-CHYn7L5e.mjs.map} +1 -1
- package/dist/client/{projects-D2iewAzu.mjs → projects-CeLhtLvf.mjs} +2 -2
- package/dist/client/{projects-D2iewAzu.mjs.map → projects-CeLhtLvf.mjs.map} +1 -1
- package/dist/client/{projects-CgclWI16.mjs → projects-ClViaUuv.mjs} +11 -11
- package/dist/client/{projects-CgclWI16.mjs.map → projects-ClViaUuv.mjs.map} +1 -1
- package/dist/client/{_projectId-BDSWnMGj.mjs → routeInfo-DlDJZnpg.mjs} +34 -8
- package/dist/client/routeInfo-DlDJZnpg.mjs.map +1 -0
- package/dist/client/{securitygroups-DahZkVYQ.mjs → securitygroups-CNFLu9zS.mjs} +112 -112
- package/dist/client/{securitygroups-DahZkVYQ.mjs.map → securitygroups-CNFLu9zS.mjs.map} +1 -1
- package/dist/client/{useListWithFiltering-DaYcu5AB.mjs → useListWithFiltering-v2A0-SZb.mjs} +9 -9
- package/dist/client/{useListWithFiltering-DaYcu5AB.mjs.map → useListWithFiltering-v2A0-SZb.mjs.map} +1 -1
- package/dist/server/index.d.ts +576 -2
- package/dist/server/index.js +59 -217
- package/package.json +4 -5
- package/dist/client/_imageId-CvfD832b.mjs +0 -534
- package/dist/client/_pcaId-BxBt5DXi.mjs +0 -459
- package/dist/client/_pcaId-BxBt5DXi.mjs.map +0 -1
- package/dist/client/_projectId-BDSWnMGj.mjs.map +0 -1
- package/dist/client/_projectId-DS4nR59B.mjs +0 -299
- package/dist/client/_projectId-DS4nR59B.mjs.map +0 -1
- package/dist/client/flavors-CfdgjsZY.mjs.map +0 -1
- package/dist/client/images-CKqIXUq52.mjs +0 -1873
- package/dist/client/images-CKqIXUq52.mjs.map +0 -1
- package/dist/client/pca-RSiWpJs9.mjs +0 -182
- package/dist/client/pca-RSiWpJs9.mjs.map +0 -1
package/dist/client/{FloatingIpActionModals-BP8RWHbu.mjs → FloatingIpActionModals-CRvROJ3H.mjs}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { H as e, J as t, U as n, Y as r, ct as i, l as a, m as o, p as s, v as c, x as l } from "./build-BdRRmNf5.mjs";
|
|
2
2
|
import { r as u } from "./trpcClient-BzPUgiM2.mjs";
|
|
3
3
|
import { t as d } from "./useModal-DCs1OJh7.mjs";
|
|
4
4
|
import { t as f } from "./useProjectId-DBc5lpoU.mjs";
|
|
@@ -68,7 +68,7 @@ var x = () => {
|
|
|
68
68
|
isDeletePending: r.isPending,
|
|
69
69
|
deleteError: r.error?.message ?? null
|
|
70
70
|
};
|
|
71
|
-
}, S = ({ floatingIp: n, open:
|
|
71
|
+
}, S = ({ floatingIp: n, open: r, onClose: o, onUpdate: d, isLoading: p = !1, error: x = null }) => {
|
|
72
72
|
let { i18n: S, _: C } = _(), w = f(), { floating_ip_address: T } = n, E = v.object({
|
|
73
73
|
port_id: v.string(),
|
|
74
74
|
fixed_ip_address: v.string()
|
|
@@ -88,9 +88,9 @@ var x = () => {
|
|
|
88
88
|
}), k = () => {
|
|
89
89
|
O.reset(), o();
|
|
90
90
|
}, A = b(O.store, (e) => e.values.port_id), j = D.find((e) => e.id === A)?.fixed_ips ?? [];
|
|
91
|
-
return /*#__PURE__*/ h(
|
|
91
|
+
return /*#__PURE__*/ h(i, {
|
|
92
92
|
id: n.id,
|
|
93
|
-
open:
|
|
93
|
+
open: r,
|
|
94
94
|
size: "large",
|
|
95
95
|
title: S._({
|
|
96
96
|
id: "slWh5C",
|
|
@@ -102,7 +102,7 @@ var x = () => {
|
|
|
102
102
|
onConfirm: O.handleSubmit,
|
|
103
103
|
disableConfirmButton: p || !A,
|
|
104
104
|
children: [
|
|
105
|
-
x && /*#__PURE__*/ m(
|
|
105
|
+
x && /*#__PURE__*/ m(t, {
|
|
106
106
|
dismissible: !1,
|
|
107
107
|
variant: "error",
|
|
108
108
|
className: "mb-4",
|
|
@@ -110,22 +110,22 @@ var x = () => {
|
|
|
110
110
|
}),
|
|
111
111
|
p && /*#__PURE__*/ h("div", {
|
|
112
112
|
className: "mb-4 flex items-center justify-center gap-2",
|
|
113
|
-
children: [/*#__PURE__*/ m(
|
|
113
|
+
children: [/*#__PURE__*/ m(e, { variant: "primary" }), /*#__PURE__*/ m("span", {
|
|
114
114
|
className: "text-theme-high text-sm",
|
|
115
115
|
children: /*#__PURE__*/ m(g, { id: "tejJLY" })
|
|
116
116
|
})]
|
|
117
117
|
}),
|
|
118
|
-
!p && /*#__PURE__*/ h(
|
|
118
|
+
!p && /*#__PURE__*/ h(l, {
|
|
119
119
|
className: "mb-0",
|
|
120
120
|
id: "associate-floating-ip-form",
|
|
121
121
|
onSubmit: (e) => {
|
|
122
122
|
e.preventDefault(), O.handleSubmit();
|
|
123
123
|
},
|
|
124
|
-
children: [/*#__PURE__*/ m(
|
|
124
|
+
children: [/*#__PURE__*/ m(s, {
|
|
125
125
|
className: "mb-4",
|
|
126
126
|
children: /*#__PURE__*/ m(O.Field, {
|
|
127
127
|
name: "port_id",
|
|
128
|
-
children: (e) => /*#__PURE__*/ m(
|
|
128
|
+
children: (e) => /*#__PURE__*/ m(c, {
|
|
129
129
|
id: e.name,
|
|
130
130
|
name: e.name,
|
|
131
131
|
value: e.state.value,
|
|
@@ -139,15 +139,15 @@ var x = () => {
|
|
|
139
139
|
placeholder: S._({ id: "UztfYZ" }),
|
|
140
140
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
141
141
|
disabled: p,
|
|
142
|
-
children: D.map((e) => /*#__PURE__*/ m(
|
|
142
|
+
children: D.map((e) => /*#__PURE__*/ m(a, {
|
|
143
143
|
value: e.id,
|
|
144
144
|
label: e.name ? `${e.name} (${e.id})` : e.id
|
|
145
145
|
}, e.id))
|
|
146
146
|
})
|
|
147
147
|
})
|
|
148
|
-
}), /*#__PURE__*/ m(
|
|
148
|
+
}), /*#__PURE__*/ m(s, { children: /*#__PURE__*/ m(O.Field, {
|
|
149
149
|
name: "fixed_ip_address",
|
|
150
|
-
children: (e) => /*#__PURE__*/ m(
|
|
150
|
+
children: (e) => /*#__PURE__*/ m(c, {
|
|
151
151
|
id: e.name,
|
|
152
152
|
name: e.name,
|
|
153
153
|
value: e.state.value,
|
|
@@ -157,7 +157,7 @@ var x = () => {
|
|
|
157
157
|
helptext: S._({ id: "PtjzS+" }),
|
|
158
158
|
errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
|
|
159
159
|
disabled: p || j.length === 0,
|
|
160
|
-
children: j.map(({ ip_address: e }) => /*#__PURE__*/ m(
|
|
160
|
+
children: j.map(({ ip_address: e }) => /*#__PURE__*/ m(a, {
|
|
161
161
|
value: e,
|
|
162
162
|
label: e
|
|
163
163
|
}, e))
|
|
@@ -166,21 +166,21 @@ var x = () => {
|
|
|
166
166
|
})
|
|
167
167
|
]
|
|
168
168
|
});
|
|
169
|
-
}, C = ({ floatingIp:
|
|
170
|
-
let { i18n: x, _: S } = _(), C = f(), { floating_ip_address: w } =
|
|
169
|
+
}, C = ({ floatingIp: n, open: a, onClose: c, onUpdate: u, isLoading: d = !1, error: p = null }) => {
|
|
170
|
+
let { i18n: x, _: S } = _(), C = f(), { floating_ip_address: w } = n, T = y({
|
|
171
171
|
defaultValues: { detach: "" },
|
|
172
172
|
validators: { onSubmit: v.object({ detach: v.string().refine((e) => e === "detach", { message: x._({ id: "dPoCVe" }) }) }) },
|
|
173
173
|
onSubmit: async () => {
|
|
174
|
-
d || (await u(
|
|
174
|
+
d || (await u(n.id, {
|
|
175
175
|
project_id: C,
|
|
176
176
|
port_id: null
|
|
177
177
|
}), D());
|
|
178
178
|
}
|
|
179
179
|
}), E = b(T.store, (e) => e.isSubmitting || e.values.detach !== "detach"), D = () => {
|
|
180
|
-
T.reset(),
|
|
180
|
+
T.reset(), c();
|
|
181
181
|
};
|
|
182
|
-
return /*#__PURE__*/ h(
|
|
183
|
-
open:
|
|
182
|
+
return /*#__PURE__*/ h(i, {
|
|
183
|
+
open: a,
|
|
184
184
|
size: "large",
|
|
185
185
|
title: x._({
|
|
186
186
|
id: "vZUKSz",
|
|
@@ -192,7 +192,7 @@ var x = () => {
|
|
|
192
192
|
onConfirm: T.handleSubmit,
|
|
193
193
|
disableConfirmButton: d || E,
|
|
194
194
|
children: [
|
|
195
|
-
p && /*#__PURE__*/ m(
|
|
195
|
+
p && /*#__PURE__*/ m(t, {
|
|
196
196
|
dismissible: !1,
|
|
197
197
|
variant: "error",
|
|
198
198
|
className: "mb-4",
|
|
@@ -200,12 +200,12 @@ var x = () => {
|
|
|
200
200
|
}),
|
|
201
201
|
d && /*#__PURE__*/ h("div", {
|
|
202
202
|
className: "mb-4 flex items-center justify-center gap-2",
|
|
203
|
-
children: [/*#__PURE__*/ m(
|
|
203
|
+
children: [/*#__PURE__*/ m(e, { variant: "primary" }), /*#__PURE__*/ m("span", {
|
|
204
204
|
className: "text-theme-high text-sm",
|
|
205
205
|
children: /*#__PURE__*/ m(g, { id: "D3IRXw" })
|
|
206
206
|
})]
|
|
207
207
|
}),
|
|
208
|
-
/*#__PURE__*/ h(
|
|
208
|
+
/*#__PURE__*/ h(r, {
|
|
209
209
|
gap: "2.5",
|
|
210
210
|
direction: "vertical",
|
|
211
211
|
className: "mb-2.5",
|
|
@@ -214,15 +214,15 @@ var x = () => {
|
|
|
214
214
|
components: { 0: /*#__PURE__*/ m("strong", {}) }
|
|
215
215
|
}) })]
|
|
216
216
|
}),
|
|
217
|
-
!d && /*#__PURE__*/ m(
|
|
217
|
+
!d && /*#__PURE__*/ m(l, {
|
|
218
218
|
className: "mb-0",
|
|
219
219
|
id: "detach-floating-ip-form",
|
|
220
220
|
onSubmit: (e) => {
|
|
221
221
|
e.preventDefault(), T.handleSubmit();
|
|
222
222
|
},
|
|
223
|
-
children: /*#__PURE__*/ m(
|
|
223
|
+
children: /*#__PURE__*/ m(s, { children: /*#__PURE__*/ m(T.Field, {
|
|
224
224
|
name: "detach",
|
|
225
|
-
children: (e) => /*#__PURE__*/ m(
|
|
225
|
+
children: (e) => /*#__PURE__*/ m(o, {
|
|
226
226
|
id: e.name,
|
|
227
227
|
name: e.name,
|
|
228
228
|
value: e.state.value,
|
|
@@ -236,24 +236,24 @@ var x = () => {
|
|
|
236
236
|
})
|
|
237
237
|
]
|
|
238
238
|
});
|
|
239
|
-
}, w = ({ floatingIp:
|
|
240
|
-
let { i18n: p, _: x } = _(), S = f(), { description: C, floating_ip_address: w } =
|
|
239
|
+
}, w = ({ floatingIp: r, open: a, onClose: o, onUpdate: c, isLoading: u = !1, error: d = null }) => {
|
|
240
|
+
let { i18n: p, _: x } = _(), S = f(), { description: C, floating_ip_address: w } = r, T = v.object({ description: v.string().trim().min(1, p._({ id: "47eI0x" })).max(255, p._({ id: "lZvIXd" })) }), E = y({
|
|
241
241
|
defaultValues: { description: C ?? "" },
|
|
242
242
|
validators: { onSubmit: T },
|
|
243
243
|
onSubmit: async ({ value: e }) => {
|
|
244
244
|
if (u) return;
|
|
245
245
|
let t = {
|
|
246
246
|
project_id: S,
|
|
247
|
-
port_id:
|
|
247
|
+
port_id: r.port_id,
|
|
248
248
|
description: e.description.trim()
|
|
249
249
|
};
|
|
250
|
-
await
|
|
250
|
+
await c(r.id, t), D();
|
|
251
251
|
}
|
|
252
252
|
}), D = () => {
|
|
253
|
-
E.reset(),
|
|
253
|
+
E.reset(), o();
|
|
254
254
|
}, O = b(E.store, (e) => e.isSubmitting || !e.isDirty);
|
|
255
|
-
return /*#__PURE__*/ h(
|
|
256
|
-
open:
|
|
255
|
+
return /*#__PURE__*/ h(i, {
|
|
256
|
+
open: a,
|
|
257
257
|
size: "large",
|
|
258
258
|
title: p._({
|
|
259
259
|
id: "n1gB0L",
|
|
@@ -265,7 +265,7 @@ var x = () => {
|
|
|
265
265
|
disableConfirmButton: u || O,
|
|
266
266
|
onConfirm: E.handleSubmit,
|
|
267
267
|
children: [
|
|
268
|
-
d && /*#__PURE__*/ m(
|
|
268
|
+
d && /*#__PURE__*/ m(t, {
|
|
269
269
|
dismissible: !1,
|
|
270
270
|
variant: "error",
|
|
271
271
|
className: "mb-4",
|
|
@@ -273,20 +273,20 @@ var x = () => {
|
|
|
273
273
|
}),
|
|
274
274
|
u && /*#__PURE__*/ h("div", {
|
|
275
275
|
className: "mb-4 flex items-center justify-center gap-2",
|
|
276
|
-
children: [/*#__PURE__*/ m(
|
|
276
|
+
children: [/*#__PURE__*/ m(e, { variant: "primary" }), /*#__PURE__*/ m("span", {
|
|
277
277
|
className: "text-theme-high text-sm",
|
|
278
278
|
children: /*#__PURE__*/ m(g, { id: "5g7owI" })
|
|
279
279
|
})]
|
|
280
280
|
}),
|
|
281
|
-
!u && /*#__PURE__*/ m(
|
|
281
|
+
!u && /*#__PURE__*/ m(l, {
|
|
282
282
|
className: "mb-0",
|
|
283
283
|
id: "edit-floating-ip-form",
|
|
284
284
|
onSubmit: (e) => {
|
|
285
285
|
e.preventDefault(), E.handleSubmit();
|
|
286
286
|
},
|
|
287
|
-
children: /*#__PURE__*/ m(
|
|
287
|
+
children: /*#__PURE__*/ m(s, { children: /*#__PURE__*/ m(E.Field, {
|
|
288
288
|
name: "description",
|
|
289
|
-
children: (e) => /*#__PURE__*/ m(
|
|
289
|
+
children: (e) => /*#__PURE__*/ m(n, {
|
|
290
290
|
id: e.name,
|
|
291
291
|
name: e.name,
|
|
292
292
|
value: e.state.value,
|
|
@@ -300,19 +300,19 @@ var x = () => {
|
|
|
300
300
|
}) })
|
|
301
301
|
})
|
|
302
302
|
]
|
|
303
|
-
},
|
|
304
|
-
}, T = ({ floatingIp:
|
|
305
|
-
let { i18n: p, _: x } = _(), { floating_ip_address: S } =
|
|
303
|
+
}, r.id);
|
|
304
|
+
}, T = ({ floatingIp: n, open: a, onClose: c, onUpdate: u, isLoading: d = !1, error: f = null }) => {
|
|
305
|
+
let { i18n: p, _: x } = _(), { floating_ip_address: S } = n, C = y({
|
|
306
306
|
defaultValues: { release: "" },
|
|
307
307
|
validators: { onSubmit: v.object({ release: v.string().refine((e) => e === "release", { message: p._({ id: "TPMaxo" }) }) }) },
|
|
308
308
|
onSubmit: async () => {
|
|
309
|
-
d || (await u(
|
|
309
|
+
d || (await u(n.id), T());
|
|
310
310
|
}
|
|
311
311
|
}), w = b(C.store, (e) => e.isSubmitting || e.values.release !== "release"), T = () => {
|
|
312
|
-
C.reset(),
|
|
312
|
+
C.reset(), c();
|
|
313
313
|
};
|
|
314
|
-
return /*#__PURE__*/ h(
|
|
315
|
-
open:
|
|
314
|
+
return /*#__PURE__*/ h(i, {
|
|
315
|
+
open: a,
|
|
316
316
|
size: "large",
|
|
317
317
|
title: p._({
|
|
318
318
|
id: "Ovofy+",
|
|
@@ -324,7 +324,7 @@ var x = () => {
|
|
|
324
324
|
onConfirm: C.handleSubmit,
|
|
325
325
|
disableConfirmButton: d || w,
|
|
326
326
|
children: [
|
|
327
|
-
f && /*#__PURE__*/ m(
|
|
327
|
+
f && /*#__PURE__*/ m(t, {
|
|
328
328
|
dismissible: !1,
|
|
329
329
|
variant: "error",
|
|
330
330
|
className: "mb-4",
|
|
@@ -332,12 +332,12 @@ var x = () => {
|
|
|
332
332
|
}),
|
|
333
333
|
d && /*#__PURE__*/ h("div", {
|
|
334
334
|
className: "mb-4 flex items-center justify-center gap-2",
|
|
335
|
-
children: [/*#__PURE__*/ m(
|
|
335
|
+
children: [/*#__PURE__*/ m(e, { variant: "primary" }), /*#__PURE__*/ m("span", {
|
|
336
336
|
className: "text-theme-high text-sm",
|
|
337
337
|
children: /*#__PURE__*/ m(g, { id: "Yin3uB" })
|
|
338
338
|
})]
|
|
339
339
|
}),
|
|
340
|
-
/*#__PURE__*/ h(
|
|
340
|
+
/*#__PURE__*/ h(r, {
|
|
341
341
|
gap: "2.5",
|
|
342
342
|
direction: "vertical",
|
|
343
343
|
className: "mb-2.5",
|
|
@@ -346,15 +346,15 @@ var x = () => {
|
|
|
346
346
|
components: { 0: /*#__PURE__*/ m("strong", {}) }
|
|
347
347
|
}) })]
|
|
348
348
|
}),
|
|
349
|
-
!d && /*#__PURE__*/ m(
|
|
349
|
+
!d && /*#__PURE__*/ m(l, {
|
|
350
350
|
className: "mb-0",
|
|
351
351
|
id: "release-floating-ip-form",
|
|
352
352
|
onSubmit: (e) => {
|
|
353
353
|
e.preventDefault(), C.handleSubmit();
|
|
354
354
|
},
|
|
355
|
-
children: /*#__PURE__*/ m(
|
|
355
|
+
children: /*#__PURE__*/ m(s, { children: /*#__PURE__*/ m(C.Field, {
|
|
356
356
|
name: "release",
|
|
357
|
-
children: (e) => /*#__PURE__*/ m(
|
|
357
|
+
children: (e) => /*#__PURE__*/ m(o, {
|
|
358
358
|
id: e.name,
|
|
359
359
|
name: e.name,
|
|
360
360
|
value: e.state.value,
|
|
@@ -414,4 +414,4 @@ var x = () => {
|
|
|
414
414
|
//#endregion
|
|
415
415
|
export { E as t };
|
|
416
416
|
|
|
417
|
-
//# sourceMappingURL=FloatingIpActionModals-
|
|
417
|
+
//# sourceMappingURL=FloatingIpActionModals-CRvROJ3H.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingIpActionModals-BP8RWHbu.mjs","names":["trpcReact","useProjectId","useFloatingIpMutations","projectId","utils","useUtils","updateMutation","network","floatingIp","update","useMutation","onMutate","variables","list","cancel","getById","project_id","floatingip_id","previousItem","getData","setData","old","port_id","fixed_ip_address","undefined","description","distributed","onError","_err","context","onSettled","_data","_error","invalidate","deleteMutation","delete","handleUpdate","floatingIpId","data","mutateAsync","handleDelete","isUpdatePending","isPending","updateError","error","message","isDeletePending","deleteError","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Select","SelectOption","trpcReact","useProjectId","AssociateFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","port_id","string","fixed_ip_address","data","availablePorts","network","listAvailablePorts","useQuery","project_id","form","defaultValues","validators","onSubmit","value","id","handleClose","reset","currentPortId","store","state","values","selectedPort","find","port","portFixedIps","fixed_ips","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","portId","handleChange","p","ips","setFieldValue","length","ip_address","label","placeholder","errortext","meta","errors","map","message","join","disabled","helptext","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","useProjectId","DetachFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","detach","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","project_id","port_id","handleClose","canDetach","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Textarea","Message","useProjectId","EditFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","description","floating_ip_address","formSchema","object","string","trim","min","t","max","form","defaultValues","validators","onSubmit","value","updateData","project_id","port_id","id","handleClose","reset","enableConfirmButton","store","state","isSubmitting","isDirty","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","disableConfirmButton","onConfirm","handleSubmit","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","target","errortext","meta","errors","map","message","join","label","placeholder","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","ReleaseFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","floating_ip_address","formSchema","object","release","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","handleClose","canRelease","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","useModal","useFloatingIpMutations","AssociateFloatingIpModal","DetachFloatingIpModal","EditFloatingIpModal","ReleaseFloatingIpModal","FloatingIpActionModals","floatingIp","children","editModalOpen","toggleEditModal","attachModalOpen","toggleAttachModal","detachModalOpen","toggleDetachModal","releaseModalOpen","toggleReleaseModal","handleUpdate","handleDelete","isUpdatePending","updateError","isDeletePending","deleteError","open","onClose","onUpdate","isLoading","error"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-hooks/useFloatingIpMutations.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AssociateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/DetachFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/EditFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/ReleaseFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/FloatingIpActionModals.tsx"],"sourcesContent":["import { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIpUpdateFields } from \"../-components/-modals/EditFloatingIpModal\"\n\nexport const useFloatingIpMutations = () => {\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const updateMutation = trpcReact.network.floatingIp.update.useMutation({\n onMutate: async (variables) => {\n await utils.network.floatingIp.list.cancel()\n await utils.network.floatingIp.getById.cancel({ project_id: projectId, floatingip_id: variables.floatingip_id })\n const previousItem = utils.network.floatingIp.getById.getData({\n project_id: projectId,\n floatingip_id: variables.floatingip_id,\n })\n utils.network.floatingIp.getById.setData(\n { project_id: projectId, floatingip_id: variables.floatingip_id },\n (old) =>\n old\n ? {\n ...old,\n port_id: variables.port_id,\n ...(variables.fixed_ip_address !== undefined && { fixed_ip_address: variables.fixed_ip_address }),\n ...(variables.description !== undefined && { description: variables.description }),\n ...(variables.distributed !== undefined && { distributed: variables.distributed }),\n }\n : old\n )\n return { previousItem }\n },\n onError: (_err, variables, context) => {\n if (context?.previousItem !== undefined) {\n utils.network.floatingIp.getById.setData(\n { project_id: projectId, floatingip_id: variables.floatingip_id },\n context.previousItem\n )\n }\n },\n onSettled: (_data, _error, variables) => {\n utils.network.floatingIp.getById.invalidate({ project_id: projectId, floatingip_id: variables.floatingip_id })\n utils.network.floatingIp.list.invalidate()\n },\n })\n\n const deleteMutation = trpcReact.network.floatingIp.delete.useMutation({\n onMutate: async () => {\n await utils.network.floatingIp.list.cancel()\n },\n onSettled: () => {\n utils.network.floatingIp.list.invalidate()\n },\n })\n\n const handleUpdate = async (floatingIpId: string, data: FloatingIpUpdateFields) => {\n await updateMutation.mutateAsync({\n ...data,\n floatingip_id: floatingIpId,\n })\n }\n\n const handleDelete = async (floatingIpId: string) => {\n await deleteMutation.mutateAsync({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n }\n\n return {\n handleUpdate,\n handleDelete,\n isUpdatePending: updateMutation.isPending,\n updateError: updateMutation.error?.message ?? null,\n isDeletePending: deleteMutation.isPending,\n deleteError: deleteMutation.error?.message ?? null,\n }\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Select, SelectOption } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface AssociateFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const AssociateFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: AssociateFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n port_id: z.string(),\n fixed_ip_address: z.string(),\n })\n\n const { data: availablePorts = [] } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({\n project_id: projectId,\n })\n\n const form = useForm({\n defaultValues: {\n port_id: floatingIp.port_id ?? \"\",\n fixed_ip_address: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id, {\n project_id: projectId,\n port_id: value.port_id,\n ...(value.fixed_ip_address && {\n fixed_ip_address: value.fixed_ip_address,\n }),\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n const currentPortId = useStore(form.store, (state) => state.values.port_id)\n const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n const portFixedIps = selectedPort?.fixed_ips ?? []\n\n return (\n <Modal\n id={floatingIp.id}\n open={open}\n size=\"large\"\n title={t`Associate Floating IP ${floating_ip_address} with Port`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Associate`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || !currentPortId}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Associating Floating IP...</Trans>\n </span>\n </div>\n )}\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"associate-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\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={isLoading}\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 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={isLoading || 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 { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface DetachFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const DetachFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: DetachFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n detach: z.string().refine((value) => value === \"detach\", {\n message: t`Type “detach” to confirm`,\n }),\n })\n\n const form = useForm({\n defaultValues: {\n detach: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id, {\n project_id: projectId,\n port_id: null, // Detach by clearing the port association\n })\n handleClose()\n },\n })\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"detach\".\n const canDetach = useStore(form.store, (state) => state.isSubmitting || state.values.detach !== \"detach\")\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Detach Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Detach`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || canDetach}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Detaching Floating IP...</Trans>\n </span>\n </div>\n )}\n\n <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n <p>\n <Trans>\n Detaching this Floating IP will remove its association with the current port. The instance will no longer be\n reachable through this address.\n </Trans>\n </p>\n <p>\n <Trans>\n To confirm this action, type the word <strong>“detach”</strong> in the field below.\n </Trans>\n </p>\n </Stack>\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"detach-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"detach\"\n children={(field) => (\n <TextInput\n id={field.name}\n name={field.name}\n value={field.state.value}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Type \"detach\" to confirm`}\n helptext={t`The text must match “detach” in lowercase.`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Textarea, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIp, FloatingIpUpdateRequest } from \"@/server/Network/types/floatingIp\"\n\nexport type FloatingIpUpdateFields = Omit<FloatingIpUpdateRequest, \"floatingip_id\">\n\nexport interface EditFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const EditFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: EditFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { description, floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n description: z\n .string()\n .trim()\n .min(1, t`Description must be at least 1 character.`)\n .max(255, t`Description must be at most 255 characters.`),\n })\n\n const form = useForm({\n defaultValues: {\n description: description ?? \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isLoading) return\n\n const updateData: FloatingIpUpdateFields = {\n project_id: projectId,\n // we are passing port so that port association is not lost when updating description as api requires this field\n port_id: floatingIp.port_id,\n description: value.description.trim(),\n }\n await onUpdate(floatingIp.id, updateData)\n handleClose()\n },\n })\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to be enabled once the user edit description field.\n const enableConfirmButton = useStore(form.store, (state) => state.isSubmitting || !state.isDirty)\n\n return (\n <Modal\n // Remount the modal when a different Floating IP is selected so TanStack Form picks up fresh defaultValues.\n key={floatingIp.id}\n open={open}\n size=\"large\"\n title={t`Edit Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n disableConfirmButton={isLoading || enableConfirmButton}\n onConfirm={form.handleSubmit}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Updating Floating IP...</Trans>\n </span>\n </div>\n )}\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"edit-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\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 onChange={(e) => field.handleChange(e.target.value)}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n label={t`Description`}\n placeholder={t`Description`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\n\nexport interface ReleaseFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const ReleaseFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: ReleaseFloatingIpModalProps) => {\n const { t } = useLingui()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n release: z.string().refine((value) => value === \"release\", {\n message: t`Type “release” to confirm`,\n }),\n })\n\n const form = useForm({\n defaultValues: {\n release: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id)\n handleClose()\n },\n })\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"release\".\n const canRelease = useStore(form.store, (state) => state.isSubmitting || state.values.release !== \"release\")\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Release Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Release`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || canRelease}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Releasing Floating IP...</Trans>\n </span>\n </div>\n )}\n\n <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n <p>\n <Trans>\n This action is permanent. The address will be removed from your project and returned to the public pool.\n This action cannot be undone.\n </Trans>\n </p>\n <p>\n <Trans>\n To confirm this action, type the word <strong>\"release\"</strong> in the field below.\n </Trans>\n </p>\n </Stack>\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"release-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"release\"\n children={(field) => (\n <TextInput\n id={field.name}\n name={field.name}\n value={field.state.value}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Type \"release\" to confirm`}\n helptext={t`The text must match “release” in lowercase.`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import type { ReactNode } from \"react\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useFloatingIpMutations } from \"../../-hooks/useFloatingIpMutations\"\nimport { AssociateFloatingIpModal } from \"./AssociateFloatingIpModal\"\nimport { DetachFloatingIpModal } from \"./DetachFloatingIpModal\"\nimport { EditFloatingIpModal } from \"./EditFloatingIpModal\"\nimport { ReleaseFloatingIpModal } from \"./ReleaseFloatingIpModal\"\n\nexport interface FloatingIpActionModalTriggers {\n toggleEditModal: () => void\n toggleAttachModal: () => void\n toggleDetachModal: () => void\n toggleReleaseModal: () => void\n}\n\ninterface FloatingIpActionModalsProps {\n floatingIp: FloatingIp\n children: (triggers: FloatingIpActionModalTriggers) => ReactNode\n}\n\nexport const FloatingIpActionModals = ({ floatingIp, children }: FloatingIpActionModalsProps) => {\n const [editModalOpen, toggleEditModal] = useModal(false)\n const [attachModalOpen, toggleAttachModal] = useModal(false)\n const [detachModalOpen, toggleDetachModal] = useModal(false)\n const [releaseModalOpen, toggleReleaseModal] = useModal(false)\n\n const { handleUpdate, handleDelete, isUpdatePending, updateError, isDeletePending, deleteError } =\n useFloatingIpMutations()\n\n return (\n <>\n {children({\n toggleEditModal,\n toggleAttachModal,\n toggleDetachModal,\n toggleReleaseModal,\n })}\n\n {editModalOpen && (\n <EditFloatingIpModal\n floatingIp={floatingIp}\n open={editModalOpen}\n onClose={toggleEditModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {attachModalOpen && (\n <AssociateFloatingIpModal\n floatingIp={floatingIp}\n open={attachModalOpen}\n onClose={toggleAttachModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {detachModalOpen && (\n <DetachFloatingIpModal\n floatingIp={floatingIp}\n open={detachModalOpen}\n onClose={toggleDetachModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {releaseModalOpen && (\n <ReleaseFloatingIpModal\n floatingIp={floatingIp}\n open={releaseModalOpen}\n onClose={toggleReleaseModal}\n onUpdate={handleDelete}\n isLoading={isDeletePending}\n error={deleteError}\n />\n )}\n </>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FloatingIpActionModals-CRvROJ3H.mjs","names":["trpcReact","useProjectId","useFloatingIpMutations","projectId","utils","useUtils","updateMutation","network","floatingIp","update","useMutation","onMutate","variables","list","cancel","getById","project_id","floatingip_id","previousItem","getData","setData","old","port_id","fixed_ip_address","undefined","description","distributed","onError","_err","context","onSettled","_data","_error","invalidate","deleteMutation","delete","handleUpdate","floatingIpId","data","mutateAsync","handleDelete","isUpdatePending","isPending","updateError","error","message","isDeletePending","deleteError","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","Select","SelectOption","trpcReact","useProjectId","AssociateFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","port_id","string","fixed_ip_address","data","availablePorts","network","listAvailablePorts","useQuery","project_id","form","defaultValues","validators","onSubmit","value","id","handleClose","reset","currentPortId","store","state","values","selectedPort","find","port","portFixedIps","fixed_ips","size","title","t","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","portId","handleChange","p","ips","setFieldValue","length","ip_address","label","placeholder","errortext","meta","errors","map","message","join","disabled","helptext","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","useProjectId","DetachFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","floating_ip_address","formSchema","object","detach","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","project_id","port_id","handleClose","canDetach","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Textarea","Message","useProjectId","EditFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","projectId","description","floating_ip_address","formSchema","object","string","trim","min","t","max","form","defaultValues","validators","onSubmit","value","updateData","project_id","port_id","id","handleClose","reset","enableConfirmButton","store","state","isSubmitting","isDirty","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","disableConfirmButton","onConfirm","handleSubmit","dismissible","variant","className","div","span","e","preventDefault","Field","name","children","field","onChange","handleChange","target","errortext","meta","errors","map","message","join","label","placeholder","disabled","required","z","useForm","useStore","Modal","Form","FormSection","Spinner","Message","TextInput","Stack","ReleaseFloatingIpModal","floatingIp","open","onClose","onUpdate","isLoading","error","useLingui","floating_ip_address","formSchema","object","release","string","refine","value","message","t","form","defaultValues","validators","onSubmit","id","handleClose","canRelease","store","state","isSubmitting","values","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","dismissible","variant","className","div","span","gap","direction","p","strong","e","preventDefault","Field","name","children","field","onChange","handleChange","target","placeholder","helptext","disabled","required","useModal","useFloatingIpMutations","AssociateFloatingIpModal","DetachFloatingIpModal","EditFloatingIpModal","ReleaseFloatingIpModal","FloatingIpActionModals","floatingIp","children","editModalOpen","toggleEditModal","attachModalOpen","toggleAttachModal","detachModalOpen","toggleDetachModal","releaseModalOpen","toggleReleaseModal","handleUpdate","handleDelete","isUpdatePending","updateError","isDeletePending","deleteError","open","onClose","onUpdate","isLoading","error"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/floatingips/-hooks/useFloatingIpMutations.ts","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/AssociateFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/DetachFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/EditFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/ReleaseFloatingIpModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-modals/FloatingIpActionModals.tsx"],"sourcesContent":["import { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIpUpdateFields } from \"../-components/-modals/EditFloatingIpModal\"\n\nexport const useFloatingIpMutations = () => {\n const projectId = useProjectId()\n const utils = trpcReact.useUtils()\n\n const updateMutation = trpcReact.network.floatingIp.update.useMutation({\n onMutate: async (variables) => {\n await utils.network.floatingIp.list.cancel()\n await utils.network.floatingIp.getById.cancel({ project_id: projectId, floatingip_id: variables.floatingip_id })\n const previousItem = utils.network.floatingIp.getById.getData({\n project_id: projectId,\n floatingip_id: variables.floatingip_id,\n })\n utils.network.floatingIp.getById.setData(\n { project_id: projectId, floatingip_id: variables.floatingip_id },\n (old) =>\n old\n ? {\n ...old,\n port_id: variables.port_id,\n ...(variables.fixed_ip_address !== undefined && { fixed_ip_address: variables.fixed_ip_address }),\n ...(variables.description !== undefined && { description: variables.description }),\n ...(variables.distributed !== undefined && { distributed: variables.distributed }),\n }\n : old\n )\n return { previousItem }\n },\n onError: (_err, variables, context) => {\n if (context?.previousItem !== undefined) {\n utils.network.floatingIp.getById.setData(\n { project_id: projectId, floatingip_id: variables.floatingip_id },\n context.previousItem\n )\n }\n },\n onSettled: (_data, _error, variables) => {\n utils.network.floatingIp.getById.invalidate({ project_id: projectId, floatingip_id: variables.floatingip_id })\n utils.network.floatingIp.list.invalidate()\n },\n })\n\n const deleteMutation = trpcReact.network.floatingIp.delete.useMutation({\n onMutate: async () => {\n await utils.network.floatingIp.list.cancel()\n },\n onSettled: () => {\n utils.network.floatingIp.list.invalidate()\n },\n })\n\n const handleUpdate = async (floatingIpId: string, data: FloatingIpUpdateFields) => {\n await updateMutation.mutateAsync({\n ...data,\n floatingip_id: floatingIpId,\n })\n }\n\n const handleDelete = async (floatingIpId: string) => {\n await deleteMutation.mutateAsync({\n project_id: projectId,\n floatingip_id: floatingIpId,\n })\n }\n\n return {\n handleUpdate,\n handleDelete,\n isUpdatePending: updateMutation.isPending,\n updateError: updateMutation.error?.message ?? null,\n isDeletePending: deleteMutation.isPending,\n deleteError: deleteMutation.error?.message ?? null,\n }\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, Select, SelectOption } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface AssociateFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const AssociateFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: AssociateFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n port_id: z.string(),\n fixed_ip_address: z.string(),\n })\n\n const { data: availablePorts = [] } = trpcReact.network.floatingIp.listAvailablePorts.useQuery({\n project_id: projectId,\n })\n\n const form = useForm({\n defaultValues: {\n port_id: floatingIp.port_id ?? \"\",\n fixed_ip_address: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id, {\n project_id: projectId,\n port_id: value.port_id,\n ...(value.fixed_ip_address && {\n fixed_ip_address: value.fixed_ip_address,\n }),\n })\n handleClose()\n },\n })\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n const currentPortId = useStore(form.store, (state) => state.values.port_id)\n const selectedPort = availablePorts.find((port) => port.id === currentPortId)\n const portFixedIps = selectedPort?.fixed_ips ?? []\n\n return (\n <Modal\n id={floatingIp.id}\n open={open}\n size=\"large\"\n title={t`Associate Floating IP ${floating_ip_address} with Port`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Associate`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || !currentPortId}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Associating Floating IP...</Trans>\n </span>\n </div>\n )}\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"associate-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\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={isLoading}\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 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={isLoading || 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 { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { FloatingIpUpdateFields } from \"./EditFloatingIpModal\"\n\nexport interface DetachFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const DetachFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: DetachFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n detach: z.string().refine((value) => value === \"detach\", {\n message: t`Type “detach” to confirm`,\n }),\n })\n\n const form = useForm({\n defaultValues: {\n detach: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id, {\n project_id: projectId,\n port_id: null, // Detach by clearing the port association\n })\n handleClose()\n },\n })\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"detach\".\n const canDetach = useStore(form.store, (state) => state.isSubmitting || state.values.detach !== \"detach\")\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Detach Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Detach`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || canDetach}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Detaching Floating IP...</Trans>\n </span>\n </div>\n )}\n\n <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n <p>\n <Trans>\n Detaching this Floating IP will remove its association with the current port. The instance will no longer be\n reachable through this address.\n </Trans>\n </p>\n <p>\n <Trans>\n To confirm this action, type the word <strong>“detach”</strong> in the field below.\n </Trans>\n </p>\n </Stack>\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"detach-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"detach\"\n children={(field) => (\n <TextInput\n id={field.name}\n name={field.name}\n value={field.state.value}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Type \"detach\" to confirm`}\n helptext={t`The text must match “detach” in lowercase.`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Textarea, Message } from \"@cloudoperators/juno-ui-components\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { FloatingIp, FloatingIpUpdateRequest } from \"@/server/Network/types/floatingIp\"\n\nexport type FloatingIpUpdateFields = Omit<FloatingIpUpdateRequest, \"floatingip_id\">\n\nexport interface EditFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string, data: FloatingIpUpdateFields) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const EditFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: EditFloatingIpModalProps) => {\n const { t } = useLingui()\n const projectId = useProjectId()\n const { description, floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n description: z\n .string()\n .trim()\n .min(1, t`Description must be at least 1 character.`)\n .max(255, t`Description must be at most 255 characters.`),\n })\n\n const form = useForm({\n defaultValues: {\n description: description ?? \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async ({ value }) => {\n if (isLoading) return\n\n const updateData: FloatingIpUpdateFields = {\n project_id: projectId,\n // we are passing port so that port association is not lost when updating description as api requires this field\n port_id: floatingIp.port_id,\n description: value.description.trim(),\n }\n await onUpdate(floatingIp.id, updateData)\n handleClose()\n },\n })\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to be enabled once the user edit description field.\n const enableConfirmButton = useStore(form.store, (state) => state.isSubmitting || !state.isDirty)\n\n return (\n <Modal\n // Remount the modal when a different Floating IP is selected so TanStack Form picks up fresh defaultValues.\n key={floatingIp.id}\n open={open}\n size=\"large\"\n title={t`Edit Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Save`}\n disableConfirmButton={isLoading || enableConfirmButton}\n onConfirm={form.handleSubmit}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Updating Floating IP...</Trans>\n </span>\n </div>\n )}\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"edit-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\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 onChange={(e) => field.handleChange(e.target.value)}\n errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n label={t`Description`}\n placeholder={t`Description`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import { z } from \"zod\"\nimport { useForm, useStore } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, Message, TextInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\n\nexport interface ReleaseFloatingIpModalProps {\n floatingIp: FloatingIp\n open: boolean\n onClose: () => void\n onUpdate: (floatingIpId: string) => Promise<void>\n isLoading?: boolean\n error?: string | null\n}\n\nexport const ReleaseFloatingIpModal = ({\n floatingIp,\n open,\n onClose,\n onUpdate,\n isLoading = false,\n error = null,\n}: ReleaseFloatingIpModalProps) => {\n const { t } = useLingui()\n const { floating_ip_address } = floatingIp\n\n const formSchema = z.object({\n release: z.string().refine((value) => value === \"release\", {\n message: t`Type “release” to confirm`,\n }),\n })\n\n const form = useForm({\n defaultValues: {\n release: \"\",\n },\n validators: {\n onSubmit: formSchema,\n },\n onSubmit: async () => {\n if (isLoading) return\n\n await onUpdate(floatingIp.id)\n handleClose()\n },\n })\n\n // creates a reactive subscription so the component re-renders, which allows the confirm button to enable once the user types \"release\".\n const canRelease = useStore(form.store, (state) => state.isSubmitting || state.values.release !== \"release\")\n\n const handleClose = () => {\n form.reset()\n onClose()\n }\n\n return (\n <Modal\n open={open}\n size=\"large\"\n title={t`Release Floating IP ${floating_ip_address}`}\n onCancel={handleClose}\n cancelButtonLabel={t`Cancel`}\n confirmButtonLabel={t`Release`}\n onConfirm={form.handleSubmit}\n disableConfirmButton={isLoading || canRelease}\n >\n {error && (\n <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n {error}\n </Message>\n )}\n\n {isLoading && (\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>Releasing Floating IP...</Trans>\n </span>\n </div>\n )}\n\n <Stack gap=\"2.5\" direction=\"vertical\" className=\"mb-2.5\">\n <p>\n <Trans>\n This action is permanent. The address will be removed from your project and returned to the public pool.\n This action cannot be undone.\n </Trans>\n </p>\n <p>\n <Trans>\n To confirm this action, type the word <strong>\"release\"</strong> in the field below.\n </Trans>\n </p>\n </Stack>\n\n {!isLoading && (\n <Form\n className=\"mb-0\"\n id=\"release-floating-ip-form\"\n onSubmit={(e) => {\n e.preventDefault()\n form.handleSubmit()\n }}\n >\n <FormSection>\n <form.Field\n name=\"release\"\n children={(field) => (\n <TextInput\n id={field.name}\n name={field.name}\n value={field.state.value}\n onChange={(e) => field.handleChange(e.target.value)}\n placeholder={t`Type \"release\" to confirm`}\n helptext={t`The text must match “release” in lowercase.`}\n disabled={isLoading}\n required\n />\n )}\n />\n </FormSection>\n </Form>\n )}\n </Modal>\n )\n}\n","import type { ReactNode } from \"react\"\nimport type { FloatingIp } from \"@/server/Network/types/floatingIp\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useFloatingIpMutations } from \"../../-hooks/useFloatingIpMutations\"\nimport { AssociateFloatingIpModal } from \"./AssociateFloatingIpModal\"\nimport { DetachFloatingIpModal } from \"./DetachFloatingIpModal\"\nimport { EditFloatingIpModal } from \"./EditFloatingIpModal\"\nimport { ReleaseFloatingIpModal } from \"./ReleaseFloatingIpModal\"\n\nexport interface FloatingIpActionModalTriggers {\n toggleEditModal: () => void\n toggleAttachModal: () => void\n toggleDetachModal: () => void\n toggleReleaseModal: () => void\n}\n\ninterface FloatingIpActionModalsProps {\n floatingIp: FloatingIp\n children: (triggers: FloatingIpActionModalTriggers) => ReactNode\n}\n\nexport const FloatingIpActionModals = ({ floatingIp, children }: FloatingIpActionModalsProps) => {\n const [editModalOpen, toggleEditModal] = useModal(false)\n const [attachModalOpen, toggleAttachModal] = useModal(false)\n const [detachModalOpen, toggleDetachModal] = useModal(false)\n const [releaseModalOpen, toggleReleaseModal] = useModal(false)\n\n const { handleUpdate, handleDelete, isUpdatePending, updateError, isDeletePending, deleteError } =\n useFloatingIpMutations()\n\n return (\n <>\n {children({\n toggleEditModal,\n toggleAttachModal,\n toggleDetachModal,\n toggleReleaseModal,\n })}\n\n {editModalOpen && (\n <EditFloatingIpModal\n floatingIp={floatingIp}\n open={editModalOpen}\n onClose={toggleEditModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {attachModalOpen && (\n <AssociateFloatingIpModal\n floatingIp={floatingIp}\n open={attachModalOpen}\n onClose={toggleAttachModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {detachModalOpen && (\n <DetachFloatingIpModal\n floatingIp={floatingIp}\n open={detachModalOpen}\n onClose={toggleDetachModal}\n onUpdate={handleUpdate}\n isLoading={isUpdatePending}\n error={updateError}\n />\n )}\n\n {releaseModalOpen && (\n <ReleaseFloatingIpModal\n floatingIp={floatingIp}\n open={releaseModalOpen}\n onClose={toggleReleaseModal}\n onUpdate={handleDelete}\n isLoading={isDeletePending}\n error={deleteError}\n />\n )}\n </>\n )\n}\n"],"mappings":"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"}
|