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

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

@@ -0,0 +1,30 @@
+/*
+ * 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";
+/**
+ * Renders a user-provided custom field. Delegates all rendering to the
+ * `customRenderer` callback, passing through the standard form field props
+ * (value, onChange, id) so the custom implementation can participate in
+ * form state management.
+ */
+export const CustomField = /*#__PURE__*/memo(function ({
+  customRenderer: CustomRenderer,
+  ...baseProps
+}) {
+  return /*#__PURE__*/React.createElement(CustomRenderer, baseProps);
+});
+//# sourceMappingURL=CustomField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomField.js","names":["React","memo","CustomField","customRenderer","CustomRenderer","baseProps","createElement"],"sources":["CustomField.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 type { CustomFieldProps } from \"../FormFieldApi.js\";\n\n/**\n * Renders a user-provided custom field. Delegates all rendering to the\n * `customRenderer` callback, passing through the standard form field props\n * (value, onChange, id) so the custom implementation can participate in\n * form state management.\n */\nexport const CustomField: React.FC<CustomFieldProps<unknown>> = memo(\n  function CustomFieldFn({ customRenderer: CustomRenderer, ...baseProps }) {\n    return <CustomRenderer {...baseProps} />;\n  },\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAGnC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAgD,gBAAGD,IAAI,CAClE,UAAuB;EAAEE,cAAc,EAAEC,cAAc;EAAE,GAAGC;AAAU,CAAC,EAAE;EACvE,oBAAOL,KAAA,CAAAM,aAAA,CAACF,cAAc,EAAKC,SAAY,CAAC;AAC1C,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+/*
+ * 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, { useMemo } from "react";
+import { DayPicker } from "react-day-picker";
+import styles from "./DateCalendar.module.css.js";
+const CLASS_NAMES = {
+  root: styles.calendar,
+  months: styles.calendarMonths,
+  month_grid: styles.calendarMonthGrid,
+  weekday: styles.calendarWeekday,
+  day: styles.calendarDay,
+  day_button: styles.calendarDayButton,
+  selected: styles.calendarSelected,
+  today: styles.calendarToday,
+  outside: styles.calendarOutside,
+  disabled: styles.calendarDisabled,
+  hidden: styles.calendarHidden,
+  nav: styles.calendarNav,
+  button_previous: styles.calendarNavButton,
+  button_next: styles.calendarNavButton,
+  month_caption: styles.calendarMonthCaption,
+  caption_label: styles.calendarCaptionLabel,
+  chevron: styles.calendarChevron
+};
+export default function DateCalendar({
+  dateSelected,
+  onSelect,
+  min,
+  max,
+  footer
+}) {
+  const disabled = useMemo(() => {
+    const matchers = [];
+    if (min != null) {
+      matchers.push({
+        before: min
+      });
+    }
+    if (max != null) {
+      matchers.push({
+        after: max
+      });
+    }
+    return matchers;
+  }, [min, max]);
+  return /*#__PURE__*/React.createElement(DayPicker, {
+    mode: "single",
+    selected: dateSelected,
+    onSelect: onSelect,
+    disabled: disabled,
+    defaultMonth: dateSelected,
+    classNames: CLASS_NAMES,
+    footer: footer
+  });
+}
+//# sourceMappingURL=DateCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateCalendar.js","names":["React","useMemo","DayPicker","styles","CLASS_NAMES","root","calendar","months","calendarMonths","month_grid","calendarMonthGrid","weekday","calendarWeekday","day","calendarDay","day_button","calendarDayButton","selected","calendarSelected","today","calendarToday","outside","calendarOutside","disabled","calendarDisabled","hidden","calendarHidden","nav","calendarNav","button_previous","calendarNavButton","button_next","month_caption","calendarMonthCaption","caption_label","calendarCaptionLabel","chevron","calendarChevron","DateCalendar","dateSelected","onSelect","min","max","footer","matchers","push","before","after","createElement","mode","defaultMonth","classNames"],"sources":["DateCalendar.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, { useMemo } from \"react\";\nimport type {\n  ClassNames,\n  DateAfter,\n  DateBefore,\n  Matcher,\n} from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport styles from \"./DateCalendar.module.css\";\n\nconst CLASS_NAMES: Partial<ClassNames> = {\n  root: styles.calendar,\n  months: styles.calendarMonths,\n  month_grid: styles.calendarMonthGrid,\n  weekday: styles.calendarWeekday,\n  day: styles.calendarDay,\n  day_button: styles.calendarDayButton,\n  selected: styles.calendarSelected,\n  today: styles.calendarToday,\n  outside: styles.calendarOutside,\n  disabled: styles.calendarDisabled,\n  hidden: styles.calendarHidden,\n  nav: styles.calendarNav,\n  button_previous: styles.calendarNavButton,\n  button_next: styles.calendarNavButton,\n  month_caption: styles.calendarMonthCaption,\n  caption_label: styles.calendarCaptionLabel,\n  chevron: styles.calendarChevron,\n};\n\nexport interface DateCalendarProps {\n  dateSelected: Date | undefined;\n  onSelect: (date: Date | undefined) => void;\n  min?: Date;\n  max?: Date;\n  footer?: React.ReactNode;\n}\n\nexport default function DateCalendar({\n  dateSelected,\n  onSelect,\n  min,\n  max,\n  footer,\n}: DateCalendarProps): React.ReactElement {\n  const disabled = useMemo((): Matcher[] => {\n    const matchers: Matcher[] = [];\n    if (min != null) {\n      const before: DateBefore = { before: min };\n      matchers.push(before);\n    }\n    if (max != null) {\n      const after: DateAfter = { after: max };\n      matchers.push(after);\n    }\n    return matchers;\n  }, [min, max]);\n\n  return (\n    <DayPicker\n      mode=\"single\"\n      selected={dateSelected}\n      onSelect={onSelect}\n      disabled={disabled}\n      defaultMonth={dateSelected}\n      classNames={CLASS_NAMES}\n      footer={footer}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAOtC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,MAAM,MAAM,2BAA2B;AAE9C,MAAMC,WAAgC,GAAG;EACvCC,IAAI,EAAEF,MAAM,CAACG,QAAQ;EACrBC,MAAM,EAAEJ,MAAM,CAACK,cAAc;EAC7BC,UAAU,EAAEN,MAAM,CAACO,iBAAiB;EACpCC,OAAO,EAAER,MAAM,CAACS,eAAe;EAC/BC,GAAG,EAAEV,MAAM,CAACW,WAAW;EACvBC,UAAU,EAAEZ,MAAM,CAACa,iBAAiB;EACpCC,QAAQ,EAAEd,MAAM,CAACe,gBAAgB;EACjCC,KAAK,EAAEhB,MAAM,CAACiB,aAAa;EAC3BC,OAAO,EAAElB,MAAM,CAACmB,eAAe;EAC/BC,QAAQ,EAAEpB,MAAM,CAACqB,gBAAgB;EACjCC,MAAM,EAAEtB,MAAM,CAACuB,cAAc;EAC7BC,GAAG,EAAExB,MAAM,CAACyB,WAAW;EACvBC,eAAe,EAAE1B,MAAM,CAAC2B,iBAAiB;EACzCC,WAAW,EAAE5B,MAAM,CAAC2B,iBAAiB;EACrCE,aAAa,EAAE7B,MAAM,CAAC8B,oBAAoB;EAC1CC,aAAa,EAAE/B,MAAM,CAACgC,oBAAoB;EAC1CC,OAAO,EAAEjC,MAAM,CAACkC;AAClB,CAAC;AAUD,eAAe,SAASC,YAAYA,CAAC;EACnCC,YAAY;EACZC,QAAQ;EACRC,GAAG;EACHC,GAAG;EACHC;AACiB,CAAC,EAAsB;EACxC,MAAMpB,QAAQ,GAAGtB,OAAO,CAAC,MAAiB;IACxC,MAAM2C,QAAmB,GAAG,EAAE;IAC9B,IAAIH,GAAG,IAAI,IAAI,EAAE;MAEfG,QAAQ,CAACC,IAAI,CADc;QAAEC,MAAM,EAAEL;MAAI,CACrB,CAAC;IACvB;IACA,IAAIC,GAAG,IAAI,IAAI,EAAE;MAEfE,QAAQ,CAACC,IAAI,CADY;QAAEE,KAAK,EAAEL;MAAI,CACnB,CAAC;IACtB;IACA,OAAOE,QAAQ;EACjB,CAAC,EAAE,CAACH,GAAG,EAAEC,GAAG,CAAC,CAAC;EAEd,oBACE1C,KAAA,CAAAgD,aAAA,CAAC9C,SAAS;IACR+C,IAAI,EAAC,QAAQ;IACbhC,QAAQ,EAAEsB,YAAa;IACvBC,QAAQ,EAAEA,QAAS;IACnBjB,QAAQ,EAAEA,QAAS;IACnB2B,YAAY,EAAEX,YAAa;IAC3BY,UAAU,EAAE/C,WAAY;IACxBuC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}

