@osdk/react-components 0.2.0-beta.2 → 0.2.0-beta.20

package/build/esm/object-table/hooks/useSelectionColumn.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useMemo } from "react";
+import React, { useMemo, useRef } from "react";
 import { SelectionCell, SelectionHeaderCell } from "../SelectionCells.js";
 import { SELECTION_COLUMN_ID } from "../utils/constants.js";
 export const useSelectionColumn = ({
@@ -24,20 +24,29 @@ export const useSelectionColumn = ({
   onToggleAll,
   onToggleRow
 }) => {
+  // TODO: Replace with useLatestRef
+  const isAllSelectedRef = useRef(isAllSelected);
+  isAllSelectedRef.current = isAllSelected;
+  const hasSelectionRef = useRef(hasSelection);
+  hasSelectionRef.current = hasSelection;
+  const onToggleAllRef = useRef(onToggleAll);
+  onToggleAllRef.current = onToggleAll;
+  const onToggleRowRef = useRef(onToggleRow);
+  onToggleRowRef.current = onToggleRow;
   const selectionColumn = useMemo(() => {
     if (selectionMode === "none") return null;
     return {
       id: SELECTION_COLUMN_ID,
       header: () => selectionMode === "multiple" ? /*#__PURE__*/React.createElement(SelectionHeaderCell, {
-        isAllSelected: isAllSelected,
-        hasSelection: hasSelection,
-        onToggleAll: onToggleAll
+        isAllSelected: isAllSelectedRef.current,
+        hasSelection: hasSelectionRef.current,
+        onToggleAll: onToggleAllRef.current
       }) : null,
       cell: ({
         row
       }) => /*#__PURE__*/React.createElement(SelectionCell, {
         row: row,
-        onToggleRow: onToggleRow
+        onToggleRow: onToggleRowRef.current
       }),
       size: 50,
       minSize: 50,
@@ -46,7 +55,7 @@ export const useSelectionColumn = ({
       enableResizing: false,
       enablePinning: false
     };
-  }, [selectionMode, isAllSelected, hasSelection, onToggleAll, onToggleRow]);
+  }, [selectionMode]);
   return selectionColumn;
 };
 //# sourceMappingURL=useSelectionColumn.js.map

package/build/esm/object-table/hooks/useSelectionColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectionColumn.js","names":["React","useMemo","SelectionCell","SelectionHeaderCell","SELECTION_COLUMN_ID","useSelectionColumn","selectionMode","isAllSelected","hasSelection","onToggleAll","onToggleRow","selectionColumn","id","header","createElement","cell","row","size","minSize","maxSize","enableSorting","enableResizing","enablePinning"],"sources":["useSelectionColumn.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { ColumnDef } from \"@tanstack/react-table\";\nimport React, { useMemo } from \"react\";\nimport { SelectionCell, SelectionHeaderCell } from \"../SelectionCells.js\";\nimport { SELECTION_COLUMN_ID } from \"../utils/constants.js\";\n\ninterface UseSelectionColumnProps {\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n  isAllSelected: boolean;\n  hasSelection: boolean;\n  onToggleAll: () => void;\n  onToggleRow: (id: string, rowIndex: number, isShiftClick: boolean) => void;\n}\n\nexport const useSelectionColumn = <\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>({\n  selectionMode,\n  isAllSelected,\n  hasSelection,\n  onToggleAll,\n  onToggleRow,\n}: UseSelectionColumnProps):\n  | ColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n  | null =>\n{\n  const selectionColumn = useMemo(() => {\n    if (selectionMode === \"none\") return null;\n\n    const colDef: ColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: SELECTION_COLUMN_ID,\n      header: () => (\n        selectionMode === \"multiple\"\n          ? (\n            <SelectionHeaderCell\n              isAllSelected={isAllSelected}\n              hasSelection={hasSelection}\n              onToggleAll={onToggleAll}\n            />\n          )\n          : null\n      ),\n      cell: ({ row }: { row: any }) => (\n        <SelectionCell\n          row={row}\n          onToggleRow={onToggleRow}\n        />\n      ),\n      size: 50,\n      minSize: 50,\n      maxSize: 50,\n      enableSorting: false,\n      enableResizing: false,\n      enablePinning: false,\n    };\n\n    return colDef;\n  }, [\n    selectionMode,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n  ]);\n\n  return selectionColumn;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,sBAAsB;AACzE,SAASC,mBAAmB,QAAQ,uBAAuB;AAU3D,OAAO,MAAMC,kBAAkB,GAAGA,CAMhC;EACAC,aAAa;EACbC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC;AACuB,CAAC,KAK1B;EACE,MAAMC,eAAe,GAAGV,OAAO,CAAC,MAAM;IACpC,IAAIK,aAAa,KAAK,MAAM,EAAE,OAAO,IAAI;IA+BzC,OA3BI;MACFM,EAAE,EAAER,mBAAmB;MACvBS,MAAM,EAAEA,CAAA,KACNP,aAAa,KAAK,UAAU,gBAExBN,KAAA,CAAAc,aAAA,CAACX,mBAAmB;QAClBI,aAAa,EAAEA,aAAc;QAC7BC,YAAY,EAAEA,YAAa;QAC3BC,WAAW,EAAEA;MAAY,CAC1B,CAAC,GAEF,IACL;MACDM,IAAI,EAAEA,CAAC;QAAEC;MAAkB,CAAC,kBAC1BhB,KAAA,CAAAc,aAAA,CAACZ,aAAa;QACZc,GAAG,EAAEA,GAAI;QACTN,WAAW,EAAEA;MAAY,CAC1B,CACF;MACDO,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,KAAK;MACrBC,aAAa,EAAE;IACjB,CAAC;EAGH,CAAC,EAAE,CACDhB,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,WAAW,CACZ,CAAC;EAEF,OAAOC,eAAe;AACxB,CAAC","ignoreList":[]}
+{"version":3,"file":"useSelectionColumn.js","names":["React","useMemo","useRef","SelectionCell","SelectionHeaderCell","SELECTION_COLUMN_ID","useSelectionColumn","selectionMode","isAllSelected","hasSelection","onToggleAll","onToggleRow","isAllSelectedRef","current","hasSelectionRef","onToggleAllRef","onToggleRowRef","selectionColumn","id","header","createElement","cell","row","size","minSize","maxSize","enableSorting","enableResizing","enablePinning"],"sources":["useSelectionColumn.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { ColumnDef } from \"@tanstack/react-table\";\nimport React, { useMemo, useRef } from \"react\";\nimport { SelectionCell, SelectionHeaderCell } from \"../SelectionCells.js\";\nimport { SELECTION_COLUMN_ID } from \"../utils/constants.js\";\n\ninterface UseSelectionColumnProps {\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n  isAllSelected: boolean;\n  hasSelection: boolean;\n  onToggleAll: () => void;\n  onToggleRow: (id: string, rowIndex: number, isShiftClick: boolean) => void;\n}\n\nexport const useSelectionColumn = <\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>({\n  selectionMode,\n  isAllSelected,\n  hasSelection,\n  onToggleAll,\n  onToggleRow,\n}: UseSelectionColumnProps):\n  | ColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n  | null =>\n{\n  // TODO: Replace with useLatestRef\n  const isAllSelectedRef = useRef(isAllSelected);\n  isAllSelectedRef.current = isAllSelected;\n\n  const hasSelectionRef = useRef(hasSelection);\n  hasSelectionRef.current = hasSelection;\n\n  const onToggleAllRef = useRef(onToggleAll);\n  onToggleAllRef.current = onToggleAll;\n\n  const onToggleRowRef = useRef(onToggleRow);\n  onToggleRowRef.current = onToggleRow;\n\n  const selectionColumn = useMemo(() => {\n    if (selectionMode === \"none\") return null;\n\n    const colDef: ColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: SELECTION_COLUMN_ID,\n      header: () => (\n        selectionMode === \"multiple\"\n          ? (\n            <SelectionHeaderCell\n              isAllSelected={isAllSelectedRef.current}\n              hasSelection={hasSelectionRef.current}\n              onToggleAll={onToggleAllRef.current}\n            />\n          )\n          : null\n      ),\n      cell: ({ row }: { row: any }) => (\n        <SelectionCell\n          row={row}\n          onToggleRow={onToggleRowRef.current}\n        />\n      ),\n      size: 50,\n      minSize: 50,\n      maxSize: 50,\n      enableSorting: false,\n      enableResizing: false,\n      enablePinning: false,\n    };\n\n    return colDef;\n  }, [\n    selectionMode,\n  ]);\n\n  return selectionColumn;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9C,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,sBAAsB;AACzE,SAASC,mBAAmB,QAAQ,uBAAuB;AAU3D,OAAO,MAAMC,kBAAkB,GAAGA,CAMhC;EACAC,aAAa;EACbC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC;AACuB,CAAC,KAK1B;EACE;EACA,MAAMC,gBAAgB,GAAGV,MAAM,CAACM,aAAa,CAAC;EAC9CI,gBAAgB,CAACC,OAAO,GAAGL,aAAa;EAExC,MAAMM,eAAe,GAAGZ,MAAM,CAACO,YAAY,CAAC;EAC5CK,eAAe,CAACD,OAAO,GAAGJ,YAAY;EAEtC,MAAMM,cAAc,GAAGb,MAAM,CAACQ,WAAW,CAAC;EAC1CK,cAAc,CAACF,OAAO,GAAGH,WAAW;EAEpC,MAAMM,cAAc,GAAGd,MAAM,CAACS,WAAW,CAAC;EAC1CK,cAAc,CAACH,OAAO,GAAGF,WAAW;EAEpC,MAAMM,eAAe,GAAGhB,OAAO,CAAC,MAAM;IACpC,IAAIM,aAAa,KAAK,MAAM,EAAE,OAAO,IAAI;IA+BzC,OA3BI;MACFW,EAAE,EAAEb,mBAAmB;MACvBc,MAAM,EAAEA,CAAA,KACNZ,aAAa,KAAK,UAAU,gBAExBP,KAAA,CAAAoB,aAAA,CAAChB,mBAAmB;QAClBI,aAAa,EAAEI,gBAAgB,CAACC,OAAQ;QACxCJ,YAAY,EAAEK,eAAe,CAACD,OAAQ;QACtCH,WAAW,EAAEK,cAAc,CAACF;MAAQ,CACrC,CAAC,GAEF,IACL;MACDQ,IAAI,EAAEA,CAAC;QAAEC;MAAkB,CAAC,kBAC1BtB,KAAA,CAAAoB,aAAA,CAACjB,aAAa;QACZmB,GAAG,EAAEA,GAAI;QACTX,WAAW,EAAEK,cAAc,CAACH;MAAQ,CACrC,CACF;MACDU,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,KAAK;MACrBC,aAAa,EAAE;IACjB,CAAC;EAGH,CAAC,EAAE,CACDrB,aAAa,CACd,CAAC;EAEF,OAAOU,eAAe;AACxB,CAAC","ignoreList":[]}

package/build/esm/object-table/utils/AsyncCellData.js

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export const isAsyncCellData = value => {
+  return value != null && typeof value === "object" && "__asyncCell" in value && value.__asyncCell === true;
+};
+export const createAsyncCellData = ({
+  data,
+  isLoading,
+  error
+}) => ({
+  __asyncCell: true,
+  data,
+  isLoading,
+  error
+});
+//# sourceMappingURL=AsyncCellData.js.map

package/build/esm/object-table/utils/AsyncCellData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncCellData.js","names":["isAsyncCellData","value","__asyncCell","createAsyncCellData","data","isLoading","error"],"sources":["AsyncCellData.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport interface AsyncCellData {\n  readonly __asyncCell: true; // discriminant\n  data?: unknown;\n  isLoading: boolean;\n  error?: unknown;\n}\n\nexport const isAsyncCellData = (value: unknown): value is AsyncCellData => {\n  return (\n    value != null\n    && typeof value === \"object\"\n    && \"__asyncCell\" in value\n    && value.__asyncCell === true\n  );\n};\n\nexport const createAsyncCellData = (\n  { data, isLoading, error }: Omit<AsyncCellData, \"__asyncCell\">,\n): AsyncCellData => ({\n  __asyncCell: true,\n  data,\n  isLoading,\n  error,\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,OAAO,MAAMA,eAAe,GAAIC,KAAc,IAA6B;EACzE,OACEA,KAAK,IAAI,IAAI,IACV,OAAOA,KAAK,KAAK,QAAQ,IACzB,aAAa,IAAIA,KAAK,IACtBA,KAAK,CAACC,WAAW,KAAK,IAAI;AAEjC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CACjC;EAAEC,IAAI;EAAEC,SAAS;EAAEC;AAA0C,CAAC,MAC3C;EACnBJ,WAAW,EAAE,IAAI;EACjBE,IAAI;EACJC,SAAS;EACTC;AACF,CAAC,CAAC","ignoreList":[]}

package/build/esm/object-table/utils/constants.js

@@ -15,4 +15,5 @@
  */
 
 export const SELECTION_COLUMN_ID = "__selection__";
+export const DEFAULT_COLUMN_WIDTH = 80;
 //# sourceMappingURL=constants.js.map

package/build/esm/object-table/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["SELECTION_COLUMN_ID"],"sources":["constants.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const SELECTION_COLUMN_ID = \"__selection__\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,mBAAmB,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["SELECTION_COLUMN_ID","DEFAULT_COLUMN_WIDTH"],"sources":["constants.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const SELECTION_COLUMN_ID = \"__selection__\";\n\nexport const DEFAULT_COLUMN_WIDTH = 80;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,mBAAmB,GAAG,eAAe;AAElD,OAAO,MAAMC,oBAAoB,GAAG,EAAE","ignoreList":[]}

package/build/esm/object-table/utils/getCellId.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export function getCellId(cellIdentifier) {
+  return JSON.stringify(cellIdentifier);
+}
+//# sourceMappingURL=getCellId.js.map

package/build/esm/object-table/utils/getCellId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCellId.js","names":["getCellId","cellIdentifier","JSON","stringify"],"sources":["getCellId.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { CellIdentifier } from \"./types.js\";\n\nexport function getCellId(cellIdentifier: CellIdentifier): string {\n  return JSON.stringify(cellIdentifier);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,SAASA,SAASA,CAACC,cAA8B,EAAU;EAChE,OAAOC,IAAI,CAACC,SAAS,CAACF,cAAc,CAAC;AACvC","ignoreList":[]}

package/build/esm/object-table/utils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/object-table/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["types.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { RowData } from \"@tanstack/react-table\";\n\nexport interface ColumnOption {\n  id: string;\n  name: string;\n  canSort: boolean;\n}\n\nexport interface CellIdentifier {\n  rowId: string;\n  columnId: string;\n}\n\nexport interface CellEditInfo<\n  TData extends RowData = unknown,\n  CellValue = unknown,\n> extends CellIdentifier {\n  newValue: CellValue | null;\n  oldValue: CellValue | null;\n  originalRowData: TData;\n}\n\nexport type EditModeState =\n  | { type: \"always\"; isActive: true }\n  | { type: \"manual\"; isActive: boolean; setActive: (value: boolean) => void };\n\nexport interface EditableConfig<\n  TData extends RowData = unknown,\n  CellValue = unknown,\n> {\n  cellEdits: Record<string, CellEditInfo<TData, CellValue>>;\n  onCellEdit: (\n    cellId: string,\n    info: CellEditInfo<TData, CellValue>,\n  ) => void;\n  onSubmitEdits?: () => Promise<boolean>;\n  clearEdits: () => void;\n  editModeState: EditModeState;\n  onCellValidationError: (\n    cellId: string,\n    error: string,\n  ) => void;\n  validationErrors: Map<string, string>;\n  clearCellValidationError: (cellId: string) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/pdf-viewer/PdfRenderer.js

@@ -0,0 +1,88 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Error as ErrorIcon, Spin } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React, { useEffect, useState } from "react";
+import { BasePdfViewer } from "./PdfViewer.js";
+import styles from "./PdfViewer.module.css";
+async function fetchMediaContents(media) {
+  const result = await media.fetchContents();
+  return result.arrayBuffer();
+}
+export function PdfRenderer({
+  media,
+  className,
+  ...pdfViewerProps
+}) {
+  const [src, setSrc] = useState(undefined);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(undefined);
+
+  // This is required until we either support React 19+ or a data fetching hook
+  useEffect(function () {
+    let cancelled = false;
+    setLoading(true);
+    setError(undefined);
+    setSrc(undefined);
+    fetchMediaContents(media).then(buffer => {
+      if (!cancelled) {
+        setSrc(buffer);
+        setLoading(false);
+      }
+    }).catch(err => {
+      if (!cancelled) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [media]);
+  const rootClassName = classnames(styles.pdfViewer, className);
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.loadingContainer
+    }, /*#__PURE__*/React.createElement(Spin, {
+      className: styles.spinnerIcon
+    }), "Loading\u2026"));
+  }
+  if (error != null) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.errorContainer
+    }, /*#__PURE__*/React.createElement(ErrorIcon, {
+      className: styles.errorIcon
+    }), "Failed to load PDF: ", error.message));
+  }
+  if (src == null) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.loadingContainer
+    }, "No document"));
+  }
+  return /*#__PURE__*/React.createElement(BasePdfViewer, _extends({
+    src: src,
+    className: className
+  }, pdfViewerProps));
+}
+//# sourceMappingURL=PdfRenderer.js.map

