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

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, useEffect } from 'react';
+import React, { useRef, useCallback } 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,12 +29,10 @@ function Photo(props) {
     data,
     onKeyDown,
     onFocus,
-    active,
     width,
     height
   } = props;
   const rootElm = useRef(null);
-  const prevActive = useRef(false);
   const handleClick = useCallback(() => {
     onClick(data);
   }, [onClick, data]);
@@ -52,13 +50,6 @@ function Photo(props) {
   const handleMouseDown = useCallback(() => {
     onFocus(data);
   }, [onFocus, data]);
-  useEffect(() => {
-    if (!prevActive.current && active && rootElm.current) {
-      rootElm.current.focus();
-      onFocus(data);
-    }
-    prevActive.current = active;
-  }, [active]);
   const src = data.urls.small;
   const userName = data.user.name;
   const theme = useTheme().sanity;
@@ -218,14 +209,12 @@ 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, useEffect, 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  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  const rootElm = useRef<HTMLDivElement>(null)\n  const prevActive = useRef<boolean>(false)\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 (!prevActive.current && active && rootElm.current) {\n      rootElm.current.focus()\n      onFocus(data)\n    }\n    prevActive.current = active\n    // data changing alone should not re-trigger effect\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active])\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    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","studioTheme","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","rootElm","useRef","prevActive","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","current","focus","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","concat","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","q","p","map","results","Search","Stack","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, 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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"}

package/lib/index.js

@@ -43,12 +43,10 @@ function Photo(props) {
     data,
     onKeyDown,
     onFocus,
-    active,
     width,
     height
   } = props;
   const rootElm = React.useRef(null);
-  const prevActive = React.useRef(false);
   const handleClick = React.useCallback(() => {
     onClick(data);
   }, [onClick, data]);
@@ -66,13 +64,6 @@ function Photo(props) {
   const handleMouseDown = React.useCallback(() => {
     onFocus(data);
   }, [onFocus, data]);
-  React.useEffect(() => {
-    if (!prevActive.current && active && rootElm.current) {
-      rootElm.current.focus();
-      onFocus(data);
-    }
-    prevActive.current = active;
-  }, [active]);
   const src = data.urls.small;
   const userName = data.user.name;
   const theme = ui.useTheme().sanity;
@@ -232,14 +223,12 @@ 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, useEffect, 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  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  const rootElm = useRef<HTMLDivElement>(null)\n  const prevActive = useRef<boolean>(false)\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 (!prevActive.current && active && rootElm.current) {\n      rootElm.current.focus()\n      onFocus(data)\n    }\n    prevActive.current = active\n    // data changing alone should not re-trigger effect\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active])\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    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","studioTheme","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","rootElm","useRef","prevActive","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","url","links","html","encodeURIComponent","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","current","focus","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","concat","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","q","p","map","results","Search","Stack","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,eAAO,CAAAC,OAAA,CAAAC,GAAA,ohBAQf;EAAA,IAAC;IAAEC;GAAY;EAAA,2BAA0BA,WAAY,CAAAC,KAAA,CAAMC,KAAKC,OAAQ,CAAAC,MAAA;AAAA,CAAA,CAAA;AAe7E,MAAMC,iBAAiBR,eAAO,CAAAC,OAAA,CAAAQ,CAAA,uHAAA;AAKxB,MAAAC,UAAA,GAAaV,eAAAA,CAAAA,QAAOW,EAAAA,CAAAA,IAAI,CAAA,sPACjC;EAAA,IAAC;IAAEC;EAAA,CAAY;EAAA,yCACKA,KAAM,CAAAC,MAAA,CAAOT,KAAM,CAAAC,IAAA,CAAKC,OAAQ,CAAAQ,EAAA,sCAChCF,KAAM,CAAAC,MAAA,CAAOT,KAAM,CAAAC,IAAA,CAAKC,OAAQ,CAAAS,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;EAC/D,MAAAQ,OAAA,GAAUC,aAAuB,IAAI,CAAA;EACrC,MAAAC,UAAA,GAAaD,aAAgB,KAAK,CAAA;EAElC,MAAAE,WAAA,GAAcC,KAAAA,CAAAA,YAAY,MAAM;IACpCX,OAAA,CAAQC,IAAI,CAAA;EAAA,CACX,EAAA,CAACD,OAAS,EAAAC,IAAI,CAAC,CAAA;EAElB,MAAMW,uBAA0B,GAAAD,KAAA,CAAAA,WAAA,CAC7BE,KAAe,IAAA;IACdA,KAAA,CAAMC,eAAgB,EAAA;IACtB,MAAMC,GAAM,aAAGd,IAAK,CAAAe,KAAA,CAAMC,IAAmB,yBAAAC,kBAAA,CAC3CrB,UAAA,CACF,yBAAA;IACAsB,MAAA,CAAOC,IAAK,CAAAL,GAAA,EAAKd,IAAK,CAAAoB,EAAA,EAAI,qBAAqB,CAAA;EACjD,CAAA,EACA,CAACpB,IAAI,CAAA,CACP;EAEA,MAAMqB,aAAgB,GAAAX,KAAA,CAAAA,WAAA,CACnBE,KAAe,IAAA;IACdX,SAAA,CAAUW,KAAK,CAAA;IACX,IAAAA,KAAA,CAAMU,YAAY,EAAI,EAAA;MACxBvB,OAAA,CAAQC,IAAI,CAAA;IACd;EACF,CAAA,EACA,CAACC,SAAW,EAAAD,IAAA,EAAMD,OAAO,CAAA,CAC3B;EAEM,MAAAwB,eAAA,GAAkBb,KAAAA,CAAAA,YAAY,MAAM;IACxCR,OAAA,CAAQF,IAAI,CAAA;EAAA,CACX,EAAA,CAACE,OAAS,EAAAF,IAAI,CAAC,CAAA;EAElBwB,KAAAA,CAAAA,SAAA,CAAU,MAAM;IACd,IAAI,CAAChB,UAAA,CAAWiB,OAAW,IAAAtB,MAAA,IAAUG,QAAQmB,OAAS,EAAA;MACpDnB,OAAA,CAAQmB,QAAQC,KAAM,EAAA;MACtBxB,OAAA,CAAQF,IAAI,CAAA;IACd;IACAQ,UAAA,CAAWiB,OAAU,GAAAtB,MAAA;EAAA,CAGvB,EAAG,CAACA,MAAM,CAAC,CAAA;EAEL,MAAAwB,GAAA,GAAM3B,KAAK4B,IAAK,CAAAC,KAAA;EAChB,MAAAC,QAAA,GAAW9B,KAAK+B,IAAK,CAAAC,IAAA;EAErB,MAAAxC,KAAA,GAAQyC,aAAW,CAAAxC,MAAA;EAEvB,sBAAAyC,UAAA,CAAAA,GAAA,CAACvD,IAAA,EAAA;IACCwD,GAAK,EAAA7B,OAAA;IACLvB,WAAa,EAAAS,KAAA;IACb4C,iCAA0BN,QAAA,mBAAA;IAC1BO,QAAU,EAAA,CAAA;IACVpC,SAAW,EAAAoB,aAAA;IACXiB,WAAa,EAAAf,eAAA;IACbgB,KAAO,EAAA;MACLnC,iBAAUA,KAAA,OAAA;MACVC,kBAAWA,MAAA,OAAA;MACXmC,iCAAyBb,GAAA;IAC3B,CAAA;IACA5B,OAAS,EAAAU,WAAA;IAETgC,wCAACrD,cAAe,EAAA;MAAAW,OAAA,EAASY;MACvB8B,QAAC,iBAAAP,UAAA,CAAAA,GAAA,CAAA5C,UAAA,EAAA;QAAWoD,SAAS,CAAG;QAAAC,MAAA,EAAQ,CAAG;QAAAC,MAAA,EAAQ;QACzCH,QAAC,EAAAI,eAAAA,UAAAA,CAAAA,IAAA,CAAAC,EAAA,CAAAA,IAAA,EAAA;UAAKC,MAAM,CAAG;UAAAX,KAAA,0BAAwBN,QAAsC,+BAAA;UAAAW,QAAA,EAAA,CAAA,MAAA,EACtEzC,KAAK+B,IAAK,CAAAiB,QAAA;QACjB,CAAA;MACF,CAAA;KACF;EAAA,CAAA,CACF;AAEJ;ACjFA,MAAMC,WAAc,GAAA,CAClBC,MACA,EAAAC,KAAA,EACAC,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxB1C,oDAA6CG,kBAAA,CAC3CkC,KAAA,oBACQC,IAAiB,uBAAAC,OAAA,CAAA;EAC3BI,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CAAA,CACL;AAEF,MAAMC,SAAY,GAAA,CAChBT,MACA,EAAAU,IAAA,EACAR,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxB1C,GAAA,6CAAyC8C,IAAA,mBAAaR,IAAiB,uBAAAC,OAAA,CAAA;EACvEI,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CAAA,CACL;AAEc,SAAAG,gBAAA,CAAiBX,QAAsBY,KAAuC,EAAA;EACtF,MAAAC,WAAA,GAAcD,KAAM,CAAA/C,KAAA,CAAMiD,iBAAkB,CAAAC,OAAA,CAChD,0BAAA,EACA,kBAAA,CACF;EACA,OAAOf,OACJM,OAAQ,CAAA;IACP1C,GAAK,EAAAiD,WAAA;IACLN,eAAiB,EAAA,IAAA;IACjBC,MAAQ,EAAA;EAAA,CACT,CAAA,CACAQ,IAAK,CAACC,MAA4B,IAAA;IACjC,OAAOA,MAAO,CAAArD,GAAA;EAAA,CACf,CAAA;AACL;AAEO,MAAMsD,MAAS,GAAA,CACpBlB,MACA,EAAAC,KAAA,EACAC,MACAiB,cACoB,KAAA;EACb,OAAAC,IAAA,CAAAA,MAAA,CACLnB,KAAM,CAAAoB,IAAA,CACJC,SAAAA,CAAAA,eAAepB,IAAI,CAAA,EACnBqB,SAAAA,CAAAA,aAAa,GAAG,CAAA,EAChBC,8BAAqB,EAAA,EACrBC,SAAAA,CAAAA,SAAU,CAAA,SAAY;IAAA,IAAX,CAACC,CAAA,EAAGC,CAAC,CAAM;IACpB,IAAID,CAAG,EAAA;MACL,OAAO3B,WAAY,CAAAC,MAAA,EAAQ0B,CAAG,EAAAC,CAAA,EAAGR,cAAc,CAAE,CAAAE,IAAA,CAC/CG,8BAAqB,EAAA,EACrBI,SAAAA,CAAAA,GAAI,CAACX,MAAW,IAAAA,MAAA,CAAOY,OAAO,CAAA,CAChC;IACF;IACA,OAAOpB,SAAU,CAAAT,MAAA,EAAQ,SAAW,EAAA2B,CAAA,EAAGR,cAAc,CAAA;EAAA,CACtD,CAAA,CACH,CACF;AACF,CAAA;AC3Ea,MAAAW,MAAA,GAASpG,eAAAA,CAAAA,QAAOqG,EAAAA,CAAAA,KAAK,CAAA,wHAAA;AAMVrG,eAAO,CAAAC,OAAA,CAAAC,GAAA;ACW/B,MAAMoG,gBAAmB,GAAA,EAAA;AACzB,MAAMC,aAAgB,GAAA,CAAA;AACtB,MAAMC,aAAgB,GAAA,CAAA;AAEtB,SAAwBC,oBAAoBvF,KAAkC,EAAA;EAC5E,MAAMoD,MAAS,GAAAoC,MAAA,CAAAA,SAAA,CAAU;IAAEC,UAAA,EAAY;EAAc,CAAA,CAAA;EACrD,OAAQrD,eAAAA,UAAAA,CAAAA,GAAA,CAAAsD,2BAAA,EAAA;IAA6B,GAAG1F,KAAA;IAAOoD;EAAgB,CAAA,CAAA;AACjE;AAEA,MAAMsC,2BAAA,SAAoCC,uBAAMC,SAG9C,CAAA;EAHFC,WAAA,GAAA;IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA;IAQU,IAAA,CAAAC,KAAA,GAAA;MACNC,MAAQ,EAAA,CAAA;MACR3C,KAAO,EAAA,EAAA;MACPC,IAAM,EAAA,CAAA;MACN2C,aAAA,EAAe,CAAC,EAAE,CAAA;MAClBC,SAAW,EAAA;IAAA,CACb;IAE0C,IAAA,CAAAC,kBAAA,GAAA,IAAA;IAEzB,IAAA,CAAAC,cAAA,GAAA,IAAIC,qBAAgB,EAAE,CAAA;IACxB,IAAA,CAAAC,YAAA,GAAA,IAAID,qBAAgB,CAAC,CAAA;IAwBpC,IAAA,CAAAE,YAAA,GAAgBvC,KAAyB,IAAA;MACvC,IAAA,CAAKwC,QAAS,CAAA;QAAEN,SAAW,EAAA;MAAM,CAAA,CAAA;MAC1B,OAAAnC,gBAAA,CAAiB,KAAK/D,KAAM,CAAAoD,MAAA,EAAQY,KAAK,CAAE,CAAAI,IAAA,CAAMH,WAAgB,IAAA;QAChE,MAAAwC,WAAA,GAAczC,MAAMyC,WAAe,IAAA,KAAA,CAAA;QACzC,MAAMC,KAAyB,GAAA;UAC7BC,IAAM,EAAA,KAAA;UACNC,KAAO,EAAA3C,WAAA;UACP4C,kBAAoB,EAAA;YAClBC,KAAO,EAAA,mBAAA;YACPC,MAAQ,EAAA;cACN7E,IAAM,EAAA,UAAA;cACNZ,IAAI0C,KAAM,CAAA1C,EAAA;cACVN,GAAA,EAAKgD,MAAM/C,KAAM,CAAAC;YACnB,CAAA;YACAuF,WAAA;YACAO,UAAA,YAAehD,KAAA,CAAM/B,IAAK,CAAAC,IAAA;UAC5B;QAAA,CACF;QACA,IAAA,CAAKlC,KAAM,CAAAiH,QAAA,CAAS,CAACP,KAAK,CAAC,CAAA;MAAA,CAC5B,CAAA;IAAA,CACH;IAEA,IAAA,CAAAQ,WAAA,GAAc,MAAM;MAClB,IAAA,CAAKlH,MAAMmH,OAAQ,EAAA;IAAA,CACrB;IAEA,IAAA,CAAAC,uBAAA,GAA2BtG,KAA+C,IAAA;MAClE,MAAAuC,KAAA,GAAQvC,MAAMuG,aAAc,CAAAT,KAAA;MAClC,IAAA,CAAKJ,QAAS,CAAA;QAAEnD,KAAO;QAAAC,IAAA,EAAM;QAAG2C,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,KAAKjE,KAAK,CAAA;IAAA,CAChC;IAEA,IAAA,CAAAkE,qBAAA,GAAwB,MAAM;MAEtB,MAAAC,QAAA,GAAW,IAAK,CAAAzB,KAAA,CAAMzC,IAAO,GAAA,CAAA;MACnC,IAAA,CAAKkD,SAAS;QAAElD,IAAA,EAAMkE,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,CAAM1C,KAAK,CAAA;IAAA,CAC3C;IAEA,IAAA,CAAA9B,aAAA,GAAiBT,KAAe,IAAA;MACxB,MAAA;QAAEkF;MAAO,CAAA,GAAI,IAAK,CAAAD,KAAA;MACxB,IAAA,CAAKjF,MAAMU,OAAY,KAAA,EAAA,IAAMV,MAAMU,OAAY,KAAA,EAAA,KAAOwE,SAAS,CAAG,EAAA;QAC3D,IAAA,CAAAQ,QAAA,CAAUiB,SAAe,KAAA;UAC5BzB,MAAA,EAAQyB,UAAUzB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MAED,CAAA,MAAA,IAAA,CAAAlF,KAAA,CAAMU,OAAY,KAAA,EAAA,IAAMV,KAAM,CAAAU,OAAA,KAAY,EAC3C,KAAAwE,MAAA,GAAS,IAAK,CAAA0B,SAAA,EAAY,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,GAAgB5D,KAAyB,IAAA;MACjC,MAAA6D,KAAA,GAAQ,IAAK,CAAAH,SAAA,EAAY,CAAAI,SAAA,CAAWzD,MAA0B,IAAAA,MAAA,CAAO/C,EAAO,KAAA0C,KAAA,CAAM1C,EAAE,CAAA;MAC1F,IAAA,CAAKkF,QAAS,CAAA;QAAER,MAAQ,EAAA6B;MAAO,CAAA,CAAA;IAAA,CACjC;IAEA,IAAA,CAAAE,WAAA,GAAe/H,KAAe,IAAA;MACtB,MAAA;QAAEgE,KAAO;QAAAgE;MAAW,CAAA,GAAAhI,KAAA;MAC1B,MAAMK,MACJ,GAAA,IAAA,CAAKqH,SAAU,EAAA,CAAEI,UAAWzD,MAAA,IAA0BA,MAAO,CAAA/C,EAAA,KAAO0C,MAAM9D,IAAK,CAAAoB,EAAE,CAC/E,KAAA,IAAA,CAAKyE,MAAMC,MAAU,IAAA,KAAA;MAEvB,sBAAA5D,UAAA,CAAAA,GAAA,CAACrC,KAAA,EAAA;QACCE,OAAS,EAAA,IAAA,CAAKsG,YAAa,CAAA0B,IAAA,CAAKjE,MAAM9D,IAAI,CAAA;QAC1CC,WAAW,IAAK,CAAAoB,aAAA;QAChBrB,MAAM8D,KAAM,CAAA9D,IAAA;QACZI,OAAO0H,MAAO,CAAA1H,KAAA;QACdC,QAAQyH,MAAO,CAAAzH,MAAA;QACfF,MAAA;QACAD,SAAS,IAAK,CAAAwH;MAAA,CAAA,CAChB;IAAA,CAEJ;EAAA;EAxGAM,iBAAoB,GAAA;IAClB,IAAA,CAAK/B,kBAAqB,GAAA7B,MAAA,CACxB,KAAKtE,KAAM,CAAAoD,MAAA,EACX,IAAK,CAAAgD,cAAA,EACL,IAAK,CAAAE,YAAA,EACLlB,gBAAA,EACA+C,SAAU,CAAA;MACVb,IAAA,EAAOrC,OAA6B,IAAA;QAC7B,IAAA,CAAAuB,QAAA,CAAU4B,IAAU,KAAA;UACvBnC,aAAe,EAAA,CAAC,GAAGmC,IAAA,CAAKnC,eAAehB,OAAO,CAAA;UAC9CiB,SAAW,EAAA;QACX,CAAA,CAAA,CAAA;MACJ;IAAA,CACD,CAAA;EACH;EAEAmC,oBAAuB,GAAA;IACrB,IAAI,KAAKlC,kBAAoB,EAAA;MAC3B,IAAA,CAAKA,mBAAmBmC,WAAY,EAAA;IACtC;EACF;EA2DAZ,SAAY,GAAA;IACH,OAAA,IAAA,CAAK3B,KAAM,CAAAE,aAAA,CAAcsC,IAAK,EAAA;EACvC;EAyBAC,MAAS,GAAA;IACP,MAAM;MAAEnF,KAAA;MAAO4C,aAAe;MAAAC;IAAA,IAAc,IAAK,CAAAH,KAAA;IAG/C,sBAAA3D,UAAA,CAAAA,GAAA,CAACqG,EAAA,CAAAA,MAAA,EAAA;MACCnH,EAAG,EAAA,uBAAA;MACHoH,MAAO,EAAA,4BAAA;MACPvB,SAAS,IAAK,CAAAD,WAAA;MACd7F,IAAI,EAAA,IAAA;MACJf,KAAO,EAAA,CAAA;MAEPqC,QAAC,EAAAI,eAAAA,UAAAA,CAAAA,IAAA,CAAAoC,EAAAA,CAAAA,KAAA,EAAA;QAAMwD,KAAO,EAAA,CAAA;QAAG/F,SAAS,CACxB;QAAAD,QAAA,EAAA,CAAA,eAAAP,cAAA,CAAC3C,EAAAA,CAAAA,IACC,EAAA;UAAAkD,QAAA,EAAAI,eAAAA,UAAAA,CAAAA,IAAA,CAACmC,MAAO,EAAA;YAAAyD,KAAA,EAAO,CACb;YAAAhG,QAAA,EAAA,CAAA,eAAAP,cAAA,CAACY,EAAAA,CAAAA,IAAK,EAAA;cAAAC,IAAA,EAAM,CAAG;cAAA2F,MAAA,EAAO;cAAWjG,QAEjC,EAAA;aAAA,CAAA,EAAA,eACAP,UAAA,CAAAA,GAAA,CAACyG,EAAA,CAAAA,SAAA,EAAA;cACCC,KAAM,EAAA,qBAAA;cACNC,WAAY,EAAA,kBAAA;cACZnC,KAAO,EAAAvD,KAAA;cACP2F,UAAU,IAAK,CAAA5B;YAAA,CAAA,CACjB;UAAA,CACF;QACF,CAAA,CAAA,EACC,CAAClB,SAAA,IAAa,IAAK,CAAAwB,SAAA,EAAY,CAAAC,MAAA,KAAW,CACzC,IAAA,eAAAvF,UAAA,CAAAA,GAAA,CAACY,EAAK,CAAAA,IAAA,EAAA;UAAAC,IAAA,EAAM,CAAG;UAAAgG,KAAA,EAAK;UAACtG,QAErB,EAAA;SAAA,CAAA,EAAA,eAEFP,UAAA,CAAAA,GAAA,CAAC8G,uBAAA,CAAAnK,OAAA,EAAA;UACCoK,UAAA,EAAY,IAAK,CAAAzB,SAAA,EAAY,CAAAC,MAAA;UAC7BL,MAAM,IAAK,CAAAC,qBAAA;UAEX6B,OAAO,EAAA,IAAA;UACPC,eAAiB,EAAA,IAAA;UACjB9I,MAAO,EAAA,MAAA;UACP+I,MACE,EAAA,eAAAlH,UAAA,CAAAA,GAAA,CAACmH,OAAK,EAAA;YAAAC,KAAA,EAAM,QAAS;YAAAC,OAAA,EAAQ,QAAS;YAAA7G,OAAA,EAAS,CAC7C;YAAAD,QAAA,EAAAP,eAAAA,UAAAA,CAAAA,GAAA,CAACsH,EAAQ,CAAAA,OAAA,EAAA;cAAAT,KAAA,EAAK;YAAC,CAAA;WACjB,CAAA;UAEFU,YACGvH,eAAAA,UAAAA,CAAAA,GAAA,CAAAY,EAAA,CAAAA,IAAA,EAAA;YAAKC,MAAM,CAAG;YAAAgG,KAAA,EAAK;YAACtG,QAErB,EAAA;WAAA,CAAA;UAGDA,QAAA,EAAAsD,aAAA,CACE2D,MAAO,CAACC,MAAW,IAAAA,MAAA,CAAOlC,MAAS,GAAA,CAAC,CACpC,CAAA3C,GAAA,CAAI,CAAC6E,MAAA,EAAyBhC,KAC7B,KAAA,eAAAzF,UAAA,CAAAA,GAAA,CAAC0H,mBAAA,CAAA/K,OAAA,EAAA;YAECiJ,MAAO,EAAA,MAAA;YACP+B,OAAS,EAAA1E,aAAA;YACTzC,OAAS,EAAA0C,aAAA;YACT0E,eAAA,EAAkB1J,KAAU,IAAA;cAC1B,IAAIA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA,CAAA,KAAA,IACfA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA;cACtB,OAAA,GAAA;YACT,CAAA;YACAuJ,MAAQ,EAAAA,MAAA,CAAO7E,GAAI,CAAChB,KAA0B,KAAA;cAC5CnC,GAAA,EAAKmC,MAAMlC,IAAK,CAAAC,KAAA;cAChBzB,OAAO0D,KAAM,CAAA1D,KAAA;cACbC,QAAQyD,KAAM,CAAAzD,MAAA;cACd0J,KAAKjG,KAAM,CAAA1C,EAAA;cACXpB,IAAM,EAAA8D;YAAA,CACN,CAAA,CAAA;YACFkG,aAAa,IAAK,CAAAnC,WAAA;YAClBoC,eAAiB,EAAA;cACfC,gBAAgB;gBAAE3H,KAAA,EAAO;kBAAE4H,YAAc,YAAGhF;;cAAoB;YAClE;UAAA,CAAA,oBAnBgBhC,SAAS,SAAa,cAAAwE,KAAA,EAqBzC;QAAA,CAAA,CACL;OACF;IAAA,CAAA,CACF;EAEJ;AACF;AA9MMnC,2BAAA,CAIG4E,YAAe,GAAA;EACpBC,cAAgB,EAAA,KAAA;AAClB,CAAA;ACjCF,SAAwBC,YAAe,GAAA;EAEnC,OAAA,eAAAzH,UAAA,CAAAA,IAAA,CAAC,KAAI,EAAA;IAAA0H,IAAA,EAAK,KAAM;IAAAC,OAAA,EAAQ,WAAY;IAAApK,KAAA,EAAM,KAAM;IAAAC,MAAA,EAAO,KAAM;IAAAoK,IAAA,EAAK,cAChE;IAAAhI,QAAA,EAAA,CAAA,eAAAP,UAAA,CAAAA,GAAA,CAAC,OAAM,EAAA,EAAA,CAAA,EACPA,eAAAA,UAAAA,CAAAA,GAAA,CAAC,MAAK,EAAA;MAAAwI,CAAA,EAAE;IAAuC,CAAA,CAAA;EACjD,CAAA,CAAA;AAEJ;ACAO,MAAMC,mBAAmC,GAAA;EAC9C3I,IAAM,EAAA,UAAA;EACNI,KAAO,EAAA,UAAA;EACPwI,SAAW,EAAAC,mBAAA;EACXC,IAAM,EAAAC;AACR,CAAA;AAKO,MAAMC,qBAAqBC,MAAAA,CAAAA,YAAa,CAAA;EAC7CjJ,IAAM,EAAA,8BAAA;EAENkJ,IAAM,EAAA;IACJC,KAAO,EAAA;MACLC,YAAA,EAAelD,IAAS,IAAA;QACf,OAAA,CAAC,GAAGA,IAAA,EAAMyC,mBAAmB,CAAA;MACtC;IACF;EACF;AACF,CAAC,CAAA;;"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "1.0.6",
+  "version": "1.0.7-beta.0",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "sanity",
@@ -65,11 +65,11 @@
     "rxjs": "^7"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.4.1",
-    "@commitlint/config-conventional": "^17.4.0",
+    "@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": "^3.0.2",
+    "@sanity/semantic-release-preset": "^4.0.0",
     "@types/node": "^18.11.18",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18",
@@ -95,14 +95,14 @@
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "replace-in-file": "^6.3.5",
-    "rimraf": "^3.0.2",
-    "sanity": "^3.2.0",
+    "rimraf": "^5.0.0",
+    "sanity": "^3.2.1",
     "shelljs": "^0.8.5",
     "styled-components": "^5.3.6",
     "ts-node": "^10.9.1",
     "tslint-config-prettier": "^1.18.0",
     "tslint-config-standard": "^9.0.0",
-    "typescript": "^4.9.4"
+    "typescript": "^5.0.0"
   },
   "peerDependencies": {
     "react": "^18",

package/src/components/Photo.tsx

@@ -1,5 +1,5 @@
 import { Text, useTheme } from '@sanity/ui'
-import React, { useCallback, useEffect, useRef } from 'react'
+import React, { useCallback, useRef } from 'react'
 import { UnsplashPhoto } from '../types'
 import { CreditLine, CreditLineLink, Root } from './Photo.styled'
 
@@ -9,16 +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, active, width, height } = props
+  const { onClick, data, onKeyDown, onFocus, width, height } = props
   const rootElm = useRef<HTMLDivElement>(null)
-  const prevActive = useRef<boolean>(false)
 
   const handleClick = useCallback(() => {
     onClick(data)
@@ -49,16 +47,6 @@ export default function Photo(props: Props) {
     onFocus(data)
   }, [onFocus, data])
 
-  useEffect(() => {
-    if (!prevActive.current && active && rootElm.current) {
-      rootElm.current.focus()
-      onFocus(data)
-    }
-    prevActive.current = active
-    // data changing alone should not re-trigger effect
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [active])
-
   const src = data.urls.small
   const userName = data.user.name
 

package/src/components/UnsplashAssetSource.tsx

@@ -138,9 +138,7 @@ 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)}
@@ -148,7 +146,6 @@ class UnsplashAssetSourceInternal extends React.Component<
         data={photo.data}
         width={layout.width}
         height={layout.height}
-        active={active}
         onFocus={this.updateCursor}
       />
     )