Fix build problems

cspell.json

@@ -53,6 +53,7 @@
     "stringz",
     "stylelint",
     "Stylesheet",
+    "testid",
     "typedefs",
     "unlocalized",
     "unregistering",

lib/platform-bible-react/README.md

@@ -12,3 +12,41 @@ TODO:
 
 - [ ] Decide if this package will be public, if not it will probably need an NPM organization setup to publish it to privately.
 - [ ] What NPM user login will we use to publish it (each developer or an app-wide user)?
+
+### Building
+
+#### Setting up
+
+To set up the dev environment to build, you must do a couple of things **in order**:
+
+1. `npm i` (here)
+2. `npm i --ignore-scripts` (in `paranext-core` root)
+
+Note: `--ignore-scripts` is only to prevent unnecessary work. You can leave it out if you want.
+
+Note: any time you run any `npm` commands related to installing or uninstalling packages, you must
+run `npm i --ignore-scripts` in `paranext-core` root again in order to run commands in here
+successfully. This used to be run automatically, but linux developers were experiencing significant
+issues with it.
+
+#### Building `platform-bible-react`
+
+Once you have set up your environment, you can run the build command in this folder to build `platform-bible-react`:
+
+```bash
+npm run build
+```
+
+Or you can build from `paranext-core`:
+
+```bash
+npm run build:platform-bible-react
+```
+
+If you want a quick build that doesn't lint, run the following:
+
+```bash
+npm run build:basic
+```
+
+Do not commit changes after running this basic build. Before committing, always run a full build.

lib/platform-bible-react/dist/index.d.ts

@@ -626,17 +626,27 @@ export type SwitchProps = {
  */
 export declare function Switch({ id, isChecked: checked, isDisabled, hasError, className, onChange, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
 export interface TableCalculatedColumn<R> extends TableColumn<R> {
+	readonly parent: TableCalculatedColumnParent<R> | undefined;
 	readonly idx: number;
+	readonly level: number;
 	readonly width: number | string;
 	readonly minWidth: number;
 	readonly maxWidth: number | undefined;
 	readonly resizable: boolean;
 	readonly sortable: boolean;
+	readonly draggable: boolean;
 	readonly frozen: boolean;
 	readonly isLastFrozenColumn: boolean;
-	readonly rowGroup: boolean;
 	readonly renderCell: (props: RenderCellProps<R>) => React$1.ReactNode;
 }
+export declare interface TableCalculatedColumnParent<R> {
+	readonly name: string | React$1.ReactElement;
+	readonly parent: TableCalculatedColumnParent<R> | undefined;
+	readonly idx: number;
+	readonly colSpan: number;
+	readonly level: number;
+	readonly headerCellClass?: string | null;
+}
 export type TableCellClickArgs<R> = CellClickArgs<R>;
 export type TableCellKeyboardEvent = CellKeyboardEvent;
 export type TableCellKeyDownArgs<R> = CellKeyDownArgs<R>;
@@ -814,16 +824,16 @@ export type TableProps<R> = {
 	onPaste?: (event: TablePasteEvent<R>) => R;
 	/** Additional css classes to help with unique styling of the table */
 	className?: string;
-	/** Optional unique identifier */
-	id?: string;
+	/** Optional unique identifier for testing */
+	"data-testid"?: string;
 };
 /**
  * Configurable table component
  *
  * Thanks to Adazzle for heavy inspiration and documentation
  * https://adazzle.github.io/react-data-grid/
  */
-export declare function Table<R>({ columns, sortColumns, onSortColumnsChange, onColumnResize, defaultColumnWidth, defaultColumnMinWidth, defaultColumnMaxWidth, defaultColumnSortable, defaultColumnResizable, rows, enableSelectColumn, selectColumnWidth, rowKeyGetter, rowHeight, headerRowHeight, selectedRows, onSelectedRowsChange, onRowsChange, onCellClick, onCellDoubleClick, onCellContextMenu, onCellKeyDown, direction, enableVirtualization, onCopy, onPaste, onScroll, className, id, }: TableProps<R>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<R>({ columns, sortColumns, onSortColumnsChange, onColumnResize, defaultColumnWidth, defaultColumnMinWidth, defaultColumnMaxWidth, defaultColumnSortable, defaultColumnResizable, rows, enableSelectColumn, selectColumnWidth, rowKeyGetter, rowHeight, headerRowHeight, selectedRows, onSelectedRowsChange, onRowsChange, onCellClick, onCellDoubleClick, onCellContextMenu, onCellKeyDown, direction, enableVirtualization, onCopy, onPaste, onScroll, className, "data-testid": testId, }: TableProps<R>): import("react/jsx-runtime").JSX.Element;
 export type TextFieldProps = {
 	/**
 	 * The variant to use.