sanity-plugin-asset-source-unsplash 5.0.1 → 7.0.0

package/dist/_chunks-es/UnsplashPhotoGallery.js

@@ -0,0 +1,153 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Card, Text, Box } from "@sanity/ui";
+import { use, Activity } from "react";
+import "react-photo-album/rows.css";
+import { RowsPhotoAlbum } from "react-photo-album";
+import InfiniteScroll from "react-photo-album/scroll";
+import { Loader } from "./index.js";
+import { styled } from "styled-components";
+async function fetchDownloadUrl(client, photo) {
+  const downloadUrl = photo.links.download_location.replace("https://api.unsplash.com", "/addons/unsplash"), {
+    url
+  } = await client.request({
+    url: downloadUrl,
+    withCredentials: !0,
+    method: "GET"
+  });
+  return url;
+}
+const CreditLineLink = styled.a.withConfig({
+  displayName: "CreditLineLink",
+  componentId: "sc-s8c1fx-0"
+})`text-decoration:none;cursor:pointer;&:hover,&:focus{[data-ui='Text']{text-decoration:underline;}}`, CreditLine = styled(Card).withConfig({
+  displayName: "CreditLine",
+  componentId: "sc-s8c1fx-1"
+})`${({
+  theme
+}) => `
+     --creditline-fg: ${theme.sanity.color.card.enabled.fg};
+     --creditline-bg: ${theme.sanity.color.card.enabled.bg};
+   `};-webkit-user-drag:none;position:absolute;background-color:var(--creditline-bg);bottom:0;[data-ui='Text']{color:var(--creditline-fg);}`, UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
+function UnsplashCreditLine(t0) {
+  const $ = c(11), {
+    link,
+    id,
+    userName
+  } = t0;
+  let T0, t1;
+  if ($[0] !== link) {
+    const url = new URL(link);
+    url.searchParams.set("utm_source", UTM_SOURCE), url.searchParams.set("utm_medium", "referral"), T0 = CreditLineLink, t1 = url.toString(), $[0] = link, $[1] = T0, $[2] = t1;
+  } else
+    T0 = $[1], t1 = $[2];
+  const t2 = `Open image by ${userName} on Unsplash in new window`;
+  let t3;
+  $[3] !== t2 || $[4] !== userName ? (t3 = /* @__PURE__ */ jsx(CreditLine, { padding: 1, radius: 1, margin: 1, children: /* @__PURE__ */ jsxs(Text, { size: 0, title: t2, children: [
+    "By @",
+    userName
+  ] }) }), $[3] = t2, $[4] = userName, $[5] = t3) : t3 = $[5];
+  let t4;
+  return $[6] !== T0 || $[7] !== id || $[8] !== t1 || $[9] !== t3 ? (t4 = /* @__PURE__ */ jsx(T0, { href: t1, target: id, rel: "noreferrer noopener", onClick: _temp$1, children: t3 }), $[6] = T0, $[7] = id, $[8] = t1, $[9] = t3, $[10] = t4) : t4 = $[10], t4;
+}
+function _temp$1(event) {
+  return event.stopPropagation();
+}
+const PHOTO_SPACING = 2, PHOTO_PADDING = 1;
+function mapUnsplashToPhotoAlbumPhoto(photo) {
+  return {
+    src: photo.urls.small,
+    width: photo.width,
+    height: photo.height,
+    key: photo.id,
+    data: photo
+  };
+}
+function UnsplashAssetSourceGallery(t0) {
+  const $ = c(33), {
+    client,
+    query,
+    fetcher,
+    scrollContainerRef,
+    onSelect,
+    initialDataPromise
+  } = t0, data = use(initialDataPromise), t1 = data.total === 0 ? "visible" : "hidden";
+  let t2;
+  $[0] !== query ? (t2 = /* @__PURE__ */ jsx(Box, { paddingX: 2, paddingY: 3, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
+    'No results found for "',
+    query,
+    '"'
+  ] }) }), $[0] = query, $[1] = t2) : t2 = $[1];
+  let t3;
+  $[2] !== t1 || $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Activity, { mode: t1, children: t2 }), $[2] = t1, $[3] = t2, $[4] = t3) : t3 = $[4];
+  const t4 = data.total === 0 ? "hidden" : "visible";
+  let t5;
+  $[5] !== scrollContainerRef ? (t5 = () => scrollContainerRef.current, $[5] = scrollContainerRef, $[6] = t5) : t5 = $[6];
+  let t6;
+  $[7] !== data.results ? (t6 = data.results.map(mapUnsplashToPhotoAlbumPhoto), $[7] = data.results, $[8] = t6) : t6 = $[8];
+  let t7;
+  $[9] !== fetcher || $[10] !== query ? (t7 = async (index) => {
+    const {
+      results,
+      total_pages
+    } = await fetcher(query, index + 1);
+    return index < total_pages ? results.map(mapUnsplashToPhotoAlbumPhoto) : null;
+  }, $[9] = fetcher, $[10] = query, $[11] = t7) : t7 = $[11];
+  let t8;
+  $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Loader, {}), $[12] = t8) : t8 = $[12];
+  let t9;
+  $[13] !== query ? (t9 = query && /* @__PURE__ */ jsx(Box, { paddingX: 2, paddingY: 3, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No more results" }) }), $[13] = query, $[14] = t9) : t9 = $[14];
+  let t10;
+  $[15] !== client || $[16] !== onSelect ? (t10 = async (t112) => {
+    const {
+      photo: t122
+    } = t112, {
+      data: photo
+    } = t122, downloadUrl = await fetchDownloadUrl(client, photo), description = photo.description || void 0, asset = {
+      kind: "url",
+      value: downloadUrl,
+      assetDocumentProps: {
+        _type: "sanity.imageAsset",
+        source: {
+          name: "unsplash",
+          id: photo.id,
+          url: photo.links.html
+        },
+        description,
+        creditLine: `${photo.user.name} by Unsplash`
+      }
+    };
+    return onSelect([asset]);
+  }, $[15] = client, $[16] = onSelect, $[17] = t10) : t10 = $[17];
+  let t11;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = [], $[18] = t11) : t11 = $[18];
+  let t12;
+  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(RowsPhotoAlbum, { photos: t11, spacing: PHOTO_SPACING, padding: PHOTO_PADDING, targetRowHeight: _temp, render: {
+    extras: _temp2
+  }, componentsProps: {
+    container: {
+      style: {
+        marginBottom: PHOTO_SPACING
+      }
+    }
+  } }), $[19] = t12) : t12 = $[19];
+  let t13;
+  $[20] !== query || $[21] !== t10 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t9 ? (t13 = /* @__PURE__ */ jsx(InfiniteScroll, { scrollContainer: t5, photos: t6, fetch: t7, loading: t8, finished: t9, onClick: t10, children: t12 }, query), $[20] = query, $[21] = t10, $[22] = t5, $[23] = t6, $[24] = t7, $[25] = t9, $[26] = t13) : t13 = $[26];
+  let t14;
+  $[27] !== t13 || $[28] !== t4 ? (t14 = /* @__PURE__ */ jsx(Activity, { mode: t4, children: t13 }), $[27] = t13, $[28] = t4, $[29] = t14) : t14 = $[29];
+  let t15;
+  return $[30] !== t14 || $[31] !== t3 ? (t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t3,
+    t14
+  ] }), $[30] = t14, $[31] = t3, $[32] = t15) : t15 = $[32], t15;
+}
+function _temp2(_, context) {
+  return /* @__PURE__ */ jsx(UnsplashCreditLine, { id: context.photo.data.id, link: context.photo.data.links.html, userName: context.photo.data.user.username });
+}
+function _temp(width) {
+  return width < 300 ? 150 : width < 600 ? 200 : 300;
+}
+export {
+  UnsplashAssetSourceGallery as default
+};
+//# sourceMappingURL=UnsplashPhotoGallery.js.map

