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

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

@@ -0,0 +1,75 @@
+/*
+ * 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 { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
+import styles from "./CheckboxListInput.module.css.js";
+import sharedStyles from "./shared.module.css.js";
+function CheckboxListInputInner({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange,
+  whereClause,
+  className,
+  style
+}) {
+  const {
+    data,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, {
+    where: whereClause
+  });
+  const values = useMemo(() => data.map(item => item.value), [data]);
+  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
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading values: ", error.message), !error && values.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, isLoading ? "Loading values..." : "No values available"), (values.length > 0 || isLoading) && /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Updating..."), values.map(value => {
+    const isSelected = selectedSet.has(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)
+    }), /*#__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","usePropertyAggregation","styles","sharedStyles","CheckboxListInputInner","objectType","propertyKey","selectedValues","onChange","whereClause","className","style","data","isLoading","error","where","values","map","item","value","selectedSet","Set","toggleValue","has","filter","v","createElement","checkboxList","errorMessage","message","length","emptyMessage","Fragment","loadingMessage","isSelected","key","checkboxRow","checkboxLabel","checked","onCheckedChange","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 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 { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport styles from \"./CheckboxListInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface CheckboxListInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValues: string[];\n  onChange: (selectedValues: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction CheckboxListInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValues,\n  onChange,\n  whereClause,\n  className,\n  style,\n}: CheckboxListInputProps<Q, K>): React.ReactElement {\n  const { data, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const values = useMemo(\n    () => data.map((item) => item.value),\n    [data],\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}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          {isLoading ? \"Loading values...\" : \"No values available\"}\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <>\n          {isLoading && (\n            <div className={sharedStyles.loadingMessage}>\n              Updating...\n            </div>\n          )}\n          {values.map((value) => {\n            const isSelected = selectedSet.has(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                  <span className={styles.valueText}>\n                    {value}\n                  </span>\n                </label>\n              </div>\n            );\n          })}\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,42 @@
+/*
+ * 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);
+}
+
+.checkboxRow {
+  padding: var(--osdk-filter-checkbox-row-padding);
+}
+
+.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;
+}

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

@@ -0,0 +1,9 @@
+// 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"
+};
+
+export default styles;

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

@@ -0,0 +1,85 @@
+/*
+ * 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 { Cross, Search } from "@blueprintjs/icons";
+import classnames from "classnames";
+import { debounce } from "lodash-es";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import styles from "./ContainsTextInput.module.css.js";
+function ContainsTextInputInner({
+  value,
+  onChange,
+  placeholder = "Search...",
+  debounceMs = 300,
+  className,
+  style,
+  renderSearchIcon,
+  renderClearIcon
+}) {
+  const [localValue, setLocalValue] = useState(value ?? "");
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const debouncedOnChange = useMemo(() => debounce(newValue => {
+    onChangeRef.current(newValue.length > 0 ? newValue : undefined);
+  }, debounceMs), [debounceMs]);
+  useEffect(() => {
+    return () => {
+      debouncedOnChange.cancel();
+    };
+  }, [debouncedOnChange]);
+  useEffect(() => {
+    setLocalValue(value ?? "");
+    debouncedOnChange.cancel();
+  }, [value, debouncedOnChange]);
+  const handleInputChange = useCallback(e => {
+    setLocalValue(e.target.value);
+    debouncedOnChange(e.target.value);
+  }, [debouncedOnChange]);
+  const handleClear = useCallback(() => {
+    setLocalValue("");
+    debouncedOnChange.cancel();
+    onChangeRef.current(undefined);
+  }, [debouncedOnChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.textInput, className),
+    style: style,
+    "data-has-value": !!localValue
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.inputGroup
+  }, renderSearchIcon ? renderSearchIcon() : /*#__PURE__*/React.createElement("span", {
+    className: styles.searchIcon
+  }, /*#__PURE__*/React.createElement(Search, {
+    color: "currentColor"
+  })), /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    className: styles.input,
+    value: localValue,
+    onChange: handleInputChange,
+    placeholder: placeholder,
+    "aria-label": placeholder
+  }), localValue && /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.clearButton,
+    onClick: handleClear,
+    "aria-label": "Clear search"
+  }, renderClearIcon ? renderClearIcon() : /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }))));
+}
+export const ContainsTextInput = /*#__PURE__*/memo(ContainsTextInputInner);
+//# sourceMappingURL=ContainsTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContainsTextInput.js","names":["Button","Input","Cross","Search","classnames","debounce","React","memo","useCallback","useEffect","useMemo","useRef","useState","styles","ContainsTextInputInner","value","onChange","placeholder","debounceMs","className","style","renderSearchIcon","renderClearIcon","localValue","setLocalValue","onChangeRef","current","debouncedOnChange","newValue","length","undefined","cancel","handleInputChange","e","target","handleClear","createElement","textInput","inputGroup","searchIcon","color","type","input","clearButton","onClick","ContainsTextInput"],"sources":["ContainsTextInput.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 { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport { debounce } from \"lodash-es\";\nimport React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./ContainsTextInput.module.css\";\n\ninterface ContainsTextInputProps {\n  value: string | undefined;\n  onChange: (value: string | undefined) => void;\n  placeholder?: string;\n  debounceMs?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  renderSearchIcon?: () => React.ReactNode;\n  renderClearIcon?: () => React.ReactNode;\n}\n\nfunction ContainsTextInputInner({\n  value,\n  onChange,\n  placeholder = \"Search...\",\n  debounceMs = 300,\n  className,\n  style,\n  renderSearchIcon,\n  renderClearIcon,\n}: ContainsTextInputProps): React.ReactElement {\n  const [localValue, setLocalValue] = useState(value ?? \"\");\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        onChangeRef.current(newValue.length > 0 ? newValue : undefined);\n      }, debounceMs),\n    [debounceMs],\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedOnChange.cancel();\n    };\n  }, [debouncedOnChange]);\n\n  useEffect(() => {\n    setLocalValue(value ?? \"\");\n    debouncedOnChange.cancel();\n  }, [value, debouncedOnChange]);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setLocalValue(e.target.value);\n      debouncedOnChange(e.target.value);\n    },\n    [debouncedOnChange],\n  );\n\n  const handleClear = useCallback(() => {\n    setLocalValue(\"\");\n    debouncedOnChange.cancel();\n    onChangeRef.current(undefined);\n  }, [debouncedOnChange]);\n\n  return (\n    <div\n      className={classnames(styles.textInput, className)}\n      style={style}\n      data-has-value={!!localValue}\n    >\n      <div className={styles.inputGroup}>\n        {renderSearchIcon\n          ? renderSearchIcon()\n          : (\n            <span className={styles.searchIcon}>\n              <Search color=\"currentColor\" />\n            </span>\n          )}\n        <Input\n          type=\"text\"\n          className={styles.input}\n          value={localValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          aria-label={placeholder}\n        />\n        {localValue && (\n          <Button\n            type=\"button\"\n            className={styles.clearButton}\n            onClick={handleClear}\n            aria-label=\"Clear search\"\n          >\n            {renderClearIcon\n              ? renderClearIcon()\n              : <Cross color=\"currentColor\" />}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const ContainsTextInput: React.NamedExoticComponent<\n  ContainsTextInputProps\n> = memo(ContainsTextInputInner);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+/*
+ * 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.
+ */
+
+.textInput {
+  position: relative;
+}
+
+.inputGroup {
+  display: flex;
+  align-items: center;
+  background: var(--osdk-filter-input-bg);
+  border: var(--osdk-filter-input-border);
+  border-radius: var(--osdk-filter-input-border-radius);
+  padding: var(--osdk-filter-input-padding);
+  gap: var(--osdk-filter-input-gap);
+  transition: border-color var(--osdk-filter-input-transition);
+
+  &:focus-within {
+    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);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.searchIcon {
+  color: var(--osdk-filter-input-icon-color);
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+
+.input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-input-font-size);
+  color: var(--osdk-filter-input-color);
+  outline: none;
+
+  &::placeholder {
+    color: var(--osdk-filter-input-placeholder-color);
+  }
+}
+
+.clearButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-input-clear-padding);
+  border: none;
+  background: var(--osdk-filter-input-clear-bg);
+  color: var(--osdk-filter-input-icon-color);
+  cursor: pointer;
+  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);
+  }
+
+  &: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/inputs/ContainsTextInput.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for ContainsTextInput.module.css
+const styles = {
+  "textInput": "ContainsTextInput-module__textInput___VE1JFstL",
+  "inputGroup": "ContainsTextInput-module__inputGroup___ww0O5kep",
+  "searchIcon": "ContainsTextInput-module__searchIcon___O-6jW-zD",
+  "input": "ContainsTextInput-module__input___GP3qIOWL",
+  "clearButton": "ContainsTextInput-module__clearButton___4A9AsUvv"
+};
+
+export default styles;

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

