@osdk/react-components 0.18.0-main-1f635101dcdf13bf3201bcaa21c641715744dbb6 → 0.18.0

package/CHANGELOG.md

@@ -1,10 +1,25 @@
 # @osdk/react-components
 
-## 0.18.0-main-1f635101dcdf13bf3201bcaa21c641715744dbb6
+## 0.18.0
 
 ### Minor Changes
 
+- b0de21b: ActionForm fields now show an `Edited` tag after users edit them.
 - 1f63510: Add built-in dark mode token overrides. Components now react automatically to `prefers-color-scheme: dark` and to the `[data-bp-color-scheme="dark"]` / `.bp6-dark` attribute selectors, matching the Foundry custom widgets dark theme guidance.
+- aad8d52: filter-list: match "No value" row gap to regular row gap so it doesn't look visually tighter than its neighbors
+- f6f92fb: Fix broken CSS custom property references that used non-existent token names
+- 19d5612: Fix two ObjectTable editable-cell visual issues:
+  - Dropdown cell no longer shows a phantom "edited" outline after clearing a
+    never-set cell. `EditableCell` and `useEditableTable` now treat `null` and
+    `undefined` as the same empty state when deciding whether an edit is a
+    revert, so clearing a cell whose value was `undefined` removes the edit
+    entry instead of leaving a stale "edited" indicator. `""` remains a
+    distinct value — clearing an empty string still registers as an edit.
+  - Date picker cell now shows the same focus outline as the text input cell,
+    and no longer renders the date picker's own box-shadow on top of the cell
+    border. The cell wrapper also reserves a transparent border so focusing
+    the picker doesn't shift layout.
+
 - 5c20aba: Add `--osdk-table-cell-bg` CSS variable on `ObjectTable` / `BaseTable`
   cells, and tag each `<td>` with `data-editable="true"` when the cell renders
   as editable. The variable defaults to `inherit`, preserving current visuals.
