sanity-plugin-media 2.2.5 → 2.3.0

package/dist/index.d.ts

@@ -1,8 +1,12 @@
 import type {AssetSource} from 'sanity'
 import {Plugin as Plugin_2} from 'sanity'
 
-export declare const media: Plugin_2<void>
+export declare const media: Plugin_2<void | MediaToolOptions>
 
 export declare const mediaAssetSource: AssetSource
 
+declare type MediaToolOptions = {
+  maximumUploadSize?: number
+}
+
 export {}

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 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 { 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';
@@ -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();
@@ -11682,12 +11731,20 @@ const useRootPortalElement = () => {
   }, [container]);
   return container;
 };
-const Tool = () => {
-  return /* @__PURE__ */jsx(Flex, {
-    direction: "column",
-    height: "fill",
-    flex: 1,
-    children: /* @__PURE__ */jsx(Browser, {})
+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, {})
+    })
   });
 };
 var mediaTag = {
@@ -11724,11 +11781,7 @@ const mediaAssetSource = {
   ...plugin,
   component: FormBuilderTool
 };
-const tool = {
-  ...plugin,
-  component: Tool
-};
-const media = definePlugin({
+const media = definePlugin(options => ({
   name: "media",
   form: {
     file: {
@@ -11746,8 +11799,12 @@ const media = definePlugin({
     types: [mediaTag]
   },
   tools: prev => {
-    return [...prev, tool];
+    return [...prev, {
+      ...plugin,
+      options,
+      component: Tool
+    }];
   }
-});
+}));
 export { media, mediaAssetSource };
 //# sourceMappingURL=index.esm.js.map