@osdk/react-components 0.2.0-beta.15 → 0.2.0-beta.17

package/build/cjs/public/experimental.d.cts

@@ -1,6 +1,6 @@
-import { ObjectTypeDefinition, ObjectSet, WhereClause, PropertyKeys, LinkNames, LinkedType, WirePropertyTypes, CompileTimeMetadata, ObjectOrInterfaceDefinition, SimplePropertyDef, QueryDefinition, DerivedProperty, Osdk, PrimaryKeyType } from '@osdk/api';
 import * as React from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
+import { ObjectTypeDefinition, ObjectSet, WhereClause, PropertyKeys, LinkNames, LinkedType, WirePropertyTypes, CompileTimeMetadata, ObjectOrInterfaceDefinition, SimplePropertyDef, QueryDefinition, DerivedProperty, Osdk, PrimaryKeyType } from '@osdk/api';
 import { RowData, Table, Cell, VisibilityState, ColumnOrderState } from '@tanstack/react-table';
 
 /**
@@ -319,6 +319,19 @@ interface PropertyFilterDefinition<Q extends ObjectTypeDefinition, K extends Pro
      * If provided, the filter is controlled.
      */
     filterState: FilterStateByComponentType[C];
+    /**
+     * Maps filter values to colors for visual differentiation.
+     * Used by CHECKBOX_LIST (color dots) and LISTOGRAM (per-row bar colors).
+     */
+    colorMap?: Record<string, string>;
+    /**
+     * Configuration for LISTOGRAM display mode.
+     * Only applies when filterComponent is "LISTOGRAM".
+     */
+    listogramConfig?: {
+        displayMode?: "full" | "count" | "minimal";
+        maxVisibleItems?: number;
+    };
     /**
      * Controls whether this filter is rendered.
      * When false, the filter is hidden but its state is preserved.
@@ -340,6 +353,36 @@ interface FilterListItemProps<Q extends ObjectTypeDefinition, K extends Property
     onFilterRemoved?: (key: PropertyKeys<Q>) => void;
 }
 
+type RenderFilterInput<D> = (props: {
+    definition: D;
+    filterKey: string;
+    filterState: FilterState | undefined;
+    onFilterStateChanged: (state: FilterState) => void;
+}) => React__default.ReactNode;
+interface BaseFilterListProps<D> {
+    filterDefinitions?: Array<D>;
+    filterStates: Map<string, FilterState>;
+    onFilterStateChanged: (filterKey: string, state: FilterState) => void;
+    renderInput: RenderFilterInput<D>;
+    getFilterKey: (definition: D) => string;
+    getFilterLabel: (definition: D) => string;
+    activeFilterCount: number;
+    onReset?: () => void;
+    onFilterAdded?: () => void;
+    onFilterRemoved?: (filterKey: string) => void;
+    collapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    title?: string;
+    titleIcon?: React__default.ReactNode;
+    showResetButton?: boolean;
+    showActiveFilterCount?: boolean;
+    enableSorting?: boolean;
+    className?: string;
+    renderAddFilterButton?: () => React__default.ReactNode;
+}
+
+declare function BaseFilterList<D>(props: BaseFilterListProps<D>): React__default.ReactElement;
+
 /**
  * Union type of all filter definition types
  */
