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

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

@@ -1,14 +1,15 @@
-import type { ObjectOrInterfaceDefinition, QueryDefinition, SimplePropertyDef, WhereClause } from "@osdk/api";
+import type { ObjectOrInterfaceDefinition, ObjectSet, QueryDefinition, SimplePropertyDef, WhereClause } from "@osdk/api";
 import type { UseOsdkListResult } from "@osdk/react/experimental";
 import type { SortingState } from "@tanstack/react-table";
-import type { ColumnDefinition } from "../ObjectTableApi.js";
+import type { ColumnDefinition, ObjectSetOptions } from "../ObjectTableApi.js";
 /**
-* This hook is a wrapper around useOsdkObjects
-* It extracts RDP locators from columnDefinitions and calls useObjectSet + withProperties
+* This hook is a wrapper that conditionally uses either useObjectSet or useOsdkObjects
+* based on whether an objectSet prop is provided.
+* It extracts RDP locators from columnDefinitions and applies withProperties
 * to return data containing the derived properties.
 */
 export declare function useObjectTableData<
 	Q extends ObjectOrInterfaceDefinition,
 	RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,
 	FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>
->(objectOrInterfaceType: Q, columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>, filter?: WhereClause<Q, RDPs>, sorting?: SortingState): UseOsdkListResult<Q, RDPs>;
+>(objectOrInterfaceType: Q, columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>, filter?: WhereClause<Q, RDPs>, sorting?: SortingState, objectSet?: ObjectSet<Q>, objectSetOptions?: ObjectSetOptions<Q>): UseOsdkListResult<Q, RDPs>;

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