package/dist/_chunks-es/UnsplashPhotoGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsplashPhotoGallery.js","sources":["../../src/datastores/unsplash.ts","../../src/components/UnsplashCreditLine.tsx","../../src/components/UnsplashPhotoGallery.tsx"],"sourcesContent":["import type {SanityClient} from 'sanity'\n\nimport type {UnsplashPhoto} from '../types'\n\nexport async function fetchDownloadUrl(\n  client: SanityClient,\n  photo: UnsplashPhoto,\n): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash',\n  )\n  const {url} = await client.request<{url: string}>({\n    url: downloadUrl,\n    withCredentials: true,\n    method: 'GET',\n  })\n\n  return url\n}\n","import {Text, Card} from '@sanity/ui'\nimport {styled} from 'styled-components'\n\nconst CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n  &:hover, &:focus {\n    [data-ui='Text'] {\n      text-decoration: underline;\n    }\n  }\n`\n\nconst 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  -webkit-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\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\nexport function UnsplashCreditLine({\n  link,\n  id,\n  userName,\n}: {\n  link: string\n  id: string\n  userName: string\n}) {\n  const url = new URL(link)\n  url.searchParams.set('utm_source', UTM_SOURCE)\n  url.searchParams.set('utm_medium', 'referral')\n\n  return (\n    <CreditLineLink\n      href={url.toString()}\n      target={id}\n      rel=\"noreferrer noopener\"\n      onClick={(event) => event.stopPropagation()}\n    >\n      <CreditLine padding={1} radius={1} margin={1}>\n        <Text size={0} title={`Open image by ${userName} on Unsplash in new window`}>\n          By @{userName}\n        </Text>\n      </CreditLine>\n    </CreditLineLink>\n  )\n}\n","import {Box, Text} from '@sanity/ui'\nimport {use, Activity} from 'react'\nimport 'react-photo-album/rows.css'\nimport {RowsPhotoAlbum} from 'react-photo-album'\nimport InfiniteScroll from 'react-photo-album/scroll'\nimport {type AssetFromSource, type AssetSourceComponentProps, type SanityClient} from 'sanity'\n\nimport type {FetcherResult, UnsplashPhoto} from '../types'\n\nimport {fetchDownloadUrl} from '../datastores/unsplash'\nimport {Loader} from './Loader'\nimport {UnsplashCreditLine} from './UnsplashCreditLine'\n\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nfunction mapUnsplashToPhotoAlbumPhoto(photo: UnsplashPhoto) {\n  return {\n    src: photo.urls.small,\n    width: photo.width,\n    height: photo.height,\n    key: photo.id,\n    data: photo,\n  }\n}\n\nexport default function UnsplashAssetSourceGallery({\n  client,\n  query,\n  fetcher,\n  scrollContainerRef,\n  onSelect,\n  initialDataPromise,\n}: {\n  client: SanityClient\n  query: string\n  fetcher: (query: string, index: number) => Promise<FetcherResult>\n  scrollContainerRef: React.RefObject<HTMLDivElement | null>\n  initialDataPromise: Promise<FetcherResult>\n} & Pick<AssetSourceComponentProps, 'onSelect'>) {\n  const data = use(initialDataPromise)\n\n  return (\n    <>\n      <Activity mode={data.total === 0 ? 'visible' : 'hidden'}>\n        <Box paddingX={2} paddingY={3}>\n          <Text size={1} muted>\n            No results found for \"{query}\"\n          </Text>\n        </Box>\n      </Activity>\n      <Activity mode={data.total === 0 ? 'hidden' : 'visible'}>\n        <InfiniteScroll\n          key={query}\n          scrollContainer={() => scrollContainerRef.current}\n          photos={data.results.map(mapUnsplashToPhotoAlbumPhoto)}\n          fetch={async (index) => {\n            const {results, total_pages} = await fetcher(query, index + 1)\n\n            if (index < total_pages) {\n              return results.map(mapUnsplashToPhotoAlbumPhoto)\n            }\n\n            return null\n          }}\n          loading={<Loader />}\n          finished={\n            query && (\n              <Box paddingX={2} paddingY={3}>\n                <Text size={1} muted>\n                  No more results\n                </Text>\n              </Box>\n            )\n          }\n          onClick={async ({photo: {data: photo}}) => {\n            const downloadUrl = await fetchDownloadUrl(client, photo)\n\n            const description = photo.description || undefined\n            const asset: AssetFromSource = {\n              kind: 'url',\n              value: downloadUrl,\n              // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.\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              },\n            }\n            return onSelect([asset])\n          }}\n        >\n          <RowsPhotoAlbum<ReturnType<typeof mapUnsplashToPhotoAlbumPhoto>>\n            photos={[]}\n            spacing={PHOTO_SPACING}\n            padding={PHOTO_PADDING}\n            targetRowHeight={(width) => {\n              if (width < 300) return 150\n              if (width < 600) return 200\n              return 300\n            }}\n            render={{\n              extras: (_, context) => {\n                return (\n                  <UnsplashCreditLine\n                    id={context.photo.data.id}\n                    link={context.photo.data.links.html}\n                    userName={context.photo.data.user.username}\n                  />\n                )\n              },\n            }}\n            componentsProps={{container: {style: {marginBottom: PHOTO_SPACING}}}}\n          />\n        </InfiniteScroll>\n      </Activity>\n    </>\n  )\n}\n"],"names":["fetchDownloadUrl","client","photo","downloadUrl","links","download_location","replace","url","request","withCredentials","method","CreditLineLink","styled","a","withConfig","displayName","componentId","CreditLine","Card","theme","sanity","color","card","enabled","fg","bg","UTM_SOURCE","UnsplashCreditLine","t0","$","_c","link","id","userName","T0","t1","URL","searchParams","set","toString","t2","t3","t4","_temp","event","stopPropagation","PHOTO_SPACING","PHOTO_PADDING","mapUnsplashToPhotoAlbumPhoto","src","urls","small","width","height","key","data","UnsplashAssetSourceGallery","query","fetcher","scrollContainerRef","onSelect","initialDataPromise","use","total","t5","current","t6","results","map","t7","index","total_pages","t8","Symbol","for","t9","t10","t11","t12","description","undefined","asset","kind","value","assetDocumentProps","_type","source","name","html","creditLine","user","extras","_temp2","container","style","marginBottom","t13","t14","t15","_","context","username"],"mappings":"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"}

