@osdk/react-components 0.12.0 → 0.13.0

package/build/types/object-table/ObjectTableApi.d.ts.map

@@ -1 +1 @@
-{"mappings":"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","names":["object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>","value: unknown","objectSet: ObjectSet<Q, RDPs>","cellData?: unknown","newWhere: WhereClause<Q, RDPs>","newOrderBy: Array<{\n      property: PropertyKeys<Q> | keyof RDPs;\n      direction: \"asc\" | \"desc\";\n    }>","info: CellEditInfo<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      unknown\n    >","edits: CellEditInfo<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  >[]","newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>","newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>","columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns","newWidth: number | null","selectedRowIds: PrimaryKeyType<Q>[]","isSelectAll?: boolean","row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","cellValue: unknown"],"sources":["../../../src/object-table/ObjectTableApi.ts"],"version":3,"file":"ObjectTableApi.d.ts"}
+{"mappings":"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","names":["object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>","value: unknown","objectSet: ObjectSet<Q, RDPs>","cellData?: unknown","newWhere: WhereClause<Q, RDPs>","newOrderBy: Array<{\n      property: PropertyKeys<Q> | keyof RDPs;\n      direction: \"asc\" | \"desc\";\n    }>","info: CellEditInfo<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      unknown\n    >","edits: CellEditInfo<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  >[]","newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>","newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>","columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns","newWidth: number | null","selectedRowIds: PrimaryKeyType<Q>[]","isSelectAll?: boolean","row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","cellValue: unknown"],"sources":["../../../src/object-table/ObjectTableApi.ts"],"version":3,"file":"ObjectTableApi.d.ts"}

package/build/types/object-table/Table.d.ts

