vue-datocms 7.0.5 → 8.0.0-0

package/dist/index.cjs.js

@@ -678,36 +678,8 @@ function appendKeyToValidElement(element, key) {
   }
   return element;
 }
-const StructuredText = vue.defineComponent({
-  name: "DatocmsStructuredText",
-  props: {
-    data: {
-      type: Object
-    },
-    customRules: {
-      type: Array
-    },
-    customNodeRules: {
-      type: Array
-    },
-    customMarkRules: {
-      type: Array
-    },
-    renderInlineRecord: {
-      type: Function
-    },
-    renderLinkToRecord: {
-      type: Function
-    },
-    renderBlock: {
-      type: Function
-    },
-    metaTransformer: { type: Function },
-    renderText: { type: Function },
-    renderNode: { type: Function },
-    renderFragment: { type: Function }
-  },
-  setup(props) {
+const StructuredText = vue.defineComponent(
+  (props) => {
     return () => {
       return datocmsStructuredTextGenericHtmlRenderer.render(props.data, {
         adapter: {
@@ -812,8 +784,11 @@ const StructuredText = vue.defineComponent({
         ]
       });
     };
+  },
+  {
+    name: "DatocmsStructuredText"
   }
-});
+);
 const DatocmsStructuredTextPlugin = {
   install: (Vue) => {
     Vue.component("DatocmsStructuredText", StructuredText);

package/dist/index.d.ts

@@ -426,97 +426,31 @@ type RenderRecordLinkContext<R extends Record$1 = Record$1> = {
 type RenderBlockContext<R extends Record$1 = Record$1> = {
     record: R;
 };
-declare const StructuredText: vue.DefineComponent<{
+type StructuredTextPropTypes<R1 extends Record$1, R2 extends Record$1 = R1> = {
     /** 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>[]>;
-    };
-    /** 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>[]>;
-    };
-    /** 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>[]>;
-    };
+    data: StructuredText$1<R1, R2> | Document | Node | null | undefined;
+    /** A set of additional rules to convert nodes to JSX **/
+    customNodeRules?: RenderRule<H, T, F>[];
+    /** A set of additional rules to convert marks to JSX **/
+    customMarkRules?: RenderMarkRule<H, T, F>[];
     /** Fuction that converts an 'inlineItem' node into React **/
-    renderInlineRecord: {
-        type: PropType<(context: RenderInlineRecordContext<any>) => AdapterReturn>;
-    };
+    renderInlineRecord?: (context: RenderInlineRecordContext<R2>) => AdapterReturn;
     /** Fuction that converts an 'itemLink' node into React **/
-    renderLinkToRecord: {
-        type: PropType<(context: RenderRecordLinkContext<any>) => AdapterReturn>;
-    };
+    renderLinkToRecord?: (context: RenderRecordLinkContext<R2>) => AdapterReturn;
     /** Fuction that converts a 'block' node into React **/
-    renderBlock: {
-        type: PropType<(context: RenderBlockContext<any>) => AdapterReturn>;
-    };
+    renderBlock?: (context: RenderBlockContext<R1>) => AdapterReturn;
     /** Function that converts 'link' and 'itemLink' `meta` into HTML props */
-    metaTransformer: {
-        type: PropType<TransformMetaFn>;
-    };
+    metaTransformer?: TransformMetaFn;
     /** Fuction that converts a simple string text into React **/
-    renderText: {
-        type: PropType<(text: string, key: string) => AdapterReturn>;
-    };
+    renderText?: T;
     /** React.createElement-like function to use to convert a node into React **/
-    renderNode: {
-        type: PropType<(tagName: string, props?: VNodeProps, childOrChildren?: AdapterReturn | AdapterReturn[]) => AdapterReturn>;
-    };
+    renderNode?: H;
     /** Function to use to generate a React.Fragment **/
-    renderFragment: {
-        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<{
-    /** The actual field value you get from DatoCMS **/
-    data: {
-        type: PropType<StructuredText$1<Record$1, Record$1> | Document | Node | null | undefined>;
-    };
+    renderFragment?: F;
     /** @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>[]>;
-    };
-    /** 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>[]>;
-    };
-    /** 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>[]>;
-    };
-    /** Fuction that converts an 'inlineItem' node into React **/
-    renderInlineRecord: {
-        type: PropType<(context: RenderInlineRecordContext<any>) => AdapterReturn>;
-    };
-    /** Fuction that converts an 'itemLink' node into React **/
-    renderLinkToRecord: {
-        type: PropType<(context: RenderRecordLinkContext<any>) => AdapterReturn>;
-    };
-    /** Fuction that converts a 'block' node into React **/
-    renderBlock: {
-        type: PropType<(context: RenderBlockContext<any>) => AdapterReturn>;
-    };
-    /** Function that converts 'link' and 'itemLink' `meta` into HTML props */
-    metaTransformer: {
-        type: PropType<TransformMetaFn>;
-    };
-    /** Fuction that converts a simple string text into React **/
-    renderText: {
-        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>;
-    };
-    /** Function to use to generate a React.Fragment **/
-    renderFragment: {
-        type: PropType<(children: AdapterReturn[], key: string) => AdapterReturn>;
-    };
-}>>, {}, {}>;
+    customRules?: RenderRule<H, T, F>[];
+};
+declare const StructuredText: <R1 extends Record$1, R2 extends Record$1 = R1>(props: StructuredTextPropTypes<R1, R2> & {}) => any;
 declare const DatocmsStructuredTextPlugin: {
     install: (Vue: any) => void;
 };
@@ -1288,4 +1222,4 @@ declare const toHead: (...args: ToMetaTagsType[]) => {
     }[];
 };
 
-export { DatocmsImagePlugin, DatocmsNakedImagePlugin, DatocmsStructuredTextPlugin, DatocmsVideoPlayerPlugin, DisabledQueryListenerOptions, EnabledQueryListenerOptions, GenericClient, Image, NakedImage, QueryListenerOptions, RawSearchResult, RenderBlockContext, RenderInlineRecordContext, RenderRecordLinkContext, ResponsiveImageType, SeoMetaTagType, StructuredText, SubscribeToQueryOptions, ToMetaTagsType, UseSiteSearchConfig, UseSiteSearchData, UseSiteSearchResult, Video, VideoPlayer, appendKeyToValidElement, defaultAdapter, isKeyOf, isNil, toHead, toNativeAttrName, toNativeAttrValue, useQuerySubscription, useSiteSearch, useVideoPlayer };
+export { DatocmsImagePlugin, DatocmsNakedImagePlugin, DatocmsStructuredTextPlugin, DatocmsVideoPlayerPlugin, DisabledQueryListenerOptions, EnabledQueryListenerOptions, GenericClient, Image, NakedImage, QueryListenerOptions, RawSearchResult, RenderBlockContext, RenderInlineRecordContext, RenderRecordLinkContext, ResponsiveImageType, SeoMetaTagType, StructuredText, StructuredTextPropTypes, SubscribeToQueryOptions, ToMetaTagsType, UseSiteSearchConfig, UseSiteSearchData, UseSiteSearchResult, Video, VideoPlayer, appendKeyToValidElement, defaultAdapter, isKeyOf, isNil, toHead, toNativeAttrName, toNativeAttrValue, useQuerySubscription, useSiteSearch, useVideoPlayer };

package/dist/index.esm.mjs

@@ -654,36 +654,8 @@ function appendKeyToValidElement(element, key) {
   }
   return element;
 }
-const StructuredText = defineComponent({
-  name: "DatocmsStructuredText",
-  props: {
-    data: {
-      type: Object
-    },
-    customRules: {
-      type: Array
-    },
-    customNodeRules: {
-      type: Array
-    },
-    customMarkRules: {
-      type: Array
-    },
-    renderInlineRecord: {
-      type: Function
-    },
-    renderLinkToRecord: {
-      type: Function
-    },
-    renderBlock: {
-      type: Function
-    },
-    metaTransformer: { type: Function },
-    renderText: { type: Function },
-    renderNode: { type: Function },
-    renderFragment: { type: Function }
-  },
-  setup(props) {
+const StructuredText = defineComponent(
+  (props) => {
     return () => {
       return render(props.data, {
         adapter: {
@@ -788,8 +760,11 @@ const StructuredText = defineComponent({
         ]
       });
     };
+  },
+  {
+    name: "DatocmsStructuredText"
   }
-});
+);
 const DatocmsStructuredTextPlugin = {
   install: (Vue) => {
     Vue.component("DatocmsStructuredText", StructuredText);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "7.0.5",
+  "version": "8.0.0-0",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
     "datocms",
@@ -48,7 +48,7 @@
   },
   "peerDependencies": {
     "@mux/mux-player": "*",
-    "vue": "^3.0.0"
+    "vue": "^3.3.0"
   },
   "peerDependenciesMeta": {
     "@mux/mux-player": {