@osdk/react-components 0.2.0-beta.14 → 0.2.0-beta.16

package/build/browser/filter-list/base/BaseFilterListApi.js

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

package/build/browser/filter-list/base/BaseFilterListApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterListApi.js","names":[],"sources":["BaseFilterListApi.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 React from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\n\nexport type RenderFilterInput<D> = (props: {\n  definition: D;\n  filterKey: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n}) => React.ReactNode;\n\nexport interface BaseFilterListProps<D> {\n  filterDefinitions?: Array<D>;\n  filterStates: Map<string, FilterState>;\n  onFilterStateChanged: (filterKey: string, state: FilterState) => void;\n  renderInput: RenderFilterInput<D>;\n  getFilterKey: (definition: D) => string;\n  getFilterLabel: (definition: D) => string;\n  activeFilterCount: number;\n  onReset?: () => void;\n  onFilterAdded?: () => void;\n  onFilterRemoved?: (filterKey: string) => void;\n\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  title?: string;\n  titleIcon?: React.ReactNode;\n  showResetButton?: boolean;\n  showActiveFilterCount?: boolean;\n  enableSorting?: boolean;\n  className?: string;\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/browser/filter-list/base/FilterIcons.js

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+export function IncludeIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }));
+}
+export function ExcludeIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3 14L13 2",
+    strokeLinecap: "round"
+  }));
+}
+export function RemoveIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M4 4l8 8M12 4l-8 8",
+    strokeLinecap: "round"
+  }));
+}
+//# sourceMappingURL=FilterIcons.js.map

package/build/browser/filter-list/base/FilterIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterIcons.js","names":["React","IncludeIcon","createElement","width","height","viewBox","fill","stroke","strokeWidth","d","strokeLinecap","ExcludeIcon","RemoveIcon"],"sources":["FilterIcons.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 React from \"react\";\n\nexport function IncludeIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M2 3h12M5 8h6M7 13h2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function ExcludeIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M2 3h12M5 8h6M7 13h2\" strokeLinecap=\"round\" />\n      <path d=\"M3 14L13 2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function RemoveIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M4 4l8 8M12 4l-8 8\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,WAAWA,CAAA,EAAuB;EAChD,oBACED,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjB,eAAY;EAAM,gBAElBR,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,sBAAsB;IAACC,aAAa,EAAC;EAAO,CAAE,CACnD,CAAC;AAEV;AAEA,OAAO,SAASC,WAAWA,CAAA,EAAuB;EAChD,oBACEX,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjB,eAAY;EAAM,gBAElBR,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,sBAAsB;IAACC,aAAa,EAAC;EAAO,CAAE,CAAC,eACvDV,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,YAAY;IAACC,aAAa,EAAC;EAAO,CAAE,CACzC,CAAC;AAEV;AAEA,OAAO,SAASE,UAAUA,CAAA,EAAuB;EAC/C,oBACEZ,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjB,eAAY;EAAM,gBAElBR,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,oBAAoB;IAACC,aAAa,EAAC;EAAO,CAAE,CACjD,CAAC;AAEV","ignoreList":[]}

package/build/browser/filter-list/base/FilterList.module.css

@@ -24,13 +24,34 @@
   gap: var(--osdk-filter-list-gap);
 }
 
+.contentWrapper {
+  display: grid;
+  grid-template-rows: 1fr;
+  transition: grid-template-rows var(--osdk-filter-list-collapse-transition);
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.contentWrapper[data-collapsed="true"] {
+  grid-template-rows: 0fr;
+}
+
+.contentInner {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-list-gap);
+}
+
 .addButtonContainer {
   display: flex;
   justify-content: center;
   position: sticky;
   bottom: 0;
   padding-top: var(--osdk-filter-list-addButton-padding-top);
-  background: var(--osdk-filter-list-addButton-container-bg, var(--osdk-filter-list-bg));
+  background: var(--osdk-filter-list-addButton-container-bg);
 }
 
 .addButtonContainer > * {

package/build/browser/filter-list/base/FilterList.module.css.js

@@ -1,6 +1,8 @@
 // CSS Module proxy for FilterList.module.css
 const styles = {
   "filterList": "FilterList-module__filterList___wmzCNbkH",
+  "contentWrapper": "FilterList-module__contentWrapper___Y8k76Dtw",
+  "contentInner": "FilterList-module__contentInner___5St4fWIE",
   "addButtonContainer": "FilterList-module__addButtonContainer___kq300FEV",
   "addButton": "FilterList-module__addButton___oD4yvwyZ"
 };

package/build/browser/filter-list/base/FilterListContent.js

@@ -18,8 +18,6 @@ import { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor,
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import classnames from "classnames";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { getFilterKey } from "../utils/getFilterKey.js";
-import { getFilterLabel } from "../utils/getFilterLabel.js";
 import styles from "./FilterListContent.module.css.js";
 import { FilterListItem } from "./FilterListItem.js";
 import { SortableFilterListItem } from "./SortableFilterListItem.js";
@@ -34,12 +32,13 @@ const POINTER_ACTIVATION_CONSTRAINT = {
 };
 const MODIFIERS = [restrictToVerticalAxis];
 export function FilterListContent({
-  objectType,
-  objectSet,
   filterDefinitions,
   filterStates,
   onFilterStateChanged,
-  whereClause,
+  onFilterRemoved,
+  renderInput,
+  getFilterKey,
+  getFilterLabel,
   enableSorting,
   className,
   style
@@ -52,7 +51,7 @@ export function FilterListContent({
     }
   }, [filterDefinitions]);
   const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;
-  const sortableIds = useMemo(() => enableSorting ? internalOrder.map(def => getFilterKey(def)) : [], [enableSorting, internalOrder]);
+  const sortableIds = useMemo(() => enableSorting ? internalOrder.map(def => getFilterKey(def)) : [], [enableSorting, internalOrder, getFilterKey]);
   const pointerSensor = useSensor(PointerSensor, {
     activationConstraint: POINTER_ACTIVATION_CONSTRAINT
   });
@@ -62,7 +61,7 @@ export function FilterListContent({
   const sensors = useSensors(pointerSensor, keyboardSensor);
   const activeIndex = activeId != null ? sortableIds.indexOf(String(activeId)) : -1;
   const activeDefinition = activeIndex >= 0 ? internalOrder[activeIndex] : undefined;
-  const activeFilterKey = useMemo(() => activeDefinition ? getFilterKey(activeDefinition) : undefined, [activeDefinition]);
+  const activeFilterKey = useMemo(() => activeDefinition ? getFilterKey(activeDefinition) : undefined, [activeDefinition, getFilterKey]);
   const handleDragStart = useCallback(event => {
     setActiveId(event.active.id);
   }, []);
@@ -123,7 +122,10 @@ export function FilterListContent({
       const label = def ? getFilterLabel(def) : "filter";
       return `Cancelled dragging ${label} filter`;
     }
-  }), [internalOrder, sortableIds]);
+  }), [internalOrder, sortableIds, getFilterLabel]);
+  const accessibility = useMemo(() => ({
+    announcements
+  }), [announcements]);
   if (!renderDefinitions || renderDefinitions.length === 0) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.content, className),
