@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

package/build/esm/action-form/fields/DropdownField.js

@@ -0,0 +1,104 @@
+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, { useCallback } from "react";
+import { Combobox } from "../../base-components/combobox/Combobox.js";
+import { Select } from "../../base-components/select/Select.js";
+import { typedReactMemo } from "../../shared/typedMemo.js";
+export function DropdownField({
+  isSearchable = false,
+  itemToStringLabel,
+  itemToKey,
+  ...rest
+}) {
+  const resolvedItemToStringLabel = itemToStringLabel ?? defaultItemToStringLabel;
+  const getKey = useCallback(item => itemToKey?.(item) ?? resolvedItemToStringLabel(item), [itemToKey, resolvedItemToStringLabel]);
+  if (isSearchable) {
+    return /*#__PURE__*/React.createElement(ComboboxDropdown, _extends({}, rest, {
+      itemToStringLabel: resolvedItemToStringLabel,
+      getKey: getKey
+    }));
+  }
+  return /*#__PURE__*/React.createElement(SelectDropdown, _extends({}, rest, {
+    itemToStringLabel: resolvedItemToStringLabel,
+    getKey: getKey
+  }));
+}
+const SelectDropdown = typedReactMemo(function ({
+  value,
+  onChange,
+  items,
+  itemToStringLabel,
+  getKey,
+  isItemEqual,
+  isMultiple,
+  placeholder
+}) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select.Root, {
+    value: value,
+    onValueChange: onChange,
+    multiple: isMultiple,
+    isItemEqualToValue: isItemEqual,
+    itemToStringLabel: itemToStringLabel
+  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+    placeholder: placeholder
+  }), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Positioner, null, /*#__PURE__*/React.createElement(Select.Popup, null, items.map(item => /*#__PURE__*/React.createElement(Select.Item, {
+    key: getKey(item),
+    value: item
+  }, itemToStringLabel(item))))))));
+});
+const ComboboxDropdown = typedReactMemo(function ({
+  value,
+  onChange,
+  items,
+  itemToStringLabel,
+  getKey,
+  isItemEqual,
+  isMultiple,
+  placeholder
+}) {
+  const renderChips = useCallback(selectedValues => /*#__PURE__*/React.createElement(React.Fragment, null, selectedValues.map(item => /*#__PURE__*/React.createElement(Combobox.Chip, {
+    key: getKey(item),
+    "aria-label": itemToStringLabel(item)
+  }, itemToStringLabel(item), /*#__PURE__*/React.createElement(Combobox.ChipRemove, null))), /*#__PURE__*/React.createElement(Combobox.Input, {
+    placeholder: selectedValues.length > 0 ? "" : placeholder ?? "Search…"
+  })), [getKey, itemToStringLabel, placeholder]);
+  const renderItem = useCallback(item => /*#__PURE__*/React.createElement(Combobox.Item, {
+    key: getKey(item),
+    value: item
+  }, itemToStringLabel(item)), [getKey, itemToStringLabel]);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Combobox.Root, {
+    value: value,
+    onValueChange: onChange,
+    multiple: isMultiple,
+    itemToStringLabel: itemToStringLabel,
+    isItemEqualToValue: isItemEqual,
+    items: items
+  }, isMultiple ? /*#__PURE__*/React.createElement(Combobox.Chips, null, /*#__PURE__*/React.createElement(Combobox.Value, null, renderChips)) : /*#__PURE__*/React.createElement(Combobox.Input, {
+    placeholder: placeholder
+  }), /*#__PURE__*/React.createElement(Combobox.Portal, null, /*#__PURE__*/React.createElement(Combobox.Positioner, null, /*#__PURE__*/React.createElement(Combobox.Popup, null, /*#__PURE__*/React.createElement(Combobox.Empty, null, "No results"), /*#__PURE__*/React.createElement(Combobox.List, null, renderItem))))));
+});
+function defaultItemToStringLabel(item) {
+  if (item == null || typeof item !== "object") {
+    return String(item);
+  }
+  if ("label" in item && item.label != null && typeof item.label === "string") {
+    return item.label;
+  }
+  return String(item);
+}
+//# sourceMappingURL=DropdownField.js.map

