@dyrected/admin 2.5.35 → 2.5.36

package/dist/admin.css

@@ -1058,6 +1058,10 @@
     bottom: 0.75rem;
 }
 
+.dy-bottom-4{
+    bottom: 1rem;
+}
+
 .dy-left-0{
     left: 0px;
 }
@@ -1178,6 +1182,10 @@
     z-index: 100;
 }
 
+.dy-z-\[150\]{
+    z-index: 150;
+}
+
 .dy-order-1{
     order: 1;
 }
@@ -1480,6 +1488,10 @@
     height: 0.875rem;
 }
 
+.dy-h-32{
+    height: 8rem;
+}
+
 .dy-h-4{
     height: 1rem;
 }
@@ -1592,6 +1604,10 @@
     max-height: 10rem;
 }
 
+.dy-max-h-60{
+    max-height: 15rem;
+}
+
 .dy-max-h-80{
     max-height: 20rem;
 }
@@ -1676,6 +1692,10 @@
     min-height: 180px;
 }
 
+.dy-min-h-\[200px\]{
+    min-height: 200px;
+}
+
 .dy-min-h-\[220px\]{
     min-height: 220px;
 }
@@ -1796,6 +1816,10 @@
     width: 2rem;
 }
 
+.dy-w-80{
+    width: 20rem;
+}
+
 .dy-w-9{
     width: 2.25rem;
 }
@@ -2108,6 +2132,10 @@
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.dy-transform{
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @keyframes dy-bounce{
 
     0%, 100%{
@@ -2187,6 +2215,10 @@
     resize: none;
 }
 
+.dy-resize-y{
+    resize: vertical;
+}
+
 .dy-list-inside{
     list-style-position: inside;
 }
@@ -2407,6 +2439,10 @@
     border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
+.dy-divide-border > :not([hidden]) ~ :not([hidden]){
+    border-color: hsl(var(--border));
+}
+
 .dy-divide-border\/30 > :not([hidden]) ~ :not([hidden]){
     border-color: hsl(var(--border) / 0.3);
 }
@@ -2751,6 +2787,10 @@
     background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
 
+.dy-bg-amber-500\/5{
+    background-color: rgb(245 158 11 / 0.05);
+}
+
 .dy-bg-background{
     background-color: hsl(var(--background));
 }
@@ -4179,6 +4219,75 @@
   pointer-events: none;
 }
 
+/* React Datasheet Grid custom design system variables integration */
+
+.dy-admin-ui .dsg-container {
+  --dsg-border-color: hsl(var(--border) / 0.8) !important;
+  --dsg-selection-border-color: hsl(var(--intelligence)) !important;
+  --dsg-selection-border-radius: var(--radius) !important;
+  --dsg-selection-border-width: 2px !important;
+  --dsg-selection-background-color: hsl(var(--intelligence) / 0.04) !important;
+  --dsg-selection-disabled-border-color: hsl(var(--muted-foreground) / 0.5) !important;
+  --dsg-selection-disabled-background-color: hsl(var(--muted) / 0.2) !important;
+  --dsg-corner-indicator-width: 8px !important;
+  --dsg-header-text-color: hsl(var(--muted-foreground)) !important;
+  --dsg-header-active-text-color: hsl(var(--foreground)) !important;
+  --dsg-cell-background-color: hsl(var(--card)) !important;
+  --dsg-cell-disabled-background-color: hsl(var(--muted) / 0.1) !important;
+  --dsg-transition-duration: .15s !important;
+  --dsg-expand-rows-indicator-width: 10px !important;
+  --dsg-scroll-shadow-width: 8px !important;
+  --dsg-scroll-shadow-color: rgba(0, 0, 0, 0.08) !important;
+  border: 1px solid var(--dsg-border-color);
+  border-radius: var(--radius);
+  overflow: hidden;
+  box-shadow: none;
+  font-family: var(--font-sans) !important;
+}
+
+.dy-admin-ui .dsg-row-header,
+.dy-admin-ui .dsg-corner-header {
+  background-color: hsl(var(--muted) / 0.3) !important;
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.dy-admin-ui .dsg-cell {
+  font-size: 13px !important;
+  color: hsl(var(--foreground)) !important;
+}
+
+.dy-admin-ui .dsg-input {
+  font-family: var(--font-sans) !important;
+  font-size: 13px !important;
+  color: hsl(var(--foreground)) !important;
+  padding: 0 8px !important;
+}
+
+.dy-admin-ui .dsg-container {
+  border: solid 1px hsl(var(--border) / 0.8) !important;
+  border-top: none !important;
+  border-left: none !important;
+  cursor: cell !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  user-select: none !important;
+  box-sizing: border-box !important;
+  color: hsl(var(--foreground)) !important;
+  background: hsl(var(--card)) !important;
+  position: relative !important;
+  width: 100% !important;
+  overflow: auto !important;
+  will-change: transform !important;
+  direction: ltr !important;
+}
+
+.dy-admin-ui .dsg-container .dsg-add-row {
+  background: hsl(var(--card)) !important;
+}
+
 .dy-admin-ui .hover\:dy-text-primary:hover {
     color: hsl(var(--intelligence));
   }
@@ -4554,6 +4663,10 @@
     background-color: hsl(var(--accent) / 0.7);
 }
 
+.hover\:dy-bg-amber-500\/10:hover{
+    background-color: rgb(245 158 11 / 0.1);
+}
+
 .hover\:dy-bg-background:hover{
     background-color: hsl(var(--background));
 }

package/dist/components/ui/popover.d.ts

@@ -3,4 +3,5 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent };
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/spreadsheet-editor.d.ts

@@ -0,0 +1,10 @@
+import { CollectionConfig } from '@dyrected/core';
+interface SpreadsheetEditorProps {
+    slug: string;
+    schema: CollectionConfig;
+    data: Record<string, unknown>[];
+    onSave: (updates: Record<string, Record<string, unknown>>, creates?: Record<string, unknown>[]) => Promise<void>;
+    isSaving: boolean;
+}
+export declare function SpreadsheetEditor({ slug, schema, data, onSave, isSaving, }: SpreadsheetEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};