@osdk/react-components 0.2.0-beta.19 → 0.2.0-beta.20

package/build/esm/base-components/select/Select.module.css

@@ -25,31 +25,68 @@
     calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 2.5);
   box-sizing: border-box;
   cursor: pointer;
-  border-radius: var(--osdk-select-border-radius, var(--osdk-surface-border-radius));
-  border: var(--osdk-select-border-width, var(--osdk-surface-border-width)) solid
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  border: var(--osdk-select-border-width, var(--osdk-surface-border-width))
+    solid
     var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
-  background-color: var(--osdk-select-trigger-bg, var(--osdk-surface-background-color-default-rest));
-  color: var(--osdk-select-trigger-color, var(--osdk-typography-color-default-rest));
-  font-family: var(--osdk-select-font-family, var(--osdk-typography-family-default));
-  font-size: var(--osdk-select-font-size, var(--osdk-typography-size-body-medium));
-  line-height: var(--osdk-select-line-height, var(--osdk-typography-line-height-default));
-  transition: background-color var(--osdk-select-transition-duration, var(--osdk-emphasis-transition-duration))
+  background-color: var(
+    --osdk-select-trigger-bg,
+    var(--osdk-surface-background-color-default-rest)
+  );
+  color: var(
+    --osdk-select-trigger-color,
+    var(--osdk-typography-color-default-rest)
+  );
+  font-family: var(
+    --osdk-select-font-family,
+    var(--osdk-typography-family-default)
+  );
+  font-size: var(
+    --osdk-select-font-size,
+    var(--osdk-typography-size-body-medium)
+  );
+  line-height: var(
+    --osdk-select-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  transition:
+    background-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
       var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default)),
-    border-color var(--osdk-select-transition-duration, var(--osdk-emphasis-transition-duration))
+    border-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
       var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
 
   &:hover {
-    background-color: var(--osdk-select-trigger-bg-hover, var(--osdk-surface-background-color-default-hover));
+    background-color: var(
+      --osdk-select-trigger-bg-hover,
+      var(--osdk-surface-background-color-default-hover)
+    );
   }
 
   &:active {
-    background-color: var(--osdk-select-trigger-bg-active, var(--osdk-surface-background-color-default-active));
+    background-color: var(
+      --osdk-select-trigger-bg-active,
+      var(--osdk-surface-background-color-default-active)
+    );
   }
 
   &:focus-visible {
-    outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width)) solid
-      var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var(--osdk-select-focus-offset, var(--osdk-emphasis-focus-offset));
+    outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width))
+      solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
+    outline-offset: var(
+      --osdk-select-focus-offset,
+      var(--osdk-emphasis-focus-offset)
+    );
   }
 
   &[data-disabled] {
@@ -58,20 +95,41 @@
   }
 
   &[data-popup-open] {
-    border-color: var(--osdk-select-border-color-active, var(--osdk-intent-primary-rest));
+    border-color: var(
+      --osdk-select-border-color-active,
+      var(--osdk-intent-primary-rest)
+    );
   }
 }
 
