sanity-plugin-media 5.0.5 → 5.0.7

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { ImageIcon } from "@sanity/icons/Image";
 import { SanityAssetDocument, SanityImageAssetDocument } from "@sanity/client";
 import { ComponentType, JSX } from "react";
 import * as z from "zod";
@@ -22,11 +23,11 @@ declare const tagOptionSchema: z.ZodObject<{
   label: z.ZodString;
   value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-  value: string;
   label: string;
-}, {
   value: string;
+}, {
   label: string;
+  value: string;
 }>;
 declare function getAssetFormSchema(locales?: {
   id: string;
@@ -40,35 +41,35 @@ declare function getAssetFormSchema(locales?: {
         label: z.ZodString;
         value: z.ZodString;
       }, "strip", z.ZodTypeAny, {
-        value: string;
         label: string;
-      }, {
         value: string;
+      }, {
         label: string;
+        value: string;
       }>, "many">>;
     }, "strip", z.ZodTypeAny, {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     }, {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     }>;
   }, "strip", z.ZodTypeAny, {
     media: {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     };
   }, {
     media: {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     };
   }>;
@@ -79,28 +80,28 @@ declare function getAssetFormSchema(locales?: {
   opt: {
     media: {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     };
   };
+  title?: string | z.objectOutputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   altText?: string | z.objectOutputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   description?: string | z.objectOutputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
-  title?: string | z.objectOutputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   creditLine?: string | z.objectOutputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
 }, {
   originalFilename: string;
   opt: {
     media: {
       tags: {
-        value: string;
         label: string;
+        value: string;
       }[] | null;
     };
   };
+  title?: string | z.objectInputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   altText?: string | z.objectInputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   description?: string | z.objectInputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
-  title?: string | z.objectInputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
   creditLine?: string | z.objectInputType<Record<string, z.ZodTypeAny>, z.ZodTypeAny, "passthrough"> | undefined;
 }>;
 type MediaTagsOptions = {
@@ -158,7 +159,7 @@ type SanityReference = {
 type TagSelectOption = z.infer<typeof tagOptionSchema>;
 declare const mediaAssetSource: {
   component: (props: import("sanity").AssetSourceComponentProps) => import("react").JSX.Element;
-  icon: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+  icon: typeof ImageIcon;
   name: string;
   title: string;
 };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/DialogAssetEdit/Details.tsx","../src/formSchema/index.ts","../src/types/index.ts","../src/plugin.tsx","../src/components/AutoTagInputWrapper/index.tsx","../src/utils/mediaField.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/DialogAssetEdit/Details.tsx","../src/formSchema/index.ts","../src/types/index.ts","../src/plugin.tsx","../src/components/AutoTagInputWrapper/index.tsx","../src/utils/mediaField.ts"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ThLargeIcon, ThListIcon, SortIcon, CloseIcon, SelectIcon, AddIcon, SearchIcon, PlugIcon, ClipboardIcon, DownloadIcon, ChevronDownIcon, ErrorOutlineIcon, WarningOutlineIcon, EditIcon, ArrowUpIcon, ArrowDownIcon, TrashIcon, ComposeIcon, Icon, UploadIcon, CheckmarkCircleIcon, WarningFilledIcon, ChevronUpIcon, ImageIcon } from "@sanity/icons";
+import { ImageIcon } from "@sanity/icons/Image";
 import { useClient, useColorSchemeValue, useSchema, Preview, useDocumentStore, WithReferringDocuments, useFormValue, definePlugin } from "sanity";
 import { Inline, Button, usePortal, MenuButton, Menu as Menu$2, MenuItem, MenuDivider, Box, studioTheme, Flex, Label, Text, rem, TextInput, Card, MenuGroup, useMediaIndex, Tooltip, Switch, Popover, Stack, Dialog as Dialog$1, TextArea, TabList, Tab, TabPanel, Container as Container$2, Spinner, Checkbox, Grid, useToast, PortalProvider, useLayer, Portal } from "@sanity/ui";
-import { useRef, useCallback, useEffect, createContext, useContext, useMemo, useState, forwardRef, memo, Component } from "react";
+import { useRef, useCallback, useEffect, createContext, useContext, useMemo, useState, memo, Component } from "react";
 import { isHotkey } from "is-hotkey-esm";
 import { css, createGlobalStyle, styled } from "styled-components";
 import { useSelector, useDispatch, Provider } from "react-redux";
@@ -14,19 +14,42 @@ import { delay, mergeMap, filter, withLatestFrom, catchError, switchMap, bufferT
 import groq from "groq";
 import { nanoid } from "nanoid";
 import { uuid } from "@sanity/uuid";
+import { ThLargeIcon } from "@sanity/icons/ThLarge";
+import { ThListIcon } from "@sanity/icons/ThList";
+import { SortIcon } from "@sanity/icons/Sort";
 import { useNProgress } from "@tanem/react-nprogress";
+import { SelectIcon } from "@sanity/icons/Select";
+import { CloseIcon } from "@sanity/icons/Close";
 import { hues, white } from "@sanity/color";
 import Select, { components } from "react-select";
 import { Virtuoso, VirtuosoGrid, GroupedVirtuoso } from "react-virtuoso";
+import { AddIcon } from "@sanity/icons/Add";
+import { SearchIcon } from "@sanity/icons/Search";
+import { PlugIcon } from "@sanity/icons/Plug";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { DownloadIcon } from "@sanity/icons/Download";
 import { format, formatRelative } from "date-fns";
 import filesize from "filesize";
+import { ClipboardIcon } from "@sanity/icons/Clipboard";
 import copy from "copy-to-clipboard";
 import { useIntentLink } from "sanity/router";
 import { FileIcon as FileIcon$1, defaultStyles } from "react-file-icon";
 import CreatableSelect from "react-select/creatable";
+import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
+import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
+import { WarningOutlineIcon } from "@sanity/icons/WarningOutline";
+import { ArrowDownIcon } from "@sanity/icons/ArrowDown";
+import { ArrowUpIcon } from "@sanity/icons/ArrowUp";
+import { EditIcon } from "@sanity/icons/Edit";
+import { TrashIcon } from "@sanity/icons/Trash";
+import { ComposeIcon } from "@sanity/icons/Compose";
+import { Icon } from "@sanity/icons";
+import { UploadIcon } from "@sanity/icons/Upload";
+import { CheckmarkCircleIcon } from "@sanity/icons/CheckmarkCircle";
+import { WarningFilledIcon } from "@sanity/icons/WarningFilled";
+import { ChevronUpIcon } from "@sanity/icons/ChevronUp";
 import { useDropzone } from "react-dropzone";
 const useKeyPress = (hotkey, onPress) => {
   const keyPressed = useRef(!1), downHandler = useCallback((e) => {
@@ -2471,7 +2494,7 @@ const getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asse
         error
       ] }) }), fallbackPlacements: ["top", "left"], placement: "right", portal: !0, children: /* @__PURE__ */ jsx(StyledErrorOutlineIcon, {}) }) })
     ] }) }),
