@electrolux-oss/sanity-plugin-media 1.0.3 → 2.0.0

package/README.md

@@ -1,6 +1,6 @@
-# Sanity Media Plugin - Electrolux Version (for Sanity Studio v3)
+# Sanity Media Plugin - Electrolux Version (for Sanity Studio v4)
 
-> This plugin is for **Sanity Studio v3**.  
+> This plugin is for **Sanity Studio v4**.  
 > This is a forked version of Sanitys own [Media Plugin (v4.0.0)](https://github.com/sanity-io/sanity-plugin-media)
 
 ## What is it?

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { AssetSourceComponentProps } from 'sanity'
 import { ForwardRefExoticComponent } from 'react'
-import { JSX as JSX_2 } from 'react'
+import { JSX } from 'react'
 import { Plugin as Plugin_2 } from 'sanity'
 import { RefAttributes } from 'react'
 import { SVGProps } from 'react'
@@ -8,7 +8,7 @@ import { SVGProps } from 'react'
 export declare const media: Plugin_2<void | MediaToolOptions>
 
 export declare const mediaAssetSource: {
-  component: (props: AssetSourceComponentProps) => JSX_2.Element
+  component: (props: AssetSourceComponentProps) => JSX.Element
   icon: ForwardRefExoticComponent<
     Omit<SVGProps<SVGSVGElement>, 'ref'> & RefAttributes<SVGSVGElement>
   >

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AssetSourceComponentProps } from 'sanity'
 import { ForwardRefExoticComponent } from 'react'
-import { JSX as JSX_2 } from 'react'
+import { JSX } from 'react'
 import { Plugin as Plugin_2 } from 'sanity'
 import { RefAttributes } from 'react'
 import { SVGProps } from 'react'
@@ -8,7 +8,7 @@ import { SVGProps } from 'react'
 export declare const media: Plugin_2<void | MediaToolOptions>
 
 export declare const mediaAssetSource: {
-  component: (props: AssetSourceComponentProps) => JSX_2.Element
+  component: (props: AssetSourceComponentProps) => JSX.Element
   icon: ForwardRefExoticComponent<
     Omit<SVGProps<SVGSVGElement>, 'ref'> & RefAttributes<SVGSVGElement>
   >

package/dist/index.js

@@ -4045,7 +4045,7 @@ const imageDprUrl = (asset, options) => {
     `
 ), 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;
@@ -4175,7 +4175,7 @@ const imageDprUrl = (asset, options) => {
     )
   ] }) });
 };
-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);
@@ -4532,7 +4532,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;
@@ -4697,7 +4697,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 })));
@@ -4923,7 +4923,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)
@@ -5037,7 +5037,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(