sanity 5.3.0-next.15 → 5.3.0-next.16

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.3.0-next.15+fd350a7a71", peerDependencies = {
+var version = "5.3.0-next.16+0e6cb2006d", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/version.js

@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.3.0-next.15+fd350a7a71";
+  "5.3.0-next.16+0e6cb2006d";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import * as PathUtils from "@sanity/util/paths";
-import { toString, FOCUS_TERMINATOR, startsWith, isEqual as isEqual$3, pathFor, get as get$1, trimLeft, trimChildPath as trimChildPath$1, fromString } from "@sanity/util/paths";
+import { toString, FOCUS_TERMINATOR, startsWith, isEqual as isEqual$3, pathFor, get as get$1, trimLeft, fromString, trimChildPath as trimChildPath$1 } from "@sanity/util/paths";
 import React, { forwardRef, useRef, useState, useId, useCallback, useMemo, useImperativeHandle, useEffect, isValidElement, Fragment, cloneElement, memo, useContext, useSyncExternalStore, Suspense, useReducer, startTransition, Component, useLayoutEffect, useEffectEvent, createContext, useDebugValue, PureComponent, Children, useTransition, useInsertionEffect, lazy, useDeferredValue, version, StrictMode } from "react";
 import deepEquals from "react-fast-compare";
 import { WorkspacesContext, LocaleContext, MediaLibraryIdsContext, PerspectiveContext, UserColorManagerContext, ResourceCacheContext, EventsContext, WorkspaceContext, DocumentChangeContext, ReviewChangesContext, DiffContext, PresenceContext, FormBuilderContext, ValidationContext, PortableTextMarkersContext, PortableTextMemberItemsContext, ChangeIndicatorTrackerContextStore, ChangeIndicatorTrackerContextGetSnapshot, FormCallbacksContext, ReferenceInputOptionsContext, DocumentIdContext, HoveredFieldContext, FieldActionsContext, FormValueContext, ReferenceItemRefContext, GetFormValueContext, EnhancedObjectDialogContext, DocumentFieldActionsContext, SortableItemIdContext, VirtualizerScrollInstanceContext, FullscreenPTEContext, PresenceTrackerContextStore, PresenceTrackerContextGetSnapshot, FormFieldPresenceContext, SourceContext, PortableTextMemberItemElementRefsContext, ScrollContext, AssetLimitUpsellContext, DialogStackContext, ReleasesUpsellContext, ReleasesMetadataContext, TableContext, SearchContext, SingleDocReleaseEnabledContext, SingleDocReleaseUpsellContext, SingleDocReleaseContext, ActiveWorkspaceMatcherContext, CalendarContext, AppIdCacheContext, CommentsAuthoringPathContext, CommentsIntentContext, CommentInputContext, CommentsContext, CommentsEnabledContext, CommentsOnboardingContext, CommentsSelectedPathContext, CommentsUpsellContext, AddonDatasetContext, SanityCreateConfigContext, ScheduledPublishingEnabledContext, SchedulesContext, SchedulePublishUpsellContext, DocumentActionPropsContext, TasksEnabledContext, IsLastPaneContext, MentionUserContext, TasksNavigationContext, TasksContext, TasksUpsellContext, RouterHistoryContext, ColorSchemeSetValueContext, ColorSchemeValueContext, DocumentLimitUpsellContext, NavbarContext, FreeTrialContext, LiveUserApplicationContext, PackageVersionInfoContext, StudioAnnouncementContext, CopyPasteContext, UserApplicationCacheContext, PreviewCardContext, ZIndexContext, zIndexContextDefaults } from "sanity/_singletons";
@@ -28048,7 +28048,15 @@ const TimeZoneButton = (props2) => {
       display: block;
     }
   }