@@ -10,9 +10,9 @@ declare module "@tanstack/react-table" {
 		columnName?: string;
 		isAsyncColumn?: boolean;
 		isVisible?: boolean;
-		editable?: boolean;
+		editable?: boolean | ((object: TData) => boolean);
 		dataType?: string;
-		editFieldConfig?: EditFieldConfig;
+		editFieldConfig?: EditFieldConfig<TData>;
 		validateEdit?: (value: unknown) => Promise<string | undefined>;
 	}
 	interface TableMeta<TData extends RowData = unknown> {
@@ -37,5 +37,12 @@ export interface BaseTableProps<TData extends RowData> {
 	error?: Error;
 	headerMenuFeatureFlags?: HeaderMenuFeatureFlags;
 	editableConfig?: EditableConfig<TData, unknown>;
+	getRowAttributes?: (object: TData) => Record<string, string | undefined>;
+	/**
+	* Whether to render the bottom edit footer. Defaults to `true`; the
+	* footer is only rendered when the table has at least one editable
+	* column (`hasEditableColumns`).
+	*/
+	showEditFooter?: boolean;
 }
 export declare function BaseTable<TData extends RowData>(props: BaseTableProps<TData>): ReactElement;

package/build/types/object-table/Table.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,MAAM,SAAS,aAAa,uBAAwB;AAElE,OAAO,cACA,oBAKA,OAAQ;AAOf,cAAc,8BAA8B,6BAA8B;AAM1E,cACE,cACA,gBACA,uBACK,kBAAmB;eAEX,wBAAwB;WAC3B;EAAW,cAAc;EAAmB;GAAkB;EACtE;EACA;EACA;EACA;EACA;EACA,kBAAkB;EAClB,gBAAgBA,mBAAmB;CACpC;WACS,UAAU,cAAc,mBAAmB;EACnD,cACEC,gBACAC,MAAM,aAAa;EAErB,yBACED,gBACAE;EAEF,4BAA4BF;EAC5B,YAAY,eAAe,aAAa;EACxC;EACA,mBAAmB;EACnB;CACD;AACF;AAED,iBAAiB,eACf,cAAc,SACd;CACA,OAAO,MAAM;CACb;CACA,sBAAsB;CACtB,cAAcG,KAAK;CACnB,uBAAuBC;CACvB;CACA,yBACED,KAAK,OACLE,MAAM,KAAK,oBACR,MAAM;CACX;CACA,QAAQ;CACR,yBAAyB;CACzB,iBAAiB,eAAe;AACjC;AAED,OAAO,iBAAS,UACd,cAAc,SACdC,OAAO,eAAe,SAAS","names":["value: unknown","cellId: string","info: CellEditInfo<TData, unknown>","error: string","row: TData","columnId: string","cell: Cell<TData, unknown>","props: BaseTableProps<TData>"],"sources":["../../../src/object-table/Table.tsx"],"version":3,"file":"Table.d.ts"}
+{"mappings":"AAgBA,cAAc,MAAM,SAAS,aAAa,uBAAwB;AAElE,OAAO,cACA,oBAKA,OAAQ;AAOf,cAAc,8BAA8B,6BAA8B;AAO1E,cACE,cACA,gBACA,uBACK,kBAAmB;eAEX,wBAAwB;WAC3B;EAAW,cAAc;EAAmB;GAAkB;EACtE;EACA;EACA;EACA,uBAAuBA,QAAQ;EAC/B;EACA,kBAAkB,gBAAgB;EAClC,gBAAgBC,mBAAmB;CACpC;WACS,UAAU,cAAc,mBAAmB;EACnD,cACEC,gBACAC,MAAM,aAAa;EAErB,yBACED,gBACAE;EAEF,4BAA4BF;EAC5B,YAAY,eAAe,aAAa;EACxC;EACA,mBAAmB;EACnB;CACD;AACF;AAED,iBAAiB,eACf,cAAc,SACd;CACA,OAAO,MAAM;CACb;CACA,sBAAsB;CACtB,cAAcG,KAAK;CACnB,uBAAuBC;CACvB;CACA,yBACED,KAAK,OACLE,MAAM,KAAK,oBACR,MAAM;CACX;CACA,QAAQ;CACR,yBAAyB;CACzB,iBAAiB,eAAe;CAChC,oBACEP,QAAQ,UACL;;;;;;CAML;AACD;AAED,OAAO,iBAAS,UACd,cAAc,SACdQ,OAAO,eAAe,SAAS","names":["object: TData","value: unknown","cellId: string","info: CellEditInfo<TData, unknown>","error: string","row: TData","columnId: string","cell: Cell<TData, unknown>","props: BaseTableProps<TData>"],"sources":["../../../src/object-table/Table.tsx"],"version":3,"file":"Table.d.ts"}

package/build/types/object-table/TableBody.d.ts

@@ -11,6 +11,7 @@ interface TableBodyProps<TData extends RowData> {
 	focusedRowId?: string | null;
 	setFocusedRowId?: (rowId: string | null) => void;
 	isInEditMode?: boolean;
+	getRowAttributes?: (object: TData) => Record<string, string | undefined>;
 }
-export declare function TableBody<TData extends RowData>({ rows, tableContainerRef, onRowClick, renderCellContextMenu, rowHeight, isLoadingMore, headerGroups, focusedRowId, setFocusedRowId, isInEditMode }: TableBodyProps<TData>): React.ReactElement;
+export declare function TableBody<TData extends RowData>({ rows, tableContainerRef, onRowClick, renderCellContextMenu, rowHeight, isLoadingMore, headerGroups, focusedRowId, setFocusedRowId, isInEditMode, getRowAttributes }: TableBodyProps<TData>): React.ReactElement;
 export {};

package/build/types/object-table/TableBody.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,MAAM,aAAa,KAAK,eAAe,uBAAwB;AAE7E,OAAO,WAAgC,OAAQ;UAMrC,eAAe,cAAc,SAAS;CAC9C,MAAM,MAAM,IAAI;CAChB,mBAAmB,MAAM,UAAU;CACnC,cAAcA,KAAK;CACnB;CACA,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,eAAe,MAAM,YAAY;CACjC;CACA,mBAAmBC;CACnB;AACD;AAED,OAAO,iBAAS,UAAU,cAAc,SAAS,EAC/C,MACA,mBACA,YACA,uBACA,WACA,eACA,cACA,cACA,iBACA,cACsB,EAArB,eAAe,SAAS,MAAM","names":["row: TData","cell: Cell<TData, unknown>","rowId: string | null"],"sources":["../../../src/object-table/TableBody.tsx"],"version":3,"file":"TableBody.d.ts"}
+{"mappings":"AAgBA,cAAc,MAAM,aAAa,KAAK,eAAe,uBAAwB;AAE7E,OAAO,WAAgC,OAAQ;UAMrC,eAAe,cAAc,SAAS;CAC9C,MAAM,MAAM,IAAI;CAChB,mBAAmB,MAAM,UAAU;CACnC,cAAcA,KAAK;CACnB;CACA,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,eAAe,MAAM,YAAY;CACjC;CACA,mBAAmBC;CACnB;CACA,oBACEC,QAAQ,UACL;AACN;AAED,OAAO,iBAAS,UAAU,cAAc,SAAS,EAC/C,MACA,mBACA,YACA,uBACA,WACA,eACA,cACA,cACA,iBACA,cACA,kBACsB,EAArB,eAAe,SAAS,MAAM","names":["row: TData","cell: Cell<TData, unknown>","rowId: string | null","object: TData"],"sources":["../../../src/object-table/TableBody.tsx"],"version":3,"file":"TableBody.d.ts"}

package/build/types/object-table/TableRow.d.ts

@@ -9,6 +9,7 @@ interface TableRowProps<TData extends RowData> {
 	isFocused: boolean;
 	setFocusedRowId?: (rowId: string | null) => void;
 	isInEditMode?: boolean;
+	getRowAttributes?: (object: TData) => Record<string, string | undefined>;
 }
-export declare function TableRow<TData extends RowData>({ row, virtualRow, onRowClick, renderCellContextMenu, isFocused, setFocusedRowId, isInEditMode }: TableRowProps<TData>): React.ReactElement;
+export declare function TableRow<TData extends RowData>({ row, virtualRow, onRowClick, renderCellContextMenu, isFocused, setFocusedRowId, isInEditMode, getRowAttributes }: TableRowProps<TData>): React.ReactElement;
 export {};

package/build/types/object-table/TableRow.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,MAAM,KAAK,eAAe,uBAAwB;AAChE,cAAc,mBAAmB,yBAA0B;AAC3D,OAAO,WAA4B,OAAQ;UAIjC,cAAc,cAAc,SAAS;CAC7C,KAAK,IAAI;CACT,YAAY;CACZ,cAAcA,KAAK;CACnB,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,mBAAmBC;CACnB;AACD;AAED,OAAO,iBAAS,SAAS,cAAc,SAAS,EAC9C,KACA,YACA,YACA,uBACA,WACA,iBACA,cACqB,EAApB,cAAc,SAAS,MAAM","names":["row: TData","cell: Cell<TData, unknown>","rowId: string | null"],"sources":["../../../src/object-table/TableRow.tsx"],"version":3,"file":"TableRow.d.ts"}
+{"mappings":"AAgBA,cAAc,MAAM,KAAK,eAAe,uBAAwB;AAChE,cAAc,mBAAmB,yBAA0B;AAC3D,OAAO,WAAqC,OAAQ;UAI1C,cAAc,cAAc,SAAS;CAC7C,KAAK,IAAI;CACT,YAAY;CACZ,cAAcA,KAAK;CACnB,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,mBAAmBC;CACnB;CACA,oBACEC,QAAQ,UACL;AACN;AAED,OAAO,iBAAS,SAAS,cAAc,SAAS,EAC9C,KACA,YACA,YACA,uBACA,WACA,iBACA,cACA,kBACqB,EAApB,cAAc,SAAS,MAAM","names":["row: TData","cell: Cell<TData, unknown>","rowId: string | null","object: TData"],"sources":["../../../src/object-table/TableRow.tsx"],"version":3,"file":"TableRow.d.ts"}

package/build/types/object-table/utils/editableUtils.d.ts

@@ -0,0 +1,16 @@
+import type { RowData } from "@tanstack/react-table";
+export type EditablePredicate<TData extends RowData = RowData> = boolean | ((object: TData) => boolean);
+/**
+* Whether a column declares any editing behavior.
+*
+* Returns `true` when `editable` is `true` or a predicate function. The
+* predicate may still return `false` for individual rows — that decision is
+* made per-cell via {@link isCellEditable}. This function answers the
+* column-level question used to drive table-wide UI like the bottom edit bar.
+*/
+export declare function isColumnDeclaredEditable<TData extends RowData>(editable: EditablePredicate<TData> | undefined): boolean;
+/**
+* Whether a specific cell is editable, given the column's `editable` value
+* and the row's object. Used at render time per cell.
+*/
+export declare function isCellEditable<TData extends RowData>(editable: EditablePredicate<TData> | undefined, object: TData): boolean;

package/build/types/object-table/utils/editableUtils.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,eAAe,uBAAwB;AAErD,YAAY,kBAAkB,cAAc,UAAU,uBAEhDA,QAAQ;;;;;;;;;AAUd,OAAO,iBAAS,yBAAyB,cAAc,SACrDC,UAAU,kBAAkB;;;;;AAS9B,OAAO,iBAAS,eAAe,cAAc,SAC3CA,UAAU,kBAAkB,oBAC5BD,QAAQ","names":["object: TData","editable: EditablePredicate<TData> | undefined"],"sources":["../../../../src/object-table/utils/editableUtils.ts"],"version":3,"file":"editableUtils.d.ts"}

package/build/types/object-table/utils/shouldShowEditableCell.d.ts

@@ -1,3 +1,4 @@
+import type { EditablePredicate } from "./editableUtils.js";
 /**
 * Determines if a cell should be rendered as editable
 *
@@ -6,4 +7,4 @@
 * @param isInEditMode - Whether the table is currently in edit mode
 * @returns true if the cell should be rendered with edit controls
 */
-export declare function shouldShowEditableCell(editable: boolean | undefined, onCellEdit: unknown, isInEditMode: boolean | undefined): boolean;
+export declare function shouldShowEditableCell<TData>(editable: EditablePredicate<TData> | undefined, onCellEdit: unknown, isInEditMode: boolean | undefined): boolean;

package/build/types/object-table/utils/shouldShowEditableCell.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAwBA,OAAO,iBAAS,uBACdA,+BACAC,qBACAC","names":["editable: boolean | undefined","onCellEdit: unknown","isInEditMode: boolean | undefined"],"sources":["../../../../src/object-table/utils/shouldShowEditableCell.ts"],"version":3,"file":"shouldShowEditableCell.d.ts"}
+{"mappings":"AAgBA,cAAc,yBAAyB,oBAAqB;;;;;;;;;AAU5D,OAAO,iBAAS,uBAAuB,OACrCA,UAAU,kBAAkB,oBAC5BC,qBACAC","names":["editable: EditablePredicate<TData> | undefined","onCellEdit: unknown","isInEditMode: boolean | undefined"],"sources":["../../../../src/object-table/utils/shouldShowEditableCell.ts"],"version":3,"file":"shouldShowEditableCell.d.ts"}

package/build/types/object-table/utils/types.d.ts

@@ -129,18 +129,11 @@ type EditFieldComponent = keyof EditFieldPropsByType;
 /**
 * Configuration for an editable cell's field component.
 *
-* @example
-* ```ts
-* editFieldConfig: {
-*   fieldComponent: "DROPDOWN",
-*   fieldComponentProps: {
-*     items: ["Active", "Inactive", "Pending"],
-*   },
-* }
-* ```
+* `getFieldComponentProps` is called with the row's object so the configuration
+* can vary per row (e.g. dropdown items that depend on row state).
 */
-export type EditFieldConfig = { [K in EditFieldComponent] : {
+export type EditFieldConfig<TData = unknown> = { [K in EditFieldComponent] : {
 	fieldComponent: K
-	fieldComponentProps: EditFieldPropsByType[K]
+	getFieldComponentProps: (object: TData) => EditFieldPropsByType[K]
 } }[EditFieldComponent];
 export {};

package/build/types/object-table/utils/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,eAAe,uBAAwB;AAErD,iBAAiB,aAAa;CAC5B;CACA;CACA;AACD;AAED,iBAAiB,eAAe;CAC9B;CACA;AACD;AAED,iBAAiB;CACf,cAAc;CACd;UACQ,eAAe;CACvB,UAAU;CACV,UAAU;CACV,iBAAiB;AAClB;AAED,YAAY,gBACR;CAAE,MAAM;CAAU,UAAU;AAAM,IAClC;CAAE,MAAM;CAAU;CAAmB,YAAYA;AAAyB;AAE9E,iBAAiB;CACf,cAAc;CACd;EACA;CACA,WAAW,eAAe,aAAa,OAAO;CAC9C,aACEC,gBACAC,MAAM,aAAa,OAAO;CAE5B,sBAAsB;CACtB;CACA,eAAe;CACf,wBACED,gBACAE;CAEF,kBAAkB;CAClB,2BAA2BF;AAC5B;;;;;;;;AASD,iBAAiB,mBAAmB,aAAa;;;;CAI/C,OAAO;;;;CAKP,qBAAqBG,MAAM;;;;;CAM3B,aAAaA,MAAM;;;;;CAMnB,eAAeC,GAAG,GAAGC,GAAG;;;;;;CAOxB;;;;CAKA;;;;CAKA;AACD;;;;;;;;AASD,iBAAiB,qBAAqB;;;;CAIpC,MAAM;;;;CAKN,MAAM;;;;CAKN;;;;;CAMA;;;;CAKA;;;;;CAMA,cAAcC,MAAM;;;;;CAMpB,aAAaC,iBAAiB;AAC/B;;;;UAKS,qBAAqB;CAC7B,UAAU;CACV,aAAa;AACd;KAEI,2BAA2B;;;;;;;;;;;;;;AAehC,YAAY,qBACT,KAAK,sBAAqB;CACzB,gBAAgB;CAChB,qBAAqB,qBAAqB;AAC3C,IACD","names":["value: boolean","cellId: string","info: CellEditInfo<TData, CellValue>","error: string","item: V","a: V","b: V","date: Date","text: string"],"sources":["../../../../src/object-table/utils/types.ts"],"version":3,"file":"types.d.ts"}
+{"mappings":"AAgBA,cAAc,eAAe,uBAAwB;AAErD,iBAAiB,aAAa;CAC5B;CACA;CACA;AACD;AAED,iBAAiB,eAAe;CAC9B;CACA;AACD;AAED,iBAAiB;CACf,cAAc;CACd;UACQ,eAAe;CACvB,UAAU;CACV,UAAU;CACV,iBAAiB;AAClB;AAED,YAAY,gBACR;CAAE,MAAM;CAAU,UAAU;AAAM,IAClC;CAAE,MAAM;CAAU;CAAmB,YAAYA;AAAyB;AAE9E,iBAAiB;CACf,cAAc;CACd;EACA;CACA,WAAW,eAAe,aAAa,OAAO;CAC9C,aACEC,gBACAC,MAAM,aAAa,OAAO;CAE5B,sBAAsB;CACtB;CACA,eAAe;CACf,wBACED,gBACAE;CAEF,kBAAkB;CAClB,2BAA2BF;AAC5B;;;;;;;;AASD,iBAAiB,mBAAmB,aAAa;;;;CAI/C,OAAO;;;;CAKP,qBAAqBG,MAAM;;;;;CAM3B,aAAaA,MAAM;;;;;CAMnB,eAAeC,GAAG,GAAGC,GAAG;;;;;;CAOxB;;;;CAKA;;;;CAKA;AACD;;;;;;;;AASD,iBAAiB,qBAAqB;;;;CAIpC,MAAM;;;;CAKN,MAAM;;;;CAKN;;;;;CAMA;;;;CAKA;;;;;CAMA,cAAcC,MAAM;;;;;CAMpB,aAAaC,iBAAiB;AAC/B;;;;UAKS,qBAAqB;CAC7B,UAAU;CACV,aAAa;AACd;KAEI,2BAA2B;;;;;;;AAQhC,YAAY,gBAAgB,sBACzB,KAAK,sBAAqB;CACzB,gBAAgB;CAChB,yBAAyBC,QAAQ,UAAU,qBAAqB;AACjE,IACD","names":["value: boolean","cellId: string","info: CellEditInfo<TData, CellValue>","error: string","item: V","a: V","b: V","date: Date","text: string","object: TData"],"sources":["../../../../src/object-table/utils/types.ts"],"version":3,"file":"types.d.ts"}

package/docs/ActionForm.md

@@ -0,0 +1,176 @@
+# ActionForm
+
+`ActionForm` renders and submits an OSDK action using `@osdk/react-components`.
+
+## Table of Contents
+
+- [Import](#import)
+- [Basic Usage](#basic-usage)
+- [Choosing ActionForm vs BaseForm](#choosing-actionform-vs-baseform)
+- [Default Field Rendering](#default-field-rendering)
+- [Custom Field Definitions](#custom-field-definitions)
+- [Behavior Notes](#behavior-notes)
+- [Examples](#examples)
+- [Styling](#styling)
+
+## Import
+
+```typescript
+import { ActionForm } from "@osdk/react-components/experimental";
+import type { FormFieldDefinition } from "@osdk/react-components/experimental";
+```
+
+## Basic Usage
+
+```tsx
+import { ActionForm } from "@osdk/react-components/experimental";
+import { updateEmployee } from "@YourApp/sdk";
+
+function UpdateEmployeeForm() {
+  return <ActionForm actionDefinition={updateEmployee} />;
+}
+```
+
+`ActionForm` fetches action metadata, renders fields for the action parameters, validates the form, and calls the OSDK action when the user submits. The form title is hidden by default. Pass `showFormTitle={true}` to show it; the title uses `formTitle` when provided, otherwise the action display name, otherwise the action API name.
+
+## Choosing ActionForm vs BaseForm
+
+| Use case                                                                 | Use this API                             |
+| ------------------------------------------------------------------------ | ---------------------------------------- |
+| Render a form directly from an OSDK action and submit with `applyAction` | `ActionForm`                             |
+| Override generated fields for an OSDK action                             | `ActionForm` with `formFieldDefinitions` |
+| Build a form from manually-authored field definitions                    | `BaseForm`                               |
+| Compose sections, standalone fields, or custom form layouts              | `BaseForm`                               |
+
+## Default Field Rendering
+
+When `formFieldDefinitions` is omitted, `ActionForm` derives one field per action parameter from action metadata.
+
+| Action parameter type                          | Default field component | Default behavior                               |
+| ---------------------------------------------- | ----------------------- | ---------------------------------------------- |
+| `string`                                       | `TEXT_INPUT`            | Single-line text input                         |
+| `marking`, `geohash`, `geoshape`, `objectType` | `TEXT_INPUT`            | Text input fallback for string-like values     |
+| `boolean`                                      | `RADIO_BUTTONS`         | True/False radio options                       |
+| `integer`, `double`, `long`                    | `NUMBER_INPUT`          | Numeric input                                  |
+| `datetime`, `timestamp`                        | `DATETIME_PICKER`       | Date picker                                    |
+| `attachment`, `mediaReference`                 | `FILE_PICKER`           | File picker                                    |
+| `{ type: "object" }`                           | `OBJECT_SELECT`         | Object selector for the referenced object type |
+| `{ type: "objectSet" }`                        | `OBJECT_SET`            | Read-only object set summary                   |
+| `{ type: "interface" }`, `{ type: "struct" }`  | `TEXT_INPUT`            | Text input fallback                            |
+
+Required validation is inferred from the action parameter's nullability. Additional validation comes from field-specific props such as `min`, `max`, `minLength`, `maxLength`, and `maxSize`.
+
+## Custom Field Definitions
+
+Use `formFieldDefinitions` when the default rendering for a parameter is not the UI you want. The list is a complete replacement: include every parameter that should appear in the form.
+
+```tsx
+const fields = [
+  {
+    fieldKey: "fullName",
+    label: "Full name",
+    fieldComponent: "TEXT_INPUT",
+    fieldComponentProps: {
+      placeholder: "Jane Doe",
+      minLength: 2,
+    },
+  },
+  {
+    fieldKey: "yearsExperience",
+    label: "Years of experience",
+    fieldComponent: "NUMBER_INPUT",
+    fieldComponentProps: {
+      min: 0,
+      max: 80,
+    },
+  },
+  {
+    fieldKey: "isRemote",
+    label: "Remote employee",
+    fieldComponent: "SWITCH",
+    fieldComponentProps: {},
+  },
+] satisfies Array<FormFieldDefinition<typeof updateEmployee>>;
+
+<ActionForm actionDefinition={updateEmployee} formFieldDefinitions={fields} />;
+```
+
+For a completely custom field, use `fieldComponent: "CUSTOM"` and provide `customRenderer`:
+
+```tsx
+const fields = [
+  {
+    fieldKey: "approvalReason",
+    label: "Approval reason",
+    fieldComponent: "CUSTOM",
+    fieldComponentProps: {
+      customRenderer: ({ value, onChange }) => (
+        <textarea
+          value={value != null ? String(value) : ""}
+          onChange={(event) => onChange?.(event.target.value)}
+        />
+      ),
+    },
+  },
+] satisfies Array<FormFieldDefinition<typeof approveEmployee>>;
+
+<ActionForm actionDefinition={approveEmployee} formFieldDefinitions={fields} />;
+```
+
+## Behavior Notes
+
+- `formFieldDefinitions` replaces generated fields. Passing one custom field means only that field renders.
+- `fieldKey` must match the action parameter key; submitted form state uses the same keys.
+- `fieldComponentProps` should not include `value`, `onChange`, or `id`; form state wiring provides those.
+- Controlled mode requires both `formState` and `onFormStateChange`.
+- Use `onSubmit` for custom submission behavior. If `onSubmit` is omitted, `ActionForm` calls `applyAction` and then `onSuccess`.
+
+## Examples
+
+### Controlled form state
+
+```tsx
+const [formState, setFormState] = useState({
+  fullName: "Ada Lovelace",
+  isRemote: true,
+});
+
+<ActionForm
+  actionDefinition={updateEmployee}
+  formState={formState}
+  onFormStateChange={setFormState}
+/>;
+```
+
+### Custom submit handling
+
+```tsx
+<ActionForm
+  actionDefinition={updateEmployee}
+  onSubmit={async (formState, applyAction) => {
+    await applyAction(formState);
+    showToast("Employee updated");
+  }}
+/>;
+```
+
+## Styling
+
+`ActionForm` is built on `BaseForm`, so the form layout and field styling use the same CSS variables documented in [CSSVariables.md](./CSSVariables.md).
+
+`ActionForm` does not add outer padding by default. Apply internal spacing by setting the form padding variables on the form or a wrapper element:
+
+```css
+.employeeForm {
+  --osdk-form-content-padding-inline: calc(var(--osdk-surface-spacing) * 4);
+  --osdk-form-content-padding-block: calc(var(--osdk-surface-spacing) * 4);
+}
+```
+
+```tsx
+<div className="employeeForm">
+  <ActionForm actionDefinition={updateEmployee} />
+</div>;
+```
+
+Use `--osdk-form-content-padding-inline` to apply shared horizontal padding to the header, fields, and footer. Use `--osdk-form-content-padding-block` to control vertical padding for the form fields section. For card-style outer spacing, apply margin, border, background, and border radius to the wrapper rather than the form itself.

package/docs/CSSVariables.md

@@ -252,6 +252,18 @@ Styling for button components.
 | `--osdk-button-secondary-bg-hover`  | `var(--osdk-surface-background-color-default-hover)`  | Secondary button hover background  |
 | `--osdk-button-secondary-bg-active` | `var(--osdk-surface-background-color-default-active)` | Secondary button active background |
 
+#### Minimal Button
+
+| Variable                                | Default Value                                         | Description                         |
+| --------------------------------------- | ----------------------------------------------------- | ----------------------------------- |
+| `--osdk-button-minimal-bg`              | `transparent`                                         | Minimal button background           |
+| `--osdk-button-minimal-bg-hover`        | `var(--osdk-surface-background-color-default-hover)`  | Minimal button hover background     |
+| `--osdk-button-minimal-bg-active`       | `var(--osdk-surface-background-color-default-active)` | Minimal button active background    |
+| `--osdk-button-minimal-border`          | `none`                                                | Minimal button border               |
+| `--osdk-button-minimal-shadow`          | `none`                                                | Minimal button shadow               |
+| `--osdk-button-secondary-minimal-color` | `var(--osdk-typography-color-default-rest)`           | Secondary minimal button text color |
+| `--osdk-button-primary-minimal-color`   | `var(--osdk-button-primary-bg)`                       | Primary minimal button text color   |
+
 ### Checkbox
 
 Styling for checkbox components.
@@ -547,17 +559,6 @@ Styling for file picker components.
 | `--osdk-file-picker-clear-color`       | `var(--osdk-typography-color-muted)`        | Clear button color       |
 | `--osdk-file-picker-clear-color-hover` | `var(--osdk-typography-color-default-rest)` | Clear button hover color |
 
-#### Browse Button
-
-| Variable                                | Default Value                                                                   | Description                     |
-| --------------------------------------- | ------------------------------------------------------------------------------- | ------------------------------- |
-| `--osdk-file-picker-browse-bg`          | `var(--osdk-button-secondary-bg)`                                               | Browse button background        |
-| `--osdk-file-picker-browse-bg-hover`    | `var(--osdk-button-secondary-bg-hover)`                                         | Browse button hover background  |
-| `--osdk-file-picker-browse-bg-active`   | `var(--osdk-button-secondary-bg-active)`                                        | Browse button active background |
-| `--osdk-file-picker-browse-color`       | `var(--osdk-button-secondary-color)`                                            | Browse button text color        |
-| `--osdk-file-picker-browse-padding`     | `calc(var(--osdk-surface-spacing) * 1.5) calc(var(--osdk-surface-spacing) * 3)` | Browse button padding           |
-| `--osdk-file-picker-browse-border-left` | `var(--osdk-input-border-width) solid var(--osdk-input-border-color)`           | Browse button left border       |
-
 ### Filter List
 
 Styling for filter list components including search, checkboxes, listogram, and range inputs.
@@ -923,21 +924,21 @@ Styling for form components.
 
 #### Layout
 
-| Variable                      | Default Value                           | Description          |
-| ----------------------------- | --------------------------------------- | -------------------- |
-| `--osdk-form-content-padding` | `calc(var(--osdk-surface-spacing) * 4)` | Form content padding |
-| `--osdk-form-field-gap`       | `calc(var(--osdk-surface-spacing) * 4)` | Gap between fields   |
+| Variable                             | Default Value                             | Description                                      |
+| ------------------------------------ | ----------------------------------------- | ------------------------------------------------ |
+| `--osdk-form-fields-gap`             | `calc(var(--osdk-surface-spacing) * 1.5)` | Gap between fields                               |
+| `--osdk-form-content-padding-inline` | `0`                                       | Shared inline padding for form regions           |
+| `--osdk-form-content-padding-block`  | `0`                                       | Content block padding for the form fields region |
 
 #### Header
 
-| Variable                            | Default Value                               | Description           |
-| ----------------------------------- | ------------------------------------------- | --------------------- |
-| `--osdk-form-header-border-color`   | `var(--osdk-surface-border-color-default)`  | Header border color   |
-| `--osdk-form-header-font-size`      | `var(--osdk-typography-size-body-large)`    | Header font size      |
-| `--osdk-form-header-font-weight`    | `var(--osdk-typography-weight-bold)`        | Header font weight    |
-| `--osdk-form-header-color`          | `var(--osdk-typography-color-default-rest)` | Header text color     |
-| `--osdk-form-header-block-padding`  | `calc(var(--osdk-surface-spacing) * 3)`     | Header block padding  |
-| `--osdk-form-header-inline-padding` | `var(--osdk-form-content-padding)`          | Header inline padding |
+| Variable                           | Default Value                               | Description          |
+| ---------------------------------- | ------------------------------------------- | -------------------- |
+| `--osdk-form-header-border-color`  | `var(--osdk-surface-border-color-default)`  | Header border color  |
+| `--osdk-form-header-font-size`     | `var(--osdk-typography-size-body-large)`    | Header font size     |
+| `--osdk-form-header-font-weight`   | `var(--osdk-typography-weight-bold)`        | Header font weight   |
+| `--osdk-form-header-color`         | `var(--osdk-typography-color-default-rest)` | Header text color    |
+| `--osdk-form-header-block-padding` | `calc(var(--osdk-surface-spacing) * 2)`     | Header block padding |
 
 #### Footer
 
@@ -949,12 +950,12 @@ Styling for form components.
 
 #### Labels
 
-| Variable                        | Default Value                               | Description                 |
-| ------------------------------- | ------------------------------------------- | --------------------------- |
-| `--osdk-form-label-font-size`   | `var(--osdk-typography-size-body-medium)`   | Label font size             |
-| `--osdk-form-label-font-weight` | `var(--osdk-typography-weight-bold)`        | Label font weight           |
-| `--osdk-form-label-color`       | `var(--osdk-typography-color-default-rest)` | Label text color            |
-| `--osdk-form-label-field-gap`   | `calc(var(--osdk-surface-spacing) * 1.5)`   | Gap between label and field |
+| Variable                        | Default Value                               | Description                  |
+| ------------------------------- | ------------------------------------------- | ---------------------------- |
+| `--osdk-form-label-font-size`   | `var(--osdk-typography-size-body-medium)`   | Label font size              |
+| `--osdk-form-label-font-weight` | `var(--osdk-typography-weight-bold)`        | Label font weight            |
+| `--osdk-form-label-color`       | `var(--osdk-typography-color-default-rest)` | Label text color             |
+| `--osdk-form-field-gap`         | `var(--osdk-surface-spacing)`               | Gap between items in a field |
 
 #### Validation
 
@@ -1293,7 +1294,7 @@ To create a custom theme, override the tokens at the appropriate level. You can
     --osdk-table-header-bg: #f0f0f0;
     --osdk-table-row-bg-default: white;
     --osdk-table-border-color: #e0e0e0;
-    
+
     /* Customize editable table styling */
     --osdk-table-cell-editable-border: 1px solid #3b82f6;
     --osdk-table-cell-edited-border: 2px solid #10b981;