@osdk/react-components 0.2.0-beta.2 → 0.2.0-beta.21

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

@@ -0,0 +1,123 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: var(--osdk-filter-header-padding-bottom);
+  border-bottom: var(--osdk-filter-header-border-bottom);
+}
+
+.titleContainer {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-header-titleContainer-gap);
+}
+
+.title {
+  font-family: var(--osdk-filter-header-font-family);
+  font-size: var(--osdk-filter-header-font-size);
+  font-weight: var(--osdk-filter-header-font-weight);
+  color: var(--osdk-filter-header-color);
+  margin: 0;
+}
+
+.titleIcon {
+  color: var(--osdk-filter-header-icon-color);
+  display: flex;
+  align-items: center;
+}
+
+.activeCount {
+  font-family: var(--osdk-filter-header-font-family);
+  font-size: var(--osdk-filter-header-activeCount-font-size);
+  color: var(--osdk-filter-header-activeCount-color);
+  font-variant-numeric: tabular-nums;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+
+  &:empty {
+    display: none;
+  }
+}
+
+.collapseButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-header-button-padding);
+  border: none;
+  background: var(--osdk-filter-header-button-bg);
+  cursor: pointer;
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  transition: background-color var(--osdk-filter-header-button-transition);
+  color: var(--osdk-filter-header-collapse-icon-color);
+
+  &: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;
+  }
+}
+
+.resetButton {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 0.5);
+  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);
+
+  &:hover:not(:disabled) {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:disabled {
+    color: var(--osdk-filter-header-reset-color-disabled);
+    cursor: not-allowed;
+  }
+
+  &: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;
+  }
+}

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

@@ -0,0 +1,13 @@
+// CSS Module proxy for FilterListHeader.module.css
+const styles = {
+  "header": "FilterListHeader-module__header___dkKc0CO-",
+  "titleContainer": "FilterListHeader-module__titleContainer___KaePpQIx",
+  "title": "FilterListHeader-module__title___xqfWfSzK",
+  "titleIcon": "FilterListHeader-module__titleIcon___MQy-dec8",
+  "activeCount": "FilterListHeader-module__activeCount___GyBsnsQL",
+  "actions": "FilterListHeader-module__actions___YZA7zmGc",
+  "collapseButton": "FilterListHeader-module__collapseButton___N1-sj3B3",
+  "resetButton": "FilterListHeader-module__resetButton___jLcUypov"
+};
+
+export default styles;

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