package/build/browser/action-form/fields/DateCalendar.module.css

@@ -0,0 +1,136 @@
+/* DateCalendar — DayPicker classNames */
+
+.calendar {
+  position: relative;
+  width: 100%;
+  font-family: var(--osdk-datetime-calendar-font-family);
+  font-size: var(--osdk-datetime-calendar-font-size);
+}
+
+.calendarMonths {
+  display: flex;
+}
+
+.calendarMonthGrid {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.calendarWeekday {
+  padding: var(--osdk-datetime-calendar-gap);
+  font-size: var(--osdk-datetime-calendar-weekday-font-size);
+  color: var(--osdk-datetime-calendar-weekday-color);
+  text-align: center;
+  width: var(--osdk-datetime-calendar-cell-size);
+}
+
+.calendarDay {
+  padding: var(--osdk-datetime-calendar-gap);
+  text-align: center;
+}
+
+.calendarDayButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--osdk-datetime-calendar-cell-size);
+  height: var(--osdk-datetime-calendar-cell-size);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-datetime-calendar-day-border-radius);
+  font: inherit;
+  color: inherit;
+
+  &:hover {
+    background: var(--osdk-datetime-calendar-day-hover-bg);
+  }
+
+  &:active {
+    background: var(--osdk-datetime-calendar-day-active-bg);
+  }
+}
+
+.calendarSelected .calendarDayButton {
+  background: var(--osdk-datetime-calendar-selected-bg);
+  color: var(--osdk-datetime-calendar-selected-color);
+
+  &:hover {
+    background: var(--osdk-datetime-calendar-selected-hover-bg);
+  }
+}
+
+.calendarToday .calendarDayButton {
+  font-weight: var(--osdk-datetime-calendar-today-font-weight);
+}
+
+.calendarOutside .calendarDayButton {
+  color: var(--osdk-datetime-calendar-outside-color);
+}
+
+.calendarDisabled .calendarDayButton {
+  color: var(--osdk-datetime-calendar-disabled-color);
+  cursor: default;
+
+  &:hover {
+    background: transparent;
+  }
+}
+
+.calendarHidden {
+  visibility: hidden;
+}
+
+/* Calendar navigation */
+.calendarNav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  pointer-events: none;
+}
+
+.calendarNavButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--osdk-datetime-calendar-nav-button-size);
+  height: var(--osdk-datetime-calendar-nav-button-size);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-datetime-calendar-nav-button-border-radius);
+  padding: 0;
+  pointer-events: auto;
+
+  &:hover {
+    background: var(--osdk-datetime-calendar-nav-button-hover-bg);
+  }
+}
+
+.calendarMonthCaption {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: var(--osdk-datetime-calendar-nav-button-size);
+}
+
+.calendarCaptionLabel {
+  font-size: var(--osdk-datetime-calendar-caption-font-size);
+  font-weight: var(--osdk-datetime-calendar-caption-font-weight);
+}
+
+.calendarChevron {
+  width: var(--osdk-datetime-calendar-chevron-size);
+  height: var(--osdk-datetime-calendar-chevron-size);
+  fill: currentColor;
+}
+
+/* Calendar fallback / loading */
+.calendarFallback {
+  width: var(--osdk-datetime-calendar-fallback-width);
+  height: var(--osdk-datetime-calendar-fallback-height);
+}