@@ -1 +1 @@
-{"mappings":"AAgBA,cAEE,6BAEA,iBACA,mBACA,mBACK,WAAY;AACnB,cAAc,yBAAyB,0BAA2B;AAElE,cAAc,oBAAoB,uBAAwB;AAE1D,cAAc,wBAAwB,sBAAuB;;;;;;AAS7D,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,eAAe,qBAAqB;CAIjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAK9DA,uBAAuB,GACvBC,oBAAoB,MAAM,iBAAiB,GAAG,MAAM,mBACpDC,SAAS,YAAY,GAAG,OACxBC,UAAU,eACT,kBAAkB,GAAG","names":["objectOrInterfaceType: Q","columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>","filter?: WhereClause<Q, RDPs>","sorting?: SortingState"],"sources":["../../../../src/object-table/hooks/useObjectTableData.ts"],"version":3,"file":"useObjectTableData.d.ts"}
+{"mappings":"AAgBA,cAEE,6BACA,WAEA,iBACA,mBACA,mBACK,WAAY;AACnB,cAAc,yBAAyB,0BAA2B;AAElE,cAAc,oBAAoB,uBAAwB;AAE1D,cAAc,kBAAkB,wBAAwB,sBAAuB;;;;;;;AAmB/E,OAAO,iBAAS;CACd,UAAU;CACV,aAAa,eAAe,qBAAqB;CAIjD,wBAAwB,eAAe,gBAAgB,CAAE,MAAK;EAK9DA,uBAAuB,GACvBC,oBAAoB,MAAM,iBAAiB,GAAG,MAAM,mBACpDC,SAAS,YAAY,GAAG,OACxBC,UAAU,cACVC,YAAY,UAAU,IACtBC,mBAAmB,iBAAiB,KACnC,kBAAkB,GAAG","names":["objectOrInterfaceType: Q","columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>","filter?: WhereClause<Q, RDPs>","sorting?: SortingState","objectSet?: ObjectSet<Q>","objectSetOptions?: ObjectSetOptions<Q>"],"sources":["../../../../src/object-table/hooks/useObjectTableData.ts"],"version":3,"file":"useObjectTableData.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/getCellId.d.ts

@@ -0,0 +1,2 @@
+import type { CellIdentifier } from "./types.js";
+export declare function getCellId(cellIdentifier: CellIdentifier): string;

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

@@ -0,0 +1 @@
+{"mappings":"AAgBA,cAAc,sBAAsB,YAAa;AAEjD,OAAO,iBAAS,UAAUA,gBAAgB","names":["cellIdentifier: CellIdentifier"],"sources":["../../../../src/object-table/utils/getCellId.ts"],"version":3,"file":"getCellId.d.ts"}

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

@@ -0,0 +1,36 @@
+import type { RowData } from "@tanstack/react-table";
+export interface ColumnOption {
+	id: string;
+	name: string;
+	canSort: boolean;
+}
+export interface CellIdentifier {
+	rowId: string;
+	columnId: string;
+}
+export interface CellEditInfo<
+	TData extends RowData = unknown,
+	CellValue = unknown
+> extends CellIdentifier {
+	newValue: CellValue;
+	oldValue: CellValue;
+	originalRowData: TData;
+}
+export type EditMode = {
+	type: "always"
+	isActive: true
+} | {
+	type: "manual"
+	isActive: boolean
+	setActive: (value: boolean) => void
+};
+export interface EditableConfig<
+	TData extends RowData = unknown,
+	CellValue = unknown
+> {
+	cellEdits: Record<string, CellEditInfo<TData, CellValue>>;
+	onCellEdit: (cellId: string, info: CellEditInfo<TData, CellValue>) => void;
+	onSubmitEdits?: () => Promise<boolean>;
+	clearEdits: () => void;
+	editMode: EditMode;
+}

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

@@ -0,0 +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,WACR;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,UAAU;AACX","names":["value: boolean","cellId: string","info: CellEditInfo<TData, CellValue>"],"sources":["../../../../src/object-table/utils/types.ts"],"version":3,"file":"types.d.ts"}

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

@@ -1,6 +1,10 @@
-export type { FilterListProps } from "../filter-list/FilterListApi.js";
-export type { FilterListItemProps } from "../filter-list/FilterListItemApi.js";
+export { FilterList } from "../filter-list/base/FilterList.js";
+export type { FilterDefinitionUnion, FilterListProps } from "../filter-list/FilterListApi.js";
+export type { FilterComponentType, FilterListItemProps, FilterState, PropertyFilterDefinition } from "../filter-list/FilterListItemApi.js";
 export { ObjectTable } from "../object-table/ObjectTable.js";
 export type { ColumnDefinition, ColumnDefinitionLocator, ObjectTableProps } from "../object-table/ObjectTableApi.js";
+export type { CellEditInfo } from "../object-table/utils/types.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,SAAS,kBAAkB;AAC3B,cACE,uBACA,uBACK;AACP,cACE,qBACA,qBACA,aACA,gCACK;AAGP,SAAS,mBAAmB;AAC5B,cACE,kBACA,yBACA,wBACK;AACP,cAAc,oBAAoB;AAGlC,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/build/types/shared/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React, { Component, type ReactNode } from "react";
+interface ErrorBoundaryProps {
+	children: ReactNode;
+	errorMessage?: string;
+	fallback?: ReactNode;
+	onError?: (error: Error) => void;
+}
+interface ErrorBoundaryState {
+	hasError: boolean;
+	error: Error | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+	state: ErrorBoundaryState;
+	static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+	componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+	handleRetry: () => void;
+	render(): ReactNode;
+}
+export {};

package/build/types/shared/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAiBA,OAAO,SAAS,gBAAgB,iBAAiB,OAAQ;UAG/C,mBAAmB;CAC3B,UAAU;CACV;CACA,WAAW;CACX,WAAWA,OAAO;AACnB;UAES,mBAAmB;CAC3B;CACA,OAAO;AACR;AAED,OAAO,cAAM,sBAAsB,UACjC,oBACA,oBACA;CACA,OAAO;CAEP,OAAO,yBAAyBA,OAAO,QAAQ;CAI/C,kBAAkBA,OAAO,OAAOC,WAAW,MAAM;CAWjD;CAIA,UAAU;AAuBX","names":["error: Error","errorInfo: React.ErrorInfo"],"sources":["../../../src/shared/ErrorBoundary.tsx"],"version":3,"file":"ErrorBoundary.d.ts"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/react-components",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.11",
   "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/monorepo.api-extractor": "~0.7.0-beta.1",
+    "@osdk/api": "2.8.0-beta.15",
+    "@osdk/client": "2.8.0-beta.15",
     "@osdk/monorepo.tsconfig": "~0.7.0-beta.1",
-    "@osdk/react": "0.10.0-beta.1"
+    "@osdk/monorepo.api-extractor": "~0.7.0-beta.1",
+    "@osdk/react": "0.10.0-beta.7"
   },
   "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",