@osdk/react-components 0.2.0-beta.1 → 0.2.0-beta.3

package/build/types/filter-list/utils/coerceFilterValue.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"KAgBK;;;;;AAML,OAAO,iBAAS,eACdA,OAAO;;;;AAST,OAAO,iBAAS,oBACdC,QAAQ","names":["value: FilterValue | undefined","values: FilterValue[] | undefined"],"sources":["../../../../src/filter-list/utils/coerceFilterValue.ts"],"version":3,"file":"coerceFilterValue.d.ts"}

package/build/types/filter-list/utils/filterStateToWhereClause.d.ts

@@ -0,0 +1,16 @@
+import type { ObjectTypeDefinition, WhereClause } from "@osdk/api";
+import type { FilterDefinitionUnion } from "../FilterListApi.js";
+import type { FilterState } from "../FilterListItemApi.js";
+/**
+* Builds a WhereClause from filter definitions and their current states.
+*
+* The filterStates map uses string keys derived from filter definitions via
+* getFilterKey(). This ensures stable state lookups even when filters are
+* reordered or definition object references change.
+*
+* Note: The `as WhereClause<Q>` casts are necessary because we're building
+* clauses dynamically from property keys determined at runtime. TypeScript
+* cannot verify that the constructed clause structure matches the generic Q's
+* expected shape, but the structure is guaranteed to be valid by construction.
+*/
+export declare function buildWhereClause<Q extends ObjectTypeDefinition>(definitions: Array<FilterDefinitionUnion<Q>> | undefined, filterStates: Map<string, FilterState>, operator: "and" | "or", objectType?: Q): WhereClause<Q>;

package/build/types/filter-list/utils/filterStateToWhereClause.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,sBAAsB,mBAAmB,WAAY;AACnE,cAAc,6BAA6B,qBAAsB;AACjE,cAAc,mBAAmB,yBAA0B;;;;;;;;;;;;;AAiK3D,OAAO,iBAAS,iBAAiB,UAAU,sBACzCA,aAAa,MAAM,sBAAsB,iBACzCC,cAAc,YAAY,cAC1BC,UAAU,QAAQ,MAClBC,aAAa,IACZ,YAAY","names":["definitions: Array<FilterDefinitionUnion<Q>> | undefined","filterStates: Map<string, FilterState>","operator: \"and\" | \"or\"","objectType?: Q"],"sources":["../../../../src/filter-list/utils/filterStateToWhereClause.ts"],"version":3,"file":"filterStateToWhereClause.d.ts"}

package/build/types/filter-list/utils/filterValues.d.ts

@@ -0,0 +1,5 @@
+import type { FilterState } from "../FilterListItemApi.js";
+/** Case-insensitive substring filter for search functionality. */
+export declare function filterValuesBySearch<T>(values: T[], searchValue: string, getValue: (item: T) => string): T[];
+/** Check if a filter state has an active (non-empty) value. */
+export declare function filterHasActiveState(state: FilterState | undefined): boolean;

package/build/types/filter-list/utils/filterValues.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,mBAAmB,yBAA0B;;AAG3D,OAAO,iBAAS,qBAAqB,GACnCA,QAAQ,KACRC,qBACAC,WAAWC,MAAM,eAChB;;AAQH,OAAO,iBAAS,qBAAqBC,OAAO","names":["values: T[]","searchValue: string","getValue: (item: T) => string","item: T","state: FilterState | undefined"],"sources":["../../../../src/filter-list/utils/filterValues.ts"],"version":3,"file":"filterValues.d.ts"}

package/build/types/filter-list/utils/getFilterKey.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectTypeDefinition } from "@osdk/api";
+import type { FilterDefinitionUnion } from "../FilterListApi.js";
+export declare function getFilterKey<Q extends ObjectTypeDefinition>(definition: FilterDefinitionUnion<Q>): string;

package/build/types/filter-list/utils/getFilterKey.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,4BAA4B,WAAY;AACtD,cAAc,6BAA6B,qBAAsB;AAGjE,OAAO,iBAAS,aAAa,UAAU,sBACrCA,YAAY,sBAAsB","names":["definition: FilterDefinitionUnion<Q>"],"sources":["../../../../src/filter-list/utils/getFilterKey.ts"],"version":3,"file":"getFilterKey.d.ts"}

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

@@ -0,0 +1,18 @@
+import type { ColumnOrderState, VisibilityState } from "@tanstack/react-table";
+import React from "react";
+import type { ColumnOption } from "./utils/types.js";
+export interface ColumnConfig {
+	columnId: string;
+	isVisible: boolean;
+}
+export type ColumnConfigOptions = Array<Pick<ColumnOption, "id" | "name">>;
+export interface ColumnConfigDialogProps {
+	isOpen: boolean;
+	onClose: () => void;
+	columnOptions: ColumnConfigOptions;
+	currentVisibility?: VisibilityState;
+	currentColumnOrder?: ColumnOrderState;
+	onApply: (columns: ColumnConfig[]) => void;
+	isValidConfig?: (columns: ColumnConfig[]) => boolean;
+}
+export declare function ColumnConfigDialog({ isOpen, onClose, columnOptions, currentVisibility, currentColumnOrder, onApply, isValidConfig }: ColumnConfigDialogProps): React.ReactElement | null;

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