package/build/esm/action-form/fields/DropdownField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownField.js","names":["React","useCallback","Combobox","Select","typedReactMemo","DropdownField","isSearchable","itemToStringLabel","itemToKey","rest","resolvedItemToStringLabel","defaultItemToStringLabel","getKey","item","createElement","ComboboxDropdown","_extends","SelectDropdown","value","onChange","items","isItemEqual","isMultiple","placeholder","Root","onValueChange","multiple","isItemEqualToValue","Trigger","Portal","Positioner","Popup","map","Item","key","renderChips","selectedValues","Fragment","Chip","ChipRemove","Input","length","renderItem","Chips","Value","Empty","List","String","label"],"sources":["DropdownField.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 React, { useCallback } from \"react\";\nimport { Combobox } from \"../../base-components/combobox/Combobox.js\";\nimport { Select } from \"../../base-components/select/Select.js\";\nimport { typedReactMemo } from \"../../shared/typedMemo.js\";\nimport type { DropdownFieldProps } from \"../FormFieldApi.js\";\n\ninterface InnerDropdownProps<V, Multiple extends boolean>\n  extends Omit<DropdownFieldProps<V, Multiple>, \"isSearchable\">\n{\n  itemToStringLabel: (item: V) => string;\n  getKey: (item: V) => string;\n}\n\nexport function DropdownField<V, Multiple extends boolean = false>({\n  isSearchable = false,\n  itemToStringLabel,\n  itemToKey,\n  ...rest\n}: DropdownFieldProps<V, Multiple>): React.ReactElement {\n  const resolvedItemToStringLabel = itemToStringLabel\n    ?? defaultItemToStringLabel;\n\n  const getKey = useCallback(\n    (item: V) => itemToKey?.(item) ?? resolvedItemToStringLabel(item),\n    [itemToKey, resolvedItemToStringLabel],\n  );\n\n  if (isSearchable) {\n    return (\n      <ComboboxDropdown\n        {...rest}\n        itemToStringLabel={resolvedItemToStringLabel}\n        getKey={getKey}\n      />\n    );\n  }\n\n  return (\n    <SelectDropdown\n      {...rest}\n      itemToStringLabel={resolvedItemToStringLabel}\n      getKey={getKey}\n    />\n  );\n}\n\nconst SelectDropdown = typedReactMemo(function SelectDropdownFn<\n  V,\n  Multiple extends boolean,\n>({\n  value,\n  onChange,\n  items,\n  itemToStringLabel,\n  getKey,\n  isItemEqual,\n  isMultiple,\n  placeholder,\n}: InnerDropdownProps<V, Multiple>): React.ReactElement {\n  return (\n    <div>\n      <Select.Root\n        value={value}\n        onValueChange={onChange}\n        multiple={isMultiple}\n        isItemEqualToValue={isItemEqual}\n        itemToStringLabel={itemToStringLabel}\n      >\n        <Select.Trigger placeholder={placeholder} />\n        <Select.Portal>\n          <Select.Positioner>\n            <Select.Popup>\n              {items.map((item) => (\n                <Select.Item key={getKey(item)} value={item}>\n                  {itemToStringLabel(item)}\n                </Select.Item>\n              ))}\n            </Select.Popup>\n          </Select.Positioner>\n        </Select.Portal>\n      </Select.Root>\n    </div>\n  );\n});\n\nconst ComboboxDropdown = typedReactMemo(function ComboboxDropdownFn<\n  V,\n  Multiple extends boolean,\n>({\n  value,\n  onChange,\n  items,\n  itemToStringLabel,\n  getKey,\n  isItemEqual,\n  isMultiple,\n  placeholder,\n}: InnerDropdownProps<V, Multiple>): React.ReactElement {\n  const renderChips = useCallback(\n    (selectedValues: V[]) => (\n      <>\n        {selectedValues.map((item) => (\n          <Combobox.Chip\n            key={getKey(item)}\n            aria-label={itemToStringLabel(item)}\n          >\n            {itemToStringLabel(item)}\n            <Combobox.ChipRemove />\n          </Combobox.Chip>\n        ))}\n        <Combobox.Input\n          placeholder={selectedValues.length > 0\n            ? \"\"\n            : (placeholder ?? \"Search…\")}\n        />\n      </>\n    ),\n    [getKey, itemToStringLabel, placeholder],\n  );\n\n  const renderItem = useCallback(\n    (item: V) => (\n      <Combobox.Item key={getKey(item)} value={item}>\n        {itemToStringLabel(item)}\n      </Combobox.Item>\n    ),\n    [getKey, itemToStringLabel],\n  );\n\n  return (\n    <div>\n      <Combobox.Root\n        value={value}\n        onValueChange={onChange}\n        multiple={isMultiple}\n        itemToStringLabel={itemToStringLabel}\n        isItemEqualToValue={isItemEqual}\n        items={items}\n      >\n        {isMultiple\n          ? (\n            <Combobox.Chips>\n              <Combobox.Value>{renderChips}</Combobox.Value>\n            </Combobox.Chips>\n          )\n          : <Combobox.Input placeholder={placeholder} />}\n        <Combobox.Portal>\n          <Combobox.Positioner>\n            <Combobox.Popup>\n              <Combobox.Empty>No results</Combobox.Empty>\n              <Combobox.List>{renderItem}</Combobox.List>\n            </Combobox.Popup>\n          </Combobox.Positioner>\n        </Combobox.Portal>\n      </Combobox.Root>\n    </div>\n  );\n});\n\nfunction defaultItemToStringLabel<V>(item: V): string {\n  if (item == null || typeof item !== \"object\") {\n    return String(item);\n  }\n  if (\"label\" in item && item.label != null && typeof item.label === \"string\") {\n    return item.label;\n  }\n  return String(item);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/FieldBridge.js

