@osdk/react-components 0.19.0 → 0.19.1-beta.0

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

@@ -1 +1 @@
-{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","useState","ExpandIcon","styles","FilterListBoundaryProvider","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","onOrderChange","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","boundaryElement","setBoundaryElement","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","ref","expandedContent","hiddenContent","value","scrollableContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.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, { useCallback, useState } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListBoundaryProvider } from \"./FilterListBoundaryContext.js\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D>(\n  props: BaseFilterListProps<D>,\n): React.ReactElement {\n  const {\n    title,\n    titleIcon,\n    collapsed = false,\n    onCollapsedChange,\n    filterDefinitions,\n    filterStates,\n    onFilterStateChanged,\n    renderInput,\n    getFilterKey,\n    getFilterLabel,\n    activeFilterCount,\n    onReset,\n    onFilterAdded,\n    onFilterRemoved,\n    onOrderChange,\n    showResetButton = false,\n    showActiveFilterCount = false,\n    hasVisibilityChanges,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\n\n  const [boundaryElement, setBoundaryElement] = useState<HTMLDivElement | null>(\n    null,\n  );\n\n  const showHeader = title || titleIcon || showResetButton\n    || showActiveFilterCount || onCollapsedChange;\n\n  const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n  const handleExpand = useCallback(() => {\n    onCollapsedChange?.(false);\n  }, [onCollapsedChange]);\n\n  const isCollapsed = collapsed && onCollapsedChange != null;\n\n  return (\n    <div className={classnames(styles.filterList, className)}>\n      {isCollapsed && (\n        <div\n          className={styles.filterListCollapsed}\n          data-collapsed=\"true\"\n        >\n          <Button\n            className={styles.expandButton}\n            onClick={handleExpand}\n            aria-label=\"Expand filters\"\n          >\n            <ExpandIcon />\n          </Button>\n          <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n        </div>\n      )}\n      <div\n        ref={setBoundaryElement}\n        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\n        <FilterListBoundaryProvider value={boundaryElement}>\n          {showHeader && (\n            <FilterListHeader\n              title={title}\n              titleIcon={titleIcon}\n              collapsed={collapsed}\n              onCollapsedChange={onCollapsedChange}\n              showResetButton={showResetButton}\n              onReset={onReset}\n              showActiveFilterCount={showActiveFilterCount}\n              activeFilterCount={activeFilterCount}\n              hasVisibilityChanges={hasVisibilityChanges}\n            />\n          )}\n\n          <div className={styles.scrollableContent}>\n            <FilterListContent\n              filterDefinitions={filterDefinitions}\n              filterStates={filterStates}\n              onFilterStateChanged={onFilterStateChanged}\n              onFilterRemoved={onFilterRemoved}\n              onOrderChange={onOrderChange}\n              renderInput={renderInput}\n              getFilterKey={getFilterKey}\n              getFilterLabel={getFilterLabel}\n              enableSorting={enableSorting}\n            />\n          </div>\n\n          {showAddButton && (\n            <div className={styles.addButtonContainer}>\n              {renderAddFilterButton\n                ? renderAddFilterButton()\n                : (\n                  <Button\n                    type=\"button\"\n                    className={styles.addButton}\n                    onClick={onFilterAdded}\n                  >\n                    + Add filter\n                  </Button>\n                )}\n            </div>\n          )}\n        </FilterListBoundaryProvider>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","useState","ExpandIcon","styles","FilterListBoundaryProvider","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","onOrderChange","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","boundaryElement","setBoundaryElement","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","ref","expandedContent","hiddenContent","value","scrollableContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.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, { useCallback, useState } from \"react\";\nimport type { FilterDefinitionControls } from \"../FilterListItemApi.js\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListBoundaryProvider } from \"./FilterListBoundaryContext.js\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D extends FilterDefinitionControls>(\n  props: BaseFilterListProps<D>,\n): React.ReactElement {\n  const {\n    title,\n    titleIcon,\n    collapsed = false,\n    onCollapsedChange,\n    filterDefinitions,\n    filterStates,\n    onFilterStateChanged,\n    renderInput,\n    getFilterKey,\n    getFilterLabel,\n    activeFilterCount,\n    onReset,\n    onFilterAdded,\n    onFilterRemoved,\n    onOrderChange,\n    showResetButton = false,\n    showActiveFilterCount = false,\n    hasVisibilityChanges,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\n\n  const [boundaryElement, setBoundaryElement] = useState<HTMLDivElement | null>(\n    null,\n  );\n\n  const showHeader = title || titleIcon || showResetButton\n    || showActiveFilterCount || onCollapsedChange;\n\n  const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n  const handleExpand = useCallback(() => {\n    onCollapsedChange?.(false);\n  }, [onCollapsedChange]);\n\n  const isCollapsed = collapsed && onCollapsedChange != null;\n\n  return (\n    <div className={classnames(styles.filterList, className)}>\n      {isCollapsed && (\n        <div\n          className={styles.filterListCollapsed}\n          data-collapsed=\"true\"\n        >\n          <Button\n            className={styles.expandButton}\n            onClick={handleExpand}\n            aria-label=\"Expand filters\"\n          >\n            <ExpandIcon />\n          </Button>\n          <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n        </div>\n      )}\n      <div\n        ref={setBoundaryElement}\n        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\n        <FilterListBoundaryProvider value={boundaryElement}>\n          {showHeader && (\n            <FilterListHeader\n              title={title}\n              titleIcon={titleIcon}\n              collapsed={collapsed}\n              onCollapsedChange={onCollapsedChange}\n              showResetButton={showResetButton}\n              onReset={onReset}\n              showActiveFilterCount={showActiveFilterCount}\n              activeFilterCount={activeFilterCount}\n              hasVisibilityChanges={hasVisibilityChanges}\n            />\n          )}\n\n          <div className={styles.scrollableContent}>\n            <FilterListContent\n              filterDefinitions={filterDefinitions}\n              filterStates={filterStates}\n              onFilterStateChanged={onFilterStateChanged}\n              onFilterRemoved={onFilterRemoved}\n              onOrderChange={onOrderChange}\n              renderInput={renderInput}\n              getFilterKey={getFilterKey}\n              getFilterLabel={getFilterLabel}\n              enableSorting={enableSorting}\n            />\n          </div>\n\n          {showAddButton && (\n            <div className={styles.addButtonContainer}>\n              {renderAddFilterButton\n                ? renderAddFilterButton()\n                : (\n                  <Button\n                    type=\"button\"\n                    className={styles.addButton}\n                    onClick={onFilterAdded}\n                  >\n                    + Add filter\n                  </Button>\n                )}\n            </div>\n          )}\n        </FilterListBoundaryProvider>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +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  searchQuery?: string;\n  excludeRowOpen?: boolean;\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  onOrderChange?: (orderedKeys: string[]) => void;\n\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  title?: React.ReactNode;\n  titleIcon?: React.ReactNode;\n  showResetButton?: boolean;\n  showActiveFilterCount?: boolean;\n  hasVisibilityChanges?: boolean;\n  enableSorting?: boolean;\n  className?: string;\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"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 {\n  FilterDefinitionControls,\n  FilterState,\n} 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  searchQuery?: string;\n  excludeRowOpen?: boolean;\n}) => React.ReactNode;\n\nexport interface BaseFilterListProps<D extends FilterDefinitionControls> {\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  onOrderChange?: (orderedKeys: string[]) => void;\n\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  title?: React.ReactNode;\n  titleIcon?: React.ReactNode;\n  showResetButton?: boolean;\n  showActiveFilterCount?: boolean;\n  hasVisibilityChanges?: boolean;\n  enableSorting?: boolean;\n  className?: string;\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -16,16 +16,10 @@
 
 import { Button } from "@base-ui/react/button";
 import classnames from "classnames";
-import React, { memo, useCallback, useMemo } from "react";
-import { supportsExcluding } from "../utils/filterValues.js";
+import React, { memo, useCallback } from "react";
+import { getEffectiveFilterState, getSelectedCount, supportsExcluding, toggleIsExcluding } from "../utils/filterValues.js";
 import { ExcludeDropdown } from "./ExcludeDropdown.js";
 import styles from "./FilterListItem.module.css.js";
-function getSelectedCount(filterState) {
-  if (!filterState) return 0;
-  if (filterState.type === "EXACT_MATCH") return filterState.values.length;
-  if (filterState.type === "SELECT") return filterState.selectedValues.length;
-  return 0;
-}
 function FilterInputExcludeRowInner({
   excludeRowOpen,
   filterState,
@@ -35,16 +29,18 @@ function FilterInputExcludeRowInner({
   children
 }) {
   const handleToggleExclude = useCallback(() => {
-    if (filterState) {
-      onFilterStateChanged({
-        ...filterState,
-        isExcluding: !filterState.isExcluding
-      });
+    if (filterState == null) {
+      return;
+    }
+    const next = toggleIsExcluding(filterState);
+    if (next != null) {
+      onFilterStateChanged(next);
     }
   }, [filterState, onFilterStateChanged]);
-  const isExcluding = filterState?.isExcluding ?? false;
-  const selectedCount = useMemo(() => getSelectedCount(filterState), [filterState]);
-  if (!supportsExcluding(filterState)) {
+  const effectiveState = getEffectiveFilterState(filterState);
+  const isExcluding = effectiveState?.isExcluding ?? false;
+  const selectedCount = getSelectedCount(effectiveState);
+  if (!supportsExcluding(effectiveState)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"FilterInputExcludeRow.js","names":["Button","classnames","React","memo","useCallback","useMemo","supportsExcluding","ExcludeDropdown","styles","getSelectedCount","filterState","type","values","length","selectedValues","FilterInputExcludeRowInner","excludeRowOpen","onFilterStateChanged","totalValueCount","onClearAll","children","handleToggleExclude","isExcluding","selectedCount","createElement","Fragment","className","excludeRow","excludeRowVisible","onToggleExclude","excludeCountLabel","title","toLocaleString","clearAllButton","onClick","FilterInputExcludeRow"],"sources":["FilterInputExcludeRow.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, useCallback, useMemo } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { supportsExcluding } from \"../utils/filterValues.js\";\nimport { ExcludeDropdown } from \"./ExcludeDropdown.js\";\nimport styles from \"./FilterListItem.module.css\";\n\nfunction getSelectedCount(filterState: FilterState | undefined): number {\n  if (!filterState) return 0;\n  if (filterState.type === \"EXACT_MATCH\") return filterState.values.length;\n  if (filterState.type === \"SELECT\") return filterState.selectedValues.length;\n  return 0;\n}\n\ninterface FilterInputExcludeRowProps {\n  excludeRowOpen?: boolean;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  totalValueCount?: number;\n  onClearAll?: () => void;\n  children: React.ReactNode;\n}\n\nfunction FilterInputExcludeRowInner({\n  excludeRowOpen,\n  filterState,\n  onFilterStateChanged,\n  totalValueCount,\n  onClearAll,\n  children,\n}: FilterInputExcludeRowProps): React.ReactElement {\n  const handleToggleExclude = useCallback(() => {\n    if (filterState) {\n      onFilterStateChanged({\n        ...filterState,\n        isExcluding: !filterState.isExcluding,\n      });\n    }\n  }, [filterState, onFilterStateChanged]);\n\n  const isExcluding = filterState?.isExcluding ?? false;\n  const isOpen = excludeRowOpen ?? false;\n  const selectedCount = useMemo(\n    () => getSelectedCount(filterState),\n    [filterState],\n  );\n\n  if (!supportsExcluding(filterState)) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      <div\n        data-exclude-row={true}\n        className={classnames(styles.excludeRow, {\n          [styles.excludeRowVisible]: isOpen,\n        })}\n      >\n        <ExcludeDropdown\n          isExcluding={isExcluding}\n          onToggleExclude={handleToggleExclude}\n        />\n        {totalValueCount != null && totalValueCount > 0 && (\n          <span\n            className={styles.excludeCountLabel}\n            title=\"Approximate count of unique values\"\n          >\n            {selectedCount.toLocaleString()} of{\" \"}\n            {totalValueCount.toLocaleString()} values\n          </span>\n        )}\n        {onClearAll && selectedCount > 0 && (\n          <Button\n            className={styles.clearAllButton}\n            onClick={onClearAll}\n          >\n            Clear all\n          </Button>\n        )}\n      </div>\n      {children}\n    </>\n  );\n}\n\nexport const FilterInputExcludeRow: React.MemoExoticComponent<\n  typeof FilterInputExcludeRowInner\n> = memo(FilterInputExcludeRowInner);\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,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEzD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,eAAe,QAAQ,sBAAsB;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAEhD,SAASC,gBAAgBA,CAACC,WAAoC,EAAU;EACtE,IAAI,CAACA,WAAW,EAAE,OAAO,CAAC;EAC1B,IAAIA,WAAW,CAACC,IAAI,KAAK,aAAa,EAAE,OAAOD,WAAW,CAACE,MAAM,CAACC,MAAM;EACxE,IAAIH,WAAW,CAACC,IAAI,KAAK,QAAQ,EAAE,OAAOD,WAAW,CAACI,cAAc,CAACD,MAAM;EAC3E,OAAO,CAAC;AACV;AAWA,SAASE,0BAA0BA,CAAC;EAClCC,cAAc;EACdN,WAAW;EACXO,oBAAoB;EACpBC,eAAe;EACfC,UAAU;EACVC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,mBAAmB,GAAGjB,WAAW,CAAC,MAAM;IAC5C,IAAIM,WAAW,EAAE;MACfO,oBAAoB,CAAC;QACnB,GAAGP,WAAW;QACdY,WAAW,EAAE,CAACZ,WAAW,CAACY;MAC5B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACZ,WAAW,EAAEO,oBAAoB,CAAC,CAAC;EAEvC,MAAMK,WAAW,GAAGZ,WAAW,EAAEY,WAAW,IAAI,KAAK;EAErD,MAAMC,aAAa,GAAGlB,OAAO,CAC3B,MAAMI,gBAAgB,CAACC,WAAW,CAAC,EACnC,CAACA,WAAW,CACd,CAAC;EAED,IAAI,CAACJ,iBAAiB,CAACI,WAAW,CAAC,EAAE;IACnC,oBAAOR,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QAAGL,QAAW,CAAC;EACxB;EAEA,oBACElB,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IACE,oBAAkB,IAAK;IACvBE,SAAS,EAAEzB,UAAU,CAACO,MAAM,CAACmB,UAAU,EAAE;MACvC,CAACnB,MAAM,CAACoB,iBAAiB,GAflBZ,cAAc,IAAI;IAgB3B,CAAC;EAAE,gBAEHd,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IACde,WAAW,EAAEA,WAAY;IACzBO,eAAe,EAAER;EAAoB,CACtC,CAAC,EACDH,eAAe,IAAI,IAAI,IAAIA,eAAe,GAAG,CAAC,iBAC7ChB,KAAA,CAAAsB,aAAA;IACEE,SAAS,EAAElB,MAAM,CAACsB,iBAAkB;IACpCC,KAAK,EAAC;EAAoC,GAEzCR,aAAa,CAACS,cAAc,CAAC,CAAC,EAAC,KAAG,EAAC,GAAG,EACtCd,eAAe,CAACc,cAAc,CAAC,CAAC,EAAC,SAC9B,CACP,EACAb,UAAU,IAAII,aAAa,GAAG,CAAC,iBAC9BrB,KAAA,CAAAsB,aAAA,CAACxB,MAAM;IACL0B,SAAS,EAAElB,MAAM,CAACyB,cAAe;IACjCC,OAAO,EAAEf;EAAW,GACrB,WAEO,CAEP,CAAC,EACLC,QACD,CAAC;AAEP;AAEA,OAAO,MAAMe,qBAEZ,gBAAGhC,IAAI,CAACY,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"file":"FilterInputExcludeRow.js","names":["Button","classnames","React","memo","useCallback","getEffectiveFilterState","getSelectedCount","supportsExcluding","toggleIsExcluding","ExcludeDropdown","styles","FilterInputExcludeRowInner","excludeRowOpen","filterState","onFilterStateChanged","totalValueCount","onClearAll","children","handleToggleExclude","next","effectiveState","isExcluding","selectedCount","createElement","Fragment","className","excludeRow","excludeRowVisible","onToggleExclude","excludeCountLabel","title","toLocaleString","clearAllButton","onClick","FilterInputExcludeRow"],"sources":["FilterInputExcludeRow.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, useCallback } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport {\n  getEffectiveFilterState,\n  getSelectedCount,\n  supportsExcluding,\n  toggleIsExcluding,\n} from \"../utils/filterValues.js\";\nimport { ExcludeDropdown } from \"./ExcludeDropdown.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface FilterInputExcludeRowProps {\n  excludeRowOpen?: boolean;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  totalValueCount?: number;\n  onClearAll?: () => void;\n  children: React.ReactNode;\n}\n\nfunction FilterInputExcludeRowInner({\n  excludeRowOpen,\n  filterState,\n  onFilterStateChanged,\n  totalValueCount,\n  onClearAll,\n  children,\n}: FilterInputExcludeRowProps): React.ReactElement {\n  const handleToggleExclude = useCallback(() => {\n    if (filterState == null) {\n      return;\n    }\n    const next = toggleIsExcluding(filterState);\n    if (next != null) {\n      onFilterStateChanged(next);\n    }\n  }, [filterState, onFilterStateChanged]);\n\n  const effectiveState = getEffectiveFilterState(filterState);\n  const isExcluding = effectiveState?.isExcluding ?? false;\n  const isOpen = excludeRowOpen ?? false;\n  const selectedCount = getSelectedCount(effectiveState);\n\n  if (!supportsExcluding(effectiveState)) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      <div\n        data-exclude-row={true}\n        className={classnames(styles.excludeRow, {\n          [styles.excludeRowVisible]: isOpen,\n        })}\n      >\n        <ExcludeDropdown\n          isExcluding={isExcluding}\n          onToggleExclude={handleToggleExclude}\n        />\n        {totalValueCount != null && totalValueCount > 0 && (\n          <span\n            className={styles.excludeCountLabel}\n            title=\"Approximate count of unique values\"\n          >\n            {selectedCount.toLocaleString()} of{\" \"}\n            {totalValueCount.toLocaleString()} values\n          </span>\n        )}\n        {onClearAll && selectedCount > 0 && (\n          <Button\n            className={styles.clearAllButton}\n            onClick={onClearAll}\n          >\n            Clear all\n          </Button>\n        )}\n      </div>\n      {children}\n    </>\n  );\n}\n\nexport const FilterInputExcludeRow: React.MemoExoticComponent<\n  typeof FilterInputExcludeRowInner\n> = memo(FilterInputExcludeRowInner);\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,EAAEC,WAAW,QAAQ,OAAO;AAEhD,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,QACZ,0BAA0B;AACjC,SAASC,eAAe,QAAQ,sBAAsB;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAWhD,SAASC,0BAA0BA,CAAC;EAClCC,cAAc;EACdC,WAAW;EACXC,oBAAoB;EACpBC,eAAe;EACfC,UAAU;EACVC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,mBAAmB,GAAGd,WAAW,CAAC,MAAM;IAC5C,IAAIS,WAAW,IAAI,IAAI,EAAE;MACvB;IACF;IACA,MAAMM,IAAI,GAAGX,iBAAiB,CAACK,WAAW,CAAC;IAC3C,IAAIM,IAAI,IAAI,IAAI,EAAE;MAChBL,oBAAoB,CAACK,IAAI,CAAC;IAC5B;EACF,CAAC,EAAE,CAACN,WAAW,EAAEC,oBAAoB,CAAC,CAAC;EAEvC,MAAMM,cAAc,GAAGf,uBAAuB,CAACQ,WAAW,CAAC;EAC3D,MAAMQ,WAAW,GAAGD,cAAc,EAAEC,WAAW,IAAI,KAAK;EAExD,MAAMC,aAAa,GAAGhB,gBAAgB,CAACc,cAAc,CAAC;EAEtD,IAAI,CAACb,iBAAiB,CAACa,cAAc,CAAC,EAAE;IACtC,oBAAOlB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QAAGP,QAAW,CAAC;EACxB;EAEA,oBACEf,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAqB,aAAA;IACE,oBAAkB,IAAK;IACvBE,SAAS,EAAExB,UAAU,CAACS,MAAM,CAACgB,UAAU,EAAE;MACvC,CAAChB,MAAM,CAACiB,iBAAiB,GAZlBf,cAAc,IAAI;IAa3B,CAAC;EAAE,gBAEHV,KAAA,CAAAqB,aAAA,CAACd,eAAe;IACdY,WAAW,EAAEA,WAAY;IACzBO,eAAe,EAAEV;EAAoB,CACtC,CAAC,EACDH,eAAe,IAAI,IAAI,IAAIA,eAAe,GAAG,CAAC,iBAC7Cb,KAAA,CAAAqB,aAAA;IACEE,SAAS,EAAEf,MAAM,CAACmB,iBAAkB;IACpCC,KAAK,EAAC;EAAoC,GAEzCR,aAAa,CAACS,cAAc,CAAC,CAAC,EAAC,KAAG,EAAC,GAAG,EACtChB,eAAe,CAACgB,cAAc,CAAC,CAAC,EAAC,SAC9B,CACP,EACAf,UAAU,IAAIM,aAAa,GAAG,CAAC,iBAC9BpB,KAAA,CAAAqB,aAAA,CAACvB,MAAM;IACLyB,SAAS,EAAEf,MAAM,CAACsB,cAAe;IACjCC,OAAO,EAAEjB;EAAW,GACrB,WAEO,CAEP,CAAC,EACLC,QACD,CAAC;AAEP;AAEA,OAAO,MAAMiB,qBAEZ,gBAAG/B,IAAI,CAACQ,0BAA0B,CAAC","ignoreList":[]}

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

@@ -86,46 +86,45 @@ export function FilterListContent({
   const handleDragCancel = useCallback(() => {
     setActiveId(null);
   }, []);
-  const announcements = useMemo(() => ({
-    onDragStart({
-      active
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : undefined;
-      const label = def ? getFilterLabel(def) : "filter";
-      return `Picked up ${label} filter`;
-    },
-    onDragOver({
-      over
-    }) {
-      if (!over) {
-        return "Not over a droppable area";
-      }
-      const overIdx = sortableIds.indexOf(String(over.id));
-      return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;
-    },
-    onDragEnd({
-      active,
-      over
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : undefined;
-      const label = def ? getFilterLabel(def) : "filter";
-      if (over && active.id !== over.id) {
+  const announcements = useMemo(() => {
+    const labelForId = id => {
+      const idx = sortableIds.indexOf(String(id));
+      const def = idx >= 0 ? filterDefinitions?.[idx] : undefined;
+      return def ? getFilterLabel(def) : "filter";
+    };
+    return {
+      onDragStart({
+        active
+      }) {
+        return `Picked up ${labelForId(active.id)} filter`;
+      },
+      onDragOver({
+        over
+      }) {
+        if (!over) {
+          return "Not over a droppable area";
+        }
         const overIdx = sortableIds.indexOf(String(over.id));
-        return `Dropped ${label} filter at position ${overIdx + 1}`;
+        return `Moved to position ${overIdx + 1} of ${sortableIds.length}`;
+      },
+      onDragEnd({
+        active,
+        over
+      }) {
+        const label = labelForId(active.id);
+        if (over && active.id !== over.id) {
+          const overIdx = sortableIds.indexOf(String(over.id));
+          return `Dropped ${label} filter at position ${overIdx + 1}`;
+        }
+        return `Dropped ${label} filter back in its original position`;
+      },
+      onDragCancel({
+        active
+      }) {
+        return `Cancelled dragging ${labelForId(active.id)} filter`;
       }
-      return `Dropped ${label} filter back in its original position`;
-    },
-    onDragCancel({
-      active
-    }) {
-      const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 && filterDefinitions ? filterDefinitions[idx] : undefined;
-      const label = def ? getFilterLabel(def) : "filter";
-      return `Cancelled dragging ${label} filter`;
-    }
-  }), [filterDefinitions, sortableIds, getFilterLabel]);
+    };
+  }, [filterDefinitions, sortableIds, getFilterLabel]);
   const accessibility = useMemo(() => ({
     announcements
   }), [announcements]);
@@ -165,7 +164,8 @@ export function FilterListContent({
         filterState: state,
         onFilterStateChanged: onFilterStateChanged,
         onFilterRemoved: onFilterRemoved,
-        renderInput: renderInput
+        renderInput: renderInput,
+        searchField: definition.searchField
       });
     })), /*#__PURE__*/React.createElement(DragOverlay, {
       dropAnimation: null,
@@ -178,6 +178,7 @@ export function FilterListContent({
       onFilterStateChanged: onFilterStateChanged,
       onFilterRemoved: onFilterRemoved,
       renderInput: renderInput,
+      searchField: activeDefinition.searchField,
       dragHandleAttributes: DRAG_OVERLAY_HANDLE_ATTRIBUTES
     }))));
   }
@@ -195,7 +196,8 @@ export function FilterListContent({
       filterState: state,
       onFilterStateChanged: onFilterStateChanged,
       onFilterRemoved: onFilterRemoved,
-      renderInput: renderInput
+      renderInput: renderInput,
+      searchField: definition.searchField
     });
   }));
 }

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","useMemo","useState","styles","FilterListItem","SortableFilterListItem","restrictToVerticalAxis","transform","x","POINTER_ACTIVATION_CONSTRAINT","distance","MODIFIERS","DRAG_OVERLAY_HANDLE_ATTRIBUTES","role","tabIndex","undefined","FilterListContent","filterDefinitions","filterStates","onFilterStateChanged","onFilterRemoved","onOrderChange","renderInput","getFilterKey","getFilterLabel","enableSorting","className","style","activeId","setActiveId","sortableIds","map","def","pointerSensor","activationConstraint","keyboardSensor","coordinateGetter","sensors","activeIndex","indexOf","String","activeDefinition","activeFilterKey","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","newIndex","next","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","dragHandleAttributes"],"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  DraggableAttributes,\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, 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\nconst DRAG_OVERLAY_HANDLE_ATTRIBUTES: DraggableAttributes = {\n  role: \"button\",\n  tabIndex: -1,\n  \"aria-disabled\": true,\n  \"aria-pressed\": undefined,\n  \"aria-roledescription\": \"sortable\",\n  \"aria-describedby\": \"\",\n};\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  onOrderChange?: (orderedKeys: 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  onOrderChange,\n  renderInput,\n  getFilterKey,\n  getFilterLabel,\n  enableSorting,\n  className,\n  style,\n}: FilterListContentProps<D>): React.ReactElement {\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  const sortableIds = useMemo(\n    () =>\n      enableSorting && filterDefinitions\n        ? filterDefinitions.map((def) => getFilterKey(def))\n        : [],\n    [enableSorting, filterDefinitions, 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 && filterDefinitions\n    ? filterDefinitions[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        const next = arrayMove(sortableIds, oldIndex, newIndex);\n        onOrderChange?.(next);\n      }\n    },\n    [sortableIds, onOrderChange],\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 && filterDefinitions\n          ? filterDefinitions[idx]\n          : 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 && filterDefinitions\n          ? filterDefinitions[idx]\n          : 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 && filterDefinitions\n          ? filterDefinitions[idx]\n          : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Cancelled dragging ${label} filter`;\n      },\n    }),\n    [filterDefinitions, sortableIds, getFilterLabel],\n  );\n\n  const accessibility = useMemo(\n    () => ({ announcements }),\n    [announcements],\n  );\n\n  if (!filterDefinitions || filterDefinitions.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            {filterDefinitions.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                dragHandleAttributes={DRAG_OVERLAY_HANDLE_ATTRIBUTES}\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      {filterDefinitions.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":[]}
+{"version":3,"file":"FilterListContent.js","names":["closestCenter","DndContext","DragOverlay","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","classnames","React","useCallback","useMemo","useState","styles","FilterListItem","SortableFilterListItem","restrictToVerticalAxis","transform","x","POINTER_ACTIVATION_CONSTRAINT","distance","MODIFIERS","DRAG_OVERLAY_HANDLE_ATTRIBUTES","role","tabIndex","undefined","FilterListContent","filterDefinitions","filterStates","onFilterStateChanged","onFilterRemoved","onOrderChange","renderInput","getFilterKey","getFilterLabel","enableSorting","className","style","activeId","setActiveId","sortableIds","map","def","pointerSensor","activationConstraint","keyboardSensor","coordinateGetter","sensors","activeIndex","indexOf","String","activeDefinition","activeFilterKey","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","newIndex","next","handleDragCancel","announcements","labelForId","idx","onDragStart","onDragOver","overIdx","length","onDragEnd","label","onDragCancel","accessibility","createElement","content","collisionDetection","modifiers","items","strategy","definition","index","filterKey","state","get","key","filterState","searchField","dropAnimation","dragOverlay","dragHandleAttributes"],"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  DraggableAttributes,\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, useMemo, useState } from \"react\";\nimport type {\n  FilterDefinitionControls,\n  FilterState,\n} 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\nconst DRAG_OVERLAY_HANDLE_ATTRIBUTES: DraggableAttributes = {\n  role: \"button\",\n  tabIndex: -1,\n  \"aria-disabled\": true,\n  \"aria-pressed\": undefined,\n  \"aria-roledescription\": \"sortable\",\n  \"aria-describedby\": \"\",\n};\n\ninterface FilterListContentProps<D extends FilterDefinitionControls> {\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  onOrderChange?: (orderedKeys: 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 extends FilterDefinitionControls>({\n  filterDefinitions,\n  filterStates,\n  onFilterStateChanged,\n  onFilterRemoved,\n  onOrderChange,\n  renderInput,\n  getFilterKey,\n  getFilterLabel,\n  enableSorting,\n  className,\n  style,\n}: FilterListContentProps<D>): React.ReactElement {\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  const sortableIds = useMemo(\n    () =>\n      enableSorting && filterDefinitions\n        ? filterDefinitions.map((def) => getFilterKey(def))\n        : [],\n    [enableSorting, filterDefinitions, 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 && filterDefinitions\n    ? filterDefinitions[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        const next = arrayMove(sortableIds, oldIndex, newIndex);\n        onOrderChange?.(next);\n      }\n    },\n    [sortableIds, onOrderChange],\n  );\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null);\n  }, []);\n\n  const announcements = useMemo<Announcements>(() => {\n    const labelForId = (id: UniqueIdentifier) => {\n      const idx = sortableIds.indexOf(String(id));\n      const def = idx >= 0 ? filterDefinitions?.[idx] : undefined;\n      return def ? getFilterLabel(def) : \"filter\";\n    };\n    return {\n      onDragStart({ active }) {\n        return `Picked up ${labelForId(active.id)} 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 label = labelForId(active.id);\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        return `Cancelled dragging ${labelForId(active.id)} filter`;\n      },\n    };\n  }, [filterDefinitions, sortableIds, getFilterLabel]);\n\n  const accessibility = useMemo(\n    () => ({ announcements }),\n    [announcements],\n  );\n\n  if (!filterDefinitions || filterDefinitions.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            {filterDefinitions.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                  searchField={definition.searchField}\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                searchField={activeDefinition.searchField}\n                dragHandleAttributes={DRAG_OVERLAY_HANDLE_ATTRIBUTES}\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      {filterDefinitions.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            searchField={definition.searchField}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,43 +18,12 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { Button } from "@base-ui/react/button";
 import { Input } from "@base-ui/react/input";
 import classnames from "classnames";
-import React, { memo, useCallback, useState } from "react";
+import React, { memo, useCallback, useMemo, useState } from "react";
 import { ErrorBoundary } from "../../shared/ErrorBoundary.js";
-import { supportsExcluding, supportsSearch } from "../utils/filterValues.js";
+import { filterHasActiveState, getEffectiveFilterState, supportsExcluding, supportsSearch } from "../utils/filterValues.js";
 import { DragHandleIcon } from "./DragHandleIcon.js";
 import { OverflowMenuIcon, RemoveIcon, SearchIcon } from "./FilterIcons.js";
 import styles from "./FilterListItem.module.css.js";
-function hasActiveSelection(filterState) {
-  if (filterState == null) {
-    return false;
-  }
-  switch (filterState.type) {
-    case "EXACT_MATCH":
-      return filterState.values.length > 0;
-    case "SELECT":
-      return filterState.selectedValues.length > 0;
-    case "CONTAINS_TEXT":
-      return filterState.value != null && filterState.value.length > 0;
-    case "NUMBER_RANGE":
-      return filterState.minValue != null || filterState.maxValue != null;
-    case "DATE_RANGE":
-      return filterState.minValue != null || filterState.maxValue != null;
-    case "TIMELINE":
-      return filterState.startDate != null || filterState.endDate != null;
-    case "TOGGLE":
-      return filterState.enabled;
-    case "keywordSearch":
-      return filterState.searchTerm.length > 0;
-    case "hasLink":
-      return filterState.hasLink;
-    case "linkedProperty":
-      return hasActiveSelection(filterState.linkedFilterState);
-    case "custom":
-      return true;
-    default:
-      return false;
-  }
-}
 function FilterListItemInner({
   definition,
   filterKey,
@@ -63,6 +32,7 @@ function FilterListItemInner({
   onFilterStateChanged,
   onFilterRemoved,
   renderInput,
+  searchField,
   dragHandleAttributes,
   dragHandleListeners,
   className,
@@ -106,15 +76,17 @@ function FilterListItemInner({
       preventScroll: true
     });
   }, []);
-  const showExcludeDropdown = supportsExcluding(filterState);
-  const showSearch = supportsSearch(filterState);
+  const effectiveState = useMemo(() => getEffectiveFilterState(filterState), [filterState]);
+  const showExcludeDropdown = supportsExcluding(effectiveState);
+  const showSearch = supportsSearch(effectiveState) && searchField !== false;
+  const hasSelection = filterHasActiveState(filterState);
   const searchOpen = searchState.type === "open";
   const searchQuery = searchState.type === "open" ? searchState.query : "";
   const searchQueryForInput = searchState.type === "open" ? searchState.query : undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.filterItem, className),
     style: style,
-    "data-has-selection": hasActiveSelection(filterState) || undefined
+    "data-has-selection": hasSelection || undefined
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.itemHeader
   }, dragHandleAttributes && /*#__PURE__*/React.createElement(Button, _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"FilterListItem.js","names":["Button","Input","classnames","React","memo","useCallback","useState","ErrorBoundary","supportsExcluding","supportsSearch","DragHandleIcon","OverflowMenuIcon","RemoveIcon","SearchIcon","styles","hasActiveSelection","filterState","type","values","length","selectedValues","value","minValue","maxValue","startDate","endDate","enabled","searchTerm","hasLink","linkedFilterState","FilterListItemInner","definition","filterKey","label","onFilterStateChanged","onFilterRemoved","renderInput","dragHandleAttributes","dragHandleListeners","className","style","searchState","setSearchState","excludeRowOpen","setExcludeRowOpen","handleFilterStateChanged","newState","handleToggleSearch","prev","query","handleSearchChange","e","target","handleSearchClear","handleRemove","handleToggleExcludeRow","searchInputRef","element","focus","preventScroll","showExcludeDropdown","showSearch","searchOpen","searchQuery","searchQueryForInput","undefined","createElement","filterItem","itemHeader","_extends","dragHandle","itemLabel","headerActionButton","onClick","searchRow","searchInput","onChange","placeholder","ref","searchClearButton","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 { Input } from \"@base-ui/react/input\";\nimport type {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useState } from \"react\";\nimport { ErrorBoundary } from \"../../shared/ErrorBoundary.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { supportsExcluding, supportsSearch } from \"../utils/filterValues.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { DragHandleIcon } from \"./DragHandleIcon.js\";\nimport { OverflowMenuIcon, RemoveIcon, SearchIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterListItem.module.css\";\n\nfunction hasActiveSelection(filterState: FilterState | undefined): boolean {\n  if (filterState == null) {\n    return false;\n  }\n  switch (filterState.type) {\n    case \"EXACT_MATCH\":\n      return filterState.values.length > 0;\n    case \"SELECT\":\n      return filterState.selectedValues.length > 0;\n    case \"CONTAINS_TEXT\":\n      return filterState.value != null && filterState.value.length > 0;\n    case \"NUMBER_RANGE\":\n      return filterState.minValue != null || filterState.maxValue != null;\n    case \"DATE_RANGE\":\n      return filterState.minValue != null || filterState.maxValue != null;\n    case \"TIMELINE\":\n      return filterState.startDate != null || filterState.endDate != null;\n    case \"TOGGLE\":\n      return filterState.enabled;\n    case \"keywordSearch\":\n      return filterState.searchTerm.length > 0;\n    case \"hasLink\":\n      return filterState.hasLink;\n    case \"linkedProperty\":\n      return hasActiveSelection(filterState.linkedFilterState);\n    case \"custom\":\n      return true;\n    default:\n      return false;\n  }\n}\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 [searchState, setSearchState] = useState<\n    { type: \"closed\" } | { type: \"open\"; query: string }\n  >({ type: \"closed\" });\n  const [excludeRowOpen, setExcludeRowOpen] = useState(false);\n\n  const handleFilterStateChanged = useCallback(\n    (newState: FilterState) => {\n      onFilterStateChanged(filterKey, newState);\n    },\n    [filterKey, onFilterStateChanged],\n  );\n\n  const handleToggleSearch = useCallback(() => {\n    setSearchState((prev) =>\n      prev.type === \"closed\" ? { type: \"open\", query: \"\" } : { type: \"closed\" }\n    );\n  }, []);\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchState({ type: \"open\", query: e.target.value });\n    },\n    [],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    setSearchState({ type: \"open\", query: \"\" });\n  }, []);\n\n  const handleRemove = useCallback(() => {\n    onFilterRemoved?.(filterKey);\n  }, [filterKey, onFilterRemoved]);\n\n  const handleToggleExcludeRow = useCallback(() => {\n    setExcludeRowOpen((prev) => !prev);\n  }, []);\n\n  const searchInputRef = useCallback((element: HTMLInputElement | null) => {\n    element?.focus({ preventScroll: true });\n  }, []);\n\n  const showExcludeDropdown = supportsExcluding(filterState);\n  const showSearch = supportsSearch(filterState);\n  const hasOverflowActions = showExcludeDropdown;\n\n  const searchOpen = searchState.type === \"open\";\n  const searchQuery = searchState.type === \"open\" ? searchState.query : \"\";\n  const searchQueryForInput = searchState.type === \"open\"\n    ? searchState.query\n    : undefined;\n\n  return (\n    <div\n      className={classnames(styles.filterItem, className)}\n      style={style}\n      data-has-selection={hasActiveSelection(filterState) || 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\n          className={styles.itemLabel}\n        >\n          {label}\n        </span>\n        {showSearch && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleToggleSearch}\n            aria-label=\"Search values\"\n            aria-pressed={searchOpen}\n          >\n            <SearchIcon />\n          </Button>\n        )}\n        {onFilterRemoved && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleRemove}\n            aria-label={`Remove ${label} filter`}\n          >\n            <RemoveIcon />\n          </Button>\n        )}\n        {hasOverflowActions && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleToggleExcludeRow}\n            aria-label=\"More actions\"\n            aria-pressed={excludeRowOpen}\n          >\n            <OverflowMenuIcon />\n          </Button>\n        )}\n      </div>\n\n      {searchOpen && (\n        <div className={styles.searchRow}>\n          <Input\n            type=\"text\"\n            className={styles.searchInput}\n            value={searchQuery}\n            onChange={handleSearchChange}\n            placeholder=\"Search property values...\"\n            aria-label=\"Search property values\"\n            ref={searchInputRef}\n          />\n          {searchQuery && (\n            <Button\n              type=\"button\"\n              className={styles.searchClearButton}\n              onClick={handleSearchClear}\n              aria-label=\"Clear search\"\n            >\n              <RemoveIcon />\n            </Button>\n          )}\n        </div>\n      )}\n\n      <div className={styles.itemContent}>\n        <ErrorBoundary errorMessage=\"Error loading filter\">\n          {renderInput({\n            definition,\n            filterKey,\n            filterState,\n            onFilterStateChanged: handleFilterStateChanged,\n            searchQuery: searchQueryForInput,\n            excludeRowOpen,\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":[]}
+{"version":3,"file":"FilterListItem.js","names":["Button","Input","classnames","React","memo","useCallback","useMemo","useState","ErrorBoundary","filterHasActiveState","getEffectiveFilterState","supportsExcluding","supportsSearch","DragHandleIcon","OverflowMenuIcon","RemoveIcon","SearchIcon","styles","FilterListItemInner","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","searchField","dragHandleAttributes","dragHandleListeners","className","style","searchState","setSearchState","type","excludeRowOpen","setExcludeRowOpen","handleFilterStateChanged","newState","handleToggleSearch","prev","query","handleSearchChange","e","target","value","handleSearchClear","handleRemove","handleToggleExcludeRow","searchInputRef","element","focus","preventScroll","effectiveState","showExcludeDropdown","showSearch","hasSelection","searchOpen","searchQuery","searchQueryForInput","undefined","createElement","filterItem","itemHeader","_extends","dragHandle","itemLabel","headerActionButton","onClick","searchRow","searchInput","onChange","placeholder","ref","searchClearButton","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 { Input } from \"@base-ui/react/input\";\nimport type {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { ErrorBoundary } from \"../../shared/ErrorBoundary.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport {\n  filterHasActiveState,\n  getEffectiveFilterState,\n  supportsExcluding,\n  supportsSearch,\n} from \"../utils/filterValues.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { DragHandleIcon } from \"./DragHandleIcon.js\";\nimport { OverflowMenuIcon, RemoveIcon, SearchIcon } 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  searchField?: boolean;\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  searchField,\n  dragHandleAttributes,\n  dragHandleListeners,\n  className,\n  style,\n}: FilterListItemProps<D>): React.ReactElement {\n  const [searchState, setSearchState] = useState<\n    { type: \"closed\" } | { type: \"open\"; query: string }\n  >({ type: \"closed\" });\n  const [excludeRowOpen, setExcludeRowOpen] = useState(false);\n\n  const handleFilterStateChanged = useCallback(\n    (newState: FilterState) => {\n      onFilterStateChanged(filterKey, newState);\n    },\n    [filterKey, onFilterStateChanged],\n  );\n\n  const handleToggleSearch = useCallback(() => {\n    setSearchState((prev) =>\n      prev.type === \"closed\" ? { type: \"open\", query: \"\" } : { type: \"closed\" }\n    );\n  }, []);\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchState({ type: \"open\", query: e.target.value });\n    },\n    [],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    setSearchState({ type: \"open\", query: \"\" });\n  }, []);\n\n  const handleRemove = useCallback(() => {\n    onFilterRemoved?.(filterKey);\n  }, [filterKey, onFilterRemoved]);\n\n  const handleToggleExcludeRow = useCallback(() => {\n    setExcludeRowOpen((prev) => !prev);\n  }, []);\n\n  const searchInputRef = useCallback((element: HTMLInputElement | null) => {\n    element?.focus({ preventScroll: true });\n  }, []);\n\n  const effectiveState = useMemo(\n    () => getEffectiveFilterState(filterState),\n    [filterState],\n  );\n\n  const showExcludeDropdown = supportsExcluding(effectiveState);\n  const showSearch = supportsSearch(effectiveState) && searchField !== false;\n  const hasOverflowActions = showExcludeDropdown;\n  const hasSelection = filterHasActiveState(filterState);\n\n  const searchOpen = searchState.type === \"open\";\n  const searchQuery = searchState.type === \"open\" ? searchState.query : \"\";\n  const searchQueryForInput = searchState.type === \"open\"\n    ? searchState.query\n    : undefined;\n\n  return (\n    <div\n      className={classnames(styles.filterItem, className)}\n      style={style}\n      data-has-selection={hasSelection || 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\n          className={styles.itemLabel}\n        >\n          {label}\n        </span>\n        {showSearch && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleToggleSearch}\n            aria-label=\"Search values\"\n            aria-pressed={searchOpen}\n          >\n            <SearchIcon />\n          </Button>\n        )}\n        {onFilterRemoved && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleRemove}\n            aria-label={`Remove ${label} filter`}\n          >\n            <RemoveIcon />\n          </Button>\n        )}\n        {hasOverflowActions && (\n          <Button\n            className={styles.headerActionButton}\n            onClick={handleToggleExcludeRow}\n            aria-label=\"More actions\"\n            aria-pressed={excludeRowOpen}\n          >\n            <OverflowMenuIcon />\n          </Button>\n        )}\n      </div>\n\n      {searchOpen && (\n        <div className={styles.searchRow}>\n          <Input\n            type=\"text\"\n            className={styles.searchInput}\n            value={searchQuery}\n            onChange={handleSearchChange}\n            placeholder=\"Search property values...\"\n            aria-label=\"Search property values\"\n            ref={searchInputRef}\n          />\n          {searchQuery && (\n            <Button\n              type=\"button\"\n              className={styles.searchClearButton}\n              onClick={handleSearchClear}\n              aria-label=\"Clear search\"\n            >\n              <RemoveIcon />\n            </Button>\n          )}\n        </div>\n      )}\n\n      <div className={styles.itemContent}>\n        <ErrorBoundary errorMessage=\"Error loading filter\">\n          {renderInput({\n            definition,\n            filterKey,\n            filterState,\n            onFilterStateChanged: handleFilterStateChanged,\n            searchQuery: searchQueryForInput,\n            excludeRowOpen,\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":[]}

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

@@ -28,7 +28,8 @@ function SortableFilterListItemInner({
   filterState,
   onFilterStateChanged,
   onFilterRemoved,
-  renderInput
+  renderInput,
+  searchField
 }) {
   const {
     attributes,
@@ -56,6 +57,7 @@ function SortableFilterListItemInner({
     onFilterStateChanged: onFilterStateChanged,
     onFilterRemoved: onFilterRemoved,
     renderInput: renderInput,
+    searchField: searchField,
     dragHandleAttributes: attributes,
     dragHandleListeners: listeners
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"SortableFilterListItem.js","names":["useSortable","CSS","classnames","React","memo","useMemo","FilterListItem","styles","SortableFilterListItemInner","id","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","attributes","listeners","setNodeRef","transform","transition","isDragging","style","Transform","toString","undefined","createElement","ref","className","dragging","dragHandleAttributes","dragHandleListeners","SortableFilterListItem"],"sources":["SortableFilterListItem.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 { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classnames from \"classnames\";\nimport React, { memo, useMemo } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { FilterListItem } from \"./FilterListItem.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface SortableFilterListItemProps<D> {\n  id: string;\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}\n\nfunction SortableFilterListItemInner<D>({\n  id,\n  definition,\n  filterKey,\n  label,\n  filterState,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n}: SortableFilterListItemProps<D>): React.ReactElement {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const style = useMemo<React.CSSProperties>(() => ({\n    transform: CSS.Transform.toString(transform),\n    transition: transition ?? undefined,\n  }), [transform, transition]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={classnames(isDragging && styles.dragging)}\n    >\n      <FilterListItem\n        definition={definition}\n        filterKey={filterKey}\n        label={label}\n        filterState={filterState}\n        onFilterStateChanged={onFilterStateChanged}\n        onFilterRemoved={onFilterRemoved}\n        renderInput={renderInput}\n        dragHandleAttributes={attributes}\n        dragHandleListeners={listeners}\n      />\n    </div>\n  );\n}\n\nexport const SortableFilterListItem = memo(\n  SortableFilterListItemInner,\n) as typeof SortableFilterListItemInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAG5C,SAASC,cAAc,QAAQ,qBAAqB;AACpD,OAAOC,MAAM,MAAM,6BAA6B;AAgBhD,SAASC,2BAA2BA,CAAI;EACtCC,EAAE;EACFC,UAAU;EACVC,SAAS;EACTC,KAAK;EACLC,WAAW;EACXC,oBAAoB;EACpBC,eAAe;EACfC;AAC8B,CAAC,EAAsB;EACrD,MAAM;IACJC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC;EACF,CAAC,GAAGtB,WAAW,CAAC;IAAES;EAAG,CAAC,CAAC;EAEvB,MAAMc,KAAK,GAAGlB,OAAO,CAAsB,OAAO;IAChDe,SAAS,EAAEnB,GAAG,CAACuB,SAAS,CAACC,QAAQ,CAACL,SAAS,CAAC;IAC5CC,UAAU,EAAEA,UAAU,IAAIK;EAC5B,CAAC,CAAC,EAAE,CAACN,SAAS,EAAEC,UAAU,CAAC,CAAC;EAE5B,oBACElB,KAAA,CAAAwB,aAAA;IACEC,GAAG,EAAET,UAAW;IAChBI,KAAK,EAAEA,KAAM;IACbM,SAAS,EAAE3B,UAAU,CAACoB,UAAU,IAAIf,MAAM,CAACuB,QAAQ;EAAE,gBAErD3B,KAAA,CAAAwB,aAAA,CAACrB,cAAc;IACbI,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,oBAAoB,EAAEA,oBAAqB;IAC3CC,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IACzBe,oBAAoB,EAAEd,UAAW;IACjCe,mBAAmB,EAAEd;EAAU,CAChC,CACE,CAAC;AAEV;AAEA,OAAO,MAAMe,sBAAsB,gBAAG7B,IAAI,CACxCI,2BACF,CAAuC","ignoreList":[]}
+{"version":3,"file":"SortableFilterListItem.js","names":["useSortable","CSS","classnames","React","memo","useMemo","FilterListItem","styles","SortableFilterListItemInner","id","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","searchField","attributes","listeners","setNodeRef","transform","transition","isDragging","style","Transform","toString","undefined","createElement","ref","className","dragging","dragHandleAttributes","dragHandleListeners","SortableFilterListItem"],"sources":["SortableFilterListItem.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 { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classnames from \"classnames\";\nimport React, { memo, useMemo } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { FilterListItem } from \"./FilterListItem.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface SortableFilterListItemProps<D> {\n  id: string;\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  searchField?: boolean;\n}\n\nfunction SortableFilterListItemInner<D>({\n  id,\n  definition,\n  filterKey,\n  label,\n  filterState,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n  searchField,\n}: SortableFilterListItemProps<D>): React.ReactElement {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const style = useMemo<React.CSSProperties>(() => ({\n    transform: CSS.Transform.toString(transform),\n    transition: transition ?? undefined,\n  }), [transform, transition]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={classnames(isDragging && styles.dragging)}\n    >\n      <FilterListItem\n        definition={definition}\n        filterKey={filterKey}\n        label={label}\n        filterState={filterState}\n        onFilterStateChanged={onFilterStateChanged}\n        onFilterRemoved={onFilterRemoved}\n        renderInput={renderInput}\n        searchField={searchField}\n        dragHandleAttributes={attributes}\n        dragHandleListeners={listeners}\n      />\n    </div>\n  );\n}\n\nexport const SortableFilterListItem = memo(\n  SortableFilterListItemInner,\n) as typeof SortableFilterListItemInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAG5C,SAASC,cAAc,QAAQ,qBAAqB;AACpD,OAAOC,MAAM,MAAM,6BAA6B;AAiBhD,SAASC,2BAA2BA,CAAI;EACtCC,EAAE;EACFC,UAAU;EACVC,SAAS;EACTC,KAAK;EACLC,WAAW;EACXC,oBAAoB;EACpBC,eAAe;EACfC,WAAW;EACXC;AAC8B,CAAC,EAAsB;EACrD,MAAM;IACJC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC;EACF,CAAC,GAAGvB,WAAW,CAAC;IAAES;EAAG,CAAC,CAAC;EAEvB,MAAMe,KAAK,GAAGnB,OAAO,CAAsB,OAAO;IAChDgB,SAAS,EAAEpB,GAAG,CAACwB,SAAS,CAACC,QAAQ,CAACL,SAAS,CAAC;IAC5CC,UAAU,EAAEA,UAAU,IAAIK;EAC5B,CAAC,CAAC,EAAE,CAACN,SAAS,EAAEC,UAAU,CAAC,CAAC;EAE5B,oBACEnB,KAAA,CAAAyB,aAAA;IACEC,GAAG,EAAET,UAAW;IAChBI,KAAK,EAAEA,KAAM;IACbM,SAAS,EAAE5B,UAAU,CAACqB,UAAU,IAAIhB,MAAM,CAACwB,QAAQ;EAAE,gBAErD5B,KAAA,CAAAyB,aAAA,CAACtB,cAAc;IACbI,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,oBAAoB,EAAEA,oBAAqB;IAC3CC,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBe,oBAAoB,EAAEd,UAAW;IACjCe,mBAAmB,EAAEd;EAAU,CAChC,CACE,CAAC;AAEV;AAEA,OAAO,MAAMe,sBAAsB,gBAAG9B,IAAI,CACxCI,2BACF,CAAuC","ignoreList":[]}

package/build/browser/filter-list/base/inputs/ListogramInput.js

@@ -88,10 +88,12 @@ function ListogramInputInner({
     const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
     const perRowColor = colorMap?.[value];
     const isEmpty = isEmptyValue(value);
+    const isFilteredOut = count === 0 && !selectedSet.has(value);
     return /*#__PURE__*/React.createElement(Button, {
       key: value,
       className: styles.row,
-      "data-empty": isEmpty || undefined
+      "data-empty": isEmpty || undefined,
+      "data-filtered-out": isFilteredOut || undefined
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onClick: () => toggleValue(value),