-.osdkSelectValue {
+.osdkSelectValueContainer {
   flex: 1;
+  display: grid;
+  min-width: 0;
+
+  & > * {
+    grid-area: 1 / 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.osdkSelectValue {
   text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+}
 
-  &[data-placeholder] {
-    color: var(--osdk-select-placeholder-color, var(--osdk-typography-color-muted));
-  }
+.osdkSelectPlaceholder {
+  text-align: left;
+  color: var(
+    --osdk-select-placeholder-color,
+    var(--osdk-typography-color-muted)
+  );
+  pointer-events: none;
+}
+
+.osdkSelectValue:not([data-placeholder]) ~ .osdkSelectPlaceholder {
+  display: none;
 }
 
 .osdkSelectIcon {
@@ -80,7 +138,11 @@
   justify-content: center;
   color: var(--osdk-select-icon-color, var(--osdk-iconography-color-muted));
   flex-shrink: 0;
-  transition: transform var(--osdk-select-transition-duration, var(--osdk-emphasis-transition-duration))
+  transition: transform
+    var(
+      --osdk-select-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
     var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
 
   [data-popup-open] > & {
@@ -100,10 +162,17 @@
   overflow-y: auto;
   padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5);
   box-sizing: border-box;
-  border-radius: var(--osdk-select-border-radius, var(--osdk-surface-border-radius));
-  border: var(--osdk-select-border-width, var(--osdk-surface-border-width)) solid
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  border: var(--osdk-select-border-width, var(--osdk-surface-border-width))
+    solid
     var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
-  background-color: var(--osdk-select-popup-bg, var(--osdk-surface-background-color-default-rest));
+  background-color: var(
+    --osdk-select-popup-bg,
+    var(--osdk-surface-background-color-default-rest)
+  );
   box-shadow: var(--osdk-select-popup-shadow, var(--osdk-surface-shadow-2));
 }
 
@@ -112,23 +181,51 @@
   align-items: center;
   padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5)
     calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 2);
-  border-radius: var(--osdk-select-border-radius, var(--osdk-surface-border-radius));
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
   cursor: pointer;
-  font-family: var(--osdk-select-font-family, var(--osdk-typography-family-default));
-  font-size: var(--osdk-select-font-size, var(--osdk-typography-size-body-medium));
-  line-height: var(--osdk-select-line-height, var(--osdk-typography-line-height-default));
-  color: var(--osdk-select-item-color, var(--osdk-typography-color-default-rest));
-  transition: background-color var(--osdk-select-transition-duration, var(--osdk-emphasis-transition-duration))
+  font-family: var(
+    --osdk-select-font-family,
+    var(--osdk-typography-family-default)
+  );
+  font-size: var(
+    --osdk-select-font-size,
+    var(--osdk-typography-size-body-medium)
+  );
+  line-height: var(
+    --osdk-select-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  color: var(
+    --osdk-select-item-color,
+    var(--osdk-typography-color-default-rest)
+  );
+  transition: background-color
+    var(
+      --osdk-select-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
     var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
 
   &[data-highlighted] {
-    background-color: var(--osdk-select-item-bg-highlighted, var(--osdk-surface-background-color-default-hover));
+    background-color: var(
+      --osdk-select-item-bg-highlighted,
+      var(--osdk-surface-background-color-default-hover)
+    );
     outline: none;
   }
 
   &[data-selected] {
-    background-color: var(--osdk-select-item-bg-selected, var(--osdk-surface-layer-primary));
-    color: var(--osdk-select-item-color-selected, var(--osdk-intent-primary-rest));
+    background-color: var(
+      --osdk-select-item-bg-selected,
+      var(--osdk-surface-layer-primary)
+    );
+    color: var(
+      --osdk-select-item-color-selected,
+      var(--osdk-intent-primary-rest)
+    );
   }
 
   &[data-disabled] {

package/build/esm/base-components/skeleton/SkeletonBar.js

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import classnames from "classnames";
+import React from "react";
+import styles from "./SkeletonBar.module.css";
+export function SkeletonBar({
+  width,
+  height,
+  maxWidth,
+  className
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    className: classnames(styles.skeletonBar, className),
+    style: {
+      width,
+      height,
+      maxWidth
+    }
+  });
+}
+//# sourceMappingURL=SkeletonBar.js.map

package/build/esm/base-components/skeleton/SkeletonBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonBar.js","names":["classnames","React","styles","SkeletonBar","width","height","maxWidth","className","createElement","skeletonBar","style"],"sources":["SkeletonBar.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 classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./SkeletonBar.module.css\";\n\ninterface SkeletonBarProps {\n  width?: string | number;\n  height?: string | number;\n  maxWidth?: string | number;\n  className?: string;\n}\n\nexport function SkeletonBar({\n  width,\n  height,\n  maxWidth,\n  className,\n}: SkeletonBarProps): React.ReactElement {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={classnames(styles.skeletonBar, className)}\n      style={{ width, height, maxWidth }}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAS7C,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AACgB,CAAC,EAAsB;EACvC,oBACEN,KAAA,CAAAO,aAAA;IACE,eAAY,MAAM;IAClBD,SAAS,EAAEP,UAAU,CAACE,MAAM,CAACO,WAAW,EAAEF,SAAS,CAAE;IACrDG,KAAK,EAAE;MAAEN,KAAK;MAAEC,MAAM;MAAEC;IAAS;EAAE,CACpC,CAAC;AAEN","ignoreList":[]}

package/build/esm/base-components/skeleton/SkeletonBar.module.css

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@keyframes skeleton-glow {
+  from {
+    background: var(--osdk-background-skeleton-from);
+  }
+
+  to {
+    background: var(--osdk-background-skeleton-to);
+  }
+}
+
+.skeletonBar {
+  animation: 1000ms linear infinite alternate skeleton-glow;
+  background: var(--osdk-background-skeleton-from);
+  border-radius: var(--osdk-surface-border-radius);
+  pointer-events: none;
+  user-select: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skeletonBar {
+    animation: none;
+  }
+}

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

@@ -15,9 +15,11 @@
  */
 
 import React, { useCallback, useMemo } from "react";
+import { AddFilterPopover } from "./base/AddFilterPopover.js";
 import { BaseFilterList } from "./base/BaseFilterList.js";
 import { FilterInput } from "./FilterInput.js";
 import { useFilterListState } from "./hooks/useFilterListState.js";
+import { useFilterVisibility } from "./hooks/useFilterVisibility.js";
 import { getFilterKey } from "./utils/getFilterKey.js";
 import { getFilterLabel } from "./utils/getFilterLabel.js";
 export function FilterList(props) {
@@ -28,11 +30,13 @@ export function FilterList(props) {
     collapsed,
     onCollapsedChange,
     filterDefinitions,
+    addFilterMode = "controlled",
     showResetButton = false,
     onReset,
     showActiveFilterCount = false,
     className,
     enableSorting,
+    onFilterAdded,
     onFilterRemoved,
     renderAddFilterButton
   } = props;
@@ -48,12 +52,45 @@ export function FilterList(props) {
     reset();
     onReset?.();
   }, [reset, onReset]);
-  const visibleFilterDefinitions = useMemo(() => {
-    if (!filterDefinitions) {
+  const uncontrolledAddFilterMode = addFilterMode === "uncontrolled";
+  const getIsVisible = useCallback(def => def.isVisible !== false, []);
+  const {
+    visibleDefinitions: managedVisibleDefinitions,
+    hiddenDefinitions: managedHiddenDefinitions,
+    showFilter,
+    hideFilter
+  } = useFilterVisibility(filterDefinitions, getFilterKey, getIsVisible);
+  const simpleVisibleDefinitions = useMemo(() => {
+    if (filterDefinitions == null) {
       return undefined;
     }
     return filterDefinitions.filter(def => def.isVisible !== false);
   }, [filterDefinitions]);
+  const effectiveVisibleDefinitions = uncontrolledAddFilterMode ? managedVisibleDefinitions : simpleVisibleDefinitions;
+  const handleFilterRemoved = useCallback(filterKey => {
+    if (uncontrolledAddFilterMode) {
+      hideFilter(filterKey);
+    }
+    onFilterRemoved?.(filterKey);
+  }, [uncontrolledAddFilterMode, hideFilter, onFilterRemoved]);
+  const handleFilterShown = useCallback(filterKey => {
+    showFilter(filterKey);
+    onFilterAdded?.(filterKey, filterDefinitions ?? []);
+  }, [showFilter, onFilterAdded, filterDefinitions]);
+  const hiddenFilterItems = useMemo(() => managedHiddenDefinitions.map(def => ({
+    key: getFilterKey(def),
+    label: getFilterLabel(def)
+  })), [managedHiddenDefinitions]);
+  const effectiveRenderAddFilterButton = useMemo(() => {
+    if (uncontrolledAddFilterMode && managedHiddenDefinitions.length > 0) {
+      return () => /*#__PURE__*/React.createElement(AddFilterPopover, {
+        hiddenDefinitions: hiddenFilterItems,
+        onShowFilter: handleFilterShown
+      });
+    }
+    return renderAddFilterButton;
+  }, [uncontrolledAddFilterMode, managedHiddenDefinitions.length, hiddenFilterItems, handleFilterShown, renderAddFilterButton]);
+  const effectiveOnFilterRemoved = uncontrolledAddFilterMode ? handleFilterRemoved : onFilterRemoved;
   const renderInput = useCallback(({
     definition,
     filterKey,
@@ -72,7 +109,7 @@ export function FilterList(props) {
     titleIcon: titleIcon,
     collapsed: collapsed,
     onCollapsedChange: onCollapsedChange,
-    filterDefinitions: visibleFilterDefinitions,
+    filterDefinitions: effectiveVisibleDefinitions,
     filterStates: filterStates,
     onFilterStateChanged: setFilterState,
     renderInput: renderInput,
@@ -83,9 +120,9 @@ export function FilterList(props) {
     showResetButton: showResetButton,
     showActiveFilterCount: showActiveFilterCount,
     enableSorting: enableSorting,
-    onFilterRemoved: onFilterRemoved,
+    onFilterRemoved: effectiveOnFilterRemoved,
     className: className,
-    renderAddFilterButton: renderAddFilterButton
+    renderAddFilterButton: effectiveRenderAddFilterButton
   });
 }
 //# sourceMappingURL=FilterList.js.map

package/build/esm/filter-list/FilterList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterList.js","names":["React","useCallback","useMemo","BaseFilterList","FilterInput","useFilterListState","getFilterKey","getFilterLabel","FilterList","props","objectSet","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","showResetButton","onReset","showActiveFilterCount","className","enableSorting","onFilterRemoved","renderAddFilterButton","objectType","$objectSetInternals","def","filterStates","setFilterState","perFilterWhereClauses","activeFilterCount","reset","handleReset","visibleFilterDefinitions","undefined","filter","isVisible","renderInput","definition","filterKey","filterState","onFilterStateChanged","createElement","whereClause","get"],"sources":["FilterList.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 { ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { BaseFilterList } from \"./base/BaseFilterList.js\";\nimport type { RenderFilterInput } from \"./base/BaseFilterListApi.js\";\nimport { FilterInput } from \"./FilterInput.js\";\nimport type {\n  FilterDefinitionUnion,\n  FilterListProps,\n} from \"./FilterListApi.js\";\nimport { useFilterListState } from \"./hooks/useFilterListState.js\";\nimport { getFilterKey } from \"./utils/getFilterKey.js\";\nimport { getFilterLabel } from \"./utils/getFilterLabel.js\";\n\nexport function FilterList<Q extends ObjectTypeDefinition>(\n  props: FilterListProps<Q>,\n): React.ReactElement {\n  const {\n    objectSet,\n    title,\n    titleIcon,\n    collapsed,\n    onCollapsedChange,\n    filterDefinitions,\n    showResetButton = false,\n    onReset,\n    showActiveFilterCount = false,\n    className,\n    enableSorting,\n    onFilterRemoved,\n    renderAddFilterButton,\n  } = props;\n\n  const objectType = objectSet.$objectSetInternals.def;\n\n  const {\n    filterStates,\n    setFilterState,\n    perFilterWhereClauses,\n    activeFilterCount,\n    reset,\n  } = useFilterListState(props);\n\n  const handleReset = useCallback(() => {\n    reset();\n    onReset?.();\n  }, [reset, onReset]);\n\n  const visibleFilterDefinitions = useMemo(() => {\n    if (!filterDefinitions) {\n      return undefined;\n    }\n    return filterDefinitions.filter(\n      (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n    );\n  }, [filterDefinitions]);\n\n  const renderInput = useCallback<RenderFilterInput<FilterDefinitionUnion<Q>>>(\n    ({ definition, filterKey, filterState, onFilterStateChanged }) => (\n      <FilterInput\n        objectType={objectType}\n        objectSet={objectSet}\n        definition={definition}\n        filterState={filterState}\n        onFilterStateChanged={onFilterStateChanged}\n        whereClause={perFilterWhereClauses.get(filterKey)\n          ?? ({} as WhereClause<Q>)}\n      />\n    ),\n    [objectType, objectSet, perFilterWhereClauses],\n  );\n\n  return (\n    <BaseFilterList\n      title={title}\n      titleIcon={titleIcon}\n      collapsed={collapsed}\n      onCollapsedChange={onCollapsedChange}\n      filterDefinitions={visibleFilterDefinitions}\n      filterStates={filterStates}\n      onFilterStateChanged={setFilterState}\n      renderInput={renderInput}\n      getFilterKey={getFilterKey}\n      getFilterLabel={getFilterLabel}\n      activeFilterCount={activeFilterCount}\n      onReset={handleReset}\n      showResetButton={showResetButton}\n      showActiveFilterCount={showActiveFilterCount}\n      enableSorting={enableSorting}\n      onFilterRemoved={onFilterRemoved}\n      className={className}\n      renderAddFilterButton={renderAddFilterButton}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,WAAW,QAAQ,kBAAkB;AAK9C,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,cAAc,QAAQ,2BAA2B;AAE1D,OAAO,SAASC,UAAUA,CACxBC,KAAyB,EACL;EACpB,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,SAAS;IACTC,SAAS;IACTC,iBAAiB;IACjBC,iBAAiB;IACjBC,eAAe,GAAG,KAAK;IACvBC,OAAO;IACPC,qBAAqB,GAAG,KAAK;IAC7BC,SAAS;IACTC,aAAa;IACbC,eAAe;IACfC;EACF,CAAC,GAAGb,KAAK;EAET,MAAMc,UAAU,GAAGb,SAAS,CAACc,mBAAmB,CAACC,GAAG;EAEpD,MAAM;IACJC,YAAY;IACZC,cAAc;IACdC,qBAAqB;IACrBC,iBAAiB;IACjBC;EACF,CAAC,GAAGzB,kBAAkB,CAACI,KAAK,CAAC;EAE7B,MAAMsB,WAAW,GAAG9B,WAAW,CAAC,MAAM;IACpC6B,KAAK,CAAC,CAAC;IACPb,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACa,KAAK,EAAEb,OAAO,CAAC,CAAC;EAEpB,MAAMe,wBAAwB,GAAG9B,OAAO,CAAC,MAAM;IAC7C,IAAI,CAACa,iBAAiB,EAAE;MACtB,OAAOkB,SAAS;IAClB;IACA,OAAOlB,iBAAiB,CAACmB,MAAM,CAC5BT,GAA6B,IAAKA,GAAG,CAACU,SAAS,KAAK,KACvD,CAAC;EACH,CAAC,EAAE,CAACpB,iBAAiB,CAAC,CAAC;EAEvB,MAAMqB,WAAW,GAAGnC,WAAW,CAC7B,CAAC;IAAEoC,UAAU;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAqB,CAAC,kBAC3DxC,KAAA,CAAAyC,aAAA,CAACrC,WAAW;IACVmB,UAAU,EAAEA,UAAW;IACvBb,SAAS,EAAEA,SAAU;IACrB2B,UAAU,EAAEA,UAAW;IACvBE,WAAW,EAAEA,WAAY;IACzBC,oBAAoB,EAAEA,oBAAqB;IAC3CE,WAAW,EAAEd,qBAAqB,CAACe,GAAG,CAACL,SAAS,CAAC,IAC3C,CAAC;EAAqB,CAC7B,CACF,EACD,CAACf,UAAU,EAAEb,SAAS,EAAEkB,qBAAqB,CAC/C,CAAC;EAED,oBACE5B,KAAA,CAAAyC,aAAA,CAACtC,cAAc;IACbQ,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEiB,wBAAyB;IAC5CN,YAAY,EAAEA,YAAa;IAC3Bc,oBAAoB,EAAEb,cAAe;IACrCS,WAAW,EAAEA,WAAY;IACzB9B,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA,cAAe;IAC/BsB,iBAAiB,EAAEA,iBAAkB;IACrCZ,OAAO,EAAEc,WAAY;IACrBf,eAAe,EAAEA,eAAgB;IACjCE,qBAAqB,EAAEA,qBAAsB;IAC7CE,aAAa,EAAEA,aAAc;IAC7BC,eAAe,EAAEA,eAAgB;IACjCF,SAAS,EAAEA,SAAU;IACrBG,qBAAqB,EAAEA;EAAsB,CAC9C,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"FilterList.js","names":["React","useCallback","useMemo","AddFilterPopover","BaseFilterList","FilterInput","useFilterListState","useFilterVisibility","getFilterKey","getFilterLabel","FilterList","props","objectSet","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","addFilterMode","showResetButton","onReset","showActiveFilterCount","className","enableSorting","onFilterAdded","onFilterRemoved","renderAddFilterButton","objectType","$objectSetInternals","def","filterStates","setFilterState","perFilterWhereClauses","activeFilterCount","reset","handleReset","uncontrolledAddFilterMode","getIsVisible","isVisible","visibleDefinitions","managedVisibleDefinitions","hiddenDefinitions","managedHiddenDefinitions","showFilter","hideFilter","simpleVisibleDefinitions","undefined","filter","effectiveVisibleDefinitions","handleFilterRemoved","filterKey","handleFilterShown","hiddenFilterItems","map","key","label","effectiveRenderAddFilterButton","length","createElement","onShowFilter","effectiveOnFilterRemoved","renderInput","definition","filterState","onFilterStateChanged","whereClause","get"],"sources":["FilterList.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 { ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { AddFilterPopover } from \"./base/AddFilterPopover.js\";\nimport { BaseFilterList } from \"./base/BaseFilterList.js\";\nimport type { RenderFilterInput } from \"./base/BaseFilterListApi.js\";\nimport { FilterInput } from \"./FilterInput.js\";\nimport type {\n  FilterDefinitionUnion,\n  FilterListProps,\n} from \"./FilterListApi.js\";\nimport { useFilterListState } from \"./hooks/useFilterListState.js\";\nimport { useFilterVisibility } from \"./hooks/useFilterVisibility.js\";\nimport { getFilterKey } from \"./utils/getFilterKey.js\";\nimport { getFilterLabel } from \"./utils/getFilterLabel.js\";\n\nexport function FilterList<Q extends ObjectTypeDefinition>(\n  props: FilterListProps<Q>,\n): React.ReactElement {\n  const {\n    objectSet,\n    title,\n    titleIcon,\n    collapsed,\n    onCollapsedChange,\n    filterDefinitions,\n    addFilterMode = \"controlled\",\n    showResetButton = false,\n    onReset,\n    showActiveFilterCount = false,\n    className,\n    enableSorting,\n    onFilterAdded,\n    onFilterRemoved,\n    renderAddFilterButton,\n  } = props;\n\n  const objectType = objectSet.$objectSetInternals.def;\n\n  const {\n    filterStates,\n    setFilterState,\n    perFilterWhereClauses,\n    activeFilterCount,\n    reset,\n  } = useFilterListState(props);\n\n  const handleReset = useCallback(() => {\n    reset();\n    onReset?.();\n  }, [reset, onReset]);\n\n  const uncontrolledAddFilterMode = addFilterMode === \"uncontrolled\";\n\n  const getIsVisible = useCallback(\n    (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n    [],\n  );\n\n  const {\n    visibleDefinitions: managedVisibleDefinitions,\n    hiddenDefinitions: managedHiddenDefinitions,\n    showFilter,\n    hideFilter,\n  } = useFilterVisibility(filterDefinitions, getFilterKey, getIsVisible);\n\n  const simpleVisibleDefinitions = useMemo(() => {\n    if (filterDefinitions == null) {\n      return undefined;\n    }\n    return filterDefinitions.filter(\n      (def: FilterDefinitionUnion<Q>) => def.isVisible !== false,\n    );\n  }, [filterDefinitions]);\n\n  const effectiveVisibleDefinitions = uncontrolledAddFilterMode\n    ? managedVisibleDefinitions\n    : simpleVisibleDefinitions;\n\n  const handleFilterRemoved = useCallback(\n    (filterKey: string) => {\n      if (uncontrolledAddFilterMode) {\n        hideFilter(filterKey);\n      }\n      onFilterRemoved?.(filterKey);\n    },\n    [uncontrolledAddFilterMode, hideFilter, onFilterRemoved],\n  );\n\n  const handleFilterShown = useCallback(\n    (filterKey: string) => {\n      showFilter(filterKey);\n      onFilterAdded?.(filterKey, filterDefinitions ?? []);\n    },\n    [showFilter, onFilterAdded, filterDefinitions],\n  );\n\n  const hiddenFilterItems = useMemo(\n    () =>\n      managedHiddenDefinitions.map((def) => ({\n        key: getFilterKey(def),\n        label: getFilterLabel(def),\n      })),\n    [managedHiddenDefinitions],\n  );\n\n  const effectiveRenderAddFilterButton = useMemo(() => {\n    if (uncontrolledAddFilterMode && managedHiddenDefinitions.length > 0) {\n      return () => (\n        <AddFilterPopover\n          hiddenDefinitions={hiddenFilterItems}\n          onShowFilter={handleFilterShown}\n        />\n      );\n    }\n    return renderAddFilterButton;\n  }, [\n    uncontrolledAddFilterMode,\n    managedHiddenDefinitions.length,\n    hiddenFilterItems,\n    handleFilterShown,\n    renderAddFilterButton,\n  ]);\n\n  const effectiveOnFilterRemoved = uncontrolledAddFilterMode\n    ? handleFilterRemoved\n    : onFilterRemoved;\n\n  const renderInput = useCallback<RenderFilterInput<FilterDefinitionUnion<Q>>>(\n    ({ definition, filterKey, filterState, onFilterStateChanged }) => (\n      <FilterInput\n        objectType={objectType}\n        objectSet={objectSet}\n        definition={definition}\n        filterState={filterState}\n        onFilterStateChanged={onFilterStateChanged}\n        whereClause={perFilterWhereClauses.get(filterKey)\n          ?? ({} as WhereClause<Q>)}\n      />\n    ),\n    [objectType, objectSet, perFilterWhereClauses],\n  );\n\n  return (\n    <BaseFilterList\n      title={title}\n      titleIcon={titleIcon}\n      collapsed={collapsed}\n      onCollapsedChange={onCollapsedChange}\n      filterDefinitions={effectiveVisibleDefinitions}\n      filterStates={filterStates}\n      onFilterStateChanged={setFilterState}\n      renderInput={renderInput}\n      getFilterKey={getFilterKey}\n      getFilterLabel={getFilterLabel}\n      activeFilterCount={activeFilterCount}\n      onReset={handleReset}\n      showResetButton={showResetButton}\n      showActiveFilterCount={showActiveFilterCount}\n      enableSorting={enableSorting}\n      onFilterRemoved={effectiveOnFilterRemoved}\n      className={className}\n      renderAddFilterButton={effectiveRenderAddFilterButton}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/FilterListApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListApi.js","names":[],"sources":["FilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  LinkNames,\n  ObjectSet,\n  ObjectTypeDefinition,\n  WhereClause,\n} from \"@osdk/api\";\nimport type React from \"react\";\nimport type {\n  FilterState as FilterStateType,\n  PropertyFilterDefinition,\n} from \"./FilterListItemApi.js\";\nimport type { CustomFilterDefinition } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterDefinition } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterDefinition,\n  LinkedPropertyFilterDefinition,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Union type of all filter definition types\n */\nexport type FilterDefinitionUnion<Q extends ObjectTypeDefinition> =\n  | PropertyFilterDefinition<Q>\n  | HasLinkFilterDefinition<Q>\n  | LinkedPropertyFilterDefinition<Q, LinkNames<Q>>\n  | KeywordSearchFilterDefinition<Q>\n  | CustomFilterDefinition<Q>;\n\n/**\n * Extract the key from a filter definition union\n */\nexport type FilterKey<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D ? D extends { key: infer K } ? K\n    : D extends { linkName: infer L } ? L\n    : never\n    : never;\n\n/**\n * Extract the filter state from a filter definition union\n */\nexport type FilterState<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D\n    ? D extends { filterState: infer S } ? S\n    : never\n    : never;\n\n/**\n * Map from filter definition objects to their current state.\n * Uses object identity for keys, ensuring stable lookups across reorders.\n */\nexport type FilterStatesMap<Q extends ObjectTypeDefinition> = Map<\n  FilterDefinitionUnion<Q>,\n  FilterStateType\n>;\n\nexport interface FilterListProps<Q extends ObjectTypeDefinition> {\n  /**\n   * The set of objects to be filtered\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * Optional title to display in the filter list header\n   */\n  title?: string;\n\n  /**\n   * Optional icon to display next to the title\n   */\n  titleIcon?: React.ReactNode;\n\n  /**\n   * The definition for all supported filter items in the list\n   * If not supplied, all filterable properties will be available\n   */\n  filterDefinitions?: Array<FilterDefinitionUnion<Q>>;\n\n  /**\n   * The current where clause to filter the objectSet.\n   * If provided, the filter clause is controlled.\n   */\n  filterClause?: WhereClause<Q>;\n\n  /**\n   * Called when the filter clause changes.\n   * The filters are joined by the selected filterOperator.\n   * Required in controlled mode.\n   *\n   * @param newClause The updated filter clause\n   */\n  onFilterClauseChanged?: (newClause: WhereClause<Q>) => void;\n\n  /**\n   * The logical operator to join multiple filters\n   *\n   * @default \"and\"\n   */\n  filterOperator?: \"and\" | \"or\";\n\n  /**\n   * Called when filter state changes\n   *\n   * @param definition The filter definition whose state changed\n   * @param newState The updated filter state\n   */\n  onFilterStateChanged?: (\n    definition: FilterDefinitionUnion<Q>,\n    newState: FilterStateType,\n  ) => void;\n\n  /**\n   * Called when a filter is added\n   * If provided, user will be allowed to add filters\n   *\n   * @param filterKey The key of the added filter\n   * @param newDefinitions The filter list with the new filter added\n   */\n  onFilterAdded?: (\n    filterKey: FilterKey<Q>,\n    newDefinitions: Array<FilterDefinitionUnion<Q>>,\n  ) => void;\n\n  /**\n   * Called when a filter is removed\n   * If provided, user will be allowed to remove filters\n   *\n   * @param filterKey The key of the removed filter\n   */\n  onFilterRemoved?: (filterKey: FilterKey<Q>) => void;\n\n  /**\n   * Enable drag-and-drop reordering of filters.\n   * When true, drag handles are rendered and filters can be reordered.\n   * Reorder state is managed internally; consumers who need to track order\n   * should use controlled filterDefinitions.\n   */\n  enableSorting?: boolean;\n\n  /**\n   * Whether the filter list panel is collapsed\n   */\n  collapsed?: boolean;\n\n  /**\n   * Called when the collapsed state changes\n   */\n  onCollapsedChange?: (collapsed: boolean) => void;\n\n  /**\n   * Initial filter states for hydrating from external storage.\n   * These states are merged over definition defaults on mount.\n   * Use onFilterStateChanged to persist state changes externally.\n   */\n  initialFilterStates?: Map<string, FilterStateType>;\n\n  /**\n   * Show reset filters button in header\n   */\n  showResetButton?: boolean;\n\n  /**\n   * Called when reset button is clicked\n   */\n  onReset?: () => void;\n\n  /**\n   * Show count of active filters in header\n   */\n  showActiveFilterCount?: boolean;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom render function for the \"Add filter\" button.\n   * When not provided, a default button is shown if onFilterAdded is set.\n   */\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FilterListApi.js","names":[],"sources":["FilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  LinkNames,\n  ObjectSet,\n  ObjectTypeDefinition,\n  WhereClause,\n} from \"@osdk/api\";\nimport type React from \"react\";\nimport type {\n  FilterState as FilterStateType,\n  PropertyFilterDefinition,\n} from \"./FilterListItemApi.js\";\nimport type { CustomFilterDefinition } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterDefinition } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterDefinition,\n  LinkedPropertyFilterDefinition,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Union type of all filter definition types\n */\nexport type FilterDefinitionUnion<Q extends ObjectTypeDefinition> =\n  | PropertyFilterDefinition<Q>\n  | HasLinkFilterDefinition<Q>\n  | LinkedPropertyFilterDefinition<Q, LinkNames<Q>>\n  | KeywordSearchFilterDefinition<Q>\n  | CustomFilterDefinition<Q>;\n\n/**\n * Extract the key from a filter definition union\n */\nexport type FilterKey<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D ? D extends { key: infer K } ? K\n    : D extends { linkName: infer L } ? L\n    : never\n    : never;\n\n/**\n * Extract the filter state from a filter definition union\n */\nexport type FilterState<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D\n    ? D extends { filterState: infer S } ? S\n    : never\n    : never;\n\n/**\n * Map from filter definition objects to their current state.\n * Uses object identity for keys, ensuring stable lookups across reorders.\n */\nexport type FilterStatesMap<Q extends ObjectTypeDefinition> = Map<\n  FilterDefinitionUnion<Q>,\n  FilterStateType\n>;\n\nexport interface FilterListProps<Q extends ObjectTypeDefinition> {\n  /**\n   * The set of objects to be filtered\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * Optional title to display in the filter list header\n   */\n  title?: string;\n\n  /**\n   * Optional icon to display next to the title\n   */\n  titleIcon?: React.ReactNode;\n\n  /**\n   * The definition for all supported filter items in the list\n   * If not supplied, all filterable properties will be available\n   */\n  filterDefinitions?: Array<FilterDefinitionUnion<Q>>;\n\n  /**\n   * The current where clause to filter the objectSet.\n   * If provided, the filter clause is controlled.\n   */\n  filterClause?: WhereClause<Q>;\n\n  /**\n   * Called when the filter clause changes.\n   * The filters are joined by the selected filterOperator.\n   * Required in controlled mode.\n   *\n   * @param newClause The updated filter clause\n   */\n  onFilterClauseChanged?: (newClause: WhereClause<Q>) => void;\n\n  /**\n   * The logical operator to join multiple filters\n   *\n   * @default \"and\"\n   */\n  filterOperator?: \"and\" | \"or\";\n\n  /**\n   * Called when filter state changes\n   *\n   * @param definition The filter definition whose state changed\n   * @param newState The updated filter state\n   */\n  onFilterStateChanged?: (\n    definition: FilterDefinitionUnion<Q>,\n    newState: FilterStateType,\n  ) => void;\n\n  /**\n   * Controls how filter visibility (add/remove) is managed.\n   *\n   * - `\"controlled\"` (default): The consumer manages which filters are\n   *   visible via `filterDefinitions`. Filters with `isVisible: false` are\n   *   excluded from the rendered list.\n   * - `\"uncontrolled\"`: FilterList manages visibility internally. An \"Add\n   *   filter\" popover is rendered for filters with `isVisible: false`, and\n   *   each visible filter shows a remove button.\n   *\n   * @default \"controlled\"\n   */\n  addFilterMode?: \"controlled\" | \"uncontrolled\";\n\n  /**\n   * Called when a filter is added (shown).\n   *\n   * In uncontrolled mode, this fires when a user selects a hidden filter\n   * from the \"Add filter\" popover.\n   *\n   * @param filterKey The key of the added filter\n   * @param newDefinitions The current filter definitions array\n   */\n  onFilterAdded?: (\n    filterKey: FilterKey<Q>,\n    newDefinitions: Array<FilterDefinitionUnion<Q>>,\n  ) => void;\n\n  /**\n   * Called when a filter is removed (hidden).\n   *\n   * In uncontrolled mode, this fires as a notification after the filter\n   * is hidden internally.\n   *\n   * @param filterKey The key of the removed filter\n   */\n  onFilterRemoved?: (filterKey: FilterKey<Q>) => void;\n\n  /**\n   * Enable drag-and-drop reordering of filters.\n   * When true, drag handles are rendered and filters can be reordered.\n   * Reorder state is managed internally; consumers who need to track order\n   * should use controlled filterDefinitions.\n   */\n  enableSorting?: boolean;\n\n  /**\n   * Whether the filter list panel is collapsed\n   */\n  collapsed?: boolean;\n\n  /**\n   * Called when the collapsed state changes\n   */\n  onCollapsedChange?: (collapsed: boolean) => void;\n\n  /**\n   * Initial filter states for hydrating from external storage.\n   * These states are merged over definition defaults on mount.\n   * Use onFilterStateChanged to persist state changes externally.\n   */\n  initialFilterStates?: Map<string, FilterStateType>;\n\n  /**\n   * Show reset filters button in header\n   */\n  showResetButton?: boolean;\n\n  /**\n   * Called when reset button is clicked\n   */\n  onReset?: () => void;\n\n  /**\n   * Show count of active filters in header\n   */\n  showActiveFilterCount?: boolean;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom render function for the \"Add filter\" button.\n   * Only used in controlled mode. In uncontrolled mode, the built-in\n   * AddFilterPopover is rendered automatically.\n   */\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Menu } from "@base-ui/react/menu";
+import React, { memo, useCallback } from "react";
+import styles from "./AddFilterPopover.module.css";
+function AddFilterPopoverInner({
+  hiddenDefinitions,
+  onShowFilter
+}) {
+  const handleItemClick = useCallback(event => {
+    const key = event.currentTarget.dataset.key;
+    if (key != null) {
+      onShowFilter(key);
+    }
+  }, [onShowFilter]);
+  return /*#__PURE__*/React.createElement(Menu.Root, null, /*#__PURE__*/React.createElement(Menu.Trigger, {
+    className: styles.trigger
+  }, "+ Add filter"), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    className: styles.positioner,
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.popup
+  }, hiddenDefinitions.map(item => /*#__PURE__*/React.createElement(Menu.Item, {
+    key: item.key,
+    className: styles.menuItem,
+    "data-key": item.key,
+    onClick: handleItemClick
+  }, item.label))))));
+}
+export const AddFilterPopover = /*#__PURE__*/memo(AddFilterPopoverInner);
+//# sourceMappingURL=AddFilterPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterPopover.js","names":["Menu","React","memo","useCallback","styles","AddFilterPopoverInner","hiddenDefinitions","onShowFilter","handleItemClick","event","key","currentTarget","dataset","createElement","Root","Trigger","className","trigger","Portal","Positioner","positioner","sideOffset","Popup","popup","map","item","Item","menuItem","onClick","label","AddFilterPopover"],"sources":["AddFilterPopover.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 { Menu } from \"@base-ui/react/menu\";\nimport React, { memo, useCallback } from \"react\";\nimport styles from \"./AddFilterPopover.module.css\";\n\ninterface HiddenFilterItem {\n  key: string;\n  label: string;\n}\n\ninterface AddFilterPopoverProps {\n  hiddenDefinitions: Array<HiddenFilterItem>;\n  onShowFilter: (key: string) => void;\n}\n\nfunction AddFilterPopoverInner({\n  hiddenDefinitions,\n  onShowFilter,\n}: AddFilterPopoverProps): React.ReactElement {\n  const handleItemClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const key = event.currentTarget.dataset.key;\n      if (key != null) {\n        onShowFilter(key);\n      }\n    },\n    [onShowFilter],\n  );\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger className={styles.trigger}>\n        + Add filter\n      </Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner className={styles.positioner} sideOffset={4}>\n          <Menu.Popup className={styles.popup}>\n            {hiddenDefinitions.map((item) => (\n              <Menu.Item\n                key={item.key}\n                className={styles.menuItem}\n                data-key={item.key}\n                onClick={handleItemClick}\n              >\n                {item.label}\n              </Menu.Item>\n            ))}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n}\n\nexport const AddFilterPopover: React.MemoExoticComponent<\n  typeof AddFilterPopoverInner\n> = memo(AddFilterPopoverInner);\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,+BAA+B;AAYlD,SAASC,qBAAqBA,CAAC;EAC7BC,iBAAiB;EACjBC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,eAAe,GAAGL,WAAW,CAChCM,KAAuC,IAAK;IAC3C,MAAMC,GAAG,GAAGD,KAAK,CAACE,aAAa,CAACC,OAAO,CAACF,GAAG;IAC3C,IAAIA,GAAG,IAAI,IAAI,EAAE;MACfH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC,EACD,CAACH,YAAY,CACf,CAAC;EAED,oBACEN,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACc,IAAI,qBACRb,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACe,OAAO;IAACC,SAAS,EAAEZ,MAAM,CAACa;EAAQ,GAAC,cAE3B,CAAC,eACfhB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACkB,MAAM,qBACVjB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACmB,UAAU;IAACH,SAAS,EAAEZ,MAAM,CAACgB,UAAW;IAACC,UAAU,EAAE;EAAE,gBAC3DpB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACsB,KAAK;IAACN,SAAS,EAAEZ,MAAM,CAACmB;EAAM,GACjCjB,iBAAiB,CAACkB,GAAG,CAAEC,IAAI,iBAC1BxB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAAC0B,IAAI;IACRhB,GAAG,EAAEe,IAAI,CAACf,GAAI;IACdM,SAAS,EAAEZ,MAAM,CAACuB,QAAS;IAC3B,YAAUF,IAAI,CAACf,GAAI;IACnBkB,OAAO,EAAEpB;EAAgB,GAExBiB,IAAI,CAACI,KACG,CACZ,CACS,CACG,CACN,CACJ,CAAC;AAEhB;AAEA,OAAO,MAAMC,gBAEZ,gBAAG5B,IAAI,CAACG,qBAAqB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.trigger {
+  font-family: var(--osdk-filter-header-font-family);
+  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;
+  cursor: pointer;
+  padding: var(--osdk-filter-header-reset-padding);
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  transition: background-color var(--osdk-filter-header-button-transition);
+  width: 100%;
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    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);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.positioner {
+  z-index: var(--osdk-surface-z-index-3);
+}
+
+.popup {
+  background: var(--osdk-filter-item-menu-bg);
+  border: var(--osdk-filter-item-menu-border);
+  border-radius: var(--osdk-filter-item-menu-border-radius);
+  box-shadow: var(--osdk-filter-item-menu-shadow);
+  padding: var(--osdk-filter-item-menu-padding);
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  padding: var(--osdk-filter-item-menu-item-padding);
+  font-family: var(--osdk-filter-item-menu-item-font-family);
+  font-size: var(--osdk-filter-item-menu-item-font-size);
+  color: var(--osdk-filter-item-menu-item-color);
+  border-radius: var(--osdk-filter-item-menu-item-border-radius);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  width: 100%;
+  text-align: left;
+
+  &:hover,
+  &[data-highlighted] {
+    background: var(--osdk-filter-item-menu-item-bg-hover);
+  }
+
+  &:focus-visible {
+    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);
+  }
+}