@protobase/layout 0.16.0 → 0.17.0

package/dist/block-specs.js

@@ -91,6 +91,17 @@ const blockSpecs = {
 			span: optional("span")
 		}
 	},
+	RecordRow: {
+		children: false,
+		props: {
+			...data,
+			...heading,
+			limit: optional("integer"),
+			display: optional("text"),
+			empty: optional("text"),
+			span: optional("span")
+		}
+	},
 	Progress: {
 		children: false,
 		props: {

package/dist/blocks.d.ts

@@ -71,6 +71,18 @@ export type CardRowProps = DataProps & Heading & {
   span?: GridSpan;
   children?: LayoutChildren;
 };
+/**
+ * What a filter finds, as the resource's list draws it: the filter's chips, how many records match, and the records as
+ * the cards of `display` in one row that scrolls sideways, loading more as it scrolls, with "View all".
+ */
+export type RecordRowProps = DataProps & Heading & {
+  /** How many records it shows at most; every one that matches when omitted. */
+  limit?: number;
+  /** The cards display of the resource's view whose cards it draws; its first when omitted. */
+  display?: string;
+  empty?: string;
+  span?: GridSpan;
+};
 export type ProgressProps = {
   /** A number, or a field of the record around it. */
   value: number | string;
@@ -124,6 +136,7 @@ export declare const RecordCard: Block<RecordCardProps>;
 export declare const Field: Block<FieldProps>;
 export declare const Table: Block<TableProps>;
 export declare const CardRow: Block<CardRowProps>;
+export declare const RecordRow: Block<RecordRowProps>;
 export declare const Progress: Block<ProgressProps>;
 export declare const ModalForm: Block<ModalFormProps>;
 export declare const Action: Block<ActionProps>;

package/dist/blocks.js

@@ -8,10 +8,11 @@ const RecordCard = defineBlock("RecordCard", false);
 const Field = defineBlock("Field", false);
 const Table = defineBlock("Table", false);
 const CardRow = defineBlock("CardRow", false);
+const RecordRow = defineBlock("RecordRow", false);
 const Progress = defineBlock("Progress", false);
 const ModalForm = defineBlock("ModalForm", false);
 const Action = defineBlock("Action", false);
 const Show = defineBlock("Show", false);
 const Link = defineBlock("Link", false);
 //#endregion
-export { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, Show, Stat, Table };
+export { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, RecordRow, Show, Stat, Table };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Block, LayoutChild, LayoutChildren, LayoutNode, LayoutValue, isLayoutNode } from "./node.js";
-import { Action, ActionProps, ButtonVariant, Card, CardProps, CardRow, CardRowProps, DataProps, Elements, Field, FieldProps, Grid, GridProps, GridSpan, Link, LinkProps, ModalForm, ModalFormProps, Page, PageProps, Progress, ProgressProps, RecordCard, RecordCardProps, Show, ShowProps, Stat, StatProps, Table, TableProps } from "./blocks.js";
+import { Action, ActionProps, ButtonVariant, Card, CardProps, CardRow, CardRowProps, DataProps, Elements, Field, FieldProps, Grid, GridProps, GridSpan, Link, LinkProps, ModalForm, ModalFormProps, Page, PageProps, Progress, ProgressProps, RecordCard, RecordCardProps, RecordRow, RecordRowProps, Show, ShowProps, Stat, StatProps, Table, TableProps } from "./blocks.js";
 import { ComponentOptions, component } from "./component.js";
 import { PageDefinition, PageModel, PageOptions, isPageDefinition, page } from "./page.js";
 import { checkPages } from "./check-page.js";
@@ -8,4 +8,4 @@ import { countedResource, evaluateCondition, parseCondition } from "./condition.
 import { PathStep, resolveFieldPath } from "./field-path.js";
 import { jsx_runtime_d_exports } from "./jsx-runtime.js";
 import { FieldRefValue, fieldRef } from "@protobase/schema";
-export { Action, type ActionProps, type Block, type ButtonVariant, Card, type CardProps, CardRow, type CardRowProps, type ComponentOptions, type DataProps, type Elements, Field, type FieldProps, type FieldRefValue, Grid, type GridProps, type GridSpan, type LayoutChild, type LayoutChildren, type LayoutNode, type LayoutValue, Link, type LinkProps, ModalForm, type ModalFormProps, Page, type PageDefinition, type PageModel, type PageOptions, type PageProps, type PathStep, Progress, type ProgressProps, RecordCard, type RecordCardProps, Show, type ShowProps, Stat, type StatProps, Table, type TableProps, checkPages, component, countedResource, evaluateCondition, fieldRef, isLayoutNode, isPageDefinition, jsx_runtime_d_exports as jsxRuntime, page, parseCondition, prunePage, resolveFieldPath };
+export { Action, type ActionProps, type Block, type ButtonVariant, Card, type CardProps, CardRow, type CardRowProps, type ComponentOptions, type DataProps, type Elements, Field, type FieldProps, type FieldRefValue, Grid, type GridProps, type GridSpan, type LayoutChild, type LayoutChildren, type LayoutNode, type LayoutValue, Link, type LinkProps, ModalForm, type ModalFormProps, Page, type PageDefinition, type PageModel, type PageOptions, type PageProps, type PathStep, Progress, type ProgressProps, RecordCard, type RecordCardProps, RecordRow, type RecordRowProps, Show, type ShowProps, Stat, type StatProps, Table, type TableProps, checkPages, component, countedResource, evaluateCondition, fieldRef, isLayoutNode, isPageDefinition, jsx_runtime_d_exports as jsxRuntime, page, parseCondition, prunePage, resolveFieldPath };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { isLayoutNode } from "./node.js";
-import { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, Show, Stat, Table } from "./blocks.js";
+import { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, RecordRow, Show, Stat, Table } from "./blocks.js";
 import { component } from "./component.js";
 import { countedResource, evaluateCondition, parseCondition } from "./condition.js";
 import { isPageDefinition, page } from "./page.js";
@@ -8,4 +8,4 @@ import { checkPages } from "./check-page.js";
 import { prunePage } from "./prune-page.js";
 import { jsx_runtime_exports } from "./jsx-runtime.js";
 import { fieldRef } from "@protobase/schema";
-export { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, Show, Stat, Table, checkPages, component, countedResource, evaluateCondition, fieldRef, isLayoutNode, isPageDefinition, jsx_runtime_exports as jsxRuntime, page, parseCondition, prunePage, resolveFieldPath };
+export { Action, Card, CardRow, Field, Grid, Link, ModalForm, Page, Progress, RecordCard, RecordRow, Show, Stat, Table, checkPages, component, countedResource, evaluateCondition, fieldRef, isLayoutNode, isPageDefinition, jsx_runtime_exports as jsxRuntime, page, parseCondition, prunePage, resolveFieldPath };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/layout",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Composed pages for Protobase, written as JSX that compiles to plain data, with its JSX runtime.",
   "license": "Apache-2.0",
   "repository": {
@@ -31,7 +31,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@protobase/schema": "0.16.0",
+    "@protobase/schema": "0.17.0",
     "aip-parsers": "^1.0.0"
   }
 }