@osdk/react-components 0.1.0-beta.3 → 0.1.0-beta.5

package/build/browser/object-table/TableCell.module.css

@@ -0,0 +1,63 @@
+/*
+ * 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.
+ */
+
+.osdkTableCell {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  position: relative;
+  padding: var(--osdk-table-cell-padding);
+  font-size: var(--osdk-table-cell-fontSize);
+  color: var(--osdk-table-cell-color);
+  background-color: inherit;
+  border-right: var(--osdk-table-cell-divider);
+
+  &:first-child {
+    border-left: var(--osdk-table-border);
+  }
+
+  &:last-child {
+    border-right: var(--osdk-table-border);
+  }
+}
+
+.osdkTableCell:has([role="checkbox"]) {
+  justify-content: center;
+}
+
+
+.osdkTableCell[data-pinned="left"],
+.osdkTableCell[data-pinned="right"] {
+  position: sticky;
+  z-index: var(--bp-surface-zIndex-1);
+}
+
+/* Last left-pinned column - no left-pinned siblings after it */
+.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {
+  border-right: calc(var(--bp-surface-borderWidth) * 2) solid var(--osdk-table-border-color);
+}
+
+/* First right-pinned column - no right-pinned siblings before it */
+.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {
+  border-left: calc(var(--bp-surface-borderWidth) * 2) solid var(--osdk-table-border-color);
+}
+
+.osdkTableCellContent:not(:has([role="checkbox"])) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}

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

@@ -14,50 +14,47 @@
  * limitations under the License.
  */
 
-import { flexRender } from "@tanstack/react-table";
 import React from "react";
