@osdk/react-components 0.2.0-beta.27 → 0.2.0-beta.29

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

@@ -1 +1 @@
-{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","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 } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\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    showResetButton = false,\n    showActiveFilterCount = false,\n    hasVisibilityChanges,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\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        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\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        <FilterListContent\n          filterDefinitions={filterDefinitions}\n          filterStates={filterStates}\n          onFilterStateChanged={onFilterStateChanged}\n          onFilterRemoved={onFilterRemoved}\n          renderInput={renderInput}\n          getFilterKey={getFilterKey}\n          getFilterLabel={getFilterLabel}\n          enableSorting={enableSorting}\n        />\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      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","hasVisibilityChanges","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","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 } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\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    showResetButton = false,\n    showActiveFilterCount = false,\n    hasVisibilityChanges,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\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        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\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            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      </div>\n    </div>\n  );\n}\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,WAAW,QAAQ,OAAO;AAE1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,SAASC,cAAcA,CAC5BC,KAA6B,EACT;EACpB,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,YAAY;IACZC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,cAAc;IACdC,iBAAiB;IACjBC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,eAAe,GAAG,KAAK;IACvBC,qBAAqB,GAAG,KAAK;IAC7BC,oBAAoB;IACpBC,aAAa;IACbC,SAAS;IACTC;EACF,CAAC,GAAGpB,KAAK;EAOT,MAAMqB,YAAY,GAAG3B,WAAW,CAAC,MAAM;IACrCU,iBAAiB,GAAG,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMkB,WAAW,GAAGnB,SAAS,IAAIC,iBAAiB,IAAI,IAAI;EAE1D,oBACEX,KAAA,CAAA8B,aAAA;IAAKJ,SAAS,EAAE3B,UAAU,CAACI,MAAM,CAAC4B,UAAU,EAAEL,SAAS;EAAE,GACtDG,WAAW,iBACV7B,KAAA,CAAA8B,aAAA;IACEJ,SAAS,EAAEvB,MAAM,CAAC6B,mBAAoB;IACtC,kBAAe;EAAM,gBAErBhC,KAAA,CAAA8B,aAAA,CAAChC,MAAM;IACL4B,SAAS,EAAEvB,MAAM,CAAC8B,YAAa;IAC/BC,OAAO,EAAEN,YAAa;IACtB,cAAW;EAAgB,gBAE3B5B,KAAA,CAAA8B,aAAA,CAAC5B,UAAU,MAAE,CACP,CAAC,eACTF,KAAA,CAAA8B,aAAA;IAAMJ,SAAS,EAAEvB,MAAM,CAACgC;EAAe,GAAE3B,KAAK,IAAI,SAAgB,CAC/D,CACN,eACDR,KAAA,CAAA8B,aAAA;IACEJ,SAAS,EAAE3B,UAAU,CACnBI,MAAM,CAACiC,eAAe,EACtBP,WAAW,IAAI1B,MAAM,CAACkC,aACxB,CAAE;IACF,qBAAmBnB;EAAkB,GAEpC,CAnCYV,KAAK,IAAIC,SAAS,IAAIa,eAAe,IACnDC,qBAAqB,IAAIZ,iBAAiB,kBAmCvCX,KAAA,CAAA8B,aAAA,CAACzB,gBAAgB;IACfG,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,iBAAiB,EAAEA,iBAAkB;IACrCW,eAAe,EAAEA,eAAgB;IACjCH,OAAO,EAAEA,OAAQ;IACjBI,qBAAqB,EAAEA,qBAAsB;IAC7CL,iBAAiB,EAAEA,iBAAkB;IACrCM,oBAAoB,EAAEA;EAAqB,CAC5C,CACF,eAEDxB,KAAA,CAAA8B,aAAA;IAAKJ,SAAS,EAAEvB,MAAM,CAACmC;EAAkB,gBACvCtC,KAAA,CAAA8B,aAAA,CAAC1B,iBAAiB;IAChBQ,iBAAiB,EAAEA,iBAAkB;IACrCC,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CO,eAAe,EAAEA,eAAgB;IACjCN,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA,cAAe;IAC/BQ,aAAa,EAAEA;EAAc,CAC9B,CACE,CAAC,EAEL,CA3DeE,qBAAqB,IAAI,IAAI,IAAIP,aAAa,IAAI,IAAI,kBA4DpEpB,KAAA,CAAA8B,aAAA;IAAKJ,SAAS,EAAEvB,MAAM,CAACoC;EAAmB,GACvCZ,qBAAqB,GAClBA,qBAAqB,CAAC,CAAC,gBAEvB3B,KAAA,CAAA8B,aAAA,CAAChC,MAAM;IACL0C,IAAI,EAAC,QAAQ;IACbd,SAAS,EAAEvB,MAAM,CAACsC,SAAU;IAC5BP,OAAO,EAAEd;EAAc,GACxB,cAEO,CAET,CAEJ,CACF,CAAC;AAEV","ignoreList":[]}

package/build/esm/filter-list/base/ExcludeDropdown.js

@@ -17,7 +17,7 @@
 import { Menu } from "@base-ui/react/menu";
 import React, { memo, useCallback } from "react";
 import styles from "./ExcludeDropdown.module.css";
