@lontar/admin 0.1.2 → 0.3.0

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

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

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "success" | "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Alert({ className, variant, role, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): React.JSX.Element;
+export { Alert, alertVariants };

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

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "success" | "default" | "destructive" | "outline" | "secondary" | "muted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Badge({ className, variant, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): React.JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

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

@@ -0,0 +1,4 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from 'react';
+declare function Calendar({ className, classNames, showOutsideDays, components, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
+export { Calendar };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

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

@@ -0,0 +1,10 @@
+import { Label } from './label';
+import * as React from 'react';
+declare function Field({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): React.JSX.Element | null;
+export { Field, FieldLabel, FieldError };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+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 };

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent };

package/dist/context/PortalContainer.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface PortalContainerContextValue {
+    /** Null until the target node has mounted, on the render after the first. */
+    container: HTMLElement | null;
+}
+export declare const PortalContainerContext: import('react').Context<PortalContainerContextValue | null>;
+export declare function usePortalContainer(): HTMLElement | null;
+export declare function PortalContainerProvider({ children }: {
+    children: ReactNode;
+}): import('react').JSX.Element;

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,22 @@
+export type ThemePreference = 'light' | 'dark' | 'system';
+/** Prefixed so it cannot collide with the host application's own keys. */
+export declare const THEME_STORAGE_KEY = "lontar-admin-theme";
+/**
+ * Reads the stored choice only once `mounted` is true. The admin's first
+ * render must match the server's, and the server cannot see localStorage, so
+ * reading earlier would make React report a hydration mismatch on the
+ * wrapper's data-theme.
+ */
+export declare function useThemePreference(mounted: boolean): {
+    theme: ThemePreference;
+    setTheme: (next: ThemePreference) => void;
+    /** Value for the wrapper's data-theme attribute; absent means system. */
+    dataTheme: "light" | "dark" | undefined;
+};
+interface ThemeContextValue {
+    theme: ThemePreference;
+    setTheme: (theme: ThemePreference) => void;
+}
+export declare const ThemeContext: import('react').Context<ThemeContextValue | null>;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/fields/DateTimePicker.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Button } from '../components/ui/button';
+export interface DateTimePickerProps extends Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    /** Offers a Clear action; a required field has nothing to clear to. */
+    clearable?: boolean;
+}
+export declare const DateTimePicker: import('react').ForwardRefExoticComponent<Omit<DateTimePickerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/fields/FieldRenderer.d.ts

@@ -1,14 +1,16 @@
-import { UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 import { ClientField } from '@lontar/core/client';
 export interface FieldRendererProps {
     field: ClientField;
+    control: Control<Record<string, unknown>>;
     register: UseFormRegister<Record<string, unknown>>;
     error?: {
         message?: string;
-    };
+    } | Record<string, unknown>;
     setValue?: UseFormSetValue<Record<string, unknown>>;
     watch?: UseFormWatch<Record<string, unknown>>;
     mode?: 'create' | 'edit';
+    pathPrefix?: string;
 }
 export declare function slugify(text: string): string;
-export declare function FieldRenderer({ field, register, error, setValue, watch, mode, }: FieldRendererProps): import('react').JSX.Element;
+export declare function FieldRenderer(props: FieldRendererProps): import('react').JSX.Element;

package/dist/fields/picker-parts.d.ts

@@ -0,0 +1,48 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Button } from '../components/ui/button';
+import { Input } from '../components/ui/input';
+/** Compact outline button used for every picker action. */
+export declare function PickerButton({ className, destructive, ...props }: ComponentProps<typeof Button> & {
+    destructive?: boolean;
+}): import('react').JSX.Element;
+/** Opens a document in a new tab; rendered as a button for consistency. */
+export declare function PickerViewLink({ href, testId }: {
+    href: string;
+    testId: string;
+}): import('react').JSX.Element;
+export declare function PickerSearchBar({ onCancel, cancelTestId, ...inputProps }: ComponentProps<typeof Input> & {
+    onCancel?: () => void;
+    cancelTestId: string;
+}): import('react').JSX.Element;
+export declare function PickerResults({ className, ...props }: ComponentProps<'div'>): import('react').JSX.Element;
+/**
+ * One row in the results list. Every row has a transparent 1px border from
+ * Button; only its bottom edge is coloured, which draws the divider without a
+ * `divide-y` on the parent (whose zero-specificity selector would lose to the
+ * row's own border utilities).
+ */
+export declare function PickerOption({ className, ...props }: ComponentProps<typeof Button>): import('react').JSX.Element;
+export declare function PickerStatus({ children, error }: {
+    children: ReactNode;
+    error?: boolean;
+}): import('react').JSX.Element;
+/** Bordered row a chosen document is displayed in. */
+export declare function PickerCard({ className, ...props }: ComponentProps<'div'>): import('react').JSX.Element;
+/**
+ * Floats a picker's search over the form instead of pushing the fields below
+ * it down (#136). `open` is the picker's own `isSearching` state, so when the
+ * search shows and hides is unchanged; Escape and an outside click now close it
+ * too. Radix moves focus to the first focusable element inside, the search
+ * input, when it opens.
+ */
+export declare function PickerPopover({ open, onOpenChange, trigger, children, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    trigger: ReactNode;
+    children: ReactNode;
+}): import('react').JSX.Element;
+/** Full-width trigger shown in place of an empty single-value picker. */
+export declare function PickerEmptyTrigger({ className, ...props }: ComponentProps<typeof Button>): import('react').JSX.Element;
+export declare const pickerTitleClass = "lt:truncate lt:font-medium lt:text-foreground";
+export declare const pickerActionsClass = "lt:flex lt:shrink-0 lt:items-center lt:gap-1.5";
+export declare const pickerThumbClass = "lt:shrink-0 lt:rounded-sm lt:border lt:object-cover";