@osdk/react-components 0.1.0 → 0.2.0-beta.10

package/build/esm/filter-list/base/inputs/SingleSelectInput.js

@@ -0,0 +1,95 @@
+/*
+ * 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 { Cross } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { Select } from "../../../base-components/select/Select.js";
+import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
+import sharedStyles from "./shared.module.css";
+import styles from "./SingleSelectInput.module.css";
+function SingleSelectInputInner({
+  objectType,
+  propertyKey,
+  selectedValue,
+  onChange,
+  whereClause,
+  className,
+  style,
+  placeholder = "Select a value...",
+  showClearButton = true,
+  showCounts = false
+}) {
+  const {
+    data: values,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, {
+    where: whereClause
+  });
+  const handleValueChange = useCallback(value => {
+    onChange(value ?? undefined);
+  }, [onChange]);
+  const handleClear = useCallback(() => {
+    onChange(undefined);
+  }, [onChange]);
+  const items = useMemo(() => {
+    const result = {};
+    for (const {
+      value,
+      count
+    } of values) {
+      result[value] = showCounts ? `${value} (${count.toLocaleString()})` : value;
+    }
+    return result;
+  }, [values, showCounts]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.singleSelect, className),
+    style: style,
+    "data-loading": isLoading
+  }, isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Loading options..."), error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading options: ", error.message), !isLoading && !error && values.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, "No options available"), (values.length > 0 || isLoading) && /*#__PURE__*/React.createElement("div", {
+    className: styles.selectContainer
+  }, /*#__PURE__*/React.createElement(Select.Root, {
+    value: selectedValue ?? null,
+    onValueChange: handleValueChange,
+    items: items
+  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+    placeholder: placeholder,
+    "aria-label": `Select ${propertyKey}`
+  }), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Positioner, null, /*#__PURE__*/React.createElement(Select.Popup, null, values.map(({
+    value,
+    count
+  }) => /*#__PURE__*/React.createElement(Select.Item, {
+    key: value,
+    value: value
+  }, showCounts ? `${value} (${count.toLocaleString()})` : value)))))), showClearButton && selectedValue !== undefined && /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.clearButton,
+    onClick: handleClear,
+    "aria-label": "Clear selection"
+  }, /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }))));
+}
+export const SingleSelectInput = /*#__PURE__*/memo(SingleSelectInputInner);
+//# sourceMappingURL=SingleSelectInput.js.map

package/build/esm/filter-list/base/inputs/SingleSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectInput.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","Select","usePropertyAggregation","sharedStyles","styles","SingleSelectInputInner","objectType","propertyKey","selectedValue","onChange","whereClause","className","style","placeholder","showClearButton","showCounts","data","values","isLoading","error","where","handleValueChange","value","undefined","handleClear","items","result","count","toLocaleString","createElement","singleSelect","loadingMessage","errorMessage","message","length","emptyMessage","selectContainer","Root","onValueChange","Trigger","Portal","Positioner","Popup","map","Item","key","type","clearButton","onClick","color","SingleSelectInput"],"sources":["SingleSelectInput.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 { Cross } from \"@blueprintjs/icons\";\nimport type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Select } from \"../../../base-components/select/Select.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport styles from \"./SingleSelectInput.module.css\";\n\ninterface SingleSelectInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValue: string | undefined;\n  onChange: (value: string | undefined) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  showClearButton?: boolean;\n  showCounts?: boolean;\n}\n\nfunction SingleSelectInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValue,\n  onChange,\n  whereClause,\n  className,\n  style,\n  placeholder = \"Select a value...\",\n  showClearButton = true,\n  showCounts = false,\n}: SingleSelectInputProps<Q, K>): React.ReactElement {\n  const { data: values, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const handleValueChange = useCallback(\n    (value: string | null) => {\n      onChange(value ?? undefined);\n    },\n    [onChange],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(undefined);\n  }, [onChange]);\n\n  const items = useMemo(() => {\n    const result: Record<string, string> = {};\n    for (const { value, count } of values) {\n      result[value] = showCounts\n        ? `${value} (${count.toLocaleString()})`\n        : value;\n    }\n    return result;\n  }, [values, showCounts]);\n\n  return (\n    <div\n      className={classnames(styles.singleSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading options...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No options available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.selectContainer}>\n          <Select.Root<string>\n            value={selectedValue ?? null}\n            onValueChange={handleValueChange}\n            items={items}\n          >\n            <Select.Trigger\n              placeholder={placeholder}\n              aria-label={`Select ${propertyKey}`}\n            />\n            <Select.Portal>\n              <Select.Positioner>\n                <Select.Popup>\n                  {values.map(({ value, count }) => (\n                    <Select.Item key={value} value={value}>\n                      {showCounts\n                        ? `${value} (${count.toLocaleString()})`\n                        : value}\n                    </Select.Item>\n                  ))}\n                </Select.Popup>\n              </Select.Positioner>\n            </Select.Portal>\n          </Select.Root>\n          {showClearButton && selectedValue !== undefined && (\n            <Button\n              type=\"button\"\n              className={styles.clearButton}\n              onClick={handleClear}\n              aria-label=\"Clear selection\"\n            >\n              <Cross color=\"currentColor\" />\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const SingleSelectInput = memo(\n  SingleSelectInputInner,\n) as typeof SingleSelectInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/SingleSelectInput.module.css

