@sanity/embeddings-index-ui 2.1.0 → 3.0.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var icons = require("@sanity/icons"), sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), require$$0 = require("react"), router = require("sanity/router"), desk = require("sanity/desk");
+var icons = require("@sanity/icons"), sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), React = require("react"), router = require("sanity/router"), desk = require("sanity/desk");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var require$$0__default = /* @__PURE__ */ _interopDefaultCompat(require$$0);
+var React__default = /* @__PURE__ */ _interopDefaultCompat(React);
 function queryIndex(queryConfig, client) {
   const { query, indexName, maxResults, filter } = queryConfig, projectId = client.config().projectId, dataset = client.config().dataset, queryString = query?.trim();
   return client.request({
@@ -33,7 +33,7 @@ function deleteIndex(indexName, client) {
 }
 function useApiClient() {
   const client = sanity.useClient({ apiVersion: "vX" });
-  return require$$0.useMemo(() => {
+  return React.useMemo(() => {
     const customHost = localStorage.getItem("embeddings-index-host");
     return customHost ? client.withConfig({
       apiHost: customHost,
@@ -42,10 +42,10 @@ function useApiClient() {
     }) : client;
   }, [client]);
 }
-const FeatureEnabledContext = require$$0.createContext("loading");
+const FeatureEnabledContext = React.createContext("loading");
 function useIsFeatureEnabled() {
-  const client = useApiClient(), [status, setStatus] = require$$0.useState("loading");
-  return require$$0.useEffect(() => {
+  const client = useApiClient(), [status, setStatus] = React.useState("loading");
+  return React.useEffect(() => {
     client.request({
       method: "GET",
       url: "/embeddings-index/status"
@@ -61,7 +61,7 @@ function FeatureEnabledProvider(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(FeatureEnabledContext.Provider, { value: status, children: props.children });
 }
 function useIsFeatureEnabledContext() {
-  return require$$0.useContext(FeatureEnabledContext);
+  return React.useContext(FeatureEnabledContext);
 }
 function FeatureDisabledNotice(props) {
   const projectId = sanity.useProjectId();
@@ -79,7 +79,7 @@ function isType(schemaType, typeName) {
 }
 const defaultProjection = "{...}";
 function useDefaultIndex(schema, dataset) {
-  const defaultFilter = require$$0.useMemo(
+  const defaultFilter = React.useMemo(
     () => `_type in [${schema.getTypeNames().map((n) => schema.get(n)).filter(
       (schemaType) => !!(schemaType && isType(schemaType, "document"))
     ).filter(
@@ -88,7 +88,7 @@ function useDefaultIndex(schema, dataset) {
 `)}]`,
     [schema]
   );
-  return require$$0.useMemo(
+  return React.useMemo(
     () => ({
       dataset,
       projection: defaultProjection,
@@ -98,7 +98,7 @@ function useDefaultIndex(schema, dataset) {
   );
 }
 function IndexFormInput(props) {
-  const { label, description, index, prop, onChange, readOnly, placeholder, type } = props, handleChange = require$$0.useCallback(
+  const { label, description, index, prop, onChange, readOnly, placeholder, type } = props, handleChange = React.useCallback(
     (propValue) => onChange((current) => ({ ...current, [prop]: propValue })),
     [onChange, prop]
   );
@@ -116,7 +116,7 @@ function IndexFormInput(props) {
   );
 }
 function FormInput(props) {
-  const { label, description, onChange, value, readOnly, placeholder, type = "text" } = props, id = require$$0.useId(), handleChange = require$$0.useCallback(
+  const { label, description, onChange, value, readOnly, placeholder, type = "text" } = props, id = React.useId(), handleChange = React.useCallback(
     (e) => onChange(e.currentTarget.value),
     [onChange]
   );
@@ -147,11 +147,11 @@ function FormInput(props) {
   ] });
 }
 function EditIndexDialog(props) {
-  const { open, onClose, onSubmit } = props, id = require$$0.useId(), ref = require$$0.useRef(null);
-  require$$0.useEffect(() => {
+  const { open, onClose, onSubmit } = props, id = React.useId(), ref = React.useRef(null);
+  React.useEffect(() => {
     open && setTimeout(() => ref.current?.querySelector("input")?.focus());
   }, [ref, open]);
-  const handleSubmit = require$$0.useCallback(
+  const handleSubmit = React.useCallback(
     (index) => {
       onSubmit(index), onClose();
     },
@@ -160,12 +160,12 @@ function EditIndexDialog(props) {
   return open ? /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { id, width: 1, ref, onClose, header: "Create embeddings index", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { padding: 4, space: 5, children: /* @__PURE__ */ jsxRuntime.jsx(IndexEditor, { readOnly: !1, onSubmit: handleSubmit }) }) }) : null;
 }
 function IndexEditor(props) {
-  const { readOnly, index: selectedIndex, onSubmit } = props, client = useApiClient(), schema = sanity.useSchema(), defaultIndex = useDefaultIndex(schema, client.config().dataset ?? ""), [errors, setErrors] = require$$0.useState(), [loading, setLoading] = require$$0.useState(), [index, setIndex] = require$$0.useState(() => ({
+  const { readOnly, index: selectedIndex, onSubmit } = props, client = useApiClient(), schema = sanity.useSchema(), defaultIndex = useDefaultIndex(schema, client.config().dataset ?? ""), [errors, setErrors] = React.useState(), [loading, setLoading] = React.useState(), [index, setIndex] = React.useState(() => ({
     ...defaultIndex,
     ...selectedIndex
   }));
-  require$$0.useEffect(() => setIndex(selectedIndex ?? { ...defaultIndex }), [selectedIndex, defaultIndex]);
-  const handleSubmit = require$$0.useCallback(
+  React.useEffect(() => setIndex(selectedIndex ?? { ...defaultIndex }), [selectedIndex, defaultIndex]);
+  const handleSubmit = React.useCallback(
     (e) => {
       if (e.preventDefault(), readOnly)
         return;
@@ -287,16 +287,16 @@ function requireDist() {
     renderCounterRegistry: () => renderCounterRegistry,
     useRenderCounter: () => useRenderCounter
   }), dist = __toCommonJS(index_exports);
-  var React = __toESM(require$$0__default.default), { useRef, useEffect, isValidElement } = React, _a, ReactSecretInternals = (
+  var React2 = __toESM(React__default.default), { useRef, useEffect, isValidElement } = React2, _a, ReactSecretInternals = (
     //@ts-ignore
-    (_a = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE) != null ? _a : React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+    (_a = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE) != null ? _a : React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
   ), $empty = Symbol.for("react.memo_cache_sentinel"), _a2, c = (
     // @ts-expect-error
-    typeof ((_a2 = React.__COMPILER_RUNTIME) == null ? void 0 : _a2.c) == "function" ? (
+    typeof ((_a2 = React2.__COMPILER_RUNTIME) == null ? void 0 : _a2.c) == "function" ? (
       // @ts-expect-error
-      React.__COMPILER_RUNTIME.c
+      React2.__COMPILER_RUNTIME.c
     ) : function(size) {
-      return React.useMemo(() => {
+      return React2.useMemo(() => {
         const $ = new Array(size);
         for (let ii = 0; ii < size; ii++)
           $[ii] = $empty;
@@ -1646,7 +1646,7 @@ function timer(dueTime, intervalOrScheduler, scheduler) {
   scheduler === void 0 && (scheduler = async);
   var intervalDuration = -1;
   return intervalOrScheduler != null && (isScheduler(intervalOrScheduler) ? scheduler = intervalOrScheduler : intervalDuration = intervalOrScheduler), new Observable(function(subscriber) {
-    var due = isValidDate(dueTime) ? 0 - scheduler.now() : dueTime;
+    var due = isValidDate(dueTime) ? +dueTime - scheduler.now() : dueTime;
     due < 0 && (due = 0);
     var n = 0;
     return scheduler.schedule(function() {
@@ -1784,7 +1784,7 @@ function useObservable(observable2, initialValue) {
   let t3;
   $[4] !== initialValue || $[5] !== instance ? (t3 = () => instance.getSnapshot(initialValue), $[4] = initialValue, $[5] = instance, $[6] = t3) : t3 = $[6];
   let t4;
-  return $[7] !== initialValue ? (t4 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[7] = initialValue, $[8] = t4) : t4 = $[8], require$$0.useSyncExternalStore(subscribe, t3, t4);
+  return $[7] !== initialValue ? (t4 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[7] = initialValue, $[8] = t4) : t4 = $[8], React.useSyncExternalStore(subscribe, t3, t4);
 }
 function _temp4() {
   return timer(0, asapScheduler);
@@ -1849,7 +1849,7 @@ function DocumentPreviewInner({
   style,
   button
 }) {
-  const documentPreviewStore = sanity.useDocumentPreviewStore(), previewStateObservable = require$$0.useMemo(
+  const documentPreviewStore = sanity.useDocumentPreviewStore(), previewStateObservable = React.useMemo(
     () => sanity.getPreviewStateObservable(documentPreviewStore, schemaType, documentId),
     [documentId, documentPreviewStore, schemaType]
   ), {
@@ -1860,7 +1860,7 @@ function DocumentPreviewInner({
     snapshot: null,
     isLoading: !0,
     original: null
-  }), sanityDocument = require$$0.useMemo(() => ({
+  }), sanityDocument = React.useMemo(() => ({
     _id: documentId,
     _type: schemaType?.name
   }), [documentId, schemaType?.name]), { onClick: onIntentClick, href } = router.useIntentLink({
@@ -1894,7 +1894,7 @@ function DocumentPreviewInner({
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { width: "100%" }, children: preview });
 }
-const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSearchAutocomplete = require$$0.forwardRef(function(props, ref) {
+const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSearchAutocomplete = React.forwardRef(function(props, ref) {
   const {
     indexConfig,
     filterResult,
@@ -1904,7 +1904,7 @@ const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSear
     onBlur,
     onSelect,
     typeFilter
-  } = props, id = require$$0.useId(), [query, setQuery] = require$$0.useState(""), queryRef = require$$0.useRef(query), debouncedQuery = useDebouncedValue(query, 300), prevDebouncedQuery = require$$0.useRef(debouncedQuery), [searching, setSearching] = require$$0.useState(!1), [options, setOptions] = require$$0.useState(NO_OPTIONS), client = useApiClient(), runIndexQuery = require$$0.useCallback(
+  } = props, id = React.useId(), [query, setQuery] = React.useState(""), queryRef = React.useRef(query), debouncedQuery = useDebouncedValue(query, 300), prevDebouncedQuery = React.useRef(debouncedQuery), [searching, setSearching] = React.useState(!1), [options, setOptions] = React.useState(NO_OPTIONS), client = useApiClient(), runIndexQuery = React.useCallback(
     (queryString) => {
       setSearching(!0);
       const indexName = indexConfig?.indexName, maxResults = indexConfig?.maxResults;
@@ -1932,19 +1932,19 @@ const NO_RESULTS_VALUE = "", NO_OPTIONS = [], NO_FILTER = () => !0, SemanticSear
     },
     [client, indexConfig, getEmptySearchValue, filterResult, typeFilter]
   );
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     prevDebouncedQuery.current !== debouncedQuery && runIndexQuery(debouncedQuery), prevDebouncedQuery.current = debouncedQuery;
   }, [debouncedQuery, runIndexQuery]);
-  const openButtonConfig = require$$0.useMemo(
+  const openButtonConfig = React.useMemo(
     () => ({ onClick: () => runIndexQuery(queryRef.current) }),
     [runIndexQuery, queryRef]
-  ), handleQueryChange = require$$0.useCallback(
+  ), handleQueryChange = React.useCallback(
     (newValue) => {
       const newQuery = newValue ?? "";
       queryRef.current = newQuery, setQuery(newQuery);
     },
     [setQuery]
-  ), handleChange = require$$0.useCallback(
+  ), handleChange = React.useCallback(
     (value) => {
       if (value === NO_RESULTS_VALUE) {
         setOptions(NO_OPTIONS);
@@ -1989,8 +1989,8 @@ function AutocompleteOption(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "bleed", padding: 1, style: { width: "100%" }, disabled: !0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, align: "center", children: "No results." }) });
 }
 function useDebouncedValue(value, ms) {
-  const [debouncedValue, setDebouncedValue] = require$$0.useState(value);
-  return require$$0.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+  return React.useEffect(() => {
     const timeoutId = setTimeout(() => {
       setDebouncedValue(value);
     }, ms);
@@ -1998,10 +1998,10 @@ function useDebouncedValue(value, ms) {
   }, [value, ms]), debouncedValue;
 }
 function QueryIndex(props) {
-  const { indexName } = props, getEmpty = require$$0.useCallback(() => "anything", []), indexConfig = require$$0.useMemo(
+  const { indexName } = props, getEmpty = React.useCallback(() => "anything", []), indexConfig = React.useMemo(
     () => ({ indexName, maxResults: 8 }),
     [indexName]
-  ), { resolveIntentLink, navigateUrl } = router.useRouter(), onSelect = require$$0.useCallback(
+  ), { resolveIntentLink, navigateUrl } = router.useRouter(), onSelect = React.useCallback(
     (hit) => {
       navigateUrl({
         path: resolveIntentLink("edit", { id: hit.value.documentId, type: hit.value.type })
@@ -2019,7 +2019,7 @@ function QueryIndex(props) {
   );
 }
 function IndexInfo({ selectedIndex, onDeleteIndex }) {
-  const handleDelete = require$$0.useCallback(
+  const handleDelete = React.useCallback(
     () => onDeleteIndex(selectedIndex),
     [selectedIndex, onDeleteIndex]
   );
@@ -2109,7 +2109,7 @@ function IndexList(props) {
   ] }) });
 }
 function IndexRow(props) {
-  const { selectedIndex, index, onIndexSelected } = props, onSelect = require$$0.useCallback(() => onIndexSelected(index), [onIndexSelected, index]);
+  const { selectedIndex, index, onIndexSelected } = props, onSelect = React.useCallback(() => onIndexSelected(index), [onIndexSelected, index]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Button,
     {
@@ -2143,11 +2143,11 @@ function EmbeddingsIndexTool() {
 }
 const NO_INDEXES = [];
 function Indexes() {
-  const client = useApiClient(), [indexes, setIndexes] = require$$0.useState(NO_INDEXES), [loading, setLoading] = require$$0.useState(!1), [error, setError] = require$$0.useState(!1), [createIndexOpen, setCreateIndexOpen] = require$$0.useState(!1), [selectedIndex, setSelectedIndex] = require$$0.useState(void 0), onCreateIndexClose = require$$0.useCallback(() => setCreateIndexOpen(!1), []);
-  require$$0.useEffect(() => {
+  const client = useApiClient(), [indexes, setIndexes] = React.useState(NO_INDEXES), [loading, setLoading] = React.useState(!1), [error, setError] = React.useState(!1), [createIndexOpen, setCreateIndexOpen] = React.useState(!1), [selectedIndex, setSelectedIndex] = React.useState(void 0), onCreateIndexClose = React.useCallback(() => setCreateIndexOpen(!1), []);
+  React.useEffect(() => {
     setSelectedIndex(indexes.find((i) => i.indexName === selectedIndex?.indexName));
   }, [indexes, selectedIndex]);
-  const updateIndexes = require$$0.useCallback(() => {
+  const updateIndexes = React.useCallback(() => {
     setLoading(!0), setError(!1), getIndexes(client).then((response) => {
       setLoading(!1), setIndexes(response);
     }).catch((e) => {
@@ -2155,7 +2155,7 @@ function Indexes() {
     }).finally(() => {
       setLoading(!1);
     });
-  }, [client]), deleteNamedIndex = require$$0.useCallback(
+  }, [client]), deleteNamedIndex = React.useCallback(
     (index) => {
       confirm(`Are you sure you want to delete ${index.indexName} for dataset ${index.dataset}?`) && (setLoading(!0), setError(!1), deleteIndex(index.indexName, client).then(() => {
         setTimeout(() => updateIndexes());
@@ -2166,16 +2166,16 @@ function Indexes() {
       }));
     },
     [client, updateIndexes]
-  ), onSelectIndex = require$$0.useCallback(
+  ), onSelectIndex = React.useCallback(
     (index) => {
       setSelectedIndex(index), updateIndexes();
     },
     [setSelectedIndex, updateIndexes]
   );
-  require$$0.useEffect(() => {
+  React.useEffect(() => {
     updateIndexes();
   }, [updateIndexes]);
-  const openCreate = require$$0.useCallback(() => setCreateIndexOpen(!0), []), onSubmit = require$$0.useCallback(
+  const openCreate = React.useCallback(() => setCreateIndexOpen(!0), []), onSubmit = React.useCallback(
     (index) => {
       setIndexes((current) => [...current, index]), setSelectedIndex(index), updateIndexes();
     },
@@ -2234,7 +2234,7 @@ function publicId(id) {
   return id.replace("drafts.", "");
 }
 function useEmeddingsConfig(embeddingsIndexConfig, defaultConfig) {
-  return require$$0.useMemo(() => {
+  return React.useMemo(() => {
     if (embeddingsIndexConfig === !0 || !embeddingsIndexConfig) {
       if (!defaultConfig?.indexName)
         throw new Error(
@@ -2254,7 +2254,7 @@ function useEmeddingsConfig(embeddingsIndexConfig, defaultConfig) {
   }, [defaultConfig, embeddingsIndexConfig]);
 }
 function SemanticSearchReferenceInput(props) {
-  const embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex, config2 = useEmeddingsConfig(embeddingsIndexConfig, props.defaultConfig), defaultEnabled = config2.searchMode === "embeddings", featureState = useIsFeatureEnabledContext(), [semantic, setSemantic] = require$$0.useState(defaultEnabled), toggleSemantic = require$$0.useCallback(() => setSemantic((current) => !current), []);
+  const embeddingsIndexConfig = props.schemaType?.options?.embeddingsIndex, config2 = useEmeddingsConfig(embeddingsIndexConfig, props.defaultConfig), defaultEnabled = config2.searchMode === "embeddings", featureState = useIsFeatureEnabledContext(), [semantic, setSemantic] = React.useState(defaultEnabled), toggleSemantic = React.useCallback(() => setSemantic((current) => !current), []);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, flex: 1, style: { width: "100%" }, children: [
     semantic && featureState == "loading" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : null,
     semantic && featureState == "disabled" ? /* @__PURE__ */ jsxRuntime.jsx(FeatureDisabledNotice, { urlSuffix: "?ref=embeddings-ref" }) : null,
@@ -2272,13 +2272,13 @@ function SemanticSearchReferenceInput(props) {
   ] });
 }
 function SemanticSearchInput(props) {
-  const { indexConfig, onPathFocus, onChange, readOnly, schemaType, value } = props, { value: currentDocument } = desk.useDocumentPane(), docRef = require$$0.useRef(currentDocument), autocompleteRef = require$$0.useRef(null);
-  require$$0.useEffect(() => {
+  const { indexConfig, onPathFocus, onChange, readOnly, schemaType, value } = props, { value: currentDocument } = desk.useDocumentPane(), docRef = React.useRef(currentDocument), autocompleteRef = React.useRef(null);
+  React.useEffect(() => {
     docRef.current = currentDocument;
-  }, [currentDocument]), require$$0.useEffect(() => {
+  }, [currentDocument]), React.useEffect(() => {
     value?._ref && autocompleteRef.current?.focus();
   }, []);
-  const handleFocus = require$$0.useCallback(() => onPathFocus(["_ref"]), [onPathFocus]), handleBlur = require$$0.useCallback(() => onPathFocus([]), [onPathFocus]), handleChange = require$$0.useCallback(
+  const handleFocus = React.useCallback(() => onPathFocus(["_ref"]), [onPathFocus]), handleBlur = React.useCallback(() => onPathFocus([]), [onPathFocus]), handleChange = React.useCallback(
     (result) => {
       if (!result) {
         onChange(sanity.unset()), onPathFocus([]);
@@ -2294,10 +2294,10 @@ function SemanticSearchInput(props) {
       onChange(patches), onPathFocus([]);
     },
     [onChange, onPathFocus, schemaType.name]
-  ), filterResult = require$$0.useCallback(
+  ), filterResult = React.useCallback(
     (r) => r.value.documentId !== publicId(docRef.current._id),
     [docRef]
-  ), getEmptySearchValue = require$$0.useCallback(() => JSON.stringify(docRef.current), [docRef]), typeFilter = require$$0.useMemo(
+  ), getEmptySearchValue = React.useCallback(() => JSON.stringify(docRef.current), [docRef]), typeFilter = React.useMemo(
     () => schemaType.to.map((refType) => refType.name),
     [schemaType]
   );