@prorobotech/openapi-k8s-toolkit 1.3.0-alpha.7 → 1.3.0-alpha.8
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/{index-tO15GFIk.mjs → index-DdeMnr6k.mjs} +224 -61
- package/dist/{index-tO15GFIk.mjs.map → index-DdeMnr6k.mjs.map} +1 -1
- package/dist/{index-D-Ja97Zd.mjs → index-w6TPZLqf.mjs} +2 -2
- package/dist/{index-D-Ja97Zd.mjs.map → index-w6TPZLqf.mjs.map} +1 -1
- package/dist/openapi-k8s-toolkit.es.js +1 -1
- package/dist/openapi-k8s-toolkit.umd.js +222 -59
- package/dist/openapi-k8s-toolkit.umd.js.map +1 -1
- package/dist/types/components/organisms/DynamicComponents/molecules/UsageGraphCard/atoms/FormattedValue/FormattedValue.d.ts +5 -0
- package/dist/types/components/organisms/DynamicComponents/molecules/UsageGraphCard/styled.d.ts +276 -0
- package/dist/types/components/organisms/DynamicComponents/types/UsageGraphCard.d.ts +5 -0
- package/package.json +1 -1
|
@@ -77651,7 +77651,7 @@ const TolerationsModal = ({
|
|
|
77651
77651
|
};
|
|
77652
77652
|
|
|
77653
77653
|
const LazyEnrichedTableModal = lazy(
|
|
77654
|
-
() => import('./index-
|
|
77654
|
+
() => import('./index-w6TPZLqf.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
|
|
77655
77655
|
);
|
|
77656
77656
|
const renderActiveType = (activeType, extraProps) => {
|
|
77657
77657
|
if (!activeType) return null;
|
|
@@ -78026,7 +78026,10 @@ const FormattedValue = ({
|
|
|
78026
78026
|
value,
|
|
78027
78027
|
valueStrategy,
|
|
78028
78028
|
valuePrecision = 2,
|
|
78029
|
-
normalizedValues
|
|
78029
|
+
normalizedValues,
|
|
78030
|
+
hideUnit = false,
|
|
78031
|
+
converterBytesProps,
|
|
78032
|
+
converterCoresProps
|
|
78030
78033
|
}) => {
|
|
78031
78034
|
const normalizedNumericValues = useMemo(
|
|
78032
78035
|
() => normalizedValues.filter((val) => Number.isFinite(val)),
|
|
@@ -78038,12 +78041,25 @@ const FormattedValue = ({
|
|
|
78038
78041
|
}, [valueStrategy, normalizedNumericValues]);
|
|
78039
78042
|
const normalizedByteUnit = useMemo(() => {
|
|
78040
78043
|
if (valueStrategy === "cpu" || !valueStrategy || normalizedNumericValues.length === 0) return void 0;
|
|
78041
|
-
const standard2 = valueStrategy === "memory" ? "iec" : "si";
|
|
78044
|
+
const standard2 = converterBytesProps?.standard ?? (valueStrategy === "memory" ? "iec" : "si");
|
|
78042
78045
|
return getNormalizedByteUnit(Math.max(...normalizedNumericValues), standard2);
|
|
78043
|
-
}, [valueStrategy, normalizedNumericValues]);
|
|
78046
|
+
}, [valueStrategy, normalizedNumericValues, converterBytesProps?.standard]);
|
|
78044
78047
|
if (!Number.isFinite(value)) return null;
|
|
78045
78048
|
if (!valueStrategy) return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: value });
|
|
78049
|
+
const formatNumber = (numericValue, precision, locale) => numericValue.toLocaleString(locale, {
|
|
78050
|
+
minimumFractionDigits: 0,
|
|
78051
|
+
maximumFractionDigits: precision
|
|
78052
|
+
});
|
|
78046
78053
|
if (valueStrategy === "cpu") {
|
|
78054
|
+
if (hideUnit) {
|
|
78055
|
+
const precision = converterCoresProps?.precision ?? valuePrecision;
|
|
78056
|
+
const locale = converterCoresProps?.locale;
|
|
78057
|
+
const targetUnit = converterCoresProps?.toUnit ?? converterCoresProps?.unit ?? normalizedCoreUnit ?? "core";
|
|
78058
|
+
const fromUnit = converterCoresProps?.fromUnit;
|
|
78059
|
+
const converted = fromUnit ? convertCompute(value, fromUnit, targetUnit, { format: false, precision, locale }) : convertCores(value, targetUnit, { format: false, precision, locale });
|
|
78060
|
+
if (!Number.isFinite(converted)) return null;
|
|
78061
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatNumber(converted, precision, locale) });
|
|
78062
|
+
}
|
|
78047
78063
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78048
78064
|
ConverterCores,
|
|
78049
78065
|
{
|
|
@@ -78052,12 +78068,22 @@ const FormattedValue = ({
|
|
|
78052
78068
|
coresValue: String(value),
|
|
78053
78069
|
toUnit: normalizedCoreUnit,
|
|
78054
78070
|
format: true,
|
|
78055
|
-
precision: valuePrecision
|
|
78071
|
+
precision: valuePrecision,
|
|
78072
|
+
...converterCoresProps
|
|
78056
78073
|
}
|
|
78057
78074
|
}
|
|
78058
78075
|
);
|
|
78059
78076
|
}
|
|
78060
|
-
const standard = valueStrategy === "memory" ? "iec" : "si";
|
|
78077
|
+
const standard = converterBytesProps?.standard ?? (valueStrategy === "memory" ? "iec" : "si");
|
|
78078
|
+
if (hideUnit) {
|
|
78079
|
+
const precision = converterBytesProps?.precision ?? valuePrecision;
|
|
78080
|
+
const locale = converterBytesProps?.locale;
|
|
78081
|
+
const targetUnit = converterBytesProps?.toUnit ?? converterBytesProps?.unit ?? normalizedByteUnit ?? "B";
|
|
78082
|
+
const fromUnit = converterBytesProps?.fromUnit;
|
|
78083
|
+
const converted = fromUnit ? convertStorage(value, fromUnit, targetUnit, { format: false, precision, locale }) : convertBytes(value, targetUnit, { format: false, precision, locale });
|
|
78084
|
+
if (!Number.isFinite(converted)) return null;
|
|
78085
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatNumber(converted, precision, locale) });
|
|
78086
|
+
}
|
|
78061
78087
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78062
78088
|
ConverterBytes,
|
|
78063
78089
|
{
|
|
@@ -78067,7 +78093,8 @@ const FormattedValue = ({
|
|
|
78067
78093
|
toUnit: normalizedByteUnit,
|
|
78068
78094
|
format: true,
|
|
78069
78095
|
precision: valuePrecision,
|
|
78070
|
-
standard
|
|
78096
|
+
standard,
|
|
78097
|
+
...converterBytesProps
|
|
78071
78098
|
}
|
|
78072
78099
|
}
|
|
78073
78100
|
);
|
|
@@ -78175,7 +78202,6 @@ const Title$1 = styled.div`
|
|
|
78175
78202
|
`;
|
|
78176
78203
|
const ChartContainer = styled.div`
|
|
78177
78204
|
width: 100%;
|
|
78178
|
-
max-width: 394px;
|
|
78179
78205
|
height: 96px;
|
|
78180
78206
|
border-radius: 10px;
|
|
78181
78207
|
overflow: hidden;
|
|
@@ -78196,7 +78222,7 @@ const ChartWrapper = styled.div`
|
|
|
78196
78222
|
`;
|
|
78197
78223
|
const ChartInner = styled.div`
|
|
78198
78224
|
width: 100%;
|
|
78199
|
-
height:
|
|
78225
|
+
height: 100%;
|
|
78200
78226
|
`;
|
|
78201
78227
|
const ChartOverlay = styled.div`
|
|
78202
78228
|
position: absolute;
|
|
@@ -78228,7 +78254,7 @@ const GradientBarWrapper = styled.div`
|
|
|
78228
78254
|
`;
|
|
78229
78255
|
const GradientBarContainer = styled.div`
|
|
78230
78256
|
width: 100%;
|
|
78231
|
-
max-width:
|
|
78257
|
+
max-width: calc(100% - 55px);
|
|
78232
78258
|
position: relative;
|
|
78233
78259
|
height: 72px;
|
|
78234
78260
|
|
|
@@ -78236,11 +78262,22 @@ const GradientBarContainer = styled.div`
|
|
|
78236
78262
|
--bar-height: 22px;
|
|
78237
78263
|
--marker-height: 36px;
|
|
78238
78264
|
`;
|
|
78265
|
+
const BadgesContainer = styled.div`
|
|
78266
|
+
position: absolute;
|
|
78267
|
+
inset: 0 10px;
|
|
78268
|
+
height: 100%;
|
|
78269
|
+
pointer-events: none;
|
|
78270
|
+
|
|
78271
|
+
--badge-edge: 16px;
|
|
78272
|
+
--badge-gap: 14px;
|
|
78273
|
+
--marker-top: calc(var(--bar-top) + (var(--bar-height) / 2) - (var(--marker-height) / 2) + 50);
|
|
78274
|
+
`;
|
|
78239
78275
|
const BarMarker = styled.div`
|
|
78276
|
+
--marker-half-width: 5px;
|
|
78240
78277
|
position: absolute;
|
|
78241
78278
|
padding-top: ${({ $paddingTop }) => $paddingTop ?? 15}px;
|
|
78242
|
-
left: ${({ $left }) => $left}
|
|
78243
|
-
top:
|
|
78279
|
+
left: ${({ $left, $edgeAlign }) => $edgeAlign ? `${$left}%` : `clamp(var(--marker-half-width), ${$left}%, calc(100% - var(--marker-half-width)))`};
|
|
78280
|
+
top: var(--marker-top);
|
|
78244
78281
|
width: 10px;
|
|
78245
78282
|
height: var(--marker-height);
|
|
78246
78283
|
transform: translateX(-50%) ${({ $flip, $flipX }) => `${$flip ? " scaleY(-1)" : ""}${$flipX ? " scaleX(-1)" : ""}`};
|
|
@@ -78255,8 +78292,10 @@ const BarMarker = styled.div`
|
|
|
78255
78292
|
const MarkerLabel = styled.div`
|
|
78256
78293
|
position: absolute;
|
|
78257
78294
|
top: calc(var(--bar-top) + var(--bar-height) + 10px);
|
|
78258
|
-
left: ${({ $left }) => $left}
|
|
78295
|
+
left: ${({ $left, $leftOffset = 0 }) => `calc(${$left}% + ${$leftOffset}px)`};
|
|
78259
78296
|
transform: translateX(-50%);
|
|
78297
|
+
padding-left: ${({ $paddingLeft = 0 }) => $paddingLeft}px;
|
|
78298
|
+
padding-right: ${({ $paddingRight = 0 }) => $paddingRight}px;
|
|
78260
78299
|
font-size: 16px;
|
|
78261
78300
|
line-height: 16px;
|
|
78262
78301
|
color: ${({ $colorText }) => $colorText};
|
|
@@ -78269,8 +78308,8 @@ const MarkerLabel = styled.div`
|
|
|
78269
78308
|
`;
|
|
78270
78309
|
const UsedBadge = styled.div`
|
|
78271
78310
|
position: absolute;
|
|
78272
|
-
left: ${({ $left }) => $left}
|
|
78273
|
-
top: -
|
|
78311
|
+
left: ${({ $left }) => `clamp(var(--badge-edge), ${$left}%, calc(100% - var(--badge-edge)))`};
|
|
78312
|
+
top: -30px;
|
|
78274
78313
|
transform: translateX(-50%);
|
|
78275
78314
|
padding: 6px 12px;
|
|
78276
78315
|
background: ${({ $colorBgContainer }) => $colorBgContainer};
|
|
@@ -78281,8 +78320,8 @@ const UsedBadge = styled.div`
|
|
|
78281
78320
|
0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
|
78282
78321
|
0 6px 16px 0 rgba(0, 0, 0, 0.08);
|
|
78283
78322
|
font-family: 'Roboto', sans-serif;
|
|
78284
|
-
font-size:
|
|
78285
|
-
line-height:
|
|
78323
|
+
font-size: 16px;
|
|
78324
|
+
line-height: 22px;
|
|
78286
78325
|
color: ${({ $colorText }) => $colorText};
|
|
78287
78326
|
white-space: nowrap;
|
|
78288
78327
|
z-index: 3;
|
|
@@ -78301,6 +78340,7 @@ const Styled$m = {
|
|
|
78301
78340
|
GradientBar,
|
|
78302
78341
|
GradientBarWrapper,
|
|
78303
78342
|
GradientBarContainer,
|
|
78343
|
+
BadgesContainer,
|
|
78304
78344
|
BarMarker,
|
|
78305
78345
|
MarkerLabel,
|
|
78306
78346
|
UsedBadge
|
|
@@ -78311,6 +78351,12 @@ const UsageGraphCard = ({
|
|
|
78311
78351
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
78312
78352
|
children
|
|
78313
78353
|
}) => {
|
|
78354
|
+
const badgesContainerRef = useRef(null);
|
|
78355
|
+
const usedBadgeRef = useRef(null);
|
|
78356
|
+
const requestedLabelRef = useRef(null);
|
|
78357
|
+
const limitLabelRef = useRef(null);
|
|
78358
|
+
const [clampedUsedPercent, setClampedUsedPercent] = useState(null);
|
|
78359
|
+
const [clampedRequestedPercent, setClampedRequestedPercent] = useState(null);
|
|
78314
78360
|
const { data: multiQueryData, isLoading: isMultiqueryLoading } = useMultiQuery();
|
|
78315
78361
|
const { token } = theme.useToken();
|
|
78316
78362
|
const {
|
|
@@ -78319,6 +78365,7 @@ const UsageGraphCard = ({
|
|
|
78319
78365
|
containerStyle,
|
|
78320
78366
|
valueStrategy,
|
|
78321
78367
|
valuePrecision = 2,
|
|
78368
|
+
hideUnit = true,
|
|
78322
78369
|
/* colors */
|
|
78323
78370
|
minColor = "#00ae89",
|
|
78324
78371
|
midColor = "#adad4c",
|
|
@@ -78405,12 +78452,30 @@ const UsageGraphCard = ({
|
|
|
78405
78452
|
value: entry.value,
|
|
78406
78453
|
label: entry.label
|
|
78407
78454
|
}));
|
|
78455
|
+
const yDomain = useMemo(() => {
|
|
78456
|
+
const values = chartData.map((item) => item.value).filter(Number.isFinite);
|
|
78457
|
+
if (values.length === 0) {
|
|
78458
|
+
return ["auto", "auto"];
|
|
78459
|
+
}
|
|
78460
|
+
const minValue = Math.min(...values);
|
|
78461
|
+
const maxValue = Math.max(...values);
|
|
78462
|
+
const range2 = maxValue - minValue;
|
|
78463
|
+
if (!Number.isFinite(range2)) {
|
|
78464
|
+
return ["auto", "auto"];
|
|
78465
|
+
}
|
|
78466
|
+
if (range2 === 0) {
|
|
78467
|
+
const pad2 = Math.max(Math.abs(maxValue) * 0.01, 1);
|
|
78468
|
+
return [maxValue - pad2, maxValue + pad2];
|
|
78469
|
+
}
|
|
78470
|
+
const pad = range2 * 0.1;
|
|
78471
|
+
return [minValue - pad, maxValue + pad];
|
|
78472
|
+
}, [chartData]);
|
|
78408
78473
|
const resolvedRequested = requested ?? resolveVectorValue(requestedResponse);
|
|
78409
78474
|
const resolvedUsed = used ?? resolveVectorValue(usedResponse);
|
|
78410
78475
|
const resolvedLimit = limit ?? resolveVectorValue(limitResponse);
|
|
78411
78476
|
const requestedPercent = clampPercent(resolvedRequested ?? NaN, resolvedLimit ?? NaN);
|
|
78412
78477
|
const usedPercent = clampPercent(resolvedUsed ?? NaN, resolvedLimit ?? NaN);
|
|
78413
|
-
const limitPercent =
|
|
78478
|
+
const limitPercent = 100;
|
|
78414
78479
|
const gradientMidStop = `${requestedPercent.toFixed(2)}%`;
|
|
78415
78480
|
const normalizedValues = [resolvedRequested, resolvedUsed, resolvedLimit];
|
|
78416
78481
|
const tooltipTitle = /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.TooltipContent, { $colorInfoBgHover: token.colorInfoBgHover, children: [
|
|
@@ -78427,12 +78492,86 @@ const UsageGraphCard = ({
|
|
|
78427
78492
|
"Limit"
|
|
78428
78493
|
] })
|
|
78429
78494
|
] });
|
|
78495
|
+
const updateUsedBadgeClamp = useCallback(() => {
|
|
78496
|
+
const container = badgesContainerRef.current;
|
|
78497
|
+
const badge = usedBadgeRef.current;
|
|
78498
|
+
if (!container || !badge || !Number.isFinite(usedPercent)) {
|
|
78499
|
+
setClampedUsedPercent(null);
|
|
78500
|
+
return;
|
|
78501
|
+
}
|
|
78502
|
+
const containerWidth = container.clientWidth;
|
|
78503
|
+
const badgeWidth = badge.offsetWidth;
|
|
78504
|
+
if (containerWidth <= 0 || badgeWidth <= 0) {
|
|
78505
|
+
setClampedUsedPercent(null);
|
|
78506
|
+
return;
|
|
78507
|
+
}
|
|
78508
|
+
const leftPx = usedPercent / 100 * containerWidth;
|
|
78509
|
+
const halfBadge = badgeWidth / 2;
|
|
78510
|
+
const clampedPx = Math.min(Math.max(leftPx, halfBadge), containerWidth - halfBadge);
|
|
78511
|
+
const clampedPercent = clampedPx / containerWidth * 100;
|
|
78512
|
+
setClampedUsedPercent(clampedPercent);
|
|
78513
|
+
}, [usedPercent]);
|
|
78514
|
+
const updateRequestedLabelClamp = useCallback(() => {
|
|
78515
|
+
const container = badgesContainerRef.current;
|
|
78516
|
+
const requestedLabel = requestedLabelRef.current;
|
|
78517
|
+
const limitLabel = limitLabelRef.current;
|
|
78518
|
+
if (!container || !requestedLabel || !limitLabel || !Number.isFinite(requestedPercent) || !Number.isFinite(limitPercent)) {
|
|
78519
|
+
setClampedRequestedPercent(null);
|
|
78520
|
+
return;
|
|
78521
|
+
}
|
|
78522
|
+
const containerWidth = container.clientWidth;
|
|
78523
|
+
const requestedWidth = requestedLabel.offsetWidth;
|
|
78524
|
+
const limitWidth = limitLabel.offsetWidth;
|
|
78525
|
+
if (containerWidth <= 0 || requestedWidth <= 0 || limitWidth <= 0) {
|
|
78526
|
+
setClampedRequestedPercent(null);
|
|
78527
|
+
return;
|
|
78528
|
+
}
|
|
78529
|
+
const requestedLeftPx = requestedPercent / 100 * containerWidth;
|
|
78530
|
+
const limitLeftPx = limitPercent / 100 * containerWidth;
|
|
78531
|
+
const requestedHalf = requestedWidth / 2;
|
|
78532
|
+
const limitHalf = limitWidth / 2;
|
|
78533
|
+
const limitLeftEdge = limitLeftPx - limitHalf;
|
|
78534
|
+
const containerMin = 0;
|
|
78535
|
+
const containerMax = containerWidth;
|
|
78536
|
+
const maxLeftPx = limitLeftEdge - requestedHalf;
|
|
78537
|
+
const clampedPx = Math.min(Math.max(requestedLeftPx, containerMin), containerMax, maxLeftPx);
|
|
78538
|
+
const clampedPercent = clampedPx / containerWidth * 100;
|
|
78539
|
+
setClampedRequestedPercent(clampedPercent);
|
|
78540
|
+
}, [requestedPercent, limitPercent]);
|
|
78541
|
+
useLayoutEffect(() => {
|
|
78542
|
+
updateUsedBadgeClamp();
|
|
78543
|
+
updateRequestedLabelClamp();
|
|
78544
|
+
const container = badgesContainerRef.current;
|
|
78545
|
+
const badge = usedBadgeRef.current;
|
|
78546
|
+
const requestedLabel = requestedLabelRef.current;
|
|
78547
|
+
const limitLabel = limitLabelRef.current;
|
|
78548
|
+
if (!container || !("ResizeObserver" in window)) {
|
|
78549
|
+
return void 0;
|
|
78550
|
+
}
|
|
78551
|
+
const observer = new ResizeObserver(() => {
|
|
78552
|
+
updateUsedBadgeClamp();
|
|
78553
|
+
updateRequestedLabelClamp();
|
|
78554
|
+
});
|
|
78555
|
+
observer.observe(container);
|
|
78556
|
+
if (badge) {
|
|
78557
|
+
observer.observe(badge);
|
|
78558
|
+
}
|
|
78559
|
+
if (requestedLabel) {
|
|
78560
|
+
observer.observe(requestedLabel);
|
|
78561
|
+
}
|
|
78562
|
+
if (limitLabel) {
|
|
78563
|
+
observer.observe(limitLabel);
|
|
78564
|
+
}
|
|
78565
|
+
return () => {
|
|
78566
|
+
observer.disconnect();
|
|
78567
|
+
};
|
|
78568
|
+
}, [updateUsedBadgeClamp, updateRequestedLabelClamp]);
|
|
78430
78569
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.Wrapper, { style: containerStyle, $colorBgContainer: token.colorBgContainer, $colorBorder: token.colorBorder, children: [
|
|
78431
78570
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.Title, { $colorText: token.colorText, children: title }) }),
|
|
78432
78571
|
/* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.ChartContainer, { children: [
|
|
78433
78572
|
/* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ChartWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.ChartInner, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsiveContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ComposedChart, { data: chartData, margin: { top: 8, right: 12, left: 12, bottom: 0 }, children: [
|
|
78434
78573
|
/* @__PURE__ */ jsxRuntimeExports.jsx(XAxis, { dataKey: "index", hide: true }),
|
|
78435
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { hide: true, domain:
|
|
78574
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(YAxis, { hide: true, domain: yDomain, padding: { top: 6, bottom: 24 } }),
|
|
78436
78575
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78437
78576
|
Area,
|
|
78438
78577
|
{
|
|
@@ -78478,53 +78617,77 @@ const UsageGraphCard = ({
|
|
|
78478
78617
|
)
|
|
78479
78618
|
}
|
|
78480
78619
|
),
|
|
78481
|
-
|
|
78482
|
-
|
|
78483
|
-
|
|
78484
|
-
|
|
78485
|
-
|
|
78486
|
-
|
|
78487
|
-
$left: usedPercent,
|
|
78488
|
-
$colorText: token.colorText,
|
|
78489
|
-
$colorBgContainer: token.colorBgContainer,
|
|
78490
|
-
$colorBorder: token.colorBorder,
|
|
78491
|
-
children: [
|
|
78492
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78493
|
-
FormattedValue,
|
|
78494
|
-
{
|
|
78495
|
-
value: resolvedUsed,
|
|
78496
|
-
valueStrategy,
|
|
78497
|
-
valuePrecision,
|
|
78498
|
-
normalizedValues
|
|
78499
|
-
}
|
|
78500
|
-
),
|
|
78501
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: " used" })
|
|
78502
|
-
]
|
|
78503
|
-
}
|
|
78504
|
-
),
|
|
78505
|
-
resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.MarkerLabel, { $left: requestedPercent, $colorText: token.colorText, children: [
|
|
78506
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78507
|
-
FormattedValue,
|
|
78620
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.BadgesContainer, { ref: badgesContainerRef, children: [
|
|
78621
|
+
resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.BarMarker, { $left: requestedPercent, $edgeAlign: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestedMarkerSvg, {}) }),
|
|
78622
|
+
resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.BarMarker, { $left: usedPercent, $flipX: true, $paddingTop: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UsedMarkerSvg, {}) }),
|
|
78623
|
+
resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.BarMarker, { $left: limitPercent, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LimitMarkerSvg, {}) }),
|
|
78624
|
+
resolvedUsed !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
78625
|
+
Styled$m.UsedBadge,
|
|
78508
78626
|
{
|
|
78509
|
-
|
|
78510
|
-
|
|
78511
|
-
|
|
78512
|
-
|
|
78627
|
+
ref: usedBadgeRef,
|
|
78628
|
+
$left: clampedUsedPercent ?? usedPercent,
|
|
78629
|
+
$colorText: token.colorText,
|
|
78630
|
+
$colorBgContainer: token.colorBgContainer,
|
|
78631
|
+
$colorBorder: token.colorBorder,
|
|
78632
|
+
children: [
|
|
78633
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78634
|
+
FormattedValue,
|
|
78635
|
+
{
|
|
78636
|
+
value: resolvedUsed,
|
|
78637
|
+
valueStrategy,
|
|
78638
|
+
valuePrecision,
|
|
78639
|
+
normalizedValues,
|
|
78640
|
+
hideUnit
|
|
78641
|
+
}
|
|
78642
|
+
),
|
|
78643
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: " used" })
|
|
78644
|
+
]
|
|
78513
78645
|
}
|
|
78514
78646
|
),
|
|
78515
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
78516
|
-
|
|
78517
|
-
resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$m.MarkerLabel, { $left: limitPercent, $colorText: token.colorText, children: [
|
|
78518
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78519
|
-
FormattedValue,
|
|
78647
|
+
resolvedRequested !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
78648
|
+
Styled$m.MarkerLabel,
|
|
78520
78649
|
{
|
|
78521
|
-
|
|
78522
|
-
|
|
78523
|
-
|
|
78524
|
-
|
|
78650
|
+
ref: requestedLabelRef,
|
|
78651
|
+
$left: clampedRequestedPercent ?? requestedPercent,
|
|
78652
|
+
$paddingLeft: 3,
|
|
78653
|
+
$colorText: token.colorText,
|
|
78654
|
+
children: [
|
|
78655
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78656
|
+
FormattedValue,
|
|
78657
|
+
{
|
|
78658
|
+
value: resolvedRequested,
|
|
78659
|
+
valueStrategy,
|
|
78660
|
+
valuePrecision,
|
|
78661
|
+
normalizedValues,
|
|
78662
|
+
hideUnit
|
|
78663
|
+
}
|
|
78664
|
+
),
|
|
78665
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "requested" })
|
|
78666
|
+
]
|
|
78525
78667
|
}
|
|
78526
78668
|
),
|
|
78527
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
78669
|
+
resolvedLimit !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
78670
|
+
Styled$m.MarkerLabel,
|
|
78671
|
+
{
|
|
78672
|
+
ref: limitLabelRef,
|
|
78673
|
+
$left: limitPercent,
|
|
78674
|
+
$paddingRight: 3,
|
|
78675
|
+
$colorText: token.colorText,
|
|
78676
|
+
children: [
|
|
78677
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
78678
|
+
FormattedValue,
|
|
78679
|
+
{
|
|
78680
|
+
value: resolvedLimit,
|
|
78681
|
+
valueStrategy,
|
|
78682
|
+
valuePrecision,
|
|
78683
|
+
normalizedValues,
|
|
78684
|
+
hideUnit
|
|
78685
|
+
}
|
|
78686
|
+
),
|
|
78687
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "limit" })
|
|
78688
|
+
]
|
|
78689
|
+
}
|
|
78690
|
+
)
|
|
78528
78691
|
] })
|
|
78529
78692
|
] }) }),
|
|
78530
78693
|
children
|
|
@@ -87923,4 +88086,4 @@ const usePluginManifest = ({
|
|
|
87923
88086
|
};
|
|
87924
88087
|
|
|
87925
88088
|
export { useInfiniteSentinel as $, getBuiltinResourceTypes as A, getCrdData as B, getDirectUnknownResource as C, DeleteIcon as D, EnrichedTableProvider as E, checkPermission as F, getSwagger as G, filterIfApiInstanceNamespaceScoped as H, filterIfBuiltInInstanceNamespaceScoped as I, checkIfApiInstanceNamespaceScoped as J, checkIfBuiltInInstanceNamespaceScoped as K, getKinds as L, useClusterList as M, useApiResources as N, useApiResourceSingle as O, PaddingContainer as P, useBuiltinResources as Q, useBuiltinResourceSingle as R, Spacer$1 as S, useCrdResources as T, useCrdResourceSingle as U, useApisResourceTypes as V, useApiResourceTypesByGroup as W, useBuiltinResourceTypes as X, useCrdData as Y, useListWatch as Z, _$1 as _, useTheme as a, getAllPathsFromObj as a$, useK8sVerbs as a0, useManyK8sSmartResource as a1, useSmartResourceParams as a2, useResourceScope as a3, useKinds as a4, usePluginManifest as a5, TreeWithSearch as a6, UpIcon as a7, DownIcon as a8, BackToDefaultIcon as a9, getEnrichedColumnsWithControls as aA, YamlEditorSingleton$1 as aB, BlackholeFormProvider as aC, BlackholeForm as aD, getObjectFormItemsDraft as aE, MarketPlace as aF, MarketplaceCard as aG, ProjectInfoCard as aH, PodTerminal as aI, NodeTerminal as aJ, PodLogs as aK, PodLogsMonaco as aL, VMVNC as aM, Search as aN, Events as aO, DynamicRenderer as aP, DynamicComponents as aQ, DynamicRendererWithProviders as aR, prepareTemplate as aS, isFlatObject as aT, filterSelectOptions as aU, getStringByName as aV, floorToDecimal as aW, parseQuotaValue as aX, parseQuotaValueCpu as aY, parseQuotaValueMemoryAndStorage as aZ, normalizeValuesForQuotasToNumber as a_, SuccessIcon as aa, feedbackIcons as ab, PlusIcon as ac, MinusIcon as ad, LockedIcon as ae, UnlockedIcon as af, PauseCircleIcon as ag, ResumeCircleIcon as ah, LookingGlassIcon as ai, EarthIcon as aj, ContentCard$1 as ak, FlexGrow as al, UncontrolledSelect as am, CustomSelect$4 as an, CursorPointerTag as ao, CursorPointerTagMinContent as ap, CursorDefaultDiv as aq, ResourceLink as ar, ManageableBreadcrumbsProvider as as, prepareDataForManageableBreadcrumbs as at, ManageableBreadcrumbs as au, ManageableSidebarProvider as av, prepareDataForManageableSidebar as aw, ManageableSidebar as ax, EnrichedTable as ay, getEnrichedColumns as az, usePartsOfUrl as b, getPrefixSubarrays as b0, groupsToTreeData as b1, getBuiltinTreeData as b2, getGroupsByCategory as b3, createContextFactory as b4, prepareUrlsToFetchForDynamicRenderer as b5, deepMerge as b6, getSortedKinds as b7, getSortedKindsAll as b8, hslFromString as b9, getUppercase as ba, kindByGvr as bb, pluralByKind as bc, namespacedByGvr as bd, getLinkToBuiltinForm as be, getLinkToApiForm as bf, isMultilineString as bg, isMultilineFromYaml as bh, includesArray as bi, getResourceLink as bj, getNamespaceLink as bk, convertBytes as bl, formatBytesAuto as bm, toBytes as bn, convertStorage as bo, parseValueWithUnit as bp, convertCores as bq, formatCoresAuto as br, toCores as bs, convertCompute as bt, parseCoresWithUnit as bu, formatDateAuto as bv, isValidRFC3339 as bw, usePermissions as c, jp as d, useDirectUnknownResource as e, useK8sSmartResource as f, EditIcon as g, getLinkToForm as h, DeleteModal as i, jsxRuntimeExports as j, DeleteModalMany as k, getClusterList as l, createNewEntry as m, updateEntry as n, deleteEntry as o, parseAll as p, getApiResources as q, getApiResourceSingle as r, serializeLabelsWithNoEncoding$1 as s, getBuiltinResources as t, useMultiQuery as u, getBuiltinResourceSingle as v, getCrdResources as w, getCrdResourceSingle as x, getApiResourceTypes as y, getApiResourceTypesByApiGroup as z };
|
|
87926
|
-
//# sourceMappingURL=index-
|
|
88089
|
+
//# sourceMappingURL=index-DdeMnr6k.mjs.map
|