@@ -0,0 +1,55 @@
+/*
+ * 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.
+ */
+
+.singleSelect {
+  display: flex;
+  flex-direction: column;
+}
+
+.selectContainer {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-select-container-gap);
+  position: relative;
+}
+
+.clearButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-select-clear-padding);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--osdk-filter-select-clear-color);
+  border-radius: var(--osdk-filter-select-clear-border-radius);
+  transition: color var(--osdk-filter-select-clear-transition),
+              background-color var(--osdk-filter-select-clear-transition);
+
+  &:hover {
+    color: var(--osdk-filter-select-clear-color-hover);
+    background-color: var(--osdk-filter-select-clear-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);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}

package/build/esm/filter-list/base/inputs/TextTagsInput.js

@@ -0,0 +1,141 @@
+/*
+ * 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, useMemo, useState } from "react";
+import { Combobox } from "../../../base-components/combobox/Combobox.js";
+import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
+import sharedStyles from "./shared.module.css";
+import styles from "./TextTagsInput.module.css";
+const TAG_SEPARATOR_PATTERN = /[,\n]/;
+const TagItem = /*#__PURE__*/memo(function ({
+  tag,
+  onRemove
+}) {
+  const handleRemove = useCallback(() => {
+    onRemove(tag);
+  }, [tag, onRemove]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: sharedStyles.tag
+  }, tag, /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: sharedStyles.tagRemove,
+    onClick: handleRemove,
+    "aria-label": `Remove ${tag}`
+  }, "\xD7"));
+});
+function TextTagsInputInner({
+  objectType,
+  propertyKey,
+  tags,
+  onChange,
+  whereClause,
+  className,
+  style,
+  placeholder = "Add a tag...",
+  allowCustomTags = true,
+  suggestionLimit = 10
+}) {
+  const [inputValue, setInputValue] = useState("");
+  const {
+    data: suggestions,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, {
+    limit: suggestionLimit ?? 0,
+    where: whereClause
+  });
+  const filteredSuggestions = useMemo(() => {
+    if (!suggestionLimit) return [];
+    const lowerInput = inputValue.toLowerCase();
+    return suggestions.filter(s => (!inputValue.trim() || s.value.toLowerCase().includes(lowerInput)) && !tags.includes(s.value)).slice(0, suggestionLimit);
+  }, [suggestions, inputValue, tags, suggestionLimit]);
+  const addTag = useCallback(tag => {
+    const trimmedTag = tag.trim();
+    if (trimmedTag && !tags.includes(trimmedTag)) {
+      onChange([...tags, trimmedTag]);
+    }
+    setInputValue("");
+  }, [tags, onChange]);
+  const removeTag = useCallback(tag => {
+    onChange(tags.filter(t => t !== tag));
+  }, [tags, onChange]);
+  const handleValueChange = useCallback(newTags => {
+    onChange(newTags ?? []);
+  }, [onChange]);
+  const handleInputValueChange = useCallback(value => {
+    setInputValue(value);
+  }, []);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === "Enter" && inputValue.trim()) {
+      if (filteredSuggestions.length > 0) {
+        return;
+      }
+      e.preventDefault();
+      if (allowCustomTags) {
+        addTag(inputValue);
+      }
+    } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+      removeTag(tags[tags.length - 1]);
+    }
+  }, [inputValue, tags, addTag, removeTag, allowCustomTags, filteredSuggestions]);
+  const handlePaste = useCallback(e => {
+    const pastedText = e.clipboardData.getData("text");
+    if (TAG_SEPARATOR_PATTERN.test(pastedText)) {
+      e.preventDefault();
+      const newTags = pastedText.split(TAG_SEPARATOR_PATTERN).map(t => t.trim()).filter(t => t && !tags.includes(t));
+      if (newTags.length > 0) {
+        onChange([...tags, ...newTags]);
+      }
+    }
+  }, [tags, onChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.textTags, className),
+    style: style,
+    "data-loading": isLoading
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading suggestions: ", error.message), /*#__PURE__*/React.createElement(Combobox.Root, {
+    multiple: true,
+    value: tags,
+    onValueChange: handleValueChange,
+    inputValue: inputValue,
+    onInputValueChange: handleInputValueChange
+  }, tags.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.tagContainer
+  }, tags.map(tag => /*#__PURE__*/React.createElement(TagItem, {
+    key: tag,
+    tag: tag,
+    onRemove: removeTag
+  }))), /*#__PURE__*/React.createElement(Combobox.Input, {
+    className: styles.input,
+    placeholder: tags.length > 0 ? "" : placeholder,
+    onKeyDown: handleKeyDown,
+    onPaste: handlePaste,
+    "aria-label": `Add ${propertyKey} tag`
+  }), /*#__PURE__*/React.createElement(Combobox.Portal, null, /*#__PURE__*/React.createElement(Combobox.Positioner, null, /*#__PURE__*/React.createElement(Combobox.Popup, null, filteredSuggestions.length === 0 ? allowCustomTags && inputValue.trim() ? /*#__PURE__*/React.createElement(Combobox.Empty, null, "Press Enter to add \"", inputValue, "\"") : /*#__PURE__*/React.createElement(Combobox.Empty, null, suggestionLimit ? "No suggestions" : "Type to add a tag") : filteredSuggestions.map(({
+    value,
+    count
+  }) => /*#__PURE__*/React.createElement(Combobox.Item, {
+    key: value,
+    value: value
+  }, value, " (", count.toLocaleString(), ")")))))), isLoading && !!suggestionLimit && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Loading suggestions..."));
+}
+export const TextTagsInput = /*#__PURE__*/memo(TextTagsInputInner);
+//# sourceMappingURL=TextTagsInput.js.map

