sanity-plugin-asset-source-unsplash 1.0.7-beta.0 → 1.0.7

package/README.md

@@ -4,6 +4,7 @@
 > For the v2 version, please refer to the [v2-branch](https://github.com/sanity-io/sanity-plugin-asset-source-unsplash/tree/studio-v2).
 
 ## What is it?
+
 Search for photos on Unsplash and add them to your project right inside Sanity Studio.
 
 ![Unsplash image selector](assets/unsplash-selector.png)
@@ -21,13 +22,11 @@ or
 Add it as a plugin in sanity.config.ts (or .js):
 
 ```js
-import { unsplashImageAsset } from "sanity-plugin-asset-source-unsplash";
+import { unsplashImageAsset } from 'sanity-plugin-asset-source-unsplash'
 
 export default defineConfig({
   // ...
-  plugins: [
-    unsplashImageAsset(),
-  ] 
+  plugins: [unsplashImageAsset()],
 })
 ```
 
@@ -39,19 +38,17 @@ If you need to configure when Unsplash should be available as an asset source, f
 `form.image.assetSources`:
 
 ```js
-import { unsplashImageAsset, unsplashAssetSource } from "sanity-plugin-asset-source-unsplash";
+import { unsplashImageAsset, unsplashAssetSource } from 'sanity-plugin-asset-source-unsplash'
 
 export default defineConfig({
   // ...
-  plugins: [
-    unsplashImageAsset(),
-  ],
+  plugins: [unsplashImageAsset()],
   form: {
     image: {
-      assetSources: (previousAssetSources, {schema}) => {
+      assetSources: (previousAssetSources, { schema }) => {
         if (schema.name === 'movie-image') {
           // remove unsplash from movie-image types
-          return previousAssetSources.filter(assetSource => assetSource !== unsplashAssetSource)
+          return previousAssetSources.filter((assetSource) => assetSource !== unsplashAssetSource)
         }
         return previousAssetSources
       },
@@ -122,7 +119,6 @@ export default defineConfig({
     "accepted_tos": true
   }
 }
-
 ```
 
 ## Example resulting asset document
@@ -223,8 +219,8 @@ export default defineConfig({
 
 ## Futher reading
 
-* https://unsplash.com/documentation
-* https://www.sanity.io/docs/custom-asset-sources
+- https://unsplash.com/documentation
+- https://www.sanity.io/docs/custom-asset-sources
 
 ## License
 

package/lib/index.esm.js

@@ -1,7 +1,7 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useRef, useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import PhotoAlbum from 'react-photo-album';
 import { concat, defer, BehaviorSubject } from 'rxjs';
 import { Card, useTheme, Text, Stack, Dialog, TextInput, Flex, Spinner } from '@sanity/ui';
@@ -29,10 +29,10 @@ function Photo(props) {
     data,
     onKeyDown,
     onFocus,
+    active,
     width,
     height
   } = props;
-  const rootElm = useRef(null);
   const handleClick = useCallback(() => {
     onClick(data);
   }, [onClick, data]);
@@ -50,11 +50,15 @@ function Photo(props) {
   const handleMouseDown = useCallback(() => {
     onFocus(data);
   }, [onFocus, data]);
+  useEffect(() => {
+    if (active) {
+      onFocus(data);
+    }
+  }, [active, data, onFocus]);
   const src = data.urls.small;
   const userName = data.user.name;
   const theme = useTheme().sanity;
   return /* @__PURE__ */jsx(Root, {
-    ref: rootElm,
     studioTheme: theme,
     title: "Select image by ".concat(userName, " from Unsplash"),
     tabIndex: 0,
@@ -209,12 +213,14 @@ class UnsplashAssetSourceInternal extends React.Component {
         photo,
         layout
       } = props;
+      const active = this.getPhotos().findIndex(result => result.id === photo.data.id) === this.state.cursor || false;
       return /* @__PURE__ */jsx(Photo, {
         onClick: this.handleSelect.bind(photo.data),
         onKeyDown: this.handleKeyDown,
         data: photo.data,
         width: layout.width,
         height: layout.height,
+        active,
         onFocus: this.updateCursor
       });
     };

package/lib/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useRef } from 'react'\nimport { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n  data: UnsplashPhoto\n  width: number\n  height: number\n  onClick: (photo: UnsplashPhoto) => void\n  onKeyDown: (event: any) => void\n  onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n  const { onClick, data, onKeyDown, onFocus, width, height } = props\n  const rootElm = useRef<HTMLDivElement>(null)\n\n  const handleClick = useCallback(() => {\n    onClick(data)\n  }, [onClick, data])\n\n  const handleCreditLineClicked = useCallback(\n    (event: any) => {\n      event.stopPropagation()\n      const url = `${data.links.html}?utm_source=${encodeURIComponent(\n        UTM_SOURCE\n      )}&utm_medium=referral`\n      window.open(url, data.id, 'noreferrer,noopener')\n    },\n    [data]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: any) => {\n      onKeyDown(event)\n      if (event.keyCode === 13) {\n        onClick(data)\n      }\n    },\n    [onKeyDown, data, onClick]\n  )\n\n  const handleMouseDown = useCallback(() => {\n    onFocus(data)\n  }, [onFocus, data])\n\n  const src = data.urls.small\n  const userName = data.user.name\n\n  const theme = useTheme().sanity\n  return (\n    <Root\n      ref={rootElm}\n      studioTheme={theme}\n      title={`Select image by ${userName} from Unsplash`}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      style={{\n        width: `${width}px`,\n        height: `${height}px`,\n        backgroundImage: `url(\"${src}\")`,\n      }}\n      onClick={handleClick}\n    >\n      <CreditLineLink onClick={handleCreditLineClicked}>\n        <CreditLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n            By @{data.user.username}\n          </Text>\n        </CreditLine>\n      </CreditLineLink>\n    </Root>\n  )\n}\n","import { defer, concat, BehaviorSubject, Observable } from 'rxjs'\nimport { debounceTime, switchMap, map, distinctUntilChanged, withLatestFrom } from 'rxjs/operators'\nimport { UnsplashPhoto } from '../types'\nimport { SanityClient } from '@sanity/client'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n  client: SanityClient,\n  query: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n          query\n        )}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash'\n  )\n  return client\n    .request({\n      url: downloadUrl,\n      withCredentials: true,\n      method: 'GET',\n    })\n    .then((result: { url: string }) => {\n      return result.url\n    })\n}\n\nexport const search = (\n  client: SanityClient,\n  query: SearchSubject,\n  page: PageSubject,\n  resultsPerPage: number\n): Observable<any> => {\n  return concat(\n    query.pipe(\n      withLatestFrom(page),\n      debounceTime(500),\n      distinctUntilChanged(),\n      switchMap(([q, p]) => {\n        if (q) {\n          return fetchSearch(client, q, p, resultsPerPage).pipe(\n            distinctUntilChanged(),\n            map((result) => result.results)\n          )\n        }\n        return fetchList(client, 'popular', p, resultsPerPage)\n      })\n    )\n  )\n}\n","import { Stack } from '@sanity/ui'\nimport styled from 'styled-components'\n\nexport const Search = styled(Stack)`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`\n\nexport const Scroller = styled.div`\n  overflow-y: auto;\n  max-height: 80vh;\n`\n","import React from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport { Search } from './UnsplashAssetSource.styled'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport { useClient, AssetSourceComponentProps, AssetFromSource } from 'sanity'\nimport { SanityClient } from '@sanity/client'\n\ntype State = {\n  query: string\n  searchResults: UnsplashPhoto[][]\n  page: number\n  isLoading: boolean\n  cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n  const client = useClient({ apiVersion: '2022-09-01' })\n  return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n  AssetSourceComponentProps & { client: SanityClient },\n  State\n> {\n  static defaultProps = {\n    selectedAssets: undefined,\n  }\n\n  state = {\n    cursor: 0,\n    query: '',\n    page: 1,\n    searchResults: [[]],\n    isLoading: true,\n  }\n\n  searchSubscription: Subscription | null = null\n\n  searchSubject$ = new BehaviorSubject('')\n  pageSubject$ = new BehaviorSubject(1)\n\n  componentDidMount() {\n    this.searchSubscription = search(\n      this.props.client,\n      this.searchSubject$,\n      this.pageSubject$,\n      RESULTS_PER_PAGE\n    ).subscribe({\n      next: (results: UnsplashPhoto[]) => {\n        this.setState((prev) => ({\n          searchResults: [...prev.searchResults, results],\n          isLoading: false,\n        }))\n      },\n    })\n  }\n\n  componentWillUnmount() {\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe()\n    }\n  }\n\n  handleSelect = (photo: UnsplashPhoto) => {\n    this.setState({ isLoading: true })\n    return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n      const description = photo.description || undefined\n      const asset: AssetFromSource = {\n        kind: 'url',\n        value: downloadUrl,\n        assetDocumentProps: {\n          _type: 'sanity.imageAsset',\n          source: {\n            name: 'unsplash',\n            id: photo.id,\n            url: photo.links.html,\n          },\n          description,\n          creditLine: `${photo.user.name} by Unsplash`,\n        } as any,\n      }\n      this.props.onSelect([asset])\n    })\n  }\n\n  handleClose = () => {\n    this.props.onClose()\n  }\n\n  handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.currentTarget.value\n    this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleScollerLoadMore = () => {\n    // eslint-disable-next-line react/no-access-state-in-setstate\n    const nextPage = this.state.page + 1\n    this.setState({ page: nextPage, isLoading: true })\n    this.pageSubject$.next(nextPage)\n    this.searchSubject$.next(this.state.query)\n  }\n\n  handleKeyDown = (event: any) => {\n    const { cursor } = this.state\n    if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor - 1,\n      }))\n    } else if (\n      (event.keyCode === 40 || event.keyCode === 39) &&\n      cursor < this.getPhotos().length - 1\n    ) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor + 1,\n      }))\n    }\n  }\n\n  getPhotos() {\n    return this.state.searchResults.flat()\n  }\n\n  updateCursor = (photo: UnsplashPhoto) => {\n    const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n    this.setState({ cursor: index })\n  }\n\n  renderImage = (props: any) => {\n    const { photo, layout } = props\n\n    return (\n      <Photo\n        onClick={this.handleSelect.bind(photo.data)}\n        onKeyDown={this.handleKeyDown}\n        data={photo.data}\n        width={layout.width}\n        height={layout.height}\n        onFocus={this.updateCursor}\n      />\n    )\n  }\n\n  render() {\n    const { query, searchResults, isLoading } = this.state\n\n    return (\n      <Dialog\n        id=\"unsplash-asset-source\"\n        header=\"Select image from Unsplash\"\n        onClose={this.handleClose}\n        open\n        width={4}\n      >\n        <Stack space={3} padding={4}>\n          <Card>\n            <Search space={3}>\n              <Text size={1} weight=\"semibold\">\n                Search Unsplash\n              </Text>\n              <TextInput\n                label=\"Search Unsplash.com\"\n                placeholder=\"Topics or colors\"\n                value={query}\n                onChange={this.handleSearchTermChanged}\n              />\n            </Search>\n          </Card>\n          {!isLoading && this.getPhotos().length === 0 && (\n            <Text size={1} muted>\n              No results found\n            </Text>\n          )}\n          <InfiniteScroll\n            dataLength={this.getPhotos().length} // This is important field to render the next data\n            next={this.handleScollerLoadMore}\n            // scrollableTarget=\"unsplash-scroller\"\n            hasMore\n            scrollThreshold={0.99}\n            height=\"60vh\"\n            loader={\n              <Flex align=\"center\" justify=\"center\" padding={3}>\n                <Spinner muted />\n              </Flex>\n            }\n            endMessage={\n              <Text size={1} muted>\n                No more results\n              </Text>\n            }\n          >\n            {searchResults\n              .filter((photos) => photos.length > 0)\n              .map((photos: UnsplashPhoto[], index) => (\n                <PhotoAlbum\n                  key={`gallery-${query || 'popular'}-${index}`}\n                  layout=\"rows\"\n                  spacing={PHOTO_SPACING}\n                  padding={PHOTO_PADDING}\n                  targetRowHeight={(width) => {\n                    if (width < 300) return 150\n                    else if (width < 600) return 200\n                    return 300\n                  }}\n                  photos={photos.map((photo: UnsplashPhoto) => ({\n                    src: photo.urls.small,\n                    width: photo.width,\n                    height: photo.height,\n                    key: photo.id,\n                    data: photo,\n                  }))}\n                  renderPhoto={this.renderImage}\n                  componentsProps={{\n                    containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n                  }}\n                />\n              ))}\n          </InfiniteScroll>\n        </Stack>\n      </Dialog>\n    )\n  }\n}\n","import React from 'react'\n\nexport default function UnsplashIcon() {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { definePlugin, AssetSource } from 'sanity'\n\nexport type { UnsplashPhoto, Asset, AssetDocument } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n"],"names":["Root","styled","div","_templateObject","_taggedTemplateLiteral","_ref","studioTheme","concat","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref2","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","width","height","rootElm","useRef","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","src","urls","small","userName","user","name","useTheme","jsx","ref","title","tabIndex","onMouseDown","style","backgroundImage","children","padding","radius","margin","jsxs","Text","size","username","fetchSearch","client","query","page","perPage","defer","observable","request","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref3","q","p","map","results","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect } from 'react'\nimport { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n  data: UnsplashPhoto\n  width: number\n  height: number\n  onClick: (photo: UnsplashPhoto) => void\n  onKeyDown: (event: any) => void\n  active: boolean\n  onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n  const { onClick, data, onKeyDown, onFocus, active, width, height } = props\n\n  const handleClick = useCallback(() => {\n    onClick(data)\n  }, [onClick, data])\n\n  const handleCreditLineClicked = useCallback(\n    (event: any) => {\n      event.stopPropagation()\n      const url = `${data.links.html}?utm_source=${encodeURIComponent(\n        UTM_SOURCE\n      )}&utm_medium=referral`\n      window.open(url, data.id, 'noreferrer,noopener')\n    },\n    [data]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: any) => {\n      onKeyDown(event)\n      if (event.keyCode === 13) {\n        onClick(data)\n      }\n    },\n    [onKeyDown, data, onClick]\n  )\n\n  const handleMouseDown = useCallback(() => {\n    onFocus(data)\n  }, [onFocus, data])\n\n  useEffect(() => {\n    if (active) {\n      onFocus(data)\n    }\n  }, [active, data, onFocus])\n\n  const src = data.urls.small\n  const userName = data.user.name\n\n  const theme = useTheme().sanity\n  return (\n    <Root\n      studioTheme={theme}\n      title={`Select image by ${userName} from Unsplash`}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      style={{\n        width: `${width}px`,\n        height: `${height}px`,\n        backgroundImage: `url(\"${src}\")`,\n      }}\n      onClick={handleClick}\n    >\n      <CreditLineLink onClick={handleCreditLineClicked}>\n        <CreditLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n            By @{data.user.username}\n          </Text>\n        </CreditLine>\n      </CreditLineLink>\n    </Root>\n  )\n}\n","import { defer, concat, BehaviorSubject, Observable } from 'rxjs'\nimport { debounceTime, switchMap, map, distinctUntilChanged, withLatestFrom } from 'rxjs/operators'\nimport { UnsplashPhoto } from '../types'\nimport { SanityClient } from '@sanity/client'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n  client: SanityClient,\n  query: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n          query\n        )}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash'\n  )\n  return client\n    .request({\n      url: downloadUrl,\n      withCredentials: true,\n      method: 'GET',\n    })\n    .then((result: { url: string }) => {\n      return result.url\n    })\n}\n\nexport const search = (\n  client: SanityClient,\n  query: SearchSubject,\n  page: PageSubject,\n  resultsPerPage: number\n): Observable<any> => {\n  return concat(\n    query.pipe(\n      withLatestFrom(page),\n      debounceTime(500),\n      distinctUntilChanged(),\n      switchMap(([q, p]) => {\n        if (q) {\n          return fetchSearch(client, q, p, resultsPerPage).pipe(\n            distinctUntilChanged(),\n            map((result) => result.results)\n          )\n        }\n        return fetchList(client, 'popular', p, resultsPerPage)\n      })\n    )\n  )\n}\n","import { Stack } from '@sanity/ui'\nimport styled from 'styled-components'\n\nexport const Search = styled(Stack)`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`\n\nexport const Scroller = styled.div`\n  overflow-y: auto;\n  max-height: 80vh;\n`\n","import React from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport { Search } from './UnsplashAssetSource.styled'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport { useClient, AssetSourceComponentProps, AssetFromSource } from 'sanity'\nimport { SanityClient } from '@sanity/client'\n\ntype State = {\n  query: string\n  searchResults: UnsplashPhoto[][]\n  page: number\n  isLoading: boolean\n  cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n  const client = useClient({ apiVersion: '2022-09-01' })\n  return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n  AssetSourceComponentProps & { client: SanityClient },\n  State\n> {\n  static defaultProps = {\n    selectedAssets: undefined,\n  }\n\n  state = {\n    cursor: 0,\n    query: '',\n    page: 1,\n    searchResults: [[]],\n    isLoading: true,\n  }\n\n  searchSubscription: Subscription | null = null\n\n  searchSubject$ = new BehaviorSubject('')\n  pageSubject$ = new BehaviorSubject(1)\n\n  componentDidMount() {\n    this.searchSubscription = search(\n      this.props.client,\n      this.searchSubject$,\n      this.pageSubject$,\n      RESULTS_PER_PAGE\n    ).subscribe({\n      next: (results: UnsplashPhoto[]) => {\n        this.setState((prev) => ({\n          searchResults: [...prev.searchResults, results],\n          isLoading: false,\n        }))\n      },\n    })\n  }\n\n  componentWillUnmount() {\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe()\n    }\n  }\n\n  handleSelect = (photo: UnsplashPhoto) => {\n    this.setState({ isLoading: true })\n    return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n      const description = photo.description || undefined\n      const asset: AssetFromSource = {\n        kind: 'url',\n        value: downloadUrl,\n        assetDocumentProps: {\n          _type: 'sanity.imageAsset',\n          source: {\n            name: 'unsplash',\n            id: photo.id,\n            url: photo.links.html,\n          },\n          description,\n          creditLine: `${photo.user.name} by Unsplash`,\n        } as any,\n      }\n      this.props.onSelect([asset])\n    })\n  }\n\n  handleClose = () => {\n    this.props.onClose()\n  }\n\n  handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.currentTarget.value\n    this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleScollerLoadMore = () => {\n    // eslint-disable-next-line react/no-access-state-in-setstate\n    const nextPage = this.state.page + 1\n    this.setState({ page: nextPage, isLoading: true })\n    this.pageSubject$.next(nextPage)\n    this.searchSubject$.next(this.state.query)\n  }\n\n  handleKeyDown = (event: any) => {\n    const { cursor } = this.state\n    if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor - 1,\n      }))\n    } else if (\n      (event.keyCode === 40 || event.keyCode === 39) &&\n      cursor < this.getPhotos().length - 1\n    ) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor + 1,\n      }))\n    }\n  }\n\n  getPhotos() {\n    return this.state.searchResults.flat()\n  }\n\n  updateCursor = (photo: UnsplashPhoto) => {\n    const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n    this.setState({ cursor: index })\n  }\n\n  renderImage = (props: any) => {\n    const { photo, layout } = props\n    const active =\n      this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===\n        this.state.cursor || false\n    return (\n      <Photo\n        onClick={this.handleSelect.bind(photo.data)}\n        onKeyDown={this.handleKeyDown}\n        data={photo.data}\n        width={layout.width}\n        height={layout.height}\n        active={active}\n        onFocus={this.updateCursor}\n      />\n    )\n  }\n\n  render() {\n    const { query, searchResults, isLoading } = this.state\n\n    return (\n      <Dialog\n        id=\"unsplash-asset-source\"\n        header=\"Select image from Unsplash\"\n        onClose={this.handleClose}\n        open\n        width={4}\n      >\n        <Stack space={3} padding={4}>\n          <Card>\n            <Search space={3}>\n              <Text size={1} weight=\"semibold\">\n                Search Unsplash\n              </Text>\n              <TextInput\n                label=\"Search Unsplash.com\"\n                placeholder=\"Topics or colors\"\n                value={query}\n                onChange={this.handleSearchTermChanged}\n              />\n            </Search>\n          </Card>\n          {!isLoading && this.getPhotos().length === 0 && (\n            <Text size={1} muted>\n              No results found\n            </Text>\n          )}\n          <InfiniteScroll\n            dataLength={this.getPhotos().length} // This is important field to render the next data\n            next={this.handleScollerLoadMore}\n            // scrollableTarget=\"unsplash-scroller\"\n            hasMore\n            scrollThreshold={0.99}\n            height=\"60vh\"\n            loader={\n              <Flex align=\"center\" justify=\"center\" padding={3}>\n                <Spinner muted />\n              </Flex>\n            }\n            endMessage={\n              <Text size={1} muted>\n                No more results\n              </Text>\n            }\n          >\n            {searchResults\n              .filter((photos) => photos.length > 0)\n              .map((photos: UnsplashPhoto[], index) => (\n                <PhotoAlbum\n                  key={`gallery-${query || 'popular'}-${index}`}\n                  layout=\"rows\"\n                  spacing={PHOTO_SPACING}\n                  padding={PHOTO_PADDING}\n                  targetRowHeight={(width) => {\n                    if (width < 300) return 150\n                    else if (width < 600) return 200\n                    return 300\n                  }}\n                  photos={photos.map((photo: UnsplashPhoto) => ({\n                    src: photo.urls.small,\n                    width: photo.width,\n                    height: photo.height,\n                    key: photo.id,\n                    data: photo,\n                  }))}\n                  renderPhoto={this.renderImage}\n                  componentsProps={{\n                    containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n                  }}\n                />\n              ))}\n          </InfiniteScroll>\n        </Stack>\n      </Dialog>\n    )\n  }\n}\n","import React from 'react'\n\nexport default function UnsplashIcon() {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { definePlugin, AssetSource } from 'sanity'\n\nexport type { UnsplashPhoto, Asset, AssetDocument } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n"],"names":["Root","styled","div","_templateObject","_taggedTemplateLiteral","_ref","studioTheme","concat","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref2","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","jsx","title","tabIndex","onMouseDown","style","backgroundImage","children","padding","radius","margin","jsxs","Text","size","username","fetchSearch","client","query","page","perPage","defer","observable","request","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref3","q","p","map","results","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":";;;;;;;;;;;AASO,MAAMA,OAAOC,MAAO,CAAAC,GAAA,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,udAQfC,IAAA;EAAA,IAAC;IAAEC;GAAY,GAAAD,IAAA;EAAA,oBAAAE,MAAA,CAA0BD,WAAY,CAAAE,KAAA,CAAMC,KAAKC,OAAQ,CAAAC,MAAA;AAAA,CAAA,CAAA;AAe7E,MAAMC,iBAAiBX,MAAO,CAAAY,CAAA,CAAAC,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,wDAAA;AAKxB,MAAAW,UAAA,GAAad,OAAOe,IAAI,CAAA,CAAAC,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA,uLACjCc,KAAA;EAAA,IAAC;IAAEC;EAAA,CAAY,GAAAD,KAAA;EAAA,kCAAAX,MAAA,CACKY,KAAM,CAAAC,MAAA,CAAOZ,KAAM,CAAAC,IAAA,CAAKC,OAAQ,CAAAW,EAAA,+BAAAd,MAAA,CAChCY,KAAM,CAAAC,MAAA,CAAOZ,KAAM,CAAAC,IAAA,CAAKC,OAAQ,CAAAY,EAAA;AAAA,CAAA,CAAA;ACzBxD,MAAMC,UAAa,GAAA,qCAAA;AAEnB,SAAwBC,MAAMC,KAAc,EAAA;EACpC,MAAA;IAAEC;IAASC,IAAM;IAAAC,SAAA;IAAWC;IAASC,MAAQ;IAAAC,KAAA;IAAOC;EAAW,CAAA,GAAAP,KAAA;EAE/D,MAAAQ,WAAA,GAAcC,YAAY,MAAM;IACpCR,OAAA,CAAQC,IAAI,CAAA;EAAA,CACX,EAAA,CAACD,OAAS,EAAAC,IAAI,CAAC,CAAA;EAElB,MAAMQ,uBAA0B,GAAAD,WAAA,CAC7BE,KAAe,IAAA;IACdA,KAAA,CAAMC,eAAgB,CAAA,CAAA;IACtB,MAAMC,GAAM,MAAA/B,MAAA,CAAGoB,IAAK,CAAAY,KAAA,CAAMC,IAAmB,kBAAAjC,MAAA,CAAAkC,kBAAA,CAC3ClB,UACF,CAAA,yBAAA;IACAmB,MAAA,CAAOC,IAAK,CAAAL,GAAA,EAAKX,IAAK,CAAAiB,EAAA,EAAI,qBAAqB,CAAA;EACjD,CAAA,EACA,CAACjB,IAAI,CAAA,CACP;EAEA,MAAMkB,aAAgB,GAAAX,WAAA,CACnBE,KAAe,IAAA;IACdR,SAAA,CAAUQ,KAAK,CAAA;IACX,IAAAA,KAAA,CAAMU,YAAY,EAAI,EAAA;MACxBpB,OAAA,CAAQC,IAAI,CAAA;IACd;EACF,CAAA,EACA,CAACC,SAAW,EAAAD,IAAA,EAAMD,OAAO,CAAA,CAC3B;EAEM,MAAAqB,eAAA,GAAkBb,YAAY,MAAM;IACxCL,OAAA,CAAQF,IAAI,CAAA;EAAA,CACX,EAAA,CAACE,OAAS,EAAAF,IAAI,CAAC,CAAA;EAElBqB,SAAA,CAAU,MAAM;IACd,IAAIlB,MAAQ,EAAA;MACVD,OAAA,CAAQF,IAAI,CAAA;IACd;EACC,CAAA,EAAA,CAACG,MAAQ,EAAAH,IAAA,EAAME,OAAO,CAAC,CAAA;EAEpB,MAAAoB,GAAA,GAAMtB,KAAKuB,IAAK,CAAAC,KAAA;EAChB,MAAAC,QAAA,GAAWzB,KAAK0B,IAAK,CAAAC,IAAA;EAErB,MAAAnC,KAAA,GAAQoC,SAAW,CAAA,CAAAnC,MAAA;EAEvB,sBAAAoC,GAAA,CAACxD,IAAA,EAAA;IACCM,WAAa,EAAAa,KAAA;IACbsC,iCAA0BL,QAAA,mBAAA;IAC1BM,QAAU,EAAA,CAAA;IACV9B,SAAW,EAAAiB,aAAA;IACXc,WAAa,EAAAZ,eAAA;IACba,KAAO,EAAA;MACL7B,iBAAUA,KAAA,OAAA;MACVC,kBAAWA,MAAA,OAAA;MACX6B,iCAAyBZ,GAAA;IAC3B,CAAA;IACAvB,OAAS,EAAAO,WAAA;IAET6B,6BAAClD,cAAe,EAAA;MAAAc,OAAA,EAASS;MACvB2B,QAAC,iBAAAN,GAAA,CAAAzC,UAAA,EAAA;QAAWgD,SAAS,CAAG;QAAAC,MAAA,EAAQ,CAAG;QAAAC,MAAA,EAAQ;QACzCH,QAAC,EAAA,eAAAI,IAAA,CAAAC,IAAA,EAAA;UAAKC,MAAM,CAAG;UAAAX,KAAA,mBAAAlD,MAAA,CAAwB6C,QAAsC,+BAAA;UAAAU,QAAA,EAAA,CAAA,MAAA,EACtEnC,KAAK0B,IAAK,CAAAgB,QAAA;QACjB,CAAA;MACF,CAAA;KACF;EAAA,CAAA,CACF;AAEJ;AC1EA,MAAMC,WAAc,GAAAA,CAClBC,MACA,EAAAC,KAAA,EACAC,MACAC,OAEA,KAAAC,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBvC,oDAA6CG,kBAAA,CAC3C+B,yBACQC,IAAiB,gBAAAlE,MAAA,CAAAmE,OAAA,CAAA;EAC3BI,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEF,MAAMC,SAAY,GAAAA,CAChBT,MACA,EAAAU,IAAA,EACAR,MACAC,OAEA,KAAAC,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBvC,GAAA,sCAAA/B,MAAA,CAAyC0E,IAAA,YAAA1E,MAAA,CAAakE,IAAiB,gBAAAlE,MAAA,CAAAmE,OAAA,CAAA;EACvEI,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEc,SAAAG,gBAAAA,CAAiBX,QAAsBY,KAAuC,EAAA;EACtF,MAAAC,WAAA,GAAcD,KAAM,CAAA5C,KAAA,CAAM8C,iBAAkB,CAAAC,OAAA,CAChD,0BAAA,EACA,kBAAA,CACF;EACA,OAAOf,OACJM,OAAQ,CAAA;IACPvC,GAAK,EAAA8C,WAAA;IACLN,eAAiB,EAAA,IAAA;IACjBC,MAAQ,EAAA;EAAA,CACT,CAAA,CACAQ,IAAK,CAACC,MAA4B,IAAA;IACjC,OAAOA,MAAO,CAAAlD,GAAA;EAAA,CACf,CAAA;AACL;AAEO,MAAMmD,MAAS,GAAAA,CACpBlB,MACA,EAAAC,KAAA,EACAC,MACAiB,cACoB,KAAA;EACb,OAAAnF,MAAA,CACLiE,KAAM,CAAAmB,IAAA,CACJC,eAAenB,IAAI,CAAA,EACnBoB,aAAa,GAAG,CAAA,EAChBC,oBAAqB,CAAA,CAAA,EACrBC,SAAU,CAAAC,KAAA,IAAY;IAAA,IAAX,CAACC,CAAA,EAAGC,CAAC,CAAM,GAAAF,KAAA;IACpB,IAAIC,CAAG,EAAA;MACL,OAAO3B,WAAY,CAAAC,MAAA,EAAQ0B,CAAG,EAAAC,CAAA,EAAGR,cAAc,CAAE,CAAAC,IAAA,CAC/CG,oBAAqB,CAAA,CAAA,EACrBK,GAAI,CAACX,MAAW,IAAAA,MAAA,CAAOY,OAAO,CAAA,CAChC;IACF;IACA,OAAOpB,SAAU,CAAAT,MAAA,EAAQ,SAAW,EAAA2B,CAAA,EAAGR,cAAc,CAAA;EAAA,CACtD,CACH,CAAA,CACF;AACF,CAAA;AC3Ea,MAAAW,MAAA,GAASpG,OAAOqG,KAAK,CAAA,CAAAC,gBAAA,KAAAA,gBAAA,GAAAnG,sBAAA,yDAAA;AAMVH,MAAO,CAAAC,GAAA,CAAAsG,gBAAA,KAAAA,gBAAA,GAAApG,sBAAA;ACW/B,MAAMqG,gBAAmB,GAAA,EAAA;AACzB,MAAMC,aAAgB,GAAA,CAAA;AACtB,MAAMC,aAAgB,GAAA,CAAA;AAEtB,SAAwBC,oBAAoBnF,KAAkC,EAAA;EAC5E,MAAM8C,MAAS,GAAAsC,SAAA,CAAU;IAAEC,UAAA,EAAY;EAAc,CAAA,CAAA;EACrD,OAAQ,eAAAtD,GAAA,CAAAuD,2BAAA,EAAA;IAA6B,GAAGtF,KAAA;IAAO8C;EAAgB,CAAA,CAAA;AACjE;AAEA,MAAMwC,2BAAA,SAAoCC,MAAMC,SAG9C,CAAA;EAHFC,WAAAA,CAAA,EAAA;IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA;IAQU,IAAA,CAAAC,KAAA,GAAA;MACNC,MAAQ,EAAA,CAAA;MACR7C,KAAO,EAAA,EAAA;MACPC,IAAM,EAAA,CAAA;MACN6C,aAAA,EAAe,CAAC,EAAE,CAAA;MAClBC,SAAW,EAAA;IAAA,CACb;IAE0C,IAAA,CAAAC,kBAAA,GAAA,IAAA;IAEzB,IAAA,CAAAC,cAAA,GAAA,IAAIC,gBAAgB,EAAE,CAAA;IACxB,IAAA,CAAAC,YAAA,GAAA,IAAID,gBAAgB,CAAC,CAAA;IAwBpC,IAAA,CAAAE,YAAA,GAAgBzC,KAAyB,IAAA;MACvC,IAAA,CAAK0C,QAAS,CAAA;QAAEN,SAAW,EAAA;MAAM,CAAA,CAAA;MAC1B,OAAArC,gBAAA,CAAiB,KAAKzD,KAAM,CAAA8C,MAAA,EAAQY,KAAK,CAAE,CAAAI,IAAA,CAAMH,WAAgB,IAAA;QAChE,MAAA0C,WAAA,GAAc3C,MAAM2C,WAAe,IAAA,KAAA,CAAA;QACzC,MAAMC,KAAyB,GAAA;UAC7BC,IAAM,EAAA,KAAA;UACNC,KAAO,EAAA7C,WAAA;UACP8C,kBAAoB,EAAA;YAClBC,KAAO,EAAA,mBAAA;YACPC,MAAQ,EAAA;cACN9E,IAAM,EAAA,UAAA;cACNV,IAAIuC,KAAM,CAAAvC,EAAA;cACVN,GAAA,EAAK6C,MAAM5C,KAAM,CAAAC;YACnB,CAAA;YACAsF,WAAA;YACAO,UAAA,KAAA9H,MAAA,CAAe4E,KAAA,CAAM9B,IAAK,CAAAC,IAAA;UAC5B;QAAA,CACF;QACA,IAAA,CAAK7B,KAAM,CAAA6G,QAAA,CAAS,CAACP,KAAK,CAAC,CAAA;MAAA,CAC5B,CAAA;IAAA,CACH;IAEA,IAAA,CAAAQ,WAAA,GAAc,MAAM;MAClB,IAAA,CAAK9G,MAAM+G,OAAQ,EAAA;IAAA,CACrB;IAEA,IAAA,CAAAC,uBAAA,GAA2BrG,KAA+C,IAAA;MAClE,MAAAoC,KAAA,GAAQpC,MAAMsG,aAAc,CAAAT,KAAA;MAClC,IAAA,CAAKJ,QAAS,CAAA;QAAErD,KAAO;QAAAC,IAAA,EAAM;QAAG6C,aAAe,EAAA,CAAC,EAAE,CAAG;QAAAC,SAAA,EAAW,IAAM;QAAAF,MAAA,EAAQ;MAAG,CAAA,CAAA;MAC5E,IAAA,CAAAM,YAAA,CAAagB,KAAK,CAAC,CAAA;MACnB,IAAA,CAAAlB,cAAA,CAAekB,KAAKnE,KAAK,CAAA;IAAA,CAChC;IAEA,IAAA,CAAAoE,qBAAA,GAAwB,MAAM;MAEtB,MAAAC,QAAA,GAAW,IAAK,CAAAzB,KAAA,CAAM3C,IAAO,GAAA,CAAA;MACnC,IAAA,CAAKoD,SAAS;QAAEpD,IAAA,EAAMoE,QAAU;QAAAtB,SAAA,EAAW;OAAM,CAAA;MAC5C,IAAA,CAAAI,YAAA,CAAagB,KAAKE,QAAQ,CAAA;MAC/B,IAAA,CAAKpB,cAAe,CAAAkB,IAAA,CAAK,IAAK,CAAAvB,KAAA,CAAM5C,KAAK,CAAA;IAAA,CAC3C;IAEA,IAAA,CAAA3B,aAAA,GAAiBT,KAAe,IAAA;MACxB,MAAA;QAAEiF;MAAO,CAAA,GAAI,IAAK,CAAAD,KAAA;MACxB,IAAA,CAAKhF,MAAMU,OAAY,KAAA,EAAA,IAAMV,MAAMU,OAAY,KAAA,EAAA,KAAOuE,SAAS,CAAG,EAAA;QAC3D,IAAA,CAAAQ,QAAA,CAAUiB,SAAe,KAAA;UAC5BzB,MAAA,EAAQyB,UAAUzB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MAED,CAAA,MAAA,IAAA,CAAAjF,KAAA,CAAMU,OAAY,KAAA,EAAA,IAAMV,KAAM,CAAAU,OAAA,KAAY,EAC3C,KAAAuE,MAAA,GAAS,IAAK,CAAA0B,SAAA,CAAA,CAAY,CAAAC,MAAA,GAAS,CACnC,EAAA;QACK,IAAA,CAAAnB,QAAA,CAAUiB,SAAe,KAAA;UAC5BzB,MAAA,EAAQyB,UAAUzB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MACJ;IAAA,CACF;IAMA,IAAA,CAAA4B,YAAA,GAAgB9D,KAAyB,IAAA;MACjC,MAAA+D,KAAA,GAAQ,IAAK,CAAAH,SAAA,CAAA,CAAY,CAAAI,SAAA,CAAW3D,MAA0B,IAAAA,MAAA,CAAO5C,EAAO,KAAAuC,KAAA,CAAMvC,EAAE,CAAA;MAC1F,IAAA,CAAKiF,QAAS,CAAA;QAAER,MAAQ,EAAA6B;MAAO,CAAA,CAAA;IAAA,CACjC;IAEA,IAAA,CAAAE,WAAA,GAAe3H,KAAe,IAAA;MACtB,MAAA;QAAE0D,KAAO;QAAAkE;MAAW,CAAA,GAAA5H,KAAA;MAC1B,MAAMK,MACJ,GAAA,IAAA,CAAKiH,SAAU,CAAA,CAAA,CAAEI,UAAW3D,MAAA,IAA0BA,MAAO,CAAA5C,EAAA,KAAOuC,MAAMxD,IAAK,CAAAiB,EAAE,CAC/E,KAAA,IAAA,CAAKwE,MAAMC,MAAU,IAAA,KAAA;MAEvB,sBAAA7D,GAAA,CAAChC,KAAA,EAAA;QACCE,OAAS,EAAA,IAAA,CAAKkG,YAAa,CAAA0B,IAAA,CAAKnE,MAAMxD,IAAI,CAAA;QAC1CC,WAAW,IAAK,CAAAiB,aAAA;QAChBlB,MAAMwD,KAAM,CAAAxD,IAAA;QACZI,OAAOsH,MAAO,CAAAtH,KAAA;QACdC,QAAQqH,MAAO,CAAArH,MAAA;QACfF,MAAA;QACAD,SAAS,IAAK,CAAAoH;MAAA,CAAA,CAChB;IAAA,CAEJ;EAAA;EAxGAM,iBAAoBA,CAAA,EAAA;IAClB,IAAA,CAAK/B,kBAAqB,GAAA/B,MAAA,CACxB,KAAKhE,KAAM,CAAA8C,MAAA,EACX,IAAK,CAAAkD,cAAA,EACL,IAAK,CAAAE,YAAA,EACLlB,kBACA+C,SAAU,CAAA;MACVb,IAAA,EAAOvC,OAA6B,IAAA;QAC7B,IAAA,CAAAyB,QAAA,CAAU4B,IAAU,KAAA;UACvBnC,aAAe,EAAA,CAAC,GAAGmC,IAAA,CAAKnC,eAAelB,OAAO,CAAA;UAC9CmB,SAAW,EAAA;QACX,CAAA,CAAA,CAAA;MACJ;IAAA,CACD,CAAA;EACH;EAEAmC,oBAAuBA,CAAA,EAAA;IACrB,IAAI,KAAKlC,kBAAoB,EAAA;MAC3B,IAAA,CAAKA,mBAAmBmC,WAAY,EAAA;IACtC;EACF;EA2DAZ,SAAYA,CAAA,EAAA;IACH,OAAA,IAAA,CAAK3B,KAAM,CAAAE,aAAA,CAAcsC,IAAK,CAAA,CAAA;EACvC;EAyBAC,MAASA,CAAA,EAAA;IACP,MAAM;MAAErF,KAAA;MAAO8C,aAAe;MAAAC;IAAA,IAAc,IAAK,CAAAH,KAAA;IAG/C,sBAAA5D,GAAA,CAACsG,MAAA,EAAA;MACClH,EAAG,EAAA,uBAAA;MACHmH,MAAO,EAAA,4BAAA;MACPvB,SAAS,IAAK,CAAAD,WAAA;MACd5F,IAAI,EAAA,IAAA;MACJZ,KAAO,EAAA,CAAA;MAEP+B,QAAC,EAAA,eAAAI,IAAA,CAAAoC,KAAA,EAAA;QAAM0D,KAAO,EAAA,CAAA;QAAGjG,SAAS,CACxB;QAAAD,QAAA,EAAA,CAAA,eAAAN,GAAA,CAACxC,IACC,EAAA;UAAA8C,QAAA,EAAA,eAAAI,IAAA,CAACmC,MAAO,EAAA;YAAA2D,KAAA,EAAO,CACb;YAAAlG,QAAA,EAAA,CAAA,eAAAN,GAAA,CAACW,IAAK,EAAA;cAAAC,IAAA,EAAM,CAAG;cAAA6F,MAAA,EAAO;cAAWnG,QAEjC,EAAA;aAAA,CAAA,EAAA,eACAN,GAAA,CAAC0G,SAAA,EAAA;cACCC,KAAM,EAAA,qBAAA;cACNC,WAAY,EAAA,kBAAA;cACZnC,KAAO,EAAAzD,KAAA;cACP6F,UAAU,IAAK,CAAA5B;YAAA,CACjB,CAAA;UAAA,CACF;QACF,CAAA,CAAA,EACC,CAAClB,SAAA,IAAa,IAAK,CAAAwB,SAAA,CAAY,CAAA,CAAAC,MAAA,KAAW,CACzC,IAAA,eAAAxF,GAAA,CAACW,IAAK,EAAA;UAAAC,IAAA,EAAM,CAAG;UAAAkG,KAAA,EAAK;UAACxG,QAErB,EAAA;SAAA,CAAA,EAAA,eAEFN,GAAA,CAAC+G,cAAA,EAAA;UACCC,UAAA,EAAY,IAAK,CAAAzB,SAAA,CAAA,CAAY,CAAAC,MAAA;UAC7BL,MAAM,IAAK,CAAAC,qBAAA;UAEX6B,OAAO,EAAA,IAAA;UACPC,eAAiB,EAAA,IAAA;UACjB1I,MAAO,EAAA,MAAA;UACP2I,MACE,EAAA,eAAAnH,GAAA,CAACoH,IAAK,EAAA;YAAAC,KAAA,EAAM,QAAS;YAAAC,OAAA,EAAQ,QAAS;YAAA/G,OAAA,EAAS,CAC7C;YAAAD,QAAA,EAAA,eAAAN,GAAA,CAACuH,OAAQ,EAAA;cAAAT,KAAA,EAAK;YAAC,CAAA;WACjB,CAAA;UAEFU,YACG,eAAAxH,GAAA,CAAAW,IAAA,EAAA;YAAKC,MAAM,CAAG;YAAAkG,KAAA,EAAK;YAACxG,QAErB,EAAA;WAAA,CAAA;UAGDA,QAAA,EAAAwD,aAAA,CACE2D,MAAO,CAACC,MAAW,IAAAA,MAAA,CAAOlC,MAAS,GAAA,CAAC,CACpC,CAAA7C,GAAA,CAAI,CAAC+E,MAAA,EAAyBhC,KAC7B,KAAA,eAAA1F,GAAA,CAAC2H,UAAA,EAAA;YAEC9B,MAAO,EAAA,MAAA;YACP+B,OAAS,EAAA1E,aAAA;YACT3C,OAAS,EAAA4C,aAAA;YACT0E,eAAA,EAAkBtJ,KAAU,IAAA;cAC1B,IAAIA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA,CAAA,KAAA,IACfA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA;cACtB,OAAA,GAAA;YACT,CAAA;YACAmJ,MAAQ,EAAAA,MAAA,CAAO/E,GAAI,CAAChB,KAA0B,KAAA;cAC5ClC,GAAA,EAAKkC,MAAMjC,IAAK,CAAAC,KAAA;cAChBpB,OAAOoD,KAAM,CAAApD,KAAA;cACbC,QAAQmD,KAAM,CAAAnD,MAAA;cACdsJ,KAAKnG,KAAM,CAAAvC,EAAA;cACXjB,IAAM,EAAAwD;YAAA,CACN,CAAA,CAAA;YACFoG,aAAa,IAAK,CAAAnC,WAAA;YAClBoC,eAAiB,EAAA;cACfC,gBAAgB;gBAAE7H,KAAA,EAAO;kBAAE8H,YAAc,KAAAnL,MAAA,CAAGmG;;cAAoB;YAClE;UAAA,CAAA,aAAAnG,MAAA,CAnBgBiE,SAAS,SAAa,OAAAjE,MAAA,CAAA2I,KAAA,CAAA,CAqBzC;QAAA,CACL,CAAA;OACF;IAAA,CAAA,CACF;EAEJ;AACF;AA9MMnC,2BAAA,CAIG4E,YAAe,GAAA;EACpBC,cAAgB,EAAA,KAAA;AAClB,CAAA;ACjCF,SAAwBC,YAAeA,CAAA,EAAA;EAEnC,OAAA,eAAA3H,IAAA,CAAC,KAAI,EAAA;IAAA4H,IAAA,EAAK,KAAM;IAAAC,OAAA,EAAQ,WAAY;IAAAhK,KAAA,EAAM,KAAM;IAAAC,MAAA,EAAO,KAAM;IAAAgK,IAAA,EAAK,cAChE;IAAAlI,QAAA,EAAA,CAAA,eAAAN,GAAA,CAAC,OAAM,EAAA,EAAA,CAAA,EACP,eAAAA,GAAA,CAAC,MAAK,EAAA;MAAAyI,CAAA,EAAE;IAAuC,CAAA,CAAA;EACjD,CAAA,CAAA;AAEJ;ACAO,MAAMC,mBAAmC,GAAA;EAC9C5I,IAAM,EAAA,UAAA;EACNG,KAAO,EAAA,UAAA;EACP0I,SAAW,EAAAC,mBAAA;EACXC,IAAM,EAAAC;AACR,CAAA;AAKO,MAAMC,qBAAqBC,YAAa,CAAA;EAC7ClJ,IAAM,EAAA,8BAAA;EAENmJ,IAAM,EAAA;IACJC,KAAO,EAAA;MACLC,YAAA,EAAelD,IAAS,IAAA;QACf,OAAA,CAAC,GAAGA,IAAA,EAAMyC,mBAAmB,CAAA;MACtC;IACF;EACF;AACF,CAAC,CAAA;"}

package/lib/index.js

@@ -43,10 +43,10 @@ function Photo(props) {
     data,
     onKeyDown,
     onFocus,
+    active,
     width,
     height
   } = props;
-  const rootElm = React.useRef(null);
   const handleClick = React.useCallback(() => {
     onClick(data);
   }, [onClick, data]);
@@ -64,11 +64,15 @@ function Photo(props) {
   const handleMouseDown = React.useCallback(() => {
     onFocus(data);
   }, [onFocus, data]);
+  React.useEffect(() => {
+    if (active) {
+      onFocus(data);
+    }
+  }, [active, data, onFocus]);
   const src = data.urls.small;
   const userName = data.user.name;
   const theme = ui.useTheme().sanity;
   return /* @__PURE__ */jsxRuntime.jsx(Root, {
-    ref: rootElm,
     studioTheme: theme,
     title: "Select image by ".concat(userName, " from Unsplash"),
     tabIndex: 0,
@@ -223,12 +227,14 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
         photo,
         layout
       } = props;
+      const active = this.getPhotos().findIndex(result => result.id === photo.data.id) === this.state.cursor || false;
       return /* @__PURE__ */jsxRuntime.jsx(Photo, {
         onClick: this.handleSelect.bind(photo.data),
         onKeyDown: this.handleKeyDown,
         data: photo.data,
         width: layout.width,
         height: layout.height,
+        active,
         onFocus: this.updateCursor
       });
     };

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useRef } from 'react'\nimport { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n  data: UnsplashPhoto\n  width: number\n  height: number\n  onClick: (photo: UnsplashPhoto) => void\n  onKeyDown: (event: any) => void\n  onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n  const { onClick, data, onKeyDown, onFocus, width, height } = props\n  const rootElm = useRef<HTMLDivElement>(null)\n\n  const handleClick = useCallback(() => {\n    onClick(data)\n  }, [onClick, data])\n\n  const handleCreditLineClicked = useCallback(\n    (event: any) => {\n      event.stopPropagation()\n      const url = `${data.links.html}?utm_source=${encodeURIComponent(\n        UTM_SOURCE\n      )}&utm_medium=referral`\n      window.open(url, data.id, 'noreferrer,noopener')\n    },\n    [data]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: any) => {\n      onKeyDown(event)\n      if (event.keyCode === 13) {\n        onClick(data)\n      }\n    },\n    [onKeyDown, data, onClick]\n  )\n\n  const handleMouseDown = useCallback(() => {\n    onFocus(data)\n  }, [onFocus, data])\n\n  const src = data.urls.small\n  const userName = data.user.name\n\n  const theme = useTheme().sanity\n  return (\n    <Root\n      ref={rootElm}\n      studioTheme={theme}\n      title={`Select image by ${userName} from Unsplash`}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      style={{\n        width: `${width}px`,\n        height: `${height}px`,\n        backgroundImage: `url(\"${src}\")`,\n      }}\n      onClick={handleClick}\n    >\n      <CreditLineLink onClick={handleCreditLineClicked}>\n        <CreditLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n            By @{data.user.username}\n          </Text>\n        </CreditLine>\n      </CreditLineLink>\n    </Root>\n  )\n}\n","import { defer, concat, BehaviorSubject, Observable } from 'rxjs'\nimport { debounceTime, switchMap, map, distinctUntilChanged, withLatestFrom } from 'rxjs/operators'\nimport { UnsplashPhoto } from '../types'\nimport { SanityClient } from '@sanity/client'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n  client: SanityClient,\n  query: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n          query\n        )}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash'\n  )\n  return client\n    .request({\n      url: downloadUrl,\n      withCredentials: true,\n      method: 'GET',\n    })\n    .then((result: { url: string }) => {\n      return result.url\n    })\n}\n\nexport const search = (\n  client: SanityClient,\n  query: SearchSubject,\n  page: PageSubject,\n  resultsPerPage: number\n): Observable<any> => {\n  return concat(\n    query.pipe(\n      withLatestFrom(page),\n      debounceTime(500),\n      distinctUntilChanged(),\n      switchMap(([q, p]) => {\n        if (q) {\n          return fetchSearch(client, q, p, resultsPerPage).pipe(\n            distinctUntilChanged(),\n            map((result) => result.results)\n          )\n        }\n        return fetchList(client, 'popular', p, resultsPerPage)\n      })\n    )\n  )\n}\n","import { Stack } from '@sanity/ui'\nimport styled from 'styled-components'\n\nexport const Search = styled(Stack)`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`\n\nexport const Scroller = styled.div`\n  overflow-y: auto;\n  max-height: 80vh;\n`\n","import React from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport { Search } from './UnsplashAssetSource.styled'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport { useClient, AssetSourceComponentProps, AssetFromSource } from 'sanity'\nimport { SanityClient } from '@sanity/client'\n\ntype State = {\n  query: string\n  searchResults: UnsplashPhoto[][]\n  page: number\n  isLoading: boolean\n  cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n  const client = useClient({ apiVersion: '2022-09-01' })\n  return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n  AssetSourceComponentProps & { client: SanityClient },\n  State\n> {\n  static defaultProps = {\n    selectedAssets: undefined,\n  }\n\n  state = {\n    cursor: 0,\n    query: '',\n    page: 1,\n    searchResults: [[]],\n    isLoading: true,\n  }\n\n  searchSubscription: Subscription | null = null\n\n  searchSubject$ = new BehaviorSubject('')\n  pageSubject$ = new BehaviorSubject(1)\n\n  componentDidMount() {\n    this.searchSubscription = search(\n      this.props.client,\n      this.searchSubject$,\n      this.pageSubject$,\n      RESULTS_PER_PAGE\n    ).subscribe({\n      next: (results: UnsplashPhoto[]) => {\n        this.setState((prev) => ({\n          searchResults: [...prev.searchResults, results],\n          isLoading: false,\n        }))\n      },\n    })\n  }\n\n  componentWillUnmount() {\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe()\n    }\n  }\n\n  handleSelect = (photo: UnsplashPhoto) => {\n    this.setState({ isLoading: true })\n    return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n      const description = photo.description || undefined\n      const asset: AssetFromSource = {\n        kind: 'url',\n        value: downloadUrl,\n        assetDocumentProps: {\n          _type: 'sanity.imageAsset',\n          source: {\n            name: 'unsplash',\n            id: photo.id,\n            url: photo.links.html,\n          },\n          description,\n          creditLine: `${photo.user.name} by Unsplash`,\n        } as any,\n      }\n      this.props.onSelect([asset])\n    })\n  }\n\n  handleClose = () => {\n    this.props.onClose()\n  }\n\n  handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.currentTarget.value\n    this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleScollerLoadMore = () => {\n    // eslint-disable-next-line react/no-access-state-in-setstate\n    const nextPage = this.state.page + 1\n    this.setState({ page: nextPage, isLoading: true })\n    this.pageSubject$.next(nextPage)\n    this.searchSubject$.next(this.state.query)\n  }\n\n  handleKeyDown = (event: any) => {\n    const { cursor } = this.state\n    if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor - 1,\n      }))\n    } else if (\n      (event.keyCode === 40 || event.keyCode === 39) &&\n      cursor < this.getPhotos().length - 1\n    ) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor + 1,\n      }))\n    }\n  }\n\n  getPhotos() {\n    return this.state.searchResults.flat()\n  }\n\n  updateCursor = (photo: UnsplashPhoto) => {\n    const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n    this.setState({ cursor: index })\n  }\n\n  renderImage = (props: any) => {\n    const { photo, layout } = props\n\n    return (\n      <Photo\n        onClick={this.handleSelect.bind(photo.data)}\n        onKeyDown={this.handleKeyDown}\n        data={photo.data}\n        width={layout.width}\n        height={layout.height}\n        onFocus={this.updateCursor}\n      />\n    )\n  }\n\n  render() {\n    const { query, searchResults, isLoading } = this.state\n\n    return (\n      <Dialog\n        id=\"unsplash-asset-source\"\n        header=\"Select image from Unsplash\"\n        onClose={this.handleClose}\n        open\n        width={4}\n      >\n        <Stack space={3} padding={4}>\n          <Card>\n            <Search space={3}>\n              <Text size={1} weight=\"semibold\">\n                Search Unsplash\n              </Text>\n              <TextInput\n                label=\"Search Unsplash.com\"\n                placeholder=\"Topics or colors\"\n                value={query}\n                onChange={this.handleSearchTermChanged}\n              />\n            </Search>\n          </Card>\n          {!isLoading && this.getPhotos().length === 0 && (\n            <Text size={1} muted>\n              No results found\n            </Text>\n          )}\n          <InfiniteScroll\n            dataLength={this.getPhotos().length} // This is important field to render the next data\n            next={this.handleScollerLoadMore}\n            // scrollableTarget=\"unsplash-scroller\"\n            hasMore\n            scrollThreshold={0.99}\n            height=\"60vh\"\n            loader={\n              <Flex align=\"center\" justify=\"center\" padding={3}>\n                <Spinner muted />\n              </Flex>\n            }\n            endMessage={\n              <Text size={1} muted>\n                No more results\n              </Text>\n            }\n          >\n            {searchResults\n              .filter((photos) => photos.length > 0)\n              .map((photos: UnsplashPhoto[], index) => (\n                <PhotoAlbum\n                  key={`gallery-${query || 'popular'}-${index}`}\n                  layout=\"rows\"\n                  spacing={PHOTO_SPACING}\n                  padding={PHOTO_PADDING}\n                  targetRowHeight={(width) => {\n                    if (width < 300) return 150\n                    else if (width < 600) return 200\n                    return 300\n                  }}\n                  photos={photos.map((photo: UnsplashPhoto) => ({\n                    src: photo.urls.small,\n                    width: photo.width,\n                    height: photo.height,\n                    key: photo.id,\n                    data: photo,\n                  }))}\n                  renderPhoto={this.renderImage}\n                  componentsProps={{\n                    containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n                  }}\n                />\n              ))}\n          </InfiniteScroll>\n        </Stack>\n      </Dialog>\n    )\n  }\n}\n","import React from 'react'\n\nexport default function UnsplashIcon() {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { definePlugin, AssetSource } from 'sanity'\n\nexport type { UnsplashPhoto, Asset, AssetDocument } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n"],"names":["Root","styled","default","div","_templateObject","_taggedTemplateLiteral","_ref","studioTheme","concat","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref2","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","width","height","rootElm","useRef","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","src","urls","small","userName","user","name","useTheme","jsx","ref","title","tabIndex","onMouseDown","style","backgroundImage","children","padding","radius","margin","jsxs","Text","size","username","fetchSearch","client","query","page","perPage","defer","observable","request","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref3","q","p","map","results","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect } from 'react'\nimport { UnsplashPhoto } from '../types'\nimport { CreditLine, CreditLineLink, Root } from './Photo.styled'\n\ntype Props = {\n  data: UnsplashPhoto\n  width: number\n  height: number\n  onClick: (photo: UnsplashPhoto) => void\n  onKeyDown: (event: any) => void\n  active: boolean\n  onFocus: (photo: UnsplashPhoto) => void\n}\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\n\nexport default function Photo(props: Props) {\n  const { onClick, data, onKeyDown, onFocus, active, width, height } = props\n\n  const handleClick = useCallback(() => {\n    onClick(data)\n  }, [onClick, data])\n\n  const handleCreditLineClicked = useCallback(\n    (event: any) => {\n      event.stopPropagation()\n      const url = `${data.links.html}?utm_source=${encodeURIComponent(\n        UTM_SOURCE\n      )}&utm_medium=referral`\n      window.open(url, data.id, 'noreferrer,noopener')\n    },\n    [data]\n  )\n\n  const handleKeyDown = useCallback(\n    (event: any) => {\n      onKeyDown(event)\n      if (event.keyCode === 13) {\n        onClick(data)\n      }\n    },\n    [onKeyDown, data, onClick]\n  )\n\n  const handleMouseDown = useCallback(() => {\n    onFocus(data)\n  }, [onFocus, data])\n\n  useEffect(() => {\n    if (active) {\n      onFocus(data)\n    }\n  }, [active, data, onFocus])\n\n  const src = data.urls.small\n  const userName = data.user.name\n\n  const theme = useTheme().sanity\n  return (\n    <Root\n      studioTheme={theme}\n      title={`Select image by ${userName} from Unsplash`}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      style={{\n        width: `${width}px`,\n        height: `${height}px`,\n        backgroundImage: `url(\"${src}\")`,\n      }}\n      onClick={handleClick}\n    >\n      <CreditLineLink onClick={handleCreditLineClicked}>\n        <CreditLine padding={2} radius={2} margin={2}>\n          <Text size={1} title={`Open image by ${userName} on Unsplash in new window`}>\n            By @{data.user.username}\n          </Text>\n        </CreditLine>\n      </CreditLineLink>\n    </Root>\n  )\n}\n","import { defer, concat, BehaviorSubject, Observable } from 'rxjs'\nimport { debounceTime, switchMap, map, distinctUntilChanged, withLatestFrom } from 'rxjs/operators'\nimport { UnsplashPhoto } from '../types'\nimport { SanityClient } from '@sanity/client'\n\ntype SearchSubject = BehaviorSubject<string>\ntype PageSubject = BehaviorSubject<number>\n\nconst fetchSearch = (\n  client: SanityClient,\n  query: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/search/photos?query=${encodeURIComponent(\n          query\n        )}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number\n): Observable<any> =>\n  defer(\n    () =>\n      client.observable.request({\n        url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n        withCredentials: true,\n        method: 'GET',\n      }) as any\n  )\n\nexport function fetchDownloadUrl(client: SanityClient, photo: UnsplashPhoto): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash'\n  )\n  return client\n    .request({\n      url: downloadUrl,\n      withCredentials: true,\n      method: 'GET',\n    })\n    .then((result: { url: string }) => {\n      return result.url\n    })\n}\n\nexport const search = (\n  client: SanityClient,\n  query: SearchSubject,\n  page: PageSubject,\n  resultsPerPage: number\n): Observable<any> => {\n  return concat(\n    query.pipe(\n      withLatestFrom(page),\n      debounceTime(500),\n      distinctUntilChanged(),\n      switchMap(([q, p]) => {\n        if (q) {\n          return fetchSearch(client, q, p, resultsPerPage).pipe(\n            distinctUntilChanged(),\n            map((result) => result.results)\n          )\n        }\n        return fetchList(client, 'popular', p, resultsPerPage)\n      })\n    )\n  )\n}\n","import { Stack } from '@sanity/ui'\nimport styled from 'styled-components'\n\nexport const Search = styled(Stack)`\n  position: sticky;\n  top: 0;\n  z-index: 1;\n`\n\nexport const Scroller = styled.div`\n  overflow-y: auto;\n  max-height: 80vh;\n`\n","import React from 'react'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport { Search } from './UnsplashAssetSource.styled'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport { useClient, AssetSourceComponentProps, AssetFromSource } from 'sanity'\nimport { SanityClient } from '@sanity/client'\n\ntype State = {\n  query: string\n  searchResults: UnsplashPhoto[][]\n  page: number\n  isLoading: boolean\n  cursor: number\n}\n\nconst RESULTS_PER_PAGE = 42\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nexport default function UnsplashAssetSource(props: AssetSourceComponentProps) {\n  const client = useClient({ apiVersion: '2022-09-01' })\n  return <UnsplashAssetSourceInternal {...props} client={client} />\n}\n\nclass UnsplashAssetSourceInternal extends React.Component<\n  AssetSourceComponentProps & { client: SanityClient },\n  State\n> {\n  static defaultProps = {\n    selectedAssets: undefined,\n  }\n\n  state = {\n    cursor: 0,\n    query: '',\n    page: 1,\n    searchResults: [[]],\n    isLoading: true,\n  }\n\n  searchSubscription: Subscription | null = null\n\n  searchSubject$ = new BehaviorSubject('')\n  pageSubject$ = new BehaviorSubject(1)\n\n  componentDidMount() {\n    this.searchSubscription = search(\n      this.props.client,\n      this.searchSubject$,\n      this.pageSubject$,\n      RESULTS_PER_PAGE\n    ).subscribe({\n      next: (results: UnsplashPhoto[]) => {\n        this.setState((prev) => ({\n          searchResults: [...prev.searchResults, results],\n          isLoading: false,\n        }))\n      },\n    })\n  }\n\n  componentWillUnmount() {\n    if (this.searchSubscription) {\n      this.searchSubscription.unsubscribe()\n    }\n  }\n\n  handleSelect = (photo: UnsplashPhoto) => {\n    this.setState({ isLoading: true })\n    return fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {\n      const description = photo.description || undefined\n      const asset: AssetFromSource = {\n        kind: 'url',\n        value: downloadUrl,\n        assetDocumentProps: {\n          _type: 'sanity.imageAsset',\n          source: {\n            name: 'unsplash',\n            id: photo.id,\n            url: photo.links.html,\n          },\n          description,\n          creditLine: `${photo.user.name} by Unsplash`,\n        } as any,\n      }\n      this.props.onSelect([asset])\n    })\n  }\n\n  handleClose = () => {\n    this.props.onClose()\n  }\n\n  handleSearchTermChanged = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.currentTarget.value\n    this.setState({ query, page: 1, searchResults: [[]], isLoading: true, cursor: 0 })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleScollerLoadMore = () => {\n    // eslint-disable-next-line react/no-access-state-in-setstate\n    const nextPage = this.state.page + 1\n    this.setState({ page: nextPage, isLoading: true })\n    this.pageSubject$.next(nextPage)\n    this.searchSubject$.next(this.state.query)\n  }\n\n  handleKeyDown = (event: any) => {\n    const { cursor } = this.state\n    if ((event.keyCode === 38 || event.keyCode === 37) && cursor > 0) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor - 1,\n      }))\n    } else if (\n      (event.keyCode === 40 || event.keyCode === 39) &&\n      cursor < this.getPhotos().length - 1\n    ) {\n      this.setState((prevState) => ({\n        cursor: prevState.cursor + 1,\n      }))\n    }\n  }\n\n  getPhotos() {\n    return this.state.searchResults.flat()\n  }\n\n  updateCursor = (photo: UnsplashPhoto) => {\n    const index = this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.id)\n    this.setState({ cursor: index })\n  }\n\n  renderImage = (props: any) => {\n    const { photo, layout } = props\n    const active =\n      this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===\n        this.state.cursor || false\n    return (\n      <Photo\n        onClick={this.handleSelect.bind(photo.data)}\n        onKeyDown={this.handleKeyDown}\n        data={photo.data}\n        width={layout.width}\n        height={layout.height}\n        active={active}\n        onFocus={this.updateCursor}\n      />\n    )\n  }\n\n  render() {\n    const { query, searchResults, isLoading } = this.state\n\n    return (\n      <Dialog\n        id=\"unsplash-asset-source\"\n        header=\"Select image from Unsplash\"\n        onClose={this.handleClose}\n        open\n        width={4}\n      >\n        <Stack space={3} padding={4}>\n          <Card>\n            <Search space={3}>\n              <Text size={1} weight=\"semibold\">\n                Search Unsplash\n              </Text>\n              <TextInput\n                label=\"Search Unsplash.com\"\n                placeholder=\"Topics or colors\"\n                value={query}\n                onChange={this.handleSearchTermChanged}\n              />\n            </Search>\n          </Card>\n          {!isLoading && this.getPhotos().length === 0 && (\n            <Text size={1} muted>\n              No results found\n            </Text>\n          )}\n          <InfiniteScroll\n            dataLength={this.getPhotos().length} // This is important field to render the next data\n            next={this.handleScollerLoadMore}\n            // scrollableTarget=\"unsplash-scroller\"\n            hasMore\n            scrollThreshold={0.99}\n            height=\"60vh\"\n            loader={\n              <Flex align=\"center\" justify=\"center\" padding={3}>\n                <Spinner muted />\n              </Flex>\n            }\n            endMessage={\n              <Text size={1} muted>\n                No more results\n              </Text>\n            }\n          >\n            {searchResults\n              .filter((photos) => photos.length > 0)\n              .map((photos: UnsplashPhoto[], index) => (\n                <PhotoAlbum\n                  key={`gallery-${query || 'popular'}-${index}`}\n                  layout=\"rows\"\n                  spacing={PHOTO_SPACING}\n                  padding={PHOTO_PADDING}\n                  targetRowHeight={(width) => {\n                    if (width < 300) return 150\n                    else if (width < 600) return 200\n                    return 300\n                  }}\n                  photos={photos.map((photo: UnsplashPhoto) => ({\n                    src: photo.urls.small,\n                    width: photo.width,\n                    height: photo.height,\n                    key: photo.id,\n                    data: photo,\n                  }))}\n                  renderPhoto={this.renderImage}\n                  componentsProps={{\n                    containerProps: { style: { marginBottom: `${PHOTO_SPACING}px` } },\n                  }}\n                />\n              ))}\n          </InfiniteScroll>\n        </Stack>\n      </Dialog>\n    )\n  }\n}\n","import React from 'react'\n\nexport default function UnsplashIcon() {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import Unsplash from './components/UnsplashAssetSource'\nimport Icon from './components/Icon'\nimport { definePlugin, AssetSource } from 'sanity'\n\nexport type { UnsplashPhoto, Asset, AssetDocument } from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: Unsplash,\n  icon: Icon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: (prev) => {\n        return [...prev, unsplashAssetSource]\n      },\n    },\n  },\n})\n"],"names":["Root","styled","default","div","_templateObject","_taggedTemplateLiteral","_ref","studioTheme","concat","color","card","enabled","border","CreditLineLink","a","_templateObject2","CreditLine","Card","_templateObject3","_ref2","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","jsx","title","tabIndex","onMouseDown","style","backgroundImage","children","padding","radius","margin","jsxs","Text","size","username","fetchSearch","client","query","page","perPage","defer","observable","request","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref3","q","p","map","results","Search","Stack","_templateObject4","_templateObject5","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","handleSelect","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","next","handleScollerLoadMore","nextPage","prevState","getPhotos","length","updateCursor","index","findIndex","renderImage","layout","bind","componentDidMount","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","space","weight","TextInput","label","placeholder","onChange","muted","InfiniteScroll","dataLength","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","componentsProps","containerProps","marginBottom","defaultProps","selectedAssets","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "1.0.7-beta.0",
+  "version": "1.0.7",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "sanity",
@@ -25,8 +25,8 @@
     ".": {
       "types": "./lib/index.d.ts",
       "source": "./src/index.ts",
-      "import": "./lib/index.esm.js",
       "require": "./lib/index.js",
+      "import": "./lib/index.esm.js",
       "default": "./lib/index.esm.js"
     },
     "./package.json": "./package.json"
@@ -36,73 +36,73 @@
   "source": "./src/index.ts",
   "types": "./lib/index.d.ts",
   "files": [
+    "src",
     "lib",
     "sanity.json",
-    "src",
     "v2-incompatible.js"
   ],
   "scripts": {
-    "clean": "rimraf lib",
-    "lint": "eslint .",
     "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
     "build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
-    "watch": "pkg-utils watch --strict",
-    "link-watch": "plugin-kit link-watch",
-    "test": "echo 'no tests for now'",
+    "clean": "rimraf lib",
+    "compile": "tsc --noEmit",
     "deploy-docs": "ts-node tools/gh-pages-publish",
-    "report-coverage": "cat ./coverage/lcov.info | coveralls",
+    "format": "prettier --write --cache --ignore-unknown .",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
     "precommit": "lint-staged",
-    "compile": "tsc --noEmit",
-    "prepublishOnly": "run-s build",
     "prepare": "husky install",
-    "format": "prettier --write --cache --ignore-unknown ."
+    "prepublishOnly": "run-s build",
+    "report-coverage": "cat ./coverage/lcov.info | coveralls",
+    "test": "echo 'no tests for now'",
+    "watch": "pkg-utils watch --strict"
   },
   "dependencies": {
-    "@sanity/incompatible-plugin": "^1",
-    "@sanity/ui": "^1",
-    "react-infinite-scroll-component": "^6.1.0",
-    "react-photo-album": "^2.0.0",
-    "rxjs": "^7"
+    "@sanity/incompatible-plugin": "^1.0.0",
+    "@sanity/ui": "^1.0.0",
+    "react-infinite-scroll-component": "6.1.0",
+    "react-photo-album": "2.2.2",
+    "rxjs": "^7.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@sanity/pkg-utils": "^2.1.1",
-    "@sanity/plugin-kit": "^3.1.2",
-    "@sanity/semantic-release-preset": "^4.0.0",
-    "@types/node": "^18.11.18",
-    "@types/react": "^18.0.26",
+    "@commitlint/cli": "^17.6.3",
+    "@commitlint/config-conventional": "^17.6.3",
+    "@sanity/pkg-utils": "^2.2.16",
+    "@sanity/plugin-kit": "^3.1.7",
+    "@sanity/semantic-release-preset": "^4.1.1",
+    "@types/node": "^20.2.3",
+    "@types/react": "^18.2.6",
     "@types/react-dom": "^18",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.48.1",
-    "@typescript-eslint/parser": "^5.48.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
     "colors": "^1.4.0",
     "coveralls": "^3.1.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.31.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint": "^8.41.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.0",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.1.0",
+    "lint-staged": "^13.2.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.2",
-    "prettier-plugin-packagejson": "^2.3.0",
+    "prettier": "^2.8.8",
+    "prettier-plugin-packagejson": "^2.4.3",
     "prompt": "^1.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "replace-in-file": "^6.3.5",
-    "rimraf": "^5.0.0",
-    "sanity": "^3.2.1",
+    "rimraf": "^5.0.1",
+    "sanity": "^3.11.1",
     "shelljs": "^0.8.5",
-    "styled-components": "^5.3.6",
+    "styled-components": "^5.3.10",
     "ts-node": "^10.9.1",
     "tslint-config-prettier": "^1.18.0",
     "tslint-config-standard": "^9.0.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
     "react": "^18",

package/src/components/Photo.tsx

@@ -1,5 +1,5 @@
 import { Text, useTheme } from '@sanity/ui'
-import React, { useCallback, useRef } from 'react'
+import React, { useCallback, useEffect } from 'react'
 import { UnsplashPhoto } from '../types'
 import { CreditLine, CreditLineLink, Root } from './Photo.styled'
 
@@ -9,14 +9,14 @@ type Props = {
   height: number
   onClick: (photo: UnsplashPhoto) => void
   onKeyDown: (event: any) => void
+  active: boolean
   onFocus: (photo: UnsplashPhoto) => void
 }
 
 const UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'
 
 export default function Photo(props: Props) {
-  const { onClick, data, onKeyDown, onFocus, width, height } = props
-  const rootElm = useRef<HTMLDivElement>(null)
+  const { onClick, data, onKeyDown, onFocus, active, width, height } = props
 
   const handleClick = useCallback(() => {
     onClick(data)
@@ -47,13 +47,18 @@ export default function Photo(props: Props) {
     onFocus(data)
   }, [onFocus, data])
 
+  useEffect(() => {
+    if (active) {
+      onFocus(data)
+    }
+  }, [active, data, onFocus])
+
   const src = data.urls.small
   const userName = data.user.name
 
   const theme = useTheme().sanity
   return (
     <Root
-      ref={rootElm}
       studioTheme={theme}
       title={`Select image by ${userName} from Unsplash`}
       tabIndex={0}

package/src/components/UnsplashAssetSource.tsx

@@ -138,7 +138,9 @@ class UnsplashAssetSourceInternal extends React.Component<
 
   renderImage = (props: any) => {
     const { photo, layout } = props
-
+    const active =
+      this.getPhotos().findIndex((result: UnsplashPhoto) => result.id === photo.data.id) ===
+        this.state.cursor || false
     return (
       <Photo
         onClick={this.handleSelect.bind(photo.data)}
@@ -146,6 +148,7 @@ class UnsplashAssetSourceInternal extends React.Component<
         data={photo.data}
         width={layout.width}
         height={layout.height}
+        active={active}
         onFocus={this.updateCursor}
       />
     )

package/v2-incompatible.js

@@ -1,5 +1,5 @@
-const {showIncompatiblePluginDialog} = require('@sanity/incompatible-plugin')
-const {name, version, sanityExchangeUrl} = require('./package.json')
+const { showIncompatiblePluginDialog } = require('@sanity/incompatible-plugin')
+const { name, version, sanityExchangeUrl } = require('./package.json')
 
 export default showIncompatiblePluginDialog({
   name: name,