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

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

@@ -0,0 +1,61 @@
+/*
+ * 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 } from "react";
+import { formatDateForInput, parseDateFromInput } from "./dateUtils.js";
+import styles from "./SingleDateInput.module.css";
+function SingleDateInputInner({
+  selectedDate,
+  onChange,
+  className,
+  style,
+  minDate,
+  maxDate,
+  placeholder = "Select a date...",
+  showClearButton = true
+}) {
+  const handleChange = useCallback(e => {
+    const date = parseDateFromInput(e.target.value);
+    onChange(date);
+  }, [onChange]);
+  const handleClear = useCallback(() => {
+    onChange(undefined);
+  }, [onChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.singleDate, className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.dateContainer
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "date",
+    className: styles.input,
+    value: formatDateForInput(selectedDate),
+    onChange: handleChange,
+    min: minDate ? formatDateForInput(minDate) : undefined,
+    max: maxDate ? formatDateForInput(maxDate) : undefined,
+    placeholder: placeholder,
+    "aria-label": "Select date"
+  }), showClearButton && selectedDate !== undefined && /*#__PURE__*/React.createElement(Button, {
+    className: styles.clearButton,
+    onClick: handleClear,
+    "aria-label": "Clear date"
+  }, "\xD7")));
+}
+export const SingleDateInput = /*#__PURE__*/memo(SingleDateInputInner);
+//# sourceMappingURL=SingleDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDateInput.js","names":["Button","Input","classnames","React","memo","useCallback","formatDateForInput","parseDateFromInput","styles","SingleDateInputInner","selectedDate","onChange","className","style","minDate","maxDate","placeholder","showClearButton","handleChange","e","date","target","value","handleClear","undefined","createElement","singleDate","dateContainer","type","input","min","max","clearButton","onClick","SingleDateInput"],"sources":["SingleDateInput.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 } from \"react\";\nimport { formatDateForInput, parseDateFromInput } from \"./dateUtils.js\";\nimport styles from \"./SingleDateInput.module.css\";\n\ninterface SingleDateInputProps {\n  selectedDate: Date | undefined;\n  onChange: (date: Date | undefined) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  minDate?: Date;\n  maxDate?: Date;\n  placeholder?: string;\n  showClearButton?: boolean;\n}\n\nfunction SingleDateInputInner({\n  selectedDate,\n  onChange,\n  className,\n  style,\n  minDate,\n  maxDate,\n  placeholder = \"Select a date...\",\n  showClearButton = true,\n}: SingleDateInputProps): React.ReactElement {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const date = parseDateFromInput(e.target.value);\n      onChange(date);\n    },\n    [onChange],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(undefined);\n  }, [onChange]);\n\n  return (\n    <div className={classnames(styles.singleDate, className)} style={style}>\n      <div className={styles.dateContainer}>\n        <Input\n          type=\"date\"\n          className={styles.input}\n          value={formatDateForInput(selectedDate)}\n          onChange={handleChange}\n          min={minDate ? formatDateForInput(minDate) : undefined}\n          max={maxDate ? formatDateForInput(maxDate) : undefined}\n          placeholder={placeholder}\n          aria-label=\"Select date\"\n        />\n        {showClearButton && selectedDate !== undefined && (\n          <Button\n            className={styles.clearButton}\n            onClick={handleClear}\n            aria-label=\"Clear date\"\n          >\n            ×\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const SingleDateInput: React.NamedExoticComponent<SingleDateInputProps> =\n  memo(SingleDateInputInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,gBAAgB;AACvE,OAAOC,MAAM,MAAM,8BAA8B;AAajD,SAASC,oBAAoBA,CAAC;EAC5BC,YAAY;EACZC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC,WAAW,GAAG,kBAAkB;EAChCC,eAAe,GAAG;AACE,CAAC,EAAsB;EAC3C,MAAMC,YAAY,GAAGb,WAAW,CAC7Bc,CAAsC,IAAK;IAC1C,MAAMC,IAAI,GAAGb,kBAAkB,CAACY,CAAC,CAACE,MAAM,CAACC,KAAK,CAAC;IAC/CX,QAAQ,CAACS,IAAI,CAAC;EAChB,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,MAAMY,WAAW,GAAGlB,WAAW,CAAC,MAAM;IACpCM,QAAQ,CAACa,SAAS,CAAC;EACrB,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;EAEd,oBACER,KAAA,CAAAsB,aAAA;IAAKb,SAAS,EAAEV,UAAU,CAACM,MAAM,CAACkB,UAAU,EAAEd,SAAS,CAAE;IAACC,KAAK,EAAEA;EAAM,gBACrEV,KAAA,CAAAsB,aAAA;IAAKb,SAAS,EAAEJ,MAAM,CAACmB;EAAc,gBACnCxB,KAAA,CAAAsB,aAAA,CAACxB,KAAK;IACJ2B,IAAI,EAAC,MAAM;IACXhB,SAAS,EAAEJ,MAAM,CAACqB,KAAM;IACxBP,KAAK,EAAEhB,kBAAkB,CAACI,YAAY,CAAE;IACxCC,QAAQ,EAAEO,YAAa;IACvBY,GAAG,EAAEhB,OAAO,GAAGR,kBAAkB,CAACQ,OAAO,CAAC,GAAGU,SAAU;IACvDO,GAAG,EAAEhB,OAAO,GAAGT,kBAAkB,CAACS,OAAO,CAAC,GAAGS,SAAU;IACvDR,WAAW,EAAEA,WAAY;IACzB,cAAW;EAAa,CACzB,CAAC,EACDC,eAAe,IAAIP,YAAY,KAAKc,SAAS,iBAC5CrB,KAAA,CAAAsB,aAAA,CAACzB,MAAM;IACLY,SAAS,EAAEJ,MAAM,CAACwB,WAAY;IAC9BC,OAAO,EAAEV,WAAY;IACrB,cAAW;EAAY,GACxB,MAEO,CAEP,CACF,CAAC;AAEV;AAEA,OAAO,MAAMW,eAAiE,gBAC5E9B,IAAI,CAACK,oBAAoB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+/*
+ * 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.
+ */
+
+.singleDate {
+  display: flex;
+  flex-direction: column;
+}
+
+.dateContainer {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-select-container-gap);
+}
+
+.input {
+  flex: 1;
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-timeline-input-font-size);
+  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);
+  }
+}
+
+.clearButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-input-clear-padding);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--osdk-filter-input-icon-color);
+  border-radius: var(--osdk-filter-input-clear-border-radius);
+  transition: background-color var(--osdk-filter-input-transition);
+
+  &:hover {
+    background: var(--osdk-filter-input-clear-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-input-clear-bg-active);
+  }
+}

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