@@ -142,38 +144,37 @@ export function FilterListContent({
       onDragStart: handleDragStart,
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
-      accessibility: {
-        announcements
-      }
+      accessibility: accessibility
     }, /*#__PURE__*/React.createElement(SortableContext, {
       items: sortableIds,
       strategy: verticalListSortingStrategy
     }, internalOrder.map((definition, index) => {
       const id = sortableIds[index];
       const filterKey = getFilterKey(definition);
+      const label = getFilterLabel(definition);
       const state = filterStates.get(filterKey);
       return /*#__PURE__*/React.createElement(SortableFilterListItem, {
         key: id,
         id: id,
-        objectType: objectType,
-        objectSet: objectSet,
         definition: definition,
         filterKey: filterKey,
+        label: label,
         filterState: state,
         onFilterStateChanged: onFilterStateChanged,
-        whereClause: whereClause
+        onFilterRemoved: onFilterRemoved,
+        renderInput: renderInput
       });
     })), /*#__PURE__*/React.createElement(DragOverlay, {
       dropAnimation: null,
       className: styles.dragOverlay
     }, activeDefinition && activeFilterKey && /*#__PURE__*/React.createElement(FilterListItem, {
-      objectType: objectType,
-      objectSet: objectSet,
       definition: activeDefinition,
       filterKey: activeFilterKey,
+      label: getFilterLabel(activeDefinition),
       filterState: filterStates.get(activeFilterKey),
       onFilterStateChanged: onFilterStateChanged,
-      whereClause: whereClause
+      onFilterRemoved: onFilterRemoved,
+      renderInput: renderInput
     }))));
   }
   return /*#__PURE__*/React.createElement("div", {
@@ -184,13 +185,13 @@ export function FilterListContent({
     const state = filterStates.get(filterKey);
     return /*#__PURE__*/React.createElement(FilterListItem, {
       key: filterKey,
-      objectType: objectType,
-      objectSet: objectSet,
       definition: definition,
       filterKey: filterKey,
+      label: getFilterLabel(definition),
       filterState: state,
       onFilterStateChanged: onFilterStateChanged,
-      whereClause: whereClause
+      onFilterRemoved: onFilterRemoved,
+      renderInput: renderInput
     });
   }));
 }