package/build/esm/pdf-viewer/PdfRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfRenderer.js","names":["Error","ErrorIcon","Spin","classnames","React","useEffect","useState","BasePdfViewer","styles","fetchMediaContents","media","result","fetchContents","arrayBuffer","PdfRenderer","className","pdfViewerProps","src","setSrc","undefined","loading","setLoading","error","setError","cancelled","then","buffer","catch","err","String","rootClassName","pdfViewer","createElement","loadingContainer","spinnerIcon","errorContainer","errorIcon","message","_extends"],"sources":["PdfRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport type { Media } from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { useEffect, useState } from \"react\";\nimport { BasePdfViewer } from \"./PdfViewer.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nasync function fetchMediaContents(media: Media): Promise<ArrayBuffer> {\n  const result = await media.fetchContents();\n  return result.arrayBuffer();\n}\n\nexport interface PdfRendererProps extends Omit<PdfViewerProps, \"src\"> {\n  /** The Media object to fetch PDF contents from */\n  media: Media;\n}\n\nexport function PdfRenderer({\n  media,\n  className,\n  ...pdfViewerProps\n}: PdfRendererProps): React.ReactElement {\n  const [src, setSrc] = useState<ArrayBuffer | undefined>(undefined);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  // This is required until we either support React 19+ or a data fetching hook\n  useEffect(function fetchMediaSource() {\n    let cancelled = false;\n    setLoading(true);\n    setError(undefined);\n    setSrc(undefined);\n\n    fetchMediaContents(media)\n      .then((buffer) => {\n        if (!cancelled) {\n          setSrc(buffer);\n          setLoading(false);\n        }\n      })\n      .catch((err: unknown) => {\n        if (!cancelled) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n          setLoading(false);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [media]);\n\n  const rootClassName = classnames(styles.pdfViewer, className);\n\n  if (loading) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>\n          <Spin className={styles.spinnerIcon} />\n          Loading…\n        </div>\n      </div>\n    );\n  }\n\n  if (error != null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.errorContainer}>\n          <ErrorIcon className={styles.errorIcon} />\n          Failed to load PDF: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  if (src == null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>No document</div>\n      </div>\n    );\n  }\n\n  return <BasePdfViewer src={src} className={className} {...pdfViewerProps} />;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/pdf-viewer/PdfViewer.js

