sanity-plugin-media 2.3.0 → 2.3.1

package/dist/index.d.ts

@@ -1,11 +1,20 @@
-import type {AssetSource} from 'sanity'
+import {AssetSourceComponentProps} from 'sanity'
+import {JSX as JSX_2} from 'react/jsx-runtime'
 import {Plugin as Plugin_2} from 'sanity'
+import {default as React_2} from 'react'
 
 export declare const media: Plugin_2<void | MediaToolOptions>
 
-export declare const mediaAssetSource: AssetSource
+export declare const mediaAssetSource: {
+  component: (props: AssetSourceComponentProps) => JSX_2.Element
+  icon: React_2.ForwardRefExoticComponent<
+    Omit<React_2.SVGProps<SVGSVGElement>, 'ref'> & React_2.RefAttributes<SVGSVGElement>
+  >
+  name: string
+  title: string
+}
 
-declare type MediaToolOptions = {
+export declare type MediaToolOptions = {
   maximumUploadSize?: number
 }
 

package/dist/index.esm.js

@@ -1,6 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useClient, useColorScheme, useSchema, Preview, useDocumentStore, WithReferringDocuments, useFormValue, definePlugin } from 'sanity';
 import { forwardRef, createElement, useRef, useCallback, useEffect, createContext, useContext, useState, memo, Component, useMemo } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Inline, Button, usePortal, MenuButton, Menu as Menu$2, MenuItem, MenuDivider, Box, studioTheme, rem, Flex, Label, Text, TextInput, Card, MenuGroup, useMediaIndex, Tooltip, Switch, Popover, Stack, Dialog as Dialog$1, TextArea, TabList, Tab, TabPanel, Container as Container$2, Spinner, Checkbox, Grid, useToast, ThemeProvider, ToastProvider, PortalProvider, useLayer, Portal } from '@sanity/ui';
 import isHotkey from 'is-hotkey';
 import groq from 'groq';
@@ -11731,20 +11731,12 @@ const useRootPortalElement = () => {
   }, [container]);
   return container;
 };
-const Tool = _ref74 => {
-  let {
-    tool: {
-      options
-    }
-  } = _ref74;
-  return /* @__PURE__ */jsx(ToolOptionsProvider, {
-    options,
-    children: /* @__PURE__ */jsx(Flex, {
-      direction: "column",
-      height: "fill",
-      flex: 1,
-      children: /* @__PURE__ */jsx(Browser, {})
-    })
+const Tool = () => {
+  return /* @__PURE__ */jsx(Flex, {
+    direction: "column",
+    height: "fill",
+    flex: 1,
+    children: /* @__PURE__ */jsx(Browser, {})
   });
 };
 var mediaTag = {
@@ -11781,8 +11773,20 @@ const mediaAssetSource = {
   ...plugin,
   component: FormBuilderTool
 };
+const tool = {
+  ...plugin,
+  component: Tool
+};
 const media = definePlugin(options => ({
   name: "media",
+  studio: {
+    components: {
+      layout: props => /* @__PURE__ */jsx(ToolOptionsProvider, {
+        options,
+        children: props.renderDefault(props)
+      })
+    }
+  },
   form: {
     file: {
       assetSources: prev => {
@@ -11799,11 +11803,7 @@ const media = definePlugin(options => ({
     types: [mediaTag]
   },
   tools: prev => {
-    return [...prev, {
-      ...plugin,
-      options,
-      component: Tool
-    }];
+    return [...prev, tool];
   }
 }));
 export { media, mediaAssetSource };