+import styles from "./TableHeader.module.css";
+import { TableHeaderContent } from "./TableHeaderContent.js";
+import { TableHeaderWithPopover } from "./TableHeaderWithPopover.js";
+import { SELECTION_COLUMN_ID } from "./utils/constants.js";
+import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
 export function TableHeader({
   table
 }) {
+  // TODO: If value is number type, right align header
+
+  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
   return /*#__PURE__*/React.createElement("thead", {
-    style: {
-      display: "grid",
-      position: "sticky",
-      top: 0,
-      zIndex: 1
-    }
+    className: styles.osdkTableHeader,
+    "data-resizing": isResizing
   }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement("tr", {
     key: headerGroup.id,
-    style: {
-      display: "flex"
-    }
-  }, headerGroup.headers.map(header =>
-  /*#__PURE__*/
-  // TODO: Move inline styling to CSS file
-  React.createElement("th", {
-    key: header.id,
-    style: {
-      display: "flex",
-      width: header.getSize(),
-      justifyContent: "flex-start",
-      alignItems: "center",
-      position: "relative"
-    }
-  }, header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
-    onDoubleClick: () => header.column.resetSize(),
-    onMouseDown: header.getResizeHandler(),
-    onTouchStart: header.getResizeHandler(),
-    style: {
-      position: "absolute",
-      right: 0,
-      top: 0,
-      height: "100%",
-      width: "3px",
-      cursor: "col-resize",
-      touchAction: "none",
-      zIndex: 11,
-      transform: header.column.getIsResizing() ? `translateX(${table.getState().columnSizingInfo.deltaOffset ?? 0}px)` : ""
-    }
-  }))))));
+    className: styles.osdkTableHeaderRow
+  }, headerGroup.headers.map(header => {
+    const {
+      columnStyles
+    } = getColumnPinningStyles(header.column);
+    const isColumnPinned = header.column.getIsPinned();
+    const isSelectColumn = header.id === SELECTION_COLUMN_ID;
+    return /*#__PURE__*/React.createElement("th", {
+      key: header.id,
+      "data-pinned": header.column.getIsPinned(),
+      className: styles.osdkTableHeaderCell,
+      style: columnStyles
+    }, header.isPlaceholder ? null : isSelectColumn ? /*#__PURE__*/React.createElement(TableHeaderContent, {
+      header: header
+    }) : /*#__PURE__*/React.createElement(TableHeaderWithPopover, {
+      header: header,
+      isColumnPinned: isColumnPinned,
+      setColumnPinning: table.setColumnPinning
+    }), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
+      className: styles.osdkTableHeaderResizer,
+      onDoubleClick: () => header.column.resetSize(),
+      onMouseDown: header.getResizeHandler(),
+      onTouchStart: header.getResizeHandler()
+    }));
+  }))));
 }
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["flexRender","React","TableHeader","table","createElement","style","display","position","top","zIndex","getHeaderGroups","map","headerGroup","key","id","headers","header","width","getSize","justifyContent","alignItems","isPlaceholder","column","columnDef","getContext","getCanResize","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","right","height","cursor","touchAction","transform","getIsResizing","getState","columnSizingInfo","deltaOffset"],"sources":["TableHeader.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 { RowData, Table } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  table: Table<TData>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  table,\n}: TableHeaderProps<TData>): React.ReactElement {\n  return (\n    <thead\n      style={{\n        display: \"grid\",\n        position: \"sticky\",\n        top: 0,\n        zIndex: 1,\n      }}\n    >\n      {table.getHeaderGroups().map((headerGroup) => (\n        <tr\n          key={headerGroup.id}\n          style={{\n            display: \"flex\",\n          }}\n        >\n          {headerGroup.headers.map((header) => (\n            // TODO: Move inline styling to CSS file\n            <th\n              key={header.id}\n              style={{\n                display: \"flex\",\n                width: header.getSize(),\n                justifyContent: \"flex-start\",\n                alignItems: \"center\",\n                position: \"relative\",\n              }}\n            >\n              {header.isPlaceholder\n                ? null\n                : flexRender(\n                  header.column.columnDef.header,\n                  header.getContext(),\n                ) as ReactNode | React.JSX.Element}\n              {header.column.getCanResize() && (\n                <div\n                  onDoubleClick={() => header.column.resetSize()}\n                  onMouseDown={header.getResizeHandler()}\n                  onTouchStart={header.getResizeHandler()}\n                  style={{\n                    position: \"absolute\",\n                    right: 0,\n                    top: 0,\n                    height: \"100%\",\n                    width: \"3px\",\n                    cursor: \"col-resize\",\n                    touchAction: \"none\",\n                    zIndex: 11,\n                    transform: header.column.getIsResizing()\n                      ? `translateX(${\n                        table.getState().columnSizingInfo.deltaOffset ?? 0\n                      }px)`\n                      : \"\",\n                  }}\n                />\n              )}\n            </th>\n          ))}\n        </tr>\n      ))}\n    </thead>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,KAAK,MAAM,OAAO;AAMzB,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C,oBACEF,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,QAAQ;MAClBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE;IACV;EAAE,GAEDN,KAAK,CAACO,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,iBACvCX,KAAA,CAAAG,aAAA;IACES,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBT,KAAK,EAAE;MACLC,OAAO,EAAE;IACX;EAAE,GAEDM,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAEK,MAAM;EAAA;EAC9B;EACAf,KAAA,CAAAG,aAAA;IACES,GAAG,EAAEG,MAAM,CAACF,EAAG;IACfT,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfW,KAAK,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;MACvBC,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpBb,QAAQ,EAAE;IACZ;EAAE,GAEDS,MAAM,CAACK,aAAa,GACjB,IAAI,GACJrB,UAAU,CACVgB,MAAM,CAACM,MAAM,CAACC,SAAS,CAACP,MAAM,EAC9BA,MAAM,CAACQ,UAAU,CAAC,CACpB,CAAkC,EACnCR,MAAM,CAACM,MAAM,CAACG,YAAY,CAAC,CAAC,iBAC3BxB,KAAA,CAAAG,aAAA;IACEsB,aAAa,EAAEA,CAAA,KAAMV,MAAM,CAACM,MAAM,CAACK,SAAS,CAAC,CAAE;IAC/CC,WAAW,EAAEZ,MAAM,CAACa,gBAAgB,CAAC,CAAE;IACvCC,YAAY,EAAEd,MAAM,CAACa,gBAAgB,CAAC,CAAE;IACxCxB,KAAK,EAAE;MACLE,QAAQ,EAAE,UAAU;MACpBwB,KAAK,EAAE,CAAC;MACRvB,GAAG,EAAE,CAAC;MACNwB,MAAM,EAAE,MAAM;MACdf,KAAK,EAAE,KAAK;MACZgB,MAAM,EAAE,YAAY;MACpBC,WAAW,EAAE,MAAM;MACnBzB,MAAM,EAAE,EAAE;MACV0B,SAAS,EAAEnB,MAAM,CAACM,MAAM,CAACc,aAAa,CAAC,CAAC,GACpC,cACAjC,KAAK,CAACkC,QAAQ,CAAC,CAAC,CAACC,gBAAgB,CAACC,WAAW,IAAI,CAAC,KAC/C,GACH;IACN;EAAE,CACH,CAED,CACL,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"file":"TableHeader.js","names":["React","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","TableHeader","table","isResizing","getState","columnSizingInfo","isResizingColumn","createElement","className","osdkTableHeader","getHeaderGroups","map","headerGroup","key","id","osdkTableHeaderRow","headers","header","columnStyles","column","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","style","isPlaceholder","setColumnPinning","getCanResize","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart"],"sources":["TableHeader.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 { RowData, Table } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport { TableHeaderWithPopover } from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  table: Table<TData>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  table,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  return (\n    <thead className={styles.osdkTableHeader} data-resizing={isResizing}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <tr\n          key={headerGroup.id}\n          className={styles.osdkTableHeaderRow}\n        >\n          {headerGroup.headers.map((header) => {\n            const { columnStyles } = getColumnPinningStyles(header.column);\n            const isColumnPinned = header.column.getIsPinned();\n            const isSelectColumn = header.id === SELECTION_COLUMN_ID;\n            return (\n              <th\n                key={header.id}\n                data-pinned={header.column.getIsPinned()}\n                className={styles.osdkTableHeaderCell}\n                style={columnStyles}\n              >\n                {header.isPlaceholder\n                  ? null\n                  : isSelectColumn\n                  ? <TableHeaderContent header={header} />\n                  : (\n                    <TableHeaderWithPopover\n                      header={header}\n                      isColumnPinned={isColumnPinned}\n                      setColumnPinning={table.setColumnPinning}\n                    />\n                  )}\n                {header.column.getCanResize() && (\n                  <div\n                    className={styles.osdkTableHeaderResizer}\n                    onDoubleClick={() => header.column.resetSize()}\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                  />\n                )}\n              </th>\n            );\n          })}\n        </tr>\n      ))}\n    </thead>\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,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,sBAAsB,QAAQ,6BAA6B;AACpE,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,sBAAsB,QAAQ,mCAAmC;AAM1E,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C;;EAEA,MAAMC,UAAU,GAAG,CAAC,CAACD,KAAK,CAACE,QAAQ,CAAC,CAAC,CAACC,gBAAgB,EAAEC,gBAAgB;EAExE,oBACEX,KAAA,CAAAY,aAAA;IAAOC,SAAS,EAAEZ,MAAM,CAACa,eAAgB;IAAC,iBAAeN;EAAW,GACjED,KAAK,CAACQ,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,iBACvCjB,KAAA,CAAAY,aAAA;IACEM,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBN,SAAS,EAAEZ,MAAM,CAACmB;EAAmB,GAEpCH,WAAW,CAACI,OAAO,CAACL,GAAG,CAAEM,MAAM,IAAK;IACnC,MAAM;MAAEC;IAAa,CAAC,GAAGlB,sBAAsB,CAACiB,MAAM,CAACE,MAAM,CAAC;IAC9D,MAAMC,cAAc,GAAGH,MAAM,CAACE,MAAM,CAACE,WAAW,CAAC,CAAC;IAClD,MAAMC,cAAc,GAAGL,MAAM,CAACH,EAAE,KAAKf,mBAAmB;IACxD,oBACEJ,KAAA,CAAAY,aAAA;MACEM,GAAG,EAAEI,MAAM,CAACH,EAAG;MACf,eAAaG,MAAM,CAACE,MAAM,CAACE,WAAW,CAAC,CAAE;MACzCb,SAAS,EAAEZ,MAAM,CAAC2B,mBAAoB;MACtCC,KAAK,EAAEN;IAAa,GAEnBD,MAAM,CAACQ,aAAa,GACjB,IAAI,GACJH,cAAc,gBACd3B,KAAA,CAAAY,aAAA,CAACV,kBAAkB;MAACoB,MAAM,EAAEA;IAAO,CAAE,CAAC,gBAEtCtB,KAAA,CAAAY,aAAA,CAACT,sBAAsB;MACrBmB,MAAM,EAAEA,MAAO;MACfG,cAAc,EAAEA,cAAe;MAC/BM,gBAAgB,EAAExB,KAAK,CAACwB;IAAiB,CAC1C,CACF,EACFT,MAAM,CAACE,MAAM,CAACQ,YAAY,CAAC,CAAC,iBAC3BhC,KAAA,CAAAY,aAAA;MACEC,SAAS,EAAEZ,MAAM,CAACgC,sBAAuB;MACzCC,aAAa,EAAEA,CAAA,KAAMZ,MAAM,CAACE,MAAM,CAACW,SAAS,CAAC,CAAE;MAC/CC,WAAW,EAAEd,MAAM,CAACe,gBAAgB,CAAC,CAAE;MACvCC,YAAY,EAAEhB,MAAM,CAACe,gBAAgB,CAAC;IAAE,CACzC,CAED,CAAC;EAET,CAAC,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}