@@ -0,0 +1,197 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Error as ErrorIcon, Spin } from "@blueprintjs/icons";
+import classnames from "classnames";
+import "pdfjs-dist/web/pdf_viewer.css";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { EMPTY_ANNOTATION_ARRAY, EMPTY_ANNOTATIONS } from "./constants.js";
+import { usePdfAnnotationPortals } from "./hooks/usePdfAnnotationPortals.js";
+import { usePdfDocument } from "./hooks/usePdfDocument.js";
+import { usePdfViewer } from "./hooks/usePdfViewer.js";
+import { usePdfViewerSearch } from "./hooks/usePdfViewerSearch.js";
+import { usePdfViewerSync } from "./hooks/usePdfViewerSync.js";
+import styles from "./PdfViewer.module.css";
+import { PdfViewerAnnotationLayer } from "./PdfViewerAnnotationLayer.js";
+import { PdfViewerSearchBar } from "./PdfViewerSearchBar.js";
+import { PdfViewerSidebar } from "./PdfViewerSidebar.js";
+import { PdfViewerToolbar } from "./PdfViewerToolbar.js";
+export function BasePdfViewer({
+  src,
+  annotations = EMPTY_ANNOTATIONS,
+  onAnnotationClick,
+  initialPage = 1,
+  initialScale = 1.0,
+  initialSidebarOpen = false,
+  className
+}) {
+  const {
+    document,
+    numPages,
+    loading,
+    error
+  } = usePdfDocument(src);
+  const [scale, setScale] = useState(initialScale);
+  const [sidebarOpen, setSidebarOpen] = useState(initialSidebarOpen);
+  const [currentPage, setCurrentPage] = useState(initialPage);
+  const containerRef = useRef(null);
+  const viewerRef = useRef(null);
+  const {
+    pdfViewerRef,
+    eventBusRef,
+    findControllerRef
+  } = usePdfViewer(containerRef, viewerRef, document, initialScale);
+  const search = usePdfViewerSearch(eventBusRef, findControllerRef, document);
+  const handleScaleChange = useCallback(newScale => {
+    setScale(newScale);
+  }, []);
+  const handlePageChange = useCallback(page => {
+    setCurrentPage(page);
+  }, []);
+  const {
+    scrollToPage
+  } = usePdfViewerSync({
+    pdfViewerRef,
+    eventBusRef,
+    document,
+    scale,
+    onScaleChange: handleScaleChange,
+    onPageChange: handlePageChange
+  });
+  const portalTargets = usePdfAnnotationPortals(pdfViewerRef, eventBusRef, document);
+
+  // Set initial page after viewer is ready
+  useEffect(function () {
+    if (pdfViewerRef.current != null && initialPage > 1) {
+      pdfViewerRef.current.currentPageNumber = initialPage;
+    }
+  }, [pdfViewerRef, initialPage]);
+
+  // Ctrl+F handler
+  useEffect(function () {
+    const handleKeyDown = e => {
+      if ((e.ctrlKey || e.metaKey) && e.key === "f") {
+        e.preventDefault();
+        search.openSearch();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [search.openSearch]);
+  const handleDownload = useCallback(() => {
+    if (document == null) {
+      return;
+    }
+    void document.getData().then(data => {
+      const blob = new Blob([data.buffer], {
+        type: "application/pdf"
+      });
+      const url = URL.createObjectURL(blob);
+      // Extract filename from URL by taking the last path segment and stripping query params
+      const filename = typeof src === "string" ? src.split("/").pop()?.split("?")[0] || "document.pdf" : "document.pdf";
+      const a = globalThis.document.createElement("a");
+      a.href = url;
+      a.download = filename;
+      a.click();
+      URL.revokeObjectURL(url);
+    });
+  }, [document, src]);
+  const handleSidebarToggle = useCallback(() => {
+    setSidebarOpen(prev => !prev);
+  }, []);
+  const handleToolbarPageChange = useCallback(page => {
+    setCurrentPage(page);
+    scrollToPage(page);
+  }, [scrollToPage]);
+  const rootClassName = classnames(styles.pdfViewer, className);
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.loadingContainer
+    }, /*#__PURE__*/React.createElement(Spin, {
+      className: styles.spinnerIcon
+    }), "Loading\u2026"));
+  }
+  if (error != null) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.errorContainer
+    }, /*#__PURE__*/React.createElement(ErrorIcon, {
+      className: styles.errorIcon
+    }), "Failed to load PDF: ", error.message));
+  }
+  if (document == null) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: rootClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.loadingContainer
+    }, "No document"));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: rootClassName
+  }, /*#__PURE__*/React.createElement(PdfViewerToolbar, {
+    currentPage: currentPage,
+    numPages: numPages,
+    scale: scale,
+    sidebarOpen: sidebarOpen,
+    onPageChange: handleToolbarPageChange,
+    onScaleChange: setScale,
+    onSearchOpen: search.openSearch,
+    onSidebarToggle: handleSidebarToggle,
+    onDownload: handleDownload
+  }), search.isSearchOpen && /*#__PURE__*/React.createElement(PdfViewerSearchBar, {
+    query: search.query,
+    totalMatches: search.totalMatches,
+    currentMatchIndex: search.currentMatchIndex,
+    onQueryChange: search.setQuery,
+    onNext: search.nextMatch,
+    onPrev: search.prevMatch,
+    onClose: search.closeSearch
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.contentArea
+  }, sidebarOpen && /*#__PURE__*/React.createElement(PdfViewerSidebar, {
+    document: document,
+    numPages: numPages,
+    currentPage: currentPage,
+    onPageClick: handleToolbarPageChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.scrollContainerWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: styles.scrollContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: viewerRef,
+    className: "pdfViewer"
+  }), portalTargets.map(target => {
+    const pageAnnotations = annotations[target.pageNumber] ?? EMPTY_ANNOTATION_ARRAY;
+    if (pageAnnotations.length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(PdfViewerAnnotationLayer, {
+      key: target.pageNumber,
+      annotations: pageAnnotations,
+      pageHeight: target.pageHeight,
+      scale: target.scale,
+      onAnnotationClick: onAnnotationClick
+    }), target.container);
+  })))));
+}
+//# sourceMappingURL=PdfViewer.js.map

