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

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

@@ -1,60 +1,237 @@
-/*
- * 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/TableHeader.js
+import React3 from "react";
 
+// build/browser/object-table/TableHeader.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.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 = css;
+  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 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
+
+// build/browser/object-table/TableHeaderContent.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.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 = css2;
+  document.head.appendChild(style);
+}
+var TableHeaderContent_default = { "osdkHeaderContent": "osdkHeaderContent" };
+
+// build/browser/object-table/TableHeaderContent.js
+function TableHeaderContent({
+  header
+}) {
+  return /* @__PURE__ */ React.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 classNames from "classnames";
+import React2, { useCallback, useState } from "react";
+
+// build/browser/object-table/TableHeaderWithPopover.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.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 = css3;
+  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
 }) {
-  // TODO: If value is number type, right align header
+  return /* @__PURE__ */ React2.createElement(Menu.Item, {
+    closeOnClick: true,
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
+    onClick
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React2.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__ */ React2.createElement(Menu.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
+    onContextMenu: handleInteraction
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
+  }, isColumnPinned && /* @__PURE__ */ React2.createElement(Pin, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }), /* @__PURE__ */ React2.createElement(TableHeaderContent, {
+    header
+  })), /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
+  }, isSorted && /* @__PURE__ */ React2.createElement("div", {
+    className: TableHeaderWithPopover_default.osdkCenterContainer
+  }, isSorted === "asc" ? /* @__PURE__ */ React2.createElement(SortAlphabetical, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  }) : /* @__PURE__ */ React2.createElement(SortAlphabeticalDesc, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    color: "currentColor"
+  })), /* @__PURE__ */ React2.createElement(Menu.Trigger, {
+    "aria-label": `Open header menu for column with id=${header.column.id}`,
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
+  }, /* @__PURE__ */ React2.createElement(ChevronDown, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon
+  }))), /* @__PURE__ */ React2.createElement(Menu.Portal, {
+    container: document.body
+  }, /* @__PURE__ */ React2.createElement(Menu.Positioner, {
+    sideOffset: 4
+  }, /* @__PURE__ */ React2.createElement(Menu.Popup, {
+    className: TableHeaderWithPopover_default.osdkHeaderPopup
+  }, !isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+    onClick: handlePinLeft,
+    icon: Pin,
+    label: "Pin column"
+  }), isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+    onClick: handleUnpin,
+    icon: Unpin,
+    label: "Unpin Column",
+    active: true
+  }), isSortable && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+    onClick: handleSortAscending,
+    icon: SortAlphabetical,
+    label: "Sort ascending",
+    active: isSorted === "asc"
+  }), /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+    onClick: handleSortDescending,
+    icon: SortAlphabeticalDesc,
+    label: "Sort descending",
+    active: isSorted === "desc"
+  })), !!isSorted && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+    onClick: handleClearAllSorts,
+    icon: Remove,
+    label: "Clear all sorts"
+  }), /* @__PURE__ */ React2.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__*/React.createElement("thead", {
-    className: styles.osdkTableHeader,
+  return /* @__PURE__ */ React3.createElement("thead", {
+    className: TableHeader_default.osdkTableHeader,
     "data-resizing": isResizing
-  }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement("tr", {
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React3.createElement("tr", {
     key: headerGroup.id,
-    className: styles.osdkTableHeaderRow
-  }, headerGroup.headers.map(header => {
+    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__*/React.createElement("th", {
+    return /* @__PURE__ */ React3.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
-      className: styles.osdkTableHeaderCell,
+      className: TableHeader_default.osdkTableHeaderCell,
       style: columnStyles
-    }, header.isPlaceholder ? null : isSelectColumn ? /*#__PURE__*/React.createElement(TableHeaderContent, {
-      header: header
-    }) : /*#__PURE__*/React.createElement(TableHeaderWithPopover, {
-      header: header,
-      isColumnPinned: isColumnPinned,
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React3.createElement(TableHeaderContent, {
+      header
+    }) : /* @__PURE__ */ React3.createElement(TableHeaderWithPopover, {
+      header,
+      isColumnPinned,
       setColumnPinning: table.setColumnPinning
-    }), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
-      className: styles.osdkTableHeaderResizer,
+    }), header.column.getCanResize() && /* @__PURE__ */ React3.createElement("div", {
+      className: TableHeader_default.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler()
     }));
   }))));
 }
-//# sourceMappingURL=TableHeader.js.map
+export {
+  TableHeader
+};

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

@@ -1,27 +1,24 @@
-/*
- * 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/TableHeaderContent.js
 import { flexRender } from "@tanstack/react-table";
 import React from "react";
-import styles from "./TableHeaderContent.module.css";
-export function TableHeaderContent({
+
+// build/browser/object-table/TableHeaderContent.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.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 = css;
+  document.head.appendChild(style);
+}
+var TableHeaderContent_default = { "osdkHeaderContent": "osdkHeaderContent" };
+
+// build/browser/object-table/TableHeaderContent.js
+function TableHeaderContent({
   header
 }) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.osdkHeaderContent
+  return /* @__PURE__ */ React.createElement("div", {
+    className: TableHeaderContent_default.osdkHeaderContent
   }, flexRender(header.column.columnDef.header, header.getContext()));
 }
-//# sourceMappingURL=TableHeaderContent.js.map
+export {
+  TableHeaderContent
+};

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

@@ -1 +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":[]}
+{"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 type { ReactNode } from \"react\";\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      ) as ReactNode}\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;AAE7E,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/TableHeaderWithPopover.js

@@ -1,41 +1,53 @@
-/*
- * 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/TableHeaderWithPopover.js
 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";
+import React2, { useCallback, useState } from "react";
+
+// build/browser/object-table/TableHeaderContent.js
+import { flexRender } from "@tanstack/react-table";
+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.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 = css;
+  document.head.appendChild(style);
+}
+var TableHeaderContent_default = { "osdkHeaderContent": "osdkHeaderContent" };
+function TableHeaderContent({
+  header
+}) {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: TableHeaderContent_default.osdkHeaderContent
+  }, flexRender(header.column.columnDef.header, header.getContext()));
+}
+
+// build/browser/object-table/TableHeaderWithPopover.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.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 = css2;
+  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__*/React.createElement(Menu.Item, {
+  return /* @__PURE__ */ React2.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,
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
+    onClick
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }), /*#__PURE__*/React.createElement("span", null, label));
+  }), /* @__PURE__ */ React2.createElement("span", null, label));
 }