package/build/browser/object-table/TableHeader.module.css

@@ -0,0 +1,95 @@
+/*
+ * 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.
+ */
+
+.osdkTableHeader {
+  display: grid;
+  position: sticky;
+  top: 0;
+  z-index: var(--bp-surface-zIndex-1);
+  background-color: var(--osdk-table-header-bg);
+}
+
+.osdkTableHeader[data-resizing="true"] {
+  cursor: col-resize;
+  user-select: none;
+}
+
+
+.osdkTableHeaderRow {
+  display: flex;
+}
+
+.osdkTableHeaderCell {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  position: relative;
+  padding: var(--osdk-table-cell-padding);
+  font-weight: var(--osdk-table-header-fontWeight);
+  font-size: var(--osdk-table-header-fontSize);
+  color: var(--osdk-table-header-color);
+  border-top: var(--osdk-table-border);
+  border-right: var(--osdk-table-header-divider);
+  background-color: inherit;
+
+  &:first-child {
+    border-left: var(--osdk-table-border);
+  }
+
+  &:last-child {
+    border-right: var(--osdk-table-border);
+  }
+}
+
+.osdkTableHeaderCell[data-pinned="left"],
+.osdkTableHeaderCell[data-pinned="right"] {
+  position: sticky;
+  z-index: var(--bp-surface-zIndex-2);
+}
+
+/* Last left-pinned column - no left-pinned siblings after it */
+.osdkTableHeaderCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {
+  border-right: calc(var(--osdk-table-border-width)* 2) solid var(--osdk-table-border-color);
+}
+
+/* First right-pinned column - no right-pinned siblings before it */
+.osdkTableHeaderCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {
+  border-left: calc(var(--osdk-table-border-width)* 2) solid var(--osdk-table-border-color);
+}
+
+.osdkTableHeaderCell:has([role="checkbox"]) {
+  justify-content: center;
+}
+
+.osdkTableHeaderResizer {
+  background: none;
+  cursor: col-resize;
+  height: 100%;
+  position: absolute;
+  right: calc(-1 * var(--osdk-table-border-width));
+  top: 0;
+  touch-action: none;
+  width: 3px;
+  z-index: var(--bp-surface-zIndex-2);
+
+  &:hover {
+    background: var(--bp-intent-primary-hover);
+  }
+
+  &:active {
+    background: var(--bp-intent-primary-active);
+  }
+}

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

