@osdk/react-components 0.2.0-beta.1 → 0.2.0-beta.11

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

@@ -1,109 +1,31 @@
-// build/browser/object-table/TableCell.js
-import { flexRender } from "@tanstack/react-table";
-import React2, { useRef as useRef2 } from "react";
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-// build/browser/object-table/CellContextMenu.js
-import React, { useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-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" };
-function CellContextMenu({
-  cell,
-  position,
-  onClose,
-  renderContent
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClose();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [onClose]);
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
-    ref,
-    className: CellContextMenu_default.osdkCellContextMenu,
-    style: {
-      left: position.left,
-      top: position.top,
-      minWidth: position.width
-    }
-  }, renderContent(cell.row.original, cell)), document.body);
-}
-
-// build/browser/object-table/hooks/useCellContextMenu.js
-import { useCallback, useState } from "react";
-var useCellContextMenu = ({
-  tdRef
-}) => {
-  const [popoverPosition, setPopoverPosition] = useState(null);
-  const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-  const handleOpenContextMenu = useCallback((event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (tdRef.current) {
-      const rect = tdRef.current.getBoundingClientRect();
-      const position = {
-        left: rect.left,
-        top: rect.bottom,
-        width: rect.width
-      };
-      setPopoverPosition(position);
-      setIsContextMenuOpen(true);
-    }
-  }, [tdRef]);
-  const handleCloseContextMenu = useCallback(() => {
-    setIsContextMenuOpen(false);
-    setPopoverPosition(null);
-  }, []);
-  return {
-    isContextMenuOpen,
-    handleOpenContextMenu,
-    handleCloseContextMenu,
-    popoverPosition
-  };
-};
-
-// 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/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/TableCell.js
-function TableCell({
+import { flexRender } from "@tanstack/react-table";
+import React, { useRef } from "react";
+import { CellContextMenu } from "./CellContextMenu.js";
+import { useCellContextMenu } from "./hooks/useCellContextMenu.js";
+import styles from "./TableCell.module.css.js";
+import { SELECTION_COLUMN_ID } from "./utils/constants.js";
+import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
+export function TableCell({
   cell,
   renderCellContextMenu
 }) {
-  const tdRef = useRef2(null);
+  const tdRef = useRef(null);
   const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
   const {
     isContextMenuOpen,
@@ -116,21 +38,19 @@ function TableCell({
   const {
     columnStyles
   } = getColumnPinningStyles(cell.column);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("td", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("td", {
     ref: tdRef,
     "data-pinned": cell.column.getIsPinned(),
-    className: TableCell_default.osdkTableCell,
+    className: styles.osdkTableCell,
     style: columnStyles,
     onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: TableCell_default.osdkTableCellContent
-  }, flexRender(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /* @__PURE__ */ React2.createElement(CellContextMenu, {
-    cell,
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkTableCellContent
+  }, flexRender(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /*#__PURE__*/React.createElement(CellContextMenu, {
+    cell: cell,
     position: popoverPosition,
     onClose: handleCloseContextMenu,
     renderContent: renderCellContextMenu
   }));
 }
-export {
-  TableCell
-};
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1,75 @@
+/*
+ * 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;
+  height: 100%;
+  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[data-pinned="left"],
+.osdkTableCell[data-pinned="right"] {
+  position: sticky;
+  z-index: var(--osdk-surface-z-index-1);
+  background-color: inherit;
+}
+
+/* Last left-pinned column - no left-pinned siblings after it */
+.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {
+  border-right: var(--osdk-table-pinned-column-border);
+}
+
+/* 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: var(--osdk-table-pinned-column-border);
+}
+
+.osdkTableCell:has([role="checkbox"]) {
+  justify-content: center;
+  padding: 0;
+}
+
+.osdkTableCellContent:not(:has([role="checkbox"])) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.osdkCheckboxContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}

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

@@ -0,0 +1,8 @@
+// CSS Module proxy for TableCell.module.css
+const styles = {
+  "osdkTableCell": "TableCell-module__osdkTableCell___gVl6jToJ",
+  "osdkTableCellContent": "TableCell-module__osdkTableCellContent___tcj6DRaU",
+  "osdkCheckboxContainer": "TableCell-module__osdkCheckboxContainer___Ex-KJho3"
+};
+
+export default styles;

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

@@ -0,0 +1,79 @@
+/*
+ * Copyright 2026 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 React, { useCallback, useState } from "react";
+import { ActionButton } from "../base-components/action-button/ActionButton.js";
+import styles from "./TableEditContainer.module.css.js";
+export function TableEditContainer({
+  editableConfig,
+  focusedRowId
+}) {
+  const {
+    cellEdits,
+    onSubmitEdits,
+    clearEdits,
+    editMode
+  } = editableConfig ?? {};
+  const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const isInEditMode = editMode?.isActive;
+  const canToggleEditMode = editMode?.type === "manual";
+  const handleSubmitEdits = useCallback(async () => {
+    setIsSubmitting(true);
+    try {
+      const success = await onSubmitEdits?.();
+      if (success) {
+        clearEdits?.();
+        if (editMode?.type === "manual") {
+          editMode.setActive(false);
+        }
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [editMode, onSubmitEdits, clearEdits]);
+  const handleCancelEdits = useCallback(() => {
+    clearEdits?.();
+    if (editMode?.type === "manual") {
+      editMode.setActive(false);
+    }
+  }, [clearEdits, editMode]);
+  const handleEnterEditMode = useCallback(() => {
+    if (editMode?.type === "manual") {
+      editMode.setActive(true);
+    }
+  }, [editMode]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.tableEditContainer
+  }, hasEdits ? /*#__PURE__*/React.createElement("div", {
+    className: styles.modificationCount
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`) : isInEditMode && !focusedRowId && /*#__PURE__*/React.createElement("div", {
+    className: styles.placeholder
+  }, "Select a row to edit data\u2026"), /*#__PURE__*/React.createElement("div", {
+    className: styles.editButtons
+  }, !isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleEnterEditMode
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "secondary",
+    onClick: handleCancelEdits
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleSubmitEdits,
+    disabled: !hasEdits || isSubmitting
+  }, "Submit Edits")));
+}
+//# sourceMappingURL=TableEditContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableEditContainer.js","names":["React","useCallback","useState","ActionButton","styles","TableEditContainer","editableConfig","focusedRowId","cellEdits","onSubmitEdits","clearEdits","editMode","hasEdits","Object","keys","length","isSubmitting","setIsSubmitting","isInEditMode","isActive","canToggleEditMode","type","handleSubmitEdits","success","setActive","handleCancelEdits","handleEnterEditMode","createElement","className","tableEditContainer","modificationCount","placeholder","editButtons","variant","onClick","disabled"],"sources":["TableEditContainer.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 } from \"@tanstack/react-table\";\nimport React, { type ReactElement, useCallback, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport styles from \"./TableEditContainer.module.css\";\nimport type { EditableConfig } from \"./utils/types.js\";\n\ninterface TableEditContainerProps<\n  TData extends RowData,\n> {\n  editableConfig?: EditableConfig<TData, unknown>;\n  focusedRowId?: string | null;\n}\n\nexport function TableEditContainer<\n  TData extends RowData,\n>({\n  editableConfig,\n  focusedRowId,\n}: TableEditContainerProps<TData>): ReactElement {\n  const {\n    cellEdits,\n    onSubmitEdits,\n    clearEdits,\n    editMode,\n  } = editableConfig ?? {};\n\n  const hasEdits = Object.keys(cellEdits ?? {}).length > 0;\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const isInEditMode = editMode?.isActive;\n  const canToggleEditMode = editMode?.type === \"manual\";\n\n  const handleSubmitEdits = useCallback(async () => {\n    setIsSubmitting(true);\n    try {\n      const success = await onSubmitEdits?.();\n      if (success) {\n        clearEdits?.();\n        if (editMode?.type === \"manual\") {\n          editMode.setActive(false);\n        }\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [editMode, onSubmitEdits, clearEdits]);\n\n  const handleCancelEdits = useCallback(() => {\n    clearEdits?.();\n    if (editMode?.type === \"manual\") {\n      editMode.setActive(false);\n    }\n  }, [clearEdits, editMode]);\n\n  const handleEnterEditMode = useCallback(() => {\n    if (editMode?.type === \"manual\") {\n      editMode.setActive(true);\n    }\n  }, [editMode]);\n\n  return (\n    <div className={styles.tableEditContainer}>\n      {hasEdits\n        ? (\n          <div className={styles.modificationCount}>\n            {`${cellEdits ? Object.keys(cellEdits).length : 0} modifications`}\n          </div>\n        )\n        : (isInEditMode && !focusedRowId && (\n          <div className={styles.placeholder}>\n            Select a row to edit data…\n          </div>\n        ))}\n      <div className={styles.editButtons}>\n        {!isInEditMode && canToggleEditMode && (\n          <ActionButton\n            variant=\"primary\"\n            onClick={handleEnterEditMode}\n          >\n            Edit Table\n          </ActionButton>\n        )}\n        {isInEditMode && canToggleEditMode && (\n          <ActionButton\n            variant=\"secondary\"\n            onClick={handleCancelEdits}\n          >\n            Cancel\n          </ActionButton>\n        )}\n        {isInEditMode && !!onSubmitEdits && (\n          <ActionButton\n            variant=\"primary\"\n            onClick={handleSubmitEdits}\n            disabled={!hasEdits || isSubmitting}\n          >\n            Submit Edits\n          </ActionButton>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+
+.tableEditContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--osdk-surface-background-color-default-rest);
+  border-top: var(--osdk-table-border);
+  padding: var(--osdk-table-edit-container-padding);
+  min-height: var(--osdk-table-edit-container-min-height);
+}
+
+.placeholder {
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+
+.modificationCount {
+  color: var(--osdk-intent-primary-rest);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+
+.editButtons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  flex: 1;
+}

package/build/browser/object-table/TableEditContainer.module.css.js

@@ -0,0 +1,9 @@
+// CSS Module proxy for TableEditContainer.module.css
+const styles = {
+  "tableEditContainer": "TableEditContainer-module__tableEditContainer___cIVjgtld",
+  "placeholder": "TableEditContainer-module__placeholder___ggxoxvTp",
+  "modificationCount": "TableEditContainer-module__modificationCount___sLN93v77",
+  "editButtons": "TableEditContainer-module__editButtons___xI-Z7kz1"
+};
+
+export default styles;