@petrarca/sonnet-ui 0.4.0 → 0.4.2

package/dist/index.d.ts

@@ -654,6 +654,68 @@ interface EntityTableProps<TRow extends RowData> {
 }
 declare function EntityTable<TRow extends RowData>(props: EntityTableProps<TRow>): React__default.ReactElement;
 
+/**
+ * PropertyList — read-only display of a record's properties.
+ *
+ * Two layout modes:
+ * - `"inline"` (default) — horizontal two-column grid, key left / value right.
+ * - `"stacked"` — key label above each value.
+ *
+ * Values rendered by {@link PropertyValue}. Optional per-property schema
+ * refines value rendering (schema is NOT required).
+ *
+ * Shared by the graph view's node/edge cards and the table inspector so all
+ * property displays look identical.
+ */
+
+/** Layout mode for the property list. */
+type PropertyListLayout = "inline" | "stacked";
+interface PropertyListProps {
+    /** Property name -> value. */
+    properties: Record<string, unknown>;
+    /** Optional property name -> schema, to refine value rendering. */
+    propertySchemas?: Record<string, JsonSchemaProperty>;
+    /** Layout mode. Default "inline" (horizontal key-value grid). */
+    layout?: PropertyListLayout;
+    /** Show a "Properties" section header. Default false. */
+    showHeader?: boolean;
+    /** Click value to copy it to the clipboard. Default true. */
+    copyable?: boolean;
+    /** Message when there are no properties. Default "No properties". */
+    emptyLabel?: string;
+    className?: string;
+}
+declare function PropertyList({ properties, propertySchemas, layout, showHeader, copyable, emptyLabel, className, }: PropertyListProps): React__default.ReactElement;
+
+/**
+ * PropertyValue — read-only, type-aware rendering of a single property value.
+ *
+ * Reliable model (matches graph-explorer best practice): render by the actual
+ * VALUE TYPE, never by guessing string contents.
+ *   - object / array  -> collapsed summary that expands to a JSON tree (bounded box)
+ *   - long string     -> clamped to a few lines with a "Show more" toggle
+ *   - scalar          -> inline text
+ *   - boolean         -> true/false (or schema boolean cell)
+ *   - array of scalars-> comma list
+ *
+ * Schema is OPTIONAL and only REFINES rendering when present:
+ *   - x-ui-cell / inferred type/format (date, datetime, boolean, number)
+ *   - x-ui-cell: "json" forces a JSON tree even for a string value
+ * A plain string is treated as text by default — it is NOT auto-parsed as
+ * JSON (avoids fragile, surprising behaviour). Schema is the only signal that
+ * turns a JSON-looking string into a tree.
+ */
+
+interface PropertyValueProps {
+    value: unknown;
+    /** Optional schema for this property; refines rendering when present. */
+    schema?: JsonSchemaProperty;
+    className?: string;
+    /** Strings longer than this clamp with a "Show more" toggle. */
+    clampChars?: number;
+}
+declare function PropertyValue({ value, schema, className, clampChars, }: PropertyValueProps): React__default.ReactElement;
+
 /**
  * EntitySelect -- async searchable single-select for entity references.
  *
@@ -1025,4 +1087,4 @@ type Props = {
  */
 declare function ClipboardMenu({ onAddItem }: Props): react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, CELL_RENDERERS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CellRenderer, type CellRendererProps, Checkbox, ClipboardButton, ClipboardItemComponent as ClipboardItem, ClipboardMenu, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntitySelect, type EntitySelectProps, EntityTable, type EntityTableProps, EntityTree, type EntityTreeHandle, type EntityTreeProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Popover, PopoverContent, PopoverTrigger, ResizeHandle, type ResizeHandleProps, type ResolvedColumn, type RowAction, ScrollArea, ScrollBar, SearchInput, type SearchMode, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, SimpleGroup, SimpleStack, SimpleTooltip, Skeleton, Spinner, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrev, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type TableUiSchema, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeNode, TreeView, type TreeViewHandle, type TreeViewProps, badgeVariants, buttonVariants, createRenderer, useStore as useStepper };
+export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, CELL_RENDERERS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CellRenderer, type CellRendererProps, Checkbox, ClipboardButton, ClipboardItemComponent as ClipboardItem, ClipboardMenu, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EntitySelect, type EntitySelectProps, EntityTable, type EntityTableProps, EntityTree, type EntityTreeHandle, type EntityTreeProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, Popover, PopoverContent, PopoverTrigger, PropertyList, type PropertyListLayout, type PropertyListProps, PropertyValue, type PropertyValueProps, ResizeHandle, type ResizeHandleProps, type ResolvedColumn, type RowAction, ScrollArea, ScrollBar, SearchInput, type SearchMode, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, SimpleGroup, SimpleStack, SimpleTooltip, Skeleton, Spinner, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrev, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type TableUiSchema, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeNode, TreeView, type TreeViewHandle, type TreeViewProps, badgeVariants, buttonVariants, createRenderer, useStore as useStepper };