package/build/browser/action-form/fields/DateCalendar.module.css.js

@@ -0,0 +1,22 @@
+// CSS Module proxy for DateCalendar.module.css
+const styles = {
+  "calendar": "DateCalendar-module__calendar___l3nEo6Ad",
+  "calendarMonths": "DateCalendar-module__calendarMonths___lGxU5Qmt",
+  "calendarMonthGrid": "DateCalendar-module__calendarMonthGrid___EF09HyTt",
+  "calendarWeekday": "DateCalendar-module__calendarWeekday___vRgO02bB",
+  "calendarDay": "DateCalendar-module__calendarDay___sUMDmHH-",
+  "calendarDayButton": "DateCalendar-module__calendarDayButton___SoPcp9U0",
+  "calendarSelected": "DateCalendar-module__calendarSelected___I-1tOp-J",
+  "calendarToday": "DateCalendar-module__calendarToday___laVEjkhA",
+  "calendarOutside": "DateCalendar-module__calendarOutside___uEAuOUjF",
+  "calendarDisabled": "DateCalendar-module__calendarDisabled___4FOd5zD2",
+  "calendarHidden": "DateCalendar-module__calendarHidden___DMxoFqL0",
+  "calendarNav": "DateCalendar-module__calendarNav___jB5QsZfT",
+  "calendarNavButton": "DateCalendar-module__calendarNavButton___4x8m8Pg9",
+  "calendarMonthCaption": "DateCalendar-module__calendarMonthCaption___YpcqdHUV",
+  "calendarCaptionLabel": "DateCalendar-module__calendarCaptionLabel___v5rFCob9",
+  "calendarChevron": "DateCalendar-module__calendarChevron___YfBbSEGJ",
+  "calendarFallback": "DateCalendar-module__calendarFallback___6NTtjLx5"
+};
+
+export default styles;

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