-    description && /* @__PURE__ */ jsx(Box, { marginY: 3, children: /* @__PURE__ */ jsx(Text, { htmlFor: name, muted: !0, size: 1, children: description }) })
+    description && /* @__PURE__ */ jsx(Box, { marginY: 3, children: /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: name, muted: !0, size: 1, children: description }) })
   ] });
 }, FormFieldInputTags = (props) => {
   const {
@@ -2526,7 +2549,7 @@ const getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asse
       ]
     }
   );
-}, FormFieldInputText = forwardRef((props, ref) => {
+}, FormFieldInputText = (props) => {
   const {
     description,
     disabled,
@@ -2535,13 +2558,14 @@ const getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asse
     name,
     placeholder,
     value,
+    ref,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(FormFieldInputLabel, { description, error, label, name }),
     /* @__PURE__ */ jsx(TextInput, { ...rest, autoComplete: "off", autoFocus: !0, defaultValue: value, disabled, id: name, name, placeholder, ref })
   ] });
-}), FormFieldInputTextarea = forwardRef((props, ref) => {
+}, FormFieldInputTextarea = (props) => {
   const {
     description,
     disabled,
@@ -2551,13 +2575,14 @@ const getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asse
     placeholder,
     rows,
     value,
+    ref,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(FormFieldInputLabel, { description, error, label, name }),
     /* @__PURE__ */ jsx(TextArea, { ...rest, autoComplete: "off", defaultValue: value, disabled, id: name, name, placeholder, ref, rows })
   ] });
-});
+};
 function toStringField(value) {
   if (typeof value == "string") return value;
   if (typeof value == "object" && value !== null)
@@ -3723,22 +3748,24 @@ const CardWrapper = styled(Flex).withConfig({
 }) => item?.type === "asset" ? /* @__PURE__ */ jsx(CardAsset, { id: item.id, selected }) : item?.type === "upload" ? /* @__PURE__ */ jsx(CardUpload, { id: item.id }) : null), StyledItemContainer = styled.div.withConfig({
   displayName: "StyledItemContainer",
   componentId: "sc-9owt7i-0"
-})`height:${CARD_HEIGHT}px;width:${CARD_WIDTH}px;`, ItemContainer = forwardRef((props, ref) => {
+})`height:${CARD_HEIGHT}px;width:${CARD_WIDTH}px;`, ItemContainer = (props) => {
   const {
     context,
+    ref,
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(StyledItemContainer, { ref, ...rest });
-}), StyledListContainer = styled.div.withConfig({
+}, StyledListContainer = styled.div.withConfig({
   displayName: "StyledListContainer",
   componentId: "sc-9owt7i-1"
-})`display:grid;grid-template-columns:repeat(auto-fill,${CARD_WIDTH}px);grid-template-rows:repeat(auto-fill,${CARD_HEIGHT}px);justify-content:center;margin:0 auto;`, ListContainer = forwardRef((props, ref) => {
+})`display:grid;grid-template-columns:repeat(auto-fill,${CARD_WIDTH}px);grid-template-rows:repeat(auto-fill,${CARD_HEIGHT}px);justify-content:center;margin:0 auto;`, ListContainer = (props) => {
   const {
     context,
+    ref,
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(StyledListContainer, { ref, ...rest });
-}), AssetGridVirtualized = (props) => {
+}, AssetGridVirtualized = (props) => {
   const {
     items,
     onLoadMore