@@ -0,0 +1,45 @@
+/*
+ * 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, useCallback } from "react";
+import { useController } from "react-hook-form";
+import { FormFieldRenderer } from "./FormFieldRenderer.js";
+export const FieldBridge = /*#__PURE__*/memo(function ({
+  fieldDef,
+  control,
+  onExternalChange
+}) {
+  const {
+    field: {
+      onChange,
+      value
+    }
+  } = useController({
+    name: fieldDef.fieldKey,
+    control,
+    defaultValue: fieldDef.defaultValue
+  });
+  const handleChange = useCallback(newValue => {
+    onChange(newValue);
+    onExternalChange?.(fieldDef.fieldKey, newValue);
+  }, [onChange, onExternalChange, fieldDef.fieldKey]);
+  return /*#__PURE__*/React.createElement(FormFieldRenderer, {
+    value: value,
+    fieldDefinition: fieldDef,
+    onFieldValueChange: handleChange
+  });
+});
+//# sourceMappingURL=FieldBridge.js.map

package/build/esm/action-form/fields/FieldBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBridge.js","names":["React","memo","useCallback","useController","FormFieldRenderer","FieldBridge","fieldDef","control","onExternalChange","field","onChange","value","name","fieldKey","defaultValue","handleChange","newValue","createElement","fieldDefinition","onFieldValueChange"],"sources":["FieldBridge.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 React, { memo, useCallback } from \"react\";\nimport type { Control } from \"react-hook-form\";\nimport { useController } from \"react-hook-form\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { FormFieldRenderer } from \"./FormFieldRenderer.js\";\n\nexport interface FieldBridgeProps {\n  fieldDef: RendererFieldDefinition;\n  control: Control<Record<string, unknown>>;\n  onExternalChange?: (fieldKey: string, value: unknown) => void;\n}\nexport const FieldBridge: React.FC<FieldBridgeProps> = memo(\n  function FieldBridgeFn({\n    fieldDef,\n    control,\n    onExternalChange,\n  }: FieldBridgeProps): React.ReactElement {\n    const {\n      field: { onChange, value },\n    } = useController({\n      name: fieldDef.fieldKey,\n      control,\n      defaultValue: fieldDef.defaultValue,\n    });\n\n    const handleChange = useCallback(\n      (newValue: unknown) => {\n        onChange(newValue);\n        onExternalChange?.(fieldDef.fieldKey, newValue);\n      },\n      [onChange, onExternalChange, fieldDef.fieldKey],\n    );\n\n    return (\n      <FormFieldRenderer\n        value={value}\n        fieldDefinition={fieldDef}\n        onFieldValueChange={handleChange}\n      />\n    );\n  },\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAEhD,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,iBAAiB,QAAQ,wBAAwB;AAO1D,OAAO,MAAMC,WAAuC,gBAAGJ,IAAI,CACzD,UAAuB;EACrBK,QAAQ;EACRC,OAAO;EACPC;AACgB,CAAC,EAAsB;EACvC,MAAM;IACJC,KAAK,EAAE;MAAEC,QAAQ;MAAEC;IAAM;EAC3B,CAAC,GAAGR,aAAa,CAAC;IAChBS,IAAI,EAAEN,QAAQ,CAACO,QAAQ;IACvBN,OAAO;IACPO,YAAY,EAAER,QAAQ,CAACQ;EACzB,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGb,WAAW,CAC7Bc,QAAiB,IAAK;IACrBN,QAAQ,CAACM,QAAQ,CAAC;IAClBR,gBAAgB,GAAGF,QAAQ,CAACO,QAAQ,EAAEG,QAAQ,CAAC;EACjD,CAAC,EACD,CAACN,QAAQ,EAAEF,gBAAgB,EAAEF,QAAQ,CAACO,QAAQ,CAChD,CAAC;EAED,oBACEb,KAAA,CAAAiB,aAAA,CAACb,iBAAiB;IAChBO,KAAK,EAAEA,KAAM;IACbO,eAAe,EAAEZ,QAAS;IAC1Ba,kBAAkB,EAAEJ;EAAa,CAClC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/action-form/fields/FilePickerField.js