@@ -0,0 +1,27 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { flexRender } from "@tanstack/react-table";
+import React from "react";
+import styles from "./TableHeaderContent.module.css";
+export function TableHeaderContent({
+  header
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkHeaderContent
+  }, flexRender(header.column.columnDef.header, header.getContext()));
+}
+//# sourceMappingURL=TableHeaderContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderContent.js","names":["flexRender","React","styles","TableHeaderContent","header","createElement","className","osdkHeaderContent","column","columnDef","getContext"],"sources":["TableHeaderContent.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 { flexRender, type Header, type RowData } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport styles from \"./TableHeaderContent.module.css\";\n\ninterface TableHeaderContentProps<TData extends RowData> {\n  header: Header<TData, unknown>;\n}\n\nexport function TableHeaderContent<TData extends RowData>(\n  { header }: TableHeaderContentProps<TData>,\n): React.ReactElement {\n  return (\n    <div className={styles.osdkHeaderContent}>\n      {flexRender(\n        header.column.columnDef.header,\n        header.getContext(),\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAmC,uBAAuB;AAC7E,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iCAAiC;AAMpD,OAAO,SAASC,kBAAkBA,CAChC;EAAEC;AAAuC,CAAC,EACtB;EACpB,oBACEH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAEJ,MAAM,CAACK;EAAkB,GACtCP,UAAU,CACTI,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAC9BA,MAAM,CAACM,UAAU,CAAC,CACpB,CACG,CAAC;AAEV","ignoreList":[]}