package/dist/_chunks-es/index.js

@@ -0,0 +1,145 @@
+import { useClient, definePlugin } from "sanity";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Flex, Spinner, TextInput, Dialog, Box, Stack } from "@sanity/ui";
+import { memoize } from "lodash-es";
+import { useOptimistic, startTransition, lazy, useState, useRef, Suspense } from "react";
+import { keyframes, styled } from "styled-components";
+import { SpinnerIcon, SearchIcon } from "@sanity/icons";
+function UnsplashIcon() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
+    /* @__PURE__ */ jsx("title", { children: "Unsplash" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
+  ] }), $[0] = t0) : t0 = $[0], t0;
+}
+function Loader() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }), $[0] = t0) : t0 = $[0], t0;
+}
+const rotate = keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+`, AnimatedSpinnerIcon = styled(SpinnerIcon).withConfig({
+  displayName: "AnimatedSpinnerIcon",
+  componentId: "sc-188tiy2-0"
+})`animation:${rotate} 500ms linear infinite;`;
+function SearchInput(t0) {
+  const $ = c(12), {
+    value,
+    changeAction
+  } = t0, [inputValue, setInputValue] = useOptimistic(value), isPending = inputValue !== value;
+  let t1;
+  $[0] !== changeAction || $[1] !== setInputValue ? (t1 = function(newValue) {
+    startTransition(async () => {
+      setInputValue(newValue), await changeAction(newValue);
+    });
+  }, $[0] = changeAction, $[1] = setInputValue, $[2] = t1) : t1 = $[2];
+  const handleChange = t1, t2 = inputValue.length > 0 && !isPending;
+  let t3, t4;
+  $[3] !== handleChange ? (t3 = (event) => handleChange(event.currentTarget.value), t4 = () => handleChange(""), $[3] = handleChange, $[4] = t3, $[5] = t4) : (t3 = $[4], t4 = $[5]);
+  const t5 = isPending && AnimatedSpinnerIcon;
+  let t6;
+  return $[6] !== inputValue || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 ? (t6 = /* @__PURE__ */ jsx(TextInput, { clearButton: t2, icon: SearchIcon, onChange: t3, onClear: t4, placeholder: "Search by topics or colors", value: inputValue, iconRight: t5 }), $[6] = inputValue, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = t5, $[11] = t6) : t6 = $[11], t6;
+}
+const RESULTS_PER_PAGE = 42, StyledDialog = styled(Dialog).withConfig({
+  displayName: "StyledDialog",
+  componentId: "sc-1dpnh6h-0"
+})`& > [data-ui='DialogCard'] > [data-ui='Card']{height:100%;}`, UnsplashAssetSourceGallery = lazy(() => import("./UnsplashPhotoGallery.js"));
+function UnsplashAssetSource(t0) {
+  const $ = c(25), {
+    onClose,
+    onSelect
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    apiVersion: "2022-09-01"
+  }, $[0] = t1) : t1 = $[0];
+  const client = useClient(t1);
+  let t2;
+  $[1] !== client ? (t2 = memoize(async function(query, page) {
+    const searchParams = new URLSearchParams({
+      page: `${page}`,
+      per_page: `${RESULTS_PER_PAGE}`
+    });
+    return query.trim() ? (searchParams.set("query", query.trim()), client.request({
+      url: `/addons/unsplash/search/photos?${searchParams}`,
+      withCredentials: !0,
+      method: "GET"
+    })) : (searchParams.set("order_by", "popular"), client.request({
+      url: `/addons/unsplash/photos?${searchParams}`,
+      withCredentials: !0,
+      method: "GET"
+    }).then(_temp));
+  }, _temp2), $[1] = client, $[2] = t2) : t2 = $[2];
+  const fetcher = t2, [query_1, setQuery] = useState(""), scrollContainerRef = useRef(null);
+  let t3;
+  $[3] !== onClose ? (t3 = () => onClose(), $[3] = onClose, $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+    overflow: "hidden scroll",
+    overflowX: "clip",
+    overflowY: "scroll"
+  }, $[5] = t4) : t4 = $[5];
+  let t5;
+  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+    position: "sticky",
+    top: 0,
+    zIndex: 1
+  }, $[6] = t5) : t5 = $[6];
+  let t6;
+  $[7] !== query_1 ? (t6 = /* @__PURE__ */ jsx(Box, { style: t5, children: /* @__PURE__ */ jsx(SearchInput, { changeAction: setQuery, value: query_1 }) }), $[7] = query_1, $[8] = t6) : t6 = $[8];
+  let t7;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(Loader, {}), $[9] = t7) : t7 = $[9];
+  let t8;
+  $[10] !== fetcher || $[11] !== query_1 ? (t8 = fetcher(query_1, 1), $[10] = fetcher, $[11] = query_1, $[12] = t8) : t8 = $[12];
+  let t9;
+  $[13] !== client || $[14] !== fetcher || $[15] !== onSelect || $[16] !== query_1 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Suspense, { fallback: t7, children: /* @__PURE__ */ jsx(UnsplashAssetSourceGallery, { client, query: query_1, fetcher, scrollContainerRef, onSelect, initialDataPromise: t8 }) }), $[13] = client, $[14] = fetcher, $[15] = onSelect, $[16] = query_1, $[17] = t8, $[18] = t9) : t9 = $[18];
+  let t10;
+  $[19] !== t6 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Stack, { ref: scrollContainerRef, space: 1, paddingLeft: 3, height: "stretch", style: t4, children: [
+    t6,
+    t9
+  ] }), $[19] = t6, $[20] = t9, $[21] = t10) : t10 = $[21];
+  let t11;
+  return $[22] !== t10 || $[23] !== t3 ? (t11 = /* @__PURE__ */ jsx(StyledDialog, { animate: !0, id: "unsplash-asset-source", header: "Select image from Unsplash", onClose: t3, open: !0, height: "100%", width: 4, children: t10 }), $[22] = t10, $[23] = t3, $[24] = t11) : t11 = $[24], t11;
+}
+function _temp2(query_0, page_0) {
+  return JSON.stringify({
+    query: query_0,
+    page: page_0
+  });
+}
+function _temp(results) {
+  return {
+    results,
+    total: results.length,
+    total_pages: Math.ceil(results.length / RESULTS_PER_PAGE)
+  };
+}
+const unsplashAssetSource = {
+  name: "unsplash",
+  title: "Unsplash",
+  component: UnsplashAssetSource,
+  icon: UnsplashIcon
+}, unsplashImageAsset = definePlugin({
+  name: "asset-source-unsplash-plugin",
+  form: {
+    image: {
+      assetSources: [unsplashAssetSource]
+    }
+  }
+});
+export {
+  Loader,
+  UnsplashIcon,
+  unsplashAssetSource,
+  unsplashImageAsset
+};
+//# sourceMappingURL=index.js.map

package/dist/_chunks-es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Icon.tsx","../../src/components/Loader.tsx","../../src/components/SearchInput.tsx","../../src/components/UnsplashAssetSource.tsx","../../src/index.ts"],"sourcesContent":["/**\n * @public\n */\nexport function UnsplashIcon(): React.JSX.Element {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title>Unsplash</title>\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import {Flex, Spinner} from '@sanity/ui'\n\nexport function Loader() {\n  return (\n    <Flex align=\"center\" justify=\"center\" padding={3}>\n      <Spinner muted />\n    </Flex>\n  )\n}\n","import {SearchIcon, SpinnerIcon} from '@sanity/icons'\nimport {TextInput} from '@sanity/ui'\nimport {startTransition, useOptimistic} from 'react'\nimport {styled, keyframes} from 'styled-components'\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst AnimatedSpinnerIcon = styled(SpinnerIcon)`\n  animation: ${rotate} 500ms linear infinite;\n`\n\nexport function SearchInput({\n  value,\n  changeAction,\n}: {\n  value: string\n  changeAction: (value: string) => Promise<void> | void\n}) {\n  const [inputValue, setInputValue] = useOptimistic(value)\n  const isPending = inputValue !== value\n  function handleChange(newValue: string) {\n    startTransition(async () => {\n      setInputValue(newValue)\n      await changeAction(newValue)\n    })\n  }\n\n  return (\n    <TextInput\n      clearButton={inputValue.length > 0 && !isPending}\n      icon={SearchIcon}\n      onChange={(event) => handleChange(event.currentTarget.value)}\n      onClear={() => handleChange('')}\n      placeholder=\"Search by topics or colors\"\n      value={inputValue}\n      iconRight={isPending && AnimatedSpinnerIcon}\n    />\n  )\n}\n","import {Dialog, Stack, Box} from '@sanity/ui'\nimport {memoize} from 'lodash-es'\nimport {lazy, Suspense, useMemo, useRef, useState} from 'react'\nimport {type AssetSourceComponentProps, useClient} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport type {FetcherResult, UnsplashPhoto} from '../types'\n\nimport {Loader} from './Loader'\nimport {SearchInput} from './SearchInput'\n\nconst RESULTS_PER_PAGE = 42\n\nconst StyledDialog = styled(Dialog)`\n  & > [data-ui='DialogCard'] > [data-ui='Card'] {\n    height: 100%;\n  }\n`\n\nconst UnsplashAssetSourceGallery = lazy(() => import('./UnsplashPhotoGallery'))\n\nexport function UnsplashAssetSource({onClose, onSelect}: AssetSourceComponentProps) {\n  const client = useClient({apiVersion: '2022-09-01'})\n  const fetcher = useMemo(\n    () =>\n      memoize(\n        async function fetcher(query: string, page: number): Promise<FetcherResult> {\n          const searchParams = new URLSearchParams({\n            page: `${page}`,\n            per_page: `${RESULTS_PER_PAGE}`,\n          })\n          if (query.trim()) {\n            searchParams.set('query', query.trim())\n            return client.request<{\n              results: UnsplashPhoto[]\n              total: number\n              total_pages: number\n            }>({\n              url: `/addons/unsplash/search/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n          }\n          searchParams.set('order_by', 'popular')\n          return client\n            .request<UnsplashPhoto[]>({\n              url: `/addons/unsplash/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n            .then((results) => ({\n              results,\n              total: results.length,\n              total_pages: Math.ceil(results.length / RESULTS_PER_PAGE),\n            }))\n        },\n        (query, page) => JSON.stringify({query, page}),\n      ),\n    [client],\n  )\n\n  const [query, setQuery] = useState('')\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <StyledDialog\n      animate\n      id=\"unsplash-asset-source\"\n      header=\"Select image from Unsplash\"\n      onClose={() => onClose()}\n      open\n      height=\"100%\"\n      width={4}\n    >\n      <Stack\n        ref={scrollContainerRef}\n        space={1}\n        paddingLeft={3}\n        height=\"stretch\"\n        style={{overflow: 'hidden scroll', overflowX: 'clip', overflowY: 'scroll'}}\n      >\n        <Box style={{position: 'sticky', top: 0, zIndex: 1}}>\n          <SearchInput changeAction={setQuery} value={query} />\n        </Box>\n        <Suspense fallback={<Loader />}>\n          <UnsplashAssetSourceGallery\n            client={client}\n            query={query}\n            fetcher={fetcher}\n            scrollContainerRef={scrollContainerRef}\n            onSelect={onSelect}\n            initialDataPromise={fetcher(query, 1)}\n          />\n        </Suspense>\n      </Stack>\n    </StyledDialog>\n  )\n}\n","import {type AssetSource, definePlugin, type Plugin} from 'sanity'\n\nimport {UnsplashIcon} from './components/Icon'\nimport {UnsplashAssetSource} 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: UnsplashAssetSource,\n  icon: UnsplashIcon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset: Plugin = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: [unsplashAssetSource],\n    },\n  },\n})\n\nexport {UnsplashIcon}\n"],"names":["UnsplashIcon","$","_c","t0","for","Loader","Symbol","rotate","keyframes","AnimatedSpinnerIcon","styled","SpinnerIcon","withConfig","displayName","componentId","SearchInput","value","changeAction","inputValue","setInputValue","useOptimistic","isPending","t1","newValue","startTransition","handleChange","t2","length","t3","t4","event","currentTarget","t5","t6","SearchIcon","RESULTS_PER_PAGE","StyledDialog","Dialog","UnsplashAssetSourceGallery","lazy","UnsplashAssetSource","onClose","onSelect","apiVersion","client","useClient","memoize","query","page","searchParams","URLSearchParams","per_page","trim","set","request","url","withCredentials","method","then","_temp","_temp2","fetcher","query_1","setQuery","useState","scrollContainerRef","useRef","overflow","overflowX","overflowY","position","top","zIndex","t7","t8","t9","t10","t11","query_0","page_0","JSON","stringify","results","total","total_pages","Math","ceil","unsplashAssetSource","name","title","component","icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["UnsplashIcon","React","JSX","Element","Asset","File","AssetDocument","UnsplashPhoto","AssetSource","Plugin","UnsplashIcon","Asset","AssetDocument","UnsplashPhoto","unsplashAssetSource","unsplashImageAsset"],"sources":["../src/components/Icon.d.ts","../src/types.d.ts","../src/index.d.ts"],"sourcesContent":["/**\n * @public\n */\nexport declare function UnsplashIcon(): React.JSX.Element;\n//# sourceMappingURL=Icon.d.ts.map","/**\n * @public\n */\nexport interface Asset {\n    kind: 'url' | 'base64' | 'file' | 'assetDocumentId';\n    value: string | File;\n    assetDocumentProps?: {\n        originalFileName?: string;\n        label?: string;\n        title?: string;\n        description?: string;\n        source?: {\n            id: string;\n            name: string;\n            url?: string;\n        };\n        creditLine?: string;\n    };\n}\n/**\n * @public\n */\nexport interface AssetDocument {\n    _id: string;\n    label?: string;\n    title?: string;\n    description?: string;\n    source?: {\n        id: string;\n        name: string;\n        url?: string;\n    };\n    creditLine?: string;\n    originalFilename?: string;\n}\n/**\n * @public\n */\nexport interface UnsplashPhoto {\n    id: string;\n    width: number;\n    height: number;\n    description?: string;\n    alt_description?: string;\n    urls: {\n        full: string;\n        small: string;\n    };\n    user: {\n        name: string;\n        username: string;\n        links: {\n            html: string;\n        };\n    };\n    links: {\n        html: string;\n        self: string;\n        download: string;\n        download_location: string;\n    };\n}\n//# sourceMappingURL=types.d.ts.map","import { type AssetSource, type Plugin } from 'sanity';\nimport { UnsplashIcon } from './components/Icon';\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types';\n/**\n * @public\n */\nexport declare const unsplashAssetSource: AssetSource;\n/**\n * @public\n */\nexport declare const unsplashImageAsset: Plugin;\nexport { UnsplashIcon };\n//# sourceMappingURL=index.d.ts.map"],"mappings":";;;AAGA;iBAAwBA,YAAAA,CAAAA,GAAgBC,KAAAA,CAAMC,GAAAA,CAAIC;;;AAAlD;UCAiBC,KAAAA;EAAAA,IAAAA,EAAAA,KAAK,GAAA,QAEFC,GAAI,MAAA,GAAA,iBAAA;EAiBPC,KAAAA,EAAAA,MAAAA,GAjBGD,IAiBU;EAgBbE,kBAAa,CAAA,EAAA;;IChCTO,KAAAA,CAAAA,EAAAA,MAAAA;IAIAC,KAAAA,CAAAA,EAAAA,MAAAA;;;;;;;;;;;;;UDYJT,aAAAA;;;;;;;;;;;;;;;;UAgBAC,aAAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAnCjB;AAmBA;AAgBiBA,cChCIO,mBDgCS,EChCYN,WDgCZ;;AChC9B;AAIA;cAAqBO,oBAAoBN"}
+{"version":3,"file":"index.d.ts","names":["UnsplashIcon","React","JSX","Element","Asset","File","AssetDocument","UnsplashPhoto","FetcherResult","AssetSource","Plugin","UnsplashIcon","Asset","AssetDocument","UnsplashPhoto","unsplashAssetSource","unsplashImageAsset"],"sources":["../src/components/Icon.d.ts","../src/types.d.ts","../src/index.d.ts"],"sourcesContent":["/**\n * @public\n */\nexport declare function UnsplashIcon(): React.JSX.Element;\n//# sourceMappingURL=Icon.d.ts.map","/**\n * @public\n */\nexport interface Asset {\n    kind: 'url' | 'base64' | 'file' | 'assetDocumentId';\n    value: string | File;\n    assetDocumentProps?: {\n        originalFileName?: string;\n        label?: string;\n        title?: string;\n        description?: string;\n        source?: {\n            id: string;\n            name: string;\n            url?: string;\n        };\n        creditLine?: string;\n    };\n}\n/**\n * @public\n */\nexport interface AssetDocument {\n    _id: string;\n    label?: string;\n    title?: string;\n    description?: string;\n    source?: {\n        id: string;\n        name: string;\n        url?: string;\n    };\n    creditLine?: string;\n    originalFilename?: string;\n}\n/**\n * @public\n */\nexport interface UnsplashPhoto {\n    id: string;\n    width: number;\n    height: number;\n    description?: string;\n    alt_description?: string;\n    urls: {\n        full: string;\n        small: string;\n    };\n    user: {\n        name: string;\n        username: string;\n        links: {\n            html: string;\n        };\n    };\n    links: {\n        html: string;\n        self: string;\n        download: string;\n        download_location: string;\n    };\n}\nexport type FetcherResult = {\n    results: UnsplashPhoto[];\n    total: number;\n    total_pages: number;\n};\n//# sourceMappingURL=types.d.ts.map","import { type AssetSource, type Plugin } from 'sanity';\nimport { UnsplashIcon } from './components/Icon';\nexport type { Asset, AssetDocument, UnsplashPhoto } from './types';\n/**\n * @public\n */\nexport declare const unsplashAssetSource: AssetSource;\n/**\n * @public\n */\nexport declare const unsplashImageAsset: Plugin;\nexport { UnsplashIcon };\n//# sourceMappingURL=index.d.ts.map"],"mappings":";;;AAGA;iBAAwBA,YAAAA,CAAAA,GAAgBC,KAAAA,CAAMC,GAAAA,CAAIC;;;AAAlD;UCAiBC,KAAAA;EAAAA,IAAAA,EAAAA,KAAK,GAAA,QAEFC,GAAI,MAAA,GAAA,iBAAA;EAiBPC,KAAAA,EAAAA,MAAAA,GAjBGD,IAiBU;EAgBbE,kBAAa,CAAA,EAAA;;IChCTQ,KAAAA,CAAAA,EAAAA,MAAAA;IAIAC,KAAAA,CAAAA,EAAAA,MAAAA;;;;;;;;;;;;;UDYJV,aAAAA;;;;;;;;;;;;;;;;UAgBAC,aAAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAnCjB;AAmBA;AAgBiBA,cChCIQ,mBDgCS,EChCYN,WDgCZ;;AChC9B;AAIA;cAAqBO,oBAAoBN"}

package/dist/index.js

@@ -1,281 +1,5 @@
-import { useClient, definePlugin } from "sanity";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c } from "react-compiler-runtime";
-import { SearchIcon } from "@sanity/icons";
-import { Card, Text, TextInput, Dialog, Stack, Flex, Spinner } from "@sanity/ui";
-import { useEffect, Component } from "react";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { PhotoAlbum } from "react-photo-album";
-import { concat, defer, BehaviorSubject } from "rxjs";
-import { withLatestFrom, debounceTime, distinctUntilChanged, switchMap, map } from "rxjs/operators";
-import { styled } from "styled-components";
-function UnsplashIcon() {
-  const $ = c(1);
-  let t0;
-  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
-    /* @__PURE__ */ jsx("title", { children: "Unsplash" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
-  ] }), $[0] = t0) : t0 = $[0], t0;
-}
-const fetchSearch = (client, query, page, perPage) => defer(() => client.observable.request({
-  url: `/addons/unsplash/search/photos?query=${encodeURIComponent(query)}&page=${page}&per_page=${perPage}`,
-  withCredentials: !0,
-  method: "GET"
-})), fetchList = (client, type, page, perPage) => defer(() => client.observable.request({
-  url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,
-  withCredentials: !0,
-  method: "GET"
-}));
-function fetchDownloadUrl(client, photo) {
-  const downloadUrl = photo.links.download_location.replace("https://api.unsplash.com", "/addons/unsplash");
-  return client.request({
-    url: downloadUrl,
-    withCredentials: !0,
-    method: "GET"
-  }).then((result) => result.url);
-}
-const search = (client, query, page, resultsPerPage) => concat(query.pipe(withLatestFrom(page), debounceTime(500), distinctUntilChanged(), switchMap(([q, p]) => q ? fetchSearch(client, q, p, resultsPerPage).pipe(distinctUntilChanged(), map((result) => result.results)) : fetchList(client, "popular", p, resultsPerPage)))), Root = styled.div.withConfig({
-  displayName: "Root",
-  componentId: "sc-1yt1fqs-0"
-})`overflow:hidden;background-origin:content-box;background-repeat:no-repeat;background-clip:border-box;background-size:cover;position:relative;outline:none !important;border:${({
-  theme
-}) => `1px solid ${theme.sanity.color.card.enabled.border}`};box-sizing:content-box;-webkit-user-drag:none;&:hover{opacity:0.85;}&:focus,&:active{border:1px solid var(--input-border-color-focus);box-shadow:inset 0 0 0 3px var(--input-border-color-focus);}`, CreditLineLink = styled.a.withConfig({
-  displayName: "CreditLineLink",
-  componentId: "sc-1yt1fqs-1"
-})`text-decoration:none;cursor:pointer;`, CreditLine = styled(Card).withConfig({
-  displayName: "CreditLine",
-  componentId: "sc-1yt1fqs-2"
-})`${({
-  theme
-}) => `
-     --creditline-fg: ${theme.sanity.color.card.enabled.fg};
-     --creditline-bg: ${theme.sanity.color.card.enabled.bg};
-   `};-webkit-user-drag:none;position:absolute;background-color:var(--creditline-bg);bottom:0;[data-ui='Text']{color:var(--creditline-fg);}`, UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
-function Photo(props) {
-  const $ = c(35), {
-    onClick,
-    data,
-    onKeyDown,
-    onFocus,
-    active,
-    width,
-    height
-  } = props;
-  let t0;
-  $[0] !== data || $[1] !== onClick ? (t0 = () => {
-    onClick(data);
-  }, $[0] = data, $[1] = onClick, $[2] = t0) : t0 = $[2];
-  const handleClick = t0;
-  let t1;
-  $[3] !== data.id || $[4] !== data.links.html ? (t1 = (event) => {
-    event.stopPropagation();
-    const url = `${data.links.html}?utm_source=${encodeURIComponent(UTM_SOURCE)}&utm_medium=referral`;
-    window.open(url, data.id, "noreferrer,noopener");
-  }, $[3] = data.id, $[4] = data.links.html, $[5] = t1) : t1 = $[5];
-  const handleCreditLineClicked = t1;
-  let t2;
-  $[6] !== data || $[7] !== onClick || $[8] !== onKeyDown ? (t2 = (event_0) => {
-    onKeyDown(event_0), event_0.key === "Enter" && onClick(data);
-  }, $[6] = data, $[7] = onClick, $[8] = onKeyDown, $[9] = t2) : t2 = $[9];
-  const handleKeyDown = t2;
-  let t3;
-  $[10] !== data || $[11] !== onFocus ? (t3 = () => {
-    onFocus(data);
-  }, $[10] = data, $[11] = onFocus, $[12] = t3) : t3 = $[12];
-  const handleMouseDown = t3;
-  let t4, t5;
-  $[13] !== active || $[14] !== data || $[15] !== onFocus ? (t4 = () => {
-    active && onFocus(data);
-  }, t5 = [active, data, onFocus], $[13] = active, $[14] = data, $[15] = onFocus, $[16] = t4, $[17] = t5) : (t4 = $[16], t5 = $[17]), useEffect(t4, t5);
-  const src = data.urls.small, userName = data.user.name, t6 = `Select image by ${userName} from Unsplash`, t7 = `${width}px`, t8 = `${height}px`, t9 = `url("${src}")`;
-  let t10;
-  $[18] !== t7 || $[19] !== t8 || $[20] !== t9 ? (t10 = {
-    width: t7,
-    height: t8,
-    backgroundImage: t9
-  }, $[18] = t7, $[19] = t8, $[20] = t9, $[21] = t10) : t10 = $[21];
-  const t11 = `Open image by ${userName} on Unsplash in new window`;
-  let t12;
-  $[22] !== data.user.username || $[23] !== t11 ? (t12 = /* @__PURE__ */ jsx(CreditLine, { padding: 2, radius: 2, margin: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, title: t11, children: [
-    "By @",
-    data.user.username
-  ] }) }), $[22] = data.user.username, $[23] = t11, $[24] = t12) : t12 = $[24];
-  let t13;
-  $[25] !== handleCreditLineClicked || $[26] !== t12 ? (t13 = /* @__PURE__ */ jsx(CreditLineLink, { onClick: handleCreditLineClicked, children: t12 }), $[25] = handleCreditLineClicked, $[26] = t12, $[27] = t13) : t13 = $[27];
-  let t14;
-  return $[28] !== handleClick || $[29] !== handleKeyDown || $[30] !== handleMouseDown || $[31] !== t10 || $[32] !== t13 || $[33] !== t6 ? (t14 = /* @__PURE__ */ jsx(Root, { title: t6, tabIndex: 0, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, style: t10, onClick: handleClick, children: t13 }), $[28] = handleClick, $[29] = handleKeyDown, $[30] = handleMouseDown, $[31] = t10, $[32] = t13, $[33] = t6, $[34] = t14) : t14 = $[34], t14;
-}
-const SearchInput = styled(TextInput).withConfig({
-  displayName: "SearchInput",
-  componentId: "sc-ssjkn6-0"
-})`position:sticky;top:0;z-index:1;`;
-styled.div.withConfig({
-  displayName: "Scroller",
-  componentId: "sc-ssjkn6-1"
-})`overflow-y:auto;max-height:80vh;`;
-const RESULTS_PER_PAGE = 42, PHOTO_SPACING = 2, PHOTO_PADDING = 1;
-function UnsplashAssetSource(props) {
-  const $ = c(4);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: "2022-09-01"
-  }, $[0] = t0) : t0 = $[0];
-  const client = useClient(t0);
-  let t1;
-  return $[1] !== client || $[2] !== props ? (t1 = /* @__PURE__ */ jsx(UnsplashAssetSourceInternal, { ...props, client }), $[1] = client, $[2] = props, $[3] = t1) : t1 = $[3], t1;
-}
-class UnsplashAssetSourceInternal extends Component {
-  static defaultProps = {
-    selectedAssets: void 0
-  };
-  state = {
-    cursor: 0,
-    query: "",
-    page: 1,
-    searchResults: [[]],
-    isLoading: !0
-  };
-  searchSubscription = null;
-  searchSubject$ = new BehaviorSubject("");
-  pageSubject$ = new BehaviorSubject(1);
-  componentDidMount() {
-    this.searchSubscription = search(this.props.client, this.searchSubject$, this.pageSubject$, RESULTS_PER_PAGE).subscribe({
-      next: (results) => {
-        this.setState((prev) => ({
-          searchResults: [...prev.searchResults, results],
-          isLoading: !1
-        }));
-      }
-    });
-  }
-  componentWillUnmount() {
-    this.searchSubscription && this.searchSubscription.unsubscribe();
-  }
-  handleSelect = (photo) => (this.setState({
-    isLoading: !0
-  }), fetchDownloadUrl(this.props.client, photo).then((downloadUrl) => {
-    const description = photo.description || void 0, asset = {
-      kind: "url",
-      value: downloadUrl,
-      // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.
-      assetDocumentProps: {
-        _type: "sanity.imageAsset",
-        source: {
-          name: "unsplash",
-          id: photo.id,
-          url: photo.links.html
-        },
-        description,
-        creditLine: `${photo.user.name} by Unsplash`
-      }
-    };
-    this.props.onSelect([asset]);
-  }));
-  handleClose = () => {
-    this.props.onClose();
-  };
-  handleSearchTermChanged = (event) => {
-    const query = event.currentTarget.value;
-    this.setState({
-      query,
-      page: 1,
-      searchResults: [[]],
-      isLoading: !0,
-      cursor: 0
-    }), this.pageSubject$.next(1), this.searchSubject$.next(query);
-  };
-  handleSearchTermCleared = () => {
-    this.setState({
-      query: "",
-      page: 1,
-      searchResults: [[]],
-      isLoading: !0,
-      cursor: 0
-    }), this.pageSubject$.next(1), this.searchSubject$.next("");
-  };
-  handleScrollerLoadMore = () => {
-    const nextPage = this.state.page + 1;
-    this.setState({
-      page: nextPage,
-      isLoading: !0
-    }), this.pageSubject$.next(nextPage), this.searchSubject$.next(this.state.query);
-  };
-  handleKeyDown = (event) => {
-    const {
-      cursor
-    } = this.state;
-    (event.keyCode === 38 || event.keyCode === 37) && cursor > 0 ? this.setState((prevState) => ({
-      cursor: prevState.cursor - 1
-    })) : (event.keyCode === 40 || event.keyCode === 39) && cursor < this.getPhotos().length - 1 && this.setState((prevState) => ({
-      cursor: prevState.cursor + 1
-    }));
-  };
-  getPhotos() {
-    return this.state.searchResults.flat();
-  }
-  updateCursor = (photo) => {
-    const index = this.getPhotos().findIndex((result) => result.id === photo.id);
-    this.setState({
-      cursor: index
-    });
-  };
-  renderImage = (props) => {
-    const {
-      photo,
-      layout
-    } = props, active = this.getPhotos().findIndex((result) => result.id === photo.data.id) === this.state.cursor || !1;
-    return /* @__PURE__ */ jsx(Photo, { onClick: this.handleSelect, onKeyDown: this.handleKeyDown, data: photo.data, width: layout.width, height: layout.height, active, onFocus: this.updateCursor });
-  };
-  render() {
-    const {
-      query,
-      searchResults,
-      isLoading
-    } = this.state;
-    return /* @__PURE__ */ jsx(Dialog, { animate: !0, id: "unsplash-asset-source", header: "Select image from Unsplash", onClose: this.handleClose, open: !0, width: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, paddingX: 4, paddingBottom: 4, children: [
-      /* @__PURE__ */ jsx(SearchInput, { clearButton: query.length > 0, icon: SearchIcon, onChange: this.handleSearchTermChanged, onClear: this.handleSearchTermCleared, placeholder: "Search by topics or colors", value: query }),
-      !isLoading && this.getPhotos().length === 0 && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No results found" }),
-      /* @__PURE__ */ jsx(
-        InfiniteScroll,
-        {
-          dataLength: this.getPhotos().length,
-          next: this.handleScrollerLoadMore,
-          hasMore: !0,
-          scrollThreshold: 0.99,
-          height: "60vh",
-          loader: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }),
-          endMessage: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No more results" }),
-          children: searchResults.filter((photos) => photos.length > 0).map((photos, index) => /* @__PURE__ */ jsx(PhotoAlbum, { layout: "rows", spacing: PHOTO_SPACING, padding: PHOTO_PADDING, targetRowHeight: (width) => width < 300 ? 150 : width < 600 ? 200 : 300, photos: photos.map((photo) => ({
-            src: photo.urls.small,
-            width: photo.width,
-            height: photo.height,
-            key: photo.id,
-            data: photo
-          })), renderPhoto: this.renderImage, componentsProps: {
-            containerProps: {
-              style: {
-                marginBottom: `${PHOTO_SPACING}px`
-              }
-            }
-          } }, `gallery-${query || "popular"}-${index}`))
-        }
-      )
-    ] }) });
-  }
-}
-const unsplashAssetSource = {
-  name: "unsplash",
-  title: "Unsplash",
-  component: UnsplashAssetSource,
-  icon: UnsplashIcon
-}, unsplashImageAsset = definePlugin({
-  name: "asset-source-unsplash-plugin",
-  form: {
-    image: {
-      assetSources: [unsplashAssetSource]
-    }
-  }
-});
+import "sanity";
+import { UnsplashIcon, unsplashAssetSource, unsplashImageAsset } from "./_chunks-es/index.js";
 export {
   UnsplashIcon,
   unsplashAssetSource,

package/dist/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":["/**\n * @public\n */\nexport function UnsplashIcon(): React.JSX.Element {\n  return (\n    <svg role=\"img\" viewBox=\"0 0 25 25\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\n      <title>Unsplash</title>\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import type {SanityClient} from 'sanity'\n\nimport {type BehaviorSubject, concat, defer, type Observable} from 'rxjs'\nimport {debounceTime, distinctUntilChanged, map, switchMap, withLatestFrom} from 'rxjs/operators'\n\nimport type {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<{\n  results: UnsplashPhoto[]\n  total: number\n  total_pages: number\n}> =>\n  defer(() =>\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    }),\n  )\n\nconst fetchList = (\n  client: SanityClient,\n  type: string,\n  page: number,\n  perPage: number,\n): Observable<UnsplashPhoto[]> =>\n  defer(() =>\n    client.observable.request({\n      url: `/addons/unsplash/photos?order_by=${type}&page=${page}&per_page=${perPage}`,\n      withCredentials: true,\n      method: 'GET',\n    }),\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<UnsplashPhoto[]> => {\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  -webkit-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  -webkit-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 type {UnsplashPhoto} from '../types'\n\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: React.KeyboardEvent<HTMLDivElement>) => 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: React.MouseEvent<HTMLAnchorElement>) => {\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: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown(event)\n      if (event.key === 'Enter') {\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 {TextInput} from '@sanity/ui'\nimport {styled} from 'styled-components'\n\nexport const SearchInput = styled(TextInput)`\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 {SearchIcon} from '@sanity/icons'\nimport {Dialog, Flex, Spinner, Stack, Text} from '@sanity/ui'\nimport {Component} from 'react'\nimport InfiniteScroll from 'react-infinite-scroll-component'\nimport {PhotoAlbum, type RenderPhotoProps, type Photo as PhotoType} from 'react-photo-album'\nimport {BehaviorSubject, type Subscription} from 'rxjs'\nimport {\n  type AssetFromSource,\n  type AssetSourceComponentProps,\n  type SanityClient,\n  useClient,\n} from 'sanity'\n\nimport type {UnsplashPhoto} from '../types'\n\nimport {fetchDownloadUrl, search} from '../datastores/unsplash'\nimport Photo from './Photo'\nimport {SearchInput} from './UnsplashAssetSource.styled'\n\ntype UnsplashPhotoAlbumPhoto = PhotoType & {\n  key: string\n  data: UnsplashPhoto\n}\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 Component<\n  AssetSourceComponentProps & {client: SanityClient},\n  State\n> {\n  static defaultProps = {\n    selectedAssets: undefined,\n  }\n\n  override 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  override 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  override 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        // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.\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        },\n      }\n      this.props.onSelect([asset])\n      return undefined\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({\n      query,\n      page: 1,\n      searchResults: [[]],\n      isLoading: true,\n      cursor: 0,\n    })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next(query)\n  }\n\n  handleSearchTermCleared = () => {\n    this.setState({\n      query: '',\n      page: 1,\n      searchResults: [[]],\n      isLoading: true,\n      cursor: 0,\n    })\n    this.pageSubject$.next(1)\n    this.searchSubject$.next('')\n  }\n\n  handleScrollerLoadMore = () => {\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: React.KeyboardEvent<HTMLDivElement>) => {\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: RenderPhotoProps<UnsplashPhotoAlbumPhoto>) => {\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}\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  override render() {\n    const {query, searchResults, isLoading} = this.state\n\n    return (\n      <Dialog\n        animate\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} paddingX={4} paddingBottom={4}>\n          <SearchInput\n            clearButton={query.length > 0}\n            icon={SearchIcon}\n            onChange={this.handleSearchTermChanged}\n            onClear={this.handleSearchTermCleared}\n            placeholder=\"Search by topics or colors\"\n            value={query}\n          />\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.handleScrollerLoadMore}\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                    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: {\n                      style: {marginBottom: `${PHOTO_SPACING}px`},\n                    },\n                  }}\n                />\n              ))}\n          </InfiniteScroll>\n        </Stack>\n      </Dialog>\n    )\n  }\n}\n","import {type AssetSource, definePlugin, type Plugin} from 'sanity'\n\nimport {UnsplashIcon} 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: UnsplashIcon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset: Plugin = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: [unsplashAssetSource],\n    },\n  },\n})\n\nexport {UnsplashIcon}\n"],"names":["UnsplashIcon","$","_c","t0","for","fetchSearch","client","query","page","perPage","defer","observable","request","url","encodeURIComponent","withCredentials","method","fetchList","type","fetchDownloadUrl","photo","downloadUrl","links","download_location","replace","then","result","search","resultsPerPage","concat","pipe","withLatestFrom","debounceTime","distinctUntilChanged","switchMap","q","p","map","results","Root","styled","div","withConfig","displayName","componentId","theme","sanity","color","card","enabled","border","CreditLineLink","a","CreditLine","Card","fg","bg","UTM_SOURCE","Photo","props","onClick","data","onKeyDown","onFocus","active","width","height","handleClick","t1","id","html","event","stopPropagation","window","open","handleCreditLineClicked","t2","event_0","key","handleKeyDown","t3","handleMouseDown","t4","t5","useEffect","src","urls","small","userName","user","name","t6","t7","t8","t9","t10","backgroundImage","t11","t12","username","t13","t14","SearchInput","TextInput","RESULTS_PER_PAGE","PHOTO_SPACING","PHOTO_PADDING","UnsplashAssetSource","apiVersion","useClient","UnsplashAssetSourceInternal","Component","defaultProps","selectedAssets","undefined","state","cursor","searchResults","isLoading","searchSubscription","searchSubject$","BehaviorSubject","pageSubject$","componentDidMount","subscribe","next","setState","prev","componentWillUnmount","unsubscribe","handleSelect","description","asset","kind","value","assetDocumentProps","_type","source","creditLine","onSelect","handleClose","onClose","handleSearchTermChanged","currentTarget","handleSearchTermCleared","handleScrollerLoadMore","nextPage","keyCode","prevState","getPhotos","length","flat","updateCursor","index","findIndex","renderImage","layout","render","SearchIcon","filter","photos","containerProps","style","marginBottom","unsplashAssetSource","title","component","Unsplash","icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "5.0.1",
+  "version": "7.0.0",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "assets",
@@ -33,20 +33,19 @@
   "dependencies": {
     "@sanity/icons": "^3.7.4",
     "@sanity/ui": "^3.1.11",
-    "react-compiler-runtime": "^1.0.0",
-    "react-infinite-scroll-component": "6.1.0",
-    "react-photo-album": "2.4.1",
-    "rxjs": "^7.8.2"
+    "lodash-es": "^4.17.21",
+    "react-photo-album": "^3.3.0"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^10.2.1",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.2.7",
-    "@typescript/native-preview": "7.0.0-dev.20251212.1",
+    "@typescript/native-preview": "7.0.0-dev.20251216.1",
     "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "react": "^19.2.3",
-    "sanity": "^4.21.1",
+    "sanity": "^5.0.0",
     "styled-components": "^6.1.19",
     "typescript": "5.9.3",
     "@repo/eslint-config": "0.0.7",
@@ -54,8 +53,8 @@
     "@repo/tsconfig": "1.0.0"
   },
   "peerDependencies": {
-    "react": "^18.3 || ^19",
-    "sanity": "^4.0.0-0 || ^5.0.0-0",
+    "react": "^19.2",
+    "sanity": "^5.0.0-0",
     "styled-components": "^6.1"
   },
   "engines": {