@@ -0,0 +1,37 @@
+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 React, { memo } from "react";
+import { formatDateForInput, parseDateFromInput } from "./dateUtils.js";
+import { RangeInput } from "./RangeInput.js";
+const dateConfig = {
+  inputType: "date",
+  formatValue: formatDateForInput,
+  parseValue: parseDateFromInput,
+  toNumber: d => d.getTime(),
+  fromNumber: t => new Date(t),
+  minLabel: "From",
+  maxLabel: "To",
+  formatTooltip: (min, max, count) => `${formatDateForInput(min)} - ${formatDateForInput(max)}: ${count.toLocaleString()}`
+};
+function DateRangeInputInner(props) {
+  return /*#__PURE__*/React.createElement(RangeInput, _extends({}, props, {
+    config: dateConfig
+  }));
+}
+export const DateRangeInput = /*#__PURE__*/memo(DateRangeInputInner);
+//# sourceMappingURL=DateRangeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.js","names":["React","memo","formatDateForInput","parseDateFromInput","RangeInput","dateConfig","inputType","formatValue","parseValue","toNumber","d","getTime","fromNumber","t","Date","minLabel","maxLabel","formatTooltip","min","max","count","toLocaleString","DateRangeInputInner","props","createElement","_extends","config","DateRangeInput"],"sources":["DateRangeInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ObjectSet, ObjectTypeDefinition, PropertyKeys } from \"@osdk/api\";\nimport React, { memo } from \"react\";\nimport { formatDateForInput, parseDateFromInput } from \"./dateUtils.js\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nconst dateConfig: RangeInputConfig<Date> = {\n  inputType: \"date\",\n  formatValue: formatDateForInput,\n  parseValue: parseDateFromInput,\n  toNumber: (d) => d.getTime(),\n  fromNumber: (t) => new Date(t),\n  minLabel: \"From\",\n  maxLabel: \"To\",\n  formatTooltip: (min, max, count) =>\n    `${formatDateForInput(min)} - ${\n      formatDateForInput(max)\n    }: ${count.toLocaleString()}`,\n};\n\ninterface DateRangeInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  minValue: Date | undefined;\n  maxValue: Date | undefined;\n  onChange: (min: Date | undefined, max: Date | undefined) => void;\n  objectSet?: ObjectSet<Q>;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction DateRangeInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>(props: DateRangeInputProps<Q, K>): React.ReactElement {\n  return <RangeInput {...props} config={dateConfig} />;\n}\n\nexport const DateRangeInput = memo(\n  DateRangeInputInner,\n) as typeof DateRangeInputInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,gBAAgB;AACvE,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,MAAMC,UAAkC,GAAG;EACzCC,SAAS,EAAE,MAAM;EACjBC,WAAW,EAAEL,kBAAkB;EAC/BM,UAAU,EAAEL,kBAAkB;EAC9BM,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAACC,OAAO,CAAC,CAAC;EAC5BC,UAAU,EAAGC,CAAC,IAAK,IAAIC,IAAI,CAACD,CAAC,CAAC;EAC9BE,QAAQ,EAAE,MAAM;EAChBC,QAAQ,EAAE,IAAI;EACdC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGlB,kBAAkB,CAACgB,GAAG,CAAC,MACxBhB,kBAAkB,CAACiB,GAAG,CAAC,KACpBC,KAAK,CAACC,cAAc,CAAC,CAAC;AAC/B,CAAC;AAiBD,SAASC,mBAAmBA,CAG1BC,KAAgC,EAAsB;EACtD,oBAAOvB,KAAA,CAAAwB,aAAA,CAACpB,UAAU,EAAAqB,QAAA,KAAKF,KAAK;IAAEG,MAAM,EAAErB;EAAW,EAAE,CAAC;AACtD;AAEA,OAAO,MAAMsB,cAAc,gBAAG1B,IAAI,CAChCqB,mBACF,CAA+B","ignoreList":[]}

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

