sanity-plugin-media 4.1.0 → 4.1.1

package/dist/index.js

@@ -467,7 +467,10 @@ const useKeyPress = (hotkey, onPress) => {
     fn: (value, _field) => value ? `references('${value}')` : void 0,
     label: "includes"
   }
-}, ORDER_OPTIONS = [
+}, SUPPORTED_ASSET_TYPES = [
+  "file",
+  "image"
+], ORDER_OPTIONS = [
   {
     direction: "desc",
     field: "_createdAt"
@@ -4009,7 +4012,7 @@ const DialogAssetEdit = (props) => {
     `
 ), StyledWarningOutlineIcon = styledComponents.styled(icons.WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
-})), CardAsset = (props) => {
+})), CardAsset$1 = (props) => {
   const { id, selected } = props, scheme = sanity.useColorSchemeValue(), shiftPressed = useKeyPress("shift"), dispatch = reactRedux.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();
   if (!asset)
     return null;
@@ -4139,7 +4142,7 @@ const DialogAssetEdit = (props) => {
     )
   ] }) });
 };
-var CardAsset$1 = react.memo(CardAsset);
+var CardAsset = react.memo(CardAsset$1);
 const PREVIEW_WIDTH = 180, createBlob = (img) => new Promise((resolve) => {
   const imageAspect = img.width / img.height, canvas = document.createElement("canvas");
   canvas.width = PREVIEW_WIDTH, canvas.height = Math.max(PREVIEW_WIDTH / imageAspect, 1);
@@ -4496,7 +4499,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
     }
   ) });
 }, CARD_HEIGHT = 220, CARD_WIDTH = 240, VirtualCell = react.memo(
-  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsxRuntime.jsx(CardAsset$1, { id: item.id, selected }) : item?.type === "upload" ? /* @__PURE__ */ jsxRuntime.jsx(CardUpload, { id: item.id }) : null
+  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsxRuntime.jsx(CardAsset, { id: item.id, selected }) : item?.type === "upload" ? /* @__PURE__ */ jsxRuntime.jsx(CardUpload, { id: item.id }) : null
 ), StyledItemContainer = styledComponents.styled.div`
   height: ${CARD_HEIGHT}px;
   width: ${CARD_WIDTH}px;
@@ -4661,7 +4664,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
     `
 ), StyledWarningIcon = styledComponents.styled(icons.WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
-})), TableRowAsset = (props) => {
+})), TableRowAsset$1 = (props) => {
   const { id, selected } = props, scheme = sanity.useColorSchemeValue(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = react.useState(!1), refCountVisibleTimeout = react.useRef(null), dispatch = reactRedux.useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), mediaIndex = ui.useMediaIndex(), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions(), handleContextActionClick = react.useCallback(
     (e) => {
       e.stopPropagation(), asset && (onSelect ? dispatch(dialogActions.showAssetEdit({ assetId: asset._id })) : shiftPressed.current && !picked ? dispatch(assetsActions.pickRange({ startId: lastPicked || asset._id, endId: asset._id })) : dispatch(assetsActions.pick({ assetId: asset._id, picked: !picked })));
@@ -4887,7 +4890,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
     }
   ) : null;
 };
-var TableRowAsset$1 = react.memo(TableRowAsset);
+var TableRowAsset = react.memo(TableRowAsset$1);
 const TableRowUpload = (props) => {
   const { id } = props, scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id)), mediaIndex = ui.useMediaIndex();
   if (!item)
@@ -5001,7 +5004,7 @@ const TableRowUpload = (props) => {
     }
   );
 }, VirtualRow = react.memo(
-  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(TableRowAsset$1, { id: item.id, selected }) }) : item?.type === "upload" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(TableRowUpload, { id: item.id }) }) : null
+  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(TableRowAsset, { id: item.id, selected }) }) : item?.type === "upload" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(TableRowUpload, { id: item.id }) }) : null
 ), AssetTableVirtualized = (props) => {
   const { items, onLoadMore } = props, selectedAssets = useTypedSelector((state) => state.selected.assets), selectedIds = selectedAssets && selectedAssets.map((asset) => asset._id) || [], totalCount = items?.length;
   return totalCount === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(
@@ -5264,6 +5267,9 @@ const rootEpic = reduxObservable.combineEpics(
   const assetIds = getAssetIds(document2);
   return [...new Set(assetIds.sort())];
 };
+function isSupportedAssetType(assetType) {
+  return assetType ? SUPPORTED_ASSET_TYPES.includes(assetType) : !1;
+}
 class ReduxProvider extends react.Component {
   store;
   constructor(props) {
@@ -5294,7 +5300,7 @@ class ReduxProvider extends react.Component {
       preloadedState: {
         assets: {
           ...initialState$5,
-          assetTypes: props?.assetType ? [props.assetType] : ["file", "image"]
+          assetTypes: isSupportedAssetType(props?.assetType) ? [props.assetType] : ["file", "image"]
         },
         debug: {
           badConnection: !1,