@osdk/react-components 0.1.0 → 0.2.0-beta.10

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

@@ -1,69 +1,43 @@
-// build/browser/object-table/LoadingRow.js
-import React2 from "react";
+/*
+ * 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/LoadingCell.js
-import classNames from "classnames";
 import React 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.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 = css2;
-  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_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
-  }));
-}
-
-// build/browser/object-table/TableRow.module.css
-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" };
-
-// build/browser/object-table/LoadingRow.js
-function LoadingRow({
+import { LoadingCell } from "./LoadingCell.js";
+import rowStyles from "./TableRow.module.css.js";
+export function LoadingRow({
   headers,
   columnCount,
   translateY,
   rowHeight = 40,
   columnWidth = 80
 }) {
-  return /* @__PURE__ */ React2.createElement("tr", {
-    className: TableRow_default.osdkTableRow,
+  return /*#__PURE__*/React.createElement("tr", {
+    className: rowStyles.osdkTableRow,
     style: {
       height: `${rowHeight}px`,
       transform: `translateY(${translateY}px)`
     }
-  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, Array.from({
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
     length: columnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React2.createElement(LoadingCell, {
+    return /*#__PURE__*/React.createElement(LoadingCell, {
       key: `loading-cell-${index}`,
-      width
+      width: width
     });
   })));
 }
-export {
-  LoadingRow
-};
+//# sourceMappingURL=LoadingRow.js.map

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

@@ -1,338 +1,44 @@
-// build/browser/object-table/LoadingStateTable.js
-import classNames3 from "classnames";
-import React6, { useEffect, useRef, useState as useState2 } from "react";
+/*
+ * 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/LoadingCell.module.css
-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" };
-
-// build/browser/object-table/LoadingRow.js
-import React2 from "react";
 import classNames from "classnames";
-import React from "react";
-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
-    });
-  })));
-}
-
-// build/browser/object-table/TableBody.module.css
-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" };
-
-// build/browser/object-table/TableHeader.js
-import React5 from "react";
-
-// build/browser/object-table/TableHeader.module.css
-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" };
-
-// build/browser/object-table/TableHeaderContent.js
-import { flexRender } from "@tanstack/react-table";
-import React3 from "react";
-
-// build/browser/object-table/TableHeaderContent.module.css
-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" };
-
-// build/browser/object-table/TableHeaderContent.js
-function TableHeaderContent({
-  header
-}) {
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: TableHeaderContent_default.osdkHeaderContent
-  }, flexRender(header.column.columnDef.header, header.getContext()));
-}
-
-// build/browser/object-table/TableHeaderWithPopover.js
-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";
-
-// build/browser/object-table/TableHeaderWithPopover.module.css
-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" };
-
-// build/browser/object-table/TableHeaderWithPopover.js
-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"
-  }))))));
-}
-
-// build/browser/object-table/utils/constants.js
-var SELECTION_COLUMN_ID = "__selection__";
-
-// build/browser/object-table/utils/getColumnPinningStyles.js
-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()
-    }
-  };
-}
-
-// build/browser/object-table/TableHeader.js
-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()
-    }));
-  }))));
-}
-
-// build/browser/object-table/LoadingStateTable.js
-var MIN_ROWS = 5;
-function LoadingStateTable({
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import loadingStyles from "./LoadingCell.module.css.js";
+import { LoadingRow } from "./LoadingRow.js";
+import bodyStyles from "./TableBody.module.css.js";
+import { TableHeader } from "./TableHeader.js";
+import headerStyles from "./TableHeader.module.css.js";
+const MIN_ROWS = 5;
+export function LoadingStateTable({
   table,
   tableContainerRef,
   headerGroups,
   rowHeight = 40,
   columnWidth = 120
 }) {
-  const isSelectionEnabled = table.options.enableRowSelection;
-  const minHeaderCount = isSelectionEnabled ? 1 : 0;
-  const headers = headerGroups[0]?.headers ?? [];
+  // If selection enabled, there will be a header for the selection column
+  const enableRowSelection = table.options.enableRowSelection;
+  const minHeaderCount = enableRowSelection ? 1 : 0;
+  const headers = useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
   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);
+  const [loadingRowCount, setLoadingRowCount] = useState(MIN_ROWS);
+  const [loadingColumnCount, setLoadingColumnCount] = useState(headers.length);
+  // Calculate number of columns needed to fill container width
   useEffect(() => {
     if (hasHeadersLoaded) {
       setLoadingColumnCount(headers.length);
@@ -346,6 +52,8 @@ function LoadingStateTable({
       }
     }
   }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);
+
+  // Calculate number of rows needed to fill container height
   useEffect(() => {
     if (tableContainerRef.current) {
       const containerHeight = tableContainerRef.current.clientHeight;
@@ -356,40 +64,38 @@ function LoadingStateTable({
       }
     }
   }, [tableContainerRef, rowHeight]);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React6.createElement(TableHeader, {
-    table
-  }) : /* @__PURE__ */ React6.createElement("thead", {
-    className: TableHeader_default.osdkTableHeader,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hasHeadersLoaded ? /*#__PURE__*/React.createElement(TableHeader, {
+    table: table
+  }) : /*#__PURE__*/React.createElement("thead", {
+    className: headerStyles.osdkTableHeader,
     ref: headerRef
-  }, /* @__PURE__ */ React6.createElement("tr", {
-    className: TableHeader_default.osdkTableHeaderRow
+  }, /*#__PURE__*/React.createElement("tr", {
+    className: headerStyles.osdkTableHeaderRow
   }, Array.from({
     length: loadingColumnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React6.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       key: `loading-header-${index}`,
-      className: TableHeader_default.osdkTableHeaderCell,
+      className: headerStyles.osdkTableHeaderCell,
       style: {
         width
       }
-    }, /* @__PURE__ */ React6.createElement("div", {
-      className: classNames3(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(headerStyles.osdkLoadingHeaderCell, loadingStyles.osdkCellSkeleton)
     }));
-  }))), /* @__PURE__ */ React6.createElement("tbody", {
-    className: TableBody_default.osdkTableBody,
+  }))), /*#__PURE__*/React.createElement("tbody", {
+    className: bodyStyles.osdkTableBody,
     ref: bodyRef
   }, Array.from({
     length: loadingRowCount
-  }).map((_, index) => /* @__PURE__ */ React6.createElement(LoadingRow, {
+  }).map((_, index) => /*#__PURE__*/React.createElement(LoadingRow, {
     key: `skeleton-${index}`,
     columnCount: loadingColumnCount,
-    headers,
+    headers: headers,
     translateY: rowHeight * index,
-    rowHeight,
-    columnWidth
+    rowHeight: rowHeight,
+    columnWidth: columnWidth
   }))));
 }
-export {
-  LoadingStateTable
-};
+//# sourceMappingURL=LoadingStateTable.js.map

package/build/browser/object-table/LoadingStateTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingStateTable.js","names":["classNames","React","useEffect","useRef","useState","loadingStyles","LoadingRow","bodyStyles","TableHeader","headerStyles","MIN_ROWS","LoadingStateTable","table","tableContainerRef","headerGroups","rowHeight","columnWidth","isSelectionEnabled","options","enableRowSelection","minHeaderCount","headers","hasHeadersLoaded","length","headerRef","bodyRef","loadingRowCount","setLoadingRowCount","loadingColumnCount","setLoadingColumnCount","current","tableWidth","clientWidth","columnsNeeded","Math","ceil","containerHeight","clientHeight","availableHeight","rowsNeeded","max","createElement","Fragment","className","osdkTableHeader","ref","osdkTableHeaderRow","Array","from","map","_","index","width","getSize","key","osdkTableHeaderCell","style","osdkLoadingHeaderCell","osdkCellSkeleton","osdkTableBody","columnCount","translateY"],"sources":["LoadingStateTable.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 { HeaderGroup, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport loadingStyles from \"./LoadingCell.module.css\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport bodyStyles from \"./TableBody.module.css\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport headerStyles from \"./TableHeader.module.css\";\n\ninterface LoadingStateTableProps<TData extends RowData> {\n  table: Table<TData>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  headerGroups: Array<HeaderGroup<TData>>;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nconst MIN_ROWS = 5;\n\nexport function LoadingStateTable<TData extends RowData>({\n  table,\n  tableContainerRef,\n  headerGroups,\n  rowHeight = 40,\n  columnWidth = 120,\n}: LoadingStateTableProps<TData>): React.ReactElement {\n  // If selection enabled, there will be a header for the selection column\n  const isSelectionEnabled = table.options.enableRowSelection;\n  const minHeaderCount = isSelectionEnabled ? 1 : 0;\n  const headers = headerGroups[0]?.headers ?? [];\n  const hasHeadersLoaded = headers.length > minHeaderCount;\n\n  const headerRef = useRef<HTMLTableSectionElement>(null);\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n  const [loadingRowCount, setLoadingRowCount] = useState<number>(MIN_ROWS);\n  const [loadingColumnCount, setLoadingColumnCount] = useState<number>(\n    headers.length,\n  );\n  // Calculate number of columns needed to fill container width\n  useEffect(() => {\n    if (hasHeadersLoaded) {\n      setLoadingColumnCount(headers.length);\n    } else {\n      if (tableContainerRef.current) {\n        const tableWidth = tableContainerRef.current.clientWidth;\n        if (tableWidth > 0) {\n          const columnsNeeded = Math.ceil(tableWidth / columnWidth);\n          setLoadingColumnCount(columnsNeeded);\n        }\n      }\n    }\n  }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);\n\n  // Calculate number of rows needed to fill container height\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      const containerHeight = tableContainerRef.current.clientHeight;\n      const availableHeight = containerHeight - rowHeight;\n\n      if (availableHeight > 0) {\n        const rowsNeeded = Math.ceil(availableHeight / rowHeight);\n        setLoadingRowCount(Math.max(rowsNeeded, MIN_ROWS));\n      }\n    }\n  }, [tableContainerRef, rowHeight]);\n\n  return (\n    <>\n      {hasHeadersLoaded\n        ? <TableHeader table={table} />\n        : (\n          <thead className={headerStyles.osdkTableHeader} ref={headerRef}>\n            <tr className={headerStyles.osdkTableHeaderRow}>\n              {Array.from({ length: loadingColumnCount }).map((\n                _,\n                index,\n              ) => {\n                const width = headers.length > index\n                  ? headers[index].getSize()\n                  : columnWidth;\n                return (\n                  <th\n                    key={`loading-header-${index}`}\n                    className={headerStyles.osdkTableHeaderCell}\n                    style={{ width }}\n                  >\n                    <div\n                      className={classNames(\n                        headerStyles.osdkLoadingHeaderCell,\n                        loadingStyles.osdkCellSkeleton,\n                      )}\n                    />\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n      <tbody className={bodyStyles.osdkTableBody} ref={bodyRef}>\n        {Array.from({ length: loadingRowCount }).map((_, index) => (\n          <LoadingRow\n            key={`skeleton-${index}`}\n            columnCount={loadingColumnCount}\n            headers={headers}\n            translateY={rowHeight * index}\n            rowHeight={rowHeight}\n            columnWidth={columnWidth}\n          />\n        ))}\n      </tbody>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LoadingStateTable.js","names":["classNames","React","useEffect","useMemo","useRef","useState","loadingStyles","LoadingRow","bodyStyles","TableHeader","headerStyles","MIN_ROWS","LoadingStateTable","table","tableContainerRef","headerGroups","rowHeight","columnWidth","enableRowSelection","options","minHeaderCount","headers","length","hasHeadersLoaded","headerRef","bodyRef","loadingRowCount","setLoadingRowCount","loadingColumnCount","setLoadingColumnCount","current","tableWidth","clientWidth","columnsNeeded","Math","ceil","containerHeight","clientHeight","availableHeight","rowsNeeded","max","createElement","Fragment","className","osdkTableHeader","ref","osdkTableHeaderRow","Array","from","map","_","index","width","getSize","key","osdkTableHeaderCell","style","osdkLoadingHeaderCell","osdkCellSkeleton","osdkTableBody","columnCount","translateY"],"sources":["LoadingStateTable.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 { HeaderGroup, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport loadingStyles from \"./LoadingCell.module.css\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport bodyStyles from \"./TableBody.module.css\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport headerStyles from \"./TableHeader.module.css\";\n\ninterface LoadingStateTableProps<TData extends RowData> {\n  table: Table<TData>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  headerGroups: Array<HeaderGroup<TData>>;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nconst MIN_ROWS = 5;\n\nexport function LoadingStateTable<TData extends RowData>({\n  table,\n  tableContainerRef,\n  headerGroups,\n  rowHeight = 40,\n  columnWidth = 120,\n}: LoadingStateTableProps<TData>): React.ReactElement {\n  // If selection enabled, there will be a header for the selection column\n  const enableRowSelection = table.options.enableRowSelection;\n  const minHeaderCount = enableRowSelection ? 1 : 0;\n  const headers = useMemo(\n    () => headerGroups.length > 0 ? headerGroups[0].headers : [],\n    [headerGroups],\n  );\n  const hasHeadersLoaded = headers.length > minHeaderCount;\n\n  const headerRef = useRef<HTMLTableSectionElement>(null);\n  const bodyRef = useRef<HTMLTableSectionElement>(null);\n  const [loadingRowCount, setLoadingRowCount] = useState<number>(MIN_ROWS);\n  const [loadingColumnCount, setLoadingColumnCount] = useState<number>(\n    headers.length,\n  );\n  // Calculate number of columns needed to fill container width\n  useEffect(() => {\n    if (hasHeadersLoaded) {\n      setLoadingColumnCount(headers.length);\n    } else {\n      if (tableContainerRef.current) {\n        const tableWidth = tableContainerRef.current.clientWidth;\n        if (tableWidth > 0) {\n          const columnsNeeded = Math.ceil(tableWidth / columnWidth);\n          setLoadingColumnCount(columnsNeeded);\n        }\n      }\n    }\n  }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);\n\n  // Calculate number of rows needed to fill container height\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      const containerHeight = tableContainerRef.current.clientHeight;\n      const availableHeight = containerHeight - rowHeight;\n\n      if (availableHeight > 0) {\n        const rowsNeeded = Math.ceil(availableHeight / rowHeight);\n        setLoadingRowCount(Math.max(rowsNeeded, MIN_ROWS));\n      }\n    }\n  }, [tableContainerRef, rowHeight]);\n\n  return (\n    <>\n      {hasHeadersLoaded\n        ? <TableHeader table={table} />\n        : (\n          <thead className={headerStyles.osdkTableHeader} ref={headerRef}>\n            <tr className={headerStyles.osdkTableHeaderRow}>\n              {Array.from({ length: loadingColumnCount }).map((\n                _,\n                index,\n              ) => {\n                const width = headers.length > index\n                  ? headers[index].getSize()\n                  : columnWidth;\n                return (\n                  <th\n                    key={`loading-header-${index}`}\n                    className={headerStyles.osdkTableHeaderCell}\n                    style={{ width }}\n                  >\n                    <div\n                      className={classNames(\n                        headerStyles.osdkLoadingHeaderCell,\n                        loadingStyles.osdkCellSkeleton,\n                      )}\n                    />\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n        )}\n      <tbody className={bodyStyles.osdkTableBody} ref={bodyRef}>\n        {Array.from({ length: loadingRowCount }).map((_, index) => (\n          <LoadingRow\n            key={`skeleton-${index}`}\n            columnCount={loadingColumnCount}\n            headers={headers}\n            translateY={rowHeight * index}\n            rowHeight={rowHeight}\n            columnWidth={columnWidth}\n          />\n        ))}\n      </tbody>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}