-export function TableHeaderWithPopover({
+function TableHeaderWithPopover({
   header,
   isColumnPinned,
   setColumnPinning,
@@ -44,18 +56,18 @@ export function TableHeaderWithPopover({
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const handlePinLeft = useCallback(() => {
-    setColumnPinning(prev => {
+    setColumnPinning((prev) => {
       return {
-        left: [...(prev.left || []), header.column.id],
-        right: prev.right?.filter(id => id !== header.column.id) || []
+        left: [...prev.left || [], header.column.id],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
       };
     });
   }, [header.column.id, setColumnPinning]);
   const handleUnpin = useCallback(() => {
-    setColumnPinning(prev => {
+    setColumnPinning((prev) => {
       return {
-        left: prev.left?.filter(id => id !== header.column.id) || [],
-        right: prev.right?.filter(id => id !== header.column.id) || []
+        left: prev.left?.filter((id) => id !== header.column.id) || [],
+        right: prev.right?.filter((id) => id !== header.column.id) || []
       };
     });
   }, [header.column.id, setColumnPinning]);
@@ -83,73 +95,75 @@ export function TableHeaderWithPopover({
       onResetSize();
     }
   }, [header.column, onResetSize]);
-  const handleInteraction = useCallback(e => {
+  const handleInteraction = useCallback((e) => {
     e.preventDefault();
-    setIsOpen(prev => !prev);
+    setIsOpen((prev) => !prev);
   }, []);
   const isSorted = header.column.getIsSorted();
   const isSortable = header.column.getCanSort();
-  return /*#__PURE__*/React.createElement(Menu.Root, {
+  return /* @__PURE__ */ React2.createElement(Menu.Root, {
     open: isOpen,
     onOpenChange: setIsOpen
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContainer),
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
     onContextMenu: handleInteraction
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
-  }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
-    className: styles.osdkHeaderIcon,
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
+  }, isColumnPinned && /* @__PURE__ */ React2.createElement(Pin, {
+    className: TableHeaderWithPopover_default.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,
+  }), /* @__PURE__ */ React2.createElement(TableHeaderContent, {
+    header
+  })), /* @__PURE__ */ React2.createElement("div", {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
+  }, isSorted && /* @__PURE__ */ React2.createElement("div", {
+    className: TableHeaderWithPopover_default.osdkCenterContainer
+  }, isSorted === "asc" ? /* @__PURE__ */ React2.createElement(SortAlphabetical, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  }) : /*#__PURE__*/React.createElement(SortAlphabeticalDesc, {
-    className: styles.osdkHeaderIcon,
+  }) : /* @__PURE__ */ React2.createElement(SortAlphabeticalDesc, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon,
     color: "currentColor"
-  })), /*#__PURE__*/React.createElement(Menu.Trigger, {
+  })), /* @__PURE__ */ React2.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, {
+    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
+  }, /* @__PURE__ */ React2.createElement(ChevronDown, {
+    className: TableHeaderWithPopover_default.osdkHeaderIcon
+  }))), /* @__PURE__ */ React2.createElement(Menu.Portal, {
     container: document.body
-  }, /*#__PURE__*/React.createElement(Menu.Positioner, {
+  }, /* @__PURE__ */ React2.createElement(Menu.Positioner, {
     sideOffset: 4
-  }, /*#__PURE__*/React.createElement(Menu.Popup, {
-    className: styles.osdkHeaderPopup
-  }, !isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  }, /* @__PURE__ */ React2.createElement(Menu.Popup, {
+    className: TableHeaderWithPopover_default.osdkHeaderPopup
+  }, !isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handlePinLeft,
     icon: Pin,
     label: "Pin column"
-  }), isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  }), isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handleUnpin,
     icon: Unpin,
     label: "Unpin Column",
     active: true
-  }), isSortable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  }), isSortable && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handleSortAscending,
     icon: SortAlphabetical,
     label: "Sort ascending",
     active: isSorted === "asc"
-  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  }), /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handleSortDescending,
     icon: SortAlphabeticalDesc,
     label: "Sort descending",
     active: isSorted === "desc"
-  })), !!isSorted && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  })), !!isSorted && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handleClearAllSorts,
     icon: Remove,
     label: "Clear all sorts"
-  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+  }), /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
     onClick: handleResetSize,
     icon: VerticalDistribution,
     label: "Reset Column Size"
   }))))));
 }
-//# sourceMappingURL=TableHeaderWithPopover.js.map
+export {
+  TableHeaderWithPopover
+};