@dyrected/admin 2.5.35 → 2.5.38

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;
 }
@@ -1604,6 +1620,10 @@
     max-height: 1000px;
 }
 
+.dy-max-h-\[200px\]{
+    max-height: 200px;
+}
+
 .dy-max-h-\[240px\]{
     max-height: 240px;
 }
@@ -1676,6 +1696,10 @@
     min-height: 180px;
 }
 
+.dy-min-h-\[200px\]{
+    min-height: 200px;
+}
+
 .dy-min-h-\[220px\]{
     min-height: 220px;
 }
@@ -1796,6 +1820,10 @@
     width: 2rem;
 }
 
+.dy-w-80{
+    width: 20rem;
+}
+
 .dy-w-9{
     width: 2.25rem;
 }
@@ -1824,6 +1852,10 @@
     width: 1px;
 }
 
+.dy-w-\[200px\]{
+    width: 200px;
+}
+
 .dy-w-\[220px\]{
     width: 220px;
 }
@@ -2108,6 +2140,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 +2223,10 @@
     resize: none;
 }
 
+.dy-resize-y{
+    resize: vertical;
+}
+
 .dy-list-inside{
     list-style-position: inside;
 }
@@ -2407,6 +2447,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 +2795,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));
 }
@@ -3161,6 +3209,11 @@
     padding-bottom: 0.375rem;
 }
 
+.dy-py-10{
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+}
+
 .dy-py-12{
     padding-top: 3rem;
     padding-bottom: 3rem;
@@ -3289,6 +3342,10 @@
     padding-top: 0px;
 }
 
+.dy-pt-0\.5{
+    padding-top: 0.125rem;
+}
+
 .dy-pt-2{
     padding-top: 0.5rem;
 }
@@ -3593,6 +3650,11 @@
     color: hsl(var(--foreground) / 0.9);
 }
 
+.dy-text-green-500{
+    --tw-text-opacity: 1;
+    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-muted-foreground{
     color: hsl(var(--muted-foreground));
 }
@@ -4179,6 +4241,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 +4685,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));
 }
@@ -4849,6 +4984,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));
 }
 
+.active\:dy-cursor-grabbing:active{
+    cursor: grabbing;
+}
+
 .active\:dy-bg-sidebar-accent:active{
     background-color: hsl(var(--sidebar-accent));
 }

package/dist/components/ui/csv-importer-dialog.d.ts

@@ -0,0 +1,9 @@
+import { CollectionConfig } from '@dyrected/core';
+interface CsvImporterDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    slug: string;
+    schema: CollectionConfig;
+}
+export declare function CsvImporterDialog({ open, onOpenChange, slug, schema }: CsvImporterDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/csv-importer.d.ts

@@ -0,0 +1,8 @@
+import { CollectionConfig } from '@dyrected/core';
+interface CsvImporterProps {
+    slug: string;
+    schema: CollectionConfig;
+    onClose: () => void;
+}
+export declare function CsvImporter({ slug, schema, onClose }: CsvImporterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/data-table.d.ts

@@ -10,6 +10,7 @@ interface DataTableProps<TData, TValue> {
     toolbarActions?: React.ReactNode;
     persistenceKey?: string;
     initialColumnVisibility?: VisibilityState;
+    hideViewButton?: boolean;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, hideViewButton, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export {};

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 {};

package/dist/hooks/useLayoutPreference.d.ts

@@ -0,0 +1,19 @@
+export interface LayoutItem {
+    name: string;
+    width?: string;
+}
+interface UseLayoutPreferenceOptions<T> {
+    key: string;
+    defaultKeys: T[];
+}
+export declare function useLayoutPreference<T extends string | LayoutItem>({ key, defaultKeys }: UseLayoutPreferenceOptions<T>): {
+    layout: T[];
+    setLayout: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+    reconciledLayout: T[];
+    saveLayout: (scope: "personal" | "global") => Promise<void>;
+    resetLayout: (scope: "personal" | "global") => Promise<void>;
+    isLoading: boolean;
+    isSaving: boolean;
+    isResetting: boolean;
+};
+export {};