react-datocms 4.0.4 → 4.0.5

package/dist/esm/useQuerySubscription/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/useQuerySubscription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,gBAAgB,GAKjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,2BAA2B,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAyB9F,MAAM,UAAU,oBAAoB,CAGlC,OAA0D;IAClD,IAAA,OAAO,GAA4B,OAAO,QAAnC,EAAE,WAAW,GAAe,OAAO,YAAtB,EAAK,KAAK,UAAK,OAAO,EAA5C,0BAAkC,CAAF,CAAa;IAE7C,IAAA,KAAoB,QAAQ,CAA0B,IAAI,CAAC,EAA1D,KAAK,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC5D,IAAA,KAAkB,QAAQ,CAAqB,IAAI,CAAC,EAAnD,IAAI,QAAA,EAAE,OAAO,QAAsC,CAAC;IACrD,IAAA,KAAsB,QAAQ,CAClC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAClC,EAFM,MAAM,QAAA,EAAE,SAAS,QAEvB,CAAC;IAEF,IAAM,uBAAuB,GAAG,KAG/B,CAAC;IAEF,oBAAoB,CAAC;QACnB,IAAI,OAAO,KAAK,KAAK,EAAE;YACrB,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,OAAO;gBACL,yCAAyC;YAC3C,CAAC,CAAC;SACH;QAED,IAAI,WAAiC,CAAC;QAEtC,SAAe,SAAS;;;;gCACR,qBAAM,gBAAgB,uBAC/B,uBAAuB,KAC1B,cAAc,EAAE,UAAC,MAAM;oCACrB,SAAS,CAAC,MAAM,CAAC,CAAC;gCACpB,CAAC,EACD,QAAQ,EAAE,UAAC,UAAU;oCACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;oCACf,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gCACpC,CAAC,EACD,cAAc,EAAE,UAAC,SAAS;oCACxB,OAAO,CAAC,IAAI,CAAC,CAAC;oCACd,QAAQ,CAAC,SAAS,CAAC,CAAC;gCACtB,CAAC,IACD,EAAA;;4BAbF,WAAW,GAAG,SAaZ,CAAC;;;;;SACJ;QAED,SAAS,EAAE,CAAC;QAEZ,OAAO;YACL,IAAI,WAAW,EAAE;gBACf,WAAW,EAAE,CAAC;aACf;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,OAAO,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,CAAC;AACtD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/useQuerySubscription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,gBAAgB,GAKjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,2BAA2B,IAAI,oBAAoB,GACpD,MAAM,yBAAyB,CAAC;AAyBjC,MAAM,UAAU,oBAAoB,CAGlC,OAA0D;IAClD,IAAA,OAAO,GAA4B,OAAO,QAAnC,EAAE,WAAW,GAAe,OAAO,YAAtB,EAAK,KAAK,UAAK,OAAO,EAA5C,0BAAkC,CAAF,CAAa;IAE7C,IAAA,KAAoB,QAAQ,CAA0B,IAAI,CAAC,EAA1D,KAAK,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC5D,IAAA,KAAkB,QAAQ,CAAqB,IAAI,CAAC,EAAnD,IAAI,QAAA,EAAE,OAAO,QAAsC,CAAC;IACrD,IAAA,KAAsB,QAAQ,CAClC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAClC,EAFM,MAAM,QAAA,EAAE,SAAS,QAEvB,CAAC;IAEF,IAAM,uBAAuB,GAAG,KAG/B,CAAC;IAEF,oBAAoB,CAAC;QACnB,IAAI,OAAO,KAAK,KAAK,EAAE;YACrB,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,OAAO;gBACL,yCAAyC;YAC3C,CAAC,CAAC;SACH;QAED,IAAI,WAAiC,CAAC;QAEtC,SAAe,SAAS;;;;gCACR,qBAAM,gBAAgB,uBAC/B,uBAAuB,KAC1B,cAAc,EAAE,UAAC,MAAM;oCACrB,SAAS,CAAC,MAAM,CAAC,CAAC;gCACpB,CAAC,EACD,QAAQ,EAAE,UAAC,UAAU;oCACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;oCACf,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gCACpC,CAAC,EACD,cAAc,EAAE,UAAC,SAAS;oCACxB,OAAO,CAAC,IAAI,CAAC,CAAC;oCACd,QAAQ,CAAC,SAAS,CAAC,CAAC;gCACtB,CAAC,IACD,EAAA;;4BAbF,WAAW,GAAG,SAaZ,CAAC;;;;;SACJ;QAED,SAAS,EAAE,CAAC;QAEZ,OAAO;YACL,IAAI,WAAW,EAAE;gBACf,WAAW,EAAE,CAAC;aACf;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,OAAO,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,CAAC;AACtD,CAAC"}