@@ -0,0 +1,119 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import { Cross } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React, { memo, useCallback, useRef } from "react";
+import styles from "./FilePickerField.module.css";
+export const FilePickerField = /*#__PURE__*/memo(function ({
+  id,
+  value,
+  onChange,
+  isMulti,
+  accept,
+  // TODO: implement maxSize validation in a follow-up
+  maxSize: _maxSize,
+  text = "No file chosen",
+  buttonText = "Browse"
+}) {
+  const inputRef = useRef(null);
+  const openFileDialog = useCallback(() => {
+    inputRef.current?.click();
+  }, []);
+  const handleInputChange = useCallback(event => {
+    const files = event.target.files;
+    if (files == null || files.length === 0) {
+      onChange?.(null);
+      return;
+    }
+    if (isMulti) {
+      onChange?.(Array.from(files));
+    } else {
+      onChange?.(files[0] ?? null);
+    }
+  }, [onChange, isMulti]);
+  const handleClear = useCallback(event => {
+    event.stopPropagation();
+    event.preventDefault();
+    onChange?.(null);
+    if (inputRef.current != null) {
+      inputRef.current.value = "";
+    }
+  }, [onChange]);
+  const handleKeyDown = useCallback(event => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      openFileDialog();
+    }
+  }, [openFileDialog]);
+  const displayText = getDisplayText(value);
+  const hasValue = displayText != null;
+  const acceptString = normalizeAccept(accept);
+  return (
+    /*#__PURE__*/
+    // The entire component is a single tab stop (tabIndex={0}).
+    // Text and Browse are <span>s (not buttons) so they don't create
+    // extra tab stops — clicks on them bubble up to the container's onClick.
+    // The clear button is the only inner interactive element and gets its
+    // own tab stop so keyboard users can clear the selection.
+    React.createElement("div", {
+      id: id,
+      className: styles.osdkFilePickerTrigger,
+      tabIndex: 0,
+      role: "button",
+      onClick: openFileDialog,
+      onKeyDown: handleKeyDown
+    }, /*#__PURE__*/React.createElement("input", {
+      ref: inputRef,
+      type: "file",
+      className: styles.osdkFilePickerHiddenInput,
+      multiple: isMulti,
+      accept: acceptString,
+      onChange: handleInputChange,
+      "aria-hidden": "true",
+      tabIndex: -1
+    }), /*#__PURE__*/React.createElement("span", {
+      className: classnames(styles.osdkFilePickerText, !hasValue && styles.osdkFilePickerPlaceholder)
+    }, displayText ?? text), hasValue &&
+    /*#__PURE__*/
+    // stopPropagation + preventDefault prevent the click from
+    // bubbling to the container's onClick which opens the file dialog.
+    React.createElement(Button, {
+      className: styles.osdkFilePickerClear,
+      onClick: handleClear,
+      "aria-label": "Clear selection"
+    }, /*#__PURE__*/React.createElement(Cross, null)), /*#__PURE__*/React.createElement("span", {
+      className: styles.osdkFilePickerBrowse
+    }, buttonText))
+  );
+});
+function normalizeAccept(accept) {
+  if (accept == null) {
+    return undefined;
+  }
+  return Array.isArray(accept) ? accept.join(",") : accept;
+}
+function getDisplayText(value) {
+  if (value == null) {
+    return undefined;
+  }
+  if (Array.isArray(value)) {
+    return value.map(f => f.name).join(", ");
+  }
+  return value.name;
+}
+//# sourceMappingURL=FilePickerField.js.map