package/build/browser/object-table/TableHeaderContent.module.css

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.osdkHeaderContent {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.osdkHeaderContent:has([role="checkbox"]) {
+  display: flex;
+  justify-content: center;
+}

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

@@ -0,0 +1,155 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Menu } from "@base-ui/react/menu";
+import { ChevronDown, Pin, Remove, SortAlphabetical, SortAlphabeticalDesc, Unpin, VerticalDistribution } from "@blueprintjs/icons";
+import classNames from "classnames";
+import React, { useCallback, useState } from "react";
+import { TableHeaderContent } from "./TableHeaderContent.js";
+import styles from "./TableHeaderWithPopover.module.css";
+function HeaderMenuItem({
+  onClick,
+  icon: Icon,
+  label,
+  active = false
+}) {
+  return /*#__PURE__*/React.createElement(Menu.Item, {
+    closeOnClick: true,
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderMenuItem, active && styles.osdkHeaderActiveMenuItem),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement("span", null, label));
+}
+export 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__*/React.createElement(Menu.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContainer),
+    onContextMenu: handleInteraction
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
+  }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement(TableHeaderContent, {
+    header: header
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentRight)
+  }, isSorted && /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkCenterContainer
+  }, isSorted === "asc" ? /*#__PURE__*/React.createElement(SortAlphabetical, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }) : /*#__PURE__*/React.createElement(SortAlphabeticalDesc, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  })), /*#__PURE__*/React.createElement(Menu.Trigger, {
+    "aria-label": `Open header menu for column with id=${header.column.id}`,
+    className: classNames(styles.osdkCenterContainer, styles.osdkHeaderPopoverTrigger)
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    className: styles.osdkHeaderIcon
+  }))), /*#__PURE__*/React.createElement(Menu.Portal, {
+    container: document.body
+  }, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.osdkHeaderPopup
+  }, !isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handlePinLeft,
+    icon: Pin,
+    label: "Pin column"
+  }), isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleUnpin,
+    icon: Unpin,
+    label: "Unpin Column",
+    active: true
+  }), isSortable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleSortAscending,
+    icon: SortAlphabetical,
+    label: "Sort ascending",
+    active: isSorted === "asc"
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleSortDescending,
+    icon: SortAlphabeticalDesc,
+    label: "Sort descending",
+    active: isSorted === "desc"
+  })), !!isSorted && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleClearAllSorts,
+    icon: Remove,
+    label: "Clear all sorts"
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleResetSize,
+    icon: VerticalDistribution,
+    label: "Reset Column Size"
+  }))))));
+}
+//# sourceMappingURL=TableHeaderWithPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","color","TableHeaderWithPopover","header","isColumnPinned","setColumnPinning","onSortChange","onResetSize","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","isSorted","getIsSorted","isSortable","getCanSort","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentRight","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","Fragment"],"sources":["TableHeaderWithPopover.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 { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type {\n  ColumnPinningState,\n  Header,\n  RowData,\n  SortingState,\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} color=\"currentColor\" />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\ninterface TableHeaderWithPopoverProps<TData extends RowData> {\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;\n  onSortChange?: (sorting: SortingState) => void;\n  onResetSize?: () => void;\n  onColumnConfig?: () => void;\n  enableColumnPinningRight?: boolean;\n}\n\nexport function TableHeaderWithPopover<TData extends RowData>({\n  header,\n  isColumnPinned,\n  setColumnPinning,\n  onSortChange,\n  onResetSize,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    onSortChange?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, onSortChange]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    onSortChange?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, onSortChange]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    onSortChange?.([]);\n  }, [header.column, onSortChange]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n\n  return (\n    <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n      <div\n        className={classNames(\n          styles.osdkCenterContainer,\n          styles.osdkContentGap,\n          styles.osdkHeaderContainer,\n        )}\n        onContextMenu={handleInteraction}\n      >\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContentLeft,\n          )}\n        >\n          {isColumnPinned && (\n            <Pin\n              className={styles.osdkHeaderIcon}\n              color={\"currentColor\"}\n            />\n          )}\n          <TableHeaderContent header={header} />\n        </div>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContentRight,\n          )}\n        >\n          {isSorted && (\n            <div className={styles.osdkCenterContainer}>\n              {isSorted === \"asc\"\n                ? (\n                  <SortAlphabetical\n                    className={styles.osdkHeaderIcon}\n                    color={\"currentColor\"}\n                  />\n                )\n                : (\n                  <SortAlphabeticalDesc\n                    className={styles.osdkHeaderIcon}\n                    color={\"currentColor\"}\n                  />\n                )}\n            </div>\n          )}\n          <Menu.Trigger\n            aria-label={`Open header menu for column with id=${header.column.id}`}\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkHeaderPopoverTrigger,\n            )}\n          >\n            <ChevronDown\n              className={styles.osdkHeaderIcon}\n            />\n          </Menu.Trigger>\n        </div>\n        <Menu.Portal container={document.body}>\n          <Menu.Positioner sideOffset={4}>\n            <Menu.Popup\n              className={styles.osdkHeaderPopup}\n            >\n              {!isColumnPinned && (\n                <HeaderMenuItem\n                  onClick={handlePinLeft}\n                  icon={Pin}\n                  label=\"Pin column\"\n                />\n              )}\n\n              {isColumnPinned && (\n                <HeaderMenuItem\n                  onClick={handleUnpin}\n                  icon={Unpin}\n                  label=\"Unpin Column\"\n                  active={true}\n                />\n              )}\n              {isSortable && (\n                <>\n                  <HeaderMenuItem\n                    onClick={handleSortAscending}\n                    icon={SortAlphabetical}\n                    label=\"Sort ascending\"\n                    active={isSorted === \"asc\"}\n                  />\n                  <HeaderMenuItem\n                    onClick={handleSortDescending}\n                    icon={SortAlphabeticalDesc}\n                    label=\"Sort descending\"\n                    active={isSorted === \"desc\"}\n                  />\n                </>\n              )}\n              {!!isSorted && (\n                <HeaderMenuItem\n                  onClick={handleClearAllSorts}\n                  icon={Remove}\n                  label=\"Clear all sorts\"\n                />\n              )}\n              <HeaderMenuItem\n                onClick={handleResetSize}\n                icon={VerticalDistribution}\n                label=\"Reset Column Size\"\n              />\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </div>\n    </Menu.Root>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/object-table/TableHeaderWithPopover.module.css