package/build/esm/filter-list/base/inputs/TextTagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTagsInput.js","names":["Button","classnames","React","memo","useCallback","useMemo","useState","Combobox","usePropertyAggregation","sharedStyles","styles","TAG_SEPARATOR_PATTERN","TagItem","tag","onRemove","handleRemove","createElement","className","type","tagRemove","onClick","TextTagsInputInner","objectType","propertyKey","tags","onChange","whereClause","style","placeholder","allowCustomTags","suggestionLimit","inputValue","setInputValue","data","suggestions","isLoading","error","limit","where","filteredSuggestions","lowerInput","toLowerCase","filter","s","trim","value","includes","slice","addTag","trimmedTag","removeTag","t","handleValueChange","newTags","handleInputValueChange","handleKeyDown","e","key","length","preventDefault","handlePaste","pastedText","clipboardData","getData","test","split","map","textTags","errorMessage","message","Root","multiple","onValueChange","onInputValueChange","tagContainer","Input","input","onKeyDown","onPaste","Portal","Positioner","Popup","Empty","count","Item","toLocaleString","loadingMessage","TextTagsInput"],"sources":["TextTagsInput.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  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport styles from \"./TextTagsInput.module.css\";\n\nconst TAG_SEPARATOR_PATTERN = /[,\\n]/;\n\ninterface TagItemProps {\n  tag: string;\n  onRemove: (tag: string) => void;\n}\n\nconst TagItem = memo(function TagItem({ tag, onRemove }: TagItemProps) {\n  const handleRemove = useCallback(() => {\n    onRemove(tag);\n  }, [tag, onRemove]);\n\n  return (\n    <span className={sharedStyles.tag}>\n      {tag}\n      <Button\n        type=\"button\"\n        className={sharedStyles.tagRemove}\n        onClick={handleRemove}\n        aria-label={`Remove ${tag}`}\n      >\n        ×\n      </Button>\n    </span>\n  );\n});\n\ninterface TextTagsInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  tags: string[];\n  onChange: (tags: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  allowCustomTags?: boolean;\n  suggestionLimit?: number;\n}\n\nfunction TextTagsInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  tags,\n  onChange,\n  whereClause,\n  className,\n  style,\n  placeholder = \"Add a tag...\",\n  allowCustomTags = true,\n  suggestionLimit = 10,\n}: TextTagsInputProps<Q, K>): React.ReactElement {\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const { data: suggestions, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { limit: suggestionLimit ?? 0, where: whereClause },\n  );\n\n  const filteredSuggestions = useMemo(() => {\n    if (!suggestionLimit) return [];\n    const lowerInput = inputValue.toLowerCase();\n    return suggestions\n      .filter(\n        (s) =>\n          (!inputValue.trim()\n            || s.value.toLowerCase().includes(lowerInput))\n          && !tags.includes(s.value),\n      )\n      .slice(0, suggestionLimit);\n  }, [suggestions, inputValue, tags, suggestionLimit]);\n\n  const addTag = useCallback(\n    (tag: string) => {\n      const trimmedTag = tag.trim();\n      if (trimmedTag && !tags.includes(trimmedTag)) {\n        onChange([...tags, trimmedTag]);\n      }\n      setInputValue(\"\");\n    },\n    [tags, onChange],\n  );\n\n  const removeTag = useCallback(\n    (tag: string) => {\n      onChange(tags.filter((t) => t !== tag));\n    },\n    [tags, onChange],\n  );\n\n  const handleValueChange = useCallback(\n    (newTags: string[] | null) => {\n      onChange(newTags ?? []);\n    },\n    [onChange],\n  );\n\n  const handleInputValueChange = useCallback(\n    (value: string) => {\n      setInputValue(value);\n    },\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\" && inputValue.trim()) {\n        if (filteredSuggestions.length > 0) {\n          return;\n        }\n        e.preventDefault();\n        if (allowCustomTags) {\n          addTag(inputValue);\n        }\n      } else if (e.key === \"Backspace\" && !inputValue && tags.length > 0) {\n        removeTag(tags[tags.length - 1]);\n      }\n    },\n    [inputValue, tags, addTag, removeTag, allowCustomTags, filteredSuggestions],\n  );\n\n  const handlePaste = useCallback(\n    (e: React.ClipboardEvent<HTMLInputElement>) => {\n      const pastedText = e.clipboardData.getData(\"text\");\n      if (TAG_SEPARATOR_PATTERN.test(pastedText)) {\n        e.preventDefault();\n        const newTags = pastedText\n          .split(TAG_SEPARATOR_PATTERN)\n          .map((t) => t.trim())\n          .filter((t) => t && !tags.includes(t));\n        if (newTags.length > 0) {\n          onChange([...tags, ...newTags]);\n        }\n      }\n    },\n    [tags, onChange],\n  );\n\n  return (\n    <div\n      className={classnames(styles.textTags, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading suggestions: {error.message}\n        </div>\n      )}\n\n      <Combobox.Root<string, true>\n        multiple\n        value={tags}\n        onValueChange={handleValueChange}\n        inputValue={inputValue}\n        onInputValueChange={handleInputValueChange}\n      >\n        {tags.length > 0 && (\n          <div className={sharedStyles.tagContainer}>\n            {tags.map((tag) => (\n              <TagItem key={tag} tag={tag} onRemove={removeTag} />\n            ))}\n          </div>\n        )}\n\n        <Combobox.Input\n          className={styles.input}\n          placeholder={tags.length > 0 ? \"\" : placeholder}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          aria-label={`Add ${propertyKey} tag`}\n        />\n\n        <Combobox.Portal>\n          <Combobox.Positioner>\n            <Combobox.Popup>\n              {filteredSuggestions.length === 0\n                ? (\n                  allowCustomTags && inputValue.trim()\n                    ? (\n                      <Combobox.Empty>\n                        Press Enter to add \"{inputValue}\"\n                      </Combobox.Empty>\n                    )\n                    : (\n                      <Combobox.Empty>\n                        {suggestionLimit\n                          ? \"No suggestions\"\n                          : \"Type to add a tag\"}\n                      </Combobox.Empty>\n                    )\n                )\n                : filteredSuggestions.map(({ value, count }) => (\n                  <Combobox.Item key={value} value={value}>\n                    {value} ({count.toLocaleString()})\n                  </Combobox.Item>\n                ))}\n            </Combobox.Popup>\n          </Combobox.Positioner>\n        </Combobox.Portal>\n      </Combobox.Root>\n\n      {isLoading && !!suggestionLimit && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading suggestions...\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const TextTagsInput = memo(\n  TextTagsInputInner,\n) as typeof TextTagsInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/TextTagsInput.module.css