@@ -0,0 +1 @@
+{"mappings":"AAoBA,cAAc,kBAAkB,uBAAuB,uBAAwB;AAE/E,OAAO,WAA0D,OAAQ;AAOzE,cAAc,oBAAoB,kBAAmB;AAErD,iBAAiB,aAAa;CAC5B;CACA;AACD;AAED,YAAY,sBAAsB,MAAM,KAAK,cAAc,OAAO;AAElE,iBAAiB,wBAAwB;CACvC;CACA;CACA,eAAe;CACf,oBAAoB;CACpB,qBAAqB;CACrB,UACEA,SAAS;CAEX,iBAAiBA,SAAS;AAC3B;AAQD,OAAO,iBAAS,mBAAmB,EACjC,QACA,SACA,eACA,mBACA,oBACA,SACA,eACwB,EAAvB,0BACC,MAAM","names":["columns: ColumnConfig[]"],"sources":["../../../src/object-table/ColumnConfigDialog.tsx"],"version":3,"file":"ColumnConfigDialog.d.ts"}

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

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,aAAa,SAAS,aAAa,uBAAwB;AAEzE,OAAO,WAA4C,OAAQ;UAOjD,uBAAuB,cAAc,SAAS;CACtD,OAAO,MAAM;CACb,mBAAmB,MAAM,UAAU;CACnC,cAAc,MAAM,YAAY;CAChC;CACA;AACD;AAID,OAAO,iBAAS,kBAAkB,cAAc,SAAS,EACvD,OACA,mBACA,cACA,WACA,aAC8B,EAA7B,uBAAuB,SAAS,MAAM","names":[],"sources":["../../../src/object-table/LoadingStateTable.tsx"],"version":3,"file":"LoadingStateTable.d.ts"}
+{"mappings":"AAgBA,cAAc,aAAa,SAAS,aAAa,uBAAwB;AAEzE,OAAO,WAAqD,OAAQ;UAO1D,uBAAuB,cAAc,SAAS;CACtD,OAAO,MAAM;CACb,mBAAmB,MAAM,UAAU;CACnC,cAAc,MAAM,YAAY;CAChC;CACA;AACD;AAID,OAAO,iBAAS,kBAAkB,cAAc,SAAS,EACvD,OACA,mBACA,cACA,WACA,aAC8B,EAA7B,uBAAuB,SAAS,MAAM","names":[],"sources":["../../../src/object-table/LoadingStateTable.tsx"],"version":3,"file":"LoadingStateTable.d.ts"}

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

@@ -0,0 +1,15 @@
+import type { SortingState } from "@tanstack/react-table";
+import React from "react";
+import type { ColumnOption } from "./utils/types.js";
+export interface SortColumnItem extends ColumnOption {
+	direction: "asc" | "desc";
+}
+interface MultiColumnSortDialogProps {
+	isOpen: boolean;
+	onClose: () => void;
+	onApply: (sortColumns: SortingState) => void;
+	currentSorting: SortingState;
+	columnOptions: ColumnOption[];
+}
+export declare function MultiColumnSortDialog({ isOpen, onClose, onApply, currentSorting, columnOptions }: MultiColumnSortDialogProps): React.ReactElement;
+export {};

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

@@ -0,0 +1 @@
+{"mappings":"AA0BA,cAAc,oBAAoB,uBAAwB;AAE1D,OAAO,WAA0D,OAAQ;AAMzE,cAAc,oBAAoB,kBAAmB;AAErD,iBAAiB,uBAAuB,aAAa;CACnD,WAAW,QAAQ;AACpB;UAES,2BAA2B;CACnC;CACA;CACA,UAAUA,aAAa;CACvB,gBAAgB;CAChB,eAAe;AAChB;AAED,OAAO,iBAAS,sBAAsB,EACpC,QACA,SACA,SACA,gBACA,eAC2B,EAA1B,6BAA6B,MAAM","names":["sortColumns: SortingState"],"sources":["../../../src/object-table/MultiColumnSortDialog.tsx"],"version":3,"file":"MultiColumnSortDialog.d.ts"}

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

@@ -13,4 +13,4 @@ export declare function ObjectTable<
 	Q extends ObjectOrInterfaceDefinition,
 	RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,
 	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>
->({ objectType, columnDefinitions, filter, orderBy, defaultOrderBy, onOrderByChanged, onColumnsPinnedChanged, onRowSelection, renderCellContextMenu, selectionMode, selectedRows,...props }: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement;
+>({ objectType, columnDefinitions, filter, orderBy, defaultOrderBy, onOrderByChanged, onColumnsPinnedChanged, onColumnResize, onRowSelection, renderCellContextMenu, selectionMode, selectedRows, onColumnVisibilityChanged, enableOrdering, enableColumnPinning, enableColumnResizing, enableColumnConfig,...props }: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement;

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

@@ -1 +1 @@
-{"mappings":"AAgBA,cACE,6BAGA,iBACA,yBACK,WAAY;AAGnB,OAAO,WAA+C,OAAQ;AAQ9D,cAAc,wBAAwB,qBAAsB;;;;;;;;;AAa5D,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,eAAe,qBAAqB;CAIjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAI9D,EACA,YACA,mBACA,QACA,SACA,gBACA,kBACA,wBACA,gBACA,uBACA,eACA,aACA,GAAG,OACwC,EAA1C,iBAAiB,GAAG,MAAM,mBAAmB,MAAM","names":[],"sources":["../../../src/object-table/ObjectTable.tsx"],"version":3,"file":"ObjectTable.d.ts"}
+{"mappings":"AAgBA,cACE,6BAGA,iBACA,yBACK,WAAY;AAGnB,OAAO,WAAqC,OAAQ;AASpD,cAAc,wBAAwB,qBAAsB;;;;;;;;;AAc5D,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,eAAe,qBAAqB;CAIjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAI9D,EACA,YACA,mBACA,QACA,SACA,gBACA,kBACA,wBACA,gBACA,gBACA,uBACA,eACA,cACA,2BACA,gBACA,qBACA,sBACA,mBACA,GAAG,OACwC,EAA1C,iBAAiB,GAAG,MAAM,mBAAmB,MAAM","names":[],"sources":["../../../src/object-table/ObjectTable.tsx"],"version":3,"file":"ObjectTable.d.ts"}

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

@@ -21,6 +21,20 @@ export type ColumnDefinition<
 	orderable?: boolean
 	filterable?: boolean
 	renderCell?: (object: Osdk.Instance<Q, "$allBaseProperties", PropertyKeys<Q>, RDPs>, locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>) => React.ReactNode
+	/**
+	* If provided, this will be used in the column header.
+	* If both columnName and renderHeader are provided, renderHeader will take precedence in the table header.
+	* columnName will still be used in other parts where the column name is displayed.
+	*
+	* If not provided,
+	* for a property column, the property displayName will be used
+	* for other columns, the id will be used.
+	*/
+	columnName?: string
+	/**
+	* If provided, this will be used to render the header component.
+	* When both columnName and renderHeader are provided, renderHeader will take precedence in the table header.
+	*/
 	renderHeader?: () => React.ReactNode
 };
 export type ColumnDefinitionLocator<
@@ -37,6 +51,9 @@ export type ColumnDefinitionLocator<
 	type: "rdp"
 	id: keyof RDPs
 	creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>
+} | {
+	type: "custom"
+	id: string
 };
 export interface ObjectTableProps<
 	Q extends ObjectOrInterfaceDefinition,