@@ -0,0 +1,87 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import classnames from "classnames";
+import React, { memo, useCallback } from "react";
+import { ErrorBoundary } from "../../shared/ErrorBoundary.js";
+import { supportsExcluding } from "../utils/filterValues.js";
+import { DragHandleIcon } from "./DragHandleIcon.js";
+import { ExcludeIcon, IncludeIcon, RemoveIcon } from "./FilterIcons.js";
+import styles from "./FilterListItem.module.css.js";
+function FilterListItemInner({
+  definition,
+  filterKey,
+  label,
+  filterState,
+  onFilterStateChanged,
+  onFilterRemoved,
+  renderInput,
+  dragHandleAttributes,
+  dragHandleListeners,
+  className,
+  style
+}) {
+  const handleFilterStateChanged = useCallback(newState => {
+    onFilterStateChanged(filterKey, newState);
+  }, [filterKey, onFilterStateChanged]);
+  const handleToggleExclude = useCallback(() => {
+    if (filterState) {
+      onFilterStateChanged(filterKey, {
+        ...filterState,
+        isExcluding: !filterState.isExcluding
+      });
+    }
+  }, [filterKey, filterState, onFilterStateChanged]);
+  const handleRemove = useCallback(() => {
+    onFilterRemoved?.(filterKey);
+  }, [filterKey, onFilterRemoved]);
+  const isExcluding = filterState?.isExcluding ?? false;
+  const showExcludeToggle = supportsExcluding(filterState);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.filterItem, className),
+    style: style,
+    "data-excluding": isExcluding || undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.itemHeader
+  }, dragHandleAttributes && /*#__PURE__*/React.createElement(Button, _extends({
+    className: styles.dragHandle,
+    "aria-label": `Reorder ${label}`
+  }, dragHandleAttributes, dragHandleListeners), /*#__PURE__*/React.createElement(DragHandleIcon, null)), /*#__PURE__*/React.createElement("span", {
+    className: styles.itemLabel
+  }, label), showExcludeToggle && /*#__PURE__*/React.createElement(Button, {
+    className: styles.excludeToggle,
+    onClick: handleToggleExclude,
+    "aria-pressed": isExcluding,
+    "aria-label": isExcluding ? "Switch to include mode" : "Switch to exclude mode"
+  }, isExcluding ? /*#__PURE__*/React.createElement(ExcludeIcon, null) : /*#__PURE__*/React.createElement(IncludeIcon, null)), onFilterRemoved && /*#__PURE__*/React.createElement(Button, {
+    className: styles.removeButton,
+    onClick: handleRemove,
+    "aria-label": `Remove ${label} filter`
+  }, /*#__PURE__*/React.createElement(RemoveIcon, null))), /*#__PURE__*/React.createElement("div", {
+    className: styles.itemContent
+  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
+    errorMessage: "Error loading filter"
+  }, renderInput({
+    definition,
+    filterKey,
+    filterState,
+    onFilterStateChanged: handleFilterStateChanged
+  }))));
+}
+export const FilterListItem = /*#__PURE__*/memo(FilterListItemInner);
+//# sourceMappingURL=FilterListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterListItem.js","names":["Button","classnames","React","memo","useCallback","ErrorBoundary","supportsExcluding","DragHandleIcon","ExcludeIcon","IncludeIcon","RemoveIcon","styles","FilterListItemInner","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","dragHandleAttributes","dragHandleListeners","className","style","handleFilterStateChanged","newState","handleToggleExclude","isExcluding","handleRemove","showExcludeToggle","createElement","filterItem","undefined","itemHeader","_extends","dragHandle","itemLabel","excludeToggle","onClick","removeButton","itemContent","errorMessage","FilterListItem"],"sources":["FilterListItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport type {\n  DraggableAttributes,\n  DraggableSyntheticListeners,\n} from \"@dnd-kit/core\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { ErrorBoundary } from \"../../shared/ErrorBoundary.js\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport { supportsExcluding } from \"../utils/filterValues.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { DragHandleIcon } from \"./DragHandleIcon.js\";\nimport { ExcludeIcon, IncludeIcon, RemoveIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface FilterListItemProps<D> {\n  definition: D;\n  filterKey: string;\n  label: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  onFilterRemoved?: (filterKey: string) => void;\n  renderInput: RenderFilterInput<D>;\n  dragHandleAttributes?: DraggableAttributes;\n  dragHandleListeners?: DraggableSyntheticListeners;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction FilterListItemInner<D>({\n  definition,\n  filterKey,\n  label,\n  filterState,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n  dragHandleAttributes,\n  dragHandleListeners,\n  className,\n  style,\n}: FilterListItemProps<D>): React.ReactElement {\n  const handleFilterStateChanged = useCallback(\n    (newState: FilterState) => {\n      onFilterStateChanged(filterKey, newState);\n    },\n    [filterKey, onFilterStateChanged],\n  );\n\n  const handleToggleExclude = useCallback(\n    () => {\n      if (filterState) {\n        onFilterStateChanged(filterKey, {\n          ...filterState,\n          isExcluding: !filterState.isExcluding,\n        });\n      }\n    },\n    [filterKey, filterState, onFilterStateChanged],\n  );\n\n  const handleRemove = useCallback(\n    () => {\n      onFilterRemoved?.(filterKey);\n    },\n    [filterKey, onFilterRemoved],\n  );\n\n  const isExcluding = filterState?.isExcluding ?? false;\n  const showExcludeToggle = supportsExcluding(filterState);\n\n  return (\n    <div\n      className={classnames(styles.filterItem, className)}\n      style={style}\n      data-excluding={isExcluding || undefined}\n    >\n      <div className={styles.itemHeader}>\n        {dragHandleAttributes && (\n          <Button\n            className={styles.dragHandle}\n            aria-label={`Reorder ${label}`}\n            {...dragHandleAttributes}\n            {...dragHandleListeners}\n          >\n            <DragHandleIcon />\n          </Button>\n        )}\n        <span className={styles.itemLabel}>{label}</span>\n        {showExcludeToggle && (\n          <Button\n            className={styles.excludeToggle}\n            onClick={handleToggleExclude}\n            aria-pressed={isExcluding}\n            aria-label={isExcluding\n              ? \"Switch to include mode\"\n              : \"Switch to exclude mode\"}\n          >\n            {isExcluding ? <ExcludeIcon /> : <IncludeIcon />}\n          </Button>\n        )}\n        {onFilterRemoved && (\n          <Button\n            className={styles.removeButton}\n            onClick={handleRemove}\n            aria-label={`Remove ${label} filter`}\n          >\n            <RemoveIcon />\n          </Button>\n        )}\n      </div>\n\n      <div className={styles.itemContent}>\n        <ErrorBoundary errorMessage=\"Error loading filter\">\n          {renderInput({\n            definition,\n            filterKey,\n            filterState,\n            onFilterStateChanged: handleFilterStateChanged,\n          })}\n        </ErrorBoundary>\n      </div>\n    </div>\n  );\n}\n\nexport const FilterListItem = memo(\n  FilterListItemInner,\n) as typeof FilterListItemInner;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,126 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.filterItem {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-item-gap);
+}
+
+.itemHeader {
+  display: flex;
+  align-items: center;
+}
+
+.itemLabel {
+  flex: 1;
+  font-family: var(--osdk-filter-item-label-font-family);
+  font-size: var(--osdk-filter-item-label-font-size);
+  font-weight: var(--osdk-filter-item-label-font-weight);
+  color: var(--osdk-filter-item-label-color);
+}
+
+.itemContent {
+  display: flex;
+  flex-direction: column;
+}
+
+.dragHandle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-item-drag-handle-padding);
+  margin-right: var(--osdk-surface-spacing);
+  border: none;
+  background: var(--osdk-filter-item-drag-handle-bg);
+  cursor: var(--osdk-drag-handle-cursor);
+  border-radius: var(--osdk-filter-item-drag-handle-border-radius);
+  color: var(--osdk-filter-item-drag-handle-color);
+  touch-action: none;
+
+  &:hover {
+    color: var(--osdk-filter-item-drag-handle-color-hover);
+    background: var(--osdk-filter-item-drag-handle-bg-hover);
+  }
+
+  &:active {
+    cursor: var(--osdk-drag-handle-cursor-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-item-drag-handle-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+}
+
+.excludeToggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-item-exclude-toggle-padding);
+  margin-left: auto;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-filter-item-exclude-toggle-border-radius);
+  color: var(--osdk-filter-item-exclude-toggle-color);
+
+  &:hover {
+    color: var(--osdk-filter-item-exclude-toggle-color-hover);
+    background: var(--osdk-filter-item-exclude-toggle-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);
+  }
+}
+
+.excludeToggle[aria-pressed="true"] {
+  color: var(--osdk-filter-item-exclude-toggle-color-active);
+}
+
+.removeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-item-exclude-toggle-padding);
+  margin-left: var(--osdk-surface-spacing);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-filter-item-exclude-toggle-border-radius);
+  color: var(--osdk-filter-item-exclude-toggle-color);
+
+  &:hover {
+    color: var(--osdk-filter-item-exclude-toggle-color-hover);
+    background: var(--osdk-filter-item-exclude-toggle-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);
+  }
+}
+
+.filterItem[data-excluding] {
+  border-left: var(--osdk-filter-item-exclude-border-width) solid var(--osdk-filter-item-exclude-border-color);
+  padding-left: var(--osdk-filter-item-gap);
+}
+
+.dragging {
+  opacity: var(--osdk-filter-item-dragging-opacity);
+}

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

