sanity-plugin-media 2.4.0 → 2.4.1

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { ofType, combineEpics, createEpicMiddleware } from "redux-observable";
 import { iif, throwError, of, from, empty, Subject, Observable, merge } from "rxjs";
 import { delay, mergeMap, filter, withLatestFrom, catchError, switchMap, bufferTime, debounceTime, first, map, takeUntil } from "rxjs/operators";
 import { uuid } from "@sanity/uuid";
-import styled, { css, createGlobalStyle } from "styled-components";
+import { css, createGlobalStyle, styled } from "styled-components";
 import pluralize from "pluralize";
 import { useNProgress } from "@tanem/react-nprogress";
 import { hues, white } from "@sanity/color";
@@ -1080,7 +1080,7 @@ const UPLOADS_ACTIONS = {
     },
     fetchComplete(state, action) {
       const assets = action.payload?.assets || [];
-      assets.forEach((asset) => {
+      assets && assets.forEach((asset) => {
         state.allIds.includes(asset._id) || state.allIds.push(asset._id), state.byIds[asset._id] = {
           _type: "asset",
           asset,
@@ -1820,22 +1820,29 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
   const { children, facet } = props, { scheme } = useColorScheme(), dispatch = useDispatch(), handleClose = () => {
     dispatch(searchActions.facetsRemoveById({ facetId: facet.id }));
   };
-  return /* @__PURE__ */ jsx(Container$1, { padding: [2, 2, 1], scheme, children: /* @__PURE__ */ jsxs(Flex, { align: ["flex-start", "flex-start", "center"], direction: ["column", "column", "row"], children: [
-    /* @__PURE__ */ jsx(Box, { paddingBottom: [3, 3, 0], paddingLeft: 1, paddingRight: 2, paddingTop: [1, 1, 0], children: /* @__PURE__ */ jsx(
-      Label,
-      {
-        size: 0,
-        style: {
-          whiteSpace: "nowrap"
-        },
-        children: facet.title
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
-      children,
-      /* @__PURE__ */ jsx(Box, { marginLeft: 1, paddingX: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsx(CloseIcon, { onClick: handleClose }) }) })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Container$1,
+    {
+      padding: [2, 2, 1],
+      scheme,
+      children: /* @__PURE__ */ jsxs(Flex, { align: ["flex-start", "flex-start", "center"], direction: ["column", "column", "row"], children: [
+        /* @__PURE__ */ jsx(Box, { paddingBottom: [3, 3, 0], paddingLeft: 1, paddingRight: 2, paddingTop: [1, 1, 0], children: /* @__PURE__ */ jsx(
+          Label,
+          {
+            size: 0,
+            style: {
+              whiteSpace: "nowrap"
+            },
+            children: facet.title
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+          children,
+          /* @__PURE__ */ jsx(Box, { marginLeft: 1, paddingX: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsx(CloseIcon, { onClick: handleClose }) }) })
+        ] })
+      ] })
+    }
+  );
 }, TextInputNumber = (props) => {
   const { onValueChange, value, ...remainingProps } = props;
   return /* @__PURE__ */ jsx(
@@ -2037,6 +2044,7 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
   radius: themeRadius$1,
   space: themeSpace$1
 } = studioTheme, reactSelectStyles$1 = (scheme) => ({
+  // @ts-expect-error - fix typings later
   control: (styles, { isDisabled, isFocused }) => {
     let boxShadow = "inset 0 0 0 1px var(--card-border-color)";
     return isFocused && (boxShadow = `inset 0 0 0 1px ${getSchemeColor(scheme, "inputEnabledBorder")},
@@ -2058,6 +2066,7 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
       }
     };
   },
+  // @ts-expect-error - fix typings later
   input: (styles) => ({
     ...styles,
     color: "var(--card-fg-color)",
@@ -2065,16 +2074,19 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
     fontSize: themeTextSizes[1].fontSize,
     marginLeft: rem(themeSpace$1[2])
   }),
+  // @ts-expect-error - fix typings later
   menuList: (styles) => ({
     ...styles,
     padding: 0
   }),
+  // @ts-expect-error - fix typings later
   noOptionsMessage: (styles) => ({
     ...styles,
     fontFamily: studioTheme.fonts.text.family,
     fontSize: themeTextSizes[1].fontSize,
     lineHeight: "1em"
   }),
+  // @ts-expect-error - fix typings later
   option: (styles, { isFocused }) => ({
     ...styles,
     backgroundColor: isFocused ? getSchemeColor(scheme, "spotBlue") : "transparent",
@@ -2089,12 +2101,14 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
       color: getSchemeColor(scheme, "bg")
     }
   }),
+  // @ts-expect-error - fix typings later
   placeholder: (styles) => ({
     ...styles,
     fontSize: themeTextSizes[1].fontSize,
     marginLeft: rem(themeSpace$1[2]),
     paddingLeft: 0
   }),
+  // @ts-expect-error - fix typings later
   singleValue: (styles) => ({
     ...styles,
     alignItems: "center",
@@ -2102,6 +2116,7 @@ const Container$1 = styled(Box)(({ scheme, theme }) => css`
     height: "100%",
     marginLeft: rem(themeSpace$1[2])
   }),
+  // @ts-expect-error - fix typings later
   valueContainer: (styles) => ({
     ...styles,
     margin: 0,
@@ -2693,6 +2708,7 @@ const imageDprUrl = (asset, options) => {
     }
   ) : /* @__PURE__ */ jsx(FileIcon, { extension: asset.extension, width: "50%" });
 }, { radius: themeRadius, space: themeSpace } = studioTheme, reactSelectStyles = (scheme) => ({
+  // @ts-expect-error - fix typings later
   control: (styles, { isFocused }) => {
     let boxShadow = "inset 0 0 0 1px var(--card-border-color)";
     return isFocused && (boxShadow = `inset 0 0 0 1px ${getSchemeColor(scheme, "inputEnabledBorder")},
@@ -2714,10 +2730,12 @@ const imageDprUrl = (asset, options) => {
       }
     };
   },
+  // @ts-expect-error - fix typings later
   indicatorsContainer: (styles, { isDisabled }) => ({
     ...styles,
     opacity: isDisabled ? 0.25 : 1
   }),
+  // @ts-expect-error - fix typings later
   input: (styles) => ({
     ...styles,
     color: "var(--card-fg-color)",
@@ -2727,6 +2745,7 @@ const imageDprUrl = (asset, options) => {
   menuList: (styles) => ({
     ...styles
   }),
+  // @ts-expect-error - fix typings later
   multiValue: (styles, { isDisabled }) => ({
     ...styles,
     backgroundColor: getSchemeColor(scheme, "mutedHoveredBg"),
@@ -2738,6 +2757,7 @@ const imageDprUrl = (asset, options) => {
     fontSize: "inherit",
     padding: 0
   }),
+  // @ts-expect-error - fix typings later
   multiValueRemove: (styles) => ({
     ...styles,
     borderTopLeftRadius: 0,
@@ -2747,11 +2767,13 @@ const imageDprUrl = (asset, options) => {
       backgroundColor: getSchemeColor(scheme, "mutedSelectedBg")
     }
   }),
+  // @ts-expect-error - fix typings later
   noOptionsMessage: (styles) => ({
     ...styles,
     fontFamily: studioTheme.fonts.text.family,
     lineHeight: "1em"
   }),
+  // @ts-expect-error - fix typings later
   option: (styles, { isFocused }) => ({
     ...styles,
     backgroundColor: isFocused ? getSchemeColor(scheme, "spotBlue") : "transparent",
@@ -2763,10 +2785,12 @@ const imageDprUrl = (asset, options) => {
       color: getSchemeColor(scheme, "bg")
     }
   }),
+  // @ts-expect-error - fix typings later
   placeholder: (styles) => ({
     ...styles,
     marginLeft: rem(themeSpace[2])
   }),
+  // @ts-expect-error - fix typings later
   valueContainer: (styles) => ({
     ...styles,
     margin: 0,
@@ -3795,16 +3819,19 @@ const imageDprUrl = (asset, options) => {
         }
       `}
     `
-), ContextActionContainer$2 = styled(Flex)(({ scheme }) => css`
-    cursor: pointer;
-    height: ${PANEL_HEIGHT}px;
-    transition: all 300ms;
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background: ${getSchemeColor(scheme, "bg")};
+), ContextActionContainer$2 = styled(Flex)(
+  // @ts-expect-error - fix typings later
+  ({ scheme }) => css`
+      cursor: pointer;
+      height: ${PANEL_HEIGHT}px;
+      transition: all 300ms;
+      @media (hover: hover) and (pointer: fine) {
+        &:hover {
+          background: ${getSchemeColor(scheme, "bg")};
+        }
       }
-    }
-  `), StyledWarningOutlineIcon = styled(WarningFilledIcon)(({ theme }) => ({
+    `
+), StyledWarningOutlineIcon = styled(WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
 })), CardAsset = (props) => {
   const { id, selected } = props, { scheme } = useColorScheme(), shiftPressed = useKeyPress("shift"), dispatch = useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions();
@@ -4311,6 +4338,7 @@ const CardWrapper = styled(Flex)`
       computeItemKey: (index) => items[index]?.id,
       components: {
         Item: ItemContainer,
+        // @ts-expect-error - fix typings later
         List: ListContainer
       },
       endReached: onLoadMore,
@@ -4356,14 +4384,17 @@ const CardWrapper = styled(Flex)`
       ]
     }
   ) });
-}, ContextActionContainer$1 = styled(Flex)(({ scheme }) => css`
-    cursor: pointer;
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        background: ${getSchemeColor(scheme, "bg")};
+}, ContextActionContainer$1 = styled(Flex)(
+  // @ts-expect-error - fix typings later
+  ({ scheme }) => css`
+      cursor: pointer;
+      @media (hover: hover) and (pointer: fine) {
+        &:hover {
+          background: ${getSchemeColor(scheme, "bg")};
+        }
       }
-    }
-  `), TableHeader = () => {
+    `
+), TableHeader = () => {
   const { scheme } = useColorScheme(), dispatch = useDispatch(), fetching = useTypedSelector((state) => state.assets.fetching), itemsLength = useTypedSelector(selectAssetsLength), numPickedAssets = useTypedSelector(selectAssetsPickedLength), mediaIndex = useMediaIndex(), { onSelect } = useAssetSourceActions(), allSelected = numPickedAssets === itemsLength, handleContextActionClick = (e) => {
     e.stopPropagation(), dispatch(allSelected ? assetsActions.pickClear() : assetsActions.pickAll());
   };
@@ -4424,6 +4455,7 @@ const CardWrapper = styled(Flex)`
     }
   );
 }, REFERENCE_COUNT_VISIBILITY_DELAY = 750, ContainerGrid = styled(Grid)(
+  // @ts-expect-error - fix typings later
   ({
     scheme,
     selected,