@osdk/react-components 0.1.0-beta.6 → 0.1.0

package/build/browser/object-table/Table.js

@@ -1,72 +1,975 @@
-/*
- * 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.
- */
+// build/browser/object-table/Table.js
+import classNames6 from "classnames";
+import React16, { useCallback as useCallback5, useEffect as useEffect3, useRef as useRef4, useState as useState5 } from "react";
 
+// build/browser/object-table/LoadingStateTable.js
+import classNames3 from "classnames";
+import React6, { useEffect, useRef, useState as useState2 } from "react";
+import React2 from "react";
 import classNames from "classnames";
-import React, { useCallback, useRef } from "react";
-import styles from "./Table.module.css";
-import { TableBody } from "./TableBody.js";
-import { TableHeader } from "./TableHeader.js";
-export function BaseTable({
+import React from "react";
+import React5 from "react";
+import { flexRender } from "@tanstack/react-table";
+import React3 from "react";
+import { Menu } from "@base-ui/react/menu";
+import { ChevronDown, Pin, Remove, SortAlphabetical, SortAlphabeticalDesc, Unpin, VerticalDistribution } from "@blueprintjs/icons";
+import classNames2 from "classnames";
+import React4, { useCallback, useState } from "react";
+var css = '/*\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\n.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
+var css2 = '/*\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\n.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css2;
+  document.head.appendChild(style);
+}
+var LoadingCell_default2 = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
+var css22 = '/*\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\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css22;
+  document.head.appendChild(style);
+}
+var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
+function LoadingCell({
+  width
+}) {
+  return /* @__PURE__ */ React.createElement("td", {
+    className: TableCell_default.osdkTableCell,
+    style: {
+      width
+    }
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(LoadingCell_default2.osdkLoadingCell, LoadingCell_default2.osdkCellSkeleton)
+  }));
+}
+var css3 = '/*\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\n.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css3;
+  document.head.appendChild(style);
+}
+var TableRow_default = { "osdkTableRow": "osdkTableRow" };
+function LoadingRow({
+  headers,
+  columnCount,
+  translateY,
+  rowHeight = 40,
+  columnWidth = 80
+}) {
+  return /* @__PURE__ */ React2.createElement("tr", {
+    className: TableRow_default.osdkTableRow,
+    style: {
+      height: `${rowHeight}px`,
+      transform: `translateY(${translateY}px)`
+    }
+  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, Array.from({
+    length: columnCount
+  }).map((_, index) => {
+    const width = headers.length > index ? headers[index].getSize() : columnWidth;
+    return /* @__PURE__ */ React2.createElement(LoadingCell, {
+      key: `loading-cell-${index}`,
+      width
+    });
+  })));
+}
+var css4 = '/*\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\n.osdkTableBody {\n  display: grid;\n  position: relative;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css4;
+  document.head.appendChild(style);
+}
+var TableBody_default = { "osdkTableBody": "osdkTableBody" };
+var css5 = '/*\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\n.osdkTableHeader {\n  display: grid;\n  position: sticky;\n  top: 0;\n  z-index: var(--osdk-surface-z-index-1);\n  background-color: var(--osdk-table-header-bg);\n}\n\n.osdkTableHeader[data-resizing="true"] {\n  cursor: col-resize;\n  user-select: none;\n}\n\n.osdkTableHeaderRow {\n  display: flex;\n}\n\n.osdkTableHeaderCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-weight: var(--osdk-table-header-fontWeight);\n  font-size: var(--osdk-table-header-fontSize);\n  color: var(--osdk-table-header-color);\n  border-top: var(--osdk-table-border);\n  border-right: var(--osdk-table-header-divider);\n  background-color: inherit;\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableHeaderCell[data-pinned="left"],\n.osdkTableHeaderCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-2);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableHeaderCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableHeaderCell[data-pinned="right"]:not(\n    :has(~ [data-pinned="right"]):nth-child(n + 2)\n  ) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableHeaderCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableHeaderResizer {\n  background: none;\n  cursor: col-resize;\n  height: 100%;\n  position: absolute;\n  right: calc(-1 * var(--osdk-table-border-width));\n  top: 0;\n  touch-action: none;\n  width: 3px;\n  z-index: var(--osdk-surface-z-index-2);\n\n  &:hover {\n    background: var(--osdk-intent-primary-hover);\n  }\n\n  &:active {\n    background: var(--osdk-intent-primary-active);\n  }\n}\n\n.osdkLoadingHeaderCell {\n  height: var(--osdk-table-header-fontSize);\n  flex: 1;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css5;
+  document.head.appendChild(style);
+}
+var TableHeader_default = { "osdkTableHeader": "osdkTableHeader", "osdkTableHeaderRow": "osdkTableHeaderRow", "osdkTableHeaderCell": "osdkTableHeaderCell", "osdkTableHeaderResizer": "osdkTableHeaderResizer", "osdkLoadingHeaderCell": "osdkLoadingHeaderCell" };
+var css6 = '/*\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\n.osdkHeaderContent {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.osdkHeaderContent:has([role="checkbox"]) {\n  display: flex;\n  justify-content: center;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css6;
+  document.head.appendChild(style);
+}
+var TableHeaderContent_default = { "osdkHeaderContent": "osdkHeaderContent" };
+function TableHeaderContent({
+  header
+}) {
+  return /* @__PURE__ */ React3.createElement("div", {
+    className: TableHeaderContent_default.osdkHeaderContent
+  }, flexRender(header.column.columnDef.header, header.getContext()));
+}
+var css7 = '/*\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\n.osdkCenterContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.osdkContentGap {\n  display: flex;\n  gap: var(--osdk-surface-spacing);\n}\n\n.osdkHeaderContainer {\n  justify-content: space-between;\n  flex: 1;\n  min-width: 0;\n  align-self: stretch;\n}\n\n.osdkHeaderContentLeft {\n  min-width: 0;\n  flex-shrink: 1;\n}\n\n.osdkHeaderContentRight {\n  flex-shrink: 0;\n}\n\n.osdkHeaderPopoverTrigger {\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  border-radius: var(--osdk-surface-border-radius);\n  color: var(--osdk-intent-default-foreground);\n  user-select: none;\n  outline: none;\n\n  &:hover {\n    background-color: var(--osdk-intent-default-hover);\n  }\n\n  &[data-popup-open] {\n    background-color: var(--osdk-intent-primary-rest);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n}\n\n.osdkHeaderIcon {\n  width: var(--osdk-iconography-size-small);\n  height: var(--osdk-iconography-size-small);\n}\n\n.osdkHeaderPopup {\n  box-sizing: border-box;\n  padding: var(--osdk-surface-spacing);\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  background-color: var(--osdk-surface-background-color-default);\n  color: var(--osdk-typography-color-default-rest);\n  box-shadow: var(--osdk-surface-shadow-2);\n  font-size: var(--osdk-typography-size-body-medium);\n  outline: none;\n}\n\n.osdkHeaderMenuItem {\n  justify-content: flex-start;\n  padding: var(--osdk-surface-spacing);\n  cursor: pointer;\n}\n\n.osdkHeaderMenuItem:hover {\n  outline: none;\n  background-color: var(--osdk-surface-background-color-default-hover);\n  border-radius: var(--osdk-surface-border-radius);\n}\n\n.osdkHeaderActiveMenuItem {\n  background-color: var(--osdk-intent-primary-rest);\n  color: var(--osdk-intent-primary-foreground);\n}\n\n.osdkHeaderActiveMenuItem:hover {\n  background-color: var(--osdk-intent-primary-hover);\n}\n\n.osdkHeaderActiveMenuItem:active {\n  background-color: var(--osdk-intent-primary-active);\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css7;
+  document.head.appendChild(style);
+}
+var TableHeaderWithPopover_default = { "osdkCenterContainer": "osdkCenterContainer", "osdkContentGap": "osdkContentGap", "osdkHeaderContainer": "osdkHeaderContainer", "osdkHeaderContentLeft": "osdkHeaderContentLeft", "osdkHeaderContentRight": "osdkHeaderContentRight", "osdkHeaderPopoverTrigger": "osdkHeaderPopoverTrigger", "osdkHeaderIcon": "osdkHeaderIcon", "osdkHeaderPopup": "osdkHeaderPopup", "osdkHeaderMenuItem": "osdkHeaderMenuItem", "osdkHeaderActiveMenuItem": "osdkHeaderActiveMenuItem" };
+function HeaderMenuItem({
+  onClick,
+  icon: Icon,
+  label,
+  active = false
+}) {
+  return /* @__PURE__ */ React4.createElement(Menu.Item, {
+    closeOnClick: true,
+    className: classNames2(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
+    onClick
+  }, /* @__PURE__ */ React4.createElement(Icon, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React4.createElement("span", null, label));
+}
+function TableHeaderWithPopover({
+  header,
+  isColumnPinned,
+  setColumnPinning,
+  onSortChange,
+  onResetSize
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const handlePinLeft = useCallback(() => {
+    setColumnPinning((prev) => {
+      return {
+        left: [...prev.left || [], header.column.id],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleUnpin = useCallback(() => {
+    setColumnPinning((prev) => {
+      return {
+        left: prev.left?.filter((id) => id !== header.column.id) || [],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleSortAscending = useCallback(() => {
+    header.column.toggleSorting(false);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: false
+    }]);
+  }, [header.column, onSortChange]);
+  const handleSortDescending = useCallback(() => {
+    header.column.toggleSorting(true);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: true
+    }]);
+  }, [header.column, onSortChange]);
+  const handleClearAllSorts = useCallback(() => {
+    header.column.clearSorting();
+    onSortChange?.([]);
+  }, [header.column, onSortChange]);
+  const handleResetSize = useCallback(() => {
+    header.column.resetSize();
+    if (onResetSize) {
+      onResetSize();
+    }
+  }, [header.column, onResetSize]);
+  const handleInteraction = useCallback((e) => {
+    e.preventDefault();
+    setIsOpen((prev) => !prev);
+  }, []);
+  const isSorted = header.column.getIsSorted();
+  const isSortable = header.column.getCanSort();
+  return /* @__PURE__ */ React4.createElement(Menu.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /* @__PURE__ */ React4.createElement("div", {
+    className: classNames2(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
+    onContextMenu: handleInteraction
+  }, /* @__PURE__ */ React4.createElement("div", {
+    className: classNames2(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
+  }, isColumnPinned && /* @__PURE__ */ React4.createElement(Pin, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React4.createElement(TableHeaderContent, {
+    header
+  })), /* @__PURE__ */ React4.createElement("div", {
+    className: classNames2(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
+  }, isSorted && /* @__PURE__ */ React4.createElement("div", {
+    className: TableHeaderWithPopover_default.osdkCenterContainer
+  }, isSorted === "asc" ? /* @__PURE__ */ React4.createElement(SortAlphabetical, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }) : /* @__PURE__ */ React4.createElement(SortAlphabeticalDesc, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  })), /* @__PURE__ */ React4.createElement(Menu.Trigger, {
+    "aria-label": `Open header menu for column with id=${header.column.id}`,
+    className: classNames2(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
+  }, /* @__PURE__ */ React4.createElement(ChevronDown, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon
+  }))), /* @__PURE__ */ React4.createElement(Menu.Portal, {
+    container: document.body
+  }, /* @__PURE__ */ React4.createElement(Menu.Positioner, {
+    sideOffset: 4
+  }, /* @__PURE__ */ React4.createElement(Menu.Popup, {
+    className: TableHeaderWithPopover_default.osdkHeaderPopup
+  }, !isColumnPinned && /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handlePinLeft,
+    icon: Pin,
+    label: "Pin column"
+  }), isColumnPinned && /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handleUnpin,
+    icon: Unpin,
+    label: "Unpin Column",
+    active: true
+  }), isSortable && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handleSortAscending,
+    icon: SortAlphabetical,
+    label: "Sort ascending",
+    active: isSorted === "asc"
+  }), /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handleSortDescending,
+    icon: SortAlphabeticalDesc,
+    label: "Sort descending",
+    active: isSorted === "desc"
+  })), !!isSorted && /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handleClearAllSorts,
+    icon: Remove,
+    label: "Clear all sorts"
+  }), /* @__PURE__ */ React4.createElement(HeaderMenuItem, {
+    onClick: handleResetSize,
+    icon: VerticalDistribution,
+    label: "Reset Column Size"
+  }))))));
+}
+var SELECTION_COLUMN_ID = "__selection__";
+function getColumnPinningStyles(column) {
+  const isPinned = column.getIsPinned();
+  return {
+    columnStyles: {
+      left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
+      right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
+      width: column.getSize()
+    }
+  };
+}
+function TableHeader({
+  table
+}) {
+  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
+  return /* @__PURE__ */ React5.createElement("thead", {
+    className: TableHeader_default.osdkTableHeader,
+    "data-resizing": isResizing
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React5.createElement("tr", {
+    key: headerGroup.id,
+    className: TableHeader_default.osdkTableHeaderRow
+  }, headerGroup.headers.map((header) => {
+    const {
+      columnStyles
+    } = getColumnPinningStyles(header.column);
+    const isColumnPinned = header.column.getIsPinned();
+    const isSelectColumn = header.id === SELECTION_COLUMN_ID;
+    return /* @__PURE__ */ React5.createElement("th", {
+      key: header.id,
+      "data-pinned": header.column.getIsPinned(),
+      className: TableHeader_default.osdkTableHeaderCell,
+      style: columnStyles
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React5.createElement(TableHeaderContent, {
+      header
+    }) : /* @__PURE__ */ React5.createElement(TableHeaderWithPopover, {
+      header,
+      isColumnPinned,
+      setColumnPinning: table.setColumnPinning
+    }), header.column.getCanResize() && /* @__PURE__ */ React5.createElement("div", {
+      className: TableHeader_default.osdkTableHeaderResizer,
+      onDoubleClick: () => header.column.resetSize(),
+      onMouseDown: header.getResizeHandler(),
+      onTouchStart: header.getResizeHandler()
+    }));
+  }))));
+}
+var MIN_ROWS = 5;
+function LoadingStateTable({
+  table,
+  tableContainerRef,
+  headerGroups,
+  rowHeight = 40,
+  columnWidth = 120
+}) {
+  const isSelectionEnabled = table.options.enableRowSelection;
+  const minHeaderCount = isSelectionEnabled ? 1 : 0;
+  const headers = headerGroups[0]?.headers ?? [];
+  const hasHeadersLoaded = headers.length > minHeaderCount;
+  const headerRef = useRef(null);
+  const bodyRef = useRef(null);
+  const [loadingRowCount, setLoadingRowCount] = useState2(MIN_ROWS);
+  const [loadingColumnCount, setLoadingColumnCount] = useState2(headers.length);
+  useEffect(() => {
+    if (hasHeadersLoaded) {
+      setLoadingColumnCount(headers.length);
+    } else {
+      if (tableContainerRef.current) {
+        const tableWidth = tableContainerRef.current.clientWidth;
+        if (tableWidth > 0) {
+          const columnsNeeded = Math.ceil(tableWidth / columnWidth);
+          setLoadingColumnCount(columnsNeeded);
+        }
+      }
+    }
+  }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);
+  useEffect(() => {
+    if (tableContainerRef.current) {
+      const containerHeight = tableContainerRef.current.clientHeight;
+      const availableHeight = containerHeight - rowHeight;
+      if (availableHeight > 0) {
+        const rowsNeeded = Math.ceil(availableHeight / rowHeight);
+        setLoadingRowCount(Math.max(rowsNeeded, MIN_ROWS));
+      }
+    }
+  }, [tableContainerRef, rowHeight]);
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React6.createElement(TableHeader, {
+    table
+  }) : /* @__PURE__ */ React6.createElement("thead", {
+    className: TableHeader_default.osdkTableHeader,
+    ref: headerRef
+  }, /* @__PURE__ */ React6.createElement("tr", {
+    className: TableHeader_default.osdkTableHeaderRow
+  }, Array.from({
+    length: loadingColumnCount
+  }).map((_, index) => {
+    const width = headers.length > index ? headers[index].getSize() : columnWidth;
+    return /* @__PURE__ */ React6.createElement("th", {
+      key: `loading-header-${index}`,
+      className: TableHeader_default.osdkTableHeaderCell,
+      style: {
+        width
+      }
+    }, /* @__PURE__ */ React6.createElement("div", {
+      className: classNames3(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
+    }));
+  }))), /* @__PURE__ */ React6.createElement("tbody", {
+    className: TableBody_default.osdkTableBody,
+    ref: bodyRef
+  }, Array.from({
+    length: loadingRowCount
+  }).map((_, index) => /* @__PURE__ */ React6.createElement(LoadingRow, {
+    key: `skeleton-${index}`,
+    columnCount: loadingColumnCount,
+    headers,
+    translateY: rowHeight * index,
+    rowHeight,
+    columnWidth
+  }))));
+}
+
+// build/browser/object-table/NonIdealState.js
+import React7 from "react";
+var css8 = '/*\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\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 80px;\n}\n\n.message {\n  color: var(--osdk-typography-color-muted);\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css8;
+  document.head.appendChild(style);
+}
+var NonIdealState_default = { "container": "container", "message": "message" };
+function NonIdealState({
+  message
+}) {
+  return /* @__PURE__ */ React7.createElement("div", {
+    className: NonIdealState_default.container
+  }, /* @__PURE__ */ React7.createElement("div", {
+    className: NonIdealState_default.message
+  }, message));
+}
+
+// build/browser/object-table/Table.module.css
+var css9 = '/*\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\n.osdkTableContainer {\n  position: relative; /* needed for sticky header */\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css9;
+  document.head.appendChild(style);
+}
+var Table_default = { "osdkTableContainer": "osdkTableContainer" };
+
+// build/browser/object-table/TableBody.js
+import { useVirtualizer } from "@tanstack/react-virtual";
+import React12, { useLayoutEffect } from "react";
+
+// build/browser/object-table/LoadingRow.js
+import React22 from "react";
+import classNames4 from "classnames";
+import React8 from "react";
+var css10 = '/*\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\n.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css10;
+  document.head.appendChild(style);
+}
+var LoadingCell_default3 = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
+var css23 = '/*\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\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css23;
+  document.head.appendChild(style);
+}
+var TableCell_default2 = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
+function LoadingCell2({
+  width
+}) {
+  return /* @__PURE__ */ React8.createElement("td", {
+    className: TableCell_default2.osdkTableCell,
+    style: {
+      width
+    }
+  }, /* @__PURE__ */ React8.createElement("div", {
+    className: classNames4(LoadingCell_default3.osdkLoadingCell, LoadingCell_default3.osdkCellSkeleton)
+  }));
+}
+var css32 = '/*\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\n.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css32;
+  document.head.appendChild(style);
+}
+var TableRow_default2 = { "osdkTableRow": "osdkTableRow" };
+function LoadingRow2({
+  headers,
+  columnCount,
+  translateY,
+  rowHeight = 40,
+  columnWidth = 80
+}) {
+  return /* @__PURE__ */ React22.createElement("tr", {
+    className: TableRow_default2.osdkTableRow,
+    style: {
+      height: `${rowHeight}px`,
+      transform: `translateY(${translateY}px)`
+    }
+  }, /* @__PURE__ */ React22.createElement(React22.Fragment, null, Array.from({
+    length: columnCount
+  }).map((_, index) => {
+    const width = headers.length > index ? headers[index].getSize() : columnWidth;
+    return /* @__PURE__ */ React22.createElement(LoadingCell2, {
+      key: `loading-cell-${index}`,
+      width
+    });
+  })));
+}
+
+// build/browser/object-table/TableBody.module.css
+var css11 = '/*\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\n.osdkTableBody {\n  display: grid;\n  position: relative;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css11;
+  document.head.appendChild(style);
+}
+var TableBody_default2 = { "osdkTableBody": "osdkTableBody" };
+
+// build/browser/object-table/TableRow.js
+import React11, { useCallback as useCallback3 } from "react";
+
+// build/browser/object-table/TableCell.js
+import { flexRender as flexRender2 } from "@tanstack/react-table";
+import React10, { useRef as useRef3 } from "react";
+
+// build/browser/object-table/CellContextMenu.js
+import React9, { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { createPortal } from "react-dom";
+var css12 = '/*\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\n.osdkCellContextMenu {\n  position: fixed;\n  z-index: var(--osdk-surface-z-index-2);\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css12;
+  document.head.appendChild(style);
+}
+var CellContextMenu_default = { "osdkCellContextMenu": "osdkCellContextMenu" };
+function CellContextMenu({
+  cell,
+  position,
+  onClose,
+  renderContent
+}) {
+  const ref = useRef2(null);
+  useEffect2(() => {
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [onClose]);
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React9.createElement("div", {
+    ref,
+    className: CellContextMenu_default.osdkCellContextMenu,
+    style: {
+      left: position.left,
+      top: position.top,
+      minWidth: position.width
+    }
+  }, renderContent(cell.row.original, cell)), document.body);
+}
+
+// build/browser/object-table/hooks/useCellContextMenu.js
+import { useCallback as useCallback2, useState as useState3 } from "react";
+var useCellContextMenu = ({
+  tdRef
+}) => {
+  const [popoverPosition, setPopoverPosition] = useState3(null);
+  const [isContextMenuOpen, setIsContextMenuOpen] = useState3(false);
+  const handleOpenContextMenu = useCallback2((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (tdRef.current) {
+      const rect = tdRef.current.getBoundingClientRect();
+      const position = {
+        left: rect.left,
+        top: rect.bottom,
+        width: rect.width
+      };
+      setPopoverPosition(position);
+      setIsContextMenuOpen(true);
+    }
+  }, [tdRef]);
+  const handleCloseContextMenu = useCallback2(() => {
+    setIsContextMenuOpen(false);
+    setPopoverPosition(null);
+  }, []);
+  return {
+    isContextMenuOpen,
+    handleOpenContextMenu,
+    handleCloseContextMenu,
+    popoverPosition
+  };
+};
+
+// build/browser/object-table/TableCell.module.css
+var css13 = '/*\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\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css13;
+  document.head.appendChild(style);
+}
+var TableCell_default3 = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
+
+// build/browser/object-table/utils/constants.js
+var SELECTION_COLUMN_ID2 = "__selection__";
+
+// build/browser/object-table/utils/getColumnPinningStyles.js
+function getColumnPinningStyles2(column) {
+  const isPinned = column.getIsPinned();
+  return {
+    columnStyles: {
+      left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
+      right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
+      width: column.getSize()
+    }
+  };
+}
+
+// build/browser/object-table/TableCell.js
+function TableCell({
+  cell,
+  renderCellContextMenu
+}) {
+  const tdRef = useRef3(null);
+  const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID2;
+  const {
+    isContextMenuOpen,
+    handleOpenContextMenu,
+    handleCloseContextMenu,
+    popoverPosition
+  } = useCellContextMenu({
+    tdRef
+  });
+  const {
+    columnStyles
+  } = getColumnPinningStyles2(cell.column);
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("td", {
+    ref: tdRef,
+    "data-pinned": cell.column.getIsPinned(),
+    className: TableCell_default3.osdkTableCell,
+    style: columnStyles,
+    onContextMenu: handleOpenContextMenu
+  }, /* @__PURE__ */ React10.createElement("div", {
+    className: TableCell_default3.osdkTableCellContent
+  }, flexRender2(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /* @__PURE__ */ React10.createElement(CellContextMenu, {
+    cell,
+    position: popoverPosition,
+    onClose: handleCloseContextMenu,
+    renderContent: renderCellContextMenu
+  }));
+}
+
+// build/browser/object-table/TableRow.module.css
+var css14 = '/*\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\n.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css14;
+  document.head.appendChild(style);
+}
+var TableRow_default3 = { "osdkTableRow": "osdkTableRow" };
+
+// build/browser/object-table/TableRow.js
+function TableRow({
+  row,
+  virtualRow,
+  onRowClick,
+  renderCellContextMenu
+}) {
+  const handleClick = useCallback3(() => {
+    onRowClick?.(row.original);
+  }, [onRowClick, row.original]);
+  return /* @__PURE__ */ React11.createElement("tr", {
+    "data-selected": row.getIsSelected(),
+    className: TableRow_default3.osdkTableRow,
+    style: {
+      height: `${virtualRow.size}px`,
+      transform: `translateY(${virtualRow.start}px)`
+    },
+    onClick: handleClick
+  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React11.createElement(TableCell, {
+    key: cell.id,
+    cell,
+    renderCellContextMenu
+  })));
+}
+
+// build/browser/object-table/TableBody.js
+function TableBody({
+  rows,
+  tableContainerRef,
+  onRowClick,
+  renderCellContextMenu,
+  rowHeight = 40,
+  isLoadingMore = false,
+  headerGroups = []
+}) {
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    estimateSize: () => rowHeight,
+    getScrollElement: () => tableContainerRef.current,
+    overscan: 5
+  });
+  useLayoutEffect(() => {
+    rowVirtualizer.measure();
+  }, [rowVirtualizer, rows.length]);
+  const totalSize = rowVirtualizer.getTotalSize();
+  const bodyHeight = isLoadingMore ? totalSize + rowHeight : totalSize;
+  const headers = headerGroups[0]?.headers ?? [];
+  return /* @__PURE__ */ React12.createElement("tbody", {
+    className: TableBody_default2.osdkTableBody,
+    style: {
+      height: `${bodyHeight}px`
+    }
+  }, rowVirtualizer.getVirtualItems().map((virtualRow) => {
+    const row = rows[virtualRow.index];
+    return /* @__PURE__ */ React12.createElement(TableRow, {
+      key: row.id,
+      row,
+      virtualRow,
+      onRowClick,
+      renderCellContextMenu
+    });
+  }), isLoadingMore && /* @__PURE__ */ React12.createElement(LoadingRow2, {
+    headers,
+    translateY: totalSize,
+    rowHeight,
+    columnCount: headers.length
+  }));
+}
+
+// build/browser/object-table/TableHeader.js
+import React15 from "react";
+
+// build/browser/object-table/TableHeader.module.css
+var css15 = '/*\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\n.osdkTableHeader {\n  display: grid;\n  position: sticky;\n  top: 0;\n  z-index: var(--osdk-surface-z-index-1);\n  background-color: var(--osdk-table-header-bg);\n}\n\n.osdkTableHeader[data-resizing="true"] {\n  cursor: col-resize;\n  user-select: none;\n}\n\n.osdkTableHeaderRow {\n  display: flex;\n}\n\n.osdkTableHeaderCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-weight: var(--osdk-table-header-fontWeight);\n  font-size: var(--osdk-table-header-fontSize);\n  color: var(--osdk-table-header-color);\n  border-top: var(--osdk-table-border);\n  border-right: var(--osdk-table-header-divider);\n  background-color: inherit;\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableHeaderCell[data-pinned="left"],\n.osdkTableHeaderCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-2);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableHeaderCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableHeaderCell[data-pinned="right"]:not(\n    :has(~ [data-pinned="right"]):nth-child(n + 2)\n  ) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableHeaderCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableHeaderResizer {\n  background: none;\n  cursor: col-resize;\n  height: 100%;\n  position: absolute;\n  right: calc(-1 * var(--osdk-table-border-width));\n  top: 0;\n  touch-action: none;\n  width: 3px;\n  z-index: var(--osdk-surface-z-index-2);\n\n  &:hover {\n    background: var(--osdk-intent-primary-hover);\n  }\n\n  &:active {\n    background: var(--osdk-intent-primary-active);\n  }\n}\n\n.osdkLoadingHeaderCell {\n  height: var(--osdk-table-header-fontSize);\n  flex: 1;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css15;
+  document.head.appendChild(style);
+}
+var TableHeader_default2 = { "osdkTableHeader": "osdkTableHeader", "osdkTableHeaderRow": "osdkTableHeaderRow", "osdkTableHeaderCell": "osdkTableHeaderCell", "osdkTableHeaderResizer": "osdkTableHeaderResizer", "osdkLoadingHeaderCell": "osdkLoadingHeaderCell" };
+
+// build/browser/object-table/TableHeaderContent.js
+import { flexRender as flexRender3 } from "@tanstack/react-table";
+import React13 from "react";
+
+// build/browser/object-table/TableHeaderContent.module.css
+var css16 = '/*\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\n.osdkHeaderContent {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.osdkHeaderContent:has([role="checkbox"]) {\n  display: flex;\n  justify-content: center;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css16;
+  document.head.appendChild(style);
+}
+var TableHeaderContent_default2 = { "osdkHeaderContent": "osdkHeaderContent" };
+
+// build/browser/object-table/TableHeaderContent.js
+function TableHeaderContent2({
+  header
+}) {
+  return /* @__PURE__ */ React13.createElement("div", {
+    className: TableHeaderContent_default2.osdkHeaderContent
+  }, flexRender3(header.column.columnDef.header, header.getContext()));
+}
+
+// build/browser/object-table/TableHeaderWithPopover.js
+import { Menu as Menu2 } from "@base-ui/react/menu";
+import { ChevronDown as ChevronDown2, Pin as Pin2, Remove as Remove2, SortAlphabetical as SortAlphabetical2, SortAlphabeticalDesc as SortAlphabeticalDesc2, Unpin as Unpin2, VerticalDistribution as VerticalDistribution2 } from "@blueprintjs/icons";
+import classNames5 from "classnames";
+import React14, { useCallback as useCallback4, useState as useState4 } from "react";
+
+// build/browser/object-table/TableHeaderWithPopover.module.css
+var css17 = '/*\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\n.osdkCenterContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.osdkContentGap {\n  display: flex;\n  gap: var(--osdk-surface-spacing);\n}\n\n.osdkHeaderContainer {\n  justify-content: space-between;\n  flex: 1;\n  min-width: 0;\n  align-self: stretch;\n}\n\n.osdkHeaderContentLeft {\n  min-width: 0;\n  flex-shrink: 1;\n}\n\n.osdkHeaderContentRight {\n  flex-shrink: 0;\n}\n\n.osdkHeaderPopoverTrigger {\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  border-radius: var(--osdk-surface-border-radius);\n  color: var(--osdk-intent-default-foreground);\n  user-select: none;\n  outline: none;\n\n  &:hover {\n    background-color: var(--osdk-intent-default-hover);\n  }\n\n  &[data-popup-open] {\n    background-color: var(--osdk-intent-primary-rest);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n}\n\n.osdkHeaderIcon {\n  width: var(--osdk-iconography-size-small);\n  height: var(--osdk-iconography-size-small);\n}\n\n.osdkHeaderPopup {\n  box-sizing: border-box;\n  padding: var(--osdk-surface-spacing);\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  background-color: var(--osdk-surface-background-color-default);\n  color: var(--osdk-typography-color-default-rest);\n  box-shadow: var(--osdk-surface-shadow-2);\n  font-size: var(--osdk-typography-size-body-medium);\n  outline: none;\n}\n\n.osdkHeaderMenuItem {\n  justify-content: flex-start;\n  padding: var(--osdk-surface-spacing);\n  cursor: pointer;\n}\n\n.osdkHeaderMenuItem:hover {\n  outline: none;\n  background-color: var(--osdk-surface-background-color-default-hover);\n  border-radius: var(--osdk-surface-border-radius);\n}\n\n.osdkHeaderActiveMenuItem {\n  background-color: var(--osdk-intent-primary-rest);\n  color: var(--osdk-intent-primary-foreground);\n}\n\n.osdkHeaderActiveMenuItem:hover {\n  background-color: var(--osdk-intent-primary-hover);\n}\n\n.osdkHeaderActiveMenuItem:active {\n  background-color: var(--osdk-intent-primary-active);\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css17;
+  document.head.appendChild(style);
+}
+var TableHeaderWithPopover_default2 = { "osdkCenterContainer": "osdkCenterContainer", "osdkContentGap": "osdkContentGap", "osdkHeaderContainer": "osdkHeaderContainer", "osdkHeaderContentLeft": "osdkHeaderContentLeft", "osdkHeaderContentRight": "osdkHeaderContentRight", "osdkHeaderPopoverTrigger": "osdkHeaderPopoverTrigger", "osdkHeaderIcon": "osdkHeaderIcon", "osdkHeaderPopup": "osdkHeaderPopup", "osdkHeaderMenuItem": "osdkHeaderMenuItem", "osdkHeaderActiveMenuItem": "osdkHeaderActiveMenuItem" };
+
+// build/browser/object-table/TableHeaderWithPopover.js
+function HeaderMenuItem2({
+  onClick,
+  icon: Icon,
+  label,
+  active = false
+}) {
+  return /* @__PURE__ */ React14.createElement(Menu2.Item, {
+    closeOnClick: true,
+    className: classNames5(TableHeaderWithPopover_default2.osdkCenterContainer, TableHeaderWithPopover_default2.osdkContentGap, TableHeaderWithPopover_default2.osdkHeaderMenuItem, active && TableHeaderWithPopover_default2.osdkHeaderActiveMenuItem),
+    onClick
+  }, /* @__PURE__ */ React14.createElement(Icon, {
+    className: TableHeaderWithPopover_default2.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React14.createElement("span", null, label));
+}
+function TableHeaderWithPopover2({
+  header,
+  isColumnPinned,
+  setColumnPinning,
+  onSortChange,
+  onResetSize
+}) {
+  const [isOpen, setIsOpen] = useState4(false);
+  const handlePinLeft = useCallback4(() => {
+    setColumnPinning((prev) => {
+      return {
+        left: [...prev.left || [], header.column.id],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleUnpin = useCallback4(() => {
+    setColumnPinning((prev) => {
+      return {
+        left: prev.left?.filter((id) => id !== header.column.id) || [],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleSortAscending = useCallback4(() => {
+    header.column.toggleSorting(false);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: false
+    }]);
+  }, [header.column, onSortChange]);
+  const handleSortDescending = useCallback4(() => {
+    header.column.toggleSorting(true);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: true
+    }]);
+  }, [header.column, onSortChange]);
+  const handleClearAllSorts = useCallback4(() => {
+    header.column.clearSorting();
+    onSortChange?.([]);
+  }, [header.column, onSortChange]);
+  const handleResetSize = useCallback4(() => {
+    header.column.resetSize();
+    if (onResetSize) {
+      onResetSize();
+    }
+  }, [header.column, onResetSize]);
+  const handleInteraction = useCallback4((e) => {
+    e.preventDefault();
+    setIsOpen((prev) => !prev);
+  }, []);
+  const isSorted = header.column.getIsSorted();
+  const isSortable = header.column.getCanSort();
+  return /* @__PURE__ */ React14.createElement(Menu2.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /* @__PURE__ */ React14.createElement("div", {
+    className: classNames5(TableHeaderWithPopover_default2.osdkCenterContainer, TableHeaderWithPopover_default2.osdkContentGap, TableHeaderWithPopover_default2.osdkHeaderContainer),
+    onContextMenu: handleInteraction
+  }, /* @__PURE__ */ React14.createElement("div", {
+    className: classNames5(TableHeaderWithPopover_default2.osdkCenterContainer, TableHeaderWithPopover_default2.osdkContentGap, TableHeaderWithPopover_default2.osdkHeaderContentLeft)
+  }, isColumnPinned && /* @__PURE__ */ React14.createElement(Pin2, {
+    className: TableHeaderWithPopover_default2.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React14.createElement(TableHeaderContent2, {
+    header
+  })), /* @__PURE__ */ React14.createElement("div", {
+    className: classNames5(TableHeaderWithPopover_default2.osdkCenterContainer, TableHeaderWithPopover_default2.osdkContentGap, TableHeaderWithPopover_default2.osdkHeaderContentRight)
+  }, isSorted && /* @__PURE__ */ React14.createElement("div", {
+    className: TableHeaderWithPopover_default2.osdkCenterContainer
+  }, isSorted === "asc" ? /* @__PURE__ */ React14.createElement(SortAlphabetical2, {
+    className: TableHeaderWithPopover_default2.osdkHeaderIcon,
+    color: "currentColor"
+  }) : /* @__PURE__ */ React14.createElement(SortAlphabeticalDesc2, {
+    className: TableHeaderWithPopover_default2.osdkHeaderIcon,
+    color: "currentColor"
+  })), /* @__PURE__ */ React14.createElement(Menu2.Trigger, {
+    "aria-label": `Open header menu for column with id=${header.column.id}`,
+    className: classNames5(TableHeaderWithPopover_default2.osdkCenterContainer, TableHeaderWithPopover_default2.osdkHeaderPopoverTrigger)
+  }, /* @__PURE__ */ React14.createElement(ChevronDown2, {
+    className: TableHeaderWithPopover_default2.osdkHeaderIcon
+  }))), /* @__PURE__ */ React14.createElement(Menu2.Portal, {
+    container: document.body
+  }, /* @__PURE__ */ React14.createElement(Menu2.Positioner, {
+    sideOffset: 4
+  }, /* @__PURE__ */ React14.createElement(Menu2.Popup, {
+    className: TableHeaderWithPopover_default2.osdkHeaderPopup
+  }, !isColumnPinned && /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handlePinLeft,
+    icon: Pin2,
+    label: "Pin column"
+  }), isColumnPinned && /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handleUnpin,
+    icon: Unpin2,
+    label: "Unpin Column",
+    active: true
+  }), isSortable && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handleSortAscending,
+    icon: SortAlphabetical2,
+    label: "Sort ascending",
+    active: isSorted === "asc"
+  }), /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handleSortDescending,
+    icon: SortAlphabeticalDesc2,
+    label: "Sort descending",
+    active: isSorted === "desc"
+  })), !!isSorted && /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handleClearAllSorts,
+    icon: Remove2,
+    label: "Clear all sorts"
+  }), /* @__PURE__ */ React14.createElement(HeaderMenuItem2, {
+    onClick: handleResetSize,
+    icon: VerticalDistribution2,
+    label: "Reset Column Size"
+  }))))));
+}
+
+// build/browser/object-table/TableHeader.js
+function TableHeader2({
+  table
+}) {
+  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
+  return /* @__PURE__ */ React15.createElement("thead", {
+    className: TableHeader_default2.osdkTableHeader,
+    "data-resizing": isResizing
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React15.createElement("tr", {
+    key: headerGroup.id,
+    className: TableHeader_default2.osdkTableHeaderRow
+  }, headerGroup.headers.map((header) => {
+    const {
+      columnStyles
+    } = getColumnPinningStyles2(header.column);
+    const isColumnPinned = header.column.getIsPinned();
+    const isSelectColumn = header.id === SELECTION_COLUMN_ID2;
+    return /* @__PURE__ */ React15.createElement("th", {
+      key: header.id,
+      "data-pinned": header.column.getIsPinned(),
+      className: TableHeader_default2.osdkTableHeaderCell,
+      style: columnStyles
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React15.createElement(TableHeaderContent2, {
+      header
+    }) : /* @__PURE__ */ React15.createElement(TableHeaderWithPopover2, {
+      header,
+      isColumnPinned,
+      setColumnPinning: table.setColumnPinning
+    }), header.column.getCanResize() && /* @__PURE__ */ React15.createElement("div", {
+      className: TableHeader_default2.osdkTableHeaderResizer,
+      onDoubleClick: () => header.column.resetSize(),
+      onMouseDown: header.getResizeHandler(),
+      onTouchStart: header.getResizeHandler()
+    }));
+  }))));
+}
+
+// build/browser/object-table/Table.js
+function BaseTable({
   table,
   isLoading,
   fetchNextPage,
   onRowClick,
   rowHeight,
   renderCellContextMenu,
-  className
+  className,
+  error
 }) {
-  const tableContainerRef = useRef(null);
-
-  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight
-  const fetchingRef = useRef(false);
-  const fetchMoreOnEndReached = useCallback(async containerRefElement => {
-    if (containerRefElement && !fetchingRef.current) {
+  const tableContainerRef = useRef4(null);
+  const [isLoadingMore, setIsLoadingMore] = useState5(false);
+  const fetchingRef = useRef4(false);
+  useEffect3(() => {
+    if (!isLoading || fetchNextPage == null) {
+      setIsLoadingMore(false);
+    }
+  }, [isLoading, fetchNextPage]);
+  const fetchMoreOnEndReached = useCallback5(async (containerRefElement) => {
+    if (containerRefElement && !fetchingRef.current && !isLoadingMore) {
       const {
         scrollHeight,
         scrollTop,
         clientHeight
       } = containerRefElement;
-      if (scrollHeight - scrollTop - clientHeight < 100 && !isLoading) {
+      if (scrollHeight - scrollTop - clientHeight < 100 && !isLoading && fetchNextPage != null) {
         fetchingRef.current = true;
+        setIsLoadingMore(true);
         try {
-          await fetchNextPage?.();
+          await fetchNextPage();
         } finally {
           fetchingRef.current = false;
         }
       }
     }
-  }, [fetchNextPage, isLoading]);
-  const handleScroll = useCallback(async e => {
+  }, [fetchNextPage, isLoading, isLoadingMore]);
+  const handleScroll = useCallback5(async (e) => {
     await fetchMoreOnEndReached(e.currentTarget);
   }, [fetchMoreOnEndReached]);
-
-  // TODO: Handle error, loading and empty states
-
-  return /*#__PURE__*/React.createElement("div", {
+  const rows = table.getRowModel().rows;
+  const headerGroups = table.getHeaderGroups();
+  const hasData = rows.length > 0;
+  return /* @__PURE__ */ React16.createElement("div", {
     ref: tableContainerRef,
-    className: classNames(styles.osdkTableContainer, className),
+    className: classNames6(Table_default.osdkTableContainer, className),
     onScroll: handleScroll
-  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement(TableHeader, {
-    table: table
-  }), /*#__PURE__*/React.createElement(TableBody, {
-    rows: table.getRowModel().rows,
-    tableContainerRef: tableContainerRef,
-    onRowClick: onRowClick,
-    rowHeight: rowHeight,
-    renderCellContextMenu: renderCellContextMenu
+  }, /* @__PURE__ */ React16.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React16.createElement(LoadingStateTable, {
+    table,
+    headerGroups,
+    rowHeight,
+    tableContainerRef
+  }) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(TableHeader2, {
+    table
+  }), !hasData && error == null ? /* @__PURE__ */ React16.createElement(NonIdealState, {
+    message: "No Data"
+  }) : /* @__PURE__ */ React16.createElement(TableBody, {
+    rows,
+    tableContainerRef,
+    onRowClick,
+    rowHeight,
+    renderCellContextMenu,
+    isLoadingMore,
+    headerGroups
+  })), error != null && /* @__PURE__ */ React16.createElement(NonIdealState, {
+    message: `Error Loading Data: ${error.message}`
   })));
 }
-//# sourceMappingURL=Table.js.map
+export {
+  BaseTable
+};