package/build/esm/pdf-viewer/PdfViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.js","names":["Error","ErrorIcon","Spin","classnames","React","useCallback","useEffect","useRef","useState","createPortal","EMPTY_ANNOTATION_ARRAY","EMPTY_ANNOTATIONS","usePdfAnnotationPortals","usePdfDocument","usePdfViewer","usePdfViewerSearch","usePdfViewerSync","styles","PdfViewerAnnotationLayer","PdfViewerSearchBar","PdfViewerSidebar","PdfViewerToolbar","BasePdfViewer","src","annotations","onAnnotationClick","initialPage","initialScale","initialSidebarOpen","className","document","numPages","loading","error","scale","setScale","sidebarOpen","setSidebarOpen","currentPage","setCurrentPage","containerRef","viewerRef","pdfViewerRef","eventBusRef","findControllerRef","search","handleScaleChange","newScale","handlePageChange","page","scrollToPage","onScaleChange","onPageChange","portalTargets","current","currentPageNumber","handleKeyDown","e","ctrlKey","metaKey","key","preventDefault","openSearch","window","addEventListener","removeEventListener","handleDownload","getData","then","data","blob","Blob","buffer","type","url","URL","createObjectURL","filename","split","pop","a","globalThis","createElement","href","download","click","revokeObjectURL","handleSidebarToggle","prev","handleToolbarPageChange","rootClassName","pdfViewer","loadingContainer","spinnerIcon","errorContainer","errorIcon","message","onSearchOpen","onSidebarToggle","onDownload","isSearchOpen","query","totalMatches","currentMatchIndex","onQueryChange","setQuery","onNext","nextMatch","onPrev","prevMatch","onClose","closeSearch","contentArea","onPageClick","scrollContainerWrapper","ref","scrollContainer","map","target","pageAnnotations","pageNumber","length","pageHeight","container"],"sources":["PdfViewer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport \"pdfjs-dist/web/pdf_viewer.css\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { EMPTY_ANNOTATION_ARRAY, EMPTY_ANNOTATIONS } from \"./constants.js\";\nimport { usePdfAnnotationPortals } from \"./hooks/usePdfAnnotationPortals.js\";\nimport { usePdfDocument } from \"./hooks/usePdfDocument.js\";\nimport { usePdfViewer } from \"./hooks/usePdfViewer.js\";\nimport { usePdfViewerSearch } from \"./hooks/usePdfViewerSearch.js\";\nimport { usePdfViewerSync } from \"./hooks/usePdfViewerSync.js\";\nimport styles from \"./PdfViewer.module.css\";\nimport { PdfViewerAnnotationLayer } from \"./PdfViewerAnnotationLayer.js\";\nimport { PdfViewerSearchBar } from \"./PdfViewerSearchBar.js\";\nimport { PdfViewerSidebar } from \"./PdfViewerSidebar.js\";\nimport { PdfViewerToolbar } from \"./PdfViewerToolbar.js\";\nimport type { PdfViewerProps } from \"./types.js\";\n\nexport function BasePdfViewer({\n  src,\n  annotations = EMPTY_ANNOTATIONS,\n  onAnnotationClick,\n  initialPage = 1,\n  initialScale = 1.0,\n  initialSidebarOpen = false,\n  className,\n}: PdfViewerProps): React.ReactElement {\n  const { document, numPages, loading, error } = usePdfDocument(src);\n  const [scale, setScale] = useState(initialScale);\n  const [sidebarOpen, setSidebarOpen] = useState(initialSidebarOpen);\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewerRef = useRef<HTMLDivElement>(null);\n\n  const { pdfViewerRef, eventBusRef, findControllerRef } = usePdfViewer(\n    containerRef,\n    viewerRef,\n    document,\n    initialScale,\n  );\n\n  const search = usePdfViewerSearch(eventBusRef, findControllerRef, document);\n\n  const handleScaleChange = useCallback((newScale: number) => {\n    setScale(newScale);\n  }, []);\n\n  const handlePageChange = useCallback((page: number) => {\n    setCurrentPage(page);\n  }, []);\n\n  const { scrollToPage } = usePdfViewerSync({\n    pdfViewerRef,\n    eventBusRef,\n    document,\n    scale,\n    onScaleChange: handleScaleChange,\n    onPageChange: handlePageChange,\n  });\n\n  const portalTargets = usePdfAnnotationPortals(\n    pdfViewerRef,\n    eventBusRef,\n    document,\n  );\n\n  // Set initial page after viewer is ready\n  useEffect(function setInitialPage() {\n    if (pdfViewerRef.current != null && initialPage > 1) {\n      pdfViewerRef.current.currentPageNumber = initialPage;\n    }\n  }, [pdfViewerRef, initialPage]);\n\n  // Ctrl+F handler\n  useEffect(function registerSearchShortcut() {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === \"f\") {\n        e.preventDefault();\n        search.openSearch();\n      }\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [search.openSearch]);\n\n  const handleDownload = useCallback(() => {\n    if (document == null) {\n      return;\n    }\n    void document.getData().then((data) => {\n      const blob = new Blob([data.buffer as ArrayBuffer], {\n        type: \"application/pdf\",\n      });\n      const url = URL.createObjectURL(blob);\n      // Extract filename from URL by taking the last path segment and stripping query params\n      const filename = typeof src === \"string\"\n        ? src.split(\"/\").pop()?.split(\"?\")[0] || \"document.pdf\"\n        : \"document.pdf\";\n      const a = globalThis.document.createElement(\"a\");\n      a.href = url;\n      a.download = filename;\n      a.click();\n      URL.revokeObjectURL(url);\n    });\n  }, [document, src]);\n\n  const handleSidebarToggle = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n\n  const handleToolbarPageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page);\n      scrollToPage(page);\n    },\n    [scrollToPage],\n  );\n\n  const rootClassName = classnames(styles.pdfViewer, className);\n\n  if (loading) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>\n          <Spin className={styles.spinnerIcon} />\n          Loading…\n        </div>\n      </div>\n    );\n  }\n\n  if (error != null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.errorContainer}>\n          <ErrorIcon className={styles.errorIcon} />\n          Failed to load PDF: {error.message}\n        </div>\n      </div>\n    );\n  }\n\n  if (document == null) {\n    return (\n      <div className={rootClassName}>\n        <div className={styles.loadingContainer}>No document</div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={rootClassName}>\n      <PdfViewerToolbar\n        currentPage={currentPage}\n        numPages={numPages}\n        scale={scale}\n        sidebarOpen={sidebarOpen}\n        onPageChange={handleToolbarPageChange}\n        onScaleChange={setScale}\n        onSearchOpen={search.openSearch}\n        onSidebarToggle={handleSidebarToggle}\n        onDownload={handleDownload}\n      />\n      {search.isSearchOpen && (\n        <PdfViewerSearchBar\n          query={search.query}\n          totalMatches={search.totalMatches}\n          currentMatchIndex={search.currentMatchIndex}\n          onQueryChange={search.setQuery}\n          onNext={search.nextMatch}\n          onPrev={search.prevMatch}\n          onClose={search.closeSearch}\n        />\n      )}\n      <div className={styles.contentArea}>\n        {sidebarOpen && (\n          <PdfViewerSidebar\n            document={document}\n            numPages={numPages}\n            currentPage={currentPage}\n            onPageClick={handleToolbarPageChange}\n          />\n        )}\n        <div className={styles.scrollContainerWrapper}>\n          <div ref={containerRef} className={styles.scrollContainer}>\n            <div ref={viewerRef} className=\"pdfViewer\" />\n            {portalTargets.map((target) => {\n              const pageAnnotations = annotations[target.pageNumber]\n                ?? EMPTY_ANNOTATION_ARRAY;\n              if (pageAnnotations.length === 0) {\n                return null;\n              }\n              return createPortal(\n                <PdfViewerAnnotationLayer\n                  key={target.pageNumber}\n                  annotations={pageAnnotations}\n                  pageHeight={target.pageHeight}\n                  scale={target.scale}\n                  onAnnotationClick={onAnnotationClick}\n                />,\n                target.container,\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/pdf-viewer/PdfViewer.module.css