-import { CheckIcon, ChevronDownIcon } from "./FilterIcons.js";
+import { CheckIcon, ChevronDownIcon, ExcludeIcon } from "./FilterIcons.js";
 function ExcludeDropdownInner({
   isExcluding,
   onToggleExclude
@@ -37,8 +37,9 @@ function ExcludeDropdownInner({
     className: styles.excludeDropdownContainer
   }, /*#__PURE__*/React.createElement(Menu.Root, null, /*#__PURE__*/React.createElement(Menu.Trigger, {
     className: styles.trigger,
-    "aria-label": label
-  }, /*#__PURE__*/React.createElement("span", {
+    "aria-label": label,
+    "data-excluding": isExcluding || undefined
+  }, isExcluding && /*#__PURE__*/React.createElement(ExcludeIcon, null), /*#__PURE__*/React.createElement("span", {
     className: styles.triggerLabel
   }, label), /*#__PURE__*/React.createElement(ChevronDownIcon, null)), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
     className: styles.positioner,

package/build/esm/filter-list/base/ExcludeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExcludeDropdown.js","names":["Menu","React","memo","useCallback","styles","CheckIcon","ChevronDownIcon","ExcludeDropdownInner","isExcluding","onToggleExclude","label","handleSelectKeeping","handleSelectExcluding","createElement","className","excludeDropdownContainer","Root","Trigger","trigger","triggerLabel","Portal","Positioner","positioner","sideOffset","Popup","popup","Item","menuItem","onClick","menuItemCheck","ExcludeDropdown"],"sources":["ExcludeDropdown.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 { Menu } from \"@base-ui/react/menu\";\nimport React, { memo, useCallback } from \"react\";\nimport styles from \"./ExcludeDropdown.module.css\";\nimport { CheckIcon, ChevronDownIcon } from \"./FilterIcons.js\";\n\ninterface ExcludeDropdownProps {\n  isExcluding: boolean;\n  onToggleExclude: () => void;\n}\n\nfunction ExcludeDropdownInner({\n  isExcluding,\n  onToggleExclude,\n}: ExcludeDropdownProps): React.ReactElement {\n  const label = isExcluding ? \"Excluding\" : \"Keeping\";\n\n  const handleSelectKeeping = useCallback(() => {\n    if (isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  const handleSelectExcluding = useCallback(() => {\n    if (!isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  return (\n    <div className={styles.excludeDropdownContainer}>\n      <Menu.Root>\n        <Menu.Trigger\n          className={styles.trigger}\n          aria-label={label}\n        >\n          <span className={styles.triggerLabel}>\n            {label}\n          </span>\n          <ChevronDownIcon />\n        </Menu.Trigger>\n        <Menu.Portal>\n          <Menu.Positioner className={styles.positioner} sideOffset={4}>\n            <Menu.Popup className={styles.popup}>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectKeeping}\n              >\n                <span className={styles.menuItemCheck}>\n                  {!isExcluding && <CheckIcon />}\n                </span>\n                Keeping\n              </Menu.Item>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectExcluding}\n              >\n                <span className={styles.menuItemCheck}>\n                  {isExcluding && <CheckIcon />}\n                </span>\n                Excluding\n              </Menu.Item>\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    </div>\n  );\n}\n\nexport const ExcludeDropdown: React.MemoExoticComponent<\n  typeof ExcludeDropdownInner\n> = memo(ExcludeDropdownInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,OAAOC,MAAM,MAAM,8BAA8B;AACjD,SAASC,SAAS,EAAEC,eAAe,QAAQ,kBAAkB;AAO7D,SAASC,oBAAoBA,CAAC;EAC5BC,WAAW;EACXC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,KAAK,GAAGF,WAAW,GAAG,WAAW,GAAG,SAAS;EAEnD,MAAMG,mBAAmB,GAAGR,WAAW,CAAC,MAAM;IAC5C,IAAIK,WAAW,EAAE;MACfC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,MAAMG,qBAAqB,GAAGT,WAAW,CAAC,MAAM;IAC9C,IAAI,CAACK,WAAW,EAAE;MAChBC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,oBACER,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,MAAM,CAACW;EAAyB,gBAC9Cd,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACgB,IAAI,qBACRf,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACiB,OAAO;IACXH,SAAS,EAAEV,MAAM,CAACc,OAAQ;IAC1B,cAAYR;EAAM,gBAElBT,KAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEV,MAAM,CAACe;EAAa,GAClCT,KACG,CAAC,eACPT,KAAA,CAAAY,aAAA,CAACP,eAAe,MAAE,CACN,CAAC,eACfL,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACoB,MAAM,qBACVnB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACqB,UAAU;IAACP,SAAS,EAAEV,MAAM,CAACkB,UAAW;IAACC,UAAU,EAAE;EAAE,gBAC3DtB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACwB,KAAK;IAACV,SAAS,EAAEV,MAAM,CAACqB;EAAM,gBAClCxB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAAC0B,IAAI;IACRZ,SAAS,EAAEV,MAAM,CAACuB,QAAS;IAC3BC,OAAO,EAAEjB;EAAoB,gBAE7BV,KAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEV,MAAM,CAACyB;EAAc,GACnC,CAACrB,WAAW,iBAAIP,KAAA,CAAAY,aAAA,CAACR,SAAS,MAAE,CACzB,CAAC,WAEE,CAAC,eACZJ,KAAA,CAAAY,aAAA,CAACb,IAAI,CAAC0B,IAAI;IACRZ,SAAS,EAAEV,MAAM,CAACuB,QAAS;IAC3BC,OAAO,EAAEhB;EAAsB,gBAE/BX,KAAA,CAAAY,aAAA;IAAMC,SAAS,EAAEV,MAAM,CAACyB;EAAc,GACnCrB,WAAW,iBAAIP,KAAA,CAAAY,aAAA,CAACR,SAAS,MAAE,CACxB,CAAC,aAEE,CACD,CACG,CACN,CACJ,CACR,CAAC;AAEV;AAEA,OAAO,MAAMyB,eAEZ,gBAAG5B,IAAI,CAACK,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"file":"ExcludeDropdown.js","names":["Menu","React","memo","useCallback","styles","CheckIcon","ChevronDownIcon","ExcludeIcon","ExcludeDropdownInner","isExcluding","onToggleExclude","label","handleSelectKeeping","handleSelectExcluding","createElement","className","excludeDropdownContainer","Root","Trigger","trigger","undefined","triggerLabel","Portal","Positioner","positioner","sideOffset","Popup","popup","Item","menuItem","onClick","menuItemCheck","ExcludeDropdown"],"sources":["ExcludeDropdown.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 { Menu } from \"@base-ui/react/menu\";\nimport React, { memo, useCallback } from \"react\";\nimport styles from \"./ExcludeDropdown.module.css\";\nimport { CheckIcon, ChevronDownIcon, ExcludeIcon } from \"./FilterIcons.js\";\n\ninterface ExcludeDropdownProps {\n  isExcluding: boolean;\n  onToggleExclude: () => void;\n}\n\nfunction ExcludeDropdownInner({\n  isExcluding,\n  onToggleExclude,\n}: ExcludeDropdownProps): React.ReactElement {\n  const label = isExcluding ? \"Excluding\" : \"Keeping\";\n\n  const handleSelectKeeping = useCallback(() => {\n    if (isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  const handleSelectExcluding = useCallback(() => {\n    if (!isExcluding) {\n      onToggleExclude();\n    }\n  }, [isExcluding, onToggleExclude]);\n\n  return (\n    <div className={styles.excludeDropdownContainer}>\n      <Menu.Root>\n        <Menu.Trigger\n          className={styles.trigger}\n          aria-label={label}\n          data-excluding={isExcluding || undefined}\n        >\n          {isExcluding && <ExcludeIcon />}\n          <span className={styles.triggerLabel}>\n            {label}\n          </span>\n          <ChevronDownIcon />\n        </Menu.Trigger>\n        <Menu.Portal>\n          <Menu.Positioner className={styles.positioner} sideOffset={4}>\n            <Menu.Popup className={styles.popup}>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectKeeping}\n              >\n                <span className={styles.menuItemCheck}>\n                  {!isExcluding && <CheckIcon />}\n                </span>\n                Keeping\n              </Menu.Item>\n              <Menu.Item\n                className={styles.menuItem}\n                onClick={handleSelectExcluding}\n              >\n                <span className={styles.menuItemCheck}>\n                  {isExcluding && <CheckIcon />}\n                </span>\n                Excluding\n              </Menu.Item>\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </Menu.Root>\n    </div>\n  );\n}\n\nexport const ExcludeDropdown: React.MemoExoticComponent<\n  typeof ExcludeDropdownInner\n> = memo(ExcludeDropdownInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,OAAOC,MAAM,MAAM,8BAA8B;AACjD,SAASC,SAAS,EAAEC,eAAe,EAAEC,WAAW,QAAQ,kBAAkB;AAO1E,SAASC,oBAAoBA,CAAC;EAC5BC,WAAW;EACXC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,KAAK,GAAGF,WAAW,GAAG,WAAW,GAAG,SAAS;EAEnD,MAAMG,mBAAmB,GAAGT,WAAW,CAAC,MAAM;IAC5C,IAAIM,WAAW,EAAE;MACfC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,MAAMG,qBAAqB,GAAGV,WAAW,CAAC,MAAM;IAC9C,IAAI,CAACM,WAAW,EAAE;MAChBC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EAAE,CAACD,WAAW,EAAEC,eAAe,CAAC,CAAC;EAElC,oBACET,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAEX,MAAM,CAACY;EAAyB,gBAC9Cf,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACiB,IAAI,qBACRhB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACkB,OAAO;IACXH,SAAS,EAAEX,MAAM,CAACe,OAAQ;IAC1B,cAAYR,KAAM;IAClB,kBAAgBF,WAAW,IAAIW;EAAU,GAExCX,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACP,WAAW,MAAE,CAAC,eAC/BN,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAACiB;EAAa,GAClCV,KACG,CAAC,eACPV,KAAA,CAAAa,aAAA,CAACR,eAAe,MAAE,CACN,CAAC,eACfL,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACsB,MAAM,qBACVrB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAACuB,UAAU;IAACR,SAAS,EAAEX,MAAM,CAACoB,UAAW;IAACC,UAAU,EAAE;EAAE,gBAC3DxB,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC0B,KAAK;IAACX,SAAS,EAAEX,MAAM,CAACuB;EAAM,gBAClC1B,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC4B,IAAI;IACRb,SAAS,EAAEX,MAAM,CAACyB,QAAS;IAC3BC,OAAO,EAAElB;EAAoB,gBAE7BX,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAAC2B;EAAc,GACnC,CAACtB,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACT,SAAS,MAAE,CACzB,CAAC,WAEE,CAAC,eACZJ,KAAA,CAAAa,aAAA,CAACd,IAAI,CAAC4B,IAAI;IACRb,SAAS,EAAEX,MAAM,CAACyB,QAAS;IAC3BC,OAAO,EAAEjB;EAAsB,gBAE/BZ,KAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEX,MAAM,CAAC2B;EAAc,GACnCtB,WAAW,iBAAIR,KAAA,CAAAa,aAAA,CAACT,SAAS,MAAE,CACxB,CAAC,aAEE,CACD,CACG,CACN,CACJ,CACR,CAAC;AAEV;AAEA,OAAO,MAAM2B,eAEZ,gBAAG9B,IAAI,CAACM,oBAAoB,CAAC","ignoreList":[]}

package/build/esm/filter-list/base/ExcludeDropdown.module.css

@@ -28,17 +28,18 @@
   cursor: pointer;
   font-family: var(--osdk-filter-item-exclude-dropdown-font-family);
   font-size: var(--osdk-filter-item-exclude-dropdown-font-size);
-  color: var(--osdk-filter-item-exclude-dropdown-color);
-  padding: calc(var(--osdk-surface-spacing) * 0.5)
+  color: var(--osdk-filter-item-exclude-dropdown-trigger-color);
+  padding: calc(var(--osdk-surface-spacing) * 1)
     calc(var(--osdk-surface-spacing) * 1);
-  border-radius: var(--osdk-filter-item-header-action-border-radius);
+  border-radius: var(--osdk-filter-item-exclude-dropdown-trigger-border-radius);
 
   &:hover {
     background: var(--osdk-filter-item-header-action-bg-hover);
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 }
@@ -81,7 +82,8 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline: var(--osdk-filter-input-focus-outline-width) solid
+      var(--osdk-filter-input-focus-outline-color);
     outline-offset: var(--osdk-filter-input-focus-outline-offset);
   }
 }

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { ChevronDown, Cross, DoubleChevronLeft, DoubleChevronRight, More, Search, Tick, Undo } from "@blueprintjs/icons";
+import { ChevronDown, Cross, Disable, DoubleChevronLeft, DoubleChevronRight, More, Reset, Search, Tick } from "@blueprintjs/icons";
 import React from "react";
 export function RemoveIcon() {
   return /*#__PURE__*/React.createElement(Cross, {
@@ -47,8 +47,8 @@ export function ExpandIcon() {
   });
 }
 export function ResetIcon() {
-  return /*#__PURE__*/React.createElement(Undo, {
-    size: 14
+  return /*#__PURE__*/React.createElement(Reset, {
+    size: 12
   });
 }
 export function CheckIcon() {
@@ -56,4 +56,10 @@ export function CheckIcon() {
     size: 12
   });
 }
+export function ExcludeIcon() {
+  return /*#__PURE__*/React.createElement(Disable, {
+    color: "currentColor",
+    size: 12
+  });
+}
 //# sourceMappingURL=FilterIcons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","DoubleChevronLeft","DoubleChevronRight","More","Search","Tick","Undo","React","RemoveIcon","createElement","size","SearchIcon","OverflowMenuIcon","ChevronDownIcon","CollapseIcon","ExpandIcon","ResetIcon","CheckIcon"],"sources":["FilterIcons.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ChevronDown,\n  Cross,\n  DoubleChevronLeft,\n  DoubleChevronRight,\n  More,\n  Search,\n  Tick,\n  Undo,\n} from \"@blueprintjs/icons\";\nimport React from \"react\";\n\nexport function RemoveIcon(): React.ReactElement {\n  return <Cross size={14} />;\n}\n\nexport function SearchIcon(): React.ReactElement {\n  return <Search size={14} />;\n}\n\nexport function OverflowMenuIcon(): React.ReactElement {\n  return <More size={14} />;\n}\n\nexport function ChevronDownIcon(): React.ReactElement {\n  return <ChevronDown size={10} />;\n}\n\nexport function CollapseIcon(): React.ReactElement {\n  return <DoubleChevronLeft size={14} />;\n}\n\nexport function ExpandIcon(): React.ReactElement {\n  return <DoubleChevronRight size={14} />;\n}\n\nexport function ResetIcon(): React.ReactElement {\n  return <Undo size={14} />;\n}\n\nexport function CheckIcon(): React.ReactElement {\n  return <Tick size={12} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,WAAW,EACXC,KAAK,EACLC,iBAAiB,EACjBC,kBAAkB,EAClBC,IAAI,EACJC,MAAM,EACNC,IAAI,EACJC,IAAI,QACC,oBAAoB;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOD,KAAA,CAAAE,aAAA,CAACT,KAAK;IAACU,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOJ,KAAA,CAAAE,aAAA,CAACL,MAAM;IAACM,IAAI,EAAE;EAAG,CAAE,CAAC;AAC7B;AAEA,OAAO,SAASE,gBAAgBA,CAAA,EAAuB;EACrD,oBAAOL,KAAA,CAAAE,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASG,eAAeA,CAAA,EAAuB;EACpD,oBAAON,KAAA,CAAAE,aAAA,CAACV,WAAW;IAACW,IAAI,EAAE;EAAG,CAAE,CAAC;AAClC;AAEA,OAAO,SAASI,YAAYA,CAAA,EAAuB;EACjD,oBAAOP,KAAA,CAAAE,aAAA,CAACR,iBAAiB;IAACS,IAAI,EAAE;EAAG,CAAE,CAAC;AACxC;AAEA,OAAO,SAASK,UAAUA,CAAA,EAAuB;EAC/C,oBAAOR,KAAA,CAAAE,aAAA,CAACP,kBAAkB;IAACQ,IAAI,EAAE;EAAG,CAAE,CAAC;AACzC;AAEA,OAAO,SAASM,SAASA,CAAA,EAAuB;EAC9C,oBAAOT,KAAA,CAAAE,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASO,SAASA,CAAA,EAAuB;EAC9C,oBAAOV,KAAA,CAAAE,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B","ignoreList":[]}
+{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","Disable","DoubleChevronLeft","DoubleChevronRight","More","Reset","Search","Tick","React","RemoveIcon","createElement","size","SearchIcon","OverflowMenuIcon","ChevronDownIcon","CollapseIcon","ExpandIcon","ResetIcon","CheckIcon","ExcludeIcon","color"],"sources":["FilterIcons.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ChevronDown,\n  Cross,\n  Disable,\n  DoubleChevronLeft,\n  DoubleChevronRight,\n  More,\n  Reset,\n  Search,\n  Tick,\n} from \"@blueprintjs/icons\";\nimport React from \"react\";\n\nexport function RemoveIcon(): React.ReactElement {\n  return <Cross size={14} />;\n}\n\nexport function SearchIcon(): React.ReactElement {\n  return <Search size={14} />;\n}\n\nexport function OverflowMenuIcon(): React.ReactElement {\n  return <More size={14} />;\n}\n\nexport function ChevronDownIcon(): React.ReactElement {\n  return <ChevronDown size={10} />;\n}\n\nexport function CollapseIcon(): React.ReactElement {\n  return <DoubleChevronLeft size={14} />;\n}\n\nexport function ExpandIcon(): React.ReactElement {\n  return <DoubleChevronRight size={14} />;\n}\n\nexport function ResetIcon(): React.ReactElement {\n  return <Reset size={12} />;\n}\n\nexport function CheckIcon(): React.ReactElement {\n  return <Tick size={12} />;\n}\n\nexport function ExcludeIcon(): React.ReactElement {\n  return <Disable color=\"currentColor\" size={12} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,kBAAkB,EAClBC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,IAAI,QACC,oBAAoB;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOD,KAAA,CAAAE,aAAA,CAACV,KAAK;IAACW,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOJ,KAAA,CAAAE,aAAA,CAACJ,MAAM;IAACK,IAAI,EAAE;EAAG,CAAE,CAAC;AAC7B;AAEA,OAAO,SAASE,gBAAgBA,CAAA,EAAuB;EACrD,oBAAOL,KAAA,CAAAE,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASG,eAAeA,CAAA,EAAuB;EACpD,oBAAON,KAAA,CAAAE,aAAA,CAACX,WAAW;IAACY,IAAI,EAAE;EAAG,CAAE,CAAC;AAClC;AAEA,OAAO,SAASI,YAAYA,CAAA,EAAuB;EACjD,oBAAOP,KAAA,CAAAE,aAAA,CAACR,iBAAiB;IAACS,IAAI,EAAE;EAAG,CAAE,CAAC;AACxC;AAEA,OAAO,SAASK,UAAUA,CAAA,EAAuB;EAC/C,oBAAOR,KAAA,CAAAE,aAAA,CAACP,kBAAkB;IAACQ,IAAI,EAAE;EAAG,CAAE,CAAC;AACzC;AAEA,OAAO,SAASM,SAASA,CAAA,EAAuB;EAC9C,oBAAOT,KAAA,CAAAE,aAAA,CAACL,KAAK;IAACM,IAAI,EAAE;EAAG,CAAE,CAAC;AAC5B;AAEA,OAAO,SAASO,SAASA,CAAA,EAAuB;EAC9C,oBAAOV,KAAA,CAAAE,aAAA,CAACH,IAAI;IAACI,IAAI,EAAE;EAAG,CAAE,CAAC;AAC3B;AAEA,OAAO,SAASQ,WAAWA,CAAA,EAAuB;EAChD,oBAAOX,KAAA,CAAAE,aAAA,CAACT,OAAO;IAACmB,KAAK,EAAC,cAAc;IAACT,IAAI,EAAE;EAAG,CAAE,CAAC;AACnD","ignoreList":[]}

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

@@ -14,16 +14,24 @@
  * limitations under the License.
  */
 
+import { Button } from "@base-ui/react/button";
 import classnames from "classnames";
-import React, { memo, useCallback } from "react";
+import React, { memo, useCallback, useMemo } from "react";
 import { supportsExcluding } from "../utils/filterValues.js";
 import { ExcludeDropdown } from "./ExcludeDropdown.js";
 import styles from "./FilterListItem.module.css";
+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,
   onFilterStateChanged,
   totalValueCount,
+  onClearAll,
   children
 }) {
   const handleToggleExclude = useCallback(() => {
@@ -35,6 +43,7 @@ function FilterInputExcludeRowInner({
     }
   }, [filterState, onFilterStateChanged]);
   const isExcluding = filterState?.isExcluding ?? false;
+  const selectedCount = useMemo(() => getSelectedCount(filterState), [filterState]);
   if (!supportsExcluding(filterState)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
@@ -49,7 +58,10 @@ function FilterInputExcludeRowInner({
   }), totalValueCount != null && totalValueCount > 0 && /*#__PURE__*/React.createElement("span", {
     className: styles.excludeCountLabel,
     title: "Approximate count of unique values"
-  }, totalValueCount.toLocaleString(), " values")), children);
+  }, selectedCount.toLocaleString(), " of", " ", totalValueCount.toLocaleString(), " values"), onClearAll && selectedCount > 0 && /*#__PURE__*/React.createElement(Button, {
+    className: styles.clearAllButton,
+    onClick: onClearAll
+  }, "Clear all")), children);
 }
 export const FilterInputExcludeRow = /*#__PURE__*/memo(FilterInputExcludeRowInner);
 //# sourceMappingURL=FilterInputExcludeRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterInputExcludeRow.js","names":["classnames","React","memo","useCallback","supportsExcluding","ExcludeDropdown","styles","FilterInputExcludeRowInner","excludeRowOpen","filterState","onFilterStateChanged","totalValueCount","children","handleToggleExclude","isExcluding","createElement","Fragment","className","excludeRow","excludeRowVisible","onToggleExclude","excludeCountLabel","title","toLocaleString","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 classnames from \"classnames\";\nimport React, { memo, useCallback } 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\ninterface FilterInputExcludeRowProps {\n  excludeRowOpen?: boolean;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  totalValueCount?: number;\n  children: React.ReactNode;\n}\n\nfunction FilterInputExcludeRowInner({\n  excludeRowOpen,\n  filterState,\n  onFilterStateChanged,\n  totalValueCount,\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\n  if (!supportsExcluding(filterState)) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      <div\n        data-exclude-row\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            {totalValueCount.toLocaleString()} values\n          </span>\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,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEhD,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,eAAe,QAAQ,sBAAsB;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAUhD,SAASC,0BAA0BA,CAAC;EAClCC,cAAc;EACdC,WAAW;EACXC,oBAAoB;EACpBC,eAAe;EACfC;AAC0B,CAAC,EAAsB;EACjD,MAAMC,mBAAmB,GAAGV,WAAW,CAAC,MAAM;IAC5C,IAAIM,WAAW,EAAE;MACfC,oBAAoB,CAAC;QACnB,GAAGD,WAAW;QACdK,WAAW,EAAE,CAACL,WAAW,CAACK;MAC5B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACL,WAAW,EAAEC,oBAAoB,CAAC,CAAC;EAEvC,MAAMI,WAAW,GAAGL,WAAW,EAAEK,WAAW,IAAI,KAAK;EAGrD,IAAI,CAACV,iBAAiB,CAACK,WAAW,CAAC,EAAE;IACnC,oBAAOR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QAAGJ,QAAW,CAAC;EACxB;EAEA,oBACEX,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA;IACE,wBAAgB;IAChBE,SAAS,EAAEjB,UAAU,CAACM,MAAM,CAACY,UAAU,EAAE;MACvC,CAACZ,MAAM,CAACa,iBAAiB,GAXlBX,cAAc,IAAI;IAY3B,CAAC;EAAE,gBAEHP,KAAA,CAAAc,aAAA,CAACV,eAAe;IACdS,WAAW,EAAEA,WAAY;IACzBM,eAAe,EAAEP;EAAoB,CACtC,CAAC,EACDF,eAAe,IAAI,IAAI,IAAIA,eAAe,GAAG,CAAC,iBAC7CV,KAAA,CAAAc,aAAA;IACEE,SAAS,EAAEX,MAAM,CAACe,iBAAkB;IACpCC,KAAK,EAAC;EAAoC,GAEzCX,eAAe,CAACY,cAAc,CAAC,CAAC,EAAC,SAC9B,CAEL,CAAC,EACLX,QACD,CAAC;AAEP;AAEA,OAAO,MAAMY,qBAEZ,gBAAGtB,IAAI,CAACK,0BAA0B,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -37,14 +37,23 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow-y: auto;