package/build/esm/action-form/fields/FilePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","useRef","styles","FilePickerField","id","value","onChange","isMulti","accept","maxSize","_maxSize","text","buttonText","inputRef","openFileDialog","current","click","handleInputChange","event","files","target","length","Array","from","handleClear","stopPropagation","preventDefault","handleKeyDown","key","displayText","getDisplayText","hasValue","acceptString","normalizeAccept","createElement","className","osdkFilePickerTrigger","tabIndex","role","onClick","onKeyDown","ref","type","osdkFilePickerHiddenInput","multiple","osdkFilePickerText","osdkFilePickerPlaceholder","osdkFilePickerClear","osdkFilePickerBrowse","undefined","isArray","join","map","f","name"],"sources":["FilePickerField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useRef } from \"react\";\nimport type { FilePickerProps } from \"../FormFieldApi.js\";\nimport styles from \"./FilePickerField.module.css\";\n\nexport const FilePickerField: React.FC<FilePickerProps> = memo(\n  function FilePickerFieldFn({\n    id,\n    value,\n    onChange,\n    isMulti,\n    accept,\n    // TODO: implement maxSize validation in a follow-up\n    maxSize: _maxSize,\n    text = \"No file chosen\",\n    buttonText = \"Browse\",\n  }): React.ReactElement {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const openFileDialog = useCallback(() => {\n      inputRef.current?.click();\n    }, []);\n\n    const handleInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files == null || files.length === 0) {\n          onChange?.(null);\n          return;\n        }\n\n        if (isMulti) {\n          onChange?.(Array.from(files));\n        } else {\n          onChange?.(files[0] ?? null);\n        }\n      },\n      [onChange, isMulti],\n    );\n\n    const handleClear = useCallback(\n      (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n        onChange?.(null);\n        if (inputRef.current != null) {\n          inputRef.current.value = \"\";\n        }\n      },\n      [onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFileDialog();\n        }\n      },\n      [openFileDialog],\n    );\n\n    const displayText = getDisplayText(value);\n    const hasValue = displayText != null;\n    const acceptString = normalizeAccept(accept);\n    return (\n      // The entire component is a single tab stop (tabIndex={0}).\n      // Text and Browse are <span>s (not buttons) so they don't create\n      // extra tab stops — clicks on them bubble up to the container's onClick.\n      // The clear button is the only inner interactive element and gets its\n      // own tab stop so keyboard users can clear the selection.\n      <div\n        id={id}\n        className={styles.osdkFilePickerTrigger}\n        tabIndex={0}\n        role=\"button\"\n        onClick={openFileDialog}\n        onKeyDown={handleKeyDown}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          className={styles.osdkFilePickerHiddenInput}\n          multiple={isMulti}\n          accept={acceptString}\n          onChange={handleInputChange}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n        <span\n          className={classnames(\n            styles.osdkFilePickerText,\n            !hasValue && styles.osdkFilePickerPlaceholder,\n          )}\n        >\n          {displayText ?? text}\n        </span>\n        {hasValue && (\n          // stopPropagation + preventDefault prevent the click from\n          // bubbling to the container's onClick which opens the file dialog.\n          <Button\n            className={styles.osdkFilePickerClear}\n            onClick={handleClear}\n            aria-label=\"Clear selection\"\n          >\n            <Cross />\n          </Button>\n        )}\n        <span className={styles.osdkFilePickerBrowse}>{buttonText}</span>\n      </div>\n    );\n  },\n);\n\nfunction normalizeAccept(\n  accept: string | string[] | undefined,\n): string | undefined {\n  if (accept == null) {\n    return undefined;\n  }\n  return Array.isArray(accept) ? accept.join(\",\") : accept;\n}\n\nfunction getDisplayText(value: File | File[] | null): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (Array.isArray(value)) {\n    return value.map((f) => f.name).join(\", \");\n  }\n  return value.name;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/FilePickerField.module.css

