sanity-plugin-media 2.4.2-canary.0 → 2.4.2

package/dist/index.js

@@ -555,22 +555,18 @@ const useKeyPress = (hotkey, onPress) => {
       const { tagId } = action.payload;
       delete state.byIds[tagId].error;
     }).addMatcher(
-      (action) => [
-        ASSETS_ACTIONS.tagsAddComplete.type,
-        ASSETS_ACTIONS.tagsAddError.type,
-        ASSETS_ACTIONS.tagsRemoveComplete.type,
-        ASSETS_ACTIONS.tagsRemoveError.type
-      ].includes(action.type),
+      toolkit.isAnyOf(
+        ASSETS_ACTIONS.tagsAddComplete,
+        ASSETS_ACTIONS.tagsAddError,
+        ASSETS_ACTIONS.tagsRemoveComplete,
+        ASSETS_ACTIONS.tagsRemoveError
+      ),
       (state, action) => {
         const { tag } = action.payload;
         state.byIds[tag._id].updating = !1;
       }
     ).addMatcher(
-      (action) => [
-        ASSETS_ACTIONS.tagsAddRequest.type,
-        //
-        ASSETS_ACTIONS.tagsRemoveRequest.type
-      ].includes(action.type),
+      toolkit.isAnyOf(ASSETS_ACTIONS.tagsAddRequest, ASSETS_ACTIONS.tagsRemoveRequest),
       (state, action) => {
         const { tag } = action.payload;
         state.byIds[tag._id].updating = !0;
@@ -895,7 +891,7 @@ const useKeyPress = (hotkey, onPress) => {
     return tagItem?.tag && acc.push(tagItem), acc;
   }, []);
   return tags && tags?.length > 0 ? getTagSelectOptions(tags) : null;
-}, tagsActions = tagsSlice.actions;
+}, tagsActions = { ...tagsSlice.actions };
 var tagsReducer = tagsSlice.reducer;
 const initialState$6 = {
   facets: [],
@@ -956,7 +952,7 @@ const initialState$6 = {
           value: tagItem?.tag?._id
         }
       })
-    ) : rxjs.empty();
+    ) : rxjs.EMPTY;
   })
 ), selectIsSearchFacetTag = toolkit.createSelector(
   [
@@ -966,7 +962,7 @@ const initialState$6 = {
   (searchFacets, tagId) => searchFacets.some(
     (facet) => facet.name === "tag" && facet.type === "searchable" && (facet.operatorType === "references" || facet.operatorType === "doesNotReference") && facet.value?.value === tagId
   )
-), searchActions = searchSlice.actions;
+), searchActions = { ...searchSlice.actions };
 var searchReducer = searchSlice.reducer;
 const UPLOADS_ACTIONS = {
   uploadComplete: toolkit.createAction(
@@ -1284,7 +1280,7 @@ const UPLOADS_ACTIONS = {
       const nextPageIndex = Math.floor(state.assets.allIds.length / state.assets.pageSize);
       return rxjs.of(assetsActions.loadPageIndex({ pageIndex: nextPageIndex }));
     }
-    return rxjs.empty();
+    return rxjs.EMPTY;
   })
 ), filterAssetWithoutTag = (tag) => (asset) => (asset?.asset?.opt?.media?.tags?.findIndex((t) => t._ref === tag?._id) ?? -1) < 0, patchOperationTagAppend = ({ tag }) => (patch) => patch.setIfMissing({ opt: {} }).setIfMissing({ "opt.media": {} }).setIfMissing({ "opt.media.tags": [] }).append("opt.media.tags", [{ _key: nanoid.nanoid(), _ref: tag?._id, _type: "reference", _weak: !0 }]), patchOperationTagUnset = ({ asset, tag }) => (patch) => patch.ifRevisionId(asset?.asset?._rev).unset([`opt.media.tags[_ref == "${tag._id}"]`]), assetsOrderSetEpic = (action$) => action$.pipe(
   operators$1.filter(assetsActions.orderSet.match),
@@ -1467,7 +1463,7 @@ const UPLOADS_ACTIONS = {
 ), selectAssetsPickedLength = toolkit.createSelector(
   [selectAssetsPicked],
   (assetsPicked) => assetsPicked.length
-), assetsActions = assetsSlice.actions;
+), assetsActions = { ...assetsSlice.actions };
 var assetsReducer = assetsSlice.reducer;
 const customScrollbar = styledComponents.css`
   ::-webkit-scrollbar {
@@ -1636,16 +1632,18 @@ const customScrollbar = styledComponents.css`
     tagsActions.deleteComplete.type,
     tagsActions.updateComplete.type
   ),
