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

package/build/browser/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.js";
+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/browser/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/browser/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/browser/action-form/fields/FilePickerField.module.css.js

@@ -0,0 +1,11 @@
+// CSS Module proxy for FilePickerField.module.css
+const styles = {
+  "osdkFilePickerTrigger": "FilePickerField-module__osdkFilePickerTrigger___xiODCPnX",
+  "osdkFilePickerHiddenInput": "FilePickerField-module__osdkFilePickerHiddenInput___HiJGgrUM",
+  "osdkFilePickerText": "FilePickerField-module__osdkFilePickerText___VbLe9-Bb",
+  "osdkFilePickerPlaceholder": "FilePickerField-module__osdkFilePickerPlaceholder___ntQ09iNR",
+  "osdkFilePickerClear": "FilePickerField-module__osdkFilePickerClear___SOf8mcYq",
+  "osdkFilePickerBrowse": "FilePickerField-module__osdkFilePickerBrowse___XurnxfvY"
+};
+
+export default styles;

package/build/browser/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/browser/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/browser/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.js";
+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/browser/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":[]}

package/build/browser/action-form/fields/NumberInputField.js

@@ -0,0 +1,130 @@
+/*
+ * 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 { Input } from "@base-ui/react/input";
+import { ChevronDown, ChevronUp } from "@blueprintjs/icons";
+import React, { useCallback, useRef, useState } from "react";
+import styles from "./NumberInputField.module.css.js";
+
+/**
+ * Structural regex for valid numeric input.
+ *
+ * Allows intermediate typing states that will become valid numbers:
+ * ""  — user cleared the field (all groups are optional)
+ * "-" — user started typing a negative number
+ * "." — user started typing a decimal like ".5"
+ * "+" — user started typing an explicitly positive number
+ * "1.", "1e", "1e+" — partial but structurally valid
+ *
+ * Rejects obviously invalid strings like "1.2.3" or "+-5".
+ */
+const VALID_NUMERIC_REGEX = /^[+-.]?(\d+\.?\d*|\d*\.?\d+)?([eE][+-]?\d*)?$/;
+const DEFAULT_STEP = 1;
+const CHEVRON_SIZE = 12;
+
+// TODO: Add min/max validation so the field can surface
+// out-of-range errors through the form validation system.
+export function NumberInputField({
+  id,
+  value,
+  onChange,
+  placeholder,
+  min: _min,
+  max: _max,
+  step
+}) {
+  const [displayValue, setDisplayValue] = useState(() => formatNumberForDisplay(value));
+  const prevValueRef = useRef(value);
+
+  // Sync external value → internal display string
+  if (prevValueRef.current !== value) {
+    prevValueRef.current = value;
+    const currentParsed = parseNumericValue(displayValue);
+    if (value !== currentParsed) {
+      setDisplayValue(formatNumberForDisplay(value));
+    }
+  }
+  const handleValueChange = useCallback(newValue => {
+    if (!isValidInput(newValue)) {
+      return;
+    }
+    setDisplayValue(newValue);
+    onChange?.(parseNumericValue(newValue));
+  }, [onChange]);
+  const applyStep = useCallback(direction => {
+    const current = parseNumericValue(displayValue) ?? 0;
+    const next = current + direction * (step ?? DEFAULT_STEP);
+    const formatted = formatNumberForDisplay(next);
+    setDisplayValue(formatted);
+    onChange?.(next);
+  }, [displayValue, onChange, step]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
+      return;
+    }
+    e.preventDefault();
+    applyStep(e.key === "ArrowUp" ? 1 : -1);
+  }, [applyStep]);
+  const handleStepUp = useCallback(() => {
+    applyStep(1);
+  }, [applyStep]);
+  const handleStepDown = useCallback(() => {
+    applyStep(-1);
+  }, [applyStep]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkNumberInputWrapper
+  }, /*#__PURE__*/React.createElement(Input, {
+    id: id,
+    className: styles.osdkNumberInputField,
+    type: "text",
+    inputMode: "decimal",
+    value: displayValue,
+    onValueChange: handleValueChange,
+    onKeyDown: handleKeyDown,
+    placeholder: placeholder
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkNumberInputStepper
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.osdkNumberInputStepButton,
+    "aria-label": "Increment",
+    tabIndex: -1,
+    onClick: handleStepUp
+  }, /*#__PURE__*/React.createElement(ChevronUp, {
+    size: CHEVRON_SIZE
+  })), /*#__PURE__*/React.createElement(Button, {
+    className: styles.osdkNumberInputStepButton,
+    "aria-label": "Decrement",
+    tabIndex: -1,
+    onClick: handleStepDown
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    size: CHEVRON_SIZE
+  }))));
+}
+function isValidInput(text) {
+  return VALID_NUMERIC_REGEX.test(text);
+}
+function parseNumericValue(text) {
+  if (text === "") {
+    return null;
+  }
+  const parsed = Number(text);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function formatNumberForDisplay(value) {
+  return value != null ? String(value) : "";
+}
+//# sourceMappingURL=NumberInputField.js.map

package/build/browser/action-form/fields/NumberInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputField.js","names":["Button","Input","ChevronDown","ChevronUp","React","useCallback","useRef","useState","styles","VALID_NUMERIC_REGEX","DEFAULT_STEP","CHEVRON_SIZE","NumberInputField","id","value","onChange","placeholder","min","_min","max","_max","step","displayValue","setDisplayValue","formatNumberForDisplay","prevValueRef","current","currentParsed","parseNumericValue","handleValueChange","newValue","isValidInput","applyStep","direction","next","formatted","handleKeyDown","e","key","preventDefault","handleStepUp","handleStepDown","createElement","className","osdkNumberInputWrapper","osdkNumberInputField","type","inputMode","onValueChange","onKeyDown","osdkNumberInputStepper","osdkNumberInputStepButton","tabIndex","onClick","size","text","test","parsed","Number","isNaN","String"],"sources":["NumberInputField.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 { Input } from \"@base-ui/react/input\";\nimport { ChevronDown, ChevronUp } from \"@blueprintjs/icons\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport type { NumberInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./NumberInputField.module.css\";\n\n/**\n * Structural regex for valid numeric input.\n *\n * Allows intermediate typing states that will become valid numbers:\n * \"\"  — user cleared the field (all groups are optional)\n * \"-\" — user started typing a negative number\n * \".\" — user started typing a decimal like \".5\"\n * \"+\" — user started typing an explicitly positive number\n * \"1.\", \"1e\", \"1e+\" — partial but structurally valid\n *\n * Rejects obviously invalid strings like \"1.2.3\" or \"+-5\".\n */\nconst VALID_NUMERIC_REGEX = /^[+-.]?(\\d+\\.?\\d*|\\d*\\.?\\d+)?([eE][+-]?\\d*)?$/;\n\nconst DEFAULT_STEP = 1;\nconst CHEVRON_SIZE = 12;\n\n// TODO: Add min/max validation so the field can surface\n// out-of-range errors through the form validation system.\nexport function NumberInputField({\n  id,\n  value,\n  onChange,\n  placeholder,\n  min: _min,\n  max: _max,\n  step,\n}: NumberInputFieldProps): React.ReactElement {\n  const [displayValue, setDisplayValue] = useState<string>(() =>\n    formatNumberForDisplay(value)\n  );\n\n  const prevValueRef = useRef(value);\n\n  // Sync external value → internal display string\n  if (prevValueRef.current !== value) {\n    prevValueRef.current = value;\n    const currentParsed = parseNumericValue(displayValue);\n\n    if (value !== currentParsed) {\n      setDisplayValue(formatNumberForDisplay(value));\n    }\n  }\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      if (!isValidInput(newValue)) {\n        return;\n      }\n\n      setDisplayValue(newValue);\n      onChange?.(parseNumericValue(newValue));\n    },\n    [onChange],\n  );\n\n  const applyStep = useCallback(\n    (direction: 1 | -1) => {\n      const current = parseNumericValue(displayValue) ?? 0;\n      const delta = direction * (step ?? DEFAULT_STEP);\n      const next = current + delta;\n      const formatted = formatNumberForDisplay(next);\n      setDisplayValue(formatted);\n      onChange?.(next);\n    },\n    [displayValue, onChange, step],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key !== \"ArrowUp\" && e.key !== \"ArrowDown\") {\n        return;\n      }\n      e.preventDefault();\n      applyStep(e.key === \"ArrowUp\" ? 1 : -1);\n    },\n    [applyStep],\n  );\n\n  const handleStepUp = useCallback(() => {\n    applyStep(1);\n  }, [applyStep]);\n\n  const handleStepDown = useCallback(() => {\n    applyStep(-1);\n  }, [applyStep]);\n\n  return (\n    <div className={styles.osdkNumberInputWrapper}>\n      <Input\n        id={id}\n        className={styles.osdkNumberInputField}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={displayValue}\n        onValueChange={handleValueChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <div className={styles.osdkNumberInputStepper}>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Increment\"\n          tabIndex={-1}\n          onClick={handleStepUp}\n        >\n          <ChevronUp size={CHEVRON_SIZE} />\n        </Button>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Decrement\"\n          tabIndex={-1}\n          onClick={handleStepDown}\n        >\n          <ChevronDown size={CHEVRON_SIZE} />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction isValidInput(text: string): boolean {\n  return VALID_NUMERIC_REGEX.test(text);\n}\n\nfunction parseNumericValue(text: string): number | null {\n  if (text === \"\") {\n    return null;\n  }\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? null : parsed;\n}\n\nfunction formatNumberForDisplay(value: number | null): string {\n  return value != null ? String(value) : \"\";\n}\n"],"mappings":"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","ignoreList":[]}