sanity-plugin-media 2.2.5 → 2.3.1

package/dist/index.d.ts

@@ -1,8 +1,21 @@
-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>
+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
+}
+
+export declare type MediaToolOptions = {
+  maximumUploadSize?: number
+}
 
 export {}

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import { useClient, useColorScheme, useSchema, Preview, useDocumentStore, WithReferringDocuments, useFormValue, definePlugin } from 'sanity';
-import { forwardRef, createElement, useRef, useCallback, useEffect, createContext, useContext, useState, memo, Component } from 'react';
 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 { 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';
@@ -11411,6 +11411,29 @@ const TagsPanel = () => {
     })
   });
 };
+const ToolOptionsContext = createContext(null);
+const ToolOptionsProvider = _ref70 => {
+  let {
+    options,
+    children
+  } = _ref70;
+  const value = useMemo(() => ({
+    dropzone: {
+      maxSize: options == null ? void 0 : options.maximumUploadSize
+    }
+  }), [options == null ? void 0 : options.maximumUploadSize]);
+  return /* @__PURE__ */jsx(ToolOptionsContext.Provider, {
+    value,
+    children
+  });
+};
+const useToolOptions = () => {
+  const context = useContext(ToolOptionsContext);
+  if (!context) {
+    throw new Error("useToolOptions must be used within an ToolOptionsProvider");
+  }
+  return context;
+};
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
 var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", {
@@ -11434,6 +11457,11 @@ const UploadDropzone = props => {
   const {
     children
   } = props;
+  const {
+    dropzone: {
+      maxSize
+    }
+  } = useToolOptions();
   const {
     onSelect
   } = useAssetSourceActions();
@@ -11446,6 +11474,25 @@ const UploadDropzone = props => {
       forceAsAssetType: assetTypes.length === 1 ? assetTypes[0] : void 0
     })));
   };
+  const handleDropRejected = rejections => {
+    const errorCodes = rejections.flatMap(_ref71 => {
+      let {
+        errors
+      } = _ref71;
+      return errors.map(_ref72 => {
+        let {
+          code
+        } = _ref72;
+        return code;
+      });
+    });
+    if (errorCodes.includes("file-too-large")) {
+      dispatch(notificationsActions.add({
+        status: "error",
+        title: "One or more files exceed the maximum upload size."
+      }));
+    }
+  };
   const handleFileGetter = async event => {
     var _a2;
     let fileList;
@@ -11482,7 +11529,9 @@ const UploadDropzone = props => {
     // HACK: Disable drag and drop functionality when in a selecting context
     // (This is currently due to Sanity's native image input taking precedence with drag and drop)
     noDrag: !!onSelect,
-    onDrop: handleDrop
+    onDrop: handleDrop,
+    maxSize,
+    onDropRejected: handleDropRejected
   });
   return /* @__PURE__ */jsx(DropzoneDispatchProvider, {
     open,
@@ -11515,10 +11564,10 @@ var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", {
   value: __freeze(raw || cooked.slice())
 }));
 var _a, _b;
-const BrowserContent = _ref70 => {
+const BrowserContent = _ref73 => {
   let {
     onClose
-  } = _ref70;
+  } = _ref73;
   const client = useVersionedClient();
   const [portalElement, setPortalElement] = useState(null);
   const dispatch = useDispatch();
@@ -11728,8 +11777,16 @@ const tool = {
   ...plugin,
   component: Tool
 };
-const media = definePlugin({
+const media = definePlugin(options => ({
   name: "media",
+  studio: {
+    components: {
+      layout: props => /* @__PURE__ */jsx(ToolOptionsProvider, {
+        options,
+        children: props.renderDefault(props)
+      })
+    }
+  },
   form: {
     file: {
       assetSources: prev => {
@@ -11748,6 +11805,6 @@ const media = definePlugin({
   tools: prev => {
     return [...prev, tool];
   }
-});
+}));
 export { media, mediaAssetSource };
 //# sourceMappingURL=index.esm.js.map