@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+
+.textTags {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-texttags-gap);
+}
+
+.input {
+  flex: 1;
+}

package/build/esm/filter-list/base/inputs/TimelineInput.js

@@ -0,0 +1,74 @@
+/*
+ * 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 { Input } from "@base-ui/react/input";
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { formatDateForDisplay, formatDateForInput, parseDateFromInput } from "./dateUtils.js";
+import styles from "./TimelineInput.module.css";
+function TimelineInputInner({
+  startDate,
+  endDate,
+  onChange,
+  className,
+  minDate,
+  maxDate
+}) {
+  const handleStartChange = useCallback(e => {
+    const date = parseDateFromInput(e.target.value);
+    onChange(date, endDate);
+  }, [onChange, endDate]);
+  const handleEndChange = useCallback(e => {
+    const date = parseDateFromInput(e.target.value);
+    onChange(startDate, date);
+  }, [onChange, startDate]);
+  const handleClear = useCallback(() => {
+    onChange(undefined, undefined);
+  }, [onChange]);
+  const startInputMax = useMemo(() => endDate ?? maxDate, [endDate, maxDate]);
+  const endInputMin = useMemo(() => startDate ?? minDate, [startDate, minDate]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.timeline, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.labels
+  }, /*#__PURE__*/React.createElement("span", null, formatDateForDisplay(startDate, "—")), /*#__PURE__*/React.createElement("span", null, "to"), /*#__PURE__*/React.createElement("span", null, formatDateForDisplay(endDate, "—")), (startDate || endDate) && /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.clearButton,
+    onClick: handleClear,
+    "aria-label": "Clear range"
+  }, "\xD7")), /*#__PURE__*/React.createElement("div", {
+    className: styles.brush
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "date",
+    className: styles.input,
+    value: formatDateForInput(startDate),
+    onChange: handleStartChange,
+    min: minDate ? formatDateForInput(minDate) : undefined,
+    max: startInputMax ? formatDateForInput(startInputMax) : undefined,
+    "aria-label": "Start date"
+  }), /*#__PURE__*/React.createElement("span", null, "\u2014"), /*#__PURE__*/React.createElement(Input, {
+    type: "date",
+    className: styles.input,
+    value: formatDateForInput(endDate),
+    onChange: handleEndChange,
+    min: endInputMin ? formatDateForInput(endInputMin) : undefined,
+    max: maxDate ? formatDateForInput(maxDate) : undefined,
+    "aria-label": "End date"
+  })));
+}
+export const TimelineInput = /*#__PURE__*/memo(TimelineInputInner);
+//# sourceMappingURL=TimelineInput.js.map