@@ -0,0 +1,95 @@
+.pdfViewer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-pdf-viewer-bg);
+  border: var(--osdk-pdf-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+  position: relative;
+}
+
+.contentArea {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+
+.scrollContainerWrapper {
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+
+.scrollContainer {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.loadingContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-muted);
+}
+
+.errorContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-surface-spacing);
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-danger-rest);
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.spinnerIcon {
+  animation: spin 1s linear infinite;
+  color: var(--osdk-typography-color-muted);
+}
+
+.errorIcon {
+  flex-shrink: 0;
+}
+
+/* PDFViewer page overrides */
+:global(.pdfViewer .page) {
+  box-shadow: var(--osdk-pdf-viewer-page-shadow);
+  background-color: var(--osdk-palette-white);
+  margin: 0 auto var(--osdk-pdf-viewer-page-gap);
+}
+
+/* Search highlight overrides — match pdf.js FindController CSS classes */
+:global(.textLayer) .highlight {
+  background-color: var(--osdk-pdf-viewer-search-highlight);
+  border-radius: 1px;
+}
+
+:global(.textLayer) .highlight.selected {
+  background-color: var(--osdk-pdf-viewer-search-active);
+}
+
+:global(.textLayer)::selection {
+  background: var(--osdk-intent-primary-rest);
+}