@@ -0,0 +1,88 @@
+/*
+ * 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 sharedStyles from "./shared.module.css";
+import styles from "./SingleSelectInput.module.css";
+function SingleSelectInputInner({
+  values,
+  isLoading,
+  error,
+  selectedValue,
+  onChange,
+  className,
+  style,
+  placeholder = "Select a value...",
+  showClearButton = true,
+  showCounts = false,
+  ariaLabel = "Select value"
+}) {
+  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": ariaLabel
+  }), /*#__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","sharedStyles","styles","SingleSelectInputInner","values","isLoading","error","selectedValue","onChange","className","style","placeholder","showClearButton","showCounts","ariaLabel","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 classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Select } from \"../../../base-components/select/Select.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport styles from \"./SingleSelectInput.module.css\";\n\ninterface SingleSelectInputProps {\n  values: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  selectedValue: string | undefined;\n  onChange: (value: string | undefined) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  showClearButton?: boolean;\n  showCounts?: boolean;\n  ariaLabel?: string;\n}\n\nfunction SingleSelectInputInner({\n  values,\n  isLoading,\n  error,\n  selectedValue,\n  onChange,\n  className,\n  style,\n  placeholder = \"Select a value...\",\n  showClearButton = true,\n  showCounts = false,\n  ariaLabel = \"Select value\",\n}: SingleSelectInputProps): React.ReactElement {\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={ariaLabel}\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,133 @@
+/*
+ * 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 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({
+  suggestions,
+  isLoading,
+  error,
+  tags,
+  onChange,
+  className,
+  style,
+  placeholder = "Add a tag...",
+  allowCustomTags = true,
+  suggestionLimit = 10,
+  ariaLabel = "Add tag"
+}) {
+  const [inputValue, setInputValue] = useState("");
+  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.SearchInput, {
+    className: styles.input,
+    placeholder: tags.length > 0 ? "" : placeholder,
+    onKeyDown: handleKeyDown,
+    onPaste: handlePaste,
+    "aria-label": ariaLabel
+  }), /*#__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","sharedStyles","styles","TAG_SEPARATOR_PATTERN","TagItem","tag","onRemove","handleRemove","createElement","className","type","tagRemove","onClick","TextTagsInputInner","suggestions","isLoading","error","tags","onChange","style","placeholder","allowCustomTags","suggestionLimit","ariaLabel","inputValue","setInputValue","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","SearchInput","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 classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.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  suggestions: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  tags: string[];\n  onChange: (tags: string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  allowCustomTags?: boolean;\n  suggestionLimit?: number;\n  ariaLabel?: string;\n}\n\nfunction TextTagsInputInner({\n  suggestions,\n  isLoading,\n  error,\n  tags,\n  onChange,\n  className,\n  style,\n  placeholder = \"Add a tag...\",\n  allowCustomTags = true,\n  suggestionLimit = 10,\n  ariaLabel = \"Add tag\",\n}: TextTagsInputProps): React.ReactElement {\n  const [inputValue, setInputValue] = useState(\"\");\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.SearchInput\n          className={styles.input}\n          placeholder={tags.length > 0 ? \"\" : placeholder}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          aria-label={ariaLabel}\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",
+    onClick: handleClear,
+    "aria-label": "Clear range",
+    className: styles.clearButton
+  }, "\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","onClick","clearButton","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            onClick={handleClear}\n            aria-label=\"Clear range\"\n            className={styles.clearButton}\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":[]}