package/build/browser/filter-list/base/FilterListContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListContent.js","names":["closestCenter","DndContext","DragOverlay","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","classnames","React","useCallback","useEffect","useMemo","useState","getFilterKey","getFilterLabel","styles","FilterListItem","SortableFilterListItem","restrictToVerticalAxis","transform","x","POINTER_ACTIVATION_CONSTRAINT","distance","MODIFIERS","FilterListContent","objectType","objectSet","filterDefinitions","filterStates","onFilterStateChanged","whereClause","enableSorting","className","style","internalOrder","setInternalOrder","activeId","setActiveId","renderDefinitions","sortableIds","map","def","pointerSensor","activationConstraint","keyboardSensor","coordinateGetter","sensors","activeIndex","indexOf","String","activeDefinition","undefined","activeFilterKey","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","newIndex","handleDragCancel","announcements","onDragStart","idx","label","onDragOver","overIdx","length","onDragEnd","onDragCancel","createElement","content","collisionDetection","modifiers","accessibility","items","strategy","definition","index","filterKey","state","get","key","filterState","dropAnimation","dragOverlay"],"sources":["FilterListContent.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 {\n  Announcements,\n  DragEndEvent,\n  DragStartEvent,\n  Modifier,\n  UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport type { ObjectSet, ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { FilterDefinitionUnion } from \"../FilterListApi.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { getFilterKey } from \"../utils/getFilterKey.js\";\nimport { getFilterLabel } from \"../utils/getFilterLabel.js\";\nimport styles from \"./FilterListContent.module.css\";\nimport { FilterListItem } from \"./FilterListItem.js\";\nimport { SortableFilterListItem } from \"./SortableFilterListItem.js\";\n\nconst restrictToVerticalAxis: Modifier = ({ transform }) => ({\n  ...transform,\n  x: 0,\n});\n\nconst POINTER_ACTIVATION_CONSTRAINT = { distance: 8 } as const;\nconst MODIFIERS: Modifier[] = [restrictToVerticalAxis];\n\ninterface FilterListContentProps<Q extends ObjectTypeDefinition> {\n  objectType: Q;\n  objectSet: ObjectSet<Q>;\n  filterDefinitions?: Array<FilterDefinitionUnion<Q>>;\n  filterStates: Map<string, FilterState>;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  whereClause: WhereClause<Q>;\n  enableSorting?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function FilterListContent<Q extends ObjectTypeDefinition>({\n  objectType,\n  objectSet,\n  filterDefinitions,\n  filterStates,\n  onFilterStateChanged,\n  whereClause,\n  enableSorting,\n  className,\n  style,\n}: FilterListContentProps<Q>): React.ReactElement {\n  const [internalOrder, setInternalOrder] = useState<\n    Array<FilterDefinitionUnion<Q>>\n  >(() => filterDefinitions ?? []);\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  useEffect(() => {\n    if (filterDefinitions) {\n      setInternalOrder(filterDefinitions);\n    }\n  }, [filterDefinitions]);\n\n  const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;\n\n  const sortableIds = useMemo(\n    () =>\n      enableSorting\n        ? internalOrder.map((def) => getFilterKey(def))\n        : [],\n    [enableSorting, internalOrder],\n  );\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: POINTER_ACTIVATION_CONSTRAINT,\n  });\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    coordinateGetter: sortableKeyboardCoordinates,\n  });\n  const sensors = useSensors(pointerSensor, keyboardSensor);\n\n  const activeIndex = activeId != null\n    ? sortableIds.indexOf(String(activeId))\n    : -1;\n  const activeDefinition = activeIndex >= 0\n    ? internalOrder[activeIndex]\n    : undefined;\n\n  const activeFilterKey = useMemo(\n    () => activeDefinition ? getFilterKey(activeDefinition) : undefined,\n    [activeDefinition],\n  );\n\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    setActiveId(event.active.id);\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      setActiveId(null);\n      const { active, over } = event;\n      if (!over || active.id === over.id) {\n        return;\n      }\n      const oldIndex = sortableIds.indexOf(String(active.id));\n      const newIndex = sortableIds.indexOf(String(over.id));\n      if (oldIndex !== -1 && newIndex !== -1) {\n        setInternalOrder(arrayMove(internalOrder, oldIndex, newIndex));\n      }\n    },\n    [internalOrder, sortableIds],\n  );\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const announcements = useMemo<Announcements>(\n    () => ({\n      onDragStart({ active }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Picked up ${label} filter`;\n      },\n      onDragOver({ over }) {\n        if (!over) {\n          return \"Not over a droppable area\";\n        }\n        const overIdx = sortableIds.indexOf(String(over.id));\n        return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;\n      },\n      onDragEnd({ active, over }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        if (over && active.id !== over.id) {\n          const overIdx = sortableIds.indexOf(String(over.id));\n          return `Dropped ${label} filter at position ${overIdx + 1}`;\n        }\n        return `Dropped ${label} filter back in its original position`;\n      },\n      onDragCancel({ active }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Cancelled dragging ${label} filter`;\n      },\n    }),\n    [internalOrder, sortableIds],\n  );\n\n  if (!renderDefinitions || renderDefinitions.length === 0) {\n    return (\n      <div\n        className={classnames(styles.content, className)}\n        style={style}\n        data-empty=\"true\"\n      />\n    );\n  }\n\n  if (enableSorting) {\n    return (\n      <div\n        className={classnames(styles.content, className)}\n        style={style}\n      >\n        <DndContext\n          sensors={sensors}\n          collisionDetection={closestCenter}\n          modifiers={MODIFIERS}\n          onDragStart={handleDragStart}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n          accessibility={{ announcements }}\n        >\n          <SortableContext\n            items={sortableIds}\n            strategy={verticalListSortingStrategy}\n          >\n            {internalOrder.map((definition, index) => {\n              const id = sortableIds[index];\n              const filterKey = getFilterKey(definition);\n              const state = filterStates.get(filterKey);\n\n              return (\n                <SortableFilterListItem\n                  key={id}\n                  id={id}\n                  objectType={objectType}\n                  objectSet={objectSet}\n                  definition={definition}\n                  filterKey={filterKey}\n                  filterState={state}\n                  onFilterStateChanged={onFilterStateChanged}\n                  whereClause={whereClause}\n                />\n              );\n            })}\n          </SortableContext>\n\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.dragOverlay}\n          >\n            {activeDefinition && activeFilterKey && (\n              <FilterListItem\n                objectType={objectType}\n                objectSet={objectSet}\n                definition={activeDefinition}\n                filterKey={activeFilterKey}\n                filterState={filterStates.get(activeFilterKey)}\n                onFilterStateChanged={onFilterStateChanged}\n                whereClause={whereClause}\n              />\n            )}\n          </DragOverlay>\n        </DndContext>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classnames(styles.content, className)}\n      style={style}\n    >\n      {renderDefinitions.map((definition) => {\n        const filterKey = getFilterKey(definition);\n        const state = filterStates.get(filterKey);\n\n        return (\n          <FilterListItem\n            key={filterKey}\n            objectType={objectType}\n            objectSet={objectSet}\n            definition={definition}\n            filterKey={filterKey}\n            filterState={state}\n            onFilterStateChanged={onFilterStateChanged}\n            whereClause={whereClause}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilterListContent.js","names":["closestCenter","DndContext","DragOverlay","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","classnames","React","useCallback","useEffect","useMemo","useState","styles","FilterListItem","SortableFilterListItem","restrictToVerticalAxis","transform","x","POINTER_ACTIVATION_CONSTRAINT","distance","MODIFIERS","FilterListContent","filterDefinitions","filterStates","onFilterStateChanged","onFilterRemoved","renderInput","getFilterKey","getFilterLabel","enableSorting","className","style","internalOrder","setInternalOrder","activeId","setActiveId","renderDefinitions","sortableIds","map","def","pointerSensor","activationConstraint","keyboardSensor","coordinateGetter","sensors","activeIndex","indexOf","String","activeDefinition","undefined","activeFilterKey","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","newIndex","handleDragCancel","announcements","onDragStart","idx","label","onDragOver","overIdx","length","onDragEnd","onDragCancel","accessibility","createElement","content","collisionDetection","modifiers","items","strategy","definition","index","filterKey","state","get","key","filterState","dropAnimation","dragOverlay"],"sources":["FilterListContent.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 {\n  Announcements,\n  DragEndEvent,\n  DragStartEvent,\n  Modifier,\n  UniqueIdentifier,\n} from \"@dnd-kit/core\";\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport styles from \"./FilterListContent.module.css\";\nimport { FilterListItem } from \"./FilterListItem.js\";\nimport { SortableFilterListItem } from \"./SortableFilterListItem.js\";\n\nconst restrictToVerticalAxis: Modifier = ({ transform }) => ({\n  ...transform,\n  x: 0,\n});\n\nconst POINTER_ACTIVATION_CONSTRAINT = { distance: 8 } as const;\nconst MODIFIERS: Modifier[] = [restrictToVerticalAxis];\n\ninterface FilterListContentProps<D> {\n  filterDefinitions?: Array<D>;\n  filterStates: Map<string, FilterState>;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  onFilterRemoved?: (filterKey: string) => void;\n  renderInput: RenderFilterInput<D>;\n  getFilterKey: (definition: D) => string;\n  getFilterLabel: (definition: D) => string;\n  enableSorting?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function FilterListContent<D>({\n  filterDefinitions,\n  filterStates,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n  getFilterKey,\n  getFilterLabel,\n  enableSorting,\n  className,\n  style,\n}: FilterListContentProps<D>): React.ReactElement {\n  const [internalOrder, setInternalOrder] = useState<Array<D>>(\n    () => filterDefinitions ?? [],\n  );\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  useEffect(() => {\n    if (filterDefinitions) {\n      setInternalOrder(filterDefinitions);\n    }\n  }, [filterDefinitions]);\n\n  const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;\n\n  const sortableIds = useMemo(\n    () =>\n      enableSorting\n        ? internalOrder.map((def) => getFilterKey(def))\n        : [],\n    [enableSorting, internalOrder, getFilterKey],\n  );\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: POINTER_ACTIVATION_CONSTRAINT,\n  });\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    coordinateGetter: sortableKeyboardCoordinates,\n  });\n  const sensors = useSensors(pointerSensor, keyboardSensor);\n\n  const activeIndex = activeId != null\n    ? sortableIds.indexOf(String(activeId))\n    : -1;\n  const activeDefinition = activeIndex >= 0\n    ? internalOrder[activeIndex]\n    : undefined;\n\n  const activeFilterKey = useMemo(\n    () => activeDefinition ? getFilterKey(activeDefinition) : undefined,\n    [activeDefinition, getFilterKey],\n  );\n\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    setActiveId(event.active.id);\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      setActiveId(null);\n      const { active, over } = event;\n      if (!over || active.id === over.id) {\n        return;\n      }\n      const oldIndex = sortableIds.indexOf(String(active.id));\n      const newIndex = sortableIds.indexOf(String(over.id));\n      if (oldIndex !== -1 && newIndex !== -1) {\n        setInternalOrder(arrayMove(internalOrder, oldIndex, newIndex));\n      }\n    },\n    [internalOrder, sortableIds],\n  );\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const announcements = useMemo<Announcements>(\n    () => ({\n      onDragStart({ active }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Picked up ${label} filter`;\n      },\n      onDragOver({ over }) {\n        if (!over) {\n          return \"Not over a droppable area\";\n        }\n        const overIdx = sortableIds.indexOf(String(over.id));\n        return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;\n      },\n      onDragEnd({ active, over }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        if (over && active.id !== over.id) {\n          const overIdx = sortableIds.indexOf(String(over.id));\n          return `Dropped ${label} filter at position ${overIdx + 1}`;\n        }\n        return `Dropped ${label} filter back in its original position`;\n      },\n      onDragCancel({ active }) {\n        const idx = sortableIds.indexOf(String(active.id));\n        const def = idx >= 0 ? internalOrder[idx] : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Cancelled dragging ${label} filter`;\n      },\n    }),\n    [internalOrder, sortableIds, getFilterLabel],\n  );\n\n  const accessibility = useMemo(\n    () => ({ announcements }),\n    [announcements],\n  );\n\n  if (!renderDefinitions || renderDefinitions.length === 0) {\n    return (\n      <div\n        className={classnames(styles.content, className)}\n        style={style}\n        data-empty=\"true\"\n      />\n    );\n  }\n\n  if (enableSorting) {\n    return (\n      <div\n        className={classnames(styles.content, className)}\n        style={style}\n      >\n        <DndContext\n          sensors={sensors}\n          collisionDetection={closestCenter}\n          modifiers={MODIFIERS}\n          onDragStart={handleDragStart}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n          accessibility={accessibility}\n        >\n          <SortableContext\n            items={sortableIds}\n            strategy={verticalListSortingStrategy}\n          >\n            {internalOrder.map((definition, index) => {\n              const id = sortableIds[index];\n              const filterKey = getFilterKey(definition);\n              const label = getFilterLabel(definition);\n              const state = filterStates.get(filterKey);\n\n              return (\n                <SortableFilterListItem\n                  key={id}\n                  id={id}\n                  definition={definition}\n                  filterKey={filterKey}\n                  label={label}\n                  filterState={state}\n                  onFilterStateChanged={onFilterStateChanged}\n                  onFilterRemoved={onFilterRemoved}\n                  renderInput={renderInput}\n                />\n              );\n            })}\n          </SortableContext>\n\n          <DragOverlay\n            dropAnimation={null}\n            className={styles.dragOverlay}\n          >\n            {activeDefinition && activeFilterKey && (\n              <FilterListItem\n                definition={activeDefinition}\n                filterKey={activeFilterKey}\n                label={getFilterLabel(activeDefinition)}\n                filterState={filterStates.get(activeFilterKey)}\n                onFilterStateChanged={onFilterStateChanged}\n                onFilterRemoved={onFilterRemoved}\n                renderInput={renderInput}\n              />\n            )}\n          </DragOverlay>\n        </DndContext>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classnames(styles.content, className)}\n      style={style}\n    >\n      {renderDefinitions.map((definition) => {\n        const filterKey = getFilterKey(definition);\n        const state = filterStates.get(filterKey);\n\n        return (\n          <FilterListItem\n            key={filterKey}\n            definition={definition}\n            filterKey={filterKey}\n            label={getFilterLabel(definition)}\n            filterState={state}\n            onFilterStateChanged={onFilterStateChanged}\n            onFilterRemoved={onFilterRemoved}\n            renderInput={renderInput}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/base/FilterListHeader.js

@@ -15,6 +15,7 @@
  */
 
 import { Button } from "@base-ui/react/button";
+import classnames from "classnames";
 import React, { memo, useCallback } from "react";
 import styles from "./FilterListHeader.module.css.js";
 function FilterListHeaderInner({
@@ -38,9 +39,13 @@ function FilterListHeaderInner({
     "aria-expanded": !collapsed,
     "aria-label": collapsed ? "Expand filters" : "Collapse filters"
   }, /*#__PURE__*/React.createElement("span", {
-    className: styles.collapseIcon,
+    className: classnames(styles.collapseIcon, collapsed && styles.collapsed)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.headerContentWrapper,
     "data-collapsed": collapsed
-  })), !collapsed && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.headerContentInner
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.titleContainer
   }, titleIcon && /*#__PURE__*/React.createElement("span", {
     className: styles.titleIcon
@@ -52,7 +57,7 @@ function FilterListHeaderInner({
     className: styles.resetButton,
     onClick: onReset,
     disabled: activeFilterCount === 0
-  }, "Reset")));
+  }, "Reset"))));
 }
 export const FilterListHeader = /*#__PURE__*/memo(FilterListHeaderInner);
 //# sourceMappingURL=FilterListHeader.js.map

