@lattice-php/lattice 0.8.0 → 0.10.0

package/dist/types/generated.d.ts

@@ -424,7 +424,7 @@ export type Effect = ({
 } & ToastEffect) | ({
     type: "toggleSidebar";
 } & ToggleSidebarEffect);
-export type FieldType = "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.textarea" | "field.text-input";
+export type FieldType = "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.textarea" | "field.text-input" | "field.toggle";
 export type FileUpload = {
     accept: string | null;
     columnWidth: ColumnWidth;
@@ -552,6 +552,10 @@ export type FormFieldNode = {
     type: "field.textarea";
     key?: string;
     props: Textarea;
+} | {
+    type: "field.toggle";
+    key?: string;
+    props: Toggle;
 };
 export type FormNode = FormFieldNode | {
     type: "form";
@@ -669,6 +673,7 @@ export type LayoutNode = {
     schema?: Node[];
 };
 export type Link = {
+    action: Node | null;
     href: string | null;
     label: string;
     method: HttpMethod | null;
@@ -685,6 +690,7 @@ export type LocaleChangeEffect = {
 };
 export type Menu = Record<string, never>;
 export type MenuItem = {
+    action: Node | null;
     href: string | null;
     icon: string | null;
     label: string;
@@ -969,7 +975,7 @@ export type Sidebar = {
     collapsible: boolean;
     rememberState: boolean;
 };
-export type Size = "xs" | "sm" | "md" | "lg" | "xl";
+export type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 export type SortDirection = "asc" | "desc";
 export type Stack = {
     align: Align | null;
@@ -1131,6 +1137,31 @@ export type ToastMessage = {
     variant: Variant;
     message: Translatable | string;
 };
+export type Toggle = {
+    autoFocus: boolean;
+    columnWidth: ColumnWidth;
+    conditions: {
+        visible?: Condition[];
+        required?: Condition[];
+        readOnly?: Condition[];
+        disabled?: Condition[];
+    } | null;
+    dependsOnAny: boolean;
+    dependsOnKeys: string[] | null;
+    disabled: boolean;
+    editablePrefill: boolean;
+    helperText: string | null;
+    hidden: boolean;
+    label: string | null;
+    name: string;
+    prefillRefreshOn: string[] | null;
+    prefillResetOn: string[] | null;
+    readOnly: boolean;
+    required: boolean;
+    tabIndex: number | null;
+    tooltip: string | null;
+    value: unknown;
+};
 export type ToggleSidebarEffect = {
     readonly target: string | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lattice-php/lattice",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Server-driven React components for Laravel and Inertia.",
   "license": "MIT",
   "author": "Manuel Christlieb <manuel@christlieb.eu>",
@@ -195,6 +195,7 @@
     "build:lib:watch": "vite build --mode lib --watch",
     "prepack": "npm run build:lib",
     "test": "vitest run",
+    "test:browser": "vitest run --project browser",
     "test:coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
     "type-coverage": "type-coverage --project tsconfig.json --at-least 99.5",
@@ -266,6 +267,7 @@
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/browser-playwright": "^4.1.8",
     "@vitest/coverage-v8": "^4.1.8",
     "astro": "7.0.0-beta.3",
     "astro-og-canvas": "^0.11.1",
@@ -289,6 +291,7 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.8"
+    "vitest": "^4.1.8",
+    "vitest-browser-react": "^2.2.0"
   }
 }