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

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @osdk/react-components
 
+## 0.1.0
+
+### Minor Changes
+
+- 476604f: Apply table styling
+- 9cd0b26: Add base UI component and css module
+- 1885d58: Import blueprint tokens. Added loading and non ideal state to ObjectTable. Support interface in ObjectTable.
+- 9c9fb9b: Row selection, column resize, filter clause
+- cac3e9a: Add ActionFormApi
+- 30617fa: Support sorting and column pinning. Export BaseTable
+- 139913d: ObjectTable first impl
+
+### Patch Changes
+
+- 800103e: Update README
+- d03ddbb: Add new @osdk/react-components package with FilterList and ObjectTable APIs
+
+## 0.1.0-rc.7
+
+### Minor Changes
+
+- 1885d58: Import blueprint tokens. Added loading and non ideal state to ObjectTable. Support interface in ObjectTable.
+
+### Patch Changes
+
+- Updated dependencies [a6d4d49]
+- Updated dependencies [eb3a556]
+- Updated dependencies [31cd835]
+- Updated dependencies [0dbd0d0]
+  - @osdk/react@0.9.0-rc.11
+  - @osdk/client@2.7.0-rc.15
+  - @osdk/api@2.7.0-rc.15
+
 ## 0.1.0-beta.6
 
 ### Minor Changes

package/README.md

@@ -9,11 +9,11 @@ Built on top of [@osdk/react](../react), these components use OSDK hooks interna
 Run the command to install:
 
 - @osdk/react-components - The unstyled components from this package
-- @osdk/react - The react toolkit for data-handling
 - @osdk/react-components-styles - The default styles for the components
+- @osdk/react, @osdk/api, @osdk/client - The packages required for data-handling
 
 ```sh
-npm install @osdk/react-components @osdk/react @osdk/react-components-styles
+npm install @osdk/react-components @osdk/react-components-styles @osdk/react @osdk/client @osdk/api
 ```
 
 **Prerequisites:**
@@ -58,11 +58,8 @@ import { ObjectTable } from "@osdk/react-components";
 import { $, Employee } from "@your-osdk-package";
 
 function EmployeeDirectory() {
-  const employeeObjectSet = $(Employee).where({ department: "Engineering" });
-
   return (
     <ObjectTable
-      objectSet={employeeObjectSet}
       objectType={Employee}
     />
   );

package/build/browser/base-components/checkbox/Checkbox.js

@@ -1,40 +1,45 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/*
- * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
+// build/browser/base-components/checkbox/Checkbox.js
 import { Checkbox as BaseUICheckbox } from "@base-ui/react/checkbox";
 import { Minus, Tick } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React from "react";
-import styles from "./Checkbox.module.css";
-export function Checkbox({
+
+// build/browser/base-components/checkbox/Checkbox.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.osdkCheckboxRoot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  min-height: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  padding: var(--osdk-checkbox-padding);\n  box-sizing: border-box;\n  cursor: pointer;\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-checkbox-border);\n\n  &[data-unchecked] {\n    background-color: var(--osdk-checkbox-bg);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-active);\n    }\n  }\n\n  &[data-checked],\n  &[data-indeterminate] {\n    background-color: var(--osdk-checkbox-bg-checked);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-checked-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-checked-active);\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));\n  }\n}\n\n.osdkCheckboxIndicator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--osdk-checkbox-checked-foreground);\n  width: var(--osdk-checkbox-icon-size);\n  height: var(--osdk-checkbox-icon-size);\n\n  &[data-unchecked] {\n    display: none;\n  }\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+var Checkbox_default = { "osdkCheckboxRoot": "osdkCheckboxRoot", "osdkCheckboxIndicator": "osdkCheckboxIndicator" };
+
+// build/browser/base-components/checkbox/Checkbox.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function Checkbox({
   indeterminate,
   className,
   indicatorProps,
   ...rest
 }) {
-  return /*#__PURE__*/React.createElement(BaseUICheckbox.Root, _extends({
-    className: classnames(styles.osdkCheckboxRoot, className),
-    indeterminate: indeterminate
-  }, rest), /*#__PURE__*/React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
-    className: classnames(styles.osdkCheckboxIndicator, indicatorProps?.className)
-  }), indeterminate ? /*#__PURE__*/React.createElement(Minus, {
+  return /* @__PURE__ */ React.createElement(BaseUICheckbox.Root, _extends({
+    className: classnames(Checkbox_default.osdkCheckboxRoot, className),
+    indeterminate
+  }, rest), /* @__PURE__ */ React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
+    className: classnames(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
+  }), indeterminate ? /* @__PURE__ */ React.createElement(Minus, {
     color: "currentColor"
-  }) : /*#__PURE__*/React.createElement(Tick, {
+  }) : /* @__PURE__ */ React.createElement(Tick, {
     color: "currentColor"
   })));
 }
-//# sourceMappingURL=Checkbox.js.map
+export {
+  Checkbox
+};

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