@@ -0,0 +1,132 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* Outer wrapper — looks like an input field */
+.osdkFilePickerTrigger {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--osdk-file-picker-trigger-min-height);
+  border: var(--osdk-file-picker-trigger-border);
+  border-radius: var(--osdk-file-picker-trigger-border-radius);
+  background: var(--osdk-file-picker-trigger-bg);
+  font-family: var(--osdk-file-picker-trigger-font-family);
+  font-size: var(--osdk-file-picker-trigger-font-size);
+  box-sizing: border-box;
+  overflow: hidden;
+  transition:
+    background-color var(--osdk-file-picker-transition-duration)
+      var(--osdk-file-picker-transition-ease),
+    border-color var(--osdk-file-picker-transition-duration)
+      var(--osdk-file-picker-transition-ease);
+
+  &:hover {
+    background: var(--osdk-file-picker-trigger-bg-hover);
+  }
+
+  &:focus-visible {
+    border-color: var(--osdk-file-picker-trigger-border-color-focus);
+    outline: var(--osdk-file-picker-trigger-focus-width) solid
+      var(--osdk-file-picker-trigger-focus-color);
+    outline-offset: var(--osdk-file-picker-trigger-focus-offset);
+  }
+}
+
+/* Visually hidden file input */
+.osdkFilePickerHiddenInput {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* File name text (left section) */
+.osdkFilePickerText {
+  flex: 1;
+  padding: var(--osdk-file-picker-trigger-padding);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  color: var(--osdk-file-picker-trigger-color);
+  cursor: pointer;
+  background: none;
+  border: none;
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.osdkFilePickerPlaceholder {
+  color: var(--osdk-file-picker-trigger-placeholder-color);
+}
+
+/* Clear ✕ button */
+.osdkFilePickerClear {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--osdk-file-picker-clear-size);
+  height: var(--osdk-file-picker-clear-size);
+  margin: var(--osdk-file-picker-clear-margin);
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--osdk-file-picker-clear-color);
+  cursor: pointer;
+  transition: color var(--osdk-file-picker-transition-duration)
+    var(--osdk-file-picker-transition-ease);
+
+  &:hover {
+    color: var(--osdk-file-picker-clear-color-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-file-picker-trigger-focus-width) solid
+      var(--osdk-file-picker-trigger-focus-color);
+    border-radius: var(--osdk-surface-border-radius);
+  }
+}
+
+/* Browse label (right section) */
+.osdkFilePickerBrowse {
+  flex-shrink: 0;
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  padding: var(--osdk-file-picker-browse-padding);
+  border-left: var(--osdk-file-picker-browse-border-left);
+  background: var(--osdk-file-picker-browse-bg);
+  color: var(--osdk-file-picker-browse-color);
+  font-family: var(--osdk-file-picker-trigger-font-family);
+  font-size: var(--osdk-file-picker-trigger-font-size);
+  pointer-events: none;
+  transition: background-color var(--osdk-file-picker-transition-duration)
+    var(--osdk-file-picker-transition-ease);
+}
+
+.osdkFilePickerTrigger:hover .osdkFilePickerBrowse {
+  background-color: var(--osdk-file-picker-browse-bg-hover);
+}
+
+.osdkFilePickerTrigger:active .osdkFilePickerBrowse {
+  background-color: var(--osdk-file-picker-browse-bg-active);
+}

package/build/esm/action-form/fields/FormFieldRenderer.js

