sanity-plugin-media 2.4.2 → 3.0.0

package/dist/index.js

@@ -2033,7 +2033,6 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
   radius: themeRadius$1,
   space: themeSpace$1
 } = ui.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")},
@@ -2055,7 +2054,6 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
       }
     };
   },
-  // @ts-expect-error - fix typings later
   input: (styles) => ({
     ...styles,
     color: "var(--card-fg-color)",
@@ -2063,19 +2061,16 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     fontSize: themeTextSizes[1].fontSize,
     marginLeft: ui.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: ui.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",
@@ -2090,14 +2085,12 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
       color: getSchemeColor(scheme, "bg")
     }
   }),
-  // @ts-expect-error - fix typings later
   placeholder: (styles) => ({
     ...styles,
     fontSize: themeTextSizes[1].fontSize,
     marginLeft: ui.rem(themeSpace$1[2]),
     paddingLeft: 0
   }),
-  // @ts-expect-error - fix typings later
   singleValue: (styles) => ({
     ...styles,
     alignItems: "center",
@@ -2105,7 +2098,6 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     height: "100%",
     marginLeft: ui.rem(themeSpace$1[2])
   }),
-  // @ts-expect-error - fix typings later
   valueContainer: (styles) => ({
     ...styles,
     margin: 0,
@@ -2549,7 +2541,7 @@ const imageDprUrl = (asset, options) => {
   const val = formData[key];
   return typeof val == "object" && val !== null && val.constructor !== Array ? acc[key] = sanitizeFormData(val) : val === "" || typeof val > "u" || val?.length === 0 ? acc[key] = null : typeof val == "string" && val ? acc[key] = formData[key].trim() : acc[key] = formData[key], acc;
 }, {}), isFileAsset = (asset) => asset._type === "sanity.fileAsset", isImageAsset = (asset) => asset._type === "sanity.imageAsset", getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asset.metadata.dimensions.height}px`, ButtonAssetCopy = ({ disabled, url }) => {
-  const popoverProps = usePortalPopoverProps(), refPopoverTimeout = react.useRef(), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
+  const popoverProps = usePortalPopoverProps(), refPopoverTimeout = react.useRef(null), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
     refPopoverTimeout.current && clearTimeout(refPopoverTimeout.current), setPopoverVisible(!0), copy__default.default(url), refPopoverTimeout.current = setTimeout(() => {
       setPopoverVisible(!1);
     }, 1250);
@@ -2697,7 +2689,6 @@ const imageDprUrl = (asset, options) => {
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { extension: asset.extension, width: "50%" });
 }, { radius: themeRadius, space: themeSpace } = ui.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")},
@@ -2719,12 +2710,10 @@ 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)",
@@ -2734,7 +2723,6 @@ const imageDprUrl = (asset, options) => {
   menuList: (styles) => ({
     ...styles
   }),
-  // @ts-expect-error - fix typings later
   multiValue: (styles, { isDisabled }) => ({
     ...styles,
     backgroundColor: getSchemeColor(scheme, "mutedHoveredBg"),
@@ -2746,7 +2734,6 @@ const imageDprUrl = (asset, options) => {
     fontSize: "inherit",
     padding: 0
   }),
-  // @ts-expect-error - fix typings later
   multiValueRemove: (styles) => ({
     ...styles,
     borderTopLeftRadius: 0,
@@ -2756,13 +2743,11 @@ const imageDprUrl = (asset, options) => {
       backgroundColor: getSchemeColor(scheme, "mutedSelectedBg")
     }
   }),
-  // @ts-expect-error - fix typings later
   noOptionsMessage: (styles) => ({
     ...styles,
     fontFamily: ui.studioTheme.fonts.text.family,
     lineHeight: "1em"
   }),
-  // @ts-expect-error - fix typings later
   option: (styles, { isFocused }) => ({
     ...styles,
     backgroundColor: isFocused ? getSchemeColor(scheme, "spotBlue") : "transparent",
@@ -2774,12 +2759,10 @@ const imageDprUrl = (asset, options) => {
       color: getSchemeColor(scheme, "bg")
     }
   }),
-  // @ts-expect-error - fix typings later
   placeholder: (styles) => ({
     ...styles,
     marginLeft: ui.rem(themeSpace[2])
   }),
-  // @ts-expect-error - fix typings later
   valueContainer: (styles) => ({
     ...styles,
     margin: 0,
@@ -4331,7 +4314,6 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
       computeItemKey: (index) => items[index]?.id,
       components: {
         Item: ItemContainer,
-        // @ts-expect-error - fix typings later
         List: ListContainer
       },
       endReached: onLoadMore,
@@ -4479,7 +4461,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
   `), StyledWarningIcon = styledComponents.styled(icons.WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
 })), TableRowAsset = (props) => {
-  const { id, selected } = props, scheme = sanity.useColorSchemeValue(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = react.useState(!1), refCountVisibleTimeout = react.useRef(), 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(
+  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 })));
     },