@osdk/react-components 0.1.0-beta.5 → 0.1.0-rc.7

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @osdk/react-components
 
+## 0.1.0-rc.7
+
+### Minor Changes
+
+- 1885d58: Import blueprint tokens. Added loading and non ideal state to ObjectTable. Support interface in ObjectTable.
+
+### Patch Changes
+
+- Updated dependencies [a6d4d49]
+- Updated dependencies [eb3a556]
+- Updated dependencies [31cd835]
+- Updated dependencies [0dbd0d0]
+  - @osdk/react@0.9.0-rc.11
+  - @osdk/client@2.7.0-rc.15
+  - @osdk/api@2.7.0-rc.15
+
+## 0.1.0-beta.6
+
+### Minor Changes
+
+- cac3e9a: Add ActionFormApi
+
+### Patch Changes
+
+- Updated dependencies [db28747]
+  - @osdk/react@0.9.0-beta.10
+
 ## 0.1.0-beta.5
 
 ### Minor Changes

package/README.md

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

package/build/browser/action-form/ActionFormApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ActionFormApi.js.map

package/build/browser/action-form/ActionFormApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormApi.js","names":[],"sources":["ActionFormApi.ts"],"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 {\n  ActionDefinition,\n  ActionEditResponse,\n  ActionReturnTypeForOptions,\n  ActionValidationResponse,\n} from \"@osdk/api\";\nimport type { ActionValidationError, ApplyActionOptions } from \"@osdk/client\";\nimport type {\n  ActionParameters,\n  FieldKey,\n  FieldValueType,\n  FormFieldDefinition,\n} from \"./FormFieldApi.js\";\n\n/**\n * Props for the ActionForm component\n */\nexport interface ActionFormProps<Q extends ActionDefinition<unknown>> {\n  actionDefinition: Q;\n\n  /**\n   * If not supplied, defaults to actionDef.displayName\n   */\n  formTitle?: string;\n\n  /**\n   * If not supplied, this will be constructed from ActionParameters\n   */\n  formFieldDefinition?: Array<FormFieldDefinition<Q>>;\n\n  /**\n   * Called when a field value changed.\n   * Required when a field is in controlled mode, i.e. value is provided via formFieldDefinition.\n   *\n   * @param fieldKey The key of the changed field\n   * @param value the updated value of the field\n   */\n  onFieldValueChanged?: <K extends FieldKey<Q>>(\n    fieldKey: K,\n    value: FieldValueType<Q, K>,\n  ) => void;\n\n  /**\n   * Override to disable submit button\n   * If not provided, button is disabled when form is submitting or has validation errors\n   *\n   * @default false\n   */\n  isSubmitDisabled?: boolean;\n\n  /**\n   * If supplied, this will override the default submit action\n   * By default, the action's applyAction will be called with $validateOnly: false\n   *\n   * @param formState all field values when onSubmit is called\n   * @param applyAction the function to execute the action. Call it with $validateOnly: true options to run validation mode onSubmit.\n   * @returns a promise of the submission response\n   */\n  onSubmit?: <OP extends ApplyActionOptions>(\n    formState: FormState<Q>,\n    applyAction: (\n      args: ActionParameters<Q>,\n      options?: OP,\n    ) => Promise<ActionReturnTypeForOptions<OP>>,\n  ) => Promise<ActionReturnTypeForOptions<OP>> | void;\n\n  /**\n   * Called when the validation response is returned from a validateOnly submission\n   *\n   * @param results the validation response\n   */\n  onValidationResponse?: (results: ActionValidationResponse) => void;\n\n  /**\n   * Called when the action is successfully executed from a non-validateOnly submission\n   *\n   * @param results the submission response\n   */\n  onSuccess?: (results: ActionEditResponse) => void;\n\n  /**\n   * Called when there is an error in form submission\n   *\n   * @param error the error that occurred\n   */\n  onError?: (error: FormError) => void;\n}\n\n/**\n * Form values mapping parameter names to their values\n */\nexport type FormState<Q extends ActionDefinition<unknown>> = {\n  [K in FieldKey<Q>]: FieldValueType<Q, K>;\n};\n\n/**\n * Form error discriminated union\n */\nexport type FormError =\n  | { type: \"validation\"; error: ActionValidationError }\n  | { type: \"submission\"; error: Error }\n  | { type: \"unknown\"; error: unknown };\n"],"mappings":"","ignoreList":[]}