@@ -0,0 +1,128 @@
+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 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React, { memo } from "react";
+import { FormField } from "../FormField.js";
+import { CustomField } from "./CustomField.js";
+import { DatetimePickerField } from "./DatetimePickerField.js";
+import { DropdownField } from "./DropdownField.js";
+import { FilePickerField } from "./FilePickerField.js";
+import { NumberInputField } from "./NumberInputField.js";
+import { RadioButtonsField } from "./RadioButtonsField.js";
+import { TextAreaField } from "./TextAreaField.js";
+import { TextInputField } from "./TextInputField.js";
+export const FormFieldRenderer = /*#__PURE__*/memo(function ({
+  fieldDefinition,
+  value,
+  onFieldValueChange
+}) {
+  const {
+    label,
+    isRequired,
+    helperText,
+    helperTextPlacement
+  } = fieldDefinition;
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: label,
+    isRequired: isRequired,
+    fieldKey: fieldDefinition.fieldKey,
+    helperText: helperTextPlacement !== "tooltip" ? helperText : undefined
+  }, renderFieldComponent(fieldDefinition, value, onFieldValueChange));
+});
+function renderFieldComponent(fieldDefinition, value, onChange) {
+  switch (fieldDefinition.fieldComponent) {
+    case "TEXT_INPUT":
+      return /*#__PURE__*/React.createElement(TextInputField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: value != null ? String(value) : "",
+        onChange: onChange,
+        placeholder: fieldDefinition.placeholder
+      }, fieldDefinition.fieldComponentProps));
+    case "TEXT_AREA":
+      return /*#__PURE__*/React.createElement(TextAreaField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: value != null ? String(value) : "",
+        onChange: onChange,
+        placeholder: fieldDefinition.placeholder
+      }, fieldDefinition.fieldComponentProps));
+    case "DROPDOWN":
+      {
+        return /*#__PURE__*/React.createElement(DropdownField, _extends({
+          value: value,
+          onChange: onChange,
+          placeholder: fieldDefinition.placeholder
+        }, fieldDefinition.fieldComponentProps));
+      }
+    case "DATETIME_PICKER":
+      return /*#__PURE__*/React.createElement(DatetimePickerField, _extends({
+        id: fieldDefinition.fieldKey,
+        placeholder: fieldDefinition.placeholder
+        // TODO: Use coerceFieldValue
+        ,
+        value: value instanceof Date ? value : null,
+        onChange: onChange
+      }, fieldDefinition.fieldComponentProps));
+    case "RADIO_BUTTONS":
+      return /*#__PURE__*/React.createElement(RadioButtonsField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: value,
+        onChange: onChange
+      }, fieldDefinition.fieldComponentProps));
+    case "CUSTOM":
+      return /*#__PURE__*/React.createElement(CustomField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: value,
+        onChange: onChange
+      }, fieldDefinition.fieldComponentProps));
+    case "NUMBER_INPUT":
+      // TODO: Use coerceFieldValue
+      return /*#__PURE__*/React.createElement(NumberInputField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: typeof value === "number" ? value : null,
+        onChange: onChange,
+        placeholder: fieldDefinition.placeholder
+      }, fieldDefinition.fieldComponentProps));
+    case "FILE_PICKER":
+      return /*#__PURE__*/React.createElement(FilePickerField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: coerceToFileValue(value),
+        onChange: onChange
+      }, fieldDefinition.fieldComponentProps));
+    case "OBJECT_SET":
+      return /*#__PURE__*/React.createElement("div", null, "Unsupported field type: ", fieldDefinition.fieldComponent);
+    default:
+      return assertUnreachableFieldComponent(fieldDefinition);
+  }
+}
+
+// TODO: Move and share with `coerceFieldValue`
+function isFileArray(value) {
+  return value.every(v => v instanceof File);
+}
+function coerceToFileValue(value) {
+  if (value instanceof File) {
+    return value;
+  }
+  if (Array.isArray(value) && isFileArray(value)) {
+    return value;
+  }
+  return null;
+}
+function assertUnreachableFieldComponent(value) {
+  throw new Error(`Unhandled field component: ${String(value)}`);
+}
+//# sourceMappingURL=FormFieldRenderer.js.map