@@ -0,0 +1,105 @@
+/*
+ * 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.
+ */
+
+.osdkCenterContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.osdkContentGap {
+  display: flex;
+  gap: var(--bp-surface-spacing);
+}
+
+.osdkHeaderContainer {
+  justify-content: space-between;
+  flex: 1;
+  min-width: 0;
+  align-self: stretch;
+}
+
+.osdkHeaderContentLeft {
+  min-width: 0;
+  flex-shrink: 1;
+}
+
+.osdkHeaderContentRight {
+  flex-shrink: 0;
+}
+
+.osdkHeaderPopoverTrigger {
+  flex-shrink: 0;
+  flex-grow: 0;
+  border: var(--bp-surface-borderWidth) solid
+    var(--bp-surface-borderColor-default);
+  border-radius: var(--bp-surface-borderRadius);
+  color: var(--bp-intent-default-foreground);
+  user-select: none;
+  &:hover {
+    background-color: var(--bp-intent-default-hover);
+  }
+
+  &[data-popup-open] {
+    background-color: var(--bp-intent-primary-rest);
+  }
+
+  &:focus-visible {
+    outline: var(--bp-surface-borderWidth) solid var(--bp-intent-primary-rest);
+    outline-offset: calc(-1 * var(--bp-surface-borderWidth));
+  }
+}
+
+.osdkHeaderIcon {
+  width: var(--bp-iconography-size-small);
+  height: var(--bp-iconography-size-small);
+}
+
+.osdkHeaderPopup {
+  box-sizing: border-box;
+  padding: var(--bp-surface-spacing);
+  border-radius: var(--bp-surface-borderRadius);
+  border: var(--bp-surface-borderWidth) solid
+    var(--bp-surface-borderColor-default);
+  background-color: var(--bp-palette-gray-100);
+  color: var(--bp-typography-colorRest-default);
+  box-shadow: var(--bp-surface-shadow-2);
+  font-size: var(--bp-typography-size-bodyMedium);
+}
+
+.osdkHeaderMenuItem {
+  justify-content: flex-start;
+  padding: var(--bp-surface-spacing);
+  cursor: pointer;
+}
+
+.osdkHeaderMenuItem:hover {
+  background-color: var(--bp-surface-colorHover-default);
+  border-radius: var(--bp-surface-borderRadius);
+}
+
+.osdkHeaderActiveMenuItem {
+  background-color: var(--bp-intent-primary-rest);
+  color: var(--bp-intent-primary-foreground);
+}
+
+.osdkHeaderActiveMenuItem:hover {
+  background-color: var(--bp-intent-primary-hover);
+}
+
+.osdkHeaderActiveMenuItem:active {
+  background-color: var(--bp-intent-primary-active);
+}