package/build/browser/filter-list/base/FilterListHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListHeader.js","names":["Button","React","memo","useCallback","styles","FilterListHeaderInner","title","titleIcon","collapsed","onCollapsedChange","showResetButton","onReset","showActiveFilterCount","activeFilterCount","handleCollapseClick","createElement","className","header","collapseButton","onClick","collapseIcon","Fragment","titleContainer","activeCount","resetButton","disabled","FilterListHeader"],"sources":["FilterListHeader.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 React, { memo, type ReactNode, useCallback } from \"react\";\nimport styles from \"./FilterListHeader.module.css\";\n\ninterface FilterListHeaderProps {\n  title?: string;\n  titleIcon?: ReactNode;\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  showResetButton?: boolean;\n  onReset?: () => void;\n  showActiveFilterCount?: boolean;\n  activeFilterCount?: number;\n}\n\nfunction FilterListHeaderInner({\n  title,\n  titleIcon,\n  collapsed = false,\n  onCollapsedChange,\n  showResetButton,\n  onReset,\n  showActiveFilterCount,\n  activeFilterCount = 0,\n}: FilterListHeaderProps): React.ReactElement {\n  const showCollapseButton = onCollapsedChange != null;\n\n  const handleCollapseClick = useCallback(() => {\n    onCollapsedChange?.(!collapsed);\n  }, [onCollapsedChange, collapsed]);\n\n  return (\n    <div className={styles.header}>\n      {showCollapseButton && (\n        <Button\n          className={styles.collapseButton}\n          onClick={handleCollapseClick}\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? \"Expand filters\" : \"Collapse filters\"}\n        >\n          <span\n            className={styles.collapseIcon}\n            data-collapsed={collapsed}\n          />\n        </Button>\n      )}\n\n      {!collapsed && (\n        <>\n          <div className={styles.titleContainer}>\n            {titleIcon && (\n              <span className={styles.titleIcon}>\n                {titleIcon}\n              </span>\n            )}\n            {title && (\n              <span className={styles.title}>\n                {title}\n              </span>\n            )}\n            {showActiveFilterCount && activeFilterCount > 0 && (\n              <span className={styles.activeCount}>\n                ({activeFilterCount})\n              </span>\n            )}\n          </div>\n\n          {showResetButton && (\n            <Button\n              className={styles.resetButton}\n              onClick={onReset}\n              disabled={activeFilterCount === 0}\n            >\n              Reset\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const FilterListHeader: React.MemoExoticComponent<\n  typeof FilterListHeaderInner\n> = memo(FilterListHeaderInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,KAAK,IAAIC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AAChE,OAAOC,MAAM,MAAM,+BAA+B;AAalD,SAASC,qBAAqBA,CAAC;EAC7BC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC,eAAe;EACfC,OAAO;EACPC,qBAAqB;EACrBC,iBAAiB,GAAG;AACC,CAAC,EAAsB;EAG5C,MAAMC,mBAAmB,GAAGX,WAAW,CAAC,MAAM;IAC5CM,iBAAiB,GAAG,CAACD,SAAS,CAAC;EACjC,CAAC,EAAE,CAACC,iBAAiB,EAAED,SAAS,CAAC,CAAC;EAElC,oBACEP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,MAAM,CAACa;EAAO,GAPLR,iBAAiB,IAAI,IAAI,iBAS9CR,KAAA,CAAAc,aAAA,CAACf,MAAM;IACLgB,SAAS,EAAEZ,MAAM,CAACc,cAAe;IACjCC,OAAO,EAAEL,mBAAoB;IAC7B,iBAAe,CAACN,SAAU;IAC1B,cAAYA,SAAS,GAAG,gBAAgB,GAAG;EAAmB,gBAE9DP,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEZ,MAAM,CAACgB,YAAa;IAC/B,kBAAgBZ;EAAU,CAC3B,CACK,CACT,EAEA,CAACA,SAAS,iBACTP,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAoB,QAAA,qBACEpB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,MAAM,CAACkB;EAAe,GACnCf,SAAS,iBACRN,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACG;EAAU,GAC/BA,SACG,CACP,EACAD,KAAK,iBACJL,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACE;EAAM,GAC3BA,KACG,CACP,EACAM,qBAAqB,IAAIC,iBAAiB,GAAG,CAAC,iBAC7CZ,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACmB;EAAY,GAAC,GAClC,EAACV,iBAAiB,EAAC,GAChB,CAEL,CAAC,EAELH,eAAe,iBACdT,KAAA,CAAAc,aAAA,CAACf,MAAM;IACLgB,SAAS,EAAEZ,MAAM,CAACoB,WAAY;IAC9BL,OAAO,EAAER,OAAQ;IACjBc,QAAQ,EAAEZ,iBAAiB,KAAK;EAAE,GACnC,OAEO,CAEV,CAED,CAAC;AAEV;AAEA,OAAO,MAAMa,gBAEZ,gBAAGxB,IAAI,CAACG,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"file":"FilterListHeader.js","names":["Button","classnames","React","memo","useCallback","styles","FilterListHeaderInner","title","titleIcon","collapsed","onCollapsedChange","showResetButton","onReset","showActiveFilterCount","activeFilterCount","handleCollapseClick","createElement","className","header","collapseButton","onClick","collapseIcon","headerContentWrapper","headerContentInner","titleContainer","activeCount","resetButton","disabled","FilterListHeader"],"sources":["FilterListHeader.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 classnames from \"classnames\";\nimport React, { memo, type ReactNode, useCallback } from \"react\";\nimport styles from \"./FilterListHeader.module.css\";\n\ninterface FilterListHeaderProps {\n  title?: string;\n  titleIcon?: ReactNode;\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  showResetButton?: boolean;\n  onReset?: () => void;\n  showActiveFilterCount?: boolean;\n  activeFilterCount?: number;\n}\n\nfunction FilterListHeaderInner({\n  title,\n  titleIcon,\n  collapsed = false,\n  onCollapsedChange,\n  showResetButton,\n  onReset,\n  showActiveFilterCount,\n  activeFilterCount = 0,\n}: FilterListHeaderProps): React.ReactElement {\n  const showCollapseButton = onCollapsedChange != null;\n\n  const handleCollapseClick = useCallback(() => {\n    onCollapsedChange?.(!collapsed);\n  }, [onCollapsedChange, collapsed]);\n\n  return (\n    <div className={styles.header}>\n      {showCollapseButton && (\n        <Button\n          className={styles.collapseButton}\n          onClick={handleCollapseClick}\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? \"Expand filters\" : \"Collapse filters\"}\n        >\n          <span\n            className={classnames(\n              styles.collapseIcon,\n              collapsed && styles.collapsed,\n            )}\n          />\n        </Button>\n      )}\n\n      <div\n        className={styles.headerContentWrapper}\n        data-collapsed={collapsed}\n      >\n        <div className={styles.headerContentInner}>\n          <div className={styles.titleContainer}>\n            {titleIcon && (\n              <span className={styles.titleIcon}>\n                {titleIcon}\n              </span>\n            )}\n            {title && (\n              <span className={styles.title}>\n                {title}\n              </span>\n            )}\n            {showActiveFilterCount && activeFilterCount > 0 && (\n              <span className={styles.activeCount}>\n                ({activeFilterCount})\n              </span>\n            )}\n          </div>\n\n          {showResetButton && (\n            <Button\n              className={styles.resetButton}\n              onClick={onReset}\n              disabled={activeFilterCount === 0}\n            >\n              Reset\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const FilterListHeader: React.MemoExoticComponent<\n  typeof FilterListHeaderInner\n> = memo(FilterListHeaderInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AAChE,OAAOC,MAAM,MAAM,+BAA+B;AAalD,SAASC,qBAAqBA,CAAC;EAC7BC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC,eAAe;EACfC,OAAO;EACPC,qBAAqB;EACrBC,iBAAiB,GAAG;AACC,CAAC,EAAsB;EAG5C,MAAMC,mBAAmB,GAAGX,WAAW,CAAC,MAAM;IAC5CM,iBAAiB,GAAG,CAACD,SAAS,CAAC;EACjC,CAAC,EAAE,CAACC,iBAAiB,EAAED,SAAS,CAAC,CAAC;EAElC,oBACEP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,MAAM,CAACa;EAAO,GAPLR,iBAAiB,IAAI,IAAI,iBAS9CR,KAAA,CAAAc,aAAA,CAAChB,MAAM;IACLiB,SAAS,EAAEZ,MAAM,CAACc,cAAe;IACjCC,OAAO,EAAEL,mBAAoB;IAC7B,iBAAe,CAACN,SAAU;IAC1B,cAAYA,SAAS,GAAG,gBAAgB,GAAG;EAAmB,gBAE9DP,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CACnBI,MAAM,CAACgB,YAAY,EACnBZ,SAAS,IAAIJ,MAAM,CAACI,SACtB;EAAE,CACH,CACK,CACT,eAEDP,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEZ,MAAM,CAACiB,oBAAqB;IACvC,kBAAgBb;EAAU,gBAE1BP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,MAAM,CAACkB;EAAmB,gBACxCrB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEZ,MAAM,CAACmB;EAAe,GACnChB,SAAS,iBACRN,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACG;EAAU,GAC/BA,SACG,CACP,EACAD,KAAK,iBACJL,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACE;EAAM,GAC3BA,KACG,CACP,EACAM,qBAAqB,IAAIC,iBAAiB,GAAG,CAAC,iBAC7CZ,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEZ,MAAM,CAACoB;EAAY,GAAC,GAClC,EAACX,iBAAiB,EAAC,GAChB,CAEL,CAAC,EAELH,eAAe,iBACdT,KAAA,CAAAc,aAAA,CAAChB,MAAM;IACLiB,SAAS,EAAEZ,MAAM,CAACqB,WAAY;IAC9BN,OAAO,EAAER,OAAQ;IACjBe,QAAQ,EAAEb,iBAAiB,KAAK;EAAE,GACnC,OAEO,CAEP,CACF,CACF,CAAC;AAEV;AAEA,OAAO,MAAMc,gBAEZ,gBAAGzB,IAAI,CAACG,qBAAqB,CAAC","ignoreList":[]}