package/build/esm/action-form/fields/FormFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","CustomField","DatetimePickerField","DropdownField","FilePickerField","NumberInputField","RadioButtonsField","TextAreaField","TextInputField","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","Date","coerceToFileValue","assertUnreachableFieldComponent","isFileArray","every","v","File","Array","isArray","Error"],"sources":["FormFieldRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { FormField } from \"../FormField.js\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { FilePickerField } from \"./FilePickerField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n  }: FormFieldRendererProps): React.ReactElement {\n    const { label, isRequired, helperText, helperTextPlacement } =\n      fieldDefinition;\n\n    return (\n      <FormField\n        label={label}\n        isRequired={isRequired}\n        fieldKey={fieldDefinition.fieldKey}\n        helperText={helperTextPlacement !== \"tooltip\" ? helperText : undefined}\n      >\n        {renderFieldComponent(fieldDefinition, value, onFieldValueChange)}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"TEXT_INPUT\":\n      return (\n        <TextInputField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"TEXT_AREA\":\n      return (\n        <TextAreaField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatetimePickerField\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"RADIO_BUTTONS\":\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n      // TODO: Use coerceFieldValue\n      return (\n        <NumberInputField\n          id={fieldDefinition.fieldKey}\n          value={typeof value === \"number\" ? value : null}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"FILE_PICKER\":\n      return (\n        <FilePickerField\n          id={fieldDefinition.fieldKey}\n          value={coerceToFileValue(value)}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"OBJECT_SET\":\n      return <div>Unsupported field type: {fieldDefinition.fieldComponent}\n      </div>;\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\n// TODO: Move and share with `coerceFieldValue`\nfunction isFileArray(value: unknown[]): value is File[] {\n  return value.every((v) => v instanceof File);\n}\n\nfunction coerceToFileValue(value: unknown): File | File[] | null {\n  if (value instanceof File) {\n    return value;\n  }\n  if (Array.isArray(value) && isFileArray(value)) {\n    return value;\n  }\n  return null;\n}\n\nfunction assertUnreachableFieldComponent(value: never): never {\n  throw new Error(`Unhandled field component: ${String(value)}`);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/LazyDateCalendar.js

@@ -0,0 +1,27 @@
+/*
+ * 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, { Suspense } from "react";
+import styles from "./DateCalendar.module.css";
+const DateCalendarLazy = /*#__PURE__*/React.lazy(() => import("./DateCalendar.js"));
+export function LazyDateCalendar(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      className: styles.calendarFallback
+    })
+  }, /*#__PURE__*/React.createElement(DateCalendarLazy, props));
+}
+//# sourceMappingURL=LazyDateCalendar.js.map

package/build/esm/action-form/fields/LazyDateCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyDateCalendar.js","names":["React","Suspense","styles","DateCalendarLazy","lazy","LazyDateCalendar","props","createElement","fallback","className","calendarFallback"],"sources":["LazyDateCalendar.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 React, { Suspense } from \"react\";\nimport type { DateCalendarProps } from \"./DateCalendar.js\";\nimport styles from \"./DateCalendar.module.css\";\n\nconst DateCalendarLazy = React.lazy(() => import(\"./DateCalendar.js\"));\n\nexport function LazyDateCalendar(props: DateCalendarProps): React.ReactElement {\n  return (\n    <Suspense fallback={<div className={styles.calendarFallback} />}>\n      <DateCalendarLazy {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,OAAOC,MAAM,MAAM,2BAA2B;AAE9C,MAAMC,gBAAgB,gBAAGH,KAAK,CAACI,IAAI,CAAC,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEtE,OAAO,SAASC,gBAAgBA,CAACC,KAAwB,EAAsB;EAC7E,oBACEN,KAAA,CAAAO,aAAA,CAACN,QAAQ;IAACO,QAAQ,eAAER,KAAA,CAAAO,aAAA;MAAKE,SAAS,EAAEP,MAAM,CAACQ;IAAiB,CAAE;EAAE,gBAC9DV,KAAA,CAAAO,aAAA,CAACJ,gBAAgB,EAAKG,KAAQ,CACtB,CAAC;AAEf","ignoreList":[]}