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

package/dist/index.mjs

@@ -20,13 +20,12 @@ import { Virtuoso, VirtuosoGrid, GroupedVirtuoso } from "react-virtuoso";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
-import format from "date-fns/format";
+import { format, formatRelative } from "date-fns";
 import filesize from "filesize";
 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 formatRelative from "date-fns/formatRelative";
 import { useDropzone } from "react-dropzone";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
@@ -4049,7 +4048,7 @@ const imageDprUrl = (asset, options) => {
     `
 ), StyledWarningOutlineIcon = styled(WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
-})), CardAsset = (props) => {
+})), CardAsset$1 = (props) => {
   const { id, selected } = props, scheme = useColorSchemeValue(), 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();
   if (!asset)
     return null;
@@ -4179,7 +4178,7 @@ const imageDprUrl = (asset, options) => {
     )
   ] }) });
 };
-var CardAsset$1 = memo(CardAsset);
+var CardAsset = 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);
@@ -4536,7 +4535,7 @@ const CardWrapper = styled(Flex)`
     }
   ) });
 }, CARD_HEIGHT = 220, CARD_WIDTH = 240, VirtualCell = memo(
-  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsx(CardAsset$1, { id: item.id, selected }) : item?.type === "upload" ? /* @__PURE__ */ jsx(CardUpload, { id: item.id }) : null
+  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsx(CardAsset, { id: item.id, selected }) : item?.type === "upload" ? /* @__PURE__ */ jsx(CardUpload, { id: item.id }) : null
 ), StyledItemContainer = styled.div`
   height: ${CARD_HEIGHT}px;
   width: ${CARD_WIDTH}px;
@@ -4701,7 +4700,7 @@ const CardWrapper = styled(Flex)`
     `
 ), StyledWarningIcon = styled(WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
-})), TableRowAsset = (props) => {
+})), TableRowAsset$1 = (props) => {
   const { id, selected } = props, scheme = useColorSchemeValue(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = useState(!1), refCountVisibleTimeout = useRef(null), dispatch = useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), mediaIndex = useMediaIndex(), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions(), handleContextActionClick = 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 })));
@@ -4927,7 +4926,7 @@ const CardWrapper = styled(Flex)`
     }
   ) : null;
 };
-var TableRowAsset$1 = memo(TableRowAsset);
+var TableRowAsset = memo(TableRowAsset$1);
 const TableRowUpload = (props) => {
   const { id } = props, scheme = useColorSchemeValue(), dispatch = useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id)), mediaIndex = useMediaIndex();
   if (!item)
@@ -5041,7 +5040,7 @@ const TableRowUpload = (props) => {
     }
   );
 }, VirtualRow = memo(
-  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsx(Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsx(TableRowAsset$1, { id: item.id, selected }) }) : item?.type === "upload" ? /* @__PURE__ */ jsx(Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsx(TableRowUpload, { id: item.id }) }) : null
+  ({ item, selected }) => item?.type === "asset" ? /* @__PURE__ */ jsx(Box, { style: { height: "100px" }, children: /* @__PURE__ */ jsx(TableRowAsset, { id: item.id, selected }) }) : item?.type === "upload" ? /* @__PURE__ */ jsx(Box, { style: { height: "100px" }, children: /* @__PURE__ */ 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__ */ jsx(