@@ -58,7 +75,7 @@ export interface ObjectTableProps<
 	*
 	* @default true
 	*/
-	filterable?: boolean;
+	enableFiltering?: boolean;
 	/**
 	* The current where clause to filter the objects in the table.
 	* If provided, the filter is controlled.
@@ -76,7 +93,25 @@ export interface ObjectTableProps<
 	*
 	* @default true
 	*/
-	orderable?: boolean;
+	enableOrdering?: boolean;
+	/**
+	* Whether columns can be pinned by the user.
+	*
+	* @default true
+	*/
+	enableColumnPinning?: boolean;
+	/**
+	* Whether columns can be resized by the user.
+	*
+	* @default true
+	*/
+	enableColumnResizing?: boolean;
+	/**
+	* Whether the column configuration dialog for column visibility and ordering is available to the user.
+	*
+	* @default true
+	*/
+	enableColumnConfig?: boolean;
 	/**
 	* The default order by clause to sort the objects in the table.
 	* If provided without orderBy prop, the sorting is uncontrolled.
@@ -106,11 +141,11 @@ export interface ObjectTableProps<
 		direction: "asc" | "desc"
 	}>) => void;
 	/**
-	* Called when the visible columns change.
+	* Called when the column visibility or ordering changed.
 	*
 	* If provided, the table will allow the user to show/hide columns.
 	*
-	* @param newStates The new list of column visibility states
+	* @param newStates The columns sorted in their display order in the table and their visibility state.
 	*/
 	onColumnVisibilityChanged?: (newStates: Array<{
 		columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns
@@ -131,9 +166,9 @@ export interface ObjectTableProps<
 	* Called when a column is resized.
 	*
 	* @param columnId The ID of the resized column
-	* @param newWidth The new width of the column
+	* @param newWidth The new width of the column. When newWidth = null, the column size is reset.
 	*/
-	onColumnResize?: (columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns, newWidth: number) => void;
+	onColumnResize?: (columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns, newWidth: number | null) => void;
 	/**
 	* Called when a row is clicked.
 	*

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

@@ -1 +1 @@
-{"mappings":"AAgBA,cACE,iBACA,6BACA,MACA,gBACA,cACA,iBACA,mBACA,mBACK,WAAY;AACnB,iBAAiB,WAAW,OAAQ;AAEpC,YAAY;CACV,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;IAI5D;CACF,SAAS,wBAAwB,GAAG,MAAM;;;;CAK1C;;;;CAKA,SAAS,SAAS,UAAU;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA,cACEA,QAAQ,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI,OAChEC,SAAS,wBAAwB,GAAG,MAAM,qBACvC,MAAM;CACX,qBAAqB,MAAM;AAC5B;AAED,YAAY;CACV,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;IAK5D;CACA,MAAM;CACN,IAAI,aAAa;AAClB,IACC;CACA,MAAM;CACN,UAAU;AACX,IACC;CACA,MAAM;CACN,UAAU;CACV,SAAS,gBAAgB,QAAQ,GAAG,WAAW;AAChD;AAEH,iBAAiB;CACf,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAI9D;;;;CAIA,YAAY;;;;;;CAOZ,oBAAoB,MAAM,iBAAiB,GAAG,MAAM;;;;;;CAOpD;;;;;CAMA,SAAS,YAAY,GAAG;;;;;;;CAQxB,mBAAmBC,UAAU,YAAY,GAAG;;;;;;CAO5C;;;;;;CAOA,iBAAiB,MAAM;EACrB,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;CAOD,UAAU,MAAM;EACd,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;;CAQD,oBACEC,YAAY,MAAM;EAChB,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;;;CAUH,6BACEC,WAAW,MAAM;EACf,UAAU,aAAa,WAAW,aAAa;EAC/C;CACD;;;;;;;;CAUH,0BACEC,WAAW,MAAM;EACf,UAAU,aAAa,WAAW,aAAa;EAC/C,QAAQ,SAAS,UAAU;CAC5B;;;;;;;CASH,kBACEC,UAAU,aAAa,WAAW,aAAa,iBAC/CC;;;;;;CAQF,cACEP,QAAQ,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI;;;;;;;;;CAWlE,gBAAgB,WAAW,aAAa;;;;;CAMxC,eAAe,eAAe;;;;;;;CAS9B,kBAAkBQ,gBAAgB,eAAe;;;;CAKjD,yBACEC,KAAK,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI,OAC7DC,uBACG,MAAM;;;;;;CAOX;CAEA;AACD","names":["object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>","newWhere: WhereClause<Q, RDPs>","newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\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","selectedRowIds: PrimaryKeyType<Q>[]","row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","cellValue: unknown"],"sources":["../../../src/object-table/ObjectTableApi.ts"],"version":3,"file":"ObjectTableApi.d.ts"}
+{"mappings":"AAgBA,cACE,iBACA,6BACA,MACA,gBACA,cACA,iBACA,mBACA,mBACK,WAAY;AACnB,iBAAiB,WAAW,OAAQ;AAEpC,YAAY;CACV,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;IAI5D;CACF,SAAS,wBAAwB,GAAG,MAAM;;;;CAK1C;;;;CAKA,SAAS,SAAS,UAAU;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA,cACEA,QAAQ,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI,OAChEC,SAAS,wBAAwB,GAAG,MAAM,qBACvC,MAAM;;;;;;;;;;CAWX;;;;;CAMA,qBAAqB,MAAM;AAC5B;AAED,YAAY;CACV,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;IAK5D;CACA,MAAM;CACN,IAAI,aAAa;AAClB,IACC;CACA,MAAM;CACN,UAAU;AACX,IACC;CACA,MAAM;CACN,UAAU;CACV,SAAS,gBAAgB,QAAQ,GAAG,WAAW;AAChD,IACC;CACA,MAAM;CACN;AACD;AAEH,iBAAiB;CACf,UAAU;CACV,aAAa,eAAe,qBAAqB;CACjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAI9D;;;;CAIA,YAAY;;;;;;CAOZ,oBAAoB,MAAM,iBAAiB,GAAG,MAAM;;;;;;CAOpD;;;;;CAMA,SAAS,YAAY,GAAG;;;;;;;CAQxB,mBAAmBC,UAAU,YAAY,GAAG;;;;;;CAO5C;;;;;;CAOA;;;;;;CAOA;;;;;;CAOA;;;;;;CAOA,iBAAiB,MAAM;EACrB,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;CAOD,UAAU,MAAM;EACd,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;;CAQD,oBACEC,YAAY,MAAM;EAChB,UAAU,aAAa;EACvB,WAAW,QAAQ;CACpB;;;;;;;;CAUH,6BACEC,WAAW,MAAM;EACf,UAAU,aAAa,WAAW,aAAa;EAC/C;CACD;;;;;;;;CAUH,0BACEC,WAAW,MAAM;EACf,UAAU,aAAa,WAAW,aAAa;EAC/C,QAAQ,SAAS,UAAU;CAC5B;;;;;;;CASH,kBACEC,UAAU,aAAa,WAAW,aAAa,iBAC/CC;;;;;;CAQF,cACEP,QAAQ,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI;;;;;;;;;CAWlE,gBAAgB,WAAW,aAAa;;;;;CAMxC,eAAe,eAAe;;;;;;;CAS9B,kBAAkBQ,gBAAgB,eAAe;;;;CAKjD,yBACEC,KAAK,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI,OAC7DC,uBACG,MAAM;;;;;;CAOX;CAEA;AACD","names":["object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>","locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>","newWhere: WhereClause<Q, RDPs>","newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\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>[]","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/SortableItemsList.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type DraggableItem } from "../base-components/draggable-list/DraggableList.js";
+export interface SortableItem extends DraggableItem {
+	content: React.ReactNode;
+}
+interface SortableItemsListProps {
+	items: SortableItem[];
+	onReorder: (fromIndex: number, toIndex: number) => void;
+	onRemove: (id: string) => void;
+	className?: string;
+}
+export declare function SortableItemsList({ items, onReorder, onRemove, className }: SortableItemsListProps): React.ReactElement;
+export {};

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

@@ -0,0 +1 @@
+{"mappings":"AAgBA,OAAO,WAA4B,OAAQ;AAC3C,cACO,qBAEA,oDAAqD;AAE5D,iBAAiB,qBAAqB,cAAc;CAClD,SAAS,MAAM;AAChB;UAES,uBAAuB;CAC/B,OAAO;CACP,YAAYA,mBAAmBC;CAC/B,WAAWC;CACX;AACD;AAED,OAAO,iBAAS,kBAAkB,EAChC,OACA,WACA,UACA,WACuB,EAAtB,yBAAyB,MAAM","names":["fromIndex: number","toIndex: number","id: string"],"sources":["../../../src/object-table/SortableItemsList.tsx"],"version":3,"file":"SortableItemsList.d.ts"}

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

@@ -1,5 +1,15 @@
 import type { Cell, RowData, Table } from "@tanstack/react-table";
 import React, { type ReactElement } from "react";
+import type { HeaderMenuFeatureFlags } from "./TableHeaderWithPopover.js";
+declare module "@tanstack/react-table" {
+	interface ColumnMeta<
+		TData extends RowData,
+		TValue
+	> {
+		columnName?: string;
+		isVisible?: boolean;
+	}
+}
 export interface BaseTableProps<TData extends RowData> {
 	table: Table<TData>;
 	isLoading?: boolean;
@@ -9,5 +19,6 @@ export interface BaseTableProps<TData extends RowData> {
 	renderCellContextMenu?: (row: TData, cell: Cell<TData, unknown>) => React.ReactNode;
 	className?: string;
 	error?: Error;
+	headerMenuFeatureFlags?: HeaderMenuFeatureFlags;
 }
-export declare function BaseTable<TData extends RowData>({ table, isLoading, fetchNextPage, onRowClick, rowHeight, renderCellContextMenu, className, error }: BaseTableProps<TData>): ReactElement;
+export declare function BaseTable<TData extends RowData>({ table, isLoading, fetchNextPage, onRowClick, rowHeight, renderCellContextMenu, className, error, headerMenuFeatureFlags }: 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,iBAAiB,eAAe,cAAc,SAAS;CACrD,OAAO,MAAM;CACb;CACA,sBAAsB;CACtB,cAAcA,KAAK;CACnB;CACA,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,QAAQ;AACT;AAED,OAAO,iBAAS,UAAU,cAAc,SACtC,EACE,OACA,WACA,eACA,YACA,WACA,uBACA,WACA,OACsB,EAArB,eAAe,SACjB","names":["row: TData","cell: Cell<TData, unknown>"],"sources":["../../../src/object-table/Table.tsx"],"version":3,"file":"Table.d.ts"}
+{"mappings":"AAgBA,cAAc,MAAM,SAAS,aAAa,uBAAwB;AAElE,OAAO,cACA,oBAKA,OAAQ;AAMf,cAAc,8BAA8B,6BAA8B;eAE3D,wBAAwB;WAC3B;EAAW,cAAc;EAAS;GAAQ;EAClD;EACA;CACD;AACF;AAED,iBAAiB,eACf,cAAc,SACd;CACA,OAAO,MAAM;CACb;CACA,sBAAsB;CACtB,cAAcA,KAAK;CACnB;CACA,yBACEA,KAAK,OACLC,MAAM,KAAK,oBACR,MAAM;CACX;CACA,QAAQ;CACR,yBAAyB;AAC1B;AAED,OAAO,iBAAS,UACd,cAAc,SAEd,EACE,OACA,WACA,eACA,YACA,WACA,uBACA,WACA,OACA,wBACsB,EAArB,eAAe,SACjB","names":["row: TData","cell: Cell<TData, unknown>"],"sources":["../../../src/object-table/Table.tsx"],"version":3,"file":"Table.d.ts"}

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

@@ -1,7 +1,9 @@
 import type { RowData, Table } from "@tanstack/react-table";
 import React from "react";
+import { type HeaderMenuFeatureFlags } from "./TableHeaderWithPopover.js";
 interface TableHeaderProps<TData extends RowData> {
 	table: Table<TData>;
+	headerMenuFeatureFlags?: HeaderMenuFeatureFlags;
 }
-export declare function TableHeader<TData extends RowData>({ table }: TableHeaderProps<TData>): React.ReactElement;
+export declare function TableHeader<TData extends RowData>({ table, headerMenuFeatureFlags }: TableHeaderProps<TData>): React.ReactElement;
 export {};

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

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,SAAS,aAAa,uBAAwB;AAC5D,OAAO,WAAW,OAAQ;UAOhB,iBAAiB,cAAc,SAAS;CAChD,OAAO,MAAM;AACd;AAED,OAAO,iBAAS,YAAY,cAAc,SAAS,EACjD,OACwB,EAAvB,iBAAiB,SAAS,MAAM","names":[],"sources":["../../../src/object-table/TableHeader.tsx"],"version":3,"file":"TableHeader.d.ts"}
+{"mappings":"AAgBA,cAGE,SAEA,aAEK,uBAAwB;AAC/B,OAAO,WAA+C,OAAQ;AAK9D,cACO,8BAEA,6BAA8B;UAK3B,iBACR,cAAc,SACd;CACA,OAAO,MAAM;CACb,yBAAyB;AAC1B;AAyBD,OAAO,iBAAS,YACd,cAAc,SACd,EACA,OACA,wBACwB,EAAvB,iBAAiB,SAAS,MAAM","names":[],"sources":["../../../src/object-table/TableHeader.tsx"],"version":3,"file":"TableHeader.d.ts"}

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

@@ -1,13 +1,37 @@
-import type { ColumnPinningState, Header, RowData, SortingState } from "@tanstack/react-table";
+import type { Header, RowData, Table } from "@tanstack/react-table";
 import React from "react";
+import type { ColumnOption } from "./utils/types.js";
+export interface HeaderMenuFeatureFlags {
+	/**
+	* Whether sorting menu items should be shown.
+	* When false, hides "Sort ascending", "Sort descending", "Sort on multiple columns", and "Clear all sorts".
+	*/
+	showSortingItems?: boolean;
+	/**
+	* Whether pinning menu items should be shown.
+	* When false, hides "Pin column" and "Unpin Column".
+	*/
+	showPinningItems?: boolean;
+	/**
+	* Whether resize menu item should be shown.
+	* When false, hides "Reset Column Size".
+	*/
+	showResizeItem?: boolean;
+	/**
+	* Whether column config menu item should be shown.
+	* When false, hides "Configure Columns".
+	*/
+	showConfigItem?: boolean;
+}
 interface TableHeaderWithPopoverProps<TData extends RowData> {
+	table: Table<TData>;
 	header: Header<TData, unknown>;
 	isColumnPinned: false | "left" | "right";
-	setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
-	onSortChange?: (sorting: SortingState) => void;
 	onResetSize?: () => void;
-	onColumnConfig?: () => void;
-	enableColumnPinningRight?: boolean;
+	columnOptions?: ColumnOption[];
+	featureFlags?: HeaderMenuFeatureFlags;
+	onOpenColumnConfig?: () => void;
+	onOpenMultiSort?: () => void;
 }
-export declare function TableHeaderWithPopover<TData extends RowData>({ header, isColumnPinned, setColumnPinning, onSortChange, onResetSize }: TableHeaderWithPopoverProps<TData>): React.ReactElement;
+export declare function TableHeaderWithPopover<TData extends RowData>({ header, table, isColumnPinned, onResetSize, columnOptions, featureFlags, onOpenColumnConfig, onOpenMultiSort }: TableHeaderWithPopoverProps<TData>): React.ReactElement;
 export {};

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

@@ -1 +1 @@
-{"mappings":"AA0BA,cACE,oBACA,QACA,SACA,oBACK,uBAAwB;AAE/B,OAAO,WAAsC,OAAQ;UAkC3C,4BAA4B,cAAc,SAAS;CAC3D,QAAQ,OAAO;CACf,gBAAgB,QAAQ,SAAS;CACjC,kBAAkB,MAAM,SAAS,MAAM,eAAe;CACtD,gBAAgBA,SAAS;CACzB;CACA;CACA;AACD;AAED,OAAO,iBAAS,uBAAuB,cAAc,SAAS,EAC5D,QACA,gBACA,kBACA,cACA,aACmC,EAAlC,4BAA4B,SAAS,MAAM","names":["sorting: SortingState"],"sources":["../../../src/object-table/TableHeaderWithPopover.tsx"],"version":3,"file":"TableHeaderWithPopover.d.ts"}
+{"mappings":"AA4BA,cAAc,QAAQ,SAAS,aAAa,uBAAwB;AAEpE,OAAO,WAAsC,OAAQ;AAGrD,cAAc,oBAAoB,kBAAmB;AAgCrD,iBAAiB,uBAAuB;;;;;CAKtC;;;;;CAKA;;;;;CAKA;;;;;CAKA;AACD;UAES,4BACR,cAAc,SACd;CACA,OAAO,MAAM;CACb,QAAQ,OAAO;CACf,gBAAgB,QAAQ,SAAS;CACjC;CACA,gBAAgB;CAChB,eAAe;CACf;CACA;AACD;AAED,OAAO,iBAAS,uBACd,cAAc,SACd,EACA,QACA,OACA,gBACA,aACA,eACA,cACA,oBACA,iBACmC,EAAlC,4BAA4B,SAAS,MAAM","names":[],"sources":["../../../src/object-table/TableHeaderWithPopover.tsx"],"version":3,"file":"TableHeaderWithPopover.d.ts"}

package/build/types/object-table/hooks/useColumnResize.d.ts

@@ -0,0 +1,10 @@
+import type { ColumnSizingState, OnChangeFn } from "@tanstack/react-table";
+interface UseColumnResizeProps {
+	onColumnResize?: (columnId: string, newWidth: number | null) => void;
+}
+interface UseColumnResizeResults {
+	columnSizing: ColumnSizingState;
+	onColumnSizingChange: OnChangeFn<ColumnSizingState>;
+}
+export declare const useColumnResize: ({ onColumnResize }: UseColumnResizeProps) => UseColumnResizeResults;
+export {};

package/build/types/object-table/hooks/useColumnResize.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,mBAAmB,kBAAkB,uBAAwB;UAGjE,qBAAqB;CAC7B,kBAAkBA,kBAAkBC;AACrC;UAES,uBAAuB;CAC/B,cAAc;CACd,sBAAsB,WAAW;AAClC;AAED,OAAO,cAAM,kBAAmB,EAC9B,gBACqB,EAApB,yBAAuB","names":["columnId: string","newWidth: number | null"],"sources":["../../../../src/object-table/hooks/useColumnResize.ts"],"version":3,"file":"useColumnResize.d.ts"}

package/build/types/object-table/hooks/useColumnVisibility.d.ts

@@ -1,16 +1,27 @@
-import type { ObjectOrInterfaceDefinition, QueryDefinition, SimplePropertyDef } from "@osdk/api";
-import type { VisibilityState } from "@tanstack/react-table";
-import type { ObjectTableProps } from "../ObjectTableApi.js";
+import type { ObjectOrInterfaceDefinition, PropertyKeys, QueryDefinition, SimplePropertyDef } from "@osdk/api";
+import type { ColumnDef, ColumnOrderState, OnChangeFn, VisibilityState } from "@tanstack/react-table";
 interface UseColumnVisibilityProps<
 	Q extends ObjectOrInterfaceDefinition,
 	RDPs extends Record<string, SimplePropertyDef> = {},
-	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>
+	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>,
+	TData = unknown
 > {
-	columnDefinitions: ObjectTableProps<Q, RDPs, FunctionColumns>["columnDefinitions"];
+	allColumns: ColumnDef<TData>[];
+	onColumnVisibilityChanged?: (newStates: Array<{
+		columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns
+		isVisible: boolean
+	}>) => void;
+}
+interface UseColumnVisibilityResult {
+	columnVisibility: VisibilityState;
+	onColumnVisibilityChange: OnChangeFn<VisibilityState>;
+	columnOrder: ColumnOrderState;
+	onColumnOrderChange: OnChangeFn<ColumnOrderState>;
 }
 export declare const useColumnVisibility: <
 	Q extends ObjectOrInterfaceDefinition,
 	RDPs extends Record<string, SimplePropertyDef> = {},
-	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>
->({ columnDefinitions }: UseColumnVisibilityProps<Q, RDPs, FunctionColumns>) => VisibilityState | undefined;
+	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>,
+	TData = unknown
+>({ allColumns, onColumnVisibilityChanged }: UseColumnVisibilityProps<Q, RDPs, FunctionColumns, TData>) => UseColumnVisibilityResult;
 export {};

package/build/types/object-table/hooks/useColumnVisibility.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cACE,6BACA,iBACA,yBACK,WAAY;AACnB,cAAc,uBAAuB,uBAAwB;AAE7D,cAAc,wBAAwB,sBAAuB;UAEnD;CACR,UAAU;CACV,aAAa,eAAe,qBAAqB,CAAE;CACnD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAI9D;CACA,mBAAmB,iBACjB,GACA,MACA,iBACA;AACH;AAED,OAAO,cAAM;CACX,UAAU;CACV,aAAa,eAAe,qBAAqB,CAAE;CACnD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAK9D,EAAE,mBAID,EAJsB,yBACrB,GACA,MACA,qBAED","names":[],"sources":["../../../../src/object-table/hooks/useColumnVisibility.ts"],"version":3,"file":"useColumnVisibility.d.ts"}
+{"mappings":"AAgBA,cACE,6BACA,cACA,iBACA,yBACK,WAAY;AACnB,cACE,WACA,kBACA,YACA,uBACK,uBAAwB;UAGrB;CACR,UAAU;CACV,aAAa,eAAe,qBAAqB,CAAE;CACnD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;CAI9D;EACA;CACA,YAAY,UAAU;CACtB,6BACEA,WAAW,MAAM;EACf,UAAU,aAAa,WAAW,aAAa;EAC/C;CACD;AAEJ;UAES,0BAA0B;CAClC,kBAAkB;CAClB,0BAA0B,WAAW;CACrC,aAAa;CACb,qBAAqB,WAAW;AACjC;AAED,OAAO,cAAM;CACX,UAAU;CACV,aAAa,eAAe,qBAAqB,CAAE;CACnD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;CAI9D;EAEA,EACE,YACA,2BAC0D,EAAzD,yBAAyB,GAAG,MAAM,iBAAiB,WACrD","names":["newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>"],"sources":["../../../../src/object-table/hooks/useColumnVisibility.ts"],"version":3,"file":"useColumnVisibility.d.ts"}

package/build/types/object-table/hooks/useRowSelection.d.ts

@@ -1,22 +1,23 @@
-import type { ObjectOrInterfaceDefinition, Osdk, PrimaryKeyType } from "@osdk/api";
+import type { ObjectOrInterfaceDefinition, Osdk, PrimaryKeyType, PropertyKeys, SimplePropertyDef } from "@osdk/api";
 import type { RowSelectionState } from "@tanstack/react-table";
 export interface UseRowSelectionProps<
 	Q extends ObjectOrInterfaceDefinition,
-	RDPs extends Record<string, any> = Record<string, never>
+	RDPs extends Record<string, SimplePropertyDef> = Record<string, never>
 > {
 	selectionMode?: "single" | "multiple" | "none";
 	selectedRows?: PrimaryKeyType<Q>[];
 	onRowSelection?: (selectedRowIds: PrimaryKeyType<Q>[]) => void;
-	data: Array<Osdk.Instance<Q, "$allBaseProperties", any, RDPs>> | undefined;
+	data: Array<Osdk.Instance<Q, "$allBaseProperties", PropertyKeys<Q>, RDPs>> | undefined;
 }
 export interface UseRowSelectionResult {
 	rowSelection: RowSelectionState;
 	isAllSelected: boolean;
 	hasSelection: boolean;
+	enableRowSelection: boolean;
 	onToggleAll: () => void;
 	onToggleRow: (rowId: string, rowIndex: number, isShiftClick?: boolean) => void;
 }
 export declare function useRowSelection<
 	Q extends ObjectOrInterfaceDefinition,
-	RDPs extends Record<string, any> = Record<string, never>
+	RDPs extends Record<string, SimplePropertyDef> = Record<string, never>
 >({ selectionMode, selectedRows, onRowSelection, data }: UseRowSelectionProps<Q, RDPs>): UseRowSelectionResult;

package/build/types/object-table/hooks/useRowSelection.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cACE,6BACA,MACA,sBACK,WAAY;AACnB,cAAc,yBAAyB,uBAAwB;AAI/D,iBAAiB;CACf,UAAU;CACV,aAAa,sBAAsB;EACnC;CACA,gBAAgB,WAAW,aAAa;CACxC,eAAe,eAAe;CAC9B,kBAAkBA,gBAAgB,eAAe;CACjD,MAAM,MAAM,KAAK,SAAS,GAAG,2BAA2B;AACzD;AAED,iBAAiB,sBAAsB;CACrC,cAAc;CACd;CACA;CACA;CACA,cACEC,eACAC,kBACAC;AAEH;AAED,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,sBAAsB;EACnC,EACA,eACA,cACA,gBACA,MAC8B,EAA7B,qBAAqB,GAAG,QAAQ","names":["selectedRowIds: PrimaryKeyType<Q>[]","rowId: string","rowIndex: number","isShiftClick?: boolean"],"sources":["../../../../src/object-table/hooks/useRowSelection.ts"],"version":3,"file":"useRowSelection.d.ts"}
+{"mappings":"AAgBA,cACE,6BACA,MACA,gBACA,cACA,yBACK,WAAY;AACnB,cAAc,yBAAyB,uBAAwB;AAI/D,iBAAiB;CACf,UAAU;CACV,aAAa,eAAe,qBAAqB;EACjD;CACA,gBAAgB,WAAW,aAAa;CACxC,eAAe,eAAe;CAC9B,kBAAkBA,gBAAgB,eAAe;CACjD,MACI,MAAM,KAAK,SAAS,GAAG,sBAAsB,aAAa,IAAI;AAEnE;AAED,iBAAiB,sBAAsB;CACrC,cAAc;CACd;CACA;CACA;CACA;CACA,cACEC,eACAC,kBACAC;AAEH;AAED,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,eAAe,qBAAqB;EACjD,EACA,eACA,cACA,gBACA,MAC8B,EAA7B,qBAAqB,GAAG,QAAQ","names":["selectedRowIds: PrimaryKeyType<Q>[]","rowId: string","rowIndex: number","isShiftClick?: boolean"],"sources":["../../../../src/object-table/hooks/useRowSelection.ts"],"version":3,"file":"useRowSelection.d.ts"}

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

@@ -0,0 +1,5 @@
+export interface ColumnOption {
+	id: string;
+	name: string;
+	canSort: boolean;
+}

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

@@ -0,0 +1 @@
+{"mappings":"AAgBA,iBAAiB,aAAa;CAC5B;CACA;CACA;AACD","names":[],"sources":["../../../../src/object-table/utils/types.ts"],"version":3,"file":"types.d.ts"}

package/build/types/public/experimental.d.ts

@@ -4,3 +4,5 @@ export { ObjectTable } from "../object-table/ObjectTable.js";
 export type { ColumnDefinition, ColumnDefinitionLocator, ObjectTableProps } from "../object-table/ObjectTableApi.js";
 export type { BaseTableProps } from "../object-table/Table.js";
 export { BaseTable } from "../object-table/Table.js";
+export { ColumnConfigDialog } from "../object-table/ColumnConfigDialog.js";
+export type { ColumnConfigDialogProps, ColumnConfigOptions } from "../object-table/ColumnConfigDialog.js";

package/build/types/public/experimental.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAgBA,cAAc,uBAAuB;AACrC,cAAc,2BAA2B;AAGzC,SAAS,mBAAmB;AAC5B,cACE,kBACA,yBACA,wBACK;AAGP,cAAc,sBAAsB;AACpC,SAAS,iBAAiB","names":[],"sources":["../../../src/public/experimental.ts"],"version":3,"file":"experimental.d.ts"}
+{"mappings":"AAgBA,cAAc,uBAAuB;AACrC,cAAc,2BAA2B;AAGzC,SAAS,mBAAmB;AAC5B,cACE,kBACA,yBACA,wBACK;AAGP,cAAc,sBAAsB;AACpC,SAAS,iBAAiB;AAE1B,SAAS,0BAA0B;AACnC,cACE,yBACA,2BACK","names":[],"sources":["../../../src/public/experimental.ts"],"version":3,"file":"experimental.d.ts"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/react-components",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.3",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -25,6 +25,7 @@
       "require": "./build/cjs/public/experimental.cjs",
       "default": "./build/browser/public/experimental.js"
     },
+    "./styles.css": "./build/browser/styles.css",
     "./*": {
       "browser": "./build/browser/public/*.js",
       "import": {
@@ -38,8 +39,12 @@
   "dependencies": {
     "@base-ui/react": "^1.0.0",
     "@blueprintjs/icons": "^6.0.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.13"
+    "@tanstack/react-virtual": "^3.13.13",
+    "lodash-es": "^4.17.21"
   },
   "peerDependencies": {
     "@osdk/api": "*",
@@ -52,17 +57,20 @@
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.24",
     "@types/react-dom": "^18.3.7",
     "eslint-plugin-react-hooks": "^5.2.0",
     "p-defer": "^4.0.1",
+    "postcss-modules": "^6.0.1",
     "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "~5.5.4",
-    "@osdk/api": "2.8.0-beta.1",
-    "@osdk/client": "2.8.0-beta.1",
+    "@osdk/api": "2.8.0-beta.6",
     "@osdk/monorepo.api-extractor": "~0.7.0-beta.1",
-    "@osdk/monorepo.tsconfig": "~0.7.0-beta.1",
-    "@osdk/react": "0.10.0-beta.1"
+    "@osdk/client": "2.8.0-beta.6",
+    "@osdk/react": "0.10.0-beta.4",
+    "@osdk/monorepo.tsconfig": "~0.7.0-beta.1"
   },
   "publishConfig": {
     "access": "public"
@@ -82,14 +90,14 @@
   "types": "./build/cjs/index.d.cts",
   "type": "module",
   "scripts": {
-    "check-attw": "attw --pack .",
+    "check-attw": "attw --pack . --exclude-entrypoints ./styles.css",
     "check-spelling": "cspell --quiet .",
     "clean": "rm -rf lib dist types build tsconfig.tsbuildinfo",
     "fix-lint": "eslint . --fix && dprint fmt --config $(find-up dprint.json)",
     "lint": "eslint . && dprint check  --config $(find-up dprint.json)",
     "test": "vitest run",
     "transpileAllDeps": "pnpm --filter @osdk/api --filter @osdk/client --filter @osdk/react run transpileBrowser",
-    "transpileBrowser": "monorepo.tool.transpile -f esm -m normal -t browser",
+    "transpileBrowser": "monorepo.tool.transpile -f esm -m normal -t browser && node scripts/build-css.mjs",
     "transpileCjs": "monorepo.tool.transpile -f cjs -m bundle -t node",
     "transpileEsm": "monorepo.tool.transpile -f esm -m normal -t node",
     "transpileTypes": "monorepo.tool.transpile -f esm -m types -t node",