package/build/browser/filter-list/base/FilterListHeader.module.css

@@ -92,10 +92,34 @@
   }
 }
 
-.collapseIcon[data-collapsed="true"] {
+.collapsed {
   transform: rotate(-135deg);
 }
 
+.headerContentWrapper {
+  display: grid;
+  grid-template-columns: 1fr;
+  overflow: hidden;
+  transition: grid-template-columns var(--osdk-filter-list-collapse-transition);
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.headerContentWrapper[data-collapsed="true"] {
+  grid-template-columns: 0fr;
+}
+
+.headerContentInner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+  overflow: hidden;
+  min-width: 0;
+}
+
 .resetButton {
   font-family: var(--osdk-filter-header-font-family);
   font-size: var(--osdk-filter-header-reset-font-size);

package/build/browser/filter-list/base/FilterListHeader.module.css.js

@@ -7,6 +7,9 @@ const styles = {
   "activeCount": "FilterListHeader-module__activeCount___GyBsnsQL",
   "collapseButton": "FilterListHeader-module__collapseButton___N1-sj3B3",
   "collapseIcon": "FilterListHeader-module__collapseIcon___P4YOgKig",
+  "collapsed": "FilterListHeader-module__collapsed___RKg0zje4",
+  "headerContentWrapper": "FilterListHeader-module__headerContentWrapper___Jb48M86S",
+  "headerContentInner": "FilterListHeader-module__headerContentInner___d2-TGJNm",
   "resetButton": "FilterListHeader-module__resetButton___jLcUypov"
 };
 

package/build/browser/filter-list/base/FilterListItem.js

@@ -15,53 +15,72 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  * limitations under the License.
  */
 
+import { Button } from "@base-ui/react/button";
 import classnames from "classnames";
 import React, { memo, useCallback } from "react";
 import { ErrorBoundary } from "../../shared/ErrorBoundary.js";
-import { getFilterLabel } from "../utils/getFilterLabel.js";
+import { supportsExcluding } from "../utils/filterValues.js";
 import { DragHandleIcon } from "./DragHandleIcon.js";
-import { FilterInput } from "./FilterInput.js";
+import { ExcludeIcon, IncludeIcon, RemoveIcon } from "./FilterIcons.js";
 import styles from "./FilterListItem.module.css.js";
 function FilterListItemInner({
-  objectType,
-  objectSet,
   definition,
   filterKey,
+  label,
   filterState,
   onFilterStateChanged,
-  whereClause,
+  onFilterRemoved,
+  renderInput,
   dragHandleAttributes,
   dragHandleListeners,
   className,
   style
 }) {
-  const label = getFilterLabel(definition);
   const handleFilterStateChanged = useCallback(newState => {
     onFilterStateChanged(filterKey, newState);
   }, [filterKey, onFilterStateChanged]);
+  const handleToggleExclude = useCallback(() => {
+    if (filterState) {
+      onFilterStateChanged(filterKey, {
+        ...filterState,
+        isExcluding: !filterState.isExcluding
+      });
+    }
+  }, [filterKey, filterState, onFilterStateChanged]);
+  const handleRemove = useCallback(() => {
+    onFilterRemoved?.(filterKey);
+  }, [filterKey, onFilterRemoved]);
+  const isExcluding = filterState?.isExcluding ?? false;
+  const showExcludeToggle = supportsExcluding(filterState);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.filterItem, className),
     style: style,
-    "data-filter-type": definition.type
+    "data-excluding": isExcluding || undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.itemHeader
-  }, dragHandleAttributes && /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
+  }, dragHandleAttributes && /*#__PURE__*/React.createElement(Button, _extends({
     className: styles.dragHandle,
     "aria-label": `Reorder ${label}`
   }, dragHandleAttributes, dragHandleListeners), /*#__PURE__*/React.createElement(DragHandleIcon, null)), /*#__PURE__*/React.createElement("span", {
     className: styles.itemLabel
-  }, label)), /*#__PURE__*/React.createElement("div", {
+  }, label), showExcludeToggle && /*#__PURE__*/React.createElement(Button, {
+    className: styles.excludeToggle,
+    onClick: handleToggleExclude,
+    "aria-pressed": isExcluding,
+    "aria-label": isExcluding ? "Switch to include mode" : "Switch to exclude mode"
+  }, isExcluding ? /*#__PURE__*/React.createElement(ExcludeIcon, null) : /*#__PURE__*/React.createElement(IncludeIcon, null)), onFilterRemoved && /*#__PURE__*/React.createElement(Button, {
+    className: styles.removeButton,
+    onClick: handleRemove,
+    "aria-label": `Remove ${label} filter`
+  }, /*#__PURE__*/React.createElement(RemoveIcon, null))), /*#__PURE__*/React.createElement("div", {
     className: styles.itemContent
   }, /*#__PURE__*/React.createElement(ErrorBoundary, {
     errorMessage: "Error loading filter"
-  }, /*#__PURE__*/React.createElement(FilterInput, {
-    objectType: objectType,
-    objectSet: objectSet,
-    definition: definition,
-    filterState: filterState,
-    onFilterStateChanged: handleFilterStateChanged,
-    whereClause: whereClause
+  }, renderInput({
+    definition,
+    filterKey,
+    filterState,
+    onFilterStateChanged: handleFilterStateChanged
   }))));
 }
 export const FilterListItem = /*#__PURE__*/memo(FilterListItemInner);