@@ -0,0 +1,237 @@
+/*
+ * 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 { assertUnreachable } from "../../utils/assertUnreachable.js";
+import { coerceToString, coerceToStringArray } from "../../utils/coerceFilterValue.js";
+import { CheckboxListInput } from "./CheckboxListInput.js";
+import { ContainsTextInput } from "./ContainsTextInput.js";
+import { DateRangeInput } from "./DateRangeInput.js";
+import styles from "./LinkedPropertyInput.module.css.js";
+import { ListogramInput } from "./ListogramInput.js";
+import { MultiDateInput } from "./MultiDateInput.js";
+import { MultiSelectInput } from "./MultiSelectInput.js";
+import { NumberRangeInput } from "./NumberRangeInput.js";
+import { SingleDateInput } from "./SingleDateInput.js";
+import { SingleSelectInput } from "./SingleSelectInput.js";
+import { TextTagsInput } from "./TextTagsInput.js";
+import { TimelineInput } from "./TimelineInput.js";
+import { ToggleInput } from "./ToggleInput.js";
+function LinkedPropertyInputInner({
+  objectSet,
+  definition,
+  filterState,
+  onFilterStateChanged,
+  className,
+  style
+}) {
+  const linkedObjectSet = useMemo(() => objectSet.pivotTo(definition.linkName), [objectSet, definition.linkName]);
+  const linkedObjectType = linkedObjectSet.$objectSetInternals.def;
+  const linkedPropertyKey = definition.linkedPropertyKey;
+  const innerState = filterState?.type === "linkedProperty" ? filterState.linkedFilterState : undefined;
+  const isExcluding = innerState?.isExcluding ?? false;
+  const includeNull = innerState?.includeNull;
+  const wrappedOnChange = useCallback(innerFilterState => {
+    onFilterStateChanged({
+      type: "linkedProperty",
+      linkedFilterState: innerFilterState
+    });
+  }, [onFilterStateChanged]);
+  const onSelectChange = useCallback(selectedValues => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onSingleSelectChange = useCallback(selectedValue => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: selectedValue !== undefined ? [selectedValue] : [],
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onContainsTextChange = useCallback(value => {
+    wrappedOnChange({
+      type: "CONTAINS_TEXT",
+      value
+    });
+  }, [wrappedOnChange]);
+  const onToggleChange = useCallback(enabled => {
+    wrappedOnChange({
+      type: "TOGGLE",
+      enabled
+    });
+  }, [wrappedOnChange]);
+  const onNumberRangeChange = useCallback((minValue, maxValue) => {
+    wrappedOnChange({
+      type: "NUMBER_RANGE",
+      minValue,
+      maxValue,
+      includeNull
+    });
+  }, [wrappedOnChange, includeNull]);
+  const onDateRangeChange = useCallback((minValue, maxValue) => {
+    wrappedOnChange({
+      type: "DATE_RANGE",
+      minValue,
+      maxValue,
+      includeNull
+    });
+  }, [wrappedOnChange, includeNull]);
+  const onExactMatchChange = useCallback(values => {
+    wrappedOnChange({
+      type: "EXACT_MATCH",
+      values,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onDateSelectChange = useCallback(date => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: date !== undefined ? [date] : [],
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const onMultiDateChange = useCallback(dates => {
+    wrappedOnChange({
+      type: "SELECT",
+      selectedValues: dates
+    });
+  }, [wrappedOnChange]);
+  const onTimelineChange = useCallback((start, end) => {
+    wrappedOnChange({
+      type: "TIMELINE",
+      startDate: start,
+      endDate: end,
+      isExcluding
+    });
+  }, [wrappedOnChange, isExcluding]);
+  const selectStringValues = useMemo(() => innerState?.type === "SELECT" ? coerceToStringArray(innerState.selectedValues) : [], [innerState]);
+  const singleSelectValue = useMemo(() => innerState?.type === "SELECT" ? coerceToString(innerState.selectedValues[0]) : undefined, [innerState]);
+  const exactMatchValues = useMemo(() => innerState?.type === "EXACT_MATCH" ? coerceToStringArray(innerState.values) : [], [innerState]);
+  const selectedDates = useMemo(() => innerState?.type === "SELECT" ? innerState.selectedValues.filter(v => v instanceof Date) : [], [innerState]);
+  const selectedDate = useMemo(() => innerState?.type === "SELECT" && innerState.selectedValues[0] instanceof Date ? innerState.selectedValues[0] : undefined, [innerState]);
+  const content = (() => {
+    switch (definition.linkedFilterComponent) {
+      case "CHECKBOX_LIST":
+        return /*#__PURE__*/React.createElement(CheckboxListInput, {
+          objectType: linkedObjectType,
+          objectSet: linkedObjectSet,
+          propertyKey: linkedPropertyKey,
+          selectedValues: selectStringValues,
+          onChange: onSelectChange
+        });
+      case "MULTI_SELECT":
+        return /*#__PURE__*/React.createElement(MultiSelectInput, {
+          objectType: linkedObjectType,
+          objectSet: linkedObjectSet,
+          propertyKey: linkedPropertyKey,
+          selectedValues: selectStringValues,
+          onChange: onSelectChange
+        });
+      case "SINGLE_SELECT":
+        return /*#__PURE__*/React.createElement(SingleSelectInput, {
+          objectType: linkedObjectType,
+          objectSet: linkedObjectSet,
+          propertyKey: linkedPropertyKey,
+          selectedValue: singleSelectValue,
+          onChange: onSingleSelectChange
+        });
+      case "CONTAINS_TEXT":
+        return /*#__PURE__*/React.createElement(ContainsTextInput, {
+          value: innerState?.type === "CONTAINS_TEXT" ? innerState.value : undefined,
+          onChange: onContainsTextChange,
+          placeholder: `Search ${String(definition.linkedPropertyKey)}...`
+        });
+      case "TOGGLE":
+        return /*#__PURE__*/React.createElement(ToggleInput, {
+          enabled: innerState?.type === "TOGGLE" ? innerState.enabled : false,
+          onChange: onToggleChange
+        });
+      case "NUMBER_RANGE":
+        {
+          const numberRange = innerState?.type === "NUMBER_RANGE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(NumberRangeInput, {
+            objectType: linkedObjectType,
+            objectSet: linkedObjectSet,
+            propertyKey: linkedPropertyKey,
+            minValue: numberRange?.minValue,
+            maxValue: numberRange?.maxValue,
+            onChange: onNumberRangeChange
+          });
+        }
+      case "DATE_RANGE":
+        {
+          const dateRange = innerState?.type === "DATE_RANGE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(DateRangeInput, {
+            objectType: linkedObjectType,
+            objectSet: linkedObjectSet,
+            propertyKey: linkedPropertyKey,
+            minValue: dateRange?.minValue,
+            maxValue: dateRange?.maxValue,
+            onChange: onDateRangeChange
+          });
+        }
+      case "LISTOGRAM":
+        return /*#__PURE__*/React.createElement(ListogramInput, {
+          objectType: linkedObjectType,
+          objectSet: linkedObjectSet,
+          propertyKey: linkedPropertyKey,
+          selectedValues: exactMatchValues,
+          onChange: onExactMatchChange
+        });
+      case "TEXT_TAGS":
+        return /*#__PURE__*/React.createElement(TextTagsInput, {
+          objectType: linkedObjectType,
+          objectSet: linkedObjectSet,
+          propertyKey: linkedPropertyKey,
+          tags: exactMatchValues,
+          onChange: onExactMatchChange
+        });
+      case "SINGLE_DATE":
+        return /*#__PURE__*/React.createElement(SingleDateInput, {
+          selectedDate: selectedDate,
+          onChange: onDateSelectChange,
+          showClearButton: true
+        });
+      case "MULTI_DATE":
+        return /*#__PURE__*/React.createElement(MultiDateInput, {
+          selectedDates: selectedDates,
+          onChange: onMultiDateChange,
+          showClearAll: true
+        });
+      case "TIMELINE":
+        {
+          const timeline = innerState?.type === "TIMELINE" ? innerState : undefined;
+          return /*#__PURE__*/React.createElement(TimelineInput, {
+            startDate: timeline?.startDate,
+            endDate: timeline?.endDate,
+            onChange: onTimelineChange
+          });
+        }
+      default:
+        return assertUnreachable(definition.linkedFilterComponent);
+    }
+  })();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.linkedProperty, className),
+    style: style
+  }, content);
+}
+export const LinkedPropertyInput = /*#__PURE__*/memo(LinkedPropertyInputInner);
+//# sourceMappingURL=LinkedPropertyInput.js.map