@@ -0,0 +1,98 @@
+/*
+ * 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 { Input } from "@base-ui/react/input";
+import { Popover } from "@base-ui/react/popover";
+import classnames from "classnames";
+import React, { useCallback, useMemo, useState } from "react";
+import { formatDateForInput, formatDatetimeForDisplay, formatTime } from "../../shared/dateUtils.js";
+import styles from "./DatetimePickerField.module.css.js";
+import { LazyDateCalendar } from "./LazyDateCalendar.js";
+
+/** Midnight fallback so `extractTime` can reuse `formatTime` when no date is selected. */
+const DATE_ZERO = new Date(2000, 0, 1, 0, 0, 0, 0);
+function extractTime(date) {
+  return formatTime(date ?? DATE_ZERO);
+}
+export function DatetimePickerField({
+  id,
+  value,
+  onChange,
+  min,
+  max,
+  placeholder,
+  formatDate,
+  showTime = false,
+  closeOnSelection
+}) {
+  const shouldCloseOnSelection = closeOnSelection ?? !showTime;
+  const [isOpen, setIsOpen] = useState(false);
+  const formatFn = formatDate ?? (showTime ? formatDatetimeForDisplay : formatDateForInput);
+  const formattedValue = value != null ? formatFn(value) : "";
+  const handleCalendarSelect = useCallback(selected => {
+    if (selected == null) {
+      onChange?.(null);
+      return;
+    }
+    const date = new Date(selected.getTime());
+    if (showTime && value != null) {
+      date.setHours(value.getHours(), value.getMinutes());
+    }
+    onChange?.(date);
+    if (shouldCloseOnSelection) {
+      setIsOpen(false);
+    }
+  }, [onChange, showTime, value, shouldCloseOnSelection]);
+  const handleTimeChange = useCallback(timeString => {
+    const [hoursStr, minutesStr] = timeString.split(":");
+    const hours = parseInt(hoursStr ?? "0", 10);
+    const minutes = parseInt(minutesStr ?? "0", 10);
+    const base = value != null ? new Date(value.getTime()) : new Date();
+    base.setHours(hours, minutes, 0, 0);
+    onChange?.(base);
+  }, [value, onChange]);
+  const displayText = formattedValue !== "" ? formattedValue : placeholder ?? "";
+  const hasValue = formattedValue !== "";
+  const timeValue = extractTime(value);
+  const footer = useMemo(() => showTime ? /*#__PURE__*/React.createElement("div", {
+    className: styles.timeFooter
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "time",
+    value: timeValue,
+    onValueChange: handleTimeChange,
+    className: styles.timeInput,
+    "aria-label": "Time"
+  })) : undefined, [showTime, timeValue, handleTimeChange]);
+  return /*#__PURE__*/React.createElement(Popover.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /*#__PURE__*/React.createElement(Popover.Trigger, {
+    id: id,
+    className: classnames(styles.triggerButton, !hasValue && styles.triggerButtonPlaceholder),
+    "aria-label": hasValue ? undefined : "Select date"
+  }, displayText), /*#__PURE__*/React.createElement(Popover.Portal, null, /*#__PURE__*/React.createElement(Popover.Positioner, {
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Popover.Popup, {
+    className: styles.popover
+  }, /*#__PURE__*/React.createElement(LazyDateCalendar, {
+    dateSelected: value ?? undefined,
+    onSelect: handleCalendarSelect,
+    min: min,
+    max: max,
+    footer: footer
+  })))));
+}
+//# sourceMappingURL=DatetimePickerField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatetimePickerField.js","names":["Input","Popover","classnames","React","useCallback","useMemo","useState","formatDateForInput","formatDatetimeForDisplay","formatTime","styles","LazyDateCalendar","DATE_ZERO","Date","extractTime","date","DatetimePickerField","id","value","onChange","min","max","placeholder","formatDate","showTime","closeOnSelection","shouldCloseOnSelection","isOpen","setIsOpen","formatFn","formattedValue","handleCalendarSelect","selected","getTime","setHours","getHours","getMinutes","handleTimeChange","timeString","hoursStr","minutesStr","split","hours","parseInt","minutes","base","displayText","hasValue","timeValue","footer","createElement","className","timeFooter","type","onValueChange","timeInput","undefined","Root","open","onOpenChange","Trigger","triggerButton","triggerButtonPlaceholder","Portal","Positioner","sideOffset","Popup","popover","dateSelected","onSelect"],"sources":["DatetimePickerField.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 { Input } from \"@base-ui/react/input\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport {\n  formatDateForInput,\n  formatDatetimeForDisplay,\n  formatTime,\n} from \"../../shared/dateUtils.js\";\nimport type { DatetimePickerFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./DatetimePickerField.module.css\";\nimport { LazyDateCalendar } from \"./LazyDateCalendar.js\";\n\n/** Midnight fallback so `extractTime` can reuse `formatTime` when no date is selected. */\nconst DATE_ZERO = new Date(2000, 0, 1, 0, 0, 0, 0);\n\nfunction extractTime(date: Date | null): string {\n  return formatTime(date ?? DATE_ZERO);\n}\n\nexport function DatetimePickerField({\n  id,\n  value,\n  onChange,\n  min,\n  max,\n  placeholder,\n  formatDate,\n  showTime = false,\n  closeOnSelection,\n}: DatetimePickerFieldProps): React.ReactElement {\n  const shouldCloseOnSelection = closeOnSelection ?? !showTime;\n  const [isOpen, setIsOpen] = useState(false);\n\n  const formatFn = formatDate\n    ?? (showTime ? formatDatetimeForDisplay : formatDateForInput);\n\n  const formattedValue = value != null ? formatFn(value) : \"\";\n\n  const handleCalendarSelect = useCallback(\n    (selected: Date | undefined) => {\n      if (selected == null) {\n        onChange?.(null);\n        return;\n      }\n\n      const date = new Date(selected.getTime());\n      if (showTime && value != null) {\n        date.setHours(value.getHours(), value.getMinutes());\n      }\n\n      onChange?.(date);\n\n      if (shouldCloseOnSelection) {\n        setIsOpen(false);\n      }\n    },\n    [onChange, showTime, value, shouldCloseOnSelection],\n  );\n\n  const handleTimeChange = useCallback(\n    (timeString: string) => {\n      const [hoursStr, minutesStr] = timeString.split(\":\");\n      const hours = parseInt(hoursStr ?? \"0\", 10);\n      const minutes = parseInt(minutesStr ?? \"0\", 10);\n\n      const base = value != null ? new Date(value.getTime()) : new Date();\n      base.setHours(hours, minutes, 0, 0);\n\n      onChange?.(base);\n    },\n    [value, onChange],\n  );\n\n  const displayText = formattedValue !== \"\"\n    ? formattedValue\n    : (placeholder ?? \"\");\n  const hasValue = formattedValue !== \"\";\n\n  const timeValue = extractTime(value);\n  const footer = useMemo(\n    () =>\n      showTime\n        ? (\n          <div className={styles.timeFooter}>\n            <Input\n              type=\"time\"\n              value={timeValue}\n              onValueChange={handleTimeChange}\n              className={styles.timeInput}\n              aria-label=\"Time\"\n            />\n          </div>\n        )\n        : undefined,\n    [showTime, timeValue, handleTimeChange],\n  );\n\n  return (\n    <Popover.Root open={isOpen} onOpenChange={setIsOpen}>\n      <Popover.Trigger\n        id={id}\n        className={classnames(\n          styles.triggerButton,\n          !hasValue && styles.triggerButtonPlaceholder,\n        )}\n        aria-label={hasValue ? undefined : \"Select date\"}\n      >\n        {displayText}\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Positioner sideOffset={4}>\n          <Popover.Popup className={styles.popover}>\n            <LazyDateCalendar\n              dateSelected={value ?? undefined}\n              onSelect={handleCalendarSelect}\n              min={min}\n              max={max}\n              footer={footer}\n            />\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/action-form/fields/DatetimePickerField.module.css

