@checkstack/ui 1.5.0 → 1.5.1
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @checkstack/ui
|
|
2
2
|
|
|
3
|
+
## 1.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- c4e7560: Fix data integrity, cache invalidation, and mobile UI issues
|
|
8
|
+
|
|
9
|
+
- **Centralized mutation cache invalidation**: Every mutation now automatically invalidates its plugin's query cache on success via the shared `createProcedureHook` in `orpc-query.tsx`. This ensures all views stay in sync without requiring individual components to remember manual `invalidateQueries` calls.
|
|
10
|
+
- **Fixed oRPC query key matching**: Query keys use nested arrays (`[["pluginId"]]`) to correctly match oRPC's `[pathArray, options]` key structure. Fixed the broken flat-string pattern in `SystemBadgeDataProvider`.
|
|
11
|
+
- **Fixed hourly aggregation duplication**: Added `NULLS NOT DISTINCT` to the `health_check_aggregates` unique constraint so local runs (`source_id = NULL`) correctly conflict-match instead of creating duplicate hourly buckets. Includes a migration to clean up existing duplicates.
|
|
12
|
+
- **Fixed modal scrolling on mobile**: Added `max-height` + `overflow-y-auto` to `ConfirmationModal`, and refactored `Dialog` from translate-centering to flex-centering with `dvh` units for reliable mobile scroll containment.
|
|
13
|
+
|
|
14
|
+
- Updated dependencies [c4e7560]
|
|
15
|
+
- @checkstack/frontend-api@0.3.10
|
|
16
|
+
|
|
3
17
|
## 1.5.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -65,7 +65,7 @@ export const ConfirmationModal: React.FC<ConfirmationModalProps> = ({
|
|
|
65
65
|
onClick={handleBackdropClick}
|
|
66
66
|
>
|
|
67
67
|
<div
|
|
68
|
-
className="bg-background rounded-lg shadow-xl max-w-md w-full mx-4 animate-in fade-in zoom-in duration-200 pointer-events-auto"
|
|
68
|
+
className="bg-background rounded-lg shadow-xl max-w-md w-full mx-4 my-4 max-h-[calc(100dvh-2rem)] overflow-y-auto animate-in fade-in zoom-in duration-200 pointer-events-auto"
|
|
69
69
|
role="dialog"
|
|
70
70
|
aria-modal="true"
|
|
71
71
|
aria-labelledby="modal-title"
|
|
@@ -32,7 +32,7 @@ const DialogOverlay = React.forwardRef<
|
|
|
32
32
|
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
33
33
|
|
|
34
34
|
const dialogContentVariants = cva(
|
|
35
|
-
"
|
|
35
|
+
"w-full gap-4 border border-border bg-background text-foreground p-6 shadow-lg sm:rounded-lg max-h-[85dvh] overflow-y-auto overflow-x-visible",
|
|
36
36
|
{
|
|
37
37
|
variants: {
|
|
38
38
|
size: {
|
|
@@ -65,14 +65,21 @@ const DialogContent = React.forwardRef<
|
|
|
65
65
|
<DialogPrimitive.Content
|
|
66
66
|
ref={ref}
|
|
67
67
|
className={cn(
|
|
68
|
-
|
|
69
|
-
!isLowPower && "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0
|
|
70
|
-
className
|
|
68
|
+
"fixed inset-0 z-50 flex items-center justify-center p-4",
|
|
69
|
+
!isLowPower && "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
71
70
|
)}
|
|
72
71
|
{...props}
|
|
73
72
|
>
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
<div
|
|
74
|
+
className={cn(
|
|
75
|
+
dialogContentVariants({ size }),
|
|
76
|
+
!isLowPower && "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
77
|
+
className,
|
|
78
|
+
)}
|
|
79
|
+
>
|
|
80
|
+
{/* Wrapper with negative margin and positive padding to allow focus rings to extend */}
|
|
81
|
+
<div className="-mx-2 px-2">{children}</div>
|
|
82
|
+
</div>
|
|
76
83
|
</DialogPrimitive.Content>
|
|
77
84
|
</DialogPortal>
|
|
78
85
|
);
|