package/build/browser/action-form/FormFieldApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FormFieldApi.js.map

package/build/browser/action-form/FormFieldApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldApi.js","names":[],"sources":["FormFieldApi.ts"],"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 {\n  ActionDefinition,\n  CompileTimeMetadata,\n  ObjectSet,\n  ObjectTypeDefinition,\n} from \"@osdk/api\";\nimport type React from \"react\";\n\n/**\n * A form field definition specifies configuration for a single field\n */\nexport interface FormFieldDefinition<\n  Q extends ActionDefinition<unknown>,\n  K extends FieldKey<Q> = FieldKey<Q>,\n  V extends FieldValueType<Q, K> = FieldValueType<Q, K>,\n  C extends ValidFormFieldForPropertyType<V> = ValidFormFieldForPropertyType<V>,\n> {\n  /**\n   * The field's unique key\n   */\n  fieldKey: K;\n\n  /**\n   * Display label for the field\n   * If not provided, the form field will not show any label.\n   */\n  label?: string;\n\n  /**\n   * Current value of the field\n   * If provided, the field operates in controlled mode\n   */\n  value?: V;\n\n  /**\n   * Default value of the field\n   */\n  defaultValue?: V;\n\n  /**\n   * The form field component type to render\n   */\n  fieldComponent: C;\n\n  /**\n   * Whether the field is required\n   */\n  isRequired?: boolean;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Additional information to display on this field\n   * The placement of helper text depends on the value of helperTextPlacement prop\n   */\n  helperText?: string;\n\n  /**\n   * The placement of the helper text either below the field or in a tooltip\n   *\n   * @default \"tooltip\"\n   */\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n\n  /**\n   * Whether the field is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * A callback to return a custom error message if validation failed\n   *\n   * @param validationRule the validation rule that failed with the error message\n   * @returns the error message to display\n   */\n  onValidationError?: (error: ValidationError) => string;\n\n  /**\n   * Additional function to validate the field\n   *\n   * @param value the current field value\n   * @returns a boolean promise indicating whether the value is valid\n   */\n  validate?: (value: V) => Promise<boolean>;\n\n  /**\n   * The component props for the form field\n   * Excludes runtime props (key, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps?: Omit<FormFieldPropsByType[C], \"key\" | \"onChange\">;\n}\n\ntype ValidationError = { type: ValidationRule; error: string };\n\ntype ValidationRule =\n  | \"required\"\n  | \"min\"\n  | \"max\"\n  | \"minLength\"\n  | \"maxLength\"\n  | \"pattern\"\n  | \"validate\";\n\n/**\n * Maps field types to their corresponding props\n */\nexport interface FormFieldPropsByType {\n  DATETIME_PICKER: DatetimePickerFieldProps;\n  DROPDOWN: DropdownFieldProps<unknown>;\n  FILE_PICKER: FilePickerProps;\n  NUMBER_INPUT: NumberInputFieldProps;\n  OBJECT_SET: ObjectSetFieldProps<ObjectTypeDefinition>;\n  RADIO_BUTTONS: RadioButtonsFieldProps<unknown>;\n  TEXT_AREA: TextAreaFieldProps;\n  TEXT_INPUT: TextInputFieldProps;\n  CUSTOM: CustomFieldProps<unknown>;\n}\n\n/**\n * Datetime picker field props\n */\nexport interface DatetimePickerFieldProps extends BaseFormFieldProps<Date> {\n  fieldComponent: \"DATETIME_PICKER\";\n\n  /**\n   * The earliest date the user can select\n   * If provided, this will be added to the field validation\n   */\n  min?: Date;\n\n  /**\n   * The latest date the user can select\n   * If provided, this will be added to the field validation\n   */\n  max?: Date;\n\n  /**\n   * Whether to show time picker\n   */\n  showTime?: boolean;\n\n  /**\n   * Function to format the date string\n   */\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Dropdown field props with selectable options\n */\nexport interface DropdownFieldProps<V, IsMulti extends boolean = false>\n  extends BaseFormFieldProps<IsMulti extends true ? V[] : V>\n{\n  fieldComponent: \"DROPDOWN\";\n\n  /**\n   * Available options for the dropdown\n   */\n  options: Option<V>[];\n\n  /**\n   * Whether the dropdown allows searching/filtering\n   */\n  isSearchable?: boolean;\n\n  /**\n   * Whether multiple values can be selected\n   */\n  isMulti?: boolean;\n}\n\nexport interface FilePickerProps extends BaseFormFieldProps<File | File[]> {\n  fieldComponent: \"FILE_PICKER\";\n\n  /**\n   * Whether multiple files can be selected\n   */\n  isMulti?: boolean;\n\n  /**\n   * Accepted file types (e.g., \"image/*\", \".pdf\")\n   */\n  accept?: string | string[];\n\n  /**\n   * Maximum file size in bytes\n   */\n  maxSize?: number;\n}\n\n/**\n * Text area field props\n */\nexport interface TextAreaFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    | \"rows\"\n    | \"wrap\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  fieldComponent: \"TEXT_AREA\";\n}\n\nexport interface TextInputFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  fieldComponent: \"TEXT_INPUT\";\n}\n\n/**\n * Number input field props\n */\nexport interface NumberInputFieldProps extends\n  BaseFormFieldProps<number>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"min\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"max\"\n    | \"step\"\n  >\n{\n  fieldComponent: \"NUMBER_INPUT\";\n}\n\n/**\n * Radio buttons field props\n */\nexport interface RadioButtonsFieldProps<V> extends BaseFormFieldProps<V> {\n  fieldComponent: \"RADIO_BUTTONS\";\n\n  /**\n   * Available options for radio buttons\n   */\n  options: Option<V>[];\n}\n\n/**\n * Option interface for dropdown and radio options\n */\nexport interface Option<V> {\n  label: string;\n  value: V;\n}\n\n/**\n * Object set field displays the summary of the count of the given object set\n */\nexport interface ObjectSetFieldProps<T extends ObjectTypeDefinition>\n  extends BaseFormFieldProps<ObjectSet<T>>\n{\n  fieldComponent: \"OBJECT_SET\";\n}\n\n/**\n * Custom field props for user-defined renderers\n */\nexport interface CustomFieldProps<V> extends BaseFormFieldProps<V> {\n  fieldComponent: \"CUSTOM\";\n\n  /**\n   * Custom renderer function\n   */\n  customRenderer: (props: BaseFormFieldProps<V>) => React.ReactNode;\n}\n\nexport interface BaseFormFieldProps<V> {\n  fieldComponent: FieldComponent;\n\n  /**\n   * Called when the field value changed.\n   *\n   * ActionForm internally wraps this to pass the key to onFieldValueChanged:\n   * ```\n   * <DropdownField\n   *   {...fieldDef}\n   *   onChange={(value) => onFieldValueChanged(fieldDef.key, value)}\n   * />\n   * ```\n   *\n   * @param value The new value of the form field\n   */\n  onChange?: (value?: V) => void;\n}\n\nexport type FieldKey<Q extends ActionDefinition<unknown>> =\n  keyof ActionParameters<Q>;\n\n/**\n * Extracts parameters from an ActionDefinition\n */\nexport type ActionParameters<Q extends ActionDefinition<unknown>> =\n  CompileTimeMetadata<Q>[\"parameters\"];\n\n/**\n * Extracts the value type for a specific parameter\n */\nexport type FieldValueType<\n  Q extends ActionDefinition<unknown> = ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"];\n\n/**\n * Available form field component types\n */\nexport type FieldComponent =\n  | \"DATETIME_PICKER\"\n  | \"DROPDOWN\"\n  | \"FILE_PICKER\"\n  | \"NUMBER_INPUT\"\n  | \"RADIO_BUTTONS\"\n  | \"OBJECT_SET\"\n  | \"TEXT_AREA\"\n  | \"TEXT_INPUT\"\n  | \"CUSTOM\";\n\n/**\n * Gets valid form field types for a given property type\n */\nexport type ValidFormFieldForPropertyType<P extends FieldValueType> = P extends\n  \"objectSet\" ? \"OBJECT_SET\"\n  : P extends \"object\" ? \"DROPDOWN\"\n  : P extends \"mediaReference\" | \"attachment\" ? \"FILE_PICKER\"\n  : P extends \"boolean\" ? \"RADIO_BUTTONS\" | \"DROPDOWN\"\n  : P extends \"string\" ? \"TEXT_INPUT\" | \"TEXT_AREA\"\n  : P extends \"datetime\" | \"timestamp\" ? \"DATETIME_PICKER\"\n  : P extends\n    | \"double\"\n    | \"integer\"\n    | \"long\"\n    | \"float\"\n    | \"short\"\n    | \"byte\"\n    | \"decimal\" ? \"NUMBER_INPUT\"\n  : never;\n"],"mappings":"","ignoreList":[]}

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

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

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

@@ -1,23 +1,18 @@
-/*
- * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
+// build/browser/object-table/CellContextMenu.js
 import React, { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import styles from "./CellContextMenu.module.css";
-export function CellContextMenu({
+
+// build/browser/object-table/CellContextMenu.module.css
+var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkCellContextMenu {\n  position: fixed;\n  z-index: var(--osdk-surface-z-index-2);\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+var CellContextMenu_default = { "osdkCellContextMenu": "osdkCellContextMenu" };
+
+// build/browser/object-table/CellContextMenu.js
+function CellContextMenu({
   cell,
   position,
   onClose,
@@ -25,7 +20,7 @@ export function CellContextMenu({
 }) {
   const ref = useRef(null);
   useEffect(() => {
-    const handleClickOutside = event => {
+    const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
       }
@@ -35,9 +30,9 @@ export function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: styles.osdkCellContextMenu,
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
+    ref,
+    className: CellContextMenu_default.osdkCellContextMenu,
     style: {
       left: position.left,
       top: position.top,
@@ -45,4 +40,6 @@ export function CellContextMenu({
     }
   }, renderContent(cell.row.original, cell)), document.body);
 }
-//# sourceMappingURL=CellContextMenu.js.map
+export {
+  CellContextMenu
+};

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

@@ -0,0 +1,38 @@
+// build/browser/object-table/LoadingCell.js
+import classNames from "classnames";
+import React from "react";
+
+// build/browser/object-table/LoadingCell.module.css
+var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
+
+// build/browser/object-table/TableCell.module.css
+var css2 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css2;
+  document.head.appendChild(style);
+}
+var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
+
+// build/browser/object-table/LoadingCell.js
+function LoadingCell({
+  width
+}) {
+  return /* @__PURE__ */ React.createElement("td", {
+    className: TableCell_default.osdkTableCell,
+    style: {
+      width
+    }
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
+  }));
+}
+export {
+  LoadingCell
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCell.js","names":["classNames","React","styles","cellStyles","LoadingCell","width","createElement","className","osdkTableCell","style","osdkLoadingCell","osdkCellSkeleton"],"sources":["LoadingCell.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./LoadingCell.module.css\";\nimport cellStyles from \"./TableCell.module.css\";\n\nexport function LoadingCell({ width }: { width: number }): React.ReactElement {\n  return (\n    <td\n      className={cellStyles.osdkTableCell}\n      style={{ width }}\n    >\n      <div\n        className={classNames(styles.osdkLoadingCell, styles.osdkCellSkeleton)}\n      />\n    </td>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAE/C,OAAO,SAASC,WAAWA,CAAC;EAAEC;AAAyB,CAAC,EAAsB;EAC5E,oBACEJ,KAAA,CAAAK,aAAA;IACEC,SAAS,EAAEJ,UAAU,CAACK,aAAc;IACpCC,KAAK,EAAE;MAAEJ;IAAM;EAAE,gBAEjBJ,KAAA,CAAAK,aAAA;IACEC,SAAS,EAAEP,UAAU,CAACE,MAAM,CAACQ,eAAe,EAAER,MAAM,CAACS,gBAAgB;EAAE,CACxE,CACC,CAAC;AAET","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+// build/browser/object-table/LoadingRow.js
+import React2 from "react";
+
+// build/browser/object-table/LoadingCell.js
+import classNames from "classnames";
+import React from "react";
+var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
+var css2 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css2;
+  document.head.appendChild(style);
+}
+var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
+function LoadingCell({
+  width
+}) {
+  return /* @__PURE__ */ React.createElement("td", {
+    className: TableCell_default.osdkTableCell,
+    style: {
+      width
+    }
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
+  }));
+}
+
+// build/browser/object-table/TableRow.module.css
+var css3 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
+if (typeof document !== "undefined") {
+  const style = document.createElement("style");
+  style.textContent = css3;
+  document.head.appendChild(style);
+}
+var TableRow_default = { "osdkTableRow": "osdkTableRow" };
+
+// build/browser/object-table/LoadingRow.js
+function LoadingRow({
+  headers,
+  columnCount,
+  translateY,
+  rowHeight = 40,
+  columnWidth = 80
+}) {
+  return /* @__PURE__ */ React2.createElement("tr", {
+    className: TableRow_default.osdkTableRow,
+    style: {
+      height: `${rowHeight}px`,
+      transform: `translateY(${translateY}px)`
+    }
+  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, Array.from({
+    length: columnCount
+  }).map((_, index) => {
+    const width = headers.length > index ? headers[index].getSize() : columnWidth;
+    return /* @__PURE__ */ React2.createElement(LoadingCell, {
+      key: `loading-cell-${index}`,
+      width
+    });
+  })));
+}
+export {
+  LoadingRow
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRow.js","names":["React","LoadingCell","rowStyles","LoadingRow","headers","columnCount","translateY","rowHeight","columnWidth","createElement","className","osdkTableRow","style","height","transform","Fragment","Array","from","length","map","_","index","width","getSize","key"],"sources":["LoadingRow.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { HeaderGroup, RowData } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { LoadingCell } from \"./LoadingCell.js\";\nimport rowStyles from \"./TableRow.module.css\";\n\ninterface LoadingRowProps<TData extends RowData> {\n  headers: HeaderGroup<TData>[\"headers\"];\n  columnCount: number;\n  translateY: number;\n  rowHeight?: number;\n  columnWidth?: number;\n}\n\nexport function LoadingRow<TData extends RowData>({\n  headers,\n  columnCount,\n  translateY,\n  rowHeight = 40,\n  columnWidth = 80,\n}: LoadingRowProps<TData>): React.ReactElement {\n  return (\n    <tr\n      className={rowStyles.osdkTableRow}\n      style={{\n        height: `${rowHeight}px`,\n        transform: `translateY(${translateY}px)`,\n      }}\n    >\n      {\n        <>\n          {Array.from({ length: columnCount }).map((_, index) => {\n            const width = headers.length > index\n              ? headers[index].getSize()\n              : columnWidth;\n            return <LoadingCell key={`loading-cell-${index}`} width={width} />;\n          })}\n        </>\n      }\n    </tr>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,SAAS,MAAM,uBAAuB;AAU7C,OAAO,SAASC,UAAUA,CAAwB;EAChDC,OAAO;EACPC,WAAW;EACXC,UAAU;EACVC,SAAS,GAAG,EAAE;EACdC,WAAW,GAAG;AACQ,CAAC,EAAsB;EAC7C,oBACER,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAER,SAAS,CAACS,YAAa;IAClCC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGN,SAAS,IAAI;MACxBO,SAAS,EAAE,cAAcR,UAAU;IACrC;EAAE,gBAGAN,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAe,QAAA,QACGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEb;EAAY,CAAC,CAAC,CAACc,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACrD,MAAMC,KAAK,GAAGlB,OAAO,CAACc,MAAM,GAAGG,KAAK,GAChCjB,OAAO,CAACiB,KAAK,CAAC,CAACE,OAAO,CAAC,CAAC,GACxBf,WAAW;IACf,oBAAOR,KAAA,CAAAS,aAAA,CAACR,WAAW;MAACuB,GAAG,EAAE,gBAAgBH,KAAK,EAAG;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EACpE,CAAC,CACD,CAEF,CAAC;AAET","ignoreList":[]}