vue-datocms 8.1.0 → 8.1.2

package/dist/index.cjs.js

@@ -346,6 +346,10 @@ const Image$1 = vue.defineComponent({
         return typeof value === "number";
       }),
       default: () => [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4]
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(props, { emit, expose }) {
@@ -460,7 +464,8 @@ const Image$1 = vue.defineComponent({
             }, absolutePositioning), {
               objectFit: this.objectFit,
               objectPosition: this.objectPosition
-            }), this.imgStyle)
+            }), this.imgStyle),
+            referrerpolicy: this.referrerPolicy
           })
         ]),
         vue.h("noscript", {
@@ -491,7 +496,8 @@ const Image$1 = vue.defineComponent({
                   objectPosition: this.objectPosition
                 }), this.imgStyle)),
                 loading: this.priority ? void 0 : "lazy",
-                fetchpriority: this.priority ? "high" : void 0
+                fetchpriority: this.priority ? "high" : void 0,
+                referrerpolicy: this.referrerPolicy
               })
             ]
           )
@@ -561,6 +567,10 @@ const NakedImage = vue.defineComponent({
     imgStyle: {
       type: Object,
       default: () => ({})
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(_props, { emit, expose }) {
@@ -631,7 +641,8 @@ const NakedImage = vue.defineComponent({
           fetchpriority: this.priority ? "high" : void 0,
           loading: this.priority ? void 0 : "lazy",
           style: __spreadValues$4(__spreadValues$4(__spreadValues$4({}, placeholderStyle), sizingStyle), this.imgStyle || {}),
-          class: this.imgClass
+          class: this.imgClass,
+          referrerpolicy: this.referrerPolicy
         })
       ]
     );
@@ -795,18 +806,18 @@ const StructuredText = vue.defineComponent({
                 node
               );
             }
-            if (!datocmsStructuredTextUtils.isStructuredText(props.data) || !props.data.blocks) {
+            if (!datocmsStructuredTextUtils.isStructuredText(props.data) || !props.data.inlineBlocks) {
               throw new datocmsStructuredTextUtils.RenderError(
-                `The Structured Text document contains an 'inlineBlock' node, but .blocks is not present!`,
+                `The Structured Text document contains an 'inlineBlock' node, but .inlineBlocks is not present!`,
                 node
               );
             }
-            const item = props.data.blocks.find(
+            const item = props.data.inlineBlocks.find(
               (item2) => item2.id === node.item
             );
             if (!item) {
               throw new datocmsStructuredTextUtils.RenderError(
-                `The Structured Text document contains a 'block' node, but cannot find a record with ID ${node.item} inside .blocks!`,
+                `The Structured Text document contains a 'block' node, but cannot find a record with ID ${node.item} inside .inlineBlocks!`,
                 node
               );
             }

package/dist/index.d.ts

@@ -142,6 +142,16 @@ declare const Image: vue.DefineComponent<{
         validator: (values: any[]) => values is number[];
         default: () => number[];
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     inView: vue.Ref<boolean>;
     rootRef: vue.Ref<HTMLElement | null>;
@@ -256,6 +266,16 @@ declare const Image: vue.DefineComponent<{
         validator: (values: any[]) => values is number[];
         default: () => number[];
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
 }, {
@@ -268,6 +288,7 @@ declare const Image: vue.DefineComponent<{
     layout: string;
     usePlaceholder: boolean;
     srcSetCandidates: unknown[];
+    referrerPolicy: string;
 }, {}>;
 declare const DatocmsImagePlugin: {
     install: (Vue: any) => void;
@@ -331,6 +352,16 @@ declare const NakedImage: vue.DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     loaded: vue.Ref<boolean>;
     handleLoad: () => void;
@@ -393,12 +424,23 @@ declare const NakedImage: vue.DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     priority: boolean;
     pictureStyle: Record<string, any>;
     imgStyle: Record<string, any>;
     usePlaceholder: boolean;
     srcSetCandidates: unknown[];
+    referrerPolicy: string;
 }, {}>;
 declare const DatocmsNakedImagePlugin: {
     install: (Vue: any) => void;
@@ -429,7 +471,7 @@ type RenderBlockContext<R extends Record$1 = Record$1> = {
 declare const StructuredText: vue.DefineComponent<{
     /** The actual field value you get from DatoCMS **/
     data: {
-        type: PropType<StructuredText$1<Record$1, Record$1> | Document | Node | null | undefined>;
+        type: PropType<StructuredText$1<Record$1, Record$1, Record$1> | Document | Node | null | undefined>;
     };
     /** @deprecated use customNodeRules **/
     customRules: {
@@ -478,7 +520,7 @@ declare const StructuredText: vue.DefineComponent<{
 }, () => RenderResult<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     /** The actual field value you get from DatoCMS **/
     data: {
-        type: PropType<StructuredText$1<Record$1, Record$1> | Document | Node | null | undefined>;
+        type: PropType<StructuredText$1<Record$1, Record$1, Record$1> | Document | Node | null | undefined>;
     };
     /** @deprecated use customNodeRules **/
     customRules: {

package/dist/index.esm.mjs

@@ -322,6 +322,10 @@ const Image$1 = defineComponent({
         return typeof value === "number";
       }),
       default: () => [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4]
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(props, { emit, expose }) {
@@ -436,7 +440,8 @@ const Image$1 = defineComponent({
             }, absolutePositioning), {
               objectFit: this.objectFit,
               objectPosition: this.objectPosition
-            }), this.imgStyle)
+            }), this.imgStyle),
+            referrerpolicy: this.referrerPolicy
           })
         ]),
         h("noscript", {
@@ -467,7 +472,8 @@ const Image$1 = defineComponent({
                   objectPosition: this.objectPosition
                 }), this.imgStyle)),
                 loading: this.priority ? void 0 : "lazy",
-                fetchpriority: this.priority ? "high" : void 0
+                fetchpriority: this.priority ? "high" : void 0,
+                referrerpolicy: this.referrerPolicy
               })
             ]
           )
@@ -537,6 +543,10 @@ const NakedImage = defineComponent({
     imgStyle: {
       type: Object,
       default: () => ({})
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(_props, { emit, expose }) {
@@ -607,7 +617,8 @@ const NakedImage = defineComponent({
           fetchpriority: this.priority ? "high" : void 0,
           loading: this.priority ? void 0 : "lazy",
           style: __spreadValues$4(__spreadValues$4(__spreadValues$4({}, placeholderStyle), sizingStyle), this.imgStyle || {}),
-          class: this.imgClass
+          class: this.imgClass,
+          referrerpolicy: this.referrerPolicy
         })
       ]
     );
@@ -771,18 +782,18 @@ const StructuredText = defineComponent({
                 node
               );
             }
-            if (!isStructuredText(props.data) || !props.data.blocks) {
+            if (!isStructuredText(props.data) || !props.data.inlineBlocks) {
               throw new RenderError(
-                `The Structured Text document contains an 'inlineBlock' node, but .blocks is not present!`,
+                `The Structured Text document contains an 'inlineBlock' node, but .inlineBlocks is not present!`,
                 node
               );
             }
-            const item = props.data.blocks.find(
+            const item = props.data.inlineBlocks.find(
               (item2) => item2.id === node.item
             );
             if (!item) {
               throw new RenderError(
-                `The Structured Text document contains a 'block' node, but cannot find a record with ID ${node.item} inside .blocks!`,
+                `The Structured Text document contains a 'block' node, but cannot find a record with ID ${node.item} inside .inlineBlocks!`,
                 node
               );
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.0",
+  "version": "8.1.2",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
     "datocms",
@@ -43,8 +43,8 @@
   "dependencies": {
     "datocms-listen": "^0.1.15",
     "hls.js": "^1.5.17",
-    "datocms-structured-text-generic-html-renderer": "^4.1.2",
-    "datocms-structured-text-utils": "^4.1.2",
+    "datocms-structured-text-generic-html-renderer": "^5.0.0",
+    "datocms-structured-text-utils": "^5.0.0",
     "hyphenate-style-name": "^1.0.4"
   },
   "peerDependencies": {