@@ -21,27 +36,7 @@
   ```
 
 - ca8ef7c: ObjectTable: drop the redundant `selectedRowIds` field from the `RowSelectionChange` payload delivered to `onRowSelectionChanged`. The primary keys are still available via `selectedRows.map(r => r.$primaryKey)`. `selectedRowIds` was redundant with `selectedRows` and was kept only as a transitional alias.
-
-### Patch Changes
-
-- aad8d52: filter-list: match "No value" row gap to regular row gap so it doesn't look visually tighter than its neighbors
-- f6f92fb: Fix broken CSS custom property references that used non-existent token names
-- 19d5612: Fix two ObjectTable editable-cell visual issues:
-  - Dropdown cell no longer shows a phantom "edited" outline after clearing a
-    never-set cell. `EditableCell` and `useEditableTable` now treat `null` and
-    `undefined` as the same empty state when deciding whether an edit is a
-    revert, so clearing a cell whose value was `undefined` removes the edit
-    entry instead of leaving a stale "edited" indicator. `""` remains a
-    distinct value — clearing an empty string still registers as an edit.
-  - Date picker cell now shows the same focus outline as the text input cell,
-    and no longer renders the date picker's own box-shadow on top of the cell
-    border. The cell wrapper also reserves a transparent border so focusing
-    the picker doesn't shift layout.
-
 - 5ca0da3: Replace hardcoded table header menu colors with surface tokens and align table row hover/active to `--osdk-intent-primary-rest` for better dark theme compatibility.
-  - @osdk/api@2.21.1-main-1f635101dcdf13bf3201bcaa21c641715744dbb6
-  - @osdk/client@2.21.1-main-1f635101dcdf13bf3201bcaa21c641715744dbb6
-  - @osdk/react@2.21.1-main-1f635101dcdf13bf3201bcaa21c641715744dbb6
 
 ## 0.17.0
 

package/build/browser/action-form/FormField.js

@@ -24,11 +24,14 @@ export const FormField = /*#__PURE__*/memo(function ({
   isRequired,
   helperText,
   helperTextPlacement = "tooltip",
+  isEdited,
   error,
   onBlur,
   children
 }) {
   const hasHelperText = helperText != null && helperText !== "";
+  const showTooltip = hasHelperText && helperTextPlacement === "tooltip";
+  const showEditedTag = isEdited === true;
   const labelElement = label != null ? /*#__PURE__*/React.createElement("label", {
     className: styles.osdkFormFieldLabel,
     htmlFor: fieldKey
@@ -36,14 +39,17 @@ export const FormField = /*#__PURE__*/memo(function ({
     className: styles.osdkFormFieldRequired,
     "aria-label": "required"
   }, " ", "*")) : null;
+  const labelRow = labelElement != null || showTooltip || showEditedTag ? /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkFormFieldLabelRow
+  }, labelElement, showTooltip && /*#__PURE__*/React.createElement(InfoTip, {
+    label: label
+  }, helperText), showEditedTag && /*#__PURE__*/React.createElement("span", {
+    className: styles.osdkFormFieldEditedTag
+  }, "Edited")) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.osdkFormField,
     onBlur: onBlur
-  }, hasHelperText && helperTextPlacement === "tooltip" ? /*#__PURE__*/React.createElement("div", {
-    className: styles.osdkFormFieldLabelRow
-  }, labelElement, /*#__PURE__*/React.createElement(InfoTip, {
-    label: label
-  }, helperText)) : labelElement, hasHelperText && helperTextPlacement === "bottom" && /*#__PURE__*/React.createElement("div", {
+  }, labelRow, hasHelperText && helperTextPlacement === "bottom" && /*#__PURE__*/React.createElement("div", {
     className: styles.osdkFormFieldHelperText
   }, helperText), children, /*#__PURE__*/React.createElement("div", {
     className: styles.osdkFormFieldErrorSlot,

package/build/browser/action-form/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","names":["Popover","InfoSign","React","memo","styles","FormField","fieldKey","label","isRequired","helperText","helperTextPlacement","error","onBlur","children","hasHelperText","labelElement","createElement","className","osdkFormFieldLabel","htmlFor","osdkFormFieldRequired","osdkFormField","osdkFormFieldLabelRow","InfoTip","osdkFormFieldHelperText","osdkFormFieldErrorSlot","osdkFormFieldError","role","Root","Trigger","render","osdkFormFieldInfoIcon","nativeButton","openOnHover","size","Portal","Positioner","sideOffset","Popup","osdkFormFieldInfoPopup"],"sources":["FormField.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 { Popover } from \"@base-ui/react/popover\";\nimport { InfoSign } from \"@blueprintjs/icons\";\nimport React, { memo } from \"react\";\nimport styles from \"./FormField.module.css\";\n\ninterface FormFieldProps {\n  fieldKey: string;\n  label?: string;\n  isRequired?: boolean;\n  helperText?: React.ReactNode;\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n  error?: string;\n  onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;\n  children: React.ReactNode;\n}\n\nexport const FormField: React.FC<FormFieldProps> = memo(function FormFieldFn({\n  fieldKey,\n  label,\n  isRequired,\n  helperText,\n  helperTextPlacement = \"tooltip\",\n  error,\n  onBlur,\n  children,\n}: FormFieldProps): React.ReactElement {\n  const hasHelperText = helperText != null && helperText !== \"\";\n  const showTooltip = hasHelperText && helperTextPlacement === \"tooltip\";\n  const showBottomText = hasHelperText && helperTextPlacement === \"bottom\";\n\n  const labelElement = label != null\n    ? (\n      <label className={styles.osdkFormFieldLabel} htmlFor={fieldKey}>\n        {label}\n        {isRequired === true && (\n          <span className={styles.osdkFormFieldRequired} aria-label=\"required\">\n            {\" \"}\n            *\n          </span>\n        )}\n      </label>\n    )\n    : null;\n\n  return (\n    <div className={styles.osdkFormField} onBlur={onBlur}>\n      {showTooltip\n        ? (\n          <div className={styles.osdkFormFieldLabelRow}>\n            {labelElement}\n            <InfoTip label={label}>{helperText}</InfoTip>\n          </div>\n        )\n        : labelElement}\n      {showBottomText && (\n        <div className={styles.osdkFormFieldHelperText}>{helperText}</div>\n      )}\n      {children}\n      <div\n        className={styles.osdkFormFieldErrorSlot}\n        data-osdk-form-field-error-slot=\"\"\n      >\n        {error != null && (\n          <div className={styles.osdkFormFieldError} role=\"alert\">\n            {error}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\ninterface InfoTipProps {\n  label?: string;\n  children: React.ReactNode;\n}\n\n// Uses Popover (not Tooltip) because helper text may contain interactive\n// content like links that need focus management and keyboard navigation.\n// See https://base-ui.com/react/components/tooltip#infotips\nfunction InfoTip({ label, children }: InfoTipProps): React.ReactElement {\n  return (\n    <Popover.Root>\n      <Popover.Trigger\n        render={<span className={styles.osdkFormFieldInfoIcon} />}\n        nativeButton={false}\n        openOnHover={true}\n        aria-label={label != null ? `Info about ${label}` : \"More information\"}\n      >\n        <InfoSign size={12} />\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Positioner sideOffset={4}>\n          <Popover.Popup className={styles.osdkFormFieldInfoPopup}>\n            {children}\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,wBAAwB;AAChD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,MAAM,MAAM,wBAAwB;AAa3C,OAAO,MAAMC,SAAmC,gBAAGF,IAAI,CAAC,UAAqB;EAC3EG,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,UAAU;EACVC,mBAAmB,GAAG,SAAS;EAC/BC,KAAK;EACLC,MAAM;EACNC;AACc,CAAC,EAAsB;EACrC,MAAMC,aAAa,GAAGL,UAAU,IAAI,IAAI,IAAIA,UAAU,KAAK,EAAE;EAI7D,MAAMM,YAAY,GAAGR,KAAK,IAAI,IAAI,gBAE9BL,KAAA,CAAAc,aAAA;IAAOC,SAAS,EAAEb,MAAM,CAACc,kBAAmB;IAACC,OAAO,EAAEb;EAAS,GAC5DC,KAAK,EACLC,UAAU,KAAK,IAAI,iBAClBN,KAAA,CAAAc,aAAA;IAAMC,SAAS,EAAEb,MAAM,CAACgB,qBAAsB;IAAC,cAAW;EAAU,GACjE,GAAG,EAAC,GAED,CAEH,CAAC,GAER,IAAI;EAER,oBACElB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACiB,aAAc;IAACT,MAAM,EAAEA;EAAO,GAlBnCE,aAAa,IAAIJ,mBAAmB,KAAK,SAAS,gBAqB9DR,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACkB;EAAsB,GAC1CP,YAAY,eACbb,KAAA,CAAAc,aAAA,CAACO,OAAO;IAAChB,KAAK,EAAEA;EAAM,GAAEE,UAAoB,CACzC,CAAC,GAENM,YAAY,EAzBGD,aAAa,IAAIJ,mBAAmB,KAAK,QAAQ,iBA2BlER,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACoB;EAAwB,GAAEf,UAAgB,CAClE,EACAI,QAAQ,eACTX,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEb,MAAM,CAACqB,sBAAuB;IACzC,mCAAgC;EAAE,GAEjCd,KAAK,IAAI,IAAI,iBACZT,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEb,MAAM,CAACsB,kBAAmB;IAACC,IAAI,EAAC;EAAO,GACpDhB,KACE,CAEJ,CACF,CAAC;AAEV,CAAC,CAAC;AAOF;AACA;AACA;AACA,SAASY,OAAOA,CAAC;EAAEhB,KAAK;EAAEM;AAAuB,CAAC,EAAsB;EACtE,oBACEX,KAAA,CAAAc,aAAA,CAAChB,OAAO,CAAC4B,IAAI,qBACX1B,KAAA,CAAAc,aAAA,CAAChB,OAAO,CAAC6B,OAAO;IACdC,MAAM,eAAE5B,KAAA,CAAAc,aAAA;MAAMC,SAAS,EAAEb,MAAM,CAAC2B;IAAsB,CAAE,CAAE;IAC1DC,YAAY,EAAE,KAAM;IACpBC,WAAW,EAAE,IAAK;IAClB,cAAY1B,KAAK,IAAI,IAAI,GAAG,cAAcA,KAAK,EAAE,GAAG;EAAmB,gBAEvEL,KAAA,CAAAc,aAAA,CAACf,QAAQ;IAACiC,IAAI,EAAE;EAAG,CAAE,CACN,CAAC,eAClBhC,KAAA,CAAAc,aAAA,CAAChB,OAAO,CAACmC,MAAM,qBACbjC,KAAA,CAAAc,aAAA,CAAChB,OAAO,CAACoC,UAAU;IAACC,UAAU,EAAE;EAAE,gBAChCnC,KAAA,CAAAc,aAAA,CAAChB,OAAO,CAACsC,KAAK;IAACrB,SAAS,EAAEb,MAAM,CAACmC;EAAuB,GACrD1B,QACY,CACG,CACN,CACJ,CAAC;AAEnB","ignoreList":[]}
+{"version":3,"file":"FormField.js","names":["Popover","InfoSign","React","memo","styles","FormField","fieldKey","label","isRequired","helperText","helperTextPlacement","isEdited","error","onBlur","children","hasHelperText","showTooltip","showEditedTag","labelElement","createElement","className","osdkFormFieldLabel","htmlFor","osdkFormFieldRequired","labelRow","osdkFormFieldLabelRow","InfoTip","osdkFormFieldEditedTag","osdkFormField","osdkFormFieldHelperText","osdkFormFieldErrorSlot","osdkFormFieldError","role","Root","Trigger","render","osdkFormFieldInfoIcon","nativeButton","openOnHover","size","Portal","Positioner","sideOffset","Popup","osdkFormFieldInfoPopup"],"sources":["FormField.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 { Popover } from \"@base-ui/react/popover\";\nimport { InfoSign } from \"@blueprintjs/icons\";\nimport React, { memo } from \"react\";\nimport styles from \"./FormField.module.css\";\n\ninterface FormFieldProps {\n  fieldKey: string;\n  label?: string;\n  isRequired?: boolean;\n  helperText?: React.ReactNode;\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n  isEdited?: boolean;\n  error?: string;\n  onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;\n  children: React.ReactNode;\n}\n\nexport const FormField: React.FC<FormFieldProps> = memo(function FormFieldFn({\n  fieldKey,\n  label,\n  isRequired,\n  helperText,\n  helperTextPlacement = \"tooltip\",\n  isEdited,\n  error,\n  onBlur,\n  children,\n}: FormFieldProps): React.ReactElement {\n  const hasHelperText = helperText != null && helperText !== \"\";\n  const showTooltip = hasHelperText && helperTextPlacement === \"tooltip\";\n  const showBottomText = hasHelperText && helperTextPlacement === \"bottom\";\n  const showEditedTag = isEdited === true;\n\n  const labelElement = label != null\n    ? (\n      <label className={styles.osdkFormFieldLabel} htmlFor={fieldKey}>\n        {label}\n        {isRequired === true && (\n          <span className={styles.osdkFormFieldRequired} aria-label=\"required\">\n            {\" \"}\n            *\n          </span>\n        )}\n      </label>\n    )\n    : null;\n  const labelRow = labelElement != null || showTooltip || showEditedTag\n    ? (\n      <div className={styles.osdkFormFieldLabelRow}>\n        {labelElement}\n        {showTooltip && <InfoTip label={label}>{helperText}</InfoTip>}\n        {showEditedTag && (\n          <span className={styles.osdkFormFieldEditedTag}>Edited</span>\n        )}\n      </div>\n    )\n    : null;\n\n  return (\n    <div className={styles.osdkFormField} onBlur={onBlur}>\n      {labelRow}\n      {showBottomText && (\n        <div className={styles.osdkFormFieldHelperText}>{helperText}</div>\n      )}\n      {children}\n      <div\n        className={styles.osdkFormFieldErrorSlot}\n        data-osdk-form-field-error-slot=\"\"\n      >\n        {error != null && (\n          <div className={styles.osdkFormFieldError} role=\"alert\">\n            {error}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\ninterface InfoTipProps {\n  label?: string;\n  children: React.ReactNode;\n}\n\n// Uses Popover (not Tooltip) because helper text may contain interactive\n// content like links that need focus management and keyboard navigation.\n// See https://base-ui.com/react/components/tooltip#infotips\nfunction InfoTip({ label, children }: InfoTipProps): React.ReactElement {\n  return (\n    <Popover.Root>\n      <Popover.Trigger\n        render={<span className={styles.osdkFormFieldInfoIcon} />}\n        nativeButton={false}\n        openOnHover={true}\n        aria-label={label != null ? `Info about ${label}` : \"More information\"}\n      >\n        <InfoSign size={12} />\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Positioner sideOffset={4}>\n          <Popover.Popup className={styles.osdkFormFieldInfoPopup}>\n            {children}\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/FormField.module.css

@@ -44,6 +44,23 @@
   display: flex;
   align-items: center;
   gap: var(--osdk-form-label-row-gap);
+  /* Reserve the edited pill's block size so showing it does not grow the label row. */
+  min-block-size: var(--osdk-form-label-row-min-block-size);
+}
+
+.osdkFormFieldEditedTag {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  padding-block: var(--osdk-form-edited-tag-padding-block);
+  padding-inline: var(--osdk-form-edited-tag-padding-inline);
+  border-radius: var(--osdk-form-edited-tag-border-radius);
+  background-color: var(--osdk-form-edited-tag-bg);
+  color: var(--osdk-form-edited-tag-color);
+  font-size: var(--osdk-form-edited-tag-font-size);
+  font-weight: var(--osdk-form-edited-tag-font-weight);
+  line-height: var(--osdk-form-edited-tag-line-height);
 }
 
 .osdkFormFieldInfoIcon {

package/build/browser/action-form/FormField.module.css.js

@@ -6,6 +6,7 @@ const styles = {
   "osdkFormFieldError": "FormField-module__osdkFormFieldError___VYf8-K5I",
   "osdkFormFieldErrorSlot": "FormField-module__osdkFormFieldErrorSlot___6kJW7FnJ",
   "osdkFormFieldLabelRow": "FormField-module__osdkFormFieldLabelRow___RXG0mixo",
+  "osdkFormFieldEditedTag": "FormField-module__osdkFormFieldEditedTag___Kx4N62b7",
   "osdkFormFieldInfoIcon": "FormField-module__osdkFormFieldInfoIcon___p4UK4WxM",
   "osdkFormFieldInfoPopup": "FormField-module__osdkFormFieldInfoPopup___vSWWPRsu",
   "osdkFormFieldHelperText": "FormField-module__osdkFormFieldHelperText___awLgHOsQ"

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useCallback, useMemo, useState } from "react";
 import { useController } from "react-hook-form";
 import { extractValidationRules } from "../utils/extractValidationRules.js";
 import { FormFieldRenderer } from "./FormFieldRenderer.js";
@@ -42,8 +42,13 @@ export const FieldBridge = /*#__PURE__*/memo(function ({
   });
   const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
   const isDropdown = fieldDef.fieldComponent === "DROPDOWN";
+  // RHF's touched state is blur-based and dirty state is value-comparison
+  // based. The tag represents an actual user edit, so set it from the
+  // field change path and keep it visible even if the value is restored.
+  const [isEdited, setIsEdited] = useState(false);
   const handleChange = useCallback(newValue => {
     onChange(newValue);
+    setIsEdited(true);
     onExternalChange?.(fieldDef.fieldKey, newValue);
     // Select-like fields are "pick once" interactions — mark as touched
     // immediately so RHF revalidates (clears errors) on selection rather
@@ -72,6 +77,7 @@ export const FieldBridge = /*#__PURE__*/memo(function ({
     ,
     onBlur: isDropdown ? undefined : handleBlur,
     onFieldBlur: isDropdown ? onBlur : undefined,
+    isEdited: isEdited,
     error: fieldError?.message,
     portalContainer: portalContainer
   });

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBridge.js","names":["React","memo","useCallback","useMemo","useController","extractValidationRules","FormFieldRenderer","SELECT_LIKE_FIELDS","Set","FieldBridge","fieldDef","control","onExternalChange","portalContainer","rules","field","onChange","onBlur","value","fieldState","error","fieldError","name","fieldKey","isSelectLike","has","fieldComponent","isDropdown","handleChange","newValue","handleBlur","e","currentTarget","contains","relatedTarget","createElement","fieldDefinition","onFieldValueChange","undefined","onFieldBlur","message"],"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, useMemo } from \"react\";\nimport type { Control } from \"react-hook-form\";\nimport { useController } from \"react-hook-form\";\nimport type {\n  FieldComponent,\n  PortalContainer,\n  RendererFieldDefinition,\n} from \"../FormFieldApi.js\";\nimport { extractValidationRules } from \"../utils/extractValidationRules.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  portalContainer?: PortalContainer;\n}\nconst SELECT_LIKE_FIELDS: ReadonlySet<FieldComponent> = new Set<FieldComponent>(\n  [\n    \"RADIO_BUTTONS\",\n    \"SWITCH\",\n  ],\n);\n\nexport const FieldBridge: React.FC<FieldBridgeProps> = memo(\n  function FieldBridgeFn({\n    fieldDef,\n    control,\n    onExternalChange,\n    portalContainer,\n  }: FieldBridgeProps): React.ReactElement {\n    const rules = useMemo(\n      () => extractValidationRules(fieldDef),\n      [fieldDef],\n    );\n\n    const {\n      field: { onChange, onBlur, value },\n      fieldState: { error: fieldError },\n    } = useController({\n      name: fieldDef.fieldKey,\n      control,\n      rules,\n    });\n\n    const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);\n    const isDropdown = fieldDef.fieldComponent === \"DROPDOWN\";\n\n    const handleChange = useCallback(\n      (newValue: unknown) => {\n        onChange(newValue);\n        onExternalChange?.(fieldDef.fieldKey, newValue);\n        // Select-like fields are \"pick once\" interactions — mark as touched\n        // immediately so RHF revalidates (clears errors) on selection rather\n        // than waiting for focus to leave the container.\n        if (isSelectLike) {\n          onBlur();\n        }\n      },\n      [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike],\n    );\n\n    // Ignore blur events where focus stays within the field container\n    // (e.g. moving between radio buttons in a group). Only fire RHF's\n    // onBlur when focus truly leaves the field.\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget)) {\n          return;\n        }\n        onBlur();\n      },\n      [onBlur],\n    );\n\n    return (\n      <FormFieldRenderer\n        value={value}\n        fieldDefinition={fieldDef}\n        onFieldValueChange={handleChange}\n        // Dropdown fields own their blur signal because their popover renders\n        // in a portal outside the container div — the container-level blur\n        // would fire prematurely when the popover opens.\n        onBlur={isDropdown ? undefined : handleBlur}\n        onFieldBlur={isDropdown ? onBlur : undefined}\n        error={fieldError?.message}\n        portalContainer={portalContainer}\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,EAAEC,OAAO,QAAQ,OAAO;AAEzD,SAASC,aAAa,QAAQ,iBAAiB;AAM/C,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SAASC,iBAAiB,QAAQ,wBAAwB;AAQ1D,MAAMC,kBAA+C,GAAG,IAAIC,GAAG,CAC7D,CACE,eAAe,EACf,QAAQ,CAEZ,CAAC;AAED,OAAO,MAAMC,WAAuC,gBAAGR,IAAI,CACzD,UAAuB;EACrBS,QAAQ;EACRC,OAAO;EACPC,gBAAgB;EAChBC;AACgB,CAAC,EAAsB;EACvC,MAAMC,KAAK,GAAGX,OAAO,CACnB,MAAME,sBAAsB,CAACK,QAAQ,CAAC,EACtC,CAACA,QAAQ,CACX,CAAC;EAED,MAAM;IACJK,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAM,CAAC;IAClCC,UAAU,EAAE;MAAEC,KAAK,EAAEC;IAAW;EAClC,CAAC,GAAGjB,aAAa,CAAC;IAChBkB,IAAI,EAAEZ,QAAQ,CAACa,QAAQ;IACvBZ,OAAO;IACPG;EACF,CAAC,CAAC;EAEF,MAAMU,YAAY,GAAGjB,kBAAkB,CAACkB,GAAG,CAACf,QAAQ,CAACgB,cAAc,CAAC;EACpE,MAAMC,UAAU,GAAGjB,QAAQ,CAACgB,cAAc,KAAK,UAAU;EAEzD,MAAME,YAAY,GAAG1B,WAAW,CAC7B2B,QAAiB,IAAK;IACrBb,QAAQ,CAACa,QAAQ,CAAC;IAClBjB,gBAAgB,GAAGF,QAAQ,CAACa,QAAQ,EAAEM,QAAQ,CAAC;IAC/C;IACA;IACA;IACA,IAAIL,YAAY,EAAE;MAChBP,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,MAAM,EAAEL,gBAAgB,EAAEF,QAAQ,CAACa,QAAQ,EAAEC,YAAY,CACtE,CAAC;;EAED;EACA;EACA;EACA,MAAMM,UAAU,GAAG5B,WAAW,CAC3B6B,CAAmC,IAAK;IACvC,IAAIA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,aAAa,CAAC,EAAE;MAC7C;IACF;IACAjB,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACA,MAAM,CACT,CAAC;EAED,oBACEjB,KAAA,CAAAmC,aAAA,CAAC7B,iBAAiB;IAChBY,KAAK,EAAEA,KAAM;IACbkB,eAAe,EAAE1B,QAAS;IAC1B2B,kBAAkB,EAAET;IACpB;IACA;IACA;IAAA;IACAX,MAAM,EAAEU,UAAU,GAAGW,SAAS,GAAGR,UAAW;IAC5CS,WAAW,EAAEZ,UAAU,GAAGV,MAAM,GAAGqB,SAAU;IAC7ClB,KAAK,EAAEC,UAAU,EAAEmB,OAAQ;IAC3B3B,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"FieldBridge.js","names":["React","memo","useCallback","useMemo","useState","useController","extractValidationRules","FormFieldRenderer","SELECT_LIKE_FIELDS","Set","FieldBridge","fieldDef","control","onExternalChange","portalContainer","rules","field","onChange","onBlur","value","fieldState","error","fieldError","name","fieldKey","isSelectLike","has","fieldComponent","isDropdown","isEdited","setIsEdited","handleChange","newValue","handleBlur","e","currentTarget","contains","relatedTarget","createElement","fieldDefinition","onFieldValueChange","undefined","onFieldBlur","message"],"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, useMemo, useState } from \"react\";\nimport type { Control } from \"react-hook-form\";\nimport { useController } from \"react-hook-form\";\nimport type {\n  FieldComponent,\n  PortalContainer,\n  RendererFieldDefinition,\n} from \"../FormFieldApi.js\";\nimport { extractValidationRules } from \"../utils/extractValidationRules.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  portalContainer?: PortalContainer;\n}\nconst SELECT_LIKE_FIELDS: ReadonlySet<FieldComponent> = new Set<FieldComponent>(\n  [\"RADIO_BUTTONS\", \"SWITCH\"],\n);\n\nexport const FieldBridge: React.FC<FieldBridgeProps> = memo(\n  function FieldBridgeFn({\n    fieldDef,\n    control,\n    onExternalChange,\n    portalContainer,\n  }: FieldBridgeProps): React.ReactElement {\n    const rules = useMemo(() => extractValidationRules(fieldDef), [fieldDef]);\n\n    const {\n      field: { onChange, onBlur, value },\n      fieldState: { error: fieldError },\n    } = useController({\n      name: fieldDef.fieldKey,\n      control,\n      rules,\n    });\n\n    const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);\n    const isDropdown = fieldDef.fieldComponent === \"DROPDOWN\";\n    // RHF's touched state is blur-based and dirty state is value-comparison\n    // based. The tag represents an actual user edit, so set it from the\n    // field change path and keep it visible even if the value is restored.\n    const [isEdited, setIsEdited] = useState(false);\n\n    const handleChange = useCallback(\n      (newValue: unknown) => {\n        onChange(newValue);\n        setIsEdited(true);\n        onExternalChange?.(fieldDef.fieldKey, newValue);\n        // Select-like fields are \"pick once\" interactions — mark as touched\n        // immediately so RHF revalidates (clears errors) on selection rather\n        // than waiting for focus to leave the container.\n        if (isSelectLike) {\n          onBlur();\n        }\n      },\n      [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike],\n    );\n\n    // Ignore blur events where focus stays within the field container\n    // (e.g. moving between radio buttons in a group). Only fire RHF's\n    // onBlur when focus truly leaves the field.\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLDivElement>) => {\n        if (e.currentTarget.contains(e.relatedTarget)) {\n          return;\n        }\n        onBlur();\n      },\n      [onBlur],\n    );\n\n    return (\n      <FormFieldRenderer\n        value={value}\n        fieldDefinition={fieldDef}\n        onFieldValueChange={handleChange}\n        // Dropdown fields own their blur signal because their popover renders\n        // in a portal outside the container div — the container-level blur\n        // would fire prematurely when the popover opens.\n        onBlur={isDropdown ? undefined : handleBlur}\n        onFieldBlur={isDropdown ? onBlur : undefined}\n        isEdited={isEdited}\n        error={fieldError?.message}\n        portalContainer={portalContainer}\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,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEnE,SAASC,aAAa,QAAQ,iBAAiB;AAM/C,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SAASC,iBAAiB,QAAQ,wBAAwB;AAQ1D,MAAMC,kBAA+C,GAAG,IAAIC,GAAG,CAC7D,CAAC,eAAe,EAAE,QAAQ,CAC5B,CAAC;AAED,OAAO,MAAMC,WAAuC,gBAAGT,IAAI,CACzD,UAAuB;EACrBU,QAAQ;EACRC,OAAO;EACPC,gBAAgB;EAChBC;AACgB,CAAC,EAAsB;EACvC,MAAMC,KAAK,GAAGZ,OAAO,CAAC,MAAMG,sBAAsB,CAACK,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEzE,MAAM;IACJK,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAM,CAAC;IAClCC,UAAU,EAAE;MAAEC,KAAK,EAAEC;IAAW;EAClC,CAAC,GAAGjB,aAAa,CAAC;IAChBkB,IAAI,EAAEZ,QAAQ,CAACa,QAAQ;IACvBZ,OAAO;IACPG;EACF,CAAC,CAAC;EAEF,MAAMU,YAAY,GAAGjB,kBAAkB,CAACkB,GAAG,CAACf,QAAQ,CAACgB,cAAc,CAAC;EACpE,MAAMC,UAAU,GAAGjB,QAAQ,CAACgB,cAAc,KAAK,UAAU;EACzD;EACA;EACA;EACA,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAM2B,YAAY,GAAG7B,WAAW,CAC7B8B,QAAiB,IAAK;IACrBf,QAAQ,CAACe,QAAQ,CAAC;IAClBF,WAAW,CAAC,IAAI,CAAC;IACjBjB,gBAAgB,GAAGF,QAAQ,CAACa,QAAQ,EAAEQ,QAAQ,CAAC;IAC/C;IACA;IACA;IACA,IAAIP,YAAY,EAAE;MAChBP,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,MAAM,EAAEL,gBAAgB,EAAEF,QAAQ,CAACa,QAAQ,EAAEC,YAAY,CACtE,CAAC;;EAED;EACA;EACA;EACA,MAAMQ,UAAU,GAAG/B,WAAW,CAC3BgC,CAAmC,IAAK;IACvC,IAAIA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,aAAa,CAAC,EAAE;MAC7C;IACF;IACAnB,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACA,MAAM,CACT,CAAC;EAED,oBACElB,KAAA,CAAAsC,aAAA,CAAC/B,iBAAiB;IAChBY,KAAK,EAAEA,KAAM;IACboB,eAAe,EAAE5B,QAAS;IAC1B6B,kBAAkB,EAAET;IACpB;IACA;IACA;IAAA;IACAb,MAAM,EAAEU,UAAU,GAAGa,SAAS,GAAGR,UAAW;IAC5CS,WAAW,EAAEd,UAAU,GAAGV,MAAM,GAAGuB,SAAU;IAC7CZ,QAAQ,EAAEA,QAAS;IACnBR,KAAK,EAAEC,UAAU,EAAEqB,OAAQ;IAC3B7B,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

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

@@ -35,6 +35,7 @@ export const FormFieldRenderer = /*#__PURE__*/memo(function ({
   onFieldValueChange,
   onBlur,
   onFieldBlur,
+  isEdited,
   error,
   portalContainer
 }) {
@@ -50,6 +51,7 @@ export const FormFieldRenderer = /*#__PURE__*/memo(function ({
     fieldKey: fieldDefinition.fieldKey,
     helperText: helperText,
     helperTextPlacement: helperTextPlacement,
+    isEdited: isEdited,
     error: error,
     onBlur: onBlur
   }, renderFieldComponent(fieldDefinition, value, onFieldValueChange, error, portalContainer, onFieldBlur));

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","DatePicker","DateRangePicker","EMPTY_RANGE","FormField","CustomField","DropdownField","FilePickerField","NumberInputField","ObjectSelectField","ObjectSetField","RadioButtonsField","SwitchField","TextAreaField","TextInputField","UNSUPPORTED_FIELD_MESSAGE","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","onBlur","onFieldBlur","error","portalContainer","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","renderFieldComponent","onChange","fieldComponent","_extends","id","coerceToDateRange","placeholderStart","placeholder","fieldComponentProps","resolvePortalContainer","String","disabled","Date","coerceToFileValue","narrowToOsdkObject","assertUnreachableFieldComponent","formPortalContainer","Object","hasOwn","Array","isArray","length","start","end","isFileArray","every","v","File","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 type { ObjectTypeDefinition, Osdk } from \"@osdk/api\";\nimport React, { memo } from \"react\";\nimport {\n  DatePicker,\n  type DateRange,\n  DateRangePicker,\n  EMPTY_RANGE,\n} from \"../../shared/calendar/index.js\";\nimport { FormField } from \"../FormField.js\";\nimport {\n  type PortalContainer,\n  type RendererFieldDefinition,\n} from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { FilePickerField } from \"./FilePickerField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { ObjectSelectField } from \"./ObjectSelectField.js\";\nimport { ObjectSetField } from \"./ObjectSetField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { SwitchField } from \"./SwitchField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nconst UNSUPPORTED_FIELD_MESSAGE =\n  \"Unsupported field type. Use a CUSTOM field instead\";\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n  onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;\n  /** Field-level blur for fields that own their touched state (e.g. dropdowns). */\n  onFieldBlur?: () => void;\n  error: string | undefined;\n  portalContainer?: PortalContainer;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n    onBlur,\n    onFieldBlur,\n    error,\n    portalContainer,\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={helperText}\n        helperTextPlacement={helperTextPlacement}\n        error={error}\n        onBlur={onBlur}\n      >\n        {renderFieldComponent(\n          fieldDefinition,\n          value,\n          onFieldValueChange,\n          error,\n          portalContainer,\n          onFieldBlur,\n        )}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n  error: string | undefined,\n  portalContainer: PortalContainer | undefined,\n  onFieldBlur: (() => void) | undefined,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"DATE_RANGE_INPUT\":\n      return (\n        <DateRangePicker\n          id={fieldDefinition.fieldKey}\n          value={coerceToDateRange(value)}\n          onChange={onChange}\n          placeholderStart={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"UNSUPPORTED\":\n      return (\n        <TextInputField\n          {...fieldDefinition.fieldComponentProps}\n          id={fieldDefinition.fieldKey}\n          value={UNSUPPORTED_FIELD_MESSAGE}\n          error={error}\n          disabled={true}\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      return (\n        <DropdownField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n          onBlur={onFieldBlur}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatePicker\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\n    case \"RADIO_BUTTONS\":\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"SWITCH\":\n      return (\n        <SwitchField\n          id={fieldDefinition.fieldKey}\n          label={fieldDefinition.label}\n          value={!!value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\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          error={error}\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"OBJECT_SELECT\":\n      return (\n        <ObjectSelectField\n          id={fieldDefinition.fieldKey}\n          value={narrowToOsdkObject(value)}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\n    case \"OBJECT_SET\":\n      return (\n        <ObjectSetField\n          id={fieldDefinition.fieldKey}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\nfunction resolvePortalContainer(\n  fieldComponentProps: { portalContainer?: PortalContainer },\n  formPortalContainer: PortalContainer | undefined,\n): PortalContainer | undefined {\n  // A field-level value, including null, is an explicit override. That lets a\n  // single field opt out of a form-level dialog portal when needed.\n  return Object.hasOwn(fieldComponentProps, \"portalContainer\")\n    ? fieldComponentProps.portalContainer\n    : formPortalContainer;\n}\n\nfunction coerceToDateRange(value: unknown): DateRange {\n  if (!Array.isArray(value) || value.length !== 2) return EMPTY_RANGE;\n  const start = value[0] instanceof Date ? value[0] : null;\n  const end = value[1] instanceof Date ? value[1] : null;\n  if (start == null && end == null) return EMPTY_RANGE;\n  return [start, end];\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\n/** Narrows the untyped form value to an OsdkObject by checking for $primaryKey. */\nfunction narrowToOsdkObject(\n  value: unknown,\n): Osdk.Instance<ObjectTypeDefinition> | null {\n  if (value != null && typeof value === \"object\" && \"$primaryKey\" in value) {\n    return value as Osdk.Instance<ObjectTypeDefinition>;\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":[]}
+{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","DatePicker","DateRangePicker","EMPTY_RANGE","FormField","CustomField","DropdownField","FilePickerField","NumberInputField","ObjectSelectField","ObjectSetField","RadioButtonsField","SwitchField","TextAreaField","TextInputField","UNSUPPORTED_FIELD_MESSAGE","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","onBlur","onFieldBlur","isEdited","error","portalContainer","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","renderFieldComponent","onChange","fieldComponent","_extends","id","coerceToDateRange","placeholderStart","placeholder","fieldComponentProps","resolvePortalContainer","String","disabled","Date","coerceToFileValue","narrowToOsdkObject","assertUnreachableFieldComponent","formPortalContainer","Object","hasOwn","Array","isArray","length","start","end","isFileArray","every","v","File","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 type { ObjectTypeDefinition, Osdk } from \"@osdk/api\";\nimport React, { memo } from \"react\";\nimport {\n  DatePicker,\n  type DateRange,\n  DateRangePicker,\n  EMPTY_RANGE,\n} from \"../../shared/calendar/index.js\";\nimport { FormField } from \"../FormField.js\";\nimport {\n  type PortalContainer,\n  type RendererFieldDefinition,\n} from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { FilePickerField } from \"./FilePickerField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { ObjectSelectField } from \"./ObjectSelectField.js\";\nimport { ObjectSetField } from \"./ObjectSetField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { SwitchField } from \"./SwitchField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nconst UNSUPPORTED_FIELD_MESSAGE =\n  \"Unsupported field type. Use a CUSTOM field instead\";\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n  onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;\n  /** Field-level blur for fields that own their touched state (e.g. dropdowns). */\n  onFieldBlur?: () => void;\n  isEdited: boolean;\n  error: string | undefined;\n  portalContainer?: PortalContainer;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n    onBlur,\n    onFieldBlur,\n    isEdited,\n    error,\n    portalContainer,\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={helperText}\n        helperTextPlacement={helperTextPlacement}\n        isEdited={isEdited}\n        error={error}\n        onBlur={onBlur}\n      >\n        {renderFieldComponent(\n          fieldDefinition,\n          value,\n          onFieldValueChange,\n          error,\n          portalContainer,\n          onFieldBlur,\n        )}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n  error: string | undefined,\n  portalContainer: PortalContainer | undefined,\n  onFieldBlur: (() => void) | undefined,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"DATE_RANGE_INPUT\":\n      return (\n        <DateRangePicker\n          id={fieldDefinition.fieldKey}\n          value={coerceToDateRange(value)}\n          onChange={onChange}\n          placeholderStart={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"UNSUPPORTED\":\n      return (\n        <TextInputField\n          {...fieldDefinition.fieldComponentProps}\n          id={fieldDefinition.fieldKey}\n          value={UNSUPPORTED_FIELD_MESSAGE}\n          error={error}\n          disabled={true}\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      return (\n        <DropdownField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n          onBlur={onFieldBlur}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatePicker\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\n    case \"RADIO_BUTTONS\":\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"SWITCH\":\n      return (\n        <SwitchField\n          id={fieldDefinition.fieldKey}\n          label={fieldDefinition.label}\n          value={!!value}\n          onChange={onChange}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          error={error}\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          error={error}\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          error={error}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"OBJECT_SELECT\":\n      return (\n        <ObjectSelectField\n          id={fieldDefinition.fieldKey}\n          value={narrowToOsdkObject(value)}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          error={error}\n          {...fieldDefinition.fieldComponentProps}\n          portalContainer={resolvePortalContainer(\n            fieldDefinition.fieldComponentProps,\n            portalContainer,\n          )}\n        />\n      );\n    case \"OBJECT_SET\":\n      return (\n        <ObjectSetField\n          id={fieldDefinition.fieldKey}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\nfunction resolvePortalContainer(\n  fieldComponentProps: { portalContainer?: PortalContainer },\n  formPortalContainer: PortalContainer | undefined,\n): PortalContainer | undefined {\n  // A field-level value, including null, is an explicit override. That lets a\n  // single field opt out of a form-level dialog portal when needed.\n  return Object.hasOwn(fieldComponentProps, \"portalContainer\")\n    ? fieldComponentProps.portalContainer\n    : formPortalContainer;\n}\n\nfunction coerceToDateRange(value: unknown): DateRange {\n  if (!Array.isArray(value) || value.length !== 2) return EMPTY_RANGE;\n  const start = value[0] instanceof Date ? value[0] : null;\n  const end = value[1] instanceof Date ? value[1] : null;\n  if (start == null && end == null) return EMPTY_RANGE;\n  return [start, end];\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\n/** Narrows the untyped form value to an OsdkObject by checking for $primaryKey. */\nfunction narrowToOsdkObject(\n  value: unknown,\n): Osdk.Instance<ObjectTypeDefinition> | null {\n  if (value != null && typeof value === \"object\" && \"$primaryKey\" in value) {\n    return value as Osdk.Instance<ObjectTypeDefinition>;\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/styles.css

@@ -1780,6 +1780,27 @@
   );
   --osdk-form-error-color: var(--osdk-typography-color-danger-rest);
 
+  /* Edited tag */
+  --osdk-form-edited-tag-bg: var(--osdk-custom-color-gray-2);
+  --osdk-form-edited-tag-color: var(--osdk-typography-color-default-rest);
+  --osdk-form-edited-tag-font-size: var(--osdk-typography-size-body-small);
+  --osdk-form-edited-tag-font-weight: var(--osdk-typography-weight-bold);
+  --osdk-form-edited-tag-line-height: var(
+    --osdk-typography-line-height-default
+  );
+  --osdk-form-edited-tag-padding-block: calc(var(--osdk-surface-spacing) * 0.5);
+  --osdk-form-edited-tag-padding-inline: calc(
+    var(--osdk-surface-spacing) * 1.5
+  );
+  --osdk-form-edited-tag-border-radius: var(--osdk-surface-border-radius);
+
+  /* Label row reserved height (accounts for edited tag) to avoid layout shift */
+  --osdk-form-label-row-min-block-size: calc(
+    var(--osdk-form-edited-tag-font-size) *
+      var(--osdk-form-edited-tag-line-height) +
+      var(--osdk-form-edited-tag-padding-block) * 2
+  );
+
   /* Form footer error indicator */
   --osdk-form-footer-error-color: var(--osdk-form-error-color);
   --osdk-form-footer-error-font-size: var(--osdk-typography-size-body-medium);
@@ -2283,6 +2304,23 @@
   display: flex;
   align-items: center;
   gap: var(--osdk-form-label-row-gap);
+  /* Reserve the edited pill's block size so showing it does not grow the label row. */
+  min-block-size: var(--osdk-form-label-row-min-block-size);
+}
+
+.FormField-module__osdkFormFieldEditedTag___Kx4N62b7 {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  padding-block: var(--osdk-form-edited-tag-padding-block);
+  padding-inline: var(--osdk-form-edited-tag-padding-inline);
+  border-radius: var(--osdk-form-edited-tag-border-radius);
+  background-color: var(--osdk-form-edited-tag-bg);
+  color: var(--osdk-form-edited-tag-color);
+  font-size: var(--osdk-form-edited-tag-font-size);
+  font-weight: var(--osdk-form-edited-tag-font-weight);
+  line-height: var(--osdk-form-edited-tag-line-height);
 }
 
 .FormField-module__osdkFormFieldInfoIcon___p4UK4WxM {

package/build/browser/tokens/component-tokens/form.css

@@ -44,6 +44,27 @@
   );
   --osdk-form-error-color: var(--osdk-typography-color-danger-rest);
 
+  /* Edited tag */
+  --osdk-form-edited-tag-bg: var(--osdk-custom-color-gray-2);
+  --osdk-form-edited-tag-color: var(--osdk-typography-color-default-rest);
+  --osdk-form-edited-tag-font-size: var(--osdk-typography-size-body-small);
+  --osdk-form-edited-tag-font-weight: var(--osdk-typography-weight-bold);
+  --osdk-form-edited-tag-line-height: var(
+    --osdk-typography-line-height-default
+  );
+  --osdk-form-edited-tag-padding-block: calc(var(--osdk-surface-spacing) * 0.5);
+  --osdk-form-edited-tag-padding-inline: calc(
+    var(--osdk-surface-spacing) * 1.5
+  );
+  --osdk-form-edited-tag-border-radius: var(--osdk-surface-border-radius);
+
+  /* Label row reserved height (accounts for edited tag) to avoid layout shift */
+  --osdk-form-label-row-min-block-size: calc(
+    var(--osdk-form-edited-tag-font-size) *
+      var(--osdk-form-edited-tag-line-height) +
+      var(--osdk-form-edited-tag-padding-block) * 2
+  );
+
   /* Form footer error indicator */
   --osdk-form-footer-error-color: var(--osdk-form-error-color);
   --osdk-form-footer-error-font-size: var(--osdk-typography-size-body-medium);

package/build/browser/util/UserAgent.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-const PACKAGE_USER_AGENT = `osdk-react-components/${"0.18.0-main-1f635101dcdf13bf3201bcaa21c641715744dbb6"}`;
+const PACKAGE_USER_AGENT = `osdk-react-components/${"0.18.0"}`;
 export function componentUserAgent(componentName) {
   return `${PACKAGE_USER_AGENT}/${componentName}`;
 }

package/build/browser/util/UserAgent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"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\nconst PACKAGE_USER_AGENT =\n  `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n  return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,iFAAsD;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}
+{"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"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\nconst PACKAGE_USER_AGENT =\n  `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n  return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GACtB,mCAAsD;AAExD,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}

package/build/cjs/{chunk-T535MGC4.cjs → chunk-3ZTI3X34.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunkIISDOJPR_cjs = require('./chunk-IISDOJPR.cjs');
-var chunk2OWD7MYY_cjs = require('./chunk-2OWD7MYY.cjs');
+var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
 
 // src/public/experimental/tiff-renderer.ts
-var TiffViewerMedia2 = chunk2OWD7MYY_cjs.withOsdkMetrics(chunkIISDOJPR_cjs.TiffViewerMedia, "TiffViewerMedia");
+var TiffViewerMedia2 = chunkGU5FOAQH_cjs.withOsdkMetrics(chunkIISDOJPR_cjs.TiffViewerMedia, "TiffViewerMedia");
 
 exports.TiffViewerMedia = TiffViewerMedia2;
-//# sourceMappingURL=chunk-T535MGC4.cjs.map
-//# sourceMappingURL=chunk-T535MGC4.cjs.map
+//# sourceMappingURL=chunk-3ZTI3X34.cjs.map
+//# sourceMappingURL=chunk-3ZTI3X34.cjs.map

package/build/cjs/{chunk-T535MGC4.cjs.map → chunk-3ZTI3X34.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/public/experimental/tiff-renderer.ts"],"names":["TiffViewerMedia","withOsdkMetrics"],"mappings":";;;;;;AAqBO,IAAMA,gBAAAA,GAAkBC,iCAAA,CAAgBD,iCAAA,EAAkB,iBAAiB","file":"chunk-T535MGC4.cjs","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\n// TiffRenderer\nexport { TiffRenderer } from \"../../images/tiff-renderer/TiffRenderer.js\";\n// TiffViewerMedia (Media wrapper)\nimport { TiffViewerMedia as _TiffViewerMedia } from \"../../images/tiff-renderer/TiffViewerMedia.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const TiffViewerMedia = withOsdkMetrics(_TiffViewerMedia, \"TiffViewerMedia\");"]}
+{"version":3,"sources":["../../src/public/experimental/tiff-renderer.ts"],"names":["TiffViewerMedia","withOsdkMetrics"],"mappings":";;;;;;AAqBO,IAAMA,gBAAAA,GAAkBC,iCAAA,CAAgBD,iCAAA,EAAkB,iBAAiB","file":"chunk-3ZTI3X34.cjs","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\n// TiffRenderer\nexport { TiffRenderer } from \"../../images/tiff-renderer/TiffRenderer.js\";\n// TiffViewerMedia (Media wrapper)\nimport { TiffViewerMedia as _TiffViewerMedia } from \"../../images/tiff-renderer/TiffViewerMedia.js\";\nimport { withOsdkMetrics } from \"../../util/withOsdkMetrics.js\";\nexport const TiffViewerMedia = withOsdkMetrics(_TiffViewerMedia, \"TiffViewerMedia\");"]}

package/build/cjs/{chunk-3MZS45DK.cjs → chunk-4VBZDFNF.cjs}

@@ -7,7 +7,7 @@ var chunkHNBSGCSZ_cjs = require('./chunk-HNBSGCSZ.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkMD4KDE44_cjs = require('./chunk-MD4KDE44.cjs');
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunk2OWD7MYY_cjs = require('./chunk-2OWD7MYY.cjs');
+var chunkGU5FOAQH_cjs = require('./chunk-GU5FOAQH.cjs');
 var react = require('@osdk/react');
 var React17 = require('react');
 var icons = require('@blueprintjs/icons');
@@ -236,6 +236,7 @@ var FormField = /* @__PURE__ */ React17.memo(function FormFieldFn({
   isRequired,
   helperText,
   helperTextPlacement = "tooltip",
+  isEdited,
   error,
   onBlur,
   children
@@ -243,6 +244,7 @@ var FormField = /* @__PURE__ */ React17.memo(function FormFieldFn({
   const hasHelperText = helperText != null && helperText !== "";
   const showTooltip = hasHelperText && helperTextPlacement === "tooltip";
   const showBottomText = hasHelperText && helperTextPlacement === "bottom";
+  const showEditedTag = isEdited === true;
   const labelElement = label != null ? /* @__PURE__ */ React17__default.default.createElement("label", {
     className: FormField_default.osdkFormFieldLabel,
     htmlFor: fieldKey
@@ -250,14 +252,17 @@ var FormField = /* @__PURE__ */ React17.memo(function FormFieldFn({
     className: FormField_default.osdkFormFieldRequired,
     "aria-label": "required"
   }, " ", "*")) : null;
+  const labelRow = labelElement != null || showTooltip || showEditedTag ? /* @__PURE__ */ React17__default.default.createElement("div", {
+    className: FormField_default.osdkFormFieldLabelRow
+  }, labelElement, showTooltip && /* @__PURE__ */ React17__default.default.createElement(InfoTip, {
+    label
+  }, helperText), showEditedTag && /* @__PURE__ */ React17__default.default.createElement("span", {
+    className: FormField_default.osdkFormFieldEditedTag
+  }, "Edited")) : null;
   return /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormField,
     onBlur
-  }, showTooltip ? /* @__PURE__ */ React17__default.default.createElement("div", {
-    className: FormField_default.osdkFormFieldLabelRow
-  }, labelElement, /* @__PURE__ */ React17__default.default.createElement(InfoTip, {
-    label
-  }, helperText)) : labelElement, showBottomText && /* @__PURE__ */ React17__default.default.createElement("div", {
+  }, labelRow, showBottomText && /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldHelperText
   }, helperText), children, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldErrorSlot,
@@ -1021,6 +1026,7 @@ var FormFieldRenderer = /* @__PURE__ */ React17.memo(function FormFieldRendererF
   onFieldValueChange,
   onBlur,
   onFieldBlur,
+  isEdited,
   error,
   portalContainer
 }) {
@@ -1036,6 +1042,7 @@ var FormFieldRenderer = /* @__PURE__ */ React17.memo(function FormFieldRendererF
     fieldKey: fieldDefinition.fieldKey,
     helperText,
     helperTextPlacement,
+    isEdited,
     error,
     onBlur
   }, renderFieldComponent(fieldDefinition, value, onFieldValueChange, error, portalContainer, onFieldBlur));
@@ -1208,8 +1215,10 @@ var FieldBridge = /* @__PURE__ */ React17.memo(function FieldBridgeFn({
   });
   const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
   const isDropdown = fieldDef.fieldComponent === "DROPDOWN";
+  const [isEdited, setIsEdited] = React17.useState(false);
   const handleChange = React17.useCallback((newValue) => {
     onChange(newValue);
+    setIsEdited(true);
     onExternalChange?.(fieldDef.fieldKey, newValue);
     if (isSelectLike) {
       onBlur();
@@ -1227,6 +1236,7 @@ var FieldBridge = /* @__PURE__ */ React17.memo(function FieldBridgeFn({
     onFieldValueChange: handleChange,
     onBlur: isDropdown ? void 0 : handleBlur,
     onFieldBlur: isDropdown ? onBlur : void 0,
+    isEdited,
     error: fieldError?.message,
     portalContainer
   });
@@ -1798,9 +1808,9 @@ var ActionForm = chunkFXEPNL5K_cjs.typedReactMemo(function ActionFormFn({
 });
 
 // src/public/experimental/action-form.ts
-var ActionForm2 = chunk2OWD7MYY_cjs.withOsdkMetrics(ActionForm, "ActionForm");
+var ActionForm2 = chunkGU5FOAQH_cjs.withOsdkMetrics(ActionForm, "ActionForm");
 
 exports.ActionForm = ActionForm2;
 exports.BaseForm = BaseForm;
-//# sourceMappingURL=chunk-3MZS45DK.cjs.map
-//# sourceMappingURL=chunk-3MZS45DK.cjs.map
+//# sourceMappingURL=chunk-4VBZDFNF.cjs.map
+//# sourceMappingURL=chunk-4VBZDFNF.cjs.map