react-datocms 5.0.3 → 6.0.1

package/src/Seo/renderMetaTags.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import { SeoOrFaviconTag, TitleMetaLinkTag } from './types.js';
+import type { SeoOrFaviconTag, TitleMetaLinkTag } from './types.js';
 
 export function renderMetaTags(
   data: TitleMetaLinkTag[] | SeoOrFaviconTag[],
 ): JSX.Element[] {
   return data.map(({ tag, attributes, content }) => {
-    let key: string[] = [tag];
+    const key: string[] = [tag];
 
     if (attributes && 'property' in attributes) {
       key.push(attributes.property);

package/src/Seo/renderMetaTagsToString.tsx

@@ -1,4 +1,4 @@
-import { SeoOrFaviconTag, TitleMetaLinkTag } from './types.js';
+import type { SeoOrFaviconTag, TitleMetaLinkTag } from './types.js';
 
 export function renderMetaTagsToString(
   data: TitleMetaLinkTag[] | SeoOrFaviconTag[],

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

@@ -5,8 +5,8 @@ import * as React from 'react';
 import {
   RenderError,
   StructuredText,
-  StructuredTextDocument,
-  StructuredTextGraphQlResponse,
+  type StructuredTextDocument,
+  type StructuredTextGraphQlResponse,
   renderNodeRule,
 } from '../index.js';
 

package/src/StructuredText/index.tsx

@@ -1,26 +1,26 @@
 import {
-  RenderMarkRule,
-  TransformMetaFn,
-  TransformedMeta,
+  type RenderMarkRule,
+  type TransformMetaFn,
+  type TransformedMeta,
   defaultMetaTransformer,
   render,
   renderMarkRule,
   renderNodeRule,
 } from 'datocms-structured-text-generic-html-renderer';
 import {
-  Document as StructuredTextDocument,
-  Node,
-  Record as StructuredTextGraphQlResponseRecord,
+  type Node,
   RenderError,
-  RenderResult,
-  RenderRule,
-  StructuredText as StructuredTextGraphQlResponse,
+  type RenderResult,
+  type RenderRule,
+  type Document as StructuredTextDocument,
+  type StructuredText as StructuredTextGraphQlResponse,
+  type Record as StructuredTextGraphQlResponseRecord,
   isBlock,
   isInlineItem,
   isItemLink,
   isStructuredText,
 } from 'datocms-structured-text-utils';
-import React, { ReactElement, cloneElement, isValidElement } from 'react';
+import React, { type ReactElement, cloneElement, isValidElement } from 'react';
 
 export { renderNodeRule, renderMarkRule, RenderError };
 

package/src/VideoPlayer/index.tsx

@@ -13,7 +13,7 @@ import React, { forwardRef } from 'react';
 // We use and extend Typescript types defined in the MUX player.
 
 import type MuxPlayerElement from '@mux/mux-player';
-import { type MuxPlayerProps } from '@mux/mux-player-react/.';
+import type { MuxPlayerProps } from '@mux/mux-player-react';
 
 // React MUX player is made available in two flavours: eager and lazy loaded. We
 // choose to use the lazy version to avoid loading the web component uselessly.
@@ -72,7 +72,7 @@ export const VideoPlayer: (
   const {
     data = {},
     disableCookies = true,
-    preload = "metadata",
+    preload = 'metadata',
     style: styleFromProps,
     ...rest
   } = props;

package/src/index.ts

@@ -1,7 +1,8 @@
 export * from './Image/index.js';
+export * from './SRCImage/index.js';
 export * from './Seo/index.js';
-export * from './VideoPlayer/index.js';
 export * from './StructuredText/index.js';
+export * from './VideoPlayer/index.js';
 
 export * from './useQuerySubscription/index.js';
 export * from './useSiteSearch/index.js';

package/src/useQuerySubscription/index.ts

@@ -1,10 +1,10 @@
 'use client';
 
 import {
-  ChannelErrorData,
-  ConnectionStatus,
-  Options,
-  UnsubscribeFn,
+  type ChannelErrorData,
+  type ConnectionStatus,
+  type Options,
+  type UnsubscribeFn,
   subscribeToQuery,
 } from 'datocms-listen';
 import { useState } from 'react';

package/src/useSiteSearch/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import React, { useCallback, useEffect, useState } from 'react';
+import React from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import reactStringReplace from 'react-string-replace';
 
 type SearchResultInstancesHrefSchema = {
@@ -243,32 +244,32 @@ export function useSiteSearch<Client extends GenericClient>(
             totalPages: 0,
           }
         : response
-        ? {
-            pageResults: response.data.map((rawSearchResult) => ({
-              id: rawSearchResult.id,
-              url: rawSearchResult.attributes.url,
-              title: rawSearchResult.attributes.highlight.title ? (
-                <MatchHighlighter highlighter={highlighter} context="title">
-                  {rawSearchResult.attributes.highlight.title[0]}
-                </MatchHighlighter>
-              ) : (
-                rawSearchResult.attributes.title
-              ),
-              bodyExcerpt: rawSearchResult.attributes.highlight.body ? (
-                <MatchHighlighter
-                  highlighter={highlighter}
-                  context="bodyExcerpt"
-                >
-                  {rawSearchResult.attributes.highlight.body[0]}
-                </MatchHighlighter>
-              ) : (
-                rawSearchResult.attributes.body_excerpt
-              ),
-              raw: rawSearchResult,
-            })),
-            totalResults: response.meta.total_count,
-            totalPages: Math.ceil(response.meta.total_count / resultsPerPage),
-          }
-        : undefined,
+          ? {
+              pageResults: response.data.map((rawSearchResult) => ({
+                id: rawSearchResult.id,
+                url: rawSearchResult.attributes.url,
+                title: rawSearchResult.attributes.highlight.title ? (
+                  <MatchHighlighter highlighter={highlighter} context="title">
+                    {rawSearchResult.attributes.highlight.title[0]}
+                  </MatchHighlighter>
+                ) : (
+                  rawSearchResult.attributes.title
+                ),
+                bodyExcerpt: rawSearchResult.attributes.highlight.body ? (
+                  <MatchHighlighter
+                    highlighter={highlighter}
+                    context="bodyExcerpt"
+                  >
+                    {rawSearchResult.attributes.highlight.body[0]}
+                  </MatchHighlighter>
+                ) : (
+                  rawSearchResult.attributes.body_excerpt
+                ),
+                raw: rawSearchResult,
+              })),
+              totalResults: response.meta.total_count,
+              totalPages: Math.ceil(response.meta.total_count / resultsPerPage),
+            }
+          : undefined,
   };
 }

package/src/useVideoPlayer/index.ts

@@ -1,6 +1,6 @@
-import { MuxPlayerProps } from '@mux/mux-player-react/.';
+import type { MuxPlayerProps } from '@mux/mux-player-react/.';
 
-import { Video } from '../VideoPlayer';
+import type { Video } from '../VideoPlayer';
 
 type Maybe<T> = T | null;
 type Possibly<T> = Maybe<T> | undefined;
@@ -18,10 +18,7 @@ const computedPlaybackId = (
   return { playbackId: `${muxPlaybackId || playbackId}` };
 };
 
-const computedStyle = (
-  width: Possibly<number>,
-  height: Possibly<number>,
-) => {
+const computedStyle = (width: Possibly<number>, height: Possibly<number>) => {
   if (!(width && height)) return undefined;
 
   return {