package/dist/types/Image/index.d.ts

@@ -31,6 +31,8 @@ export declare type ImagePropTypes = {
     className?: string;
     /** Additional CSS class for the image inside the `<picture />` tag */
     pictureClassName?: string;
+    /** Additional CSS class for the placeholder image */
+    placeholderClassName?: string;
     /** Duration (in ms) of the fade-in transition effect upoad image loading */
     fadeInDuration?: number;
     /** @deprecated Use the intersectionThreshold prop */
@@ -45,6 +47,8 @@ export declare type ImagePropTypes = {
     style?: React.CSSProperties;
     /** Additional CSS rules to add to the image inside the `<picture />` tag */
     pictureStyle?: React.CSSProperties;
+    /** Additional CSS rules to add to the placeholder image */
+    placeholderStyle?: React.CSSProperties;
     /**
      * The layout behavior of the image as the viewport changes size
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-datocms",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "types": "dist/types/index.d.ts",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -35,11 +35,13 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
+    "rome": "^10.0.1",
     "ts-jest": "^26.5.5",
     "typescript": "^4.5.5"
   },
   "scripts": {
     "build": "rimraf dist && tsc && tsc --project ./tsconfig.esnext.json",
+    "format": "rome format --write src",
     "watch": "rimraf dist && tsc --watch",
     "prepare": "npm run test && npm run build",
     "test": "jest --coverage",

package/src/Image/index.tsx

@@ -49,6 +49,8 @@ export type ImagePropTypes = {
   className?: string;
   /** Additional CSS class for the image inside the `<picture />` tag */
   pictureClassName?: string;
+  /** Additional CSS class for the placeholder image */
+  placeholderClassName?: string;
   /** Duration (in ms) of the fade-in transition effect upoad image loading */
   fadeInDuration?: number;
   /** @deprecated Use the intersectionThreshold prop */
@@ -63,6 +65,8 @@ export type ImagePropTypes = {
   style?: React.CSSProperties;
   /** Additional CSS rules to add to the image inside the `<picture />` tag */
   pictureStyle?: React.CSSProperties;
+  /** Additional CSS rules to add to the placeholder image */
+  placeholderStyle?: React.CSSProperties;
   /**
    * The layout behavior of the image as the viewport changes size
    *
@@ -147,7 +151,7 @@ const buildSrcSet = (
   width: number | undefined,
   candidateMultipliers: number[],
 ) => {
-  if (!src || !width) {
+  if (!(src && width)) {
     return undefined;
   }
 
@@ -206,6 +210,8 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
       priority = false,
       sizes,
       srcSetCandidates = [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4],
+      placeholderClassName,
+      placeholderStyle,
     },
     ref,
   ) => {
@@ -241,7 +247,9 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
     const callbackRef = useCallback(
       (_ref: HTMLDivElement) => {
         viewRef(_ref);
-        if (ref) (ref as React.MutableRefObject<HTMLDivElement>).current = _ref;
+        if (ref) {
+          (ref as React.MutableRefObject<HTMLDivElement>).current = _ref;
+        }
       },
       [viewRef],
     );
@@ -292,6 +300,7 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
           aria-hidden="true"
           alt=""
           src={data.base64 ?? undefined}
+          className={placeholderClassName}
           style={{
             backgroundColor: data.bgColor ?? undefined,
             objectFit,
@@ -307,6 +316,7 @@ export const Image = forwardRef<HTMLDivElement, ImagePropTypes>(
             top: '-5%',
             width: '110%',
             height: '110%',
+            ...placeholderStyle,
           }}
         />
       ) : null;

package/src/Seo/__tests__/index.test.tsx

@@ -1,309 +1,314 @@
-import * as React from "react";
-import { shallow } from "enzyme";
-import { renderMetaTags, renderMetaTagsToString, toRemixMeta } from "..";
-import { TitleMetaLinkTag } from "../types";
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { renderMetaTags, renderMetaTagsToString, toRemixMeta } from '..';
+import { TitleMetaLinkTag } from '../types';
 
 const metaTags: TitleMetaLinkTag[] = [
   {
-    "content": "Remix CMS - The easiest way to manage content with Remix",
-    "attributes": null,
-    "tag": "title"
+    content: 'Remix CMS - The easiest way to manage content with Remix',
+    attributes: null,
+    tag: 'title',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:title",
-      "content": "Remix CMS - The easiest way to manage content with Remix"
+    content: null,
+    attributes: {
+      property: 'og:title',
+      content: 'Remix CMS - The easiest way to manage content with Remix',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "twitter:title",
-      "content": "Remix CMS - The easiest way to manage content with Remix"
+    content: null,
+    attributes: {
+      name: 'twitter:title',
+      content: 'Remix CMS - The easiest way to manage content with Remix',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "description",
-      "content": "Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
+    content: null,
+    attributes: {
+      name: 'description',
+      content:
+        'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:description",
-      "content": "Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
+    content: null,
+    attributes: {
+      property: 'og:description',
+      content:
+        'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "twitter:description",
-      "content": "Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now."
+    content: null,
+    attributes: {
+      name: 'twitter:description',
+      content:
+        'Remix makes building scalable and fast React apps simple, pair it with a CMS that shares the same intuitiveness. Start a new Remix + Dato project now.',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:image",
-      "content": "https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000"
+    content: null,
+    attributes: {
+      property: 'og:image',
+      content:
+        'https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:image:width",
-      "content": "746"
+    content: null,
+    attributes: {
+      property: 'og:image:width',
+      content: '746',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:image:height",
-      "content": "186"
+    content: null,
+    attributes: {
+      property: 'og:image:height',
+      content: '186',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "twitter:image",
-      "content": "https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000"
+    content: null,
+    attributes: {
+      name: 'twitter:image',
+      content:
+        'https://www.datocms-assets.com/205/1642515293-full-logo.svg?fit=max&fm=jpg&w=1000',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:locale",
-      "content": "en"
+    content: null,
+    attributes: {
+      property: 'og:locale',
+      content: 'en',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:type",
-      "content": "article"
+    content: null,
+    attributes: {
+      property: 'og:type',
+      content: 'article',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "og:site_name",
-      "content": "DatoCMS"
+    content: null,
+    attributes: {
+      property: 'og:site_name',
+      content: 'DatoCMS',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "property": "article:modified_time",
-      "content": "2022-01-18T14:02:47Z"
+    content: null,
+    attributes: {
+      property: 'article:modified_time',
+      content: '2022-01-18T14:02:47Z',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "twitter:card",
-      "content": "summary_large_image"
+    content: null,
+    attributes: {
+      name: 'twitter:card',
+      content: 'summary_large_image',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "content": null,
-    "attributes": {
-      "name": "twitter:site",
-      "content": "@datocms"
+    content: null,
+    attributes: {
+      name: 'twitter:site',
+      content: '@datocms',
     },
-    "tag": "meta"
+    tag: 'meta',
   },
   {
-    "attributes": {
-      "sizes": "16x16",
-      "type": "image/png",
-      "rel": "icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=16&w=16"
+    attributes: {
+      sizes: '16x16',
+      type: 'image/png',
+      rel: 'icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=16&w=16',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "32x32",
-      "type": "image/png",
-      "rel": "icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=32&w=32"
+    attributes: {
+      sizes: '32x32',
+      type: 'image/png',
+      rel: 'icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=32&w=32',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "96x96",
-      "type": "image/png",
-      "rel": "icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=96&w=96"
+    attributes: {
+      sizes: '96x96',
+      type: 'image/png',
+      rel: 'icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=96&w=96',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "192x192",
-      "type": "image/png",
-      "rel": "icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=192&w=192"
+    attributes: {
+      sizes: '192x192',
+      type: 'image/png',
+      rel: 'icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=192&w=192',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "57x57",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=57&w=57"
+    attributes: {
+      sizes: '57x57',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=57&w=57',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "60x60",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=60&w=60"
+    attributes: {
+      sizes: '60x60',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=60&w=60',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "72x72",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=72&w=72"
+    attributes: {
+      sizes: '72x72',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=72&w=72',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "76x76",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=76&w=76"
+    attributes: {
+      sizes: '76x76',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=76&w=76',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "114x114",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=114&w=114"
+    attributes: {
+      sizes: '114x114',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=114&w=114',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "120x120",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=120&w=120"
+    attributes: {
+      sizes: '120x120',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=120&w=120',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "144x144",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=144&w=144"
+    attributes: {
+      sizes: '144x144',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=144&w=144',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "152x152",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=152&w=152"
+    attributes: {
+      sizes: '152x152',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=152&w=152',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "sizes": "180x180",
-      "rel": "apple-touch-icon",
-      "href": "https://www.datocms-assets.com/205/1525789775-dato.png?h=180&w=180"
+    attributes: {
+      sizes: '180x180',
+      rel: 'apple-touch-icon',
+      href: 'https://www.datocms-assets.com/205/1525789775-dato.png?h=180&w=180',
     },
-    "content": null,
-    "tag": "link"
+    content: null,
+    tag: 'link',
   },
   {
-    "attributes": {
-      "name": "msapplication-square70x70logo",
-      "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=70&w=70"
+    attributes: {
+      name: 'msapplication-square70x70logo',
+      content:
+        'https://www.datocms-assets.com/205/1525789775-dato.png?h=70&w=70',
     },
-    "content": null,
-    "tag": "meta"
+    content: null,
+    tag: 'meta',
   },
   {
-    "attributes": {
-      "name": "msapplication-square150x150logo",
-      "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=150"
+    attributes: {
+      name: 'msapplication-square150x150logo',
+      content:
+        'https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=150',
     },
-    "content": null,
-    "tag": "meta"
+    content: null,
+    tag: 'meta',
   },
   {
-    "attributes": {
-      "name": "msapplication-square310x310logo",
-      "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=310&w=310"
+    attributes: {
+      name: 'msapplication-square310x310logo',
+      content:
+        'https://www.datocms-assets.com/205/1525789775-dato.png?h=310&w=310',
     },
-    "content": null,
-    "tag": "meta"
+    content: null,
+    tag: 'meta',
   },
   {
-    "attributes": {
-      "name": "msapplication-square310x150logo",
-      "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=310"
+    attributes: {
+      name: 'msapplication-square310x150logo',
+      content:
+        'https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=310',
     },
-    "content": null,
-    "tag": "meta"
-  }
+    content: null,
+    tag: 'meta',
+  },
 ];
 
-describe("renderMetaTags", () => {
-  it("generates an array of meta tags", () => {
-    const wrapper = shallow(
-      <head>
-        {renderMetaTags(metaTags)}
-      </head>
-    );
+describe('renderMetaTags', () => {
+  it('generates an array of meta tags', () => {
+    const wrapper = shallow(<head>{renderMetaTags(metaTags)}</head>);
 
     expect(wrapper).toMatchSnapshot();
   });
 });
 
-describe("renderMetaTagsToString", () => {
-  it("generates an array of meta tags", () => {
+describe('renderMetaTagsToString', () => {
+  it('generates an array of meta tags', () => {
     expect(renderMetaTagsToString(metaTags)).toMatchSnapshot();
   });
 });
 
-describe("toRemixMeta", () => {
-  it("generates a meta descriptor", () => {
+describe('toRemixMeta', () => {
+  it('generates a meta descriptor', () => {
     expect(toRemixMeta(metaTags)).toMatchSnapshot();
   });
-});
+});

package/src/Seo/index.ts

@@ -1,4 +1,4 @@
 export * from './types';
 export * from './remixUtils';
 export * from './renderMetaTags';
-export * from './renderMetaTagsToString';
+export * from './renderMetaTagsToString';

package/src/StructuredText/__tests__/index.test.tsx

@@ -144,7 +144,8 @@ describe('StructuredText', () => {
     };
 
     const structuredText: StructuredTextGraphQlResponse<
-      QuoteRecord, DocPageRecord
+      QuoteRecord,
+      DocPageRecord
     > = {
       value: {
         schema: 'dast',