+  overflow: hidden;
   background: var(--osdk-filter-list-bg);
   border: var(--osdk-filter-list-border);
   border-radius: var(--osdk-filter-list-border-radius);
+  box-shadow: var(--osdk-filter-list-shadow);
   padding: var(--osdk-filter-list-padding);
   gap: var(--osdk-filter-list-gap);
 }
 
+.scrollableContent {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+
 .hiddenContent {
   display: none;
 }
@@ -92,10 +101,10 @@
 .addButtonContainer {
   display: flex;
   justify-content: center;
-  position: sticky;
-  bottom: 0;
-  padding-top: var(--osdk-filter-list-addButton-padding-top);
+  padding: var(--osdk-filter-list-addButton-container-padding);
   background: var(--osdk-filter-list-addButton-container-bg);
+  border-top: var(--osdk-filter-list-addButton-container-border-top);
+  flex-shrink: 0;
 }
 
 .addButtonContainer > * {
@@ -103,13 +112,17 @@
 }
 
 .addButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   font-family: var(--osdk-filter-header-font-family);
   font-size: var(--osdk-filter-header-reset-font-size);
-  color: var(--osdk-filter-header-reset-color);
+  color: var(--osdk-typography-color-default-rest);
   background: var(--osdk-filter-header-button-bg);
-  border: none;
+  border: var(--osdk-filter-list-addButton-border);
   cursor: pointer;
   padding: var(--osdk-filter-header-reset-padding);
+  min-height: var(--osdk-filter-list-addButton-height);
   border-radius: var(--osdk-filter-header-button-border-radius);
   transition: background-color var(--osdk-filter-header-button-transition);
 

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

@@ -17,7 +17,7 @@
 import { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import classnames from "classnames";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 import styles from "./FilterListContent.module.css";
 import { FilterListItem } from "./FilterListItem.js";
 import { SortableFilterListItem } from "./SortableFilterListItem.js";
@@ -31,6 +31,14 @@ const POINTER_ACTIVATION_CONSTRAINT = {
   distance: 8
 };
 const MODIFIERS = [restrictToVerticalAxis];
+const DRAG_OVERLAY_HANDLE_ATTRIBUTES = {
+  role: "button",
+  tabIndex: -1,
+  "aria-disabled": true,
+  "aria-pressed": undefined,
+  "aria-roledescription": "sortable",
+  "aria-describedby": ""
+};
 export function FilterListContent({
   filterDefinitions,
   filterStates,
@@ -43,15 +51,27 @@ export function FilterListContent({
   className,
   style
 }) {
-  const [internalOrder, setInternalOrder] = useState(() => filterDefinitions ?? []);
+  const [dragOrder, setDragOrder] = useState(null);
   const [activeId, setActiveId] = useState(null);
-  useEffect(() => {
-    if (filterDefinitions) {
-      setInternalOrder(filterDefinitions);
+  const renderDefinitions = useMemo(() => {
+    if (!enableSorting || !dragOrder || !filterDefinitions) {
+      return filterDefinitions;
+    }
+    const defsByKey = new Map(filterDefinitions.map(d => [getFilterKey(d), d]));
+    const ordered = [];
+    for (const key of dragOrder) {
+      const def = defsByKey.get(key);
+      if (def) {
+        ordered.push(def);
+        defsByKey.delete(key);
+      }
     }
-  }, [filterDefinitions]);
-  const renderDefinitions = enableSorting ? internalOrder : filterDefinitions;
-  const sortableIds = useMemo(() => enableSorting ? internalOrder.map(def => getFilterKey(def)) : [], [enableSorting, internalOrder, getFilterKey]);
+    for (const def of defsByKey.values()) {
+      ordered.push(def);
+    }
+    return ordered;
+  }, [enableSorting, dragOrder, filterDefinitions, getFilterKey]);
+  const sortableIds = useMemo(() => enableSorting && renderDefinitions ? renderDefinitions.map(def => getFilterKey(def)) : [], [enableSorting, renderDefinitions, getFilterKey]);
   const pointerSensor = useSensor(PointerSensor, {
     activationConstraint: POINTER_ACTIVATION_CONSTRAINT
   });
@@ -60,7 +80,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 activeDefinition = activeIndex >= 0 && renderDefinitions ? renderDefinitions[activeIndex] : undefined;
   const activeFilterKey = useMemo(() => activeDefinition ? getFilterKey(activeDefinition) : undefined, [activeDefinition, getFilterKey]);
   const handleDragStart = useCallback(event => {
     setActiveId(event.active.id);
@@ -77,9 +97,9 @@ export function FilterListContent({
     const oldIndex = sortableIds.indexOf(String(active.id));
     const newIndex = sortableIds.indexOf(String(over.id));
     if (oldIndex !== -1 && newIndex !== -1) {
-      setInternalOrder(arrayMove(internalOrder, oldIndex, newIndex));
+      setDragOrder(arrayMove(sortableIds, oldIndex, newIndex));
     }
-  }, [internalOrder, sortableIds]);
+  }, [sortableIds]);
   const handleDragCancel = useCallback(() => {
     setActiveId(null);
   }, []);
@@ -88,7 +108,7 @@ export function FilterListContent({
       active
     }) {
       const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 ? internalOrder[idx] : undefined;
+      const def = idx >= 0 && renderDefinitions ? renderDefinitions[idx] : undefined;
       const label = def ? getFilterLabel(def) : "filter";
       return `Picked up ${label} filter`;
     },
@@ -106,7 +126,7 @@ export function FilterListContent({
       over
     }) {
       const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 ? internalOrder[idx] : undefined;
+      const def = idx >= 0 && renderDefinitions ? renderDefinitions[idx] : undefined;
       const label = def ? getFilterLabel(def) : "filter";
       if (over && active.id !== over.id) {
         const overIdx = sortableIds.indexOf(String(over.id));
@@ -118,11 +138,11 @@ export function FilterListContent({
       active
     }) {
       const idx = sortableIds.indexOf(String(active.id));
-      const def = idx >= 0 ? internalOrder[idx] : undefined;
+      const def = idx >= 0 && renderDefinitions ? renderDefinitions[idx] : undefined;
       const label = def ? getFilterLabel(def) : "filter";
       return `Cancelled dragging ${label} filter`;
     }
-  }), [internalOrder, sortableIds, getFilterLabel]);
+  }), [renderDefinitions, sortableIds, getFilterLabel]);
   const accessibility = useMemo(() => ({
     announcements
   }), [announcements]);
@@ -148,7 +168,7 @@ export function FilterListContent({
     }, /*#__PURE__*/React.createElement(SortableContext, {
       items: sortableIds,
       strategy: verticalListSortingStrategy
-    }, internalOrder.map((definition, index) => {
+    }, renderDefinitions.map((definition, index) => {
       const id = sortableIds[index];
       const filterKey = getFilterKey(definition);
       const label = getFilterLabel(definition);
@@ -174,7 +194,8 @@ export function FilterListContent({
       filterState: filterStates.get(activeFilterKey),
       onFilterStateChanged: onFilterStateChanged,
       onFilterRemoved: onFilterRemoved,
-      renderInput: renderInput
+      renderInput: renderInput,
+      dragHandleAttributes: DRAG_OVERLAY_HANDLE_ATTRIBUTES
     }))));
   }
   return /*#__PURE__*/React.createElement("div", {

package/build/esm/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","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":[]}
+{"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","renderInput","getFilterKey","getFilterLabel","enableSorting","className","style","dragOrder","setDragOrder","activeId","setActiveId","renderDefinitions","defsByKey","Map","map","d","ordered","key","def","get","push","delete","values","sortableIds","pointerSensor","activationConstraint","keyboardSensor","coordinateGetter","sensors","activeIndex","indexOf","String","activeDefinition","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","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  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 [dragOrder, setDragOrder] = useState<string[] | null>(null);\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  const renderDefinitions = useMemo(() => {\n    if (!enableSorting || !dragOrder || !filterDefinitions) {\n      return filterDefinitions;\n    }\n    const defsByKey = new Map(filterDefinitions.map(d => [getFilterKey(d), d]));\n    const ordered: Array<D> = [];\n    for (const key of dragOrder) {\n      const def = defsByKey.get(key);\n      if (def) {\n        ordered.push(def);\n        defsByKey.delete(key);\n      }\n    }\n    for (const def of defsByKey.values()) {\n      ordered.push(def);\n    }\n    return ordered;\n  }, [enableSorting, dragOrder, filterDefinitions, getFilterKey]);\n\n  const sortableIds = useMemo(\n    () =>\n      enableSorting && renderDefinitions\n        ? renderDefinitions.map((def) => getFilterKey(def))\n        : [],\n    [enableSorting, renderDefinitions, 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 && renderDefinitions\n    ? renderDefinitions[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        setDragOrder(arrayMove(sortableIds, oldIndex, newIndex));\n      }\n    },\n    [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 && renderDefinitions\n          ? renderDefinitions[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 && renderDefinitions\n          ? renderDefinitions[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 && renderDefinitions\n          ? renderDefinitions[idx]\n          : undefined;\n        const label = def ? getFilterLabel(def) : \"filter\";\n        return `Cancelled dragging ${label} filter`;\n      },\n    }),\n    [renderDefinitions, 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            {renderDefinitions.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      {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/esm/filter-list/base/FilterListHeader.js

@@ -48,7 +48,7 @@ function FilterListHeaderInner({
     className: styles.resetButton,
     onClick: onReset,
     disabled: activeFilterCount === 0 && !hasVisibilityChanges
-  }, /*#__PURE__*/React.createElement(ResetIcon, null), " Reset"), onCollapsedChange != null && /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(ResetIcon, null), " Reset filters"), onCollapsedChange != null && /*#__PURE__*/React.createElement(Button, {
     className: styles.collapseButton,
     onClick: handleCollapseClick,
     "aria-expanded": !collapsed,

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

@@ -1 +1 @@
-{"version":3,"file":"FilterListHeader.js","names":["Button","React","memo","useCallback","CollapseIcon","ResetIcon","styles","FilterListHeaderInner","title","titleIcon","collapsed","onCollapsedChange","showResetButton","onReset","showActiveFilterCount","activeFilterCount","hasVisibilityChanges","handleCollapseClick","createElement","className","header","titleContainer","activeCount","actions","resetButton","onClick","disabled","collapseButton","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 { CollapseIcon, ResetIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterListHeader.module.css\";\n\ninterface FilterListHeaderProps {\n  title?: ReactNode;\n  titleIcon?: ReactNode;\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  showResetButton?: boolean;\n  onReset?: () => void;\n  showActiveFilterCount?: boolean;\n  activeFilterCount?: number;\n  hasVisibilityChanges?: boolean;\n}\n\nfunction FilterListHeaderInner({\n  title,\n  titleIcon,\n  collapsed = false,\n  onCollapsedChange,\n  showResetButton,\n  onReset,\n  showActiveFilterCount,\n  activeFilterCount = 0,\n  hasVisibilityChanges = false,\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      <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      <div className={styles.actions}>\n        {showResetButton && (\n          <Button\n            className={styles.resetButton}\n            onClick={onReset}\n            disabled={activeFilterCount === 0 && !hasVisibilityChanges}\n          >\n            <ResetIcon /> Reset\n          </Button>\n        )}\n\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            <CollapseIcon />\n          </Button>\n        )}\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,KAAK,IAAIC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AAChE,SAASC,YAAY,EAAEC,SAAS,QAAQ,kBAAkB;AAC1D,OAAOC,MAAM,MAAM,+BAA+B;AAclD,SAASC,qBAAqBA,CAAC;EAC7BC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC,eAAe;EACfC,OAAO;EACPC,qBAAqB;EACrBC,iBAAiB,GAAG,CAAC;EACrBC,oBAAoB,GAAG;AACF,CAAC,EAAsB;EAG5C,MAAMC,mBAAmB,GAAGd,WAAW,CAAC,MAAM;IAC5CQ,iBAAiB,GAAG,CAACD,SAAS,CAAC;EACjC,CAAC,EAAE,CAACC,iBAAiB,EAAED,SAAS,CAAC,CAAC;EAElC,oBACET,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACc;EAAO,gBAC5BnB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACe;EAAe,GACnCZ,SAAS,iBACRR,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACG;EAAU,GAC/BA,SACG,CACP,EACAD,KAAK,iBACJP,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACE;EAAM,GAC3BA,KACG,CACP,EACAM,qBAAqB,IAAIC,iBAAiB,GAAG,CAAC,iBAC7Cd,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACgB;EAAY,GAAC,GAClC,EAACP,iBAAiB,EAAC,GAChB,CAEL,CAAC,eAENd,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACiB;EAAQ,GAC5BX,eAAe,iBACdX,KAAA,CAAAiB,aAAA,CAAClB,MAAM;IACLmB,SAAS,EAAEb,MAAM,CAACkB,WAAY;IAC9BC,OAAO,EAAEZ,OAAQ;IACjBa,QAAQ,EAAEX,iBAAiB,KAAK,CAAC,IAAI,CAACC;EAAqB,gBAE3Df,KAAA,CAAAiB,aAAA,CAACb,SAAS,MAAE,CAAC,UACP,CACT,EAnCoBM,iBAAiB,IAAI,IAAI,iBAsC5CV,KAAA,CAAAiB,aAAA,CAAClB,MAAM;IACLmB,SAAS,EAAEb,MAAM,CAACqB,cAAe;IACjCF,OAAO,EAAER,mBAAoB;IAC7B,iBAAe,CAACP,SAAU;IAC1B,cAAYA,SAAS,GAAG,gBAAgB,GAAG;EAAmB,gBAE9DT,KAAA,CAAAiB,aAAA,CAACd,YAAY,MAAE,CACT,CAEP,CACF,CAAC;AAEV;AAEA,OAAO,MAAMwB,gBAEZ,gBAAG1B,IAAI,CAACK,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"file":"FilterListHeader.js","names":["Button","React","memo","useCallback","CollapseIcon","ResetIcon","styles","FilterListHeaderInner","title","titleIcon","collapsed","onCollapsedChange","showResetButton","onReset","showActiveFilterCount","activeFilterCount","hasVisibilityChanges","handleCollapseClick","createElement","className","header","titleContainer","activeCount","actions","resetButton","onClick","disabled","collapseButton","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 { CollapseIcon, ResetIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterListHeader.module.css\";\n\ninterface FilterListHeaderProps {\n  title?: ReactNode;\n  titleIcon?: ReactNode;\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  showResetButton?: boolean;\n  onReset?: () => void;\n  showActiveFilterCount?: boolean;\n  activeFilterCount?: number;\n  hasVisibilityChanges?: boolean;\n}\n\nfunction FilterListHeaderInner({\n  title,\n  titleIcon,\n  collapsed = false,\n  onCollapsedChange,\n  showResetButton,\n  onReset,\n  showActiveFilterCount,\n  activeFilterCount = 0,\n  hasVisibilityChanges = false,\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      <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      <div className={styles.actions}>\n        {showResetButton && (\n          <Button\n            className={styles.resetButton}\n            onClick={onReset}\n            disabled={activeFilterCount === 0 && !hasVisibilityChanges}\n          >\n            <ResetIcon /> Reset filters\n          </Button>\n        )}\n\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            <CollapseIcon />\n          </Button>\n        )}\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,KAAK,IAAIC,IAAI,EAAkBC,WAAW,QAAQ,OAAO;AAChE,SAASC,YAAY,EAAEC,SAAS,QAAQ,kBAAkB;AAC1D,OAAOC,MAAM,MAAM,+BAA+B;AAclD,SAASC,qBAAqBA,CAAC;EAC7BC,KAAK;EACLC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,iBAAiB;EACjBC,eAAe;EACfC,OAAO;EACPC,qBAAqB;EACrBC,iBAAiB,GAAG,CAAC;EACrBC,oBAAoB,GAAG;AACF,CAAC,EAAsB;EAG5C,MAAMC,mBAAmB,GAAGd,WAAW,CAAC,MAAM;IAC5CQ,iBAAiB,GAAG,CAACD,SAAS,CAAC;EACjC,CAAC,EAAE,CAACC,iBAAiB,EAAED,SAAS,CAAC,CAAC;EAElC,oBACET,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACc;EAAO,gBAC5BnB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACe;EAAe,GACnCZ,SAAS,iBACRR,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACG;EAAU,GAC/BA,SACG,CACP,EACAD,KAAK,iBACJP,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACE;EAAM,GAC3BA,KACG,CACP,EACAM,qBAAqB,IAAIC,iBAAiB,GAAG,CAAC,iBAC7Cd,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACgB;EAAY,GAAC,GAClC,EAACP,iBAAiB,EAAC,GAChB,CAEL,CAAC,eAENd,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACiB;EAAQ,GAC5BX,eAAe,iBACdX,KAAA,CAAAiB,aAAA,CAAClB,MAAM;IACLmB,SAAS,EAAEb,MAAM,CAACkB,WAAY;IAC9BC,OAAO,EAAEZ,OAAQ;IACjBa,QAAQ,EAAEX,iBAAiB,KAAK,CAAC,IAAI,CAACC;EAAqB,gBAE3Df,KAAA,CAAAiB,aAAA,CAACb,SAAS,MAAE,CAAC,kBACP,CACT,EAnCoBM,iBAAiB,IAAI,IAAI,iBAsC5CV,KAAA,CAAAiB,aAAA,CAAClB,MAAM;IACLmB,SAAS,EAAEb,MAAM,CAACqB,cAAe;IACjCF,OAAO,EAAER,mBAAoB;IAC7B,iBAAe,CAACP,SAAU;IAC1B,cAAYA,SAAS,GAAG,gBAAgB,GAAG;EAAmB,gBAE9DT,KAAA,CAAAiB,aAAA,CAACd,YAAY,MAAE,CACT,CAEP,CACF,CAAC;AAEV;AAEA,OAAO,MAAMwB,gBAEZ,gBAAG1B,IAAI,CAACK,qBAAqB,CAAC","ignoreList":[]}

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

@@ -18,14 +18,18 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-bottom: var(--osdk-filter-header-padding-bottom);
+  padding: var(--osdk-filter-header-padding);
+  gap: var(--osdk-filter-header-gap);
   border-bottom: var(--osdk-filter-header-border-bottom);
+  flex-shrink: 0;
 }
 
 .titleContainer {
   display: flex;
   align-items: center;
   gap: var(--osdk-filter-header-titleContainer-gap);
+  flex: 1;
+  min-width: 0;
 }
 
 .title {
@@ -97,10 +101,10 @@
   font-size: var(--osdk-filter-header-reset-font-size);
   color: var(--osdk-filter-header-reset-color);
   background: var(--osdk-filter-header-button-bg);
-  border: none;
+  border: var(--osdk-filter-header-reset-border);
   cursor: pointer;
   padding: var(--osdk-filter-header-reset-padding);
-  border-radius: var(--osdk-filter-header-button-border-radius);
+  border-radius: var(--osdk-filter-header-reset-border-radius);
   transition: background-color var(--osdk-filter-header-button-transition);
 
   &:hover:not(:disabled) {
@@ -109,6 +113,7 @@
 
   &:disabled {
     color: var(--osdk-filter-header-reset-color-disabled);
+    border: var(--osdk-filter-header-reset-border-disabled);
     cursor: not-allowed;
   }