package/build/esm/filter-list/base/inputs/TimelineInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineInput.js","names":["Button","Input","classnames","React","memo","useCallback","useMemo","formatDateForDisplay","formatDateForInput","parseDateFromInput","styles","TimelineInputInner","startDate","endDate","onChange","className","minDate","maxDate","handleStartChange","e","date","target","value","handleEndChange","handleClear","undefined","startInputMax","endInputMin","createElement","timeline","labels","type","clearButton","onClick","brush","input","min","max","TimelineInput"],"sources":["TimelineInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Input } from \"@base-ui/react/input\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport {\n  formatDateForDisplay,\n  formatDateForInput,\n  parseDateFromInput,\n} from \"./dateUtils.js\";\nimport styles from \"./TimelineInput.module.css\";\n\ninterface TimelineInputProps {\n  startDate: Date | undefined;\n  endDate: Date | undefined;\n  onChange: (startDate: Date | undefined, endDate: Date | undefined) => void;\n  className?: string;\n  minDate?: Date;\n  maxDate?: Date;\n}\n\nfunction TimelineInputInner({\n  startDate,\n  endDate,\n  onChange,\n  className,\n  minDate,\n  maxDate,\n}: TimelineInputProps): React.ReactElement {\n  const handleStartChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const date = parseDateFromInput(e.target.value);\n      onChange(date, endDate);\n    },\n    [onChange, endDate],\n  );\n\n  const handleEndChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const date = parseDateFromInput(e.target.value);\n      onChange(startDate, date);\n    },\n    [onChange, startDate],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(undefined, undefined);\n  }, [onChange]);\n\n  const startInputMax = useMemo(\n    () => endDate ?? maxDate,\n    [endDate, maxDate],\n  );\n  const endInputMin = useMemo(\n    () => startDate ?? minDate,\n    [startDate, minDate],\n  );\n\n  return (\n    <div className={classnames(styles.timeline, className)}>\n      <div className={styles.labels}>\n        <span>{formatDateForDisplay(startDate, \"—\")}</span>\n        <span>to</span>\n        <span>{formatDateForDisplay(endDate, \"—\")}</span>\n        {(startDate || endDate) && (\n          <Button\n            type=\"button\"\n            className={styles.clearButton}\n            onClick={handleClear}\n            aria-label=\"Clear range\"\n          >\n            ×\n          </Button>\n        )}\n      </div>\n\n      <div className={styles.brush}>\n        <Input\n          type=\"date\"\n          className={styles.input}\n          value={formatDateForInput(startDate)}\n          onChange={handleStartChange}\n          min={minDate ? formatDateForInput(minDate) : undefined}\n          max={startInputMax ? formatDateForInput(startInputMax) : undefined}\n          aria-label=\"Start date\"\n        />\n        <span>—</span>\n        <Input\n          type=\"date\"\n          className={styles.input}\n          value={formatDateForInput(endDate)}\n          onChange={handleEndChange}\n          min={endInputMin ? formatDateForInput(endInputMin) : undefined}\n          max={maxDate ? formatDateForInput(maxDate) : undefined}\n          aria-label=\"End date\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport const TimelineInput: React.NamedExoticComponent<TimelineInputProps> =\n  memo(TimelineInputInner);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/TimelineInput.module.css

