sanity 5.2.1-next.1 → 5.2.1-next.3

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.2.1-next.1+c00ddbc984", peerDependencies = {
+var version = "5.2.1-next.3+2b0bffac7d", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/pane.js

@@ -8694,46 +8694,63 @@ const ChevronWrapper = styled(Box)`
   ] }) }), $[10] = t1, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 };
 function PaneItemPreview(props) {
-  const $ = c(27), {
+  const $ = c(30), {
     icon,
     layout,
     presence,
     schemaType,
+    sortOrder,
     value
   } = props, versionsInfo = useDocumentVersionInfo(value._id), {
     perspectiveStack
   } = usePerspective();
   let t0;
-  $[0] !== perspectiveStack || $[1] !== props.documentPreviewStore || $[2] !== schemaType || $[3] !== value._id ? (t0 = getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, perspectiveStack), $[0] = perspectiveStack, $[1] = props.documentPreviewStore, $[2] = schemaType, $[3] = value._id, $[4] = t0) : t0 = $[4];
-  const previewStateObservable = t0;
+  bb0: {
+    if (!sortOrder) {
+      t0 = void 0;
+      break bb0;
+    }
+    let t12;
+    $[0] !== sortOrder.by ? (t12 = {
+      ordering: {
+        title: "",
+        name: "",
+        by: sortOrder.by
+      }
+    }, $[0] = sortOrder.by, $[1] = t12) : t12 = $[1], t0 = t12;
+  }
+  const viewOptions = t0;
   let t1;
-  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+  $[2] !== perspectiveStack || $[3] !== props.documentPreviewStore || $[4] !== schemaType || $[5] !== value._id || $[6] !== viewOptions ? (t1 = getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, perspectiveStack, viewOptions), $[2] = perspectiveStack, $[3] = props.documentPreviewStore, $[4] = schemaType, $[5] = value._id, $[6] = viewOptions, $[7] = t1) : t1 = $[7];
+  const previewStateObservable = t1;
+  let t2;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
     snapshot: null,
     isLoading: !0,
     original: null
-  }, $[5] = t1) : t1 = $[5];
+  }, $[8] = t2) : t2 = $[8];
   const {
     snapshot,
     original,
     isLoading: previewIsLoading
-  } = useObservable(previewStateObservable, t1), isLoading = previewIsLoading;
-  let t2;
-  $[6] !== isLoading || $[7] !== presence || $[8] !== versionsInfo.draft || $[9] !== versionsInfo.published || $[10] !== versionsInfo.versions ? (t2 = isLoading ? null : /* @__PURE__ */ jsx(TooltipDelayGroupProvider, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
+  } = useObservable(previewStateObservable, t2), isLoading = previewIsLoading;
+  let t3;
+  $[9] !== isLoading || $[10] !== presence || $[11] !== versionsInfo.draft || $[12] !== versionsInfo.published || $[13] !== versionsInfo.versions ? (t3 = isLoading ? null : /* @__PURE__ */ jsx(TooltipDelayGroupProvider, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
     presence && presence.length > 0 && /* @__PURE__ */ jsx(DocumentPreviewPresence, { presence }),
     /* @__PURE__ */ jsx(DocumentStatusIndicator, { draft: versionsInfo.draft, published: versionsInfo.published, versions: versionsInfo.versions })
-  ] }) }), $[6] = isLoading, $[7] = presence, $[8] = versionsInfo.draft, $[9] = versionsInfo.published, $[10] = versionsInfo.versions, $[11] = t2) : t2 = $[11];
-  const status = t2;
-  let t3;
-  $[12] !== versionsInfo.draft || $[13] !== versionsInfo.published || $[14] !== versionsInfo.versions ? (t3 = /* @__PURE__ */ jsx(DocumentStatus, { draft: versionsInfo.draft, published: versionsInfo.published, versions: versionsInfo.versions }), $[12] = versionsInfo.draft, $[13] = versionsInfo.published, $[14] = versionsInfo.versions, $[15] = t3) : t3 = $[15];
-  const tooltip = t3;
+  ] }) }), $[9] = isLoading, $[10] = presence, $[11] = versionsInfo.draft, $[12] = versionsInfo.published, $[13] = versionsInfo.versions, $[14] = t3) : t3 = $[14];
+  const status = t3;
   let t4;
-  $[16] !== original || $[17] !== snapshot || $[18] !== value ? (t4 = getPreviewValueWithFallback({
+  $[15] !== versionsInfo.draft || $[16] !== versionsInfo.published || $[17] !== versionsInfo.versions ? (t4 = /* @__PURE__ */ jsx(DocumentStatus, { draft: versionsInfo.draft, published: versionsInfo.published, versions: versionsInfo.versions }), $[15] = versionsInfo.draft, $[16] = versionsInfo.published, $[17] = versionsInfo.versions, $[18] = t4) : t4 = $[18];
+  const tooltip = t4;
+  let t5;
+  $[19] !== original || $[20] !== snapshot || $[21] !== value ? (t5 = getPreviewValueWithFallback({
     snapshot,
     original,
     fallback: value
-  }), $[16] = original, $[17] = snapshot, $[18] = value, $[19] = t4) : t4 = $[19];
-  let t5;
-  return $[20] !== icon || $[21] !== isLoading || $[22] !== layout || $[23] !== status || $[24] !== t4 || $[25] !== tooltip ? (t5 = /* @__PURE__ */ jsx(SanityDefaultPreview, { ...t4, isPlaceholder: isLoading, icon, layout, status, tooltip }), $[20] = icon, $[21] = isLoading, $[22] = layout, $[23] = status, $[24] = t4, $[25] = tooltip, $[26] = t5) : t5 = $[26], t5;
+  }), $[19] = original, $[20] = snapshot, $[21] = value, $[22] = t5) : t5 = $[22];
+  let t6;
+  return $[23] !== icon || $[24] !== isLoading || $[25] !== layout || $[26] !== status || $[27] !== t5 || $[28] !== tooltip ? (t6 = /* @__PURE__ */ jsx(SanityDefaultPreview, { ...t5, isPlaceholder: isLoading, icon, layout, status, tooltip }), $[23] = icon, $[24] = isLoading, $[25] = layout, $[26] = status, $[27] = t5, $[28] = tooltip, $[29] = t6) : t6 = $[29], t6;
 }
 const EMPTY_ARRAY = [];
 function ReferencePreviewLink(props) {
@@ -9525,13 +9542,14 @@ function getIconWithFallback(icon, schemaType, defaultIcon) {
   return icon === !1 ? !1 : icon || schemaType && schemaType.icon || defaultIcon || !1;
 }
 function PaneItem(props) {
-  const $ = c(42), {
+  const $ = c(43), {
     icon,
     id,
     layout: t0,
     pressed,
     schemaType,
     selected,
+    sortOrder,
     title,
     value,
     margin,
@@ -9551,52 +9569,52 @@ function PaneItem(props) {
       let t23;
       $[2] !== icon || $[3] !== schemaType ? (t23 = getIconWithFallback(icon, schemaType, DocumentIcon), $[2] = icon, $[3] = schemaType, $[4] = t23) : t23 = $[4];
       let t33;
-      $[5] !== documentPresence || $[6] !== documentPreviewStore || $[7] !== layout || $[8] !== schemaType || $[9] !== t23 || $[10] !== value ? (t33 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t23, layout, schemaType, value, presence: documentPresence }), $[5] = documentPresence, $[6] = documentPreviewStore, $[7] = layout, $[8] = schemaType, $[9] = t23, $[10] = value, $[11] = t33) : t33 = $[11], t1 = t33;
+      $[5] !== documentPresence || $[6] !== documentPreviewStore || $[7] !== layout || $[8] !== schemaType || $[9] !== sortOrder || $[10] !== t23 || $[11] !== value ? (t33 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t23, layout, schemaType, sortOrder, value, presence: documentPresence }), $[5] = documentPresence, $[6] = documentPreviewStore, $[7] = layout, $[8] = schemaType, $[9] = sortOrder, $[10] = t23, $[11] = value, $[12] = t33) : t33 = $[12], t1 = t33;
       break bb0;
     }
     let t22;
-    $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = {
+    $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = {
       opacity: 0.5
-    }, $[12] = t22) : t22 = $[12];
+    }, $[13] = t22) : t22 = $[13];
     let t32;
-    $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t32 = /* @__PURE__ */ jsx(Box, { style: t22, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) }), $[13] = t32) : t32 = $[13];
+    $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t32 = /* @__PURE__ */ jsx(Box, { style: t22, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) }), $[14] = t32) : t32 = $[14];
     let t42;
-    $[14] !== icon || $[15] !== schemaType ? (t42 = getIconWithFallback(icon, schemaType, FolderIcon), $[14] = icon, $[15] = schemaType, $[16] = t42) : t42 = $[16];
+    $[15] !== icon || $[16] !== schemaType ? (t42 = getIconWithFallback(icon, schemaType, FolderIcon), $[15] = icon, $[16] = schemaType, $[17] = t42) : t42 = $[17];
     let t52;
-    $[17] !== t42 || $[18] !== title ? (t52 = /* @__PURE__ */ jsx(SanityDefaultPreview, { status: t32, icon: t42, layout: "compact", title }), $[17] = t42, $[18] = title, $[19] = t52) : t52 = $[19], t1 = t52;
+    $[18] !== t42 || $[19] !== title ? (t52 = /* @__PURE__ */ jsx(SanityDefaultPreview, { status: t32, icon: t42, layout: "compact", title }), $[18] = t42, $[19] = title, $[20] = t52) : t52 = $[20], t1 = t52;
   }
   const preview = t1;
   let t2;
-  $[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (e) => {
+  $[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (e) => {
     if (e.metaKey) {
       setClicked(!1);
       return;
     }
     setClicked(!0);
-  }, $[20] = t2) : t2 = $[20];
+  }, $[21] = t2) : t2 = $[21];
   const handleClick = t2;
   let t3;
-  $[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setClicked(!1), $[21] = t3) : t3 = $[21];
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setClicked(!1), $[22] = t3) : t3 = $[22];
   let t4;
-  $[22] !== selected ? (t4 = [selected], $[22] = selected, $[23] = t4) : t4 = $[23], useEffect(t3, t4);
+  $[23] !== selected ? (t4 = [selected], $[23] = selected, $[24] = t4) : t4 = $[24], useEffect(t3, t4);
   const [preloading, setPreload] = useState(!1), timeoutRef = useRef(null);
   let t5;
-  $[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+  $[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
     timeoutRef.current = setTimeout(() => startTransition(() => setPreload(!0)), 400);
-  }, $[24] = t5) : t5 = $[24];
+  }, $[25] = t5) : t5 = $[25];
   const handleMouseEnter = t5;
   let t6;
-  $[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = () => {
+  $[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = () => {
     timeoutRef.current && clearTimeout(timeoutRef.current), startTransition(() => setPreload(!1));
-  }, $[25] = t6) : t6 = $[25];
+  }, $[26] = t6) : t6 = $[26];
   const handleMouseLeave = t6, t7 = `pane-item-${title}`, t8 = ChildLink2, t9 = selected || clicked;
   let t10;
-  $[26] !== id || $[27] !== preloading || $[28] !== schemaType || $[29] !== value ? (t10 = preloading && schemaType?.name && value && isSanityDocument$1(value) && /* @__PURE__ */ jsx(PreloadDocumentPane, { documentId: id, documentType: schemaType.name }), $[26] = id, $[27] = preloading, $[28] = schemaType, $[29] = value, $[30] = t10) : t10 = $[30];
+  $[27] !== id || $[28] !== preloading || $[29] !== schemaType || $[30] !== value ? (t10 = preloading && schemaType?.name && value && isSanityDocument$1(value) && /* @__PURE__ */ jsx(PreloadDocumentPane, { documentId: id, documentType: schemaType.name }), $[27] = id, $[28] = preloading, $[29] = schemaType, $[30] = value, $[31] = t10) : t10 = $[31];
   let t11;
-  return $[31] !== id || $[32] !== margin || $[33] !== marginBottom || $[34] !== marginTop || $[35] !== pressed || $[36] !== preview || $[37] !== t10 || $[38] !== t7 || $[39] !== t8 || $[40] !== t9 ? (t11 = /* @__PURE__ */ jsxs(PreviewCard, { "data-testid": t7, __unstable_focusRing: !0, as: t8, childId: id, "data-as": "a", margin, marginBottom, marginTop, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, pressed, radius: 2, selected: t9, sizing: "border", tabIndex: -1, tone: "inherit", children: [
+  return $[32] !== id || $[33] !== margin || $[34] !== marginBottom || $[35] !== marginTop || $[36] !== pressed || $[37] !== preview || $[38] !== t10 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9 ? (t11 = /* @__PURE__ */ jsxs(PreviewCard, { "data-testid": t7, __unstable_focusRing: !0, as: t8, childId: id, "data-as": "a", margin, marginBottom, marginTop, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, pressed, radius: 2, selected: t9, sizing: "border", tabIndex: -1, tone: "inherit", children: [
     preview,
     t10
-  ] }), $[31] = id, $[32] = margin, $[33] = marginBottom, $[34] = marginTop, $[35] = pressed, $[36] = preview, $[37] = t10, $[38] = t7, $[39] = t8, $[40] = t9, $[41] = t11) : t11 = $[41], t11;
+  ] }), $[32] = id, $[33] = margin, $[34] = marginBottom, $[35] = marginTop, $[36] = pressed, $[37] = preview, $[38] = t10, $[39] = t7, $[40] = t8, $[41] = t9, $[42] = t11) : t11 = $[42], t11;
 }
 function PreloadDocumentPane(props) {
   const $ = c(2), {
@@ -9661,7 +9679,7 @@ function LoadingView(props) {
   return $[2] !== t0 ? (t1 = /* @__PURE__ */ jsx(Stack, { paddingX: 3, paddingY: 2, paddingTop: 0, space: 1, children: t0 }), $[2] = t0, $[3] = t1) : t1 = $[3], t1;
 }
 function DocumentListPaneContent(props) {
-  const $ = c(66), {
+  const $ = c(67), {
     childItemId,
     error,
     isRetrying,
@@ -9683,7 +9701,8 @@ function DocumentListPaneContent(props) {
     onRetry,
     paneTitle,
     searchInputElement,
-    showIcons
+    showIcons,
+    sortOrder
   } = props, schema = useSchema(), {
     collapsed: layoutCollapsed
   } = usePaneLayout(), {
@@ -9711,32 +9730,32 @@ function DocumentListPaneContent(props) {
   let t2;
   $[5] !== collapsed || $[6] !== items ? (t2 = [collapsed, items], $[5] = collapsed, $[6] = items, $[7] = t2) : t2 = $[7], useEffect(t1, t2);
   let t3;
-  $[8] !== childItemId || $[9] !== hasMaxItems || $[10] !== isActive || $[11] !== isLazyLoading || $[12] !== items.length || $[13] !== layout || $[14] !== schema || $[15] !== showIcons || $[16] !== t ? (t3 = (item, t42) => {
+  $[8] !== childItemId || $[9] !== hasMaxItems || $[10] !== isActive || $[11] !== isLazyLoading || $[12] !== items.length || $[13] !== layout || $[14] !== schema || $[15] !== showIcons || $[16] !== sortOrder || $[17] !== t ? (t3 = (item, t42) => {
     const {
       activeIndex
     } = t42, publishedId = getPublishedId(item._id), isSelected = childItemId === publishedId, pressed = !isActive && isSelected, selected = isActive && isSelected, isLastItem = activeIndex === items.length - 1, showSpinner = isLastItem && isLazyLoading, showMaxItemsMessage = isLastItem && hasMaxItems;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(PaneItem, { icon: showIcons === !1 ? !1 : void 0, id: publishedId, layout, marginBottom: 1, pressed, schemaType: schema.get(item._type), selected, value: item }),
+      /* @__PURE__ */ jsx(PaneItem, { icon: showIcons === !1 ? !1 : void 0, id: publishedId, layout, marginBottom: 1, pressed, schemaType: schema.get(item._type), selected, sortOrder, value: item }),
       showSpinner && /* @__PURE__ */ jsx(LoadingBlock, {}),
       showMaxItemsMessage && /* @__PURE__ */ jsx(Box, { marginY: 1, paddingX: 3, paddingY: 4, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, size: 1, children: t("panes.document-list-pane.max-items.text", {
         limit: FULL_LIST_LIMIT
       }) }) })
     ] });
-  }, $[8] = childItemId, $[9] = hasMaxItems, $[10] = isActive, $[11] = isLazyLoading, $[12] = items.length, $[13] = layout, $[14] = schema, $[15] = showIcons, $[16] = t, $[17] = t3) : t3 = $[17];
+  }, $[8] = childItemId, $[9] = hasMaxItems, $[10] = isActive, $[11] = isLazyLoading, $[12] = items.length, $[13] = layout, $[14] = schema, $[15] = showIcons, $[16] = sortOrder, $[17] = t, $[18] = t3) : t3 = $[18];
   const renderItem = t3;
   let t4;
   bb0: {
     if (hasSearchQuery) {
       let t53;
-      $[18] !== t ? (t53 = t("panes.document-list-pane.no-documents.text"), $[18] = t, $[19] = t53) : t53 = $[19];
+      $[19] !== t ? (t53 = t("panes.document-list-pane.no-documents.text"), $[19] = t, $[20] = t53) : t53 = $[20];
       let t63;
-      $[20] !== t53 ? (t63 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingY: 5, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, children: t53 }) }) }) }), $[20] = t53, $[21] = t63) : t63 = $[21], t4 = t63;
+      $[21] !== t53 ? (t63 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingY: 5, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, children: t53 }) }) }) }), $[21] = t53, $[22] = t63) : t63 = $[22], t4 = t63;
       break bb0;
     }
     let t52;
-    $[22] !== filterIsSimpleTypeConstraint || $[23] !== t ? (t52 = t(filterIsSimpleTypeConstraint ? "panes.document-list-pane.no-documents-of-type.text" : "panes.document-list-pane.no-matching-documents.text"), $[22] = filterIsSimpleTypeConstraint, $[23] = t, $[24] = t52) : t52 = $[24];
+    $[23] !== filterIsSimpleTypeConstraint || $[24] !== t ? (t52 = t(filterIsSimpleTypeConstraint ? "panes.document-list-pane.no-documents-of-type.text" : "panes.document-list-pane.no-matching-documents.text"), $[23] = filterIsSimpleTypeConstraint, $[24] = t, $[25] = t52) : t52 = $[25];
     let t62;
-    $[25] !== t52 ? (t62 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingY: 5, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, children: t52 }) }) }) }), $[25] = t52, $[26] = t62) : t62 = $[26], t4 = t62;
+    $[26] !== t52 ? (t62 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingY: 5, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, children: t52 }) }) }) }), $[26] = t52, $[27] = t62) : t62 = $[27], t4 = t62;
   }
   const noDocumentsContent = t4;
   let t5;
@@ -9748,35 +9767,35 @@ function DocumentListPaneContent(props) {
     const isOnline = window.navigator.onLine;
     if (error) {
       let t63;
-      $[27] !== t ? (t63 = t("panes.document-list-pane.error.title"), $[27] = t, $[28] = t63) : t63 = $[28];
+      $[28] !== t ? (t63 = t("panes.document-list-pane.error.title"), $[28] = t, $[29] = t63) : t63 = $[29];
       let t73;
-      $[29] !== t63 ? (t73 = /* @__PURE__ */ jsx(Heading, { as: "h3", children: t63 }), $[29] = t63, $[30] = t73) : t73 = $[30];
+      $[30] !== t63 ? (t73 = /* @__PURE__ */ jsx(Heading, { as: "h3", children: t63 }), $[30] = t63, $[31] = t73) : t73 = $[31];
       let t82;
-      $[31] !== error || $[32] !== t ? (t82 = isDev ? /* @__PURE__ */ jsx(Translate, { t, i18nKey: "panes.document-list-pane.error.text.dev", values: {
+      $[32] !== error || $[33] !== t ? (t82 = isDev ? /* @__PURE__ */ jsx(Translate, { t, i18nKey: "panes.document-list-pane.error.text.dev", values: {
         error: error.message
       }, components: {
         Code: _temp$9
-      } }) : t(isOnline ? "panes.document-list-pane.error.text" : "panes.document-list-pane.error.text.offline"), $[31] = error, $[32] = t, $[33] = t82) : t82 = $[33];
+      } }) : t(isOnline ? "panes.document-list-pane.error.text" : "panes.document-list-pane.error.text.offline"), $[32] = error, $[33] = t, $[34] = t82) : t82 = $[34];
       let t9;
-      $[34] !== t82 ? (t9 = /* @__PURE__ */ jsx(Text, { as: "p", children: t82 }), $[34] = t82, $[35] = t9) : t9 = $[35];
+      $[35] !== t82 ? (t9 = /* @__PURE__ */ jsx(Text, { as: "p", children: t82 }), $[35] = t82, $[36] = t9) : t9 = $[36];
       const t10 = isOnline && canRetry ? onRetry : void 0;
       let t11;
-      $[36] !== error || $[37] !== isRetrying || $[38] !== t10 ? (t11 = /* @__PURE__ */ jsx(ErrorActions, { error, eventId: null, onRetry: t10, isRetrying }), $[36] = error, $[37] = isRetrying, $[38] = t10, $[39] = t11) : t11 = $[39];
+      $[37] !== error || $[38] !== isRetrying || $[39] !== t10 ? (t11 = /* @__PURE__ */ jsx(ErrorActions, { error, eventId: null, onRetry: t10, isRetrying }), $[37] = error, $[38] = isRetrying, $[39] = t10, $[40] = t11) : t11 = $[40];
       let t12;
-      $[40] !== autoRetry || $[41] !== canRetry || $[42] !== isRetrying || $[43] !== retryCount || $[44] !== t ? (t12 = canRetry ? /* @__PURE__ */ jsx(Text, { as: "p", muted: !0, size: 1, children: isRetrying ? t("panes.document-list-pane.error.retrying", {
+      $[41] !== autoRetry || $[42] !== canRetry || $[43] !== isRetrying || $[44] !== retryCount || $[45] !== t ? (t12 = canRetry ? /* @__PURE__ */ jsx(Text, { as: "p", muted: !0, size: 1, children: isRetrying ? t("panes.document-list-pane.error.retrying", {
         count: retryCount
       }) : autoRetry ? t("panes.document-list-pane.error.will-retry-automatically", {
         count: retryCount
       }) : t("panes.document-list-pane.error.max-retries-attempted", {
         count: retryCount
-      }) }) : null, $[40] = autoRetry, $[41] = canRetry, $[42] = isRetrying, $[43] = retryCount, $[44] = t, $[45] = t12) : t12 = $[45];
+      }) }) : null, $[41] = autoRetry, $[42] = canRetry, $[43] = isRetrying, $[44] = retryCount, $[45] = t, $[46] = t12) : t12 = $[46];
       let t13;
-      $[46] !== t11 || $[47] !== t12 || $[48] !== t73 || $[49] !== t9 ? (t13 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsxs(Stack, { paddingX: 4, paddingY: 5, space: 4, children: [
+      $[47] !== t11 || $[48] !== t12 || $[49] !== t73 || $[50] !== t9 ? (t13 = /* @__PURE__ */ jsx(Flex, { align: "center", direction: "column", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsxs(Stack, { paddingX: 4, paddingY: 5, space: 4, children: [
         t73,
         t9,
         t11,
         t12
-      ] }) }) }), $[46] = t11, $[47] = t12, $[48] = t73, $[49] = t9, $[50] = t13) : t13 = $[50], t5 = t13;
+      ] }) }) }), $[47] = t11, $[48] = t12, $[49] = t73, $[50] = t9, $[51] = t13) : t13 = $[51], t5 = t13;
       break bb1;
     }
     if (isConnected && !isLoading && items.length === 0) {
@@ -9785,7 +9804,7 @@ function DocumentListPaneContent(props) {
     }
     if (loadingVariant === "initial" && isLoading) {
       let t63;
-      $[51] !== layout ? (t63 = /* @__PURE__ */ jsx(Delay, { ms: 300, children: /* @__PURE__ */ jsx(LoadingView, { layout }) }), $[51] = layout, $[52] = t63) : t63 = $[52], t5 = t63;
+      $[52] !== layout ? (t63 = /* @__PURE__ */ jsx(Delay, { ms: 300, children: /* @__PURE__ */ jsx(LoadingView, { layout }) }), $[52] = layout, $[53] = t63) : t63 = $[53], t5 = t63;
       break bb1;
     }
     if (loadingVariant === "spinner" && isLoading) {
@@ -9794,13 +9813,13 @@ function DocumentListPaneContent(props) {
     }
     const key = `${index}-${collapsed}`, t62 = muted ? 0.8 : 1;
     let t72;
-    $[53] !== handleEndReached || $[54] !== items || $[55] !== key || $[56] !== paneTitle || $[57] !== renderItem || $[58] !== searchInputElement ? (t72 = /* @__PURE__ */ jsx(CommandListBox, { children: /* @__PURE__ */ jsx(CommandList, { activeItemDataAttr: "data-hovered", ariaLabel: paneTitle, canReceiveFocus: !0, inputElement: searchInputElement, itemHeight: 51, items, onEndReached: handleEndReached, onlyShowSelectionWhenActive: !0, overscan: 10, paddingBottom: 1, paddingX: 3, renderItem, wrapAround: !1 }, key) }), $[53] = handleEndReached, $[54] = items, $[55] = key, $[56] = paneTitle, $[57] = renderItem, $[58] = searchInputElement, $[59] = t72) : t72 = $[59];
+    $[54] !== handleEndReached || $[55] !== items || $[56] !== key || $[57] !== paneTitle || $[58] !== renderItem || $[59] !== searchInputElement ? (t72 = /* @__PURE__ */ jsx(CommandListBox, { children: /* @__PURE__ */ jsx(CommandList, { activeItemDataAttr: "data-hovered", ariaLabel: paneTitle, canReceiveFocus: !0, inputElement: searchInputElement, itemHeight: 51, items, onEndReached: handleEndReached, onlyShowSelectionWhenActive: !0, overscan: 10, paddingBottom: 1, paddingX: 3, renderItem, wrapAround: !1 }, key) }), $[54] = handleEndReached, $[55] = items, $[56] = key, $[57] = paneTitle, $[58] = renderItem, $[59] = searchInputElement, $[60] = t72) : t72 = $[60];
     let t8;
-    $[60] !== t62 || $[61] !== t72 ? (t8 = /* @__PURE__ */ jsx(RootBox, { overflow: "hidden", height: "fill", $opacity: t62, children: t72 }), $[60] = t62, $[61] = t72, $[62] = t8) : t8 = $[62], t5 = t8;
+    $[61] !== t62 || $[62] !== t72 ? (t8 = /* @__PURE__ */ jsx(RootBox, { overflow: "hidden", height: "fill", $opacity: t62, children: t72 }), $[61] = t62, $[62] = t72, $[63] = t8) : t8 = $[63], t5 = t8;
   }
   const mainContent = t5, t6 = layoutCollapsed || loadingVariant === "initial" ? "hidden" : "auto";
   let t7;
-  return $[63] !== mainContent || $[64] !== t6 ? (t7 = /* @__PURE__ */ jsx(PaneContent, { "data-testid": "document-list-pane", overflow: t6, children: mainContent }), $[63] = mainContent, $[64] = t6, $[65] = t7) : t7 = $[65], t7;
+  return $[64] !== mainContent || $[65] !== t6 ? (t7 = /* @__PURE__ */ jsx(PaneContent, { "data-testid": "document-list-pane", overflow: t6, children: mainContent }), $[64] = mainContent, $[65] = t6, $[66] = t7) : t7 = $[66], t7;
 }
 function _temp$9(t0) {
   const {
@@ -10194,7 +10213,7 @@ const rotate = keyframes`
     ${fadeIn} 1000ms linear;
   opacity: 0.4;
 `, DocumentListPane = memo(function(props) {
-  const $ = c(69), {
+  const $ = c(70), {
     childItemId,
     isActive,
     pane: pane2,
@@ -10322,12 +10341,12 @@ const rotate = keyframes`
   $[34] !== handleQueryChange || $[35] !== searchInputValue || $[36] !== t15 || $[37] !== t16 || $[38] !== t18 || $[39] !== t19 || $[40] !== textInputIcon ? (t20 = /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingBottom: 3, children: /* @__PURE__ */ jsx(TextInput, { "aria-label": t15, autoComplete: "off", border: !1, clearButton: t16, fontSize: t17, icon: textInputIcon, iconRight: t18, onChange: handleQueryChange, onClear: handleClearSearch, onKeyDown: handleSearchKeyDown, padding: 2, placeholder: t19, radius: 2, ref: setSearchInputElement, spellCheck: !1, value: searchInputValue }) }), $[34] = handleQueryChange, $[35] = searchInputValue, $[36] = t15, $[37] = t16, $[38] = t18, $[39] = t19, $[40] = textInputIcon, $[41] = t20) : t20 = $[41];
   const t21 = !!typeName, t22 = items.length === FULL_LIST_LIMIT, t23 = !!searchQuery, t24 = loadingVariant === "subtle";
   let t25;