-`, Root$n = styled(Card)`
+`;
+function sanitizeTimeZoneKeyId(id2) {
+  try {
+    return fromString(id2).map((segment) => isKeySegment(segment) ? `key-${segment._key}` : typeof segment == "number" ? `idx-${segment}` : segment).join(".");
+  } catch {
+    return id2.replace(/[[\]="']/g, "-");
+  }
+}
+const Root$n = styled(Card)`
   line-height: 1;
 `, serialize$2 = (date) => date.toISOString();
 function parseOptions$1(options = {}) {
@@ -28080,7 +28088,7 @@ function enforceTimeStep$1(dateString, timeStep) {
   return serialize$2(leftOver !== 0 ? setMinutes(date, minutes - leftOver) : date);
 }
 function DateTimeInput$2(props2) {
-  const $ = c(75), {
+  const $ = c(77), {
     onChange,
     schemaType,
     value,
@@ -28117,64 +28125,67 @@ function DateTimeInput$2(props2) {
   const t4 = useFormValue(t3);
   let t5;
   $[3] !== t4 ? (t5 = getPublishedId(t4), $[3] = t4, $[4] = t5) : t5 = $[4];
-  const t6 = `${t5}.${id2}${allowTimeZoneSwitch ? "" : ".fixed"}`;
-  let t7;
-  $[5] !== value ? (t7 = value ? new Date(value) : void 0, $[5] = value, $[6] = t7) : t7 = $[6];
+  const published = t5;
+  let t6;
+  $[5] !== id2 ? (t6 = sanitizeTimeZoneKeyId(id2), $[5] = id2, $[6] = t6) : t6 = $[6];
+  const t7 = `${published}.${t6}${allowTimeZoneSwitch ? "" : ".fixed"}`;
   let t8;
-  $[7] !== displayTimeZone || $[8] !== t6 || $[9] !== t7 ? (t8 = {
+  $[7] !== value ? (t8 = value ? new Date(value) : void 0, $[7] = value, $[8] = t8) : t8 = $[8];
+  let t9;
+  $[9] !== displayTimeZone || $[10] !== t7 || $[11] !== t8 ? (t9 = {
     type: "input",
     defaultTimeZone: displayTimeZone,
-    id: t6,
-    relativeDate: t7
-  }, $[7] = displayTimeZone, $[8] = t6, $[9] = t7, $[10] = t8) : t8 = $[10];
-  const timeZoneScope = t8, {
+    id: t7,
+    relativeDate: t8
+  }, $[9] = displayTimeZone, $[10] = t7, $[11] = t8, $[12] = t9) : t9 = $[12];
+  const timeZoneScope = t9, {
     timeZone
   } = useTimeZone(timeZoneScope);
-  let t9;
-  $[11] !== onChange || $[12] !== timeStep ? (t9 = (nextDate) => {
+  let t10;
+  $[13] !== onChange || $[14] !== timeStep ? (t10 = (nextDate) => {
     let date = nextDate;
     date !== null && timeStep > 1 && (date = enforceTimeStep$1(date, timeStep)), onChange(date === null ? unset() : set(date));
-  }, $[11] = onChange, $[12] = timeStep, $[13] = t9) : t9 = $[13];
-  const handleChange = t9;
-  let t10;
-  $[14] !== dateFormat || $[15] !== timeFormat || $[16] !== timeZone.name ? (t10 = (date_0) => format$1(date_0, `${dateFormat} ${timeFormat}`, {
-    timeZone: timeZone.name
-  }), $[14] = dateFormat, $[15] = timeFormat, $[16] = timeZone.name, $[17] = t10) : t10 = $[17];
-  const formatInputValue = t10;
+  }, $[13] = onChange, $[14] = timeStep, $[15] = t10) : t10 = $[15];
+  const handleChange = t10;
   let t11;
-  $[18] !== timeZone.name ? (t11 = getDeserializer(timeZone.name), $[18] = timeZone.name, $[19] = t11) : t11 = $[19];
-  const deserialize2 = t11;
+  $[16] !== dateFormat || $[17] !== timeFormat || $[18] !== timeZone.name ? (t11 = (date_0) => format$1(date_0, `${dateFormat} ${timeFormat}`, {
+    timeZone: timeZone.name
+  }), $[16] = dateFormat, $[17] = timeFormat, $[18] = timeZone.name, $[19] = t11) : t11 = $[19];
+  const formatInputValue = t11;
   let t12;
-  $[20] !== dateFormat || $[21] !== timeFormat || $[22] !== timeZone.name ? (t12 = (inputValue) => parse$2(inputValue, `${dateFormat} ${timeFormat}`, timeZone.name), $[20] = dateFormat, $[21] = timeFormat, $[22] = timeZone.name, $[23] = t12) : t12 = $[23];
-  const parseInputValue = t12;
+  $[20] !== timeZone.name ? (t12 = getDeserializer(timeZone.name), $[20] = timeZone.name, $[21] = t12) : t12 = $[21];
+  const deserialize2 = t12;
   let t13;
-  $[24] !== t ? (t13 = getCalendarLabels(t), $[24] = t, $[25] = t13) : t13 = $[25];
-  const calendarLabels = t13, t14 = `field-${id2}`, t15 = !!focused;
-  let t16;
-  $[26] !== allowTimeZoneSwitch || $[27] !== displayTimeZone || $[28] !== t || $[29] !== timeZone.alternativeName || $[30] !== timeZone.offset || $[31] !== timeZoneScope || $[32] !== title ? (t16 = displayTimeZone && /* @__PURE__ */ jsx(TimeZoneButtonElementQuery$1, { children: /* @__PURE__ */ jsx(TimeZoneButton, { tooltipContent: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "time-zone.time-zone-tooltip-input", values: {
+  $[22] !== dateFormat || $[23] !== timeFormat || $[24] !== timeZone.name ? (t13 = (inputValue) => parse$2(inputValue, `${dateFormat} ${timeFormat}`, timeZone.name), $[22] = dateFormat, $[23] = timeFormat, $[24] = timeZone.name, $[25] = t13) : t13 = $[25];
+  const parseInputValue = t13;
+  let t14;
+  $[26] !== t ? (t14 = getCalendarLabels(t), $[26] = t, $[27] = t14) : t14 = $[27];
+  const calendarLabels = t14, t15 = `field-${id2}`, t16 = !!focused;
+  let t17;
+  $[28] !== allowTimeZoneSwitch || $[29] !== displayTimeZone || $[30] !== t || $[31] !== timeZone.alternativeName || $[32] !== timeZone.offset || $[33] !== timeZoneScope || $[34] !== title ? (t17 = displayTimeZone && /* @__PURE__ */ jsx(TimeZoneButtonElementQuery$1, { children: /* @__PURE__ */ jsx(TimeZoneButton, { tooltipContent: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "time-zone.time-zone-tooltip-input", values: {
     title,
     alternativeName: timeZone.alternativeName,
     offset: timeZone.offset
-  } }), allowTimeZoneSwitch, useElementQueries: !0, timeZoneScope }) }), $[26] = allowTimeZoneSwitch, $[27] = displayTimeZone, $[28] = t, $[29] = timeZone.alternativeName, $[30] = timeZone.offset, $[31] = timeZoneScope, $[32] = title, $[33] = t16) : t16 = $[33];
-  let t17;
-  $[34] !== id2 || $[35] !== schemaType.deprecated || $[36] !== schemaType.description || $[37] !== schemaType.title || $[38] !== t16 || $[39] !== validation2 ? (t17 = /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsx(FormFieldHeaderText, { deprecated: schemaType.deprecated, description: schemaType.description, inputId: id2, validation: validation2, title: schemaType.title, suffix: t16 }) }), $[34] = id2, $[35] = schemaType.deprecated, $[36] = schemaType.description, $[37] = schemaType.title, $[38] = t16, $[39] = validation2, $[40] = t17) : t17 = $[40];
+  } }), allowTimeZoneSwitch, useElementQueries: !0, timeZoneScope }) }), $[28] = allowTimeZoneSwitch, $[29] = displayTimeZone, $[30] = t, $[31] = timeZone.alternativeName, $[32] = timeZone.offset, $[33] = timeZoneScope, $[34] = title, $[35] = t17) : t17 = $[35];
   let t18;
-  $[41] !== actions || $[42] !== comments2 || $[43] !== hovered || $[44] !== id2 || $[45] !== presence || $[46] !== slot || $[47] !== t15 || $[48] !== t17 ? (t18 = /* @__PURE__ */ jsx(Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsx(FormFieldBaseHeader, { __internal_comments: comments2, __internal_slot: slot, actions, fieldFocused: t15, fieldHovered: hovered, presence, inputId: id2, content: t17 }) }), $[41] = actions, $[42] = comments2, $[43] = hovered, $[44] = id2, $[45] = presence, $[46] = slot, $[47] = t15, $[48] = t17, $[49] = t18) : t18 = $[49];
+  $[36] !== id2 || $[37] !== schemaType.deprecated || $[38] !== schemaType.description || $[39] !== schemaType.title || $[40] !== t17 || $[41] !== validation2 ? (t18 = /* @__PURE__ */ jsx(Stack, { space: 2, children: /* @__PURE__ */ jsx(FormFieldHeaderText, { deprecated: schemaType.deprecated, description: schemaType.description, inputId: id2, validation: validation2, title: schemaType.title, suffix: t17 }) }), $[36] = id2, $[37] = schemaType.deprecated, $[38] = schemaType.description, $[39] = schemaType.title, $[40] = t17, $[41] = validation2, $[42] = t18) : t18 = $[42];
   let t19;
-  $[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = /* @__PURE__ */ jsx(FormFieldStatus, { maxAvatars: 1, position: "top" }), $[50] = t19) : t19 = $[50];
-  const t20 = !!focused;
-  let t21;
-  $[51] !== calendarLabels || $[52] !== deserialize2 || $[53] !== elementProps || $[54] !== formatInputValue || $[55] !== handleChange || $[56] !== parseInputValue || $[57] !== schemaType.placeholder || $[58] !== timeStep || $[59] !== timeZoneScope || $[60] !== value ? (t21 = /* @__PURE__ */ jsx("div", { "data-testid": "change-bar-wrapper", children: /* @__PURE__ */ jsx("div", { "data-testid": "change-bar__field-wrapper", children: /* @__PURE__ */ jsx(CommonDateTimeInput$1, { ...elementProps, calendarLabels, deserialize: deserialize2, formatInputValue, onChange: handleChange, parseInputValue, placeholder: schemaType.placeholder, serialize: serialize$2, timeStep, selectTime: !0, value, timeZoneScope }) }) }), $[51] = calendarLabels, $[52] = deserialize2, $[53] = elementProps, $[54] = formatInputValue, $[55] = handleChange, $[56] = parseInputValue, $[57] = schemaType.placeholder, $[58] = timeStep, $[59] = timeZoneScope, $[60] = value, $[61] = t21) : t21 = $[61];
+  $[43] !== actions || $[44] !== comments2 || $[45] !== hovered || $[46] !== id2 || $[47] !== presence || $[48] !== slot || $[49] !== t16 || $[50] !== t18 ? (t19 = /* @__PURE__ */ jsx(Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsx(FormFieldBaseHeader, { __internal_comments: comments2, __internal_slot: slot, actions, fieldFocused: t16, fieldHovered: hovered, presence, inputId: id2, content: t18 }) }), $[43] = actions, $[44] = comments2, $[45] = hovered, $[46] = id2, $[47] = presence, $[48] = slot, $[49] = t16, $[50] = t18, $[51] = t19) : t19 = $[51];
+  let t20;
+  $[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t20 = /* @__PURE__ */ jsx(FormFieldStatus, { maxAvatars: 1, position: "top" }), $[52] = t20) : t20 = $[52];
+  const t21 = !!focused;
   let t22;
-  $[62] !== changed || $[63] !== path || $[64] !== t20 || $[65] !== t21 ? (t22 = /* @__PURE__ */ jsx(ChangeIndicator, { hasFocus: t20, isChanged: changed, path, children: t21 }), $[62] = changed, $[63] = path, $[64] = t20, $[65] = t21, $[66] = t22) : t22 = $[66];
+  $[53] !== calendarLabels || $[54] !== deserialize2 || $[55] !== elementProps || $[56] !== formatInputValue || $[57] !== handleChange || $[58] !== parseInputValue || $[59] !== schemaType.placeholder || $[60] !== timeStep || $[61] !== timeZoneScope || $[62] !== value ? (t22 = /* @__PURE__ */ jsx("div", { "data-testid": "change-bar-wrapper", children: /* @__PURE__ */ jsx("div", { "data-testid": "change-bar__field-wrapper", children: /* @__PURE__ */ jsx(CommonDateTimeInput$1, { ...elementProps, calendarLabels, deserialize: deserialize2, formatInputValue, onChange: handleChange, parseInputValue, placeholder: schemaType.placeholder, serialize: serialize$2, timeStep, selectTime: !0, value, timeZoneScope }) }) }), $[53] = calendarLabels, $[54] = deserialize2, $[55] = elementProps, $[56] = formatInputValue, $[57] = handleChange, $[58] = parseInputValue, $[59] = schemaType.placeholder, $[60] = timeStep, $[61] = timeZoneScope, $[62] = value, $[63] = t22) : t22 = $[63];
   let t23;
-  $[67] !== t18 || $[68] !== t22 ? (t23 = /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-    t18,
-    t19,
-    t22
-  ] }), $[67] = t18, $[68] = t22, $[69] = t23) : t23 = $[69];
+  $[64] !== changed || $[65] !== path || $[66] !== t21 || $[67] !== t22 ? (t23 = /* @__PURE__ */ jsx(ChangeIndicator, { hasFocus: t21, isChanged: changed, path, children: t22 }), $[64] = changed, $[65] = path, $[66] = t21, $[67] = t22, $[68] = t23) : t23 = $[68];
   let t24;
-  return $[70] !== onMouseEnter || $[71] !== onMouseLeave || $[72] !== t14 || $[73] !== t23 ? (t24 = /* @__PURE__ */ jsx(Root$n, { onMouseEnter, onMouseLeave, "data-testid": t14, radius: 2, children: t23 }), $[70] = onMouseEnter, $[71] = onMouseLeave, $[72] = t14, $[73] = t23, $[74] = t24) : t24 = $[74], t24;
+  $[69] !== t19 || $[70] !== t23 ? (t24 = /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+    t19,
+    t20,
+    t23
+  ] }), $[69] = t19, $[70] = t23, $[71] = t24) : t24 = $[71];
+  let t25;
+  return $[72] !== onMouseEnter || $[73] !== onMouseLeave || $[74] !== t15 || $[75] !== t24 ? (t25 = /* @__PURE__ */ jsx(Root$n, { onMouseEnter, onMouseLeave, "data-testid": t15, radius: 2, children: t24 }), $[72] = onMouseEnter, $[73] = onMouseLeave, $[74] = t15, $[75] = t24, $[76] = t25) : t25 = $[76], t25;
 }
 function EmailInput(props2) {
   const $ = c(3), {