@@ -0,0 +1,73 @@
+/*
+ * 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.
+ */
+
+.timeline {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-range-gap, calc(var(--osdk-surface-spacing) * 2));
+}
+
+.labels {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+}
+
+.clearButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(var(--osdk-surface-spacing) * 0.5);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--osdk-iconography-color-muted);
+  border-radius: var(--osdk-surface-border-radius);
+  margin-left: auto;
+
+  &:hover {
+    background: var(--osdk-surface-background-color-default-hover);
+    color: var(--osdk-typography-color-default-rest);
+  }
+}
+
+.brush {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+
+.brush span {
+  color: var(--osdk-typography-color-muted);
+}
+
+.input {
+  flex: 1;
+  font-size: var(--osdk-typography-size-body-medium);
+  padding: var(--osdk-filter-input-padding);
+  border: var(--osdk-filter-input-border);
+  border-radius: var(--osdk-filter-input-border-radius);
+  background: var(--osdk-filter-input-bg);
+  color: var(--osdk-filter-input-color);
+
+  &:focus {
+    border-color: var(--osdk-filter-input-focus-border);
+    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/inputs/ToggleInput.js

@@ -0,0 +1,43 @@
+/*
+ * 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 } from "react";
+import { Switch } from "../../../base-components/switch/Switch.js";
+import styles from "./ToggleInput.module.css";
+function ToggleInputInner({
+  enabled,
+  onChange,
+  label,
+  className,
+  style
+}) {
+  const rootClassName = classnames(styles.toggleInput, className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: rootClassName,
+    style: style,
+    "data-enabled": enabled
+  }, /*#__PURE__*/React.createElement("label", {
+    className: styles.toggleLabel
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: enabled,
+    onCheckedChange: onChange
+  }), label && /*#__PURE__*/React.createElement("span", {
+    className: styles.labelText
+  }, label)));
+}
+export const ToggleInput = /*#__PURE__*/memo(ToggleInputInner);
+//# sourceMappingURL=ToggleInput.js.map