package/build/browser/filter-list/base/FilterListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListItem.js","names":["classnames","React","memo","useCallback","ErrorBoundary","getFilterLabel","DragHandleIcon","FilterInput","styles","FilterListItemInner","objectType","objectSet","definition","filterKey","filterState","onFilterStateChanged","whereClause","dragHandleAttributes","dragHandleListeners","className","style","label","handleFilterStateChanged","newState","createElement","filterItem","type","itemHeader","_extends","dragHandle","itemLabel","itemContent","errorMessage","FilterListItem"],"sources":["FilterListItem.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 {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core\";\nimport type { ObjectSet, ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { ErrorBoundary } from \"../../shared/ErrorBoundary.js\";\nimport type { FilterDefinitionUnion } from \"../FilterListApi.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { getFilterLabel } from \"../utils/getFilterLabel.js\";\nimport { DragHandleIcon } from \"./DragHandleIcon.js\";\nimport { FilterInput } from \"./FilterInput.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface FilterListItemProps<Q extends ObjectTypeDefinition> {\n  objectType: Q;\n  objectSet: ObjectSet<Q>;\n  definition: FilterDefinitionUnion<Q>;\n  filterKey: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  whereClause: WhereClause<Q>;\n  dragHandleAttributes?: DraggableAttributes;\n  dragHandleListeners?: DraggableSyntheticListeners;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction FilterListItemInner<Q extends ObjectTypeDefinition>({\n  objectType,\n  objectSet,\n  definition,\n  filterKey,\n  filterState,\n  onFilterStateChanged,\n  whereClause,\n  dragHandleAttributes,\n  dragHandleListeners,\n  className,\n  style,\n}: FilterListItemProps<Q>): React.ReactElement {\n  const label = getFilterLabel(definition);\n\n  const handleFilterStateChanged = useCallback(\n    (newState: FilterState) => {\n      onFilterStateChanged(filterKey, newState);\n    },\n    [filterKey, onFilterStateChanged],\n  );\n\n  return (\n    <div\n      className={classnames(styles.filterItem, className)}\n      style={style}\n      data-filter-type={definition.type}\n    >\n      <div className={styles.itemHeader}>\n        {dragHandleAttributes && (\n          <button\n            type=\"button\"\n            className={styles.dragHandle}\n            aria-label={`Reorder ${label}`}\n            {...dragHandleAttributes}\n            {...dragHandleListeners}\n          >\n            <DragHandleIcon />\n          </button>\n        )}\n        <span className={styles.itemLabel}>{label}</span>\n      </div>\n\n      <div className={styles.itemContent}>\n        <ErrorBoundary errorMessage=\"Error loading filter\">\n          <FilterInput\n            objectType={objectType}\n            objectSet={objectSet}\n            definition={definition}\n            filterState={filterState}\n            onFilterStateChanged={handleFilterStateChanged}\n            whereClause={whereClause}\n          />\n        </ErrorBoundary>\n      </div>\n    </div>\n  );\n}\n\nexport const FilterListItem = memo(\n  FilterListItemInner,\n) as typeof FilterListItemInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,aAAa,QAAQ,+BAA+B;AAG7D,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,cAAc,QAAQ,qBAAqB;AACpD,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,MAAM,MAAM,6BAA6B;AAmBhD,SAASC,mBAAmBA,CAAiC;EAC3DC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,WAAW;EACXC,oBAAoB;EACpBC,WAAW;EACXC,oBAAoB;EACpBC,mBAAmB;EACnBC,SAAS;EACTC;AACsB,CAAC,EAAsB;EAC7C,MAAMC,KAAK,GAAGhB,cAAc,CAACO,UAAU,CAAC;EAExC,MAAMU,wBAAwB,GAAGnB,WAAW,CACzCoB,QAAqB,IAAK;IACzBR,oBAAoB,CAACF,SAAS,EAAEU,QAAQ,CAAC;EAC3C,CAAC,EACD,CAACV,SAAS,EAAEE,oBAAoB,CAClC,CAAC;EAED,oBACEd,KAAA,CAAAuB,aAAA;IACEL,SAAS,EAAEnB,UAAU,CAACQ,MAAM,CAACiB,UAAU,EAAEN,SAAS,CAAE;IACpDC,KAAK,EAAEA,KAAM;IACb,oBAAkBR,UAAU,CAACc;EAAK,gBAElCzB,KAAA,CAAAuB,aAAA;IAAKL,SAAS,EAAEX,MAAM,CAACmB;EAAW,GAC/BV,oBAAoB,iBACnBhB,KAAA,CAAAuB,aAAA,WAAAI,QAAA;IACEF,IAAI,EAAC,QAAQ;IACbP,SAAS,EAAEX,MAAM,CAACqB,UAAW;IAC7B,cAAY,WAAWR,KAAK;EAAG,GAC3BJ,oBAAoB,EACpBC,mBAAmB,gBAEvBjB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,MAAE,CACX,CACT,eACDL,KAAA,CAAAuB,aAAA;IAAML,SAAS,EAAEX,MAAM,CAACsB;EAAU,GAAET,KAAY,CAC7C,CAAC,eAENpB,KAAA,CAAAuB,aAAA;IAAKL,SAAS,EAAEX,MAAM,CAACuB;EAAY,gBACjC9B,KAAA,CAAAuB,aAAA,CAACpB,aAAa;IAAC4B,YAAY,EAAC;EAAsB,gBAChD/B,KAAA,CAAAuB,aAAA,CAACjB,WAAW;IACVG,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBE,WAAW,EAAEA,WAAY;IACzBC,oBAAoB,EAAEO,wBAAyB;IAC/CN,WAAW,EAAEA;EAAY,CAC1B,CACY,CACZ,CACF,CAAC;AAEV;AAEA,OAAO,MAAMiB,cAAc,gBAAG/B,IAAI,CAChCO,mBACF,CAA+B","ignoreList":[]}
+{"version":3,"file":"FilterListItem.js","names":["Button","classnames","React","memo","useCallback","ErrorBoundary","supportsExcluding","DragHandleIcon","ExcludeIcon","IncludeIcon","RemoveIcon","styles","FilterListItemInner","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","dragHandleAttributes","dragHandleListeners","className","style","handleFilterStateChanged","newState","handleToggleExclude","isExcluding","handleRemove","showExcludeToggle","createElement","filterItem","undefined","itemHeader","_extends","dragHandle","itemLabel","excludeToggle","onClick","removeButton","itemContent","errorMessage","FilterListItem"],"sources":["FilterListItem.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 type {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { ErrorBoundary } from \"../../shared/ErrorBoundary.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { supportsExcluding } from \"../utils/filterValues.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { DragHandleIcon } from \"./DragHandleIcon.js\";\nimport { ExcludeIcon, IncludeIcon, RemoveIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface FilterListItemProps<D> {\n  definition: D;\n  filterKey: string;\n  label: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  onFilterRemoved?: (filterKey: string) => void;\n  renderInput: RenderFilterInput<D>;\n  dragHandleAttributes?: DraggableAttributes;\n  dragHandleListeners?: DraggableSyntheticListeners;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction FilterListItemInner<D>({\n  definition,\n  filterKey,\n  label,\n  filterState,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n  dragHandleAttributes,\n  dragHandleListeners,\n  className,\n  style,\n}: FilterListItemProps<D>): React.ReactElement {\n  const handleFilterStateChanged = useCallback(\n    (newState: FilterState) => {\n      onFilterStateChanged(filterKey, newState);\n    },\n    [filterKey, onFilterStateChanged],\n  );\n\n  const handleToggleExclude = useCallback(\n    () => {\n      if (filterState) {\n        onFilterStateChanged(filterKey, {\n          ...filterState,\n          isExcluding: !filterState.isExcluding,\n        });\n      }\n    },\n    [filterKey, filterState, onFilterStateChanged],\n  );\n\n  const handleRemove = useCallback(\n    () => {\n      onFilterRemoved?.(filterKey);\n    },\n    [filterKey, onFilterRemoved],\n  );\n\n  const isExcluding = filterState?.isExcluding ?? false;\n  const showExcludeToggle = supportsExcluding(filterState);\n\n  return (\n    <div\n      className={classnames(styles.filterItem, className)}\n      style={style}\n      data-excluding={isExcluding || undefined}\n    >\n      <div className={styles.itemHeader}>\n        {dragHandleAttributes && (\n          <Button\n            className={styles.dragHandle}\n            aria-label={`Reorder ${label}`}\n            {...dragHandleAttributes}\n            {...dragHandleListeners}\n          >\n            <DragHandleIcon />\n          </Button>\n        )}\n        <span className={styles.itemLabel}>{label}</span>\n        {showExcludeToggle && (\n          <Button\n            className={styles.excludeToggle}\n            onClick={handleToggleExclude}\n            aria-pressed={isExcluding}\n            aria-label={isExcluding\n              ? \"Switch to include mode\"\n              : \"Switch to exclude mode\"}\n          >\n            {isExcluding ? <ExcludeIcon /> : <IncludeIcon />}\n          </Button>\n        )}\n        {onFilterRemoved && (\n          <Button\n            className={styles.removeButton}\n            onClick={handleRemove}\n            aria-label={`Remove ${label} filter`}\n          >\n            <RemoveIcon />\n          </Button>\n        )}\n      </div>\n\n      <div className={styles.itemContent}>\n        <ErrorBoundary errorMessage=\"Error loading filter\">\n          {renderInput({\n            definition,\n            filterKey,\n            filterState,\n            onFilterStateChanged: handleFilterStateChanged,\n          })}\n        </ErrorBoundary>\n      </div>\n    </div>\n  );\n}\n\nexport const FilterListItem = memo(\n  FilterListItemInner,\n) as typeof FilterListItemInner;\n"],"mappings":"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","ignoreList":[]}