@@ -0,0 +1,13 @@
+// CSS Module proxy for FilterListItem.module.css
+const styles = {
+  "filterItem": "FilterListItem-module__filterItem___fDBkbb7u",
+  "itemHeader": "FilterListItem-module__itemHeader___jp4epXg-",
+  "itemLabel": "FilterListItem-module__itemLabel___cEnbqE59",
+  "itemContent": "FilterListItem-module__itemContent___PfVHHhIy",
+  "dragHandle": "FilterListItem-module__dragHandle___BwFrILWs",
+  "excludeToggle": "FilterListItem-module__excludeToggle___nWNDvntP",
+  "removeButton": "FilterListItem-module__removeButton___72cjHbqK",
+  "dragging": "FilterListItem-module__dragging___S5-LGyfS"
+};
+
+export default styles;

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

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import classnames from "classnames";
+import React, { useMemo } from "react";
+import { FilterListItem } from "./FilterListItem.js";
+import styles from "./FilterListItem.module.css.js";
+export function SortableFilterListItem({
+  id,
+  definition,
+  filterKey,
+  label,
+  filterState,
+  onFilterStateChanged,
+  onFilterRemoved,
+  renderInput
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({
+    id
+  });
+  const style = useMemo(() => ({
+    transform: CSS.Transform.toString(transform),
+    transition: transition ?? undefined
+  }), [transform, transition]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: setNodeRef,
+    style: style,
+    className: classnames(isDragging && styles.dragging)
+  }, /*#__PURE__*/React.createElement(FilterListItem, {
+    definition: definition,
+    filterKey: filterKey,
+    label: label,
+    filterState: filterState,
+    onFilterStateChanged: onFilterStateChanged,
+    onFilterRemoved: onFilterRemoved,
+    renderInput: renderInput,
+    dragHandleAttributes: attributes,
+    dragHandleListeners: listeners
+  }));
+}
+//# sourceMappingURL=SortableFilterListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortableFilterListItem.js","names":["useSortable","CSS","classnames","React","useMemo","FilterListItem","styles","SortableFilterListItem","id","definition","filterKey","label","filterState","onFilterStateChanged","onFilterRemoved","renderInput","attributes","listeners","setNodeRef","transform","transition","isDragging","style","Transform","toString","undefined","createElement","ref","className","dragging","dragHandleAttributes","dragHandleListeners"],"sources":["SortableFilterListItem.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classnames from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\nimport type { RenderFilterInput } from \"./BaseFilterListApi.js\";\nimport { FilterListItem } from \"./FilterListItem.js\";\nimport styles from \"./FilterListItem.module.css\";\n\ninterface SortableFilterListItemProps<D> {\n  id: string;\n  definition: D;\n  filterKey: string;\n  label: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (\n    filterKey: string,\n    state: FilterState,\n  ) => void;\n  onFilterRemoved?: (filterKey: string) => void;\n  renderInput: RenderFilterInput<D>;\n}\n\nexport function SortableFilterListItem<D>({\n  id,\n  definition,\n  filterKey,\n  label,\n  filterState,\n  onFilterStateChanged,\n  onFilterRemoved,\n  renderInput,\n}: SortableFilterListItemProps<D>): React.ReactElement {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  const style = useMemo<React.CSSProperties>(() => ({\n    transform: CSS.Transform.toString(transform),\n    transition: transition ?? undefined,\n  }), [transform, transition]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={classnames(isDragging && styles.dragging)}\n    >\n      <FilterListItem\n        definition={definition}\n        filterKey={filterKey}\n        label={label}\n        filterState={filterState}\n        onFilterStateChanged={onFilterStateChanged}\n        onFilterRemoved={onFilterRemoved}\n        renderInput={renderInput}\n        dragHandleAttributes={attributes}\n        dragHandleListeners={listeners}\n      />\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,oBAAoB;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,cAAc,QAAQ,qBAAqB;AACpD,OAAOC,MAAM,MAAM,6BAA6B;AAgBhD,OAAO,SAASC,sBAAsBA,CAAI;EACxCC,EAAE;EACFC,UAAU;EACVC,SAAS;EACTC,KAAK;EACLC,WAAW;EACXC,oBAAoB;EACpBC,eAAe;EACfC;AAC8B,CAAC,EAAsB;EACrD,MAAM;IACJC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC;EACF,CAAC,GAAGrB,WAAW,CAAC;IAAEQ;EAAG,CAAC,CAAC;EAEvB,MAAMc,KAAK,GAAGlB,OAAO,CAAsB,OAAO;IAChDe,SAAS,EAAElB,GAAG,CAACsB,SAAS,CAACC,QAAQ,CAACL,SAAS,CAAC;IAC5CC,UAAU,EAAEA,UAAU,IAAIK;EAC5B,CAAC,CAAC,EAAE,CAACN,SAAS,EAAEC,UAAU,CAAC,CAAC;EAE5B,oBACEjB,KAAA,CAAAuB,aAAA;IACEC,GAAG,EAAET,UAAW;IAChBI,KAAK,EAAEA,KAAM;IACbM,SAAS,EAAE1B,UAAU,CAACmB,UAAU,IAAIf,MAAM,CAACuB,QAAQ;EAAE,gBAErD1B,KAAA,CAAAuB,aAAA,CAACrB,cAAc;IACbI,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,oBAAoB,EAAEA,oBAAqB;IAC3CC,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IACzBe,oBAAoB,EAAEd,UAAW;IACjCe,mBAAmB,EAAEd;EAAU,CAChC,CACE,CAAC;AAEV","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { BaseFilterList } from "./BaseFilterList.js";
+export { FilterListContent } from "./FilterListContent.js";
+export { FilterListHeader } from "./FilterListHeader.js";
+export { FilterListItem } from "./FilterListItem.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseFilterList","FilterListContent","FilterListHeader","FilterListItem"],"sources":["index.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\nexport { BaseFilterList } from \"./BaseFilterList.js\";\nexport type {\n  BaseFilterListProps,\n  RenderFilterInput,\n} from \"./BaseFilterListApi.js\";\nexport { FilterListContent } from \"./FilterListContent.js\";\nexport { FilterListHeader } from \"./FilterListHeader.js\";\nexport { FilterListItem } from \"./FilterListItem.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,qBAAqB;AAKpD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { Checkbox } from "../../../base-components/checkbox/Checkbox.js";
+import { filterValuesBySearch } from "../../utils/filterValues.js";
+import styles from "./CheckboxListInput.module.css.js";
+import { CheckboxListSkeleton } from "./CheckboxListSkeleton.js";
+import sharedStyles from "./shared.module.css.js";
+import { useStaleData } from "./useStaleData.js";
+function CheckboxListInputInner({
+  values,
+  isLoading,
+  error,
+  selectedValues,
+  onChange,
+  colorMap,
+  searchQuery,
+  className,
+  style
+}) {
+  const stableValues = useStaleData(values, isLoading);
+  const displayValues = useMemo(() => {
+    const allValues = stableValues.map(item => item.value);
+    if (searchQuery) {
+      return filterValuesBySearch(allValues, searchQuery, v => v);
+    }
+    return allValues;
+  }, [stableValues, searchQuery]);
+  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = useCallback(value => {
+    if (selectedSet.has(value)) {
+      onChange(selectedValues.filter(v => v !== value));
+    } else {
+      onChange([...selectedValues, value]);
+    }
+  }, [selectedValues, selectedSet, onChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.checkboxList, className),
+    style: style,
+    "data-loading": isLoading && displayValues.length > 0
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading values: ", error.message), !error && displayValues.length === 0 && isLoading && /*#__PURE__*/React.createElement(CheckboxListSkeleton, null), !error && displayValues.length === 0 && !isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, "No values available"), displayValues.map(value => {
+    const isSelected = selectedSet.has(value);
+    const color = colorMap?.[value];
+    return /*#__PURE__*/React.createElement("div", {
+      key: value,
+      className: styles.checkboxRow,
+      "data-selected": isSelected
+    }, /*#__PURE__*/React.createElement("label", {
+      className: styles.checkboxLabel
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      checked: isSelected,
+      onCheckedChange: () => toggleValue(value)
+    }), color && /*#__PURE__*/React.createElement("span", {
+      className: styles.colorDot,
+      style: {
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      className: styles.valueText
+    }, value)));
+  }));
+}
+export const CheckboxListInput = /*#__PURE__*/memo(CheckboxListInputInner);
+//# sourceMappingURL=CheckboxListInput.js.map