package/build/esm/filter-list/base/inputs/ToggleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleInput.js","names":["classnames","React","memo","Switch","styles","ToggleInputInner","enabled","onChange","label","className","style","rootClassName","toggleInput","createElement","toggleLabel","checked","onCheckedChange","labelText","ToggleInput"],"sources":["ToggleInput.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 } from \"react\";\nimport { Switch } from \"../../../base-components/switch/Switch.js\";\nimport styles from \"./ToggleInput.module.css\";\n\ninterface ToggleInputProps {\n  enabled: boolean;\n  onChange: (enabled: boolean) => void;\n  label?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction ToggleInputInner({\n  enabled,\n  onChange,\n  label,\n  className,\n  style,\n}: ToggleInputProps): React.ReactElement {\n  const rootClassName = classnames(styles.toggleInput, className);\n\n  return (\n    <div className={rootClassName} style={style} data-enabled={enabled}>\n      <label className={styles.toggleLabel}>\n        <Switch checked={enabled} onCheckedChange={onChange} />\n        {label && <span className={styles.labelText}>{label}</span>}\n      </label>\n    </div>\n  );\n}\n\nexport const ToggleInput: React.NamedExoticComponent<ToggleInputProps> = memo(\n  ToggleInputInner,\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,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,MAAM,QAAQ,2CAA2C;AAClE,OAAOC,MAAM,MAAM,0BAA0B;AAU7C,SAASC,gBAAgBA,CAAC;EACxBC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC;AACgB,CAAC,EAAsB;EACvC,MAAMC,aAAa,GAAGX,UAAU,CAACI,MAAM,CAACQ,WAAW,EAAEH,SAAS,CAAC;EAE/D,oBACER,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAEE,aAAc;IAACD,KAAK,EAAEA,KAAM;IAAC,gBAAcJ;EAAQ,gBACjEL,KAAA,CAAAY,aAAA;IAAOJ,SAAS,EAAEL,MAAM,CAACU;EAAY,gBACnCb,KAAA,CAAAY,aAAA,CAACV,MAAM;IAACY,OAAO,EAAET,OAAQ;IAACU,eAAe,EAAET;EAAS,CAAE,CAAC,EACtDC,KAAK,iBAAIP,KAAA,CAAAY,aAAA;IAAMJ,SAAS,EAAEL,MAAM,CAACa;EAAU,GAAET,KAAY,CACrD,CACJ,CAAC;AAEV;AAEA,OAAO,MAAMU,WAAyD,gBAAGhB,IAAI,CAC3EG,gBACF,CAAC","ignoreList":[]}

package/build/esm/filter-list/base/inputs/ToggleInput.module.css

@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+
+.toggleInput {
+  display: flex;
+  align-items: center;
+}
+
+.toggleLabel {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-toggle-label-gap);
+  cursor: pointer;
+}
+
+.labelText {
+  font-family: var(--osdk-filter-toggle-label-font-family);
+  font-size: var(--osdk-filter-toggle-label-font-size);
+  line-height: var(--osdk-filter-toggle-label-line-height);
+  color: var(--osdk-filter-toggle-label-color);
+}