sanity-plugin-asset-source-unsplash 1.0.3 → 1.0.5

package/lib/index.esm.js

@@ -1,14 +1,8 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 PhotoAlbum from 'react-photo-album';
-import flatten from 'lodash/flatten';
 import { concat, defer, BehaviorSubject } from 'rxjs';
 import { Card, useTheme, Text, Stack, Dialog, TextInput, Flex, Spinner } from '@sanity/ui';
 import styled from 'styled-components';
@@ -134,9 +128,10 @@ function UnsplashAssetSource(props) {
   const client = useClient({
     apiVersion: "2022-09-01"
   });
-  return /* @__PURE__ */jsx(UnsplashAssetSourceInternal, _objectSpread(_objectSpread({}, props), {}, {
+  return /* @__PURE__ */jsx(UnsplashAssetSourceInternal, {
+    ...props,
     client
-  }));
+  });
 }
 class UnsplashAssetSourceInternal extends React.Component {
   constructor() {
@@ -251,7 +246,7 @@ class UnsplashAssetSourceInternal extends React.Component {
     }
   }
   getPhotos() {
-    return flatten(this.state.searchResults);
+    return this.state.searchResults.flat();
   }
   render() {
     const {
@@ -337,11 +332,10 @@ class UnsplashAssetSourceInternal extends React.Component {
 UnsplashAssetSourceInternal.defaultProps = {
   selectedAssets: void 0
 };
-const Svg = styled.svg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  transform: scale(0.8);\n  transform-origin: top;\n"])));
 function UnsplashIcon() {
-  return /* @__PURE__ */jsxs(Svg, {
+  return /* @__PURE__ */jsxs("svg", {
     role: "img",
-    viewBox: "0 0 24 24",
+    viewBox: "-4 -4 28 28",
     width: "1em",
     height: "1em",
     fill: "currentColor",

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 flatten from 'lodash/flatten'\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 flatten(this.state.searchResults)\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'\nimport styled from 'styled-components'\n\nconst Svg = styled.svg`\n  transform: scale(0.8);\n  transform-origin: top;\n`\n\nexport default function UnsplashIcon() {\n  return (\n    <Svg role=\"img\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.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","flatten","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","Svg","svg","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect, 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=\"-4 -4 28 28\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.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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"}

package/lib/index.js

@@ -1,11 +1,6 @@
 'use strict';
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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) } })); }
 Object.defineProperty(exports, '__esModule', {
   value: true
@@ -13,7 +8,6 @@ Object.defineProperty(exports, '__esModule', {
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PhotoAlbum = require('react-photo-album');
-var flatten = require('lodash/flatten');
 var rxjs = require('rxjs');
 var ui = require('@sanity/ui');
 var styled = require('styled-components');
@@ -27,7 +21,6 @@ function _interopDefaultCompat(e) {
 }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var PhotoAlbum__default = /*#__PURE__*/_interopDefaultCompat(PhotoAlbum);
-var flatten__default = /*#__PURE__*/_interopDefaultCompat(flatten);
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefaultCompat(InfiniteScroll);
 const Root = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), _ref => {
@@ -149,9 +142,10 @@ function UnsplashAssetSource(props) {
   const client = sanity.useClient({
     apiVersion: "2022-09-01"
   });
-  return /* @__PURE__ */jsxRuntime.jsx(UnsplashAssetSourceInternal, _objectSpread(_objectSpread({}, props), {}, {
+  return /* @__PURE__ */jsxRuntime.jsx(UnsplashAssetSourceInternal, {
+    ...props,
     client
-  }));
+  });
 }
 class UnsplashAssetSourceInternal extends React__default.default.Component {
   constructor() {
@@ -266,7 +260,7 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
     }
   }
   getPhotos() {
-    return flatten__default.default(this.state.searchResults);
+    return this.state.searchResults.flat();
   }
   render() {
     const {
@@ -352,11 +346,10 @@ class UnsplashAssetSourceInternal extends React__default.default.Component {
 UnsplashAssetSourceInternal.defaultProps = {
   selectedAssets: void 0
 };
-const Svg = styled__default.default.svg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  transform: scale(0.8);\n  transform-origin: top;\n"])));
 function UnsplashIcon() {
-  return /* @__PURE__ */jsxRuntime.jsxs(Svg, {
+  return /* @__PURE__ */jsxRuntime.jsxs("svg", {
     role: "img",
-    viewBox: "0 0 24 24",
+    viewBox: "-4 -4 28 28",
     width: "1em",
     height: "1em",
     fill: "currentColor",

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 flatten from 'lodash/flatten'\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 flatten(this.state.searchResults)\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'\nimport styled from 'styled-components'\n\nconst Svg = styled.svg`\n  transform: scale(0.8);\n  transform-origin: top;\n`\n\nexport default function UnsplashIcon() {\n  return (\n    <Svg role=\"img\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.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","flatten","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","Svg","svg","UnsplashIcon","role","viewBox","fill","d","unsplashAssetSource","component","Unsplash","icon","Icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/Photo.styled.tsx","../src/components/Photo.tsx","../src/datastores/unsplash.ts","../src/components/UnsplashAssetSource.styled.tsx","../src/components/UnsplashAssetSource.tsx","../src/components/Icon.tsx","../src/index.ts"],"sourcesContent":["import { Card, Theme } from '@sanity/ui'\nimport styled from 'styled-components'\n\ntype SanityTheme = Theme['sanity']\n\ninterface Style {\n  studioTheme: SanityTheme\n}\n\nexport const Root = styled.div`\n  overflow: hidden;\n  background-origin: content-box;\n  background-repeat: no-repeat;\n  background-clip: border-box;\n  background-size: cover;\n  position: relative;\n  outline: none !important;\n  border: ${({ studioTheme }: Style) => `1px solid ${studioTheme.color.card.enabled.border}`};\n  box-sizing: content-box;\n  user-drag: none;\n\n  &:hover {\n    opacity: 0.85;\n  }\n\n  &:focus,\n  &:active {\n    border: 1px solid var(--input-border-color-focus);\n    box-shadow: inset 0 0 0 3px var(--input-border-color-focus);\n  }\n`\n\nexport const CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`\n\nexport const CreditLine = styled(Card)`\n  ${({ theme }) => `\n     --creditline-fg: ${theme.sanity.color.card.enabled.fg};\n     --creditline-bg: ${theme.sanity.color.card.enabled.bg};\n   `};\n  user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n","import { Text, useTheme } from '@sanity/ui'\nimport React, { useCallback, useEffect, 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=\"-4 -4 28 28\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title />\n      <path d=\"M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "sanity",
@@ -20,6 +20,7 @@
   },
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
@@ -57,26 +58,24 @@
     "format": "prettier --write --cache --ignore-unknown ."
   },
   "dependencies": {
-    "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/ui": "^1.0.0",
-    "lodash": "^4.17.21",
+    "@sanity/incompatible-plugin": "^1",
+    "@sanity/ui": "^1",
     "react-infinite-scroll-component": "^6.1.0",
-    "react-photo-album": "^1.16.1",
-    "rxjs": "^7.5.7"
+    "react-photo-album": "^2.0.0",
+    "rxjs": "^7"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.2.0",
-    "@commitlint/config-conventional": "^17.2.0",
-    "@sanity/pkg-utils": "^2.1.0",
-    "@sanity/plugin-kit": "^3.1.1",
-    "@sanity/semantic-release-preset": "^2.0.2",
-    "@types/lodash": "^4.14.188",
-    "@types/node": "^18.11.9",
+    "@commitlint/cli": "^17.4.1",
+    "@commitlint/config-conventional": "^17.4.0",
+    "@sanity/pkg-utils": "^2.1.1",
+    "@sanity/plugin-kit": "^3.1.2",
+    "@sanity/semantic-release-preset": "^3.0.2",
+    "@types/node": "^18.11.18",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.48.0",
-    "@typescript-eslint/parser": "^5.48.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
+    "@typescript-eslint/parser": "^5.48.1",
     "colors": "^1.4.0",
     "coveralls": "^3.1.1",
     "cross-env": "^7.0.3",
@@ -84,12 +83,12 @@
     "eslint-config-prettier": "^8.6.0",
     "eslint-config-sanity": "^6.0.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.32.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.2",
-    "lint-staged": "^13.0.3",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.2",
     "prettier-plugin-packagejson": "^2.3.0",
     "prompt": "^1.3.0",
     "react": "^18.2.0",
@@ -97,7 +96,7 @@
     "react-is": "^18.2.0",
     "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2",
-    "sanity": "^3.1.4",
+    "sanity": "^3.2.0",
     "shelljs": "^0.8.5",
     "styled-components": "^5.3.6",
     "ts-node": "^10.9.1",

package/src/components/Icon.tsx

@@ -1,16 +1,10 @@
 import React from 'react'
-import styled from 'styled-components'
-
-const Svg = styled.svg`
-  transform: scale(0.8);
-  transform-origin: top;
-`
 
 export default function UnsplashIcon() {
   return (
-    <Svg role="img" viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor">
+    <svg role="img" viewBox="-4 -4 28 28" width="1em" height="1em" fill="currentColor">
       <title />
       <path d="M7.5 6.75V0h9v6.75h-9zm9 3.75H24V24H0V10.5h7.5v6.75h9V10.5z" />
-    </Svg>
+    </svg>
   )
 }

package/src/components/UnsplashAssetSource.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 import PhotoAlbum from 'react-photo-album'
-import flatten from 'lodash/flatten'
 import { BehaviorSubject, Subscription } from 'rxjs'
 import { UnsplashPhoto } from '../types'
 import Photo from './Photo'
@@ -129,7 +128,7 @@ class UnsplashAssetSourceInternal extends React.Component<
   }
 
   getPhotos() {
-    return flatten(this.state.searchResults)
+    return this.state.searchResults.flat()
   }
 
   updateCursor = (photo: UnsplashPhoto) => {