react-datocms 2.0.1 → 2.2.0

package/README.md

@@ -28,15 +28,18 @@ A set of components and utilities to work faster with [DatoCMS](https://www.dato
   - [Usage](#usage)
   - [Example](#example-1)
   - [Props](#props)
+    - [Layout mode](#layout-mode)
     - [The `ResponsiveImage` object](#the-responsiveimage-object)
 - [Social share, SEO and Favicon meta tags](#social-share-seo-and-favicon-meta-tags)
-  - [Usage](#usage-1)
-  - [Example](#example-2)
+  - [`renderMetaTags()`](#rendermetatags)
+  - [`renderMetaTagsToString()`](#rendermetatagstostring)
+  - [`toRemixMeta()`](#toremixmeta)
 - [Structured text](#structured-text)
   - [Basic usage](#basic-usage)
   - [Custom renderers for inline records, blocks, and links](#custom-renderers-for-inline-records-blocks-and-links)
-  - [Override default text rendering](#override-default-rendering-of-nodes)
+  - [Override default rendering of nodes](#override-default-rendering-of-nodes)
   - [Props](#props-1)
+- [Development](#development)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -252,23 +255,27 @@ export default withQuery(query)(Page);
 | onLoad                | () => void                                       | :x:                | Function triggered when the image has finished loading                                                                                                                                                                                                                                        | undefined         |
 | usePlaceholder        | Boolean                                          | :x:                | Whether the component should use a blurred image placeholder                                                                                                                                                                                                                                  | true              |
 
-
 ### Layout mode
 
 With the `layout` property, you can configure the behavior of the image as the viewport changes size:
 
-* When `intrinsic` (default behaviour), the image will scale the dimensions down for smaller viewports, but maintain the original dimensions for larger viewports.
-* When `fixed`, the image dimensions will not change as the viewport changes (no responsiveness) similar to the native `img` element.
-* When `responsive`, the image will scale the dimensions down for smaller viewports and scale up for larger viewports.
-* When `fill`, the image will stretch both width and height to the dimensions of the parent element, provided the parent element is relative.
-  * This is usually paired with the `objectFit` and `objectPosition` properties.
-  * Ensure the parent element has `position: relative` in their stylesheet.
+- When `intrinsic` (default behaviour), the image will scale the dimensions down for smaller viewports, but maintain the original dimensions for larger viewports.
+- When `fixed`, the image dimensions will not change as the viewport changes (no responsiveness) similar to the native `img` element.
+- When `responsive`, the image will scale the dimensions down for smaller viewports and scale up for larger viewports.
+- When `fill`, the image will stretch both width and height to the dimensions of the parent element, provided the parent element is relative.
+  - This is usually paired with the `objectFit` and `objectPosition` properties.
+  - Ensure the parent element has `position: relative` in their stylesheet.
 
 Example for `layout="fill"` (useful also for background images):
 
 ```jsx
 <div style={{ position: 'relative', width: 200, height: 500 }}>
-  <Image data={imageData} layout="fill" objectFit="cover" objectPosition="50% 50%" />
+  <Image
+    data={imageData}
+    layout="fill"
+    objectFit="cover"
+    objectPosition="50% 50%"
+  />
 </div>
 ```
 
@@ -299,59 +306,131 @@ Here's a complete recap of what `responsiveImage` offers:
 
 # Social share, SEO and Favicon meta tags
 
-Just like the image component, `renderMetaTags()` is a helper specially designed to work seamlessly with DatoCMS’s [`_seoMetaTags` and `faviconMetaTags` GraphQL queries](https://www.datocms.com/docs/content-delivery-api/seo) so that you can handle proper SEO in your pages with a simple one-liner.
+Just like for the image component this package offers a number of utilities designed to work seamlessly with DatoCMS’s [`_seoMetaTags` and `faviconMetaTags` GraphQL queries](https://www.datocms.com/docs/content-delivery-api/seo) so that you can easily handle SEO, social shares and favicons in your pages.
 
-- TypeScript ready;
-- Compatible with any GraphQL library (Apollo, graphql-hooks, graphql-request, etc.);
-- Usable both client and server side;
-- Compatible with vanilla React, Next.js and pretty much any other React-based solution;
+All the utilities take an array of `SeoOrFaviconTag`s in the exact form they're returned by the following [DatoCMS GraphQL API queries](https://www.datocms.com/docs/content-delivery-api/seo):
 
-## Usage
+- `_seoMetaTags` (always available on any type of record)
+- `faviconMetaTags` on the global `_site` object.
 
-`renderMetaTags()` takes an array of `Tag`s in the exact form they're returned by the following [DatoCMS GraphQL API](https://www.datocms.com/docs/content-delivery-api/seo) queries:
+```graphql
+query {
+  page: homepage {
+    title
+    seo: _seoMetaTags {
+      attributes
+      content
+      tag
+    }
+  }
 
-- `_seoMetaTags` query on any record, or
-- `faviconMetaTags` on the global `_site` object.
+  site: _site {
+    favicon: faviconMetaTags {
+      attributes
+      content
+      tag
+    }
+  }
+}
+```
 
-You can `concat` multiple array of `Tag`s together and pass them to a single `renderMetaTags()` call.
+You can then concat those two arrays of tags and pass them togheter to the function, ie:
 
-## Example
+```js
+renderMetaTags([...data.page.seo, ...data.site.favicon]);
+```
 
-For a working example take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
+## `renderMetaTags()`
+
+This function generates React `<meta>` and `<link />` elements, so it is compatible with React packages like [`react-helmet`](https://www.npmjs.com/package/react-helmet).
+
+For a complete example take a look at our [examples directory](https://github.com/datocms/react-datocms/tree/master/examples).
 
 ```js
 import React from 'react';
 import { renderMetaTags } from 'react-datocms';
 
-const Page = ({ data }) => (
-  <div>
-    <Helmet>{renderMetaTags(data.page.seo.concat(data.site.favicon))}</Helmet>
-    <h1>{data.page.title}</h1>
-  </div>
-);
+function Page({ data }) {
+  return (
+    <div>
+      <Helmet>
+        {renderMetaTags([...data.page.seo, ...data.site.favicon])}
+      </Helmet>
+    </div>
+  );
+}
+```
 
-const query = gql`
-  query {
-    page: homepage {
-      title
-      seo: _seoMetaTags {
-        attributes
-        content
-        tag
-      }
-    }
+## `renderMetaTagsToString()`
 
-    site: _site {
-      favicon: faviconMetaTags {
-        attributes
-        content
-        tag
-      }
-    }
-  }
+This function generates an HTML string containing `<meta>` and `<link />` tags, so it can be used server-side.
+
+```js
+import { renderMetaTagsToString } from 'react-datocms';
+
+const someMoreComplexHtml = `
+  <html>
+    <head>
+      ${renderMetaTagsToString([...data.page.seo, ...data.site.favicon])}
+    </head>
+  </html>
 `;
+```
 
-export default withQuery(query)(Page);
+## `toRemixMeta()`
+
+This function generates a `HtmlMetaDescriptor` object, compatibile with the [`meta`](https://remix.run/docs/en/v1.1.1/api/conventions#meta) export of the [Remix](https://remix.run/) framework:
+
+```js
+import type { MetaFunction } from 'remix';
+import { toRemixMeta } from 'react-datocms';
+
+export const meta: MetaFunction = ({ data: { post } }) => {
+  return toRemixMeta(post.seo);
+};
+```
+
+Please note that the [`links`](https://remix.run/docs/en/v1.1.1/api/conventions#links) export [doesn't receive any loader data](https://github.com/remix-run/remix/issues/32) for performance reasons, so you cannot use it to declare favicons meta tags! The best way to render them is using `renderMetaTags` in your root component:
+
+```jsx
+import { renderMetaTags } from 'react-datocms';
+
+export const loader = () => {
+  return request({
+    query: `
+        {
+          site: _site {
+            favicon: faviconMetaTags(variants: [icon, msApplication, appleTouchIcon]) {
+              ...metaTagsFragment
+            }
+          }
+        }
+        ${metaTagsFragment}
+      `,
+  });
+};
+
+export default function App() {
+  const { site } = useLoaderData();
+
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <Meta />
+        <Links />
+        {renderMetaTags(site.favicon)}
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+        {process.env.NODE_ENV === 'development' && <LiveReload />}
+      </body>
+    </html>
+  );
+}
 ```
 
 # Structured text
@@ -365,8 +444,7 @@ import React from 'react';
 import { StructuredText } from 'react-datocms';
 
 const Page = ({ data }) => {
-  // data.blogPost.content ->
-  // {
+  // data.blogPost.content = {
   //   value: {
   //     schema: "dast",
   //     document: {
@@ -581,19 +659,19 @@ For example:
 
 - For all possible node types, refer to the [list of typeguard functions defined in the main `structured-text` package](https://github.com/datocms/structured-text/tree/main/packages/utils#typescript-type-guards). The [DAST format documentation](https://www.datocms.com/docs/structured-text/dast) has additional details.
 
-In this case, you can easily override default rendering rules with the `customRules` prop.
+In this case, you can easily override default rendering rules with the `customNodeRules` and `customMarkRules` props.
 
 ```jsx
-import { renderRule, StructuredText } from 'react-datocms';
+import { renderNodeRule, renderMarkRule, StructuredText } from 'react-datocms';
 import { isHeading, isCode } from 'datocms-structured-text-utils';
 import { render as toPlainText } from 'datocms-structured-text-to-plain-text';
 import SyntaxHighlight from 'components/SyntaxHighlight';
 
 <StructuredText
   data={data.blogPost.content}
-  customRules={[
+  customNodeRules={[
     // Add HTML anchors to heading levels for in-page navigation
-    renderRule(isHeading, ({ node, children, key }) => {
+    renderNodeRule(isHeading, ({ node, children, key }) => {
       const HeadingTag = `h${node.level}`;
       const anchor = toPlainText(node)
         .toLowerCase()
@@ -609,7 +687,7 @@ import SyntaxHighlight from 'components/SyntaxHighlight';
     }),
 
     // Use a custom syntax highlighter component for code blocks
-    renderRule(isCode, ({ node, key }) => {
+    renderNodeRule(isCode, ({ node, key }) => {
       return (
         <SyntaxHighlight
           key={key}
@@ -621,7 +699,7 @@ import SyntaxHighlight from 'components/SyntaxHighlight';
     }),
 
     // Apply different formatting to top-level paragraphs
-    renderRule(
+    renderNodeRule(
       isParagraph,
       ({ adapter: { renderNode }, node, children, key, ancestors }) => {
         if (isRoot(ancestors[0])) {
@@ -641,6 +719,12 @@ import SyntaxHighlight from 'components/SyntaxHighlight';
       },
     ),
   ]}
+  customMarkRules={[
+    // convert "strong" marks into <b> tags
+    renderMarkRule('strong', ({ mark, children, key }) => {
+      return <b key={key}>{children}</b>;
+    }),
+  ]}
 />;
 ```
 
@@ -655,10 +739,11 @@ Note: if you override the rules for `inline_item`, `item_link` or `block` nodes,
 | renderLinkToRecord | `({ record, children }) => ReactElement \| null`                | Only required if document contains `itemLink` nodes   | Convert an `itemLink` DAST node into React                                                       | `null`                                                                                                               |
 | renderBlock        | `({ record }) => ReactElement \| null`                          | Only required if document contains `block` nodes      | Convert a `block` DAST node into React                                                           | `null`                                                                                                               |
 | metaTransformer    | `({ node, meta }) => Object \| null`                            | :x:                                                   | Transform `link` and `itemLink` meta property into HTML props                                    | [See function](https://github.com/datocms/structured-text/blob/main/packages/generic-html-renderer/src/index.ts#L61) |
-| customRules        | `Array<RenderRule>`                                             | :x:                                                   | Customize how document is converted in JSX (use `renderRule()` to generate)                      | `null`                                                                                                               |
+| customNodeRules    | `Array<RenderRule>`                                             | :x:                                                   | Customize how nodes are converted in JSX (use `renderNodeRule()` to generate rules)              | `null`                                                                                                               |
+| customMarkRules    | `Array<RenderMarkRule>`                                         | :x:                                                   | Customize how marks are converted in JSX (use `renderMarkRule()` to generate rules)              | `null`                                                                                                               |
 | renderText         | `(text: string, key: string) => ReactElement \| string \| null` | :x:                                                   | Convert a simple string text into React                                                          | `(text) => text`                                                                                                     |
 
-## Development
+# Development
 
 This repository contains a number of demos/examples. You can use them to locally test your changes to the package with `npm link`:
 

package/dist/cjs/Seo/__tests__/index.test.js

@@ -21,66 +21,301 @@ var __importStar = (this && this.__importStar) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var enzyme_1 = require("enzyme");
-var index_1 = require("../index");
+var __1 = require("..");
 var metaTags = [
     {
-        attributes: null,
-        content: "A new Media Area is online! - DatoCMS",
-        tag: "title"
+        "content": "Remix CMS - The easiest way to manage content with Remix",
+        "attributes": null,
+        "tag": "title"
     },
     {
-        attributes: {
-            property: "og:title",
-            content: "A new Media Area is online!"
+        "content": null,
+        "attributes": {
+            "property": "og:title",
+            "content": "Remix CMS - The easiest way to manage content with Remix"
         },
-        content: null,
-        tag: "meta"
+        "tag": "meta"
     },
     {
-        attributes: {
-            name: "twitter:title",
-            content: "A new Media Area is online!"
+        "content": null,
+        "attributes": {
+            "name": "twitter:title",
+            "content": "Remix CMS - The easiest way to manage content with Remix"
         },
-        content: null,
-        tag: "meta"
+        "tag": "meta"
     },
     {
-        attributes: {
-            sizes: "16x16",
-            type: "image/png",
-            rel: "icon",
-            href: "https://example.org/favicon.png?h=16&w=16"
+        "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,
-        tag: "link"
+        "tag": "meta"
     },
     {
-        attributes: {
-            sizes: "32x32",
-            type: "image/png",
-            rel: "icon",
-            href: "https://example.org/favicon.png?h=32&w=32"
+        "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,
-        tag: "link"
+        "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."
+        },
+        "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"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "og:image:width",
+            "content": "746"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "og:image:height",
+            "content": "186"
+        },
+        "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"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "og:locale",
+            "content": "en"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "og:type",
+            "content": "article"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "og:site_name",
+            "content": "DatoCMS"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "property": "article:modified_time",
+            "content": "2022-01-18T14:02:47Z"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "name": "twitter:card",
+            "content": "summary_large_image"
+        },
+        "tag": "meta"
+    },
+    {
+        "content": null,
+        "attributes": {
+            "name": "twitter:site",
+            "content": "@datocms"
+        },
+        "tag": "meta"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "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"
+    },
+    {
+        "attributes": {
+            "name": "msapplication-square70x70logo",
+            "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=70&w=70"
+        },
+        "content": null,
+        "tag": "meta"
+    },
+    {
+        "attributes": {
+            "name": "msapplication-square150x150logo",
+            "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=150"
+        },
+        "content": null,
+        "tag": "meta"
+    },
+    {
+        "attributes": {
+            "name": "msapplication-square310x310logo",
+            "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=310&w=310"
+        },
+        "content": null,
+        "tag": "meta"
+    },
+    {
+        "attributes": {
+            "name": "msapplication-square310x150logo",
+            "content": "https://www.datocms-assets.com/205/1525789775-dato.png?h=150&w=310"
+        },
+        "content": null,
+        "tag": "meta"
     }
 ];
 describe("renderMetaTags", function () {
     it("generates an array of meta tags", function () {
-        var wrapper = enzyme_1.shallow(React.createElement("head", null, index_1.renderMetaTags(metaTags)));
+        var wrapper = enzyme_1.shallow(React.createElement("head", null, __1.renderMetaTags(metaTags)));
         expect(wrapper).toMatchSnapshot();
     });
 });
 describe("renderMetaTagsToString", function () {
     it("generates an array of meta tags", function () {
-        var result = index_1.renderMetaTagsToString(metaTags);
-        expect(result).toEqual([
-            '<title>A new Media Area is online! - DatoCMS</title>',
-            '<meta property="og:title" content="A new Media Area is online!" />',
-            '<meta name="twitter:title" content="A new Media Area is online!" />',
-            '<link sizes="16x16" type="image/png" rel="icon" href="https://example.org/favicon.png?h=16&w=16" />',
-            '<link sizes="32x32" type="image/png" rel="icon" href="https://example.org/favicon.png?h=32&w=32" />'
-        ].join("\n"));
+        expect(__1.renderMetaTagsToString(metaTags)).toMatchSnapshot();
+    });
+});
+describe("toRemixMeta", function () {
+    it("generates a meta descriptor", function () {
+        expect(__1.toRemixMeta(metaTags)).toMatchSnapshot();
     });
 });
 //# sourceMappingURL=index.test.js.map

package/dist/cjs/Seo/__tests__/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../../src/Seo/__tests__/index.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iCAAiC;AACjC,kCAAkF;AAElF,IAAM,QAAQ,GAAmB;IAC/B;QACE,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,uCAAuC;QAChD,GAAG,EAAE,OAAO;KACb;IACD;QACE,UAAU,EAAE;YACV,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,6BAA6B;SACvC;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,6BAA6B;SACvC;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,2CAA2C;SAClD;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,UAAU,EAAE;YACV,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,2CAA2C;SAClD;QACD,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,MAAM;KACZ;CACF,CAAC;AAEF,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAM,OAAO,GAAG,gBAAO,CACrB,kCACG,sBAAc,CAAC,QAAQ,CAAC,CACpB,CACR,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAM,MAAM,GAAG,8BAAsB,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;YACrB,sDAAsD;YACtD,oEAAoE;YACpE,qEAAqE;YACrE,qGAAqG;YACrG,qGAAqG;SACtG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../../src/Seo/__tests__/index.test.tsx"],"names":[],"mappings":"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"}