-  operators$1.filter((action) => !!action?.payload?.closeDialogId),
+  operators$1.filter(
+    (action) => !!action?.payload?.closeDialogId
+  ),
   operators$1.mergeMap((action) => {
     const dialogId = action?.payload?.closeDialogId;
-    return dialogId ? rxjs.of(dialogSlice.actions.remove({ id: dialogId })) : rxjs.empty();
+    return dialogId ? rxjs.of(dialogSlice.actions.remove({ id: dialogId })) : rxjs.EMPTY;
   })
 ), dialogTagCreateEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.createComplete.match),
   operators$1.mergeMap((action) => {
     const { assetId, tag } = action?.payload;
-    return assetId ? rxjs.of(dialogSlice.actions.inlineTagCreate({ tag, assetId })) : tag._id ? rxjs.of(dialogSlice.actions.remove({ id: "tagCreate" })) : rxjs.empty();
+    return assetId ? rxjs.of(dialogSlice.actions.inlineTagCreate({ tag, assetId })) : tag._id ? rxjs.of(dialogSlice.actions.remove({ id: "tagCreate" })) : rxjs.EMPTY;
   })
 ), dialogTagDeleteEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.listenerDeleteQueueComplete.match),
@@ -1653,7 +1651,7 @@ const customScrollbar = styledComponents.css`
     const { tagIds } = action?.payload;
     return rxjs.of(dialogSlice.actions.inlineTagRemove({ tagIds }));
   })
-), dialogActions = dialogSlice.actions;
+), dialogActions = { ...dialogSlice.actions };
 var dialogReducer = dialogSlice.reducer;
 const ButtonViewGroup = () => {
   const dispatch = reactRedux.useDispatch(), view = useTypedSelector((state) => state.assets.view);
@@ -2113,22 +2111,16 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     margin: 0,
     padding: 0
   })
-}), ClearIndicator = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Box,
-    {
-      paddingRight: 1,
-      style: {
-        transform: "scale(0.85)"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {}) })
-    }
-  ) })
-), Menu$1 = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) })
-), MenuList$1 = (props) => {
+}), ClearIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  ui.Box,
+  {
+    paddingRight: 1,
+    style: {
+      transform: "scale(0.85)"
+    },
+    children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {}) })
+  }
+) }), Menu$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) }), MenuList$1 = (props) => {
   const { children } = props, MAX_ROWS = 5, OPTION_HEIGHT = 33;
   if (Array.isArray(children)) {
     const height = children.length > MAX_ROWS ? OPTION_HEIGHT * MAX_ROWS : children.length * OPTION_HEIGHT;
@@ -2146,10 +2138,7 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Select.components.MenuList, { ...props, children });
-}, NoOptionsMessage = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.NoOptionsMessage, { ...props, children: props.children }), Option$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { color: "inherit" }, textOverflow: "ellipsis", children: props.children }) }) }) }), SingleValue = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.SingleValue, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: props.children }) })
-), reactSelectComponents$1 = {
+}, NoOptionsMessage = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.NoOptionsMessage, { ...props, children: props.children }), Option$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { color: "inherit" }, textOverflow: "ellipsis", children: props.children }) }) }) }), SingleValue = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.SingleValue, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: props.children }) }), reactSelectComponents$1 = {
   ClearIndicator,
   DropdownIndicator: null,
   IndicatorSeparator: null,
@@ -2483,7 +2472,7 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
       state.enabled = !state.enabled;
     }
   }
-}), debugActions = debugSlice.actions;
+}), debugActions = { ...debugSlice.actions };
 var debugReducer = debugSlice.reducer;
 const DebugControls = () => {
   const dispatch = reactRedux.useDispatch(), badConnection = useTypedSelector((state) => state.debug.badConnection), debugEnabled = useTypedSelector((state) => state.debug.enabled), handleChange = (e) => {
@@ -2560,7 +2549,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(null), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
+  const popoverProps = usePortalPopoverProps(), refPopoverTimeout = react.useRef(), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
     refPopoverTimeout.current && clearTimeout(refPopoverTimeout.current), setPopoverVisible(!0), copy__default.default(url), refPopoverTimeout.current = setTimeout(() => {
       setPopoverVisible(!1);
     }, 1250);
@@ -2796,13 +2785,7 @@ const imageDprUrl = (asset, options) => {
     margin: 0,
     padding: 0
   })
-}), DropdownIndicator = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}) }) }) })
-), Menu = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) })
-), MenuList = (props) => {
+}), DropdownIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}) }) }) }), Menu = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) }), MenuList = (props) => {
   const { children } = props, MAX_ROWS = 5, OPTION_HEIGHT = 37;
   if (Array.isArray(children)) {
     const height = children.length > MAX_ROWS ? OPTION_HEIGHT * MAX_ROWS : children.length * OPTION_HEIGHT;
@@ -2820,10 +2803,7 @@ const imageDprUrl = (asset, options) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Select.components.MenuList, { ...props, children });
-}, MultiValueLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, paddingRight: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueLabel, { ...props }) }) }), MultiValueRemove = (props) => (
-  // @ts-expect-error - fix typings later
-  /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { color: "#1f2123" }) })
-), Option = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
+}, MultiValueLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, paddingRight: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueLabel, { ...props }) }) }), MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { color: "#1f2123" }) }), Option = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
   props.data.__isNew__ && /* @__PURE__ */ jsxRuntime.jsx(icons.AddIcon, { style: { marginRight: "3px" } }),
   props.children
 ] }) }) }), reactSelectComponents = {
@@ -4223,7 +4203,7 @@ toolkit.createSelector(
   [selectUploadsByIds, selectUploadsAllIds],
   (byIds, allIds) => allIds.map((id) => byIds[id])
 );
-const uploadsActions = uploadsSlice.actions;
+const uploadsActions = { ...uploadsSlice.actions };
 var uploadsReducer = uploadsSlice.reducer;
 const CardWrapper = styledComponents.styled(ui.Flex)`
   box-sizing: border-box;
@@ -4351,6 +4331,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
       computeItemKey: (index) => items[index]?.id,
       components: {
         Item: ItemContainer,
+        // @ts-expect-error - fix typings later
         List: ListContainer
       },
       endReached: onLoadMore,
@@ -4498,7 +4479,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(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(
+  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(
     (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 })));
     },
@@ -5031,7 +5012,7 @@ const initialState = {
 ), notificationsTagUpdateCompleteEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.updateComplete.match),
   operators$1.mergeMap(() => rxjs.of(notificationsSlice.actions.add({ status: "info", title: "Tag updated" })))
-), notificationsActions = notificationsSlice.actions;
+), notificationsActions = { ...notificationsSlice.actions };
 var notificationsReducer = notificationsSlice.reducer;
 const rootEpic = reduxObservable.combineEpics(
   assetsDeleteEpic,
@@ -5123,10 +5104,29 @@ class ReduxProvider extends react.Component {
           ...initialState$5,
           assetTypes: props?.assetType ? [props.assetType] : ["file", "image"]
         },
+        debug: {
+          badConnection: !1,
+          enabled: !1
+        },
+        dialog: { items: [] },
+        notifications: { items: [] },
+        search: { facets: [], query: "" },
         selected: {
           assets: props.selectedAssets || [],
           document: props.document,
           documentAssetIds: props.document ? getDocumentAssetIds(props.document) : []
+        },
+        tags: {
+          allIds: [],
+          byIds: {},
+          creating: !1,
+          fetchCount: -1,
+          fetching: !1,
+          panelVisible: !0
+        },
+        uploads: {
+          allIds: [],
+          byIds: {}
         }
       }
     }), epicMiddleware.run(rootEpic);