@@ -1,23 +1,18 @@
-/*
- * 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/CellContextMenu.js
 import React, { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import styles from "./CellContextMenu.module.css";
-export function CellContextMenu({
+
+// build/browser/object-table/CellContextMenu.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.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 = css;
+  document.head.appendChild(style);
+}
+var CellContextMenu_default = { "osdkCellContextMenu": "osdkCellContextMenu" };
+
+// build/browser/object-table/CellContextMenu.js
+function CellContextMenu({
   cell,
   position,
   onClose,
@@ -25,7 +20,7 @@ export function CellContextMenu({
 }) {
   const ref = useRef(null);
   useEffect(() => {
-    const handleClickOutside = event => {
+    const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
       }
@@ -35,9 +30,9 @@ export function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: styles.osdkCellContextMenu,
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
+    ref,
+    className: CellContextMenu_default.osdkCellContextMenu,
     style: {
       left: position.left,
       top: position.top,
@@ -45,4 +40,6 @@ export function CellContextMenu({
     }
   }, renderContent(cell.row.original, cell)), document.body);
 }
-//# sourceMappingURL=CellContextMenu.js.map
+export {
+  CellContextMenu
+};

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

@@ -0,0 +1,38 @@
+// build/browser/object-table/LoadingCell.js
+import classNames from "classnames";
+import React from "react";
+
+// 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/TableCell.module.css
+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" };
+
+// build/browser/object-table/LoadingCell.js
+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)
+  }));
+}
+export {
+  LoadingCell
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCell.js","names":["classNames","React","styles","cellStyles","LoadingCell","width","createElement","className","osdkTableCell","style","osdkLoadingCell","osdkCellSkeleton"],"sources":["LoadingCell.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 classNames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./LoadingCell.module.css\";\nimport cellStyles from \"./TableCell.module.css\";\n\nexport function LoadingCell({ width }: { width: number }): React.ReactElement {\n  return (\n    <td\n      className={cellStyles.osdkTableCell}\n      style={{ width }}\n    >\n      <div\n        className={classNames(styles.osdkLoadingCell, styles.osdkCellSkeleton)}\n      />\n    </td>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAE/C,OAAO,SAASC,WAAWA,CAAC;EAAEC;AAAyB,CAAC,EAAsB;EAC5E,oBACEJ,KAAA,CAAAK,aAAA;IACEC,SAAS,EAAEJ,UAAU,CAACK,aAAc;IACpCC,KAAK,EAAE;MAAEJ;IAAM;EAAE,gBAEjBJ,KAAA,CAAAK,aAAA;IACEC,SAAS,EAAEP,UAAU,CAACE,MAAM,CAACQ,eAAe,EAAER,MAAM,CAACS,gBAAgB;EAAE,CACxE,CACC,CAAC;AAET","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+// build/browser/object-table/LoadingRow.js
+import React2 from "react";
+
+// 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({
+  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
+    });
+  })));
+}
+export {
+  LoadingRow
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRow.js","names":["React","LoadingCell","rowStyles","LoadingRow","headers","columnCount","translateY","rowHeight","columnWidth","createElement","className","osdkTableRow","style","height","transform","Fragment","Array","from","length","map","_","index","width","getSize","key"],"sources":["LoadingRow.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 } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { LoadingCell } from \"./LoadingCell.js\";\nimport rowStyles from \"./TableRow.module.css\";\n\ninterface LoadingRowProps<TData extends RowData> {\n  headers: HeaderGroup<TData>[\"headers\"];\n  columnCount: number;\n  translateY: number;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nexport function LoadingRow<TData extends RowData>({\n  headers,\n  columnCount,\n  translateY,\n  rowHeight = 40,\n  columnWidth = 80,\n}: LoadingRowProps<TData>): React.ReactElement {\n  return (\n    <tr\n      className={rowStyles.osdkTableRow}\n      style={{\n        height: `${rowHeight}px`,\n        transform: `translateY(${translateY}px)`,\n      }}\n    >\n      {\n        <>\n          {Array.from({ length: columnCount }).map((_, index) => {\n            const width = headers.length > index\n              ? headers[index].getSize()\n              : columnWidth;\n            return <LoadingCell key={`loading-cell-${index}`} width={width} />;\n          })}\n        </>\n      }\n    </tr>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,SAAS,MAAM,uBAAuB;AAU7C,OAAO,SAASC,UAAUA,CAAwB;EAChDC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,SAAS,GAAG,EAAE;EACdC,WAAW,GAAG;AACQ,CAAC,EAAsB;EAC7C,oBACER,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAER,SAAS,CAACS,YAAa;IAClCC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGN,SAAS,IAAI;MACxBO,SAAS,EAAE,cAAcR,UAAU;IACrC;EAAE,gBAGAN,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAe,QAAA,QACGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEb;EAAY,CAAC,CAAC,CAACc,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACrD,MAAMC,KAAK,GAAGlB,OAAO,CAACc,MAAM,GAAGG,KAAK,GAChCjB,OAAO,CAACiB,KAAK,CAAC,CAACE,OAAO,CAAC,CAAC,GACxBf,WAAW;IACf,oBAAOR,KAAA,CAAAS,aAAA,CAACR,WAAW;MAACuB,GAAG,EAAE,gBAAgBH,KAAK,EAAG;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EACpE,CAAC,CACD,CAEF,CAAC;AAET","ignoreList":[]}