@@ -0,0 +1,66 @@
+/* DatetimePickerField — button trigger + popover + time input */
+
+/* Trigger button — styled to look like an input */
+.triggerButton {
+  width: 100%;
+  text-align: left;
+  font-family: var(--osdk-datetime-input-font-family);
+  font-size: var(--osdk-datetime-input-font-size);
+  padding: var(--osdk-datetime-input-padding);
+  border: var(--osdk-datetime-input-border);
+  border-radius: var(--osdk-datetime-input-border-radius);
+  background: var(--osdk-datetime-input-bg);
+  color: var(--osdk-datetime-input-color);
+  cursor: pointer;
+  box-sizing: border-box;
+
+  &:focus-visible {
+    border-color: var(--osdk-datetime-input-focus-border-color);
+    outline: var(--osdk-datetime-input-focus-outline);
+    outline-offset: var(--osdk-datetime-input-focus-outline-offset);
+  }
+}
+
+.triggerButtonPlaceholder {
+  color: var(--osdk-datetime-input-placeholder-color, currentColor);
+  opacity: var(--osdk-datetime-input-placeholder-opacity);
+}
+
+/* Popover */
+.popover {
+  background: var(--osdk-datetime-popover-bg);
+  padding: var(--osdk-datetime-popover-padding);
+  z-index: var(--osdk-datetime-popover-z-index);
+  border: var(--osdk-datetime-popover-border);
+  border-radius: var(--osdk-datetime-popover-border-radius);
+}
+
+/* Time input footer — negative horizontal margin counters the popover padding
+   so the border-top spans the full width of the popover. */
+.timeFooter {
+  padding-top: var(--osdk-datetime-time-padding-top);
+  padding-left: var(--osdk-datetime-popover-padding);
+  padding-right: var(--osdk-datetime-popover-padding);
+  border-top: var(--osdk-datetime-time-border-top);
+  margin-top: var(--osdk-datetime-time-padding-top);
+  margin-left: calc(var(--osdk-datetime-popover-padding) * -1);
+  margin-right: calc(var(--osdk-datetime-popover-padding) * -1);
+}
+
+.timeInput {
+  width: 100%;
+  font-family: var(--osdk-datetime-input-font-family);
+  font-size: var(--osdk-datetime-input-font-size);
+  padding: var(--osdk-datetime-input-padding);
+  border: var(--osdk-datetime-input-border);
+  border-radius: var(--osdk-datetime-input-border-radius);
+  background: var(--osdk-datetime-input-bg);
+  color: var(--osdk-datetime-input-color);
+  box-sizing: border-box;
+
+  &:focus {
+    border-color: var(--osdk-datetime-input-focus-border-color);
+    outline: var(--osdk-datetime-input-focus-outline);
+    outline-offset: var(--osdk-datetime-input-focus-outline-offset);
+  }
+}

