sanity-plugin-media 2.3.1 → 2.3.2

package/dist/index.js

@@ -4186,6 +4186,16 @@ const inputs = {
     type: "string",
     value: ""
   },
+  creditLine: {
+    assetTypes: ["file", "image"],
+    field: "creditLine",
+    name: "creditLine",
+    operatorType: "empty",
+    operatorTypes: ["empty", "notEmpty", null, "includes", "doesNotInclude"],
+    title: "Credit",
+    type: "string",
+    value: ""
+  },
   description: {
     assetTypes: ["file", "image"],
     field: "description",
@@ -4454,7 +4464,7 @@ null, {
   direction: "asc",
   field: "size"
 }];
-const FACETS = [inputs.tag, divider, inputs.inUse, inputs.inCurrentDocument, divider, inputs.title, inputs.altText, inputs.description, divider, inputs.isOpaque, divider, inputs.fileName, inputs.size, inputs.type, divider, inputs.orientation, inputs.width, inputs.height];
+const FACETS = [inputs.tag, divider, inputs.inUse, inputs.inCurrentDocument, divider, inputs.title, inputs.altText, inputs.creditLine, inputs.description, divider, inputs.isOpaque, divider, inputs.fileName, inputs.size, inputs.type, divider, inputs.orientation, inputs.width, inputs.height];
 const GRID_TEMPLATE_COLUMNS = {
   SMALL: "3rem 100px auto 1.5rem",
   LARGE: "3rem 100px auto 5.5rem 5.5rem 3.5rem 8.5rem 4.75rem 2rem"
@@ -4603,7 +4613,7 @@ const constructFilter = _ref => {
   // NOTE: Currently this only searches direct fields on sanity.fileAsset/sanity.imageAsset and NOT referenced tags
   // It's possible to add this by adding the following line to the searchQuery, but it's quite slow
   // references(*[_type == "media.tag" && name.current == "${searchQuery.trim()}"]._id)
-  ...(searchQuery ? [groq__default.default(_b$a || (_b$a = __template$j(["[_id, altText, assetId, description, originalFilename, title, url] match '*", "*'"])), searchQuery.trim())] : []),
+  ...(searchQuery ? [groq__default.default(_b$a || (_b$a = __template$j(["[_id, altText, assetId, creditLine, description, originalFilename, title, url] match '*", "*'"])), searchQuery.trim())] : []),
   // Search facets
   ...searchFacetFragments].join(" && ");
   return constructedQuery;
@@ -5425,7 +5435,7 @@ const assetsSlice = toolkit.createSlice({
           sort = groq__default.default(_a$g || (_a$g = __template$g(["order(_updatedAt desc)"])))
         } = _ref19;
         const pipe = sort || selector ? "|" : "";
-        const query = groq__default.default(_b$8 || (_b$8 = __template$g(['\n          {\n            "items": *[', "] {\n              _id,\n              _type,\n              _createdAt,\n              _updatedAt,\n              altText,\n              description,\n              extension,\n              metadata {\n                dimensions,\n                exif,\n                isOpaque,\n              },\n              mimeType,\n              opt {\n                media\n              },\n              originalFilename,\n              size,\n              title,\n              url\n            } ", " ", " ", ",\n          }\n        "])), queryFilter, pipe, sort, selector);
+        const query = groq__default.default(_b$8 || (_b$8 = __template$g(['\n          {\n            "items": *[', "] {\n              _id,\n              _type,\n              _createdAt,\n              _updatedAt,\n              altText,\n              creditLine,\n              description,\n              extension,\n              metadata {\n                dimensions,\n                exif,\n                isOpaque,\n              },\n              mimeType,\n              opt {\n                media\n              },\n              originalFilename,\n              size,\n              source {\n                name\n              },\n              title,\n              url\n            } ", " ", " ", ",\n          }\n        "])), queryFilter, pipe, sort, selector);
         return {
           payload: {
             params,
@@ -7267,14 +7277,55 @@ const SearchFacets = props => {
   }
   throw Error("Invalid layout");
 };
+const ToolOptionsContext = react.createContext(null);
+const ToolOptionsProvider = _ref43 => {
+  let {
+    options,
+    children
+  } = _ref43;
+  var _a, _b;
+  const value = react.useMemo(() => {
+    var _a2, _b2, _c, _d;
+    let creditLineExcludeSources;
+    if ((_a2 = options == null ? void 0 : options.creditLine) == null ? void 0 : _a2.excludeSources) {
+      creditLineExcludeSources = Array.isArray((_b2 = options == null ? void 0 : options.creditLine) == null ? void 0 : _b2.excludeSources) ? options.creditLine.excludeSources : [(_c = options == null ? void 0 : options.creditLine) == null ? void 0 : _c.excludeSources];
+    }
+    return {
+      dropzone: {
+        maxSize: options == null ? void 0 : options.maximumUploadSize
+      },
+      creditLine: {
+        enabled: ((_d = options == null ? void 0 : options.creditLine) == null ? void 0 : _d.enabled) || false,
+        excludeSources: creditLineExcludeSources
+      }
+    };
+  }, [(_a = options == null ? void 0 : options.creditLine) == null ? void 0 : _a.enabled, (_b = options == null ? void 0 : options.creditLine) == null ? void 0 : _b.excludeSources, options == null ? void 0 : options.maximumUploadSize]);
+  return /* @__PURE__ */jsxRuntime.jsx(ToolOptionsContext.Provider, {
+    value,
+    children
+  });
+};
+const useToolOptions = () => {
+  const context = react.useContext(ToolOptionsContext);
+  if (!context) {
+    throw new Error("useToolOptions must be used within an ToolOptionsProvider");
+  }
+  return context;
+};
 const SearchFacetsControl = () => {
   const dispatch = reactRedux.useDispatch();
   const assetTypes = useTypedSelector(state => state.assets.assetTypes);
   const searchFacets = useTypedSelector(state => state.search.facets);
   const selectedDocument = useTypedSelector(state => state.selected.document);
   const popoverProps = usePortalPopoverProps();
+  const {
+    creditLine
+  } = useToolOptions();
   const isTool = !selectedDocument;
   const filteredFacets = FACETS.filter(facet => {
+    if (!(creditLine == null ? void 0 : creditLine.enabled) && (facet == null ? void 0 : facet.type) === "string" && (facet == null ? void 0 : facet.name) === "creditLine") {
+      return false;
+    }
     if (facet.type === "group" || facet.type === "divider") {
       return true;
     }
@@ -7603,6 +7654,7 @@ const tagOptionSchema = z__namespace.object({
 });
 const assetFormSchema = z__namespace.object({
   altText: z__namespace.string().trim().optional(),
+  creditLine: z__namespace.string().trim().optional(),
   description: z__namespace.string().trim().optional(),
   opt: z__namespace.object({
     media: z__namespace.object({
@@ -7660,11 +7712,11 @@ const isImageAsset = asset => {
 const getAssetResolution = asset => {
   return "".concat(asset.metadata.dimensions.width, "x").concat(asset.metadata.dimensions.height, "px");
 };
-const ButtonAssetCopy = _ref43 => {
+const ButtonAssetCopy = _ref44 => {
   let {
     disabled,
     url
-  } = _ref43;
+  } = _ref44;
   const popoverProps = usePortalPopoverProps();
   const refPopoverTimeout = react.useRef();
   const [popoverVisible, setPopoverVisible] = react.useState(false);
@@ -7706,11 +7758,11 @@ const ButtonAssetCopy = _ref43 => {
     })
   });
 };
-const Row = _ref44 => {
+const Row = _ref45 => {
   let {
     label,
     value
-  } = _ref44;
+  } = _ref45;
   return /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
     justify: "space-between",
     children: [/* @__PURE__ */jsxRuntime.jsx(ui.Text, {
@@ -7821,11 +7873,11 @@ const Dialog = props => {
     }
   });
 };
-const DocumentList = _ref45 => {
+const DocumentList = _ref46 => {
   let {
     documents,
     isLoading
-  } = _ref45;
+  } = _ref46;
   const schema = sanity.useSchema();
   if (isLoading) {
     return /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
@@ -7897,10 +7949,10 @@ var __template$c = (cooked, raw) => __freeze$c(__defProp$d(cooked, "raw", {
   value: __freeze$c(raw || cooked.slice())
 }));
 var _a$c;
-const Container = styled__default.default(ui.Box)(_ref46 => {
+const Container = styled__default.default(ui.Box)(_ref47 => {
   let {
     theme
-  } = _ref46;
+  } = _ref47;
   return styled.css(_a$c || (_a$c = __template$c(["\n    text {\n      font-family: ", " !important;\n      font-size: 8px !important;\n      font-weight: 500 !important;\n    }\n  "])), theme.sanity.fonts.text.family);
 });
 const FileIcon = props => {
@@ -7968,10 +8020,10 @@ const {
 } = ui.studioTheme;
 const reactSelectStyles = scheme => {
   return {
-    control: (styles, _ref47) => {
+    control: (styles, _ref48) => {
       let {
         isFocused
-      } = _ref47;
+      } = _ref48;
       let boxShadow = "inset 0 0 0 1px var(--card-border-color)";
       if (isFocused) {
         boxShadow = "inset 0 0 0 1px ".concat(getSchemeColor(scheme, "inputEnabledBorder"), ",\n        0 0 0 1px var(--card-bg-color),\n        0 0 0 3px var(--card-focus-ring-color) !important");
@@ -7993,10 +8045,10 @@ const reactSelectStyles = scheme => {
         }
       };
     },
-    indicatorsContainer: (styles, _ref48) => {
+    indicatorsContainer: (styles, _ref49) => {
       let {
         isDisabled
-      } = _ref48;
+      } = _ref49;
       return {
         ...styles,
         opacity: isDisabled ? 0.25 : 1
@@ -8011,10 +8063,10 @@ const reactSelectStyles = scheme => {
     menuList: styles => ({
       ...styles
     }),
-    multiValue: (styles, _ref49) => {
+    multiValue: (styles, _ref50) => {
       let {
         isDisabled
-      } = _ref49;
+      } = _ref50;
       return {
         ...styles,
         backgroundColor: getSchemeColor(scheme, "mutedHoveredBg"),
@@ -8043,10 +8095,10 @@ const reactSelectStyles = scheme => {
       fontFamily: ui.studioTheme.fonts.text.family,
       lineHeight: "1em"
     }),
-    option: (styles, _ref50) => {
+    option: (styles, _ref51) => {
       let {
         isFocused
-      } = _ref50;
+      } = _ref51;
       return {
         ...styles,
         backgroundColor: isFocused ? getSchemeColor(scheme, "spotBlue") : "transparent",
@@ -8166,10 +8218,10 @@ const reactSelectComponents = {
   MultiValueRemove,
   Option
 };
-const StyledErrorOutlineIcon = styled__default.default(ErrorOutlineIcon)(_ref51 => {
+const StyledErrorOutlineIcon = styled__default.default(ErrorOutlineIcon)(_ref52 => {
   let {
     theme
-  } = _ref51;
+  } = _ref52;
   return {
     color: theme.sanity.color.spot.red
   };
@@ -8256,10 +8308,10 @@ const FormFieldInputTags = props => {
       control,
       defaultValue: value,
       name,
-      render: _ref52 => {
+      render: _ref53 => {
         let {
           field
-        } = _ref52;
+        } = _ref53;
         const {
           onBlur,
           onChange,
@@ -8430,9 +8482,13 @@ const DialogAssetEdit = props => {
   const currentAsset = assetItem ? assetItem == null ? void 0 : assetItem.asset : assetSnapshot;
   const allTagOptions = getTagSelectOptions(tags);
   const assetTagOptions = useTypedSelector(selectTagSelectOptions(currentAsset));
+  const {
+    creditLine
+  } = useToolOptions();
   const generateDefaultValues = react.useCallback(asset => {
     return {
       altText: (asset == null ? void 0 : asset.altText) || "",
+      creditLine: (asset == null ? void 0 : asset.creditLine) || "",
       description: (asset == null ? void 0 : asset.description) || "",
       originalFilename: (asset == null ? void 0 : asset.originalFilename) || "",
       opt: {
@@ -8590,12 +8646,12 @@ const DialogAssetEdit = props => {
         children: /* @__PURE__ */jsxRuntime.jsx(sanity.WithReferringDocuments, {
           documentStore,
           id: currentAsset._id,
-          children: _ref53 => {
+          children: _ref54 => {
             let {
               isLoading,
               referringDocuments
-            } = _ref53;
-            var _a3, _b, _c, _d, _e, _f, _g;
+            } = _ref54;
+            var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j;
             const uniqueReferringDocuments = getUniqueDocuments(referringDocuments);
             return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
               children: [/* @__PURE__ */jsxRuntime.jsxs(ui.TabList, {
@@ -8682,6 +8738,13 @@ const DialogAssetEdit = props => {
                       name: "description",
                       rows: 5,
                       value: currentAsset == null ? void 0 : currentAsset.description
+                    }), (creditLine == null ? void 0 : creditLine.enabled) && /* @__PURE__ */jsxRuntime.jsx(FormFieldInputText, {
+                      ...register("creditLine"),
+                      error: (_h = errors == null ? void 0 : errors.creditLine) == null ? void 0 : _h.message,
+                      label: "Credit",
+                      name: "creditLine",
+                      value: currentAsset == null ? void 0 : currentAsset.creditLine,
+                      disabled: formUpdating || ((_j = creditLine == null ? void 0 : creditLine.excludeSources) == null ? void 0 : _j.includes((_i = currentAsset == null ? void 0 : currentAsset.source) == null ? void 0 : _i.name))
                     })]
                   })
                 }), /* @__PURE__ */jsxRuntime.jsx(ui.TabPanel, {
@@ -9230,11 +9293,11 @@ const Tag = props => {
     })]
   });
 };
-const VirtualRow$1 = react.memo(_ref54 => {
+const VirtualRow$1 = react.memo(_ref55 => {
   let {
     isScrolling,
     item
-  } = _ref54;
+  } = _ref55;
   var _a;
   if (typeof item === "string") {
     return /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
@@ -9340,12 +9403,12 @@ const TagsVirtualized = () => {
     totalCount: items.length
   });
 };
-const TagViewHeader = _ref55 => {
+const TagViewHeader = _ref56 => {
   let {
     allowCreate,
     light,
     title
-  } = _ref55;
+  } = _ref56;
   const {
     scheme
   } = sanity.useColorScheme();
@@ -9642,24 +9705,24 @@ var __template$7 = (cooked, raw) => __freeze$7(__defProp$8(cooked, "raw", {
 }));
 var _a$7, _b$4, _c$1, _d;
 const CardWrapper$1 = styled__default.default(ui.Flex)(_a$7 || (_a$7 = __template$7(["\n  box-sizing: border-box;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n"])));
-const CardContainer = styled__default.default(ui.Flex)(_ref56 => {
+const CardContainer = styled__default.default(ui.Flex)(_ref57 => {
   let {
     picked,
     theme,
     updating
-  } = _ref56;
+  } = _ref57;
   return styled.css(_c$1 || (_c$1 = __template$7(["\n      border: 1px solid transparent;\n      height: 100%;\n      pointer-events: ", ";\n      position: relative;\n      transition: all 300ms;\n      user-select: none;\n      width: 100%;\n\n      border: ", ";\n\n      ", "\n    "])), updating ? "none" : "auto", picked ? "1px solid ".concat(theme.sanity.color.spot.orange, " !important") : "1px solid inherit", !updating && styled.css(_b$4 || (_b$4 = __template$7(["\n        @media (hover: hover) and (pointer: fine) {\n          &:hover {\n            border: 1px solid var(--card-border-color);\n          }\n        }\n      "]))));
 });
-const ContextActionContainer$2 = styled__default.default(ui.Flex)(_ref57 => {
+const ContextActionContainer$2 = styled__default.default(ui.Flex)(_ref58 => {
   let {
     scheme
-  } = _ref57;
+  } = _ref58;
   return styled.css(_d || (_d = __template$7(["\n    cursor: pointer;\n    height: ", "px;\n    transition: all 300ms;\n    @media (hover: hover) and (pointer: fine) {\n      &:hover {\n        background: ", ";\n      }\n    }\n  "])), PANEL_HEIGHT, getSchemeColor(scheme, "bg"));
 });
-const StyledWarningOutlineIcon = styled__default.default(WarningFilledIcon)(_ref58 => {
+const StyledWarningOutlineIcon = styled__default.default(WarningFilledIcon)(_ref59 => {
   let {
     theme
-  } = _ref58;
+  } = _ref59;
   return {
     color: theme.sanity.color.spot.red
   };
@@ -10090,10 +10153,10 @@ const uploadsSlice = toolkit.createSlice({
     }
   }
 });
-const uploadsAssetStartEpic = (action$, _state$, _ref59) => {
+const uploadsAssetStartEpic = (action$, _state$, _ref60) => {
   let {
     client
-  } = _ref59;
+  } = _ref60;
   return action$.pipe(operators$1.filter(uploadsActions.uploadStart.match), operators$1.mergeMap(action => {
     const {
       file,
@@ -10132,8 +10195,8 @@ const uploadsAssetStartEpic = (action$, _state$, _ref59) => {
     })))));
   }));
 };
-const uploadsAssetUploadEpic = (action$, state$) => action$.pipe(operators$1.filter(uploadsActions.uploadRequest.match), operators$1.withLatestFrom(state$), operators$1.mergeMap(_ref60 => {
-  let [action, state] = _ref60;
+const uploadsAssetUploadEpic = (action$, state$) => action$.pipe(operators$1.filter(uploadsActions.uploadRequest.match), operators$1.withLatestFrom(state$), operators$1.mergeMap(_ref61 => {
+  let [action, state] = _ref61;
   const {
     file,
     forceAsAssetType
@@ -10169,12 +10232,12 @@ const uploadsCompleteQueueEpic = action$ => action$.pipe(operators$1.filter(UPLO
     assets: [action.payload.asset]
   }));
 }));
-const uploadsCheckRequestEpic = (action$, state$, _ref61) => {
+const uploadsCheckRequestEpic = (action$, state$, _ref62) => {
   let {
     client
-  } = _ref61;
-  return action$.pipe(operators$1.filter(uploadsActions.checkRequest.match), operators$1.withLatestFrom(state$), operators$1.mergeMap(_ref62 => {
-    let [action, state] = _ref62;
+  } = _ref62;
+  return action$.pipe(operators$1.filter(uploadsActions.checkRequest.match), operators$1.withLatestFrom(state$), operators$1.mergeMap(_ref63 => {
+    let [action, state] = _ref63;
     const {
       assets
     } = action.payload;
@@ -10354,11 +10417,11 @@ var __template$4 = (cooked, raw) => __freeze$4(__defProp$5(cooked, "raw", {
 var _a$4, _b$3;
 const CARD_HEIGHT = 220;
 const CARD_WIDTH = 240;
-const VirtualCell = react.memo(_ref63 => {
+const VirtualCell = react.memo(_ref64 => {
   let {
     item,
     selected
-  } = _ref63;
+  } = _ref64;
   if ((item == null ? void 0 : item.type) === "asset") {
     return /* @__PURE__ */jsxRuntime.jsx(CardAsset$1, {
       id: item.id,
@@ -10466,10 +10529,10 @@ var __template$3 = (cooked, raw) => __freeze$3(__defProp$4(cooked, "raw", {
   value: __freeze$3(raw || cooked.slice())
 }));
 var _a$3;
-const ContextActionContainer$1 = styled__default.default(ui.Flex)(_ref64 => {
+const ContextActionContainer$1 = styled__default.default(ui.Flex)(_ref65 => {
   let {
     scheme
-  } = _ref64;
+  } = _ref65;
   return styled.css(_a$3 || (_a$3 = __template$3(["\n    cursor: pointer;\n    @media (hover: hover) and (pointer: fine) {\n      &:hover {\n        background: ", ";\n      }\n    }\n  "])), getSchemeColor(scheme, "bg"));
 });
 const TableHeader = () => {
@@ -10555,24 +10618,24 @@ var __template$2 = (cooked, raw) => __freeze$2(__defProp$3(cooked, "raw", {
 }));
 var _a$2, _b$2, _c;
 const REFERENCE_COUNT_VISIBILITY_DELAY = 750;
-const ContainerGrid = styled__default.default(ui.Grid)(_ref65 => {
+const ContainerGrid = styled__default.default(ui.Grid)(_ref66 => {
   let {
     scheme,
     selected,
     updating
-  } = _ref65;
+  } = _ref66;
   return styled.css(_b$2 || (_b$2 = __template$2(["\n      align-items: center;\n      cursor: ", ";\n      height: 100%;\n      pointer-events: ", ";\n      user-select: none;\n      white-space: nowrap;\n\n      ", "\n    "])), selected ? "default" : "pointer", updating ? "none" : "auto", !updating && styled.css(_a$2 || (_a$2 = __template$2(["\n        @media (hover: hover) and (pointer: fine) {\n          &:hover {\n            background: ", ";\n          }\n        }\n      "])), getSchemeColor(scheme, "bg")));
 });
-const ContextActionContainer = styled__default.default(ui.Flex)(_ref66 => {
+const ContextActionContainer = styled__default.default(ui.Flex)(_ref67 => {
   let {
     scheme
-  } = _ref66;
+  } = _ref67;
   return styled.css(_c || (_c = __template$2(["\n    cursor: pointer;\n    @media (hover: hover) and (pointer: fine) {\n      &:hover {\n        background: ", ";\n      }\n    }\n  "])), getSchemeColor(scheme, "bg2"));
 });
-const StyledWarningIcon = styled__default.default(WarningFilledIcon)(_ref67 => {
+const StyledWarningIcon = styled__default.default(WarningFilledIcon)(_ref68 => {
   let {
     theme
-  } = _ref67;
+  } = _ref68;
   return {
     color: theme.sanity.color.spot.red
   };
@@ -10856,11 +10919,11 @@ const TableRowAsset = props => {
         textOverflow: "ellipsis",
         children: referenceCountVisible ? /* @__PURE__ */jsxRuntime.jsx(sanity.WithReferringDocuments, {
           id,
-          children: _ref68 => {
+          children: _ref69 => {
             let {
               isLoading,
               referringDocuments
-            } = _ref68;
+            } = _ref69;
             const uniqueDocuments = getUniqueDocuments(referringDocuments);
             return isLoading ? /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
               children: "-"
@@ -11040,11 +11103,11 @@ const TableRowUpload = props => {
     })]
   });
 };
-const VirtualRow = react.memo(_ref69 => {
+const VirtualRow = react.memo(_ref70 => {
   let {
     item,
     selected
-  } = _ref69;
+  } = _ref70;
   if ((item == null ? void 0 : item.type) === "asset") {
     return /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
       style: {
@@ -11451,29 +11514,6 @@ const TagsPanel = () => {
     })
   });
 };
-const ToolOptionsContext = react.createContext(null);
-const ToolOptionsProvider = _ref70 => {
-  let {
-    options,
-    children
-  } = _ref70;
-  const value = react.useMemo(() => ({
-    dropzone: {
-      maxSize: options == null ? void 0 : options.maximumUploadSize
-    }
-  }), [options == null ? void 0 : options.maximumUploadSize]);
-  return /* @__PURE__ */jsxRuntime.jsx(ToolOptionsContext.Provider, {
-    value,
-    children
-  });
-};
-const useToolOptions = () => {
-  const context = react.useContext(ToolOptionsContext);
-  if (!context) {
-    throw new Error("useToolOptions must be used within an ToolOptionsProvider");
-  }
-  return context;
-};
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
 var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", {