package/build/browser/filter-list/base/inputs/CheckboxListInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxListInput.js","names":["classnames","React","memo","useCallback","useMemo","Checkbox","filterValuesBySearch","styles","CheckboxListSkeleton","sharedStyles","useStaleData","CheckboxListInputInner","values","isLoading","error","selectedValues","onChange","colorMap","searchQuery","className","style","stableValues","displayValues","allValues","map","item","value","v","selectedSet","Set","toggleValue","has","filter","createElement","checkboxList","length","errorMessage","message","emptyMessage","isSelected","color","key","checkboxRow","checkboxLabel","checked","onCheckedChange","colorDot","backgroundColor","valueText","CheckboxListInput"],"sources":["CheckboxListInput.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, useMemo } from \"react\";\nimport { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport { filterValuesBySearch } from \"../../utils/filterValues.js\";\nimport styles from \"./CheckboxListInput.module.css\";\nimport { CheckboxListSkeleton } from \"./CheckboxListSkeleton.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport { useStaleData } from \"./useStaleData.js\";\n\ninterface CheckboxListInputProps {\n  values: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  selectedValues: string[];\n  onChange: (selectedValues: string[]) => void;\n  colorMap?: Record<string, string>;\n  searchQuery?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction CheckboxListInputInner({\n  values,\n  isLoading,\n  error,\n  selectedValues,\n  onChange,\n  colorMap,\n  searchQuery,\n  className,\n  style,\n}: CheckboxListInputProps): React.ReactElement {\n  const stableValues = useStaleData(values, isLoading);\n\n  const displayValues = useMemo(\n    () => {\n      const allValues = stableValues.map((item) => item.value);\n      if (searchQuery) {\n        return filterValuesBySearch(allValues, searchQuery, (v) => v);\n      }\n      return allValues;\n    },\n    [stableValues, searchQuery],\n  );\n\n  const selectedSet = useMemo(\n    () => new Set(selectedValues),\n    [selectedValues],\n  );\n\n  const toggleValue = useCallback(\n    (value: string) => {\n      if (selectedSet.has(value)) {\n        onChange(selectedValues.filter((v) => v !== value));\n      } else {\n        onChange([...selectedValues, value]);\n      }\n    },\n    [selectedValues, selectedSet, onChange],\n  );\n\n  return (\n    <div\n      className={classnames(styles.checkboxList, className)}\n      style={style}\n      data-loading={isLoading && displayValues.length > 0}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!error && displayValues.length === 0 && isLoading && (\n        <CheckboxListSkeleton />\n      )}\n      {!error && displayValues.length === 0 && !isLoading && (\n        <div className={sharedStyles.emptyMessage}>\n          No values available\n        </div>\n      )}\n\n      {displayValues.map((value) => {\n        const isSelected = selectedSet.has(value);\n        const color = colorMap?.[value];\n\n        return (\n          <div\n            key={value}\n            className={styles.checkboxRow}\n            data-selected={isSelected}\n          >\n            <label className={styles.checkboxLabel}>\n              <Checkbox\n                checked={isSelected}\n                onCheckedChange={() => toggleValue(value)}\n              />\n              {color && (\n                <span\n                  className={styles.colorDot}\n                  style={{ backgroundColor: color }}\n                />\n              )}\n              <span className={styles.valueText}>\n                {value}\n              </span>\n            </label>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nexport const CheckboxListInput = memo(\n  CheckboxListInputInner,\n) as typeof CheckboxListInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/base/inputs/CheckboxListInput.module.css