package/build/browser/action-form/fields/DatetimePickerField.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for DatetimePickerField.module.css
+const styles = {
+  "triggerButton": "DatetimePickerField-module__triggerButton___De1vGdXb",
+  "triggerButtonPlaceholder": "DatetimePickerField-module__triggerButtonPlaceholder___-sYBtL8e",
+  "popover": "DatetimePickerField-module__popover___t7Mh7CsI",
+  "timeFooter": "DatetimePickerField-module__timeFooter___A4P-iuSf",
+  "timeInput": "DatetimePickerField-module__timeInput___Qt1b6wEt"
+};
+
+export default styles;

package/build/browser/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/browser/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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,4CAA4C;AACrE,SAASC,MAAM,QAAQ,wCAAwC;AAC/D,SAASC,cAAc,QAAQ,2BAA2B;AAU1D,OAAO,SAASC,aAAaA,CAAsC;EACjEC,YAAY,GAAG,KAAK;EACpBC,iBAAiB;EACjBC,SAAS;EACT,GAAGC;AAC4B,CAAC,EAAsB;EACtD,MAAMC,yBAAyB,GAAGH,iBAAiB,IAC9CI,wBAAwB;EAE7B,MAAMC,MAAM,GAAGX,WAAW,CACvBY,IAAO,IAAKL,SAAS,GAAGK,IAAI,CAAC,IAAIH,yBAAyB,CAACG,IAAI,CAAC,EACjE,CAACL,SAAS,EAAEE,yBAAyB,CACvC,CAAC;EAED,IAAIJ,YAAY,EAAE;IAChB,oBACEN,KAAA,CAAAc,aAAA,CAACC,gBAAgB,EAAAC,QAAA,KACXP,IAAI;MACRF,iBAAiB,EAAEG,yBAA0B;MAC7CE,MAAM,EAAEA;IAAO,EAChB,CAAC;EAEN;EAEA,oBACEZ,KAAA,CAAAc,aAAA,CAACG,cAAc,EAAAD,QAAA,KACTP,IAAI;IACRF,iBAAiB,EAAEG,yBAA0B;IAC7CE,MAAM,EAAEA;EAAO,EAChB,CAAC;AAEN;AAEA,MAAMK,cAAc,GAAGb,cAAc,CAAC,UAGpC;EACAc,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLb,iBAAiB;EACjBK,MAAM;EACNS,WAAW;EACXC,UAAU;EACVC;AAC+B,CAAC,EAAsB;EACtD,oBACEvB,KAAA,CAAAc,aAAA,2BACEd,KAAA,CAAAc,aAAA,CAACX,MAAM,CAACqB,IAAI;IACVN,KAAK,EAAEA,KAAM;IACbO,aAAa,EAAEN,QAAS;IACxBO,QAAQ,EAAEJ,UAAW;IACrBK,kBAAkB,EAAEN,WAAY;IAChCd,iBAAiB,EAAEA;EAAkB,gBAErCP,KAAA,CAAAc,aAAA,CAACX,MAAM,CAACyB,OAAO;IAACL,WAAW,EAAEA;EAAY,CAAE,CAAC,eAC5CvB,KAAA,CAAAc,aAAA,CAACX,MAAM,CAAC0B,MAAM,qBACZ7B,KAAA,CAAAc,aAAA,CAACX,MAAM,CAAC2B,UAAU,qBAChB9B,KAAA,CAAAc,aAAA,CAACX,MAAM,CAAC4B,KAAK,QACVX,KAAK,CAACY,GAAG,CAAEnB,IAAI,iBACdb,KAAA,CAAAc,aAAA,CAACX,MAAM,CAAC8B,IAAI;IAACC,GAAG,EAAEtB,MAAM,CAACC,IAAI,CAAE;IAACK,KAAK,EAAEL;EAAK,GACzCN,iBAAiB,CAACM,IAAI,CACZ,CACd,CACW,CACG,CACN,CACJ,CACV,CAAC;AAEV,CAAC,CAAC;AAEF,MAAME,gBAAgB,GAAGX,cAAc,CAAC,UAGtC;EACAc,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLb,iBAAiB;EACjBK,MAAM;EACNS,WAAW;EACXC,UAAU;EACVC;AAC+B,CAAC,EAAsB;EACtD,MAAMY,WAAW,GAAGlC,WAAW,CAC5BmC,cAAmB,iBAClBpC,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAqC,QAAA,QACGD,cAAc,CAACJ,GAAG,CAAEnB,IAAI,iBACvBb,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACoC,IAAI;IACZJ,GAAG,EAAEtB,MAAM,CAACC,IAAI,CAAE;IAClB,cAAYN,iBAAiB,CAACM,IAAI;EAAE,GAEnCN,iBAAiB,CAACM,IAAI,CAAC,eACxBb,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACqC,UAAU,MAAE,CACT,CAChB,CAAC,eACFvC,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACsC,KAAK;IACbjB,WAAW,EAAEa,cAAc,CAACK,MAAM,GAAG,CAAC,GAClC,EAAE,GACDlB,WAAW,IAAI;EAAW,CAChC,CACD,CACH,EACD,CAACX,MAAM,EAAEL,iBAAiB,EAAEgB,WAAW,CACzC,CAAC;EAED,MAAMmB,UAAU,GAAGzC,WAAW,CAC3BY,IAAO,iBACNb,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC+B,IAAI;IAACC,GAAG,EAAEtB,MAAM,CAACC,IAAI,CAAE;IAACK,KAAK,EAAEL;EAAK,GAC3CN,iBAAiB,CAACM,IAAI,CACV,CAChB,EACD,CAACD,MAAM,EAAEL,iBAAiB,CAC5B,CAAC;EAED,oBACEP,KAAA,CAAAc,aAAA,2BACEd,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACsB,IAAI;IACZN,KAAK,EAAEA,KAAM;IACbO,aAAa,EAAEN,QAAS;IACxBO,QAAQ,EAAEJ,UAAW;IACrBf,iBAAiB,EAAEA,iBAAkB;IACrCoB,kBAAkB,EAAEN,WAAY;IAChCD,KAAK,EAAEA;EAAM,GAEZE,UAAU,gBAEPtB,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACyC,KAAK,qBACb3C,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC0C,KAAK,QAAET,WAA4B,CAC/B,CAAC,gBAEjBnC,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAACsC,KAAK;IAACjB,WAAW,EAAEA;EAAY,CAAE,CAAC,eAChDvB,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC2B,MAAM,qBACd7B,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC4B,UAAU,qBAClB9B,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC6B,KAAK,qBACb/B,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC2C,KAAK,QAAC,YAA0B,CAAC,eAC3C7C,KAAA,CAAAc,aAAA,CAACZ,QAAQ,CAAC4C,IAAI,QAAEJ,UAA0B,CAC5B,CACG,CACN,CACJ,CACZ,CAAC;AAEV,CAAC,CAAC;AAEF,SAAS/B,wBAAwBA,CAAIE,IAAO,EAAU;EACpD,IAAIA,IAAI,IAAI,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5C,OAAOkC,MAAM,CAAClC,IAAI,CAAC;EACrB;EACA,IAAI,OAAO,IAAIA,IAAI,IAAIA,IAAI,CAACmC,KAAK,IAAI,IAAI,IAAI,OAAOnC,IAAI,CAACmC,KAAK,KAAK,QAAQ,EAAE;IAC3E,OAAOnC,IAAI,CAACmC,KAAK;EACnB;EACA,OAAOD,MAAM,CAAClC,IAAI,CAAC;AACrB","ignoreList":[]}

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