-  $[42] !== autoRetry || $[43] !== canRetry || $[44] !== childItemId || $[45] !== connected || $[46] !== error || $[47] !== isActive || $[48] !== isLoading || $[49] !== isLoadingFullList || $[50] !== isRetrying || $[51] !== items || $[52] !== layout || $[53] !== loadingVariant || $[54] !== onLoadFullList || $[55] !== onRetry || $[56] !== paneKey || $[57] !== retryCount || $[58] !== searchInputElement || $[59] !== showIcons || $[60] !== t21 || $[61] !== t22 || $[62] !== t23 || $[63] !== t24 || $[64] !== title ? (t25 = /* @__PURE__ */ jsx(DocumentListPaneContent, { childItemId, error, filterIsSimpleTypeConstraint: t21, hasMaxItems: t22, hasSearchQuery: t23, isActive, isLazyLoading: isLoadingFullList, isLoading, autoRetry, canRetry, retryCount, isRetrying, isConnected: connected, items, layout, muted: t24, loadingVariant, onEndReached: onLoadFullList, onRetry, paneTitle: title, searchInputElement, showIcons }, paneKey), $[42] = autoRetry, $[43] = canRetry, $[44] = childItemId, $[45] = connected, $[46] = error, $[47] = isActive, $[48] = isLoading, $[49] = isLoadingFullList, $[50] = isRetrying, $[51] = items, $[52] = layout, $[53] = loadingVariant, $[54] = onLoadFullList, $[55] = onRetry, $[56] = paneKey, $[57] = retryCount, $[58] = searchInputElement, $[59] = showIcons, $[60] = t21, $[61] = t22, $[62] = t23, $[63] = t24, $[64] = title, $[65] = t25) : t25 = $[65];
+  $[42] !== autoRetry || $[43] !== canRetry || $[44] !== childItemId || $[45] !== connected || $[46] !== error || $[47] !== isActive || $[48] !== isLoading || $[49] !== isLoadingFullList || $[50] !== isRetrying || $[51] !== items || $[52] !== layout || $[53] !== loadingVariant || $[54] !== onLoadFullList || $[55] !== onRetry || $[56] !== paneKey || $[57] !== retryCount || $[58] !== searchInputElement || $[59] !== showIcons || $[60] !== sortOrder || $[61] !== t21 || $[62] !== t22 || $[63] !== t23 || $[64] !== t24 || $[65] !== title ? (t25 = /* @__PURE__ */ jsx(DocumentListPaneContent, { childItemId, error, filterIsSimpleTypeConstraint: t21, hasMaxItems: t22, hasSearchQuery: t23, isActive, isLazyLoading: isLoadingFullList, isLoading, autoRetry, canRetry, retryCount, isRetrying, isConnected: connected, items, layout, muted: t24, loadingVariant, onEndReached: onLoadFullList, onRetry, paneTitle: title, searchInputElement, showIcons, sortOrder }, paneKey), $[42] = autoRetry, $[43] = canRetry, $[44] = childItemId, $[45] = connected, $[46] = error, $[47] = isActive, $[48] = isLoading, $[49] = isLoadingFullList, $[50] = isRetrying, $[51] = items, $[52] = layout, $[53] = loadingVariant, $[54] = onLoadFullList, $[55] = onRetry, $[56] = paneKey, $[57] = retryCount, $[58] = searchInputElement, $[59] = showIcons, $[60] = sortOrder, $[61] = t21, $[62] = t22, $[63] = t23, $[64] = t24, $[65] = title, $[66] = t25) : t25 = $[66];
   let t26;
-  return $[66] !== t20 || $[67] !== t25 ? (t26 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  return $[67] !== t20 || $[68] !== t25 ? (t26 = /* @__PURE__ */ jsxs(Fragment, { children: [
     t20,
     t25
-  ] }), $[66] = t20, $[67] = t25, $[68] = t26) : t26 = $[68], t26;
+  ] }), $[67] = t20, $[68] = t25, $[69] = t26) : t26 = $[69], t26;
 });
 function _temp$7(event) {
   return event.target.value;