sanity-plugin-iconify 3.0.0 → 4.0.0

package/dist/index.js

@@ -1,362 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unset, set, definePlugin } from "sanity";
-import { Grid, Box, Card, Text, TextInput, Button, useToast, Popover, ThemeProvider, Stack, Flex } from "@sanity/ui";
-import { buildTheme } from "@sanity/ui/theme";
-import { useState, useCallback, memo, forwardRef, useId, useRef, useEffect, useMemo } from "react";
-import { useCombobox } from "downshift";
-import { match } from "ts-pattern";
-import { useQueryClient, useQuery, keepPreviousData, QueryClient, QueryClientProvider as QueryClientProvider$1 } from "@tanstack/react-query";
-import { useDebounce } from "use-debounce";
-import styled from "styled-components";
-import { Icon } from "@iconify/react";
-import { TrashIcon } from "@sanity/icons";
-import { stringToIcon } from "@iconify/utils";
-import { sentenceCase } from "change-case";
-const BASE_API_URL = "https://api.iconify.design";
-function fetchJson({ url, signal }) {
-  return fetch(url, { signal }).then((response) => {
-    if (!response.ok)
-      throw new Error(`Network error: status ${response.status}`);
-    return response.json();
-  }).then(
-    (result) => result,
-    (error) => {
-      throw error instanceof Error ? error : (console.error(`Unknown error: ${error}`), new Error("Something went wrong"));
-    }
-  );
-}
-function useSearch({ collections }) {
-  const queryClient2 = useQueryClient(), [term, setTerm] = useState(""), [debouncedTerm, setDebouncedTerm] = useDebounce(term, 500), updateTerm = useCallback(
-    (newTerm, updateImmediately = !1) => {
-      setTerm(newTerm), updateImmediately && setDebouncedTerm(newTerm);
-    },
-    [setDebouncedTerm]
-  ), { isLoading, isError, error, data, isPlaceholderData } = useQuery({
-    queryKey: ["search", collections, debouncedTerm],
-    queryFn: async ({ signal }) => {
-      const url = new URL("/search", BASE_API_URL);
-      url.searchParams.append("query", debouncedTerm), url.searchParams.append("limit", "60"), collections && url.searchParams.append("prefixes", collections.join(","));
-      const result = debouncedTerm ? await fetchJson({ url, signal }) : null;
-      return result && Object.entries(result.collections).forEach(([prefix, info]) => {
-        queryClient2.setQueryData(["iconSetInfo", prefix], info);
-      }), result?.icons ?? [];
-    },
-    enabled: debouncedTerm.length > 0,
-    placeholderData: keepPreviousData,
-    staleTime: 300 * 1e3
-    // 5 minutes
-  });
-  return {
-    term,
-    setTerm: updateTerm,
-    debouncedTerm,
-    isLoading,
-    isError,
-    error,
-    data,
-    isPreviousData: isPlaceholderData
-  };
-}
-function useIconSetInfo({ prefix }) {
-  return useQuery({
-    queryKey: ["iconSetInfo", prefix],
-    queryFn: async ({ signal }) => {
-      if (!prefix) return null;
-      const url = new URL("/collection", BASE_API_URL);
-      return url.searchParams.append("prefix", prefix), url.searchParams.append("info", "true"), (await fetchJson({ url, signal }))?.info ?? null;
-    },
-    staleTime: 1 / 0
-  });
-}
-styled(Grid)`
-  grid-template-columns: 1fr min-content;
-  position: relative;
-`;
-const OptionsWrapper = styled(Box)`
-  box-sizing: border-box;
-  padding: 0.5rem;
-
-  & [role='listbox'] {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  & [role='option'] {
-    display: grid;
-    place-items: center;
-    width: clamp(3rem, 10vw, 4rem);
-
-    & button {
-      cursor: pointer;
-      width: 100%;
-
-      & > [data-ui='Box'] {
-        display: flex;
-      }
-
-      & svg {
-        aspect-ratio: 1;
-      }
-    }
-  }
-`;
-function MessageWrapper({ children }) {
-  return /* @__PURE__ */ jsx(Card, { padding: 4, children: /* @__PURE__ */ jsx(Text, { align: "center", muted: !0, children }) });
-}
-const SearchInput = memo(
-  forwardRef((props, ref) => {
-    const { selectedIcon, suffix, ...rest } = props;
-    return /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        ...rest,
-        ref,
-        inputMode: "search",
-        icon: selectedIcon ? /* @__PURE__ */ jsx(Icon, { icon: selectedIcon }) : null,
-        placeholder: selectedIcon ? "Search and replace selected icon..." : "Search for an icon...",
-        suffix
-      }
-    );
-  })
-);
-SearchInput.displayName = "SearchInput";
-const SearchResults = memo(
-  forwardRef((props, ref) => {
-    const { state, data, getItemProps, highlightedIndex, ...rest } = props;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      (() => {
-        switch (state) {
-          case "initial":
-            return /* @__PURE__ */ jsx(MessageWrapper, { children: "Search for icons" });
-          case "loading":
-            return /* @__PURE__ */ jsx(MessageWrapper, { children: "Searching..." });
-          case "error":
-            return /* @__PURE__ */ jsx(MessageWrapper, { children: "Something went wrong..." });
-          case "empty":
-            return /* @__PURE__ */ jsx(MessageWrapper, { children: "No icons found" });
-        }
-      })(),
-      /* @__PURE__ */ jsx(
-        "ul",
-        {
-          ...rest,
-          ref,
-          "data-testid": "iconify-results",
-          style: { opacity: state === "stale" ? 0.5 : 1 },
-          children: (state === "data" || state === "stale") && data?.map((icon, index) => /* @__PURE__ */ jsx("li", { ...getItemProps({ item: icon, index }), children: /* @__PURE__ */ jsx(Button, { padding: 3, mode: "bleed", selected: index === highlightedIndex, children: /* @__PURE__ */ jsx(Icon, { icon, width: "100%", height: "100%" }) }) }, icon))
-        }
-      )
-    ] });
-  })
-);
-function UnsetButton(props) {
-  const { onUnset } = props;
-  return /* @__PURE__ */ jsx(Card, { border: !0, borderLeft: !1, padding: 1, display: "flex", radius: 2, children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      "data-testid": "iconify-unset",
-      icon: /* @__PURE__ */ jsx(TrashIcon, {}),
-      onClick: onUnset,
-      mode: "bleed",
-      fontSize: 1,
-      padding: 2
-    }
-  ) });
-}
-const IconifyCombobox = memo(function(props) {
-  const {
-    selectedIcon,
-    onSelect: pushSelection,
-    collections,
-    studioElementProps,
-    fieldFocused
-  } = props, id = useId(), toast = useToast(), inputRef = useRef(null), composedInputRef = useCallback(
-    (node) => {
-      inputRef.current = node, studioElementProps?.ref && (studioElementProps.ref.current = node);
-    },
-    [studioElementProps?.ref]
-  ), suppressNextBlur = useRef(!1), handleFocus = useCallback(
-    (event) => {
-      suppressNextBlur.current = !0, setTimeout(() => {
-        suppressNextBlur.current = !1;
-      }, 0), studioElementProps?.onFocus?.(event);
-    },
-    [studioElementProps]
-  ), handleBlur = useCallback(
-    (event) => {
-      if (suppressNextBlur.current) {
-        suppressNextBlur.current = !1;
-        return;
-      }
-      studioElementProps?.onBlur?.(event);
-    },
-    [studioElementProps]
-  ), { term, setTerm, debouncedTerm, isLoading, isError, error, data, isPreviousData } = useSearch({
-    collections
-  }), {
-    isOpen,
-    getMenuProps,
-    getInputProps,
-    highlightedIndex,
-    getItemProps,
-    selectItem,
-    setInputValue,
-    closeMenu
-  } = useCombobox({
-    items: data ?? [],
-    inputValue: term,
-    onInputValueChange({ inputValue, selectedItem }) {
-      inputValue !== selectedItem && setTerm(inputValue);
-    },
-    onSelectedItemChange({ selectedItem }) {
-      selectedItem && (pushSelection(selectedItem), setTerm("", !0), setInputValue(""));
-    }
-  });
-  useEffect(() => {
-    fieldFocused || closeMenu();
-  }, [fieldFocused, closeMenu]);
-  const handleUnset = useCallback(() => {
-    pushSelection(""), setTerm("", !0), selectItem("");
-  }, [pushSelection, setTerm, selectItem]);
-  useEffect(() => {
-    isError && (console.error("Iconify input error:", error), toast.push({
-      id,
-      status: "error",
-      title: "Iconify input error",
-      description: error?.message
-    }));
-  }, [error, id, isError, toast]);
-  const { onBlur: _downshiftOnBlur, ...inputProps } = getInputProps({
-    ref: composedInputRef,
-    id: studioElementProps?.id,
-    "aria-describedby": studioElementProps?.["aria-describedby"],
-    onFocus: handleFocus
-  });
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      SearchInput,
-      {
-        ...inputProps,
-        onBlur: handleBlur,
-        selectedIcon,
-        suffix: selectedIcon ? /* @__PURE__ */ jsx(UnsetButton, { onUnset: handleUnset }) : null
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: !0,
-        style: { display: isOpen ? "block" : "none" },
-        placement: "bottom",
-        arrow: !1,
-        matchReferenceWidth: !0,
-        constrainSize: !0,
-        referenceElement: inputRef.current,
-        content: /* @__PURE__ */ jsx(OptionsWrapper, { children: /* @__PURE__ */ jsx(
-          SearchResults,
-          {
-            ...getMenuProps(),
-            state: match(!0).returnType().with(isLoading, () => "loading").with(!debouncedTerm, () => "initial").with(isError, () => "error").with(!data || data.length === 0, () => "empty").with(isPreviousData, () => "stale").otherwise(() => "data"),
-            data,
-            getItemProps,
-            highlightedIndex
-          }
-        ) })
-      }
-    )
-  ] });
-}), queryClient = new QueryClient();
-function QueryClientProvider(props) {
-  return /* @__PURE__ */ jsx(QueryClientProvider$1, { client: queryClient, children: props.children });
-}
-function usePrettyIconName(props) {
-  const { name } = props, iconMeta = useMemo(
-    () => props.iconMeta ?? (name ? stringToIcon(name) : null),
-    [name, props.iconMeta]
-  ), iconSetInfo = useIconSetInfo({ prefix: iconMeta?.prefix ?? null });
-  return useMemo(
-    () => iconMeta ? {
-      name: sentenceCase(iconMeta.name),
-      collection: iconSetInfo.data?.name ?? iconMeta.prefix
-    } : null,
-    [iconMeta, iconSetInfo.data?.name]
-  );
-}
-const theme = buildTheme(), IconifyInput = memo(function(props) {
-  const { config, value, onChange: pushChange, schemaType, elementProps, focused } = props, selectedIcon = value?.name ?? null, options = schemaType.options, collections = !!options?.collections?.length && options.collections || !!config?.collections?.length && config.collections || null, showName = options?.showName ?? config?.showName ?? !1, handleSelect = useCallback(
-    (icon) => {
-      pushChange(icon === "" ? unset() : set(icon, ["name"]));
-    },
-    [pushChange]
-  );
-  return /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(
-      IconifyCombobox,
-      {
-        selectedIcon,
-        onSelect: handleSelect,
-        collections,
-        studioElementProps: elementProps,
-        fieldFocused: focused
-      }
-    ),
-    showName && selectedIcon ? /* @__PURE__ */ jsx(IconifyNameDisplay, { name: selectedIcon }) : null
-  ] }) }) });
-});
-function IconifyNameDisplay(props) {
-  const { name } = props, prettyName = usePrettyIconName({ name });
-  return /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Selected:" }),
-    /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: prettyName?.name ?? name }),
-    prettyName?.collection && /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, style: { fontStyle: "italic" }, children: [
-      "by ",
-      prettyName?.collection
-    ] })
-  ] });
-}
-const IconifyPreview = memo(function(props) {
-  const { title } = props, iconName = typeof props.title == "string" ? stringToIcon(props.title) : null;
-  return typeof title == "string" && iconName ? /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(IconifyPreviewInner, { ...props, iconName: title, iconMeta: iconName }) }) : props.renderDefault(props);
-});
-function IconifyPreviewInner(props) {
-  const { iconMeta, iconName, ...previewProps } = props, prettyName = usePrettyIconName({ iconMeta });
-  return props.renderDefault({
-    ...previewProps,
-    media: /* @__PURE__ */ jsx(Icon, { icon: iconName }),
-    title: prettyName?.name ?? iconName,
-    subtitle: prettyName?.collection
-  });
-}
-const iconify = definePlugin((config = {}) => ({
-  name: "sanity-plugin-iconify",
-  schema: {
-    types: [
-      {
-        name: "icon",
-        title: "Icon",
-        type: "object",
-        fields: [
-          {
-            name: "name",
-            title: "Name",
-            type: "string"
-          }
-        ],
-        components: {
-          input: (props) => /* @__PURE__ */ jsx(IconifyInput, { ...props, config }),
-          preview: IconifyPreview,
-          // This makes sure the input component is not indented
-          field: (props) => props.renderDefault({ ...props, level: 0 })
-        }
-      }
-    ]
-  }
-}));
-export {
-  iconify
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/lib/api.ts","../src/combobox/iconify-combobox.styles.tsx","../src/combobox/search-input.tsx","../src/combobox/search-result.tsx","../src/combobox/unset-button.tsx","../src/combobox/iconify-combobox.tsx","../src/lib/query-client.tsx","../src/lib/use-pretty-icon-name.ts","../src/iconify-input.tsx","../src/iconify-preview.tsx","../src/iconify-plugin.tsx"],"sourcesContent":["import type { IconifyInfo } from '@iconify/types';\nimport { keepPreviousData, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useCallback, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\nimport type { IconifySearchResult } from './types';\n\nconst BASE_API_URL = 'https://api.iconify.design';\n\nfunction fetchJson<T>({ url, signal }: { url: string | URL; signal?: AbortSignal }): Promise<T> {\n  return fetch(url, { signal })\n    .then((response) => {\n      if (!response.ok) {\n        throw new Error(`Network error: status ${response.status}`);\n      }\n\n      return response.json();\n    })\n    .then(\n      (result) => result as T,\n      (error) => {\n        if (error instanceof Error) {\n          throw error;\n        } else {\n          console.error(`Unknown error: ${error}`);\n          throw new Error('Something went wrong');\n        }\n      },\n    );\n}\n\nexport function useSearch({ collections }: { collections: string[] | null }) {\n  const queryClient = useQueryClient();\n  const [term, setTerm] = useState('');\n  const [debouncedTerm, setDebouncedTerm] = useDebounce(term, 500);\n\n  const updateTerm = useCallback(\n    (newTerm: string, updateImmediately = false) => {\n      setTerm(newTerm);\n\n      if (updateImmediately) {\n        setDebouncedTerm(newTerm);\n      }\n    },\n    [setDebouncedTerm],\n  );\n\n  const { isLoading, isError, error, data, isPlaceholderData } = useQuery<string[], Error>({\n    queryKey: ['search', collections, debouncedTerm],\n    queryFn: async ({ signal }) => {\n      const url = new URL(`/search`, BASE_API_URL);\n\n      url.searchParams.append('query', debouncedTerm);\n      url.searchParams.append('limit', '60');\n\n      if (collections) {\n        url.searchParams.append('prefixes', collections.join(','));\n      }\n\n      const result = debouncedTerm ? await fetchJson<IconifySearchResult>({ url, signal }) : null;\n\n      if (result) {\n        // Cache the info for each collection\n        Object.entries(result.collections).forEach(([prefix, info]) => {\n          queryClient.setQueryData<IconifyInfo>(['iconSetInfo', prefix], info);\n        });\n      }\n\n      return result?.icons ?? [];\n    },\n    enabled: debouncedTerm.length > 0,\n    placeholderData: keepPreviousData,\n    staleTime: 5 * 60 * 1000, // 5 minutes\n  });\n\n  return {\n    term,\n    setTerm: updateTerm,\n    debouncedTerm,\n    isLoading,\n    isError,\n    error,\n    data,\n    isPreviousData: isPlaceholderData,\n  };\n}\n\nexport function useIconSetInfo({ prefix }: { prefix?: string | null }) {\n  return useQuery<IconifyInfo | null, Error>({\n    queryKey: ['iconSetInfo', prefix],\n    queryFn: async ({ signal }) => {\n      if (!prefix) return null;\n\n      const url = new URL('/collection', BASE_API_URL);\n\n      url.searchParams.append('prefix', prefix);\n      url.searchParams.append('info', 'true');\n\n      const result = await fetchJson<{ info: IconifyInfo }>({ url, signal });\n\n      return result?.info ?? null;\n    },\n    staleTime: Infinity,\n  });\n}\n","import { Box, Card, Grid, Text } from '@sanity/ui';\nimport type { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport const ComboboxWrapper = styled(Grid)`\n  grid-template-columns: 1fr min-content;\n  position: relative;\n`;\n\nexport const OptionsWrapper = styled(Box)`\n  box-sizing: border-box;\n  padding: 0.5rem;\n\n  & [role='listbox'] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  & [role='option'] {\n    display: grid;\n    place-items: center;\n    width: clamp(3rem, 10vw, 4rem);\n\n    & button {\n      cursor: pointer;\n      width: 100%;\n\n      & > [data-ui='Box'] {\n        display: flex;\n      }\n\n      & svg {\n        aspect-ratio: 1;\n      }\n    }\n  }\n`;\n\nexport function MessageWrapper({ children }: { children: ReactNode }) {\n  return (\n    <Card padding={4}>\n      <Text align=\"center\" muted>\n        {children}\n      </Text>\n    </Card>\n  );\n}\n","import { Icon } from '@iconify/react';\nimport { TextInput } from '@sanity/ui';\nimport { forwardRef, memo } from 'react';\n\ninterface SearchInputProps extends React.HTMLAttributes<HTMLInputElement> {\n  selectedIcon: string | null;\n  suffix?: React.ReactNode;\n}\n\nexport const SearchInput = memo(\n  forwardRef<HTMLInputElement, SearchInputProps>((props, ref) => {\n    const { selectedIcon, suffix, ...rest } = props;\n\n    return (\n      <TextInput\n        {...rest}\n        ref={ref}\n        inputMode=\"search\"\n        icon={selectedIcon ? <Icon icon={selectedIcon} /> : null}\n        placeholder={selectedIcon ? 'Search and replace selected icon...' : 'Search for an icon...'}\n        suffix={suffix}\n      />\n    );\n  }),\n);\n\nSearchInput.displayName = 'SearchInput';\n","import { Icon } from '@iconify/react';\nimport { Button } from '@sanity/ui';\nimport type { UseComboboxGetItemPropsOptions, UseComboboxGetItemPropsReturnValue } from 'downshift';\nimport { forwardRef, memo } from 'react';\nimport { MessageWrapper } from './iconify-combobox.styles';\n\ntype GetItemProps = (\n  options: UseComboboxGetItemPropsOptions<string>,\n) => UseComboboxGetItemPropsReturnValue;\n\nexport interface SearchResultsProps extends React.HTMLAttributes<HTMLUListElement> {\n  state: 'initial' | 'loading' | 'error' | 'empty' | 'data' | 'stale';\n  data?: string[];\n  getItemProps: GetItemProps;\n  highlightedIndex: number;\n}\n\nexport const SearchResults = memo(\n  forwardRef<HTMLUListElement, SearchResultsProps>((props, ref) => {\n    const { state, data, getItemProps, highlightedIndex, ...rest } = props;\n\n    return (\n      <>\n        {(() => {\n          switch (state) {\n            case 'initial':\n              return <MessageWrapper>Search for icons</MessageWrapper>;\n            case 'loading':\n              return <MessageWrapper>Searching...</MessageWrapper>;\n            case 'error':\n              return <MessageWrapper>Something went wrong...</MessageWrapper>;\n            case 'empty':\n              return <MessageWrapper>No icons found</MessageWrapper>;\n          }\n        })()}\n\n        <ul\n          {...rest}\n          ref={ref}\n          data-testid=\"iconify-results\"\n          style={{ opacity: state === 'stale' ? 0.5 : 1 }}\n        >\n          {(state === 'data' || state === 'stale') &&\n            data?.map((icon, index) => (\n              <li key={icon} {...getItemProps({ item: icon, index })}>\n                <Button padding={3} mode=\"bleed\" selected={index === highlightedIndex}>\n                  <Icon icon={icon} width=\"100%\" height=\"100%\" />\n                </Button>\n              </li>\n            ))}\n        </ul>\n      </>\n    );\n  }),\n);\n","import { TrashIcon } from '@sanity/icons';\nimport { Button, Card } from '@sanity/ui';\n\n// ------------ //\n// UNSET BUTTON //\n// ------------ //\n\ninterface UnsetButtonProps {\n  onUnset: () => void;\n}\n\nexport function UnsetButton(props: UnsetButtonProps) {\n  const { onUnset } = props;\n\n  return (\n    <Card border borderLeft={false} padding={1} display=\"flex\" radius={2}>\n      <Button\n        data-testid=\"iconify-unset\"\n        icon={<TrashIcon />}\n        onClick={onUnset}\n        mode=\"bleed\"\n        fontSize={1}\n        padding={2}\n      />\n    </Card>\n  );\n}\n","import { Popover, useToast } from '@sanity/ui';\nimport { useCombobox } from 'downshift';\nimport { memo, useCallback, useEffect, useId, useRef } from 'react';\nimport type { ObjectInputProps } from 'sanity';\nimport { match } from 'ts-pattern';\nimport { useSearch } from '../lib/api';\nimport { OptionsWrapper } from './iconify-combobox.styles';\nimport { SearchInput } from './search-input';\nimport type { SearchResultsProps } from './search-result';\nimport { SearchResults } from './search-result';\nimport { UnsetButton } from './unset-button';\n\nexport interface IconifyComboboxProps {\n  selectedIcon: string | null;\n  onSelect: (newValue: string) => void;\n  collections: string[] | null;\n  studioElementProps?: ObjectInputProps['elementProps'];\n  fieldFocused?: boolean;\n}\n\nexport const IconifyCombobox = memo(function IconifyCombobox(props: IconifyComboboxProps) {\n  const {\n    selectedIcon,\n    onSelect: pushSelection,\n    collections,\n    studioElementProps,\n    fieldFocused,\n  } = props;\n\n  const id = useId();\n  const toast = useToast();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Compose our inputRef (used by the Popover for positioning) with Studio's focusRef.\n  // Standard Sanity inputs spread all of elementProps onto the native element, which\n  // lets Studio programmatically re-focus the field and track focus via onPathFocus/onPathBlur.\n  const composedInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (studioElementProps?.ref) {\n        (studioElementProps.ref as React.RefObject<HTMLInputElement | null>).current = node;\n      }\n    },\n    [studioElementProps?.ref],\n  );\n\n  // Studio steals focus to its field-actions-trigger immediately after field activation, then\n  // re-focuses the actual input — all within the same macrotask as the original focus event.\n  // We suppress the onPathBlur for this activation blur so Studio's focused state stays accurate.\n  // The flag is reset via setTimeout so any blur in a later macrotask (real user navigation) is\n  // forwarded normally.\n  const suppressNextBlur = useRef(false);\n\n  const handleFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      suppressNextBlur.current = true;\n      setTimeout(() => {\n        suppressNextBlur.current = false;\n      }, 0);\n      studioElementProps?.onFocus?.(event as unknown as React.FocusEvent<HTMLDivElement>);\n    },\n    [studioElementProps],\n  );\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      if (suppressNextBlur.current) {\n        suppressNextBlur.current = false;\n        return;\n      }\n      studioElementProps?.onBlur?.(event as unknown as React.FocusEvent<HTMLDivElement>);\n    },\n    [studioElementProps],\n  );\n\n  const { term, setTerm, debouncedTerm, isLoading, isError, error, data, isPreviousData } =\n    useSearch({\n      collections,\n    });\n\n  const {\n    isOpen,\n    getMenuProps,\n    getInputProps,\n    highlightedIndex,\n    getItemProps,\n    selectItem,\n    setInputValue,\n    closeMenu,\n  } = useCombobox({\n    items: data ?? [],\n    inputValue: term,\n    onInputValueChange({ inputValue, selectedItem }) {\n      if (inputValue !== selectedItem) {\n        setTerm(inputValue);\n      }\n    },\n    onSelectedItemChange({ selectedItem }) {\n      if (selectedItem) {\n        pushSelection(selectedItem);\n        setTerm('', true);\n        setInputValue('');\n      }\n    },\n  });\n\n  // Close the menu when Studio considers the field unfocused. This is the state→UI equivalent\n  // of the old stateReducer: instead of intercepting downshift's blur handling imperatively,\n  // we let Studio's focused state drive whether the menu should be open.\n  useEffect(() => {\n    if (!fieldFocused) closeMenu();\n  }, [fieldFocused, closeMenu]);\n\n  const handleUnset = useCallback(() => {\n    pushSelection('');\n    setTerm('', true);\n    selectItem('');\n  }, [pushSelection, setTerm, selectItem]);\n\n  useEffect(() => {\n    if (isError) {\n      console.error('Iconify input error:', error);\n\n      toast.push({\n        id,\n        status: 'error',\n        title: 'Iconify input error',\n        description: error?.message,\n      });\n    }\n  }, [error, id, isError, toast]);\n\n  // Destructure onBlur out so downshift's InputBlur doesn't close the menu —\n  // menu lifecycle is now driven by fieldFocused via the effect above.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { onBlur: _downshiftOnBlur, ...inputProps } = getInputProps({\n    ref: composedInputRef,\n    id: studioElementProps?.id,\n    'aria-describedby': studioElementProps?.['aria-describedby'],\n    onFocus: handleFocus,\n  });\n\n  return (\n    <div>\n      <SearchInput\n        {...inputProps}\n        onBlur={handleBlur}\n        selectedIcon={selectedIcon}\n        suffix={selectedIcon ? <UnsetButton onUnset={handleUnset} /> : null}\n      />\n\n      <Popover\n        open={true}\n        style={{ display: isOpen ? 'block' : 'none' }}\n        placement=\"bottom\"\n        arrow={false}\n        matchReferenceWidth\n        constrainSize\n        referenceElement={inputRef.current}\n        content={\n          <OptionsWrapper>\n            <SearchResults\n              {...getMenuProps()}\n              state={match<boolean>(true)\n                .returnType<SearchResultsProps['state']>()\n                .with(isLoading, () => 'loading')\n                .with(!debouncedTerm, () => 'initial')\n                .with(isError, () => 'error')\n                .with(!data || data.length === 0, () => 'empty')\n                .with(isPreviousData, () => 'stale')\n                .otherwise(() => 'data')}\n              data={data}\n              getItemProps={getItemProps}\n              highlightedIndex={highlightedIndex}\n            />\n          </OptionsWrapper>\n        }\n      />\n    </div>\n  );\n});\n","import {\n  QueryClient,\n  QueryClientProvider as ReactQueryClientProvider,\n} from '@tanstack/react-query';\nimport type { ReactNode } from 'react';\n\nexport const queryClient = new QueryClient();\n\nexport function QueryClientProvider(props: { children: ReactNode }) {\n  return <ReactQueryClientProvider client={queryClient}>{props.children}</ReactQueryClientProvider>;\n}\n","import type { IconifyIconName } from '@iconify/utils';\nimport { stringToIcon } from '@iconify/utils';\nimport { sentenceCase } from 'change-case';\nimport { useMemo } from 'react';\nimport { useIconSetInfo } from './api';\n\ninterface UsePrettyIconNameProps {\n  name?: string | null;\n  iconMeta?: IconifyIconName | null;\n}\n\nexport function usePrettyIconName(props: UsePrettyIconNameProps) {\n  const { name } = props;\n  const iconMeta = useMemo(\n    () => props.iconMeta ?? (name ? stringToIcon(name) : null),\n    [name, props.iconMeta],\n  );\n  const iconSetInfo = useIconSetInfo({ prefix: iconMeta?.prefix ?? null });\n\n  return useMemo(\n    () =>\n      iconMeta\n        ? {\n            name: sentenceCase(iconMeta.name),\n            collection: iconSetInfo.data?.name ?? iconMeta.prefix,\n          }\n        : null,\n    [iconMeta, iconSetInfo.data?.name],\n  );\n}\n","import { Flex, Stack, Text, ThemeProvider } from '@sanity/ui';\nimport { buildTheme } from '@sanity/ui/theme';\nimport { memo, useCallback } from 'react';\nimport type { ObjectInputProps } from 'sanity';\nimport { set, unset } from 'sanity';\nimport { IconifyCombobox } from './combobox';\nimport { QueryClientProvider } from './lib/query-client';\nimport type { IconifyPluginConfig, IconOptions } from './lib/types';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\nconst theme = buildTheme();\n\ninterface IconifyInputProps extends ObjectInputProps {\n  config: IconifyPluginConfig;\n}\n\nexport const IconifyInput = memo(function IconifyInput(props: IconifyInputProps) {\n  const { config, value, onChange: pushChange, schemaType, elementProps, focused } = props;\n\n  const selectedIcon: string | null = value?.name ?? null;\n\n  const options: IconOptions = schemaType.options;\n  const collections =\n    (!!options?.collections?.length && options.collections) ||\n    (!!config?.collections?.length && config.collections) ||\n    null;\n  const showName = options?.showName ?? config?.showName ?? false;\n\n  const handleSelect = useCallback(\n    (icon: string) => {\n      pushChange(icon === '' ? unset() : set(icon, ['name']));\n    },\n    [pushChange],\n  );\n\n  return (\n    <QueryClientProvider>\n      <ThemeProvider theme={theme}>\n        <Stack space={2}>\n          <IconifyCombobox\n            selectedIcon={selectedIcon}\n            onSelect={handleSelect}\n            collections={collections}\n            studioElementProps={elementProps}\n            fieldFocused={focused}\n          />\n\n          {showName && selectedIcon ? <IconifyNameDisplay name={selectedIcon} /> : null}\n        </Stack>\n      </ThemeProvider>\n    </QueryClientProvider>\n  );\n});\n\ninterface IconifyNameDisplayProps {\n  name?: string | null;\n}\n\nexport function IconifyNameDisplay(props: IconifyNameDisplayProps) {\n  const { name } = props;\n  const prettyName = usePrettyIconName({ name });\n\n  return (\n    <Flex gap={1}>\n      <Text size={1} muted>\n        Selected:\n      </Text>\n\n      <Text size={1} weight=\"semibold\">\n        {prettyName?.name ?? name}\n      </Text>\n\n      {prettyName?.collection && (\n        <Text size={1} muted style={{ fontStyle: 'italic' }}>\n          by {prettyName?.collection}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n","import { Icon } from '@iconify/react';\nimport type { IconifyIconName } from '@iconify/utils';\nimport { stringToIcon } from '@iconify/utils';\nimport { memo } from 'react';\nimport type { PreviewProps } from 'sanity';\nimport { QueryClientProvider } from './lib/query-client';\nimport { usePrettyIconName } from './lib/use-pretty-icon-name';\n\n// --------------- //\n// ICONIFY PREVIEW //\n// --------------- //\n\nexport const IconifyPreview = memo(function IconifyPreview(props: PreviewProps) {\n  const { title } = props;\n  const iconName = typeof props.title === 'string' ? stringToIcon(props.title) : null;\n\n  // We check this double to avoid the TS error\n  if (typeof title === 'string' && iconName) {\n    return (\n      <QueryClientProvider>\n        <IconifyPreviewInner {...props} iconName={title} iconMeta={iconName} />\n      </QueryClientProvider>\n    );\n  }\n\n  return props.renderDefault(props);\n});\n\n// --------------------- //\n// ICONIFY PREVIEW INNER //\n// --------------------- //\n\ninterface IconifyPreviewInnerProps extends PreviewProps {\n  iconName: string;\n  iconMeta: IconifyIconName;\n}\n\nfunction IconifyPreviewInner(props: IconifyPreviewInnerProps) {\n  const { iconMeta, iconName, ...previewProps } = props;\n  const prettyName = usePrettyIconName({ iconMeta });\n\n  return props.renderDefault({\n    ...previewProps,\n    media: <Icon icon={iconName} />,\n    title: prettyName?.name ?? iconName,\n    subtitle: prettyName?.collection,\n  });\n}\n","import type { FieldProps, ObjectInputProps } from 'sanity';\nimport { definePlugin } from 'sanity';\nimport { IconifyInput } from './iconify-input';\nimport { IconifyPreview } from './iconify-preview';\nimport type { IconifyPluginConfig } from './lib/types';\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { iconify } from 'sanity-plugin-iconify'\n *\n * export default defineConfig({\n *   // ...\n *   plugins: [iconify()],\n * })\n * ```\n */\nexport const iconify = definePlugin<IconifyPluginConfig | void>((config = {}) => {\n  return {\n    name: 'sanity-plugin-iconify',\n    schema: {\n      types: [\n        {\n          name: 'icon',\n          title: 'Icon',\n          type: 'object',\n          fields: [\n            {\n              name: 'name',\n              title: 'Name',\n              type: 'string',\n            },\n          ],\n          components: {\n            input: (props: ObjectInputProps) => <IconifyInput {...props} config={config!} />,\n            preview: IconifyPreview,\n\n            // This makes sure the input component is not indented\n            field: (props: FieldProps) => props.renderDefault({ ...props, level: 0 }),\n          },\n        },\n      ],\n    },\n  };\n});\n"],"names":["queryClient","ReactQueryClientProvider"],"mappings":"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"}