@@ -0,0 +1,65 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.checkboxList {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-checkbox-list-gap);
+  transition: opacity var(--osdk-filter-content-fade-duration);
+}
+
+.checkboxList[data-loading="true"] {
+  opacity: 0.5;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .checkboxList {
+    transition: none;
+  }
+}
+
+.checkboxRow {
+  padding: var(--osdk-filter-checkbox-row-padding);
+  border-radius: var(--osdk-filter-checkbox-row-border-radius);
+
+  &:hover {
+    background: var(--osdk-filter-checkbox-row-bg-hover);
+  }
+}
+
+.checkboxLabel {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-checkbox-label-gap);
+  cursor: pointer;
+}
+
+.valueText {
+  font-family: var(--osdk-filter-checkbox-value-font-family);
+  font-size: var(--osdk-filter-checkbox-value-font-size);
+  line-height: var(--osdk-filter-checkbox-value-line-height);
+  color: var(--osdk-filter-checkbox-value-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.colorDot {
+  width: var(--osdk-filter-checkbox-color-dot-size);
+  height: var(--osdk-filter-checkbox-color-dot-size);
+  border-radius: 50%;
+  flex-shrink: 0;
+}

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

@@ -0,0 +1,10 @@
+// CSS Module proxy for CheckboxListInput.module.css
+const styles = {
+  "checkboxList": "CheckboxListInput-module__checkboxList___NTBTd7DH",
+  "checkboxRow": "CheckboxListInput-module__checkboxRow___ga-mvL9m",
+  "checkboxLabel": "CheckboxListInput-module__checkboxLabel___iFH7C6-U",
+  "valueText": "CheckboxListInput-module__valueText___ohfVO74D",
+  "colorDot": "CheckboxListInput-module__colorDot___AdQXW5K-"
+};
+
+export default styles;