@@ -418,6 +461,20 @@ interface FilterListProps<Q extends ObjectTypeDefinition> {
      * should use controlled filterDefinitions.
      */
     enableSorting?: boolean;
+    /**
+     * Whether the filter list panel is collapsed
+     */
+    collapsed?: boolean;
+    /**
+     * Called when the collapsed state changes
+     */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * Initial filter states for hydrating from external storage.
+     * These states are merged over definition defaults on mount.
+     * Use onFilterStateChanged to persist state changes externally.
+     */
+    initialFilterStates?: Map<string, FilterState>;
     /**
      * Show reset filters button in header
      */
@@ -443,6 +500,9 @@ interface FilterListProps<Q extends ObjectTypeDefinition> {
 
 declare function FilterList<Q extends ObjectTypeDefinition>(props: FilterListProps<Q>): React__default.ReactElement;
 
+declare function serializeFilterStates(states: Map<string, FilterState>): string;
+declare function deserializeFilterStates(json: string): Map<string, FilterState>;
+
 interface ColumnOption {
     id: string;
     name: string;
@@ -453,11 +513,11 @@ interface CellIdentifier {
     columnId: string;
 }
 interface CellEditInfo<TData extends RowData = unknown, CellValue = unknown> extends CellIdentifier {
-    newValue: CellValue;
-    oldValue: CellValue;
+    newValue: CellValue | null;
+    oldValue: CellValue | null;
     originalRowData: TData;
 }
-type EditMode = {
+type EditModeState = {
     type: "always";
     isActive: true;
 } | {
@@ -470,7 +530,10 @@ interface EditableConfig<TData extends RowData = unknown, CellValue = unknown> {
     onCellEdit: (cellId: string, info: CellEditInfo<TData, CellValue>) => void;
     onSubmitEdits?: () => Promise<boolean>;
     clearEdits: () => void;
-    editMode: EditMode;
+    editModeState: EditModeState;
+    onCellValidationError: (cellId: string, error: string) => void;
+    validationErrors: Map<string, string>;
+    clearCellValidationError: (cellId: string) => void;
 }
 
 type ColumnDefinition<Q extends ObjectOrInterfaceDefinition, RDPs extends Record<string, SimplePropertyDef> = Record<string, never>, FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<string, never>> = {
@@ -490,6 +553,13 @@ type ColumnDefinition<Q extends ObjectOrInterfaceDefinition, RDPs extends Record
     orderable?: boolean;
     filterable?: boolean;
     editable?: boolean;
+    /**
+     * Additional function to validate the cell value during edit
+     *
+     * @param value the current cell value
+     * @returns a promise that resolves to an error message string if validation fails, or undefined if validation succeeds
+     */
+    validateEdit?: (value: unknown) => Promise<string | undefined>;
     renderCell?: (object: Osdk.Instance<Q, "$allBaseProperties", PropertyKeys<Q>, RDPs>, locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>) => React.ReactNode;
     /**
      * If provided, this will be used in the column header.
@@ -752,11 +822,15 @@ declare module "@tanstack/react-table" {
         isVisible?: boolean;
         editable?: boolean;
         dataType?: string;
+        validateEdit?: (value: unknown) => Promise<string | undefined>;
     }
     interface TableMeta<TData extends RowData = unknown> {
         onCellEdit?: (cellId: string, info: CellEditInfo<TData, unknown>) => void;
+        onCellValidationError?: (cellId: string, error: string) => void;
+        clearCellValidationError?: (cellId: string) => void;
         cellEdits?: Record<string, CellEditInfo<TData, unknown>>;
         isInEditMode?: boolean;
+        validationErrors?: Map<string, string>;
     }
 }
 interface BaseTableProps<TData extends RowData> {
@@ -789,4 +863,4 @@ interface ColumnConfigDialogProps {
 }
 declare function ColumnConfigDialog({ isOpen, onClose, columnOptions, currentVisibility, currentColumnOrder, onApply, isValidConfig, }: ColumnConfigDialogProps): React__default.ReactElement | null;
 
-export { BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, ObjectTable, type ObjectTableProps, type PropertyFilterDefinition };
+export { BaseFilterList, type BaseFilterListProps, BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, ObjectTable, type ObjectTableProps, type PropertyFilterDefinition, type RenderFilterInput, deserializeFilterStates, serializeFilterStates };

package/build/esm/base-components/action-button/ActionButton.module.css

@@ -21,10 +21,6 @@
   font-size: var(--osdk-typography-size-body-medium);
   cursor: pointer;
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

package/build/esm/base-components/checkbox/Checkbox.module.css

@@ -55,10 +55,6 @@
     }
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));

package/build/esm/base-components/dialog/Dialog.module.css

@@ -36,10 +36,6 @@
   z-index: var(--osdk-surface-z-index-2);
   display: flex;
   flex-direction: column;
-
-  &:focus {
-    outline: none;
-  }
 }
 
 .header {
@@ -84,10 +80,6 @@
     background-color: var(--osdk-surface-background-color-default-hover);
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

package/build/esm/base-components/draggable-list/DraggableList.js

@@ -56,7 +56,8 @@ function DraggableListItem({
     className: styles.dragHandle,
     "aria-label": `Reorder ${item.label}`
   }, attributes, listeners), /*#__PURE__*/React.createElement(DragHandleVertical, {
-    className: styles.icon
+    className: styles.icon,
+    color: "currentColor"
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.itemContent
   }, renderContent ? renderContent(item) : item.label), onRemove && /*#__PURE__*/React.createElement(Button, {
@@ -64,7 +65,8 @@ function DraggableListItem({
     onClick: handleRemove,
     "aria-label": `Remove ${item.label}`
   }, /*#__PURE__*/React.createElement(RemoveIcon, {
-    className: styles.icon
+    className: styles.icon,
+    color: "currentColor"
   })));
 }
 export function DraggableList({

package/build/esm/base-components/draggable-list/DraggableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableList.js","names":["Button","DragHandleVertical","SmallCross","Trash","closestCenter","DndContext","BaseDndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","classNames","React","useCallback","useEffect","useMemo","useRef","styles","DraggableListItem","item","onRemove","removeIconVariant","renderContent","attributes","listeners","setNodeRef","transform","transition","isDragging","id","style","Transform","toString","handleRemove","RemoveIcon","createElement","ref","className","draggableItem","_extends","dragHandle","label","icon","itemContent","removeButton","onClick","DraggableList","items","onReorder","emptyMessage","itemIds","map","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","oldIndex","findIndex","newIndex","containerRef","useKeyboardEvents","draggableListContainer","collisionDetection","onDragEnd","strategy","key","length","emptyState","el","current","ARROW_KEYS","Set","handleCapture","has","querySelector","stopPropagation","document","dispatchEvent","KeyboardEvent","code","bubbles","addEventListener","removeEventListener"],"sources":["DraggableList.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 { Button } from \"@base-ui/react/button\";\nimport { DragHandleVertical, SmallCross, Trash } from \"@blueprintjs/icons\";\nimport {\n  closestCenter,\n  DndContext as BaseDndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classNames from \"classnames\";\nimport type { RefObject } from \"react\";\nimport React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport styles from \"./DraggableList.module.css\";\n\nexport interface DraggableItem {\n  id: string;\n  label: string;\n}\n\ntype RemoveIconVariant = \"trash\" | \"cross\";\n\ninterface DraggableListItemProps<T extends DraggableItem> {\n  item: T;\n  onRemove?: (id: string) => void;\n  removeIconVariant?: RemoveIconVariant;\n  renderContent?: (item: T) => React.ReactNode;\n}\n\nfunction DraggableListItem<T extends DraggableItem>({\n  item,\n  onRemove,\n  removeIconVariant = \"trash\",\n  renderContent,\n}: DraggableListItemProps<T>): React.ReactElement {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const handleRemove = useCallback(() => {\n    onRemove?.(item.id);\n  }, [item.id, onRemove]);\n\n  const RemoveIcon = removeIconVariant === \"trash\" ? Trash : SmallCross;\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={styles.draggableItem}\n      data-dragging={isDragging}\n    >\n      <div\n        className={styles.dragHandle}\n        aria-label={`Reorder ${item.label}`}\n        {...attributes}\n        {...listeners}\n      >\n        <DragHandleVertical className={styles.icon} />\n      </div>\n      <div className={styles.itemContent}>\n        {renderContent ? renderContent(item) : item.label}\n      </div>\n      {onRemove && (\n        <Button\n          className={styles.removeButton}\n          onClick={handleRemove}\n          aria-label={`Remove ${item.label}`}\n        >\n          <RemoveIcon className={styles.icon} />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport interface DraggableListProps<T extends DraggableItem> {\n  items: T[];\n  onReorder: (fromIndex: number, toIndex: number) => void;\n  onRemove: (id: string) => void;\n  removeIconVariant?: RemoveIconVariant;\n  renderContent?: (item: T) => React.ReactNode;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport function DraggableList<T extends DraggableItem>({\n  items,\n  onReorder,\n  onRemove,\n  removeIconVariant = \"cross\",\n  renderContent,\n  emptyMessage,\n  className,\n}: DraggableListProps<T>): React.ReactElement {\n  const itemIds = useMemo(() => items.map((item) => item.id), [items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (over && active.id !== over.id) {\n        const oldIndex = items.findIndex((item) => item.id === active.id);\n        const newIndex = items.findIndex((item) => item.id === over.id);\n        onReorder(oldIndex, newIndex);\n      }\n    },\n    [items, onReorder],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useKeyboardEvents(containerRef);\n\n  // TODO: Revert when @types/react is fixed\n  const DndContext = BaseDndContext as any;\n\n  return (\n    <div\n      ref={containerRef}\n      className={classNames(styles.draggableListContainer, className)}\n    >\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={itemIds}\n          strategy={verticalListSortingStrategy}\n        >\n          {items.map((item) => (\n            <DraggableListItem<T>\n              key={item.id}\n              item={item}\n              onRemove={onRemove}\n              removeIconVariant={removeIconVariant}\n              renderContent={renderContent}\n            />\n          ))}\n        </SortableContext>\n      </DndContext>\n      {items.length === 0 && emptyMessage && (\n        <div className={styles.emptyState}>{emptyMessage}</div>\n      )}\n    </div>\n  );\n}\n\nconst useKeyboardEvents = (containerRef: RefObject<HTMLDivElement>) => {\n  // Base UI's DialogPopup calls stopPropagation on arrow key events, which\n  // prevents them from reaching @dnd-kit's document-level KeyboardSensor\n  // listener. We use a native capture-phase listener to intercept arrow keys\n  // before the dialog can swallow them, and re-dispatch them on the document\n  // so @dnd-kit can process keyboard-driven reordering.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el == null) {\n      return;\n    }\n\n    const ARROW_KEYS = new Set([\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n    ]);\n\n    function handleCapture(event: KeyboardEvent) {\n      if (!ARROW_KEYS.has(event.key)) {\n        return;\n      }\n\n      // Only intercept when a drag is active (an item has [data-dragging=\"true\"])\n      if (el!.querySelector(\"[data-dragging=\\\"true\\\"]\") == null) {\n        return;\n      }\n\n      event.stopPropagation();\n\n      document.dispatchEvent(\n        new KeyboardEvent(\"keydown\", {\n          key: event.key,\n          code: event.code,\n          bubbles: true,\n        }),\n      );\n    }\n\n    el.addEventListener(\"keydown\", handleCapture, true);\n    return () => el.removeEventListener(\"keydown\", handleCapture, true);\n  }, [containerRef]);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DraggableList.js","names":["Button","DragHandleVertical","SmallCross","Trash","closestCenter","DndContext","BaseDndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","classNames","React","useCallback","useEffect","useMemo","useRef","styles","DraggableListItem","item","onRemove","removeIconVariant","renderContent","attributes","listeners","setNodeRef","transform","transition","isDragging","id","style","Transform","toString","handleRemove","RemoveIcon","createElement","ref","className","draggableItem","_extends","dragHandle","label","icon","color","itemContent","removeButton","onClick","DraggableList","items","onReorder","emptyMessage","itemIds","map","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","oldIndex","findIndex","newIndex","containerRef","useKeyboardEvents","draggableListContainer","collisionDetection","onDragEnd","strategy","key","length","emptyState","el","current","ARROW_KEYS","Set","handleCapture","has","querySelector","stopPropagation","document","dispatchEvent","KeyboardEvent","code","bubbles","addEventListener","removeEventListener"],"sources":["DraggableList.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 { Button } from \"@base-ui/react/button\";\nimport { DragHandleVertical, SmallCross, Trash } from \"@blueprintjs/icons\";\nimport {\n  closestCenter,\n  DndContext as BaseDndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classNames from \"classnames\";\nimport type { RefObject } from \"react\";\nimport React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport styles from \"./DraggableList.module.css\";\n\nexport interface DraggableItem {\n  id: string;\n  label: string;\n}\n\ntype RemoveIconVariant = \"trash\" | \"cross\";\n\ninterface DraggableListItemProps<T extends DraggableItem> {\n  item: T;\n  onRemove?: (id: string) => void;\n  removeIconVariant?: RemoveIconVariant;\n  renderContent?: (item: T) => React.ReactNode;\n}\n\nfunction DraggableListItem<T extends DraggableItem>({\n  item,\n  onRemove,\n  removeIconVariant = \"trash\",\n  renderContent,\n}: DraggableListItemProps<T>): React.ReactElement {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const handleRemove = useCallback(() => {\n    onRemove?.(item.id);\n  }, [item.id, onRemove]);\n\n  const RemoveIcon = removeIconVariant === \"trash\" ? Trash : SmallCross;\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={styles.draggableItem}\n      data-dragging={isDragging}\n    >\n      <div\n        className={styles.dragHandle}\n        aria-label={`Reorder ${item.label}`}\n        {...attributes}\n        {...listeners}\n      >\n        <DragHandleVertical className={styles.icon} color={\"currentColor\"} />\n      </div>\n      <div className={styles.itemContent}>\n        {renderContent ? renderContent(item) : item.label}\n      </div>\n      {onRemove && (\n        <Button\n          className={styles.removeButton}\n          onClick={handleRemove}\n          aria-label={`Remove ${item.label}`}\n        >\n          <RemoveIcon className={styles.icon} color={\"currentColor\"} />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport interface DraggableListProps<T extends DraggableItem> {\n  items: T[];\n  onReorder: (fromIndex: number, toIndex: number) => void;\n  onRemove: (id: string) => void;\n  removeIconVariant?: RemoveIconVariant;\n  renderContent?: (item: T) => React.ReactNode;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport function DraggableList<T extends DraggableItem>({\n  items,\n  onReorder,\n  onRemove,\n  removeIconVariant = \"cross\",\n  renderContent,\n  emptyMessage,\n  className,\n}: DraggableListProps<T>): React.ReactElement {\n  const itemIds = useMemo(() => items.map((item) => item.id), [items]);\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (over && active.id !== over.id) {\n        const oldIndex = items.findIndex((item) => item.id === active.id);\n        const newIndex = items.findIndex((item) => item.id === over.id);\n        onReorder(oldIndex, newIndex);\n      }\n    },\n    [items, onReorder],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useKeyboardEvents(containerRef);\n\n  // TODO: Revert when @types/react is fixed\n  const DndContext = BaseDndContext as any;\n\n  return (\n    <div\n      ref={containerRef}\n      className={classNames(styles.draggableListContainer, className)}\n    >\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={itemIds}\n          strategy={verticalListSortingStrategy}\n        >\n          {items.map((item) => (\n            <DraggableListItem<T>\n              key={item.id}\n              item={item}\n              onRemove={onRemove}\n              removeIconVariant={removeIconVariant}\n              renderContent={renderContent}\n            />\n          ))}\n        </SortableContext>\n      </DndContext>\n      {items.length === 0 && emptyMessage && (\n        <div className={styles.emptyState}>{emptyMessage}</div>\n      )}\n    </div>\n  );\n}\n\nconst useKeyboardEvents = (containerRef: RefObject<HTMLDivElement>) => {\n  // Base UI's DialogPopup calls stopPropagation on arrow key events, which\n  // prevents them from reaching @dnd-kit's document-level KeyboardSensor\n  // listener. We use a native capture-phase listener to intercept arrow keys\n  // before the dialog can swallow them, and re-dispatch them on the document\n  // so @dnd-kit can process keyboard-driven reordering.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el == null) {\n      return;\n    }\n\n    const ARROW_KEYS = new Set([\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n    ]);\n\n    function handleCapture(event: KeyboardEvent) {\n      if (!ARROW_KEYS.has(event.key)) {\n        return;\n      }\n\n      // Only intercept when a drag is active (an item has [data-dragging=\"true\"])\n      if (el!.querySelector(\"[data-dragging=\\\"true\\\"]\") == null) {\n        return;\n      }\n\n      event.stopPropagation();\n\n      document.dispatchEvent(\n        new KeyboardEvent(\"keydown\", {\n          key: event.key,\n          code: event.code,\n          bubbles: true,\n        }),\n      );\n    }\n\n    el.addEventListener(\"keydown\", handleCapture, true);\n    return () => el.removeEventListener(\"keydown\", handleCapture, true);\n  }, [containerRef]);\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/base-components/draggable-list/DraggableList.module.css

@@ -51,10 +51,6 @@
     cursor: var(--osdk-drag-handle-cursor-active);
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);
@@ -90,10 +86,6 @@
     );
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

package/build/esm/base-components/tooltip/Tooltip.js

@@ -0,0 +1,91 @@
+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 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 { Tooltip as BaseUITooltip } from "@base-ui/react/tooltip";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Tooltip.module.css";
+function TooltipRoot({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Root, rest, children);
+}
+function TooltipProvider({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Provider, rest, children);
+}
+function TooltipTrigger({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Trigger, _extends({
+    className: classnames(styles.osdkTooltipTrigger, className)
+  }, rest), children);
+}
+function TooltipPositioner({
+  className,
+  children,
+  sideOffset = 4,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Positioner, _extends({
+    className: classnames(styles.osdkTooltipPositioner, className),
+    sideOffset: sideOffset
+  }, rest), children);
+}
+function TooltipPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Popup, _extends({
+    className: classnames(styles.osdkTooltipPopup, className)
+  }, rest), children);
+}
+export function TooltipArrow() {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Arrow, {
+    className: styles.osdkTooltipArrow
+  }, /*#__PURE__*/React.createElement(ArrowSvg, null));
+}
+function ArrowSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "20",
+    height: "10",
+    viewBox: "0 0 20 10",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+    className: styles.tooltipArrowFill
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+    className: styles.tooltipArrowOuterStroke
+  }));
+}
+export const Tooltip = {
+  Root: TooltipRoot,
+  Provider: TooltipProvider,
+  Trigger: TooltipTrigger,
+  Portal: BaseUITooltip.Portal,
+  Positioner: TooltipPositioner,
+  Popup: TooltipPopup,
+  Arrow: TooltipArrow
+};
+//# sourceMappingURL=Tooltip.js.map

package/build/esm/base-components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip","BaseUITooltip","classnames","React","styles","TooltipRoot","children","rest","createElement","Root","TooltipProvider","Provider","TooltipTrigger","className","Trigger","_extends","osdkTooltipTrigger","TooltipPositioner","sideOffset","Positioner","osdkTooltipPositioner","TooltipPopup","Popup","osdkTooltipPopup","TooltipArrow","Arrow","osdkTooltipArrow","ArrowSvg","props","width","height","viewBox","fill","d","tooltipArrowFill","tooltipArrowOuterStroke","Portal"],"sources":["Tooltip.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 {\n  Tooltip as BaseUITooltip,\n  type TooltipPopupProps,\n  type TooltipPositionerProps,\n  type TooltipProviderProps,\n  type TooltipRootProps,\n  type TooltipTriggerProps,\n} from \"@base-ui/react/tooltip\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Tooltip.module.css\";\n\nexport interface TooltipProps extends Omit<TooltipRootProps, \"className\"> {}\n\nfunction TooltipRoot({\n  children,\n  ...rest\n}: TooltipProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Root {...rest}>\n      {children}\n    </BaseUITooltip.Root>\n  );\n}\n\ninterface TooltipProviderComponentProps\n  extends Omit<TooltipProviderProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipProvider({\n  children,\n  ...rest\n}: TooltipProviderComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Provider\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Provider>\n  );\n}\n\ninterface TooltipTriggerComponentProps\n  extends Omit<TooltipTriggerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipTrigger({\n  className,\n  children,\n  ...rest\n}: TooltipTriggerComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Trigger\n      className={classnames(styles.osdkTooltipTrigger, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Trigger>\n  );\n}\n\ninterface TooltipPositionerComponentProps\n  extends Omit<TooltipPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipPositioner({\n  className,\n  children,\n  sideOffset = 4,\n  ...rest\n}: TooltipPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Positioner\n      className={classnames(styles.osdkTooltipPositioner, className)}\n      sideOffset={sideOffset}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Positioner>\n  );\n}\n\ninterface TooltipPopupComponentProps\n  extends Omit<TooltipPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipPopup({\n  className,\n  children,\n  ...rest\n}: TooltipPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Popup\n      className={classnames(styles.osdkTooltipPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Popup>\n  );\n}\n\nexport function TooltipArrow(): React.ReactElement {\n  return (\n    <BaseUITooltip.Arrow className={styles.osdkTooltipArrow}>\n      <ArrowSvg />\n    </BaseUITooltip.Arrow>\n  );\n}\n\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className={styles.tooltipArrowFill}\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className={styles.tooltipArrowOuterStroke}\n      />\n    </svg>\n  );\n}\n\nexport const Tooltip: {\n  Root: typeof TooltipRoot;\n  Provider: typeof TooltipProvider;\n  Trigger: typeof TooltipTrigger;\n  Portal: typeof BaseUITooltip.Portal;\n  Positioner: typeof TooltipPositioner;\n  Popup: typeof TooltipPopup;\n  Arrow: typeof TooltipArrow;\n} = {\n  Root: TooltipRoot,\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Portal: BaseUITooltip.Portal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/base-components/tooltip/Tooltip.module.css

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+.osdkTooltipTrigger {
+  border: none;
+  background: inherit;
+}
+
+.osdkTooltipPositioner {
+  z-index: var(--osdk-tooltip-z-index);
+}
+
+.osdkTooltipPopup {
+  padding: var(--osdk-tooltip-padding);
+  background-color: var(--osdk-tooltip-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-tooltip-shadow);
+  max-width: var(--osdk-tooltip-max-width);
+  font-size: var(--osdk-tooltip-font-size);
+}
+
+/* 
+ * Hardcoded values are copied from base ui example 
+ * https://base-ui.com/react/components/tooltip 
+ *
+ * */
+.osdkTooltipArrow {
+  display: flex;
+
+  &[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  &[data-side="bottom"] {
+    top: -8px;
+    rotate: 0deg;
+  }
+
+  &[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  &[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+}
+
+.tooltipArrowFill {
+  fill: var(--osdk-tooltip-bg);
+}
+
+.tooltipArrowOuterStroke {
+  fill: var(--osdk-tooltip-border-color);
+}

package/build/esm/base-components/tooltip/index.js

@@ -0,0 +1,18 @@
+/*
+ * 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.
+ */
+
+export { Tooltip, TooltipArrow } from "./Tooltip.js";
+//# sourceMappingURL=index.js.map

package/build/esm/base-components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Tooltip","TooltipArrow"],"sources":["index.ts"],"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\nexport { Tooltip, TooltipArrow, type TooltipProps } from \"./Tooltip.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,EAAEC,YAAY,QAA2B,cAAc","ignoreList":[]}

package/build/esm/filter-list/FilterInput.js

@@ -0,0 +1,132 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { memo, useCallback } from "react";
+import { ContainsTextInput } from "./base/inputs/ContainsTextInput.js";
+import { ToggleInput } from "./base/inputs/ToggleInput.js";
+import { LinkedPropertyInput } from "./inputs/LinkedPropertyInput.js";
+import { PropertyFilterInput } from "./inputs/PropertyFilterInput.js";
+function FilterInputInner({
+  objectType,
+  objectSet,
+  definition,
+  filterState,
+  onFilterStateChanged,
+  whereClause
+}) {
+  return /*#__PURE__*/React.createElement(FilterInputContent, {
+    objectType: objectType,
+    objectSet: objectSet,
+    definition: definition,
+    filterState: filterState,
+    onFilterStateChanged: onFilterStateChanged,
+    whereClause: whereClause
+  });
+}
+export const FilterInput = /*#__PURE__*/memo(FilterInputInner);
+function FilterInputContent({
+  objectType,
+  objectSet,
+  definition,
+  filterState,
+  onFilterStateChanged,
+  whereClause
+}) {
+  switch (definition.type) {
+    case "HAS_LINK":
+      return /*#__PURE__*/React.createElement(HasLinkInput, {
+        filterState: filterState,
+        onFilterStateChanged: onFilterStateChanged
+      });
+    case "LINKED_PROPERTY":
+      return /*#__PURE__*/React.createElement(LinkedPropertyInput, {
+        objectSet: objectSet,
+        definition: definition,
+        filterState: filterState,
+        onFilterStateChanged: onFilterStateChanged
+      });
+    case "KEYWORD_SEARCH":
+      return /*#__PURE__*/React.createElement(KeywordSearchInput, {
+        filterState: filterState,
+        onFilterStateChanged: onFilterStateChanged,
+        placeholder: definition.label ?? "Search..."
+      });
+    case "CUSTOM":
+      {
+        if (!definition.renderInput) {
+          return /*#__PURE__*/React.createElement("div", {
+            "data-unsupported": "true"
+          }, "Custom filter missing renderInput");
+        }
+        const customFilterState = filterState?.type === "custom" ? filterState : definition.filterState;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, definition.renderInput({
+          objectSet,
+          filterState: customFilterState,
+          onFilterStateChanged: state => onFilterStateChanged(state)
+        }));
+      }
+    case "PROPERTY":
+      return /*#__PURE__*/React.createElement(PropertyFilterInput, {
+        objectType: objectType,
+        objectSet: objectSet,
+        definition: definition,
+        filterState: filterState,
+        onFilterStateChanged: onFilterStateChanged,
+        whereClause: whereClause
+      });
+    default:
+      return /*#__PURE__*/React.createElement("div", {
+        "data-unsupported": "true"
+      }, "Unsupported filter type");
+  }
+}
+const HasLinkInput = /*#__PURE__*/memo(function ({
+  filterState,
+  onFilterStateChanged
+}) {
+  const hasLink = filterState?.type === "hasLink" ? filterState.hasLink : false;
+  const handleChange = useCallback(hasLink => {
+    onFilterStateChanged({
+      type: "hasLink",
+      hasLink
+    });
+  }, [onFilterStateChanged]);
+  return /*#__PURE__*/React.createElement(ToggleInput, {
+    enabled: hasLink,
+    onChange: handleChange
+  });
+});
+const KeywordSearchInput = /*#__PURE__*/memo(function ({
+  filterState,
+  onFilterStateChanged,
+  placeholder
+}) {
+  const searchTerm = filterState?.type === "keywordSearch" ? filterState.searchTerm : undefined;
+  const operator = filterState?.type === "keywordSearch" ? filterState.operator : "AND";
+  const handleChange = useCallback(newSearchTerm => {
+    onFilterStateChanged({
+      type: "keywordSearch",
+      searchTerm: newSearchTerm ?? "",
+      operator
+    });
+  }, [onFilterStateChanged, operator]);
+  return /*#__PURE__*/React.createElement(ContainsTextInput, {
+    value: searchTerm,
+    onChange: handleChange,
+    placeholder: placeholder
+  });
+});
+//# sourceMappingURL=FilterInput.js.map