sanity-plugin-asset-source-unsplash 1.1.1 → 1.1.2

package/lib/index.cjs

@@ -70,9 +70,9 @@ var __template$1 = (cooked, raw) => __freeze$1(__defProp$2(cooked, "raw", {
 var _a$1, _b$1, _c;
 const Root = styled__default.default.div(_a$1 || (_a$1 = __template$1(["\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: ", ";\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"])), _ref2 => {
   let {
-    studioTheme
+    theme
   } = _ref2;
-  return "1px solid ".concat(studioTheme.color.card.enabled.border);
+  return "1px solid ".concat(theme.sanity.color.card.enabled.border);
 });
 const CreditLineLink = styled__default.default.a(_b$1 || (_b$1 = __template$1(["\n  text-decoration: none;\n  cursor: pointer;\n"])));
 const CreditLine = styled__default.default(ui.Card)(_c || (_c = __template$1(["\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"])), _ref3 => {
@@ -116,9 +116,7 @@ function Photo(props) {
   }, [active, data, onFocus]);
   const src = data.urls.small;
   const userName = data.user.name;
-  const theme = ui.useTheme().sanity;
   return /* @__PURE__ */jsxRuntime.jsx(Root, {
-    studioTheme: theme,
     title: "Select image by ".concat(userName, " from Unsplash"),
     tabIndex: 0,
     onKeyDown: handleKeyDown,

package/lib/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { UnsplashPhoto } from '../types'\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 { 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'\n\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } from './UnsplashAssetSource.styled'\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                  // eslint-disable-next-line react/no-array-index-key\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 { AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","studioTheme","color","card","enabled","border","CreditLineLink","a","CreditLine","default","Card","_ref3","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAwBA,YAAeA,CAAA,EAAA;EAEnC,OAAA,eAAAC,UAAA,CAAAA,IAAA,CAAC,KAAI,EAAA;IAAAC,IAAA,EAAK,KAAM;IAAAC,OAAA,EAAQ,WAAY;IAAAC,KAAA,EAAM,KAAM;IAAAC,MAAA,EAAO,KAAM;IAAAC,IAAA,EAAK,cAChE;IAAAC,QAAA,EAAA,CAAA,eAAAC,UAAA,CAAAA,GAAA,CAAC,OAAM,EAAA,EAAA,CAAA,EACPA,eAAAA,UAAAA,CAAAA,GAAA,CAAC,MAAK,EAAA;MAAAC,CAAA,EAAE;IAAuC,CAAA,CAAA;EACjD,CAAA,CAAA;AAEJ;ACAA,MAAMC,WAAc,GAAAA,CAClBC,MACA,EAAAC,KAAA,EACAC,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBC,KAAK,uCAAwC,CAAAC,MAAA,CAAAC,kBAAA,CAC3CR,KAAA,CACF,EAAC,QAAS,CAAA,CAAAO,MAAA,CAAAN,IAAA,EAAI,YAAa,CAAA,CAAAM,MAAA,CAAAL,OAAA,CAAA;EAC3BO,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEF,MAAMC,SAAY,GAAAA,CAChBZ,MACA,EAAAa,IAAA,EACAX,MACAC,OAEA,KAAAC,IAAA,CAAAA,KAAA,CACE,MACEJ,MAAO,CAAAK,UAAA,CAAWC,OAAQ,CAAA;EACxBC,GAAK,EAAA,mCAAA,CAAoCC,MAAI,CAAAK,IAAA,EAAA,QAAA,CAAA,CAASL,aAAI,YAAa,CAAA,CAAAA,MAAA,CAAAL,OAAA,CAAA;EACvEO,eAAiB,EAAA,IAAA;EACjBC,MAAQ,EAAA;AAAA,CACT,CACL,CAAA;AAEc,SAAAG,gBAAAA,CAAiBd,QAAsBe,KAAuC,EAAA;EACtF,MAAAC,WAAA,GAAcD,KAAM,CAAAE,KAAA,CAAMC,iBAAkB,CAAAC,OAAA,CAChD,0BAAA,EACA,kBAAA,CACF;EACA,OAAOnB,OACJM,OAAQ,CAAA;IACPC,GAAK,EAAAS,WAAA;IACLN,eAAiB,EAAA,IAAA;IACjBC,MAAQ,EAAA;EAAA,CACT,CAAA,CACAS,IAAK,CAACC,MAA4B,IAAA;IACjC,OAAOA,MAAO,CAAAd,GAAA;EAAA,CACf,CAAA;AACL;AAEO,MAAMe,MAAS,GAAAA,CACpBtB,MACA,EAAAC,KAAA,EACAC,MACAqB,cACoB,KAAA;EACb,OAAAf,IAAA,CAAAA,MAAA,CACLP,KAAM,CAAAuB,IAAA,CACJC,SAAAA,CAAAA,eAAevB,IAAI,CAAA,EACnBwB,SAAAA,CAAAA,aAAa,GAAG,CAAA,EAChBC,8BAAqB,CAAA,CAAA,EACrBC,SAAAA,CAAAA,SAAU,CAAAC,IAAA,IAAY;IAAA,IAAX,CAACC,CAAA,EAAGC,CAAC,CAAM,GAAAF,IAAA;IACpB,IAAIC,CAAG,EAAA;MACL,OAAO/B,WAAY,CAAAC,MAAA,EAAQ8B,CAAG,EAAAC,CAAA,EAAGR,cAAc,CAAE,CAAAC,IAAA,CAC/CG,8BAAqB,CAAA,CAAA,EACrBK,SAAAA,CAAAA,GAAI,CAACX,MAAW,IAAAA,MAAA,CAAOY,OAAO,CAAA,CAChC;IACF;IACA,OAAOrB,SAAU,CAAAZ,MAAA,EAAQ,SAAW,EAAA+B,CAAA,EAAGR,cAAc,CAAA;EAAA,CACtD,CACH,CAAA,CACF;AACF,CAAA;;;;;;AC/EA,IAAAW,IAAA,EAAAC,IAAA,EAAAC,EAAA;AASO,MAAMC,IAAO,GAAAC,eAAAA,CAAAA,OAAA,CAAOC,GAAP,CAAAL,IAAA,KAAAA,IAAA,GAAUM,sOAQ8D,wPAAhF,CAAA,CAAA,CAAA,EAAAC,KAAA;EAAA,IAAC;IAAEC;EAAyB,CAAA,GAAAD,KAAA;EAAA,OAAA,YAAA,CAAajC,MAAY,CAAAkC,WAAA,CAAAC,KAAA,CAAMC,KAAKC,OAAQ,CAAAC,MAAA,CAAA;AAAA,EAAA;AAevE,MAAAC,cAAA,GAAiBT,eAAAA,CAAAA,OAAO,CAAAU,CAAA,CAAPb,IAAQ,KAAAA,IAAA,GAAAK,YAAA,CAAA,CAAA,kDAAA,CAAA,CAAA,CAAA,CAAA;AAKzB,MAAAS,UAAA,GAAaX,eAAO,CAAAY,OAAA,CAAAC,EAAI,CAAAA,IAAA,CAAX,CAAAf,EAAA,KAAAA,EAAA,GAAYI,sBAIlC,wKAHA,CAAA,CAAA,CAAA,EAAAY,KAAA;EAAA,IAAC;IAAEC;EAAY,CAAA,GAAAD,KAAA;EAAA,OAAA,0BAAA,CACK5C,aAAM8C,MAAO,CAAAX,KAAA,CAAMC,IAAK,CAAAC,OAAA,CAAQU,EAAE,EAAA,2BAAA,CAAA,CAClC/C,aAAM8C,MAAO,CAAAX,KAAA,CAAMC,IAAK,CAAAC,OAAA,CAAQW,EAAE,EAAA,QAAA,CAAA;AAAA,EAAA;ACxB1D,MAAMC,UAAa,GAAA,qCAAA;AAEnB,SAAwBC,MAAMC,KAAc,EAAA;EACpC,MAAA;IAAEC;IAASC,IAAM;IAAAC,SAAA;IAAWC;IAASC,MAAQ;IAAAvE,KAAA;IAAOC;EAAW,CAAA,GAAAiE,KAAA;EAE/D,MAAAM,WAAA,GAAcC,KAAAA,CAAAA,YAAY,MAAM;IACpCN,OAAA,CAAQC,IAAI,CAAA;EAAA,CACX,EAAA,CAACD,OAAS,EAAAC,IAAI,CAAC,CAAA;EAElB,MAAMM,uBAA0B,GAAAD,KAAA,CAAAA,WAAA,CAC7BE,KAAe,IAAA;IACdA,KAAA,CAAMC,eAAgB,CAAA,CAAA;IACtB,MAAM9D,GAAM,GAAA,EAAA,CAAGC,MAAK,CAAAqD,IAAA,CAAA5C,KAAA,CAAMqD,MAAI,cAAe,CAAA,CAAA9D,MAAA,CAAAC,kBAAA,CAC3CgD,UACD,CAAA,EAAA,sBAAA,CAAA;IACDc,MAAA,CAAOC,IAAK,CAAAjE,GAAA,EAAKsD,IAAK,CAAAY,EAAA,EAAI,qBAAqB,CAAA;EACjD,CAAA,EACA,CAACZ,IAAI,CAAA,CACP;EAEA,MAAMa,aAAgB,GAAAR,KAAA,CAAAA,WAAA,CACnBE,KAAe,IAAA;IACdN,SAAA,CAAUM,KAAK,CAAA;IACX,IAAAA,KAAA,CAAMO,YAAY,EAAI,EAAA;MACxBf,OAAA,CAAQC,IAAI,CAAA;IACd;EACF,CAAA,EACA,CAACC,SAAW,EAAAD,IAAA,EAAMD,OAAO,CAAA,CAC3B;EAEM,MAAAgB,eAAA,GAAkBV,KAAAA,CAAAA,YAAY,MAAM;IACxCH,OAAA,CAAQF,IAAI,CAAA;EAAA,CACX,EAAA,CAACE,OAAS,EAAAF,IAAI,CAAC,CAAA;EAElBgB,KAAAA,CAAAA,SAAA,CAAU,MAAM;IACd,IAAIb,MAAQ,EAAA;MACVD,OAAA,CAAQF,IAAI,CAAA;IACd;EACC,CAAA,EAAA,CAACG,MAAQ,EAAAH,IAAA,EAAME,OAAO,CAAC,CAAA;EAEpB,MAAAe,GAAA,GAAMjB,KAAKkB,IAAK,CAAAC,KAAA;EAChB,MAAAC,QAAA,GAAWpB,KAAKqB,IAAK,CAAAC,IAAA;EAErB,MAAA9B,KAAA,GAAQ+B,YAAW,CAAA,CAAA9B,MAAA;EAEvB,sBAAAzD,UAAA,CAAAA,GAAA,CAACwC,IAAA,EAAA;IACCK,WAAa,EAAAW,KAAA;IACbgC,KAAA,EAAO,mBAAmB7E,MAAQ,CAAAyE,QAAA,EAAA,gBAAA,CAAA;IAClCK,QAAU,EAAA,CAAA;IACVxB,SAAW,EAAAY,aAAA;IACXa,WAAa,EAAAX,eAAA;IACbY,KAAO,EAAA;MACL/F,KAAA,EAAO,GAAGe,MAAK,CAAAf,KAAA,EAAA,IAAA,CAAA;MACfC,MAAA,EAAQ,GAAGc,MAAM,CAAAd,MAAA,EAAA,IAAA,CAAA;MACjB+F,eAAA,EAAiB,QAAQjF,MAAG,CAAAsE,GAAA,EAAA,IAAA;IAC9B,CAAA;IACAlB,OAAS,EAAAK,WAAA;IAETrE,wCAACmD,cAAe,EAAA;MAAAa,OAAA,EAASO;MACvBvE,QAAC,iBAAAC,UAAA,CAAAA,GAAA,CAAAoD,UAAA,EAAA;QAAWyC,SAAS,CAAG;QAAAC,MAAA,EAAQ;QAAGC,MAAQ,EAAA,CAAA;QACzChG,yCAACiG,EAAK,CAAAA,IAAA,EAAA;UAAAC,IAAA,EAAM;UAAGT,KAAO,EAAA,gBAAA,CAAiB7E,iBAAQ,4BAA8B,CAAA;UAAAZ,QAAA,EAAA,CAAA,MAAA,EACtEiE,KAAKqB,IAAK,CAAAa,QAAA;QACjB,CAAA;MACF,CAAA;KACF;EAAA,CAAA,CACF;AAEJ;;;;;;ACnFA,IAAA7D,EAAA,EAAAC,EAAA;AAGO,MAAM6D,MAAS,GAAA1D,eAAAA,CAAAA,OAAA,CAAO2D,EAAK,CAAAA,KAAA,CAAA,CAAZ/D,EAAa,KAAAA,EAAA,GAAAM,UAAA,CAAA,CAAA,mDAAA,CAAA,CAAA,CAAA,CAAA;AAMXF,eAAAA,CAAAA,OAAO,CAAAC,GAAA,CAAPJ,EAAU,KAAAA,EAAA,GAAAK,UAAA,CAAA,CAAA,8CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;ACYlC,MAAM0D,gBAAmB,GAAA,EAAA;AACzB,MAAMC,aAAgB,GAAA,CAAA;AACtB,MAAMC,aAAgB,GAAA,CAAA;AAEtB,SAAwBC,oBAAoB1C,KAAkC,EAAA;EAC5E,MAAM3D,MAAS,GAAAsG,MAAA,CAAAA,SAAA,CAAU;IAAEC,UAAA,EAAY;EAAc,CAAA,CAAA;EACrD,OAAQ1G,eAAAA,UAAAA,CAAAA,GAAA,CAAA2G,2BAAA,EAAA;IAA6B,GAAG7C,KAAA;IAAO3D;EAAgB,CAAA,CAAA;AACjE;AAEA,MAAMwG,2BAAA,SAAoCC,uBAAMC,SAG9C,CAAA;EAHFC,WAAAA,CAAA,EAAA;IAAA,KAAA,CAAA,GAAAC,SAAA,CAAA;IAQUC,aAAA,CAAA,IAAA,EAAA,OAAA,EAAA;MACNC,MAAQ,EAAA,CAAA;MACR7G,KAAO,EAAA,EAAA;MACPC,IAAM,EAAA,CAAA;MACN6G,aAAA,EAAe,CAAC,EAAE,CAAA;MAClBC,SAAW,EAAA;IAAA,CACb,CAAA;IAE0CH,aAAA,CAAA,IAAA,EAAA,oBAAA,EAAA,IAAA,CAAA;IAEzBA,aAAA,CAAA,IAAA,EAAA,gBAAA,EAAA,IAAII,IAAAA,CAAAA,gBAAgB,EAAE,CAAA,CAAA;IACxBJ,aAAA,CAAA,IAAA,EAAA,cAAA,EAAA,IAAII,IAAAA,CAAAA,gBAAgB,CAAC,CAAA,CAAA;IAwBpCJ,aAAA,CAAA,IAAA,EAAA,cAAA,EAAgB9F,KAAyB,IAAA;MACvC,IAAA,CAAKmG,QAAS,CAAA;QAAEF,SAAW,EAAA;MAAM,CAAA,CAAA;MAC1B,OAAAlG,gBAAA,CAAiB,KAAK6C,KAAM,CAAA3D,MAAA,EAAQe,KAAK,CAAE,CAAAK,IAAA,CAAMJ,WAAgB,IAAA;QAChE,MAAAmG,WAAA,GAAcpG,MAAMoG,WAAe,IAAA,KAAA,CAAA;QACzC,MAAMC,KAAyB,GAAA;UAC7BC,IAAM,EAAA,KAAA;UACNC,KAAO,EAAAtG,WAAA;UACPuG,kBAAoB,EAAA;YAClBC,KAAO,EAAA,mBAAA;YACPC,MAAQ,EAAA;cACNtC,IAAM,EAAA,UAAA;cACNV,IAAI1D,KAAM,CAAA0D,EAAA;cACVlE,GAAA,EAAKQ,MAAME,KAAM,CAAAqD;YACnB,CAAA;YACA6C,WAAA;YACAO,UAAY,EAAA,EAAA,CAAGlH,MAAM,CAAAO,KAAA,CAAAmE,IAAA,CAAKC,IAAI,EAAA,cAAA;UAChC;QAAA,CACF;QACA,IAAA,CAAKxB,KAAM,CAAAgE,QAAA,CAAS,CAACP,KAAK,CAAC,CAAA;MAAA,CAC5B,CAAA;IAAA,CACH,CAAA;IAEAP,aAAA,CAAA,IAAA,EAAA,aAAA,EAAc,MAAM;MAClB,IAAA,CAAKlD,MAAMiE,OAAQ,EAAA;IAAA,CACrB,CAAA;IAEAf,aAAA,CAAA,IAAA,EAAA,yBAAA,EAA2BzC,KAA+C,IAAA;MAClE,MAAAnE,KAAA,GAAQmE,MAAMyD,aAAc,CAAAP,KAAA;MAClC,IAAA,CAAKJ,QAAS,CAAA;QAAEjH,KAAO;QAAAC,IAAA,EAAM;QAAG6G,aAAe,EAAA,CAAC,EAAE,CAAG;QAAAC,SAAA,EAAW,IAAM;QAAAF,MAAA,EAAQ;MAAG,CAAA,CAAA;MAC5E,IAAA,CAAAgB,YAAA,CAAaC,KAAK,CAAC,CAAA;MACnB,IAAA,CAAAC,cAAA,CAAeD,KAAK9H,KAAK,CAAA;IAAA,CAChC,CAAA;IAEA4G,aAAA,CAAA,IAAA,EAAA,uBAAA,EAAwB,MAAM;MAEtB,MAAAoB,QAAA,GAAW,IAAK,CAAAC,KAAA,CAAMhI,IAAO,GAAA,CAAA;MACnC,IAAA,CAAKgH,SAAS;QAAEhH,IAAA,EAAM+H,QAAU;QAAAjB,SAAA,EAAW;OAAM,CAAA;MAC5C,IAAA,CAAAc,YAAA,CAAaC,KAAKE,QAAQ,CAAA;MAC/B,IAAA,CAAKD,cAAe,CAAAD,IAAA,CAAK,IAAK,CAAAG,KAAA,CAAMjI,KAAK,CAAA;IAAA,CAC3C,CAAA;IAEA4G,aAAA,CAAA,IAAA,EAAA,eAAA,EAAiBzC,KAAe,IAAA;MACxB,MAAA;QAAE0C;MAAO,CAAA,GAAI,IAAK,CAAAoB,KAAA;MACxB,IAAA,CAAK9D,MAAMO,OAAY,KAAA,EAAA,IAAMP,MAAMO,OAAY,KAAA,EAAA,KAAOmC,SAAS,CAAG,EAAA;QAC3D,IAAA,CAAAI,QAAA,CAAUiB,SAAe,KAAA;UAC5BrB,MAAA,EAAQqB,UAAUrB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MAED,CAAA,MAAA,IAAA,CAAA1C,KAAA,CAAMO,OAAY,KAAA,EAAA,IAAMP,KAAM,CAAAO,OAAA,KAAY,EAC3C,KAAAmC,MAAA,GAAS,IAAK,CAAAsB,SAAA,CAAA,CAAY,CAAAC,MAAA,GAAS,CACnC,EAAA;QACK,IAAA,CAAAnB,QAAA,CAAUiB,SAAe,KAAA;UAC5BrB,MAAA,EAAQqB,UAAUrB,MAAS,GAAA;QAC3B,CAAA,CAAA,CAAA;MACJ;IAAA,CACF,CAAA;IAMAD,aAAA,CAAA,IAAA,EAAA,cAAA,EAAgB9F,KAAyB,IAAA;MACjC,MAAAuH,KAAA,GAAQ,IAAK,CAAAF,SAAA,CAAA,CAAY,CAAAG,SAAA,CAAWlH,MAA0B,IAAAA,MAAA,CAAOoD,EAAO,KAAA1D,KAAA,CAAM0D,EAAE,CAAA;MAC1F,IAAA,CAAKyC,QAAS,CAAA;QAAEJ,MAAQ,EAAAwB;MAAO,CAAA,CAAA;IAAA,CACjC,CAAA;IAEAzB,aAAA,CAAA,IAAA,EAAA,aAAA,EAAelD,KAAe,IAAA;MACtB,MAAA;QAAE5C,KAAO;QAAAyH;MAAW,CAAA,GAAA7E,KAAA;MAC1B,MAAMK,MACJ,GAAA,IAAA,CAAKoE,SAAU,CAAA,CAAA,CAAEG,UAAWlH,MAAA,IAA0BA,MAAO,CAAAoD,EAAA,KAAO1D,MAAM8C,IAAK,CAAAY,EAAE,CAC/E,KAAA,IAAA,CAAKyD,MAAMpB,MAAU,IAAA,KAAA;MAEvB,sBAAAjH,UAAA,CAAAA,GAAA,CAAC6D,KAAA,EAAA;QACCE,OAAS,EAAA,IAAA,CAAK6E,YAAa,CAAAC,IAAA,CAAK3H,MAAM8C,IAAI,CAAA;QAC1CC,WAAW,IAAK,CAAAY,aAAA;QAChBb,MAAM9C,KAAM,CAAA8C,IAAA;QACZpE,OAAO+I,MAAO,CAAA/I,KAAA;QACdC,QAAQ8I,MAAO,CAAA9I,MAAA;QACfsE,MAAA;QACAD,SAAS,IAAK,CAAA4E;MAAA,CAAA,CAChB;IAAA,CAEJ,CAAA;EAAA;EAxGAC,iBAAoBA,CAAA,EAAA;IAClB,IAAA,CAAKC,kBAAqB,GAAAvH,MAAA,CACxB,KAAKqC,KAAM,CAAA3D,MAAA,EACX,IAAK,CAAAgI,cAAA,EACL,IAAK,CAAAF,YAAA,EACL5B,kBACA4C,SAAU,CAAA;MACVf,IAAA,EAAO9F,OAA6B,IAAA;QAC7B,IAAA,CAAAiF,QAAA,CAAU6B,IAAU,KAAA;UACvBhC,aAAe,EAAA,CAAC,GAAGgC,IAAA,CAAKhC,eAAe9E,OAAO,CAAA;UAC9C+E,SAAW,EAAA;QACX,CAAA,CAAA,CAAA;MACJ;IAAA,CACD,CAAA;EACH;EAEAgC,oBAAuBA,CAAA,EAAA;IACrB,IAAI,KAAKH,kBAAoB,EAAA;MAC3B,IAAA,CAAKA,mBAAmBI,WAAY,EAAA;IACtC;EACF;EA2DAb,SAAYA,CAAA,EAAA;IACH,OAAA,IAAA,CAAKF,KAAM,CAAAnB,aAAA,CAAcmC,IAAK,CAAA,CAAA;EACvC;EAyBAC,MAASA,CAAA,EAAA;IACP,MAAM;MAAElJ,KAAA;MAAO8G,aAAe;MAAAC;IAAA,IAAc,IAAK,CAAAkB,KAAA;IAG/C,sBAAArI,UAAA,CAAAA,GAAA,CAACuJ,EAAA,CAAAA,MAAA,EAAA;MACC3E,EAAG,EAAA,uBAAA;MACH4E,MAAO,EAAA,4BAAA;MACPzB,SAAS,IAAK,CAAA0B,WAAA;MACd9E,IAAI,EAAA,IAAA;MACJ/E,KAAO,EAAA,CAAA;MAEPG,QAAC,EAAAN,eAAAA,UAAAA,CAAAA,IAAA,CAAA2G,EAAAA,CAAAA,KAAA,EAAA;QAAMsD,KAAO,EAAA,CAAA;QAAG7D,SAAS,CACxB;QAAA9F,QAAA,EAAA,CAAA,eAAAC,cAAA,CAACsD,EAAAA,CAAAA,IACC,EAAA;UAAAvD,QAAA,EAAAN,eAAAA,UAAAA,CAAAA,IAAA,CAAC0G,MAAO,EAAA;YAAAuD,KAAA,EAAO,CACb;YAAA3J,QAAA,EAAA,CAAA,eAAAC,cAAA,CAACgG,EAAAA,CAAAA,IAAK,EAAA;cAAAC,IAAA,EAAM,CAAG;cAAA0D,MAAA,EAAO;cAAW5J,QAEjC,EAAA;aAAA,CAAA,EAAA,eACAC,UAAA,CAAAA,GAAA,CAAC4J,EAAA,CAAAA,SAAA,EAAA;cACCC,KAAM,EAAA,qBAAA;cACNC,WAAY,EAAA,kBAAA;cACZrC,KAAO,EAAArH,KAAA;cACP2J,UAAU,IAAK,CAAAC;YAAA,CACjB,CAAA;UAAA,CACF;QACF,CAAA,CAAA,EACC,CAAC7C,SAAA,IAAa,IAAK,CAAAoB,SAAA,CAAY,CAAA,CAAAC,MAAA,KAAW,CACzC,IAAA,eAAAxI,UAAA,CAAAA,GAAA,CAACgG,EAAK,CAAAA,IAAA,EAAA;UAAAC,IAAA,EAAM,CAAG;UAAAgE,KAAA,EAAK;UAAClK,QAErB,EAAA;SAAA,CAAA,EAAA,eAEFC,UAAA,CAAAA,GAAA,CAACkK,uBAAA,CAAA7G,OAAA,EAAA;UACC8G,UAAA,EAAY,IAAK,CAAA5B,SAAA,CAAA,CAAY,CAAAC,MAAA;UAC7BN,MAAM,IAAK,CAAAkC,qBAAA;UAEXC,OAAO,EAAA,IAAA;UACPC,eAAiB,EAAA,IAAA;UACjBzK,MAAO,EAAA,MAAA;UACP0K,MACE,EAAA,eAAAvK,UAAA,CAAAA,GAAA,CAACwK,OAAK,EAAA;YAAAC,KAAA,EAAM,QAAS;YAAAC,OAAA,EAAQ,QAAS;YAAA7E,OAAA,EAAS,CAC7C;YAAA9F,QAAA,EAAAC,eAAAA,UAAAA,CAAAA,GAAA,CAAC2K,EAAQ,CAAAA,OAAA,EAAA;cAAAV,KAAA,EAAK;YAAC,CAAA;WACjB,CAAA;UAEFW,YACG5K,eAAAA,UAAAA,CAAAA,GAAA,CAAAgG,EAAA,CAAAA,IAAA,EAAA;YAAKC,MAAM,CAAG;YAAAgE,KAAA,EAAK;YAAClK,QAErB,EAAA;WAAA,CAAA;UAGDA,QAAA,EAAAmH,aAAA,CACE2D,MAAO,CAACC,MAAW,IAAAA,MAAA,CAAOtC,MAAS,GAAA,CAAC,CACpC,CAAArG,GAAA,CAAI,CAAC2I,MAAA,EAAyBrC,KAC7B,KAAA,eAAAzI,UAAA,CAAAA,GAAA,CAAC+K,mBAAA,CAAA1H,OAAA,EAAA;YAGCsF,MAAO,EAAA,MAAA;YACPqC,OAAS,EAAA1E,aAAA;YACTT,OAAS,EAAAU,aAAA;YACT0E,eAAA,EAAkBrL,KAAU,IAAA;cAC1B,IAAIA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA,CAAA,KAAA,IACfA,KAAQ,GAAA,GAAA,EAAY,OAAA,GAAA;cACtB,OAAA,GAAA;YACT,CAAA;YACAkL,MAAQ,EAAAA,MAAA,CAAO3I,GAAI,CAACjB,KAA0B,KAAA;cAC5C+D,GAAA,EAAK/D,MAAMgE,IAAK,CAAAC,KAAA;cAChBvF,OAAOsB,KAAM,CAAAtB,KAAA;cACbC,QAAQqB,KAAM,CAAArB,MAAA;cACdqL,KAAKhK,KAAM,CAAA0D,EAAA;cACXZ,IAAM,EAAA9C;YAAA,CACN,CAAA,CAAA;YACFiK,aAAa,IAAK,CAAAC,WAAA;YAClBC,eAAiB,EAAA;cACfC,cAAA,EAAgB;gBAAE3F,KAAO,EAAA;kBAAE4F,cAAc,EAAG,CAAA5K,MAAA,CAAA2F,aAAA,EAAa;;cAAO;YAClE;UAAA,CAAA,EAnBK,UAAA,CAAW3F,MAAS,CAAAP,KAAA,IAAA,SAAA,EAAS,GAAI,CAAA,CAAAO,MAAA,CAAA8H,KAAA,CAAA,CAqBzC;QAAA,CACL,CAAA;OACF;IAAA,CAAA,CACF;EAEJ;AACF;AA3MEzB,aAAA,CAJIL,6BAIG,cAAe,EAAA;EACpB6E,cAAgB,EAAA,KAAA;AAClB,CAAA,CAAA;AC1BK,MAAMC,mBAAmC,GAAA;EAC9CnG,IAAM,EAAA,UAAA;EACNE,KAAO,EAAA,UAAA;EACPkG,SAAW,EAAAC,mBAAA;EACXC,IAAM,EAAAC;AACR,CAAA;AAKO,MAAMC,qBAAqBC,MAAAA,CAAAA,YAAa,CAAA;EAC7CzG,IAAM,EAAA,8BAAA;EAEN0G,IAAM,EAAA;IACJC,KAAO,EAAA;MACLC,YAAA,EAAehD,IAAS,IAAA;QACf,OAAA,CAAC,GAAGA,IAAA,EAAMuC,mBAAmB,CAAA;MACtC;IACF;EACF;AACF,CAAC,CAAA;;"}
+{"version":3,"file":"index.cjs","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export 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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { UnsplashPhoto } from '../types'\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 { Card } from '@sanity/ui'\nimport styled from 'styled-components'\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: ${({ theme }) => `1px solid ${theme.sanity.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 } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\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  return (\n    <Root\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } from './UnsplashAssetSource.styled'\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                  // eslint-disable-next-line react/no-array-index-key\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 { AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","default","Card","_ref3","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}

package/lib/index.js

@@ -1,6 +1,6 @@
 import { useClient, definePlugin } from 'sanity';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Card, useTheme, Text, Stack, Dialog, TextInput, Flex, Spinner } from '@sanity/ui';
+import { Card, Text, Stack, Dialog, TextInput, Flex, Spinner } from '@sanity/ui';
 import React, { useCallback, useEffect } from 'react';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import PhotoAlbum from 'react-photo-album';
@@ -56,9 +56,9 @@ var __template$1 = (cooked, raw) => __freeze$1(__defProp$2(cooked, "raw", {
 var _a$1, _b$1, _c;
 const Root = styled.div(_a$1 || (_a$1 = __template$1(["\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: ", ";\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"])), _ref2 => {
   let {
-    studioTheme
+    theme
   } = _ref2;
-  return "1px solid ".concat(studioTheme.color.card.enabled.border);
+  return "1px solid ".concat(theme.sanity.color.card.enabled.border);
 });
 const CreditLineLink = styled.a(_b$1 || (_b$1 = __template$1(["\n  text-decoration: none;\n  cursor: pointer;\n"])));
 const CreditLine = styled(Card)(_c || (_c = __template$1(["\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"])), _ref3 => {
@@ -102,9 +102,7 @@ function Photo(props) {
   }, [active, data, onFocus]);
   const src = data.urls.small;
   const userName = data.user.name;
-  const theme = useTheme().sanity;
   return /* @__PURE__ */jsx(Root, {
-    studioTheme: theme,
     title: "Select image by ".concat(userName, " from Unsplash"),
     tabIndex: 0,
     onKeyDown: handleKeyDown,

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { UnsplashPhoto } from '../types'\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 { 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'\n\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } from './UnsplashAssetSource.styled'\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                  // eslint-disable-next-line react/no-array-index-key\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 { AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","studioTheme","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","_ref3","theme","sanity","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","useTheme","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/datastores/unsplash.ts","../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["export 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 { SanityClient } from '@sanity/client'\nimport { BehaviorSubject, concat, defer, Observable } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom } from 'rxjs/operators'\n\nimport { UnsplashPhoto } from '../types'\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 { Card } from '@sanity/ui'\nimport styled from 'styled-components'\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: ${({ theme }) => `1px solid ${theme.sanity.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 } from '@sanity/ui'\nimport { useCallback, useEffect } from 'react'\n\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  return (\n    <Root\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 { 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 { SanityClient } from '@sanity/client'\nimport { Card, Dialog, Flex, Spinner, Stack, Text, TextInput } from '@sanity/ui'\nimport React from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport PhotoAlbum from 'react-photo-album'\nimport { BehaviorSubject, Subscription } from 'rxjs'\nimport { AssetFromSource, AssetSourceComponentProps, useClient } from 'sanity'\n\nimport { fetchDownloadUrl, search } from '../datastores/unsplash'\nimport { UnsplashPhoto } from '../types'\nimport Photo from './Photo'\nimport { Search } from './UnsplashAssetSource.styled'\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                  // eslint-disable-next-line react/no-array-index-key\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 { AssetSource, definePlugin } from 'sanity'\n\nimport Icon from './components/Icon'\nimport Unsplash from './components/UnsplashAssetSource'\n\nexport type { Asset, AssetDocument, UnsplashPhoto } 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":["UnsplashIcon","jsxs","role","viewBox","width","height","fill","children","jsx","d","fetchSearch","client","query","page","perPage","defer","observable","request","url","concat","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","_ref","q","p","map","results","_a","_b","_c","Root","styled","div","__template","_ref2","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","_ref3","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","handleClick","useCallback","handleCreditLineClicked","event","stopPropagation","html","window","open","id","handleKeyDown","keyCode","handleMouseDown","useEffect","src","urls","small","userName","user","name","title","tabIndex","onMouseDown","style","backgroundImage","padding","radius","margin","Text","size","username","Search","Stack","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","useClient","apiVersion","UnsplashAssetSourceInternal","React","Component","constructor","arguments","__publicField","cursor","searchResults","isLoading","BehaviorSubject","setState","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","onClose","currentTarget","pageSubject$","next","searchSubject$","nextPage","state","prevState","getPhotos","length","index","findIndex","layout","handleSelect","bind","updateCursor","componentDidMount","searchSubscription","subscribe","prev","componentWillUnmount","unsubscribe","flat","render","Dialog","header","handleClose","space","weight","TextInput","label","placeholder","onChange","handleSearchTermChanged","muted","InfiniteScroll","dataLength","handleScollerLoadMore","hasMore","scrollThreshold","loader","Flex","align","justify","Spinner","endMessage","filter","photos","PhotoAlbum","spacing","targetRowHeight","key","renderPhoto","renderImage","componentsProps","containerProps","marginBottom","selectedAssets","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.1.1",
+  "version": "1.1.2",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "sanity",
@@ -65,43 +65,41 @@
     "rxjs": "^7.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.7.1",
-    "@commitlint/config-conventional": "^17.7.0",
-    "@sanity/pkg-utils": "^2.4.8",
+    "@commitlint/cli": "^18.0.0",
+    "@commitlint/config-conventional": "^18.0.0",
+    "@sanity/pkg-utils": "^3.1.1",
     "@sanity/plugin-kit": "^3.1.10",
     "@sanity/semantic-release-preset": "^4.1.4",
-    "@types/node": "^18.17.14",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "eslint": "^8.48.0",
+    "@types/node": "^18.18.6",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^6.8.0",
+    "@typescript-eslint/parser": "^6.8.0",
+    "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-config-sanity": "^6.0.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-config-sanity": "^7.0.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.3.0",
+    "lint-staged": "^15.0.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.3",
-    "prettier-plugin-packagejson": "^2.4.5",
+    "prettier-plugin-packagejson": "^2.4.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
     "rimraf": "^5.0.1",
-    "sanity": "^3.16.2",
-    "styled-components": "^5.3.11",
+    "sanity": "^3.18.1",
+    "semantic-release": "^22.0.5",
+    "styled-components": "^6.1.0",
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "^18",
     "sanity": "^3",
-    "styled-components": "^5.2"
+    "styled-components": "^5.2 || ^6"
   },
   "engines": {
     "node": ">=14"

package/src/components/Icon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export default function UnsplashIcon() {
   return (
     <svg role="img" viewBox="0 0 25 25" width="1em" height="1em" fill="currentColor">

package/src/components/Photo.styled.tsx

@@ -1,12 +1,6 @@
-import { Card, Theme } from '@sanity/ui'
+import { Card } from '@sanity/ui'
 import styled from 'styled-components'
 
-type SanityTheme = Theme['sanity']
-
-interface Style {
-  studioTheme: SanityTheme
-}
-
 export const Root = styled.div`
   overflow: hidden;
   background-origin: content-box;
@@ -15,7 +9,7 @@ export const Root = styled.div`
   background-size: cover;
   position: relative;
   outline: none !important;
-  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};
+  border: ${({ theme }) => `1px solid ${theme.sanity.color.card.enabled.border}`};
   box-sizing: content-box;
   user-drag: none;
 

package/src/components/Photo.tsx

@@ -1,5 +1,5 @@
-import { Text, useTheme } from '@sanity/ui'
-import React, { useCallback, useEffect } from 'react'
+import { Text } from '@sanity/ui'
+import { useCallback, useEffect } from 'react'
 
 import { UnsplashPhoto } from '../types'
 import { CreditLine, CreditLineLink, Root } from './Photo.styled'
@@ -57,10 +57,8 @@ export default function Photo(props: Props) {
   const src = data.urls.small
   const userName = data.user.name
 
-  const theme = useTheme().sanity
   return (
     <Root
-      studioTheme={theme}
       title={`Select image by ${userName} from Unsplash`}
       tabIndex={0}
       onKeyDown={handleKeyDown}