vue-datocms 7.0.4 → 7.0.6

package/README.md

@@ -1,7 +1,11 @@
 <!--datocms-autoinclude-header start-->
+
 <a href="https://www.datocms.com/"><img src="https://www.datocms.com/images/full_logo.svg" height="60"></a>
 
 👉 [Visit the DatoCMS homepage](https://www.datocms.com) or see [What is DatoCMS?](#what-is-datocms)
+
+---
+
 <!--datocms-autoinclude-header end-->
 
 # vue-datocms
@@ -71,7 +75,9 @@ npm run dev
 ```
 
 <!--datocms-autoinclude-footer start-->
------------------
+
+---
+
 # What is DatoCMS?
 <a href="https://www.datocms.com/"><img src="https://www.datocms.com/images/full_logo.svg" height="60"></a>
 
@@ -94,4 +100,5 @@ Trusted by over 25,000 enterprise businesses, agency partners, and individuals a
 - [DatoCMS Starters](https://www.datocms.com/marketplace/starters) has examples for various Javascript frontend frameworks
 
 Or see [all our public repos](https://github.com/orgs/datocms/repositories?q=&type=public&language=&sort=stargazers)
+
 <!--datocms-autoinclude-footer end-->

package/dist/index.cjs.js

@@ -186,17 +186,17 @@ function buildRegularSource(data, sizes, srcSetCandidates) {
 }
 
 var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
+    if (__hasOwnProp$6.call(b, prop))
       __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
         __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
@@ -234,17 +234,17 @@ const Sizer = vue.defineComponent({
 var __defProp$5 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
+    if (__hasOwnProp$5.call(b, prop))
       __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
         __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
@@ -507,17 +507,17 @@ const DatocmsImagePlugin = {
 };
 
 var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
+    if (__hasOwnProp$4.call(b, prop))
       __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
         __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
@@ -643,34 +643,11 @@ const DatocmsNakedImagePlugin = {
   }
 };
 
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const hAdapter = (tagName, props, childOrChildren) => {
-  const _a = props || {}; __objRest$2(_a, ["href", "target", "rel"]);
-  return vue.h(
-    tagName,
-    props,
-    typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
-  );
-};
 const defaultAdapter = {
-  renderNode: hAdapter,
-  renderMark: hAdapter,
-  renderFragment: (children, key) => children,
-  renderText: (text, key) => text
+  renderNode: vue.h,
+  renderMark: vue.h,
+  renderFragment: (children, _key) => children,
+  renderText: (text, _key) => text
 };
 function appendKeyToValidElement(element, key) {
   if (element !== null && typeof element !== "string" && element.key === null) {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType, VNodeProps, VNode, Ref, UnwrapRef, CSSProperties } from 'vue';
+import { PropType, h, VNode, Ref, UnwrapRef, CSSProperties } from 'vue';
 import { TransformedMeta, RenderMarkRule, TransformMetaFn } from 'datocms-structured-text-generic-html-renderer';
 export { renderMarkRule, renderNodeRule, renderNodeRule as renderRule } from 'datocms-structured-text-generic-html-renderer';
 import { Record as Record$1, RenderResult, StructuredText as StructuredText$1, Document, Node, RenderRule } from 'datocms-structured-text-utils';
@@ -406,10 +406,10 @@ declare const DatocmsNakedImagePlugin: {
 
 type AdapterReturn = VNode | string | null;
 declare const defaultAdapter: {
-    renderNode: (tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn;
-    renderMark: (tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn;
-    renderFragment: (children: AdapterReturn[], key: string) => AdapterReturn;
-    renderText: (text: string, key: string) => AdapterReturn;
+    renderNode: typeof h;
+    renderMark: typeof h;
+    renderFragment: (children: AdapterReturn[], _key: string) => AdapterReturn;
+    renderText: (text: string, _key: string) => AdapterReturn;
 };
 type H = typeof defaultAdapter.renderNode;
 type T = typeof defaultAdapter.renderText;
@@ -433,27 +433,27 @@ declare const StructuredText: vue.DefineComponent<{
     };
     /** @deprecated use customNodeRules **/
     customRules: {
-        type: PropType<RenderRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** A set of additional rules to convert the document to JSX **/
     customNodeRules: {
-        type: PropType<RenderRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** A set of additional rules to convert the document to JSX **/
     customMarkRules: {
-        type: PropType<RenderMarkRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderMarkRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** Fuction that converts an 'inlineItem' node into React **/
     renderInlineRecord: {
-        type: PropType<(context: RenderInlineRecordContext) => AdapterReturn>;
+        type: PropType<(context: RenderInlineRecordContext<any>) => AdapterReturn>;
     };
     /** Fuction that converts an 'itemLink' node into React **/
     renderLinkToRecord: {
-        type: PropType<(context: RenderRecordLinkContext) => AdapterReturn>;
+        type: PropType<(context: RenderRecordLinkContext<any>) => AdapterReturn>;
     };
     /** Fuction that converts a 'block' node into React **/
     renderBlock: {
-        type: PropType<(context: RenderBlockContext) => AdapterReturn>;
+        type: PropType<(context: RenderBlockContext<any>) => AdapterReturn>;
     };
     /** Function that converts 'link' and 'itemLink' `meta` into HTML props */
     metaTransformer: {
@@ -461,44 +461,44 @@ declare const StructuredText: vue.DefineComponent<{
     };
     /** Fuction that converts a simple string text into React **/
     renderText: {
-        type: PropType<(text: string, key: string) => AdapterReturn>;
+        type: PropType<(text: string, _key: string) => AdapterReturn>;
     };
     /** React.createElement-like function to use to convert a node into React **/
     renderNode: {
-        type: PropType<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn>;
+        type: PropType<typeof h>;
     };
     /** Function to use to generate a React.Fragment **/
     renderFragment: {
-        type: PropType<(children: AdapterReturn[], key: string) => AdapterReturn>;
+        type: PropType<(children: AdapterReturn[], _key: string) => AdapterReturn>;
     };
-}, () => RenderResult<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, () => 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>;
     };
     /** @deprecated use customNodeRules **/
     customRules: {
-        type: PropType<RenderRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** A set of additional rules to convert the document to JSX **/
     customNodeRules: {
-        type: PropType<RenderRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** A set of additional rules to convert the document to JSX **/
     customMarkRules: {
-        type: PropType<RenderMarkRule<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn, (text: string, key: string) => AdapterReturn, (children: AdapterReturn[], key: string) => AdapterReturn>[]>;
+        type: PropType<RenderMarkRule<typeof h, (text: string, _key: string) => AdapterReturn, (children: AdapterReturn[], _key: string) => AdapterReturn>[]>;
     };
     /** Fuction that converts an 'inlineItem' node into React **/
     renderInlineRecord: {
-        type: PropType<(context: RenderInlineRecordContext) => AdapterReturn>;
+        type: PropType<(context: RenderInlineRecordContext<any>) => AdapterReturn>;
     };
     /** Fuction that converts an 'itemLink' node into React **/
     renderLinkToRecord: {
-        type: PropType<(context: RenderRecordLinkContext) => AdapterReturn>;
+        type: PropType<(context: RenderRecordLinkContext<any>) => AdapterReturn>;
     };
     /** Fuction that converts a 'block' node into React **/
     renderBlock: {
-        type: PropType<(context: RenderBlockContext) => AdapterReturn>;
+        type: PropType<(context: RenderBlockContext<any>) => AdapterReturn>;
     };
     /** Function that converts 'link' and 'itemLink' `meta` into HTML props */
     metaTransformer: {
@@ -506,15 +506,15 @@ declare const StructuredText: vue.DefineComponent<{
     };
     /** Fuction that converts a simple string text into React **/
     renderText: {
-        type: PropType<(text: string, key: string) => AdapterReturn>;
+        type: PropType<(text: string, _key: string) => AdapterReturn>;
     };
     /** React.createElement-like function to use to convert a node into React **/
     renderNode: {
-        type: PropType<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn>;
+        type: PropType<typeof h>;
     };
     /** Function to use to generate a React.Fragment **/
     renderFragment: {
-        type: PropType<(children: AdapterReturn[], key: string) => AdapterReturn>;
+        type: PropType<(children: AdapterReturn[], _key: string) => AdapterReturn>;
     };
 }>>, {}, {}>;
 declare const DatocmsStructuredTextPlugin: {

package/dist/index.esm.mjs

@@ -162,17 +162,17 @@ function buildRegularSource(data, sizes, srcSetCandidates) {
 }
 
 var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
+    if (__hasOwnProp$6.call(b, prop))
       __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
         __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
@@ -210,17 +210,17 @@ const Sizer = defineComponent({
 var __defProp$5 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
+    if (__hasOwnProp$5.call(b, prop))
       __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
         __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
@@ -483,17 +483,17 @@ const DatocmsImagePlugin = {
 };
 
 var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
 var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
+    if (__hasOwnProp$4.call(b, prop))
       __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
         __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
@@ -619,34 +619,11 @@ const DatocmsNakedImagePlugin = {
   }
 };
 
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const hAdapter = (tagName, props, childOrChildren) => {
-  const _a = props || {}; __objRest$2(_a, ["href", "target", "rel"]);
-  return h(
-    tagName,
-    props,
-    typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
-  );
-};
 const defaultAdapter = {
-  renderNode: hAdapter,
-  renderMark: hAdapter,
-  renderFragment: (children, key) => children,
-  renderText: (text, key) => text
+  renderNode: h,
+  renderMark: h,
+  renderFragment: (children, _key) => children,
+  renderText: (text, _key) => text
 };
 function appendKeyToValidElement(element, key) {
   if (element !== null && typeof element !== "string" && element.key === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "7.0.4",
+  "version": "7.0.6",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
     "datocms",