@prismicio/react 3.2.1 → 3.2.2-canary.8d3ad6d

package/dist/PrismicRichText.d.ts

@@ -1,117 +1,96 @@
+import { LinkProps } from "./PrismicLink.js";
 import { ComponentType, FC, ReactNode } from "react";
 import { LinkResolverFunction, RichTextField } from "@prismicio/client";
 import { RichTextFunctionSerializer, RichTextMapSerializer } from "@prismicio/client/richtext";
-import { LinkProps } from "./PrismicLink.js";
+
+//#region src/PrismicRichText.d.ts
+
 /**
- * A function mapping Rich Text block types to React Components. It is used to
- * render Rich Text or Title fields.
+ * A function mapping rich text block types to React Components. It is used to
+ * render rich text fields.
  *
- * @see Templating rich text and title fields from Prismic {@link https://prismic.io/docs/technologies/templating-rich-text-and-title-fields-javascript}
+ * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
  */
-export type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;
+type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;
 /**
- * A map of Rich Text block types to React Components. It is used to render Rich
- * Text or Title fields.
+ * A map of rich text block types to React Components. It is used to render rich
+ * text fields.
  *
- * @see Templating Rich Text and Title fields from Prismic {@link https://prismic.io/docs/technologies/templating-rich-text-and-title-fields-javascript}
+ * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
  */
-export type JSXMapSerializer = RichTextMapSerializer<ReactNode>;
+type JSXMapSerializer = RichTextMapSerializer<ReactNode>;
 /** Props for `<PrismicRichText>`. */
-export type PrismicRichTextProps = {
-    /** The Prismic Rich Text field to render. */
-    field: RichTextField | null | undefined;
-    /**
-     * The Link Resolver used to resolve links.
-     *
-     * @remarks
-     * If your app uses Route Resolvers when querying for your Prismic
-     * repository's content, a Link Resolver does not need to be provided.
-     *
-     * @see Learn about Link Resolvers and Route Resolvers {@link https://io/docs/core-concepts/link-resolver-route-resolver}
-     */
-    linkResolver?: LinkResolverFunction;
-    /**
-     * A map or function that maps a Rich Text block to a React component.
-     *
-     * @remarks
-     * Prefer using a map serializer over the function serializer when possible.
-     * The map serializer is simpler to maintain.
-     *
-     * @example A map serializer.
-     *
-     * ```jsx
-     * {
-     *   heading1: ({children}) => <Heading>{children}</Heading>
-     * }
-     * ```
-     *
-     * @example A function serializer.
-     *
-     * ```jsx
-     * (type, node, content, children) => {
-     * 	switch (type) {
-     * 		case "heading1": {
-     * 			return <Heading>{children}</Heading>;
-     * 		}
-     * 	}
-     * };
-     * ```
-     */
-    components?: JSXMapSerializer | JSXFunctionSerializer;
-    /**
-     * The React component rendered for links when the URL is internal.
-     *
-     * @defaultValue `<a>`
-     */
-    internalLinkComponent?: ComponentType<LinkProps>;
-    /**
-     * The React component rendered for links when the URL is external.
-     *
-     * @defaultValue `<a>`
-     */
-    externalLinkComponent?: ComponentType<LinkProps>;
-    /**
-     * The value to be rendered when the field is empty. If a fallback is not
-     * given, `null` will be rendered.
-     */
-    fallback?: ReactNode;
+type PrismicRichTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
+  /**
+   * The link resolver used to resolve links.
+   *
+   * @remarks
+   * If your app uses route resolvers when querying for your Prismic
+   * repository's content, a link resolver does not need to be provided.
+   *
+   * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}
+   */
+  linkResolver?: LinkResolverFunction;
+  /**
+   * A map or function that maps a rich text block to a React component.
+   *
+   * @remarks
+   * Prefer using a map serializer over the function serializer when possible.
+   * The map serializer is simpler to maintain.
+   *
+   * @example A map serializer.
+   *
+   * ```jsx
+   * {
+   *   heading1: ({children}) => <Heading>{children}</Heading>
+   * }
+   * ```
+   *
+   * @example A function serializer.
+   *
+   * ```jsx
+   * (type, node, content, children) => {
+   * 	switch (type) {
+   * 		case "heading1": {
+   * 			return <Heading>{children}</Heading>;
+   * 		}
+   * 	}
+   * };
+   * ```
+   */
+  components?: JSXMapSerializer | JSXFunctionSerializer;
+  /**
+   * The React component rendered for links when the URL is internal.
+   *
+   * @defaultValue `<a>`
+   */
+  internalLinkComponent?: ComponentType<LinkProps>;
+  /**
+   * The React component rendered for links when the URL is external.
+   *
+   * @defaultValue `<a>`
+   */
+  externalLinkComponent?: ComponentType<LinkProps>;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` will be rendered.
+   */
+  fallback?: ReactNode;
 };
 /**
- * React component that renders content from a Prismic Rich Text field. By
- * default, HTML elements are rendered for each piece of content. A `heading1`
- * block will render an `<h1>` HTML element, for example. Links will use
- * `<PrismicLink>` by default which can be customized using the
- * `internalLinkComponent` and `externalLinkComponent` props.
- *
- * To customize the components that are rendered, provide a map or function
- * serializer to the `components` prop.
+ * Renders content from a Prismic rich text field as React components.
  *
- * @remarks
- * This component returns a React fragment with no wrapping element around the
- * content. If you need a wrapper, add a component around `<PrismicRichText>`.
+ * @example
  *
- * @example Rendering a Rich Text field using the default HTMl elements.
- *
- * ```jsx
- * <PrismicRichText field={document.data.content} />;
+ * ```tsx
+ * <PrismicRichText field={slice.primary.text} />;
  * ```
  *
- * @example Rendering a Rich Text field using a custom set of React components.
- *
- * ```jsx
- * <PrismicRichText
- * 	field={document.data.content}
- * 	components={{
- * 		heading1: ({ children }) => <Heading>{children}</Heading>,
- * 	}}
- * />;
- * ```
- *
- * @param props - Props for the component.
- *
- * @returns The Rich Text field's content as React components.
- *
- * @see Learn about Rich Text fields {@link https://io/docs/core-concepts/rich-text-title}
- * @see Learn about Rich Text serializers {@link https://io/docs/core-concepts/html-serializer}
+ * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}
  */
-export declare const PrismicRichText: FC<PrismicRichTextProps>;
+declare const PrismicRichText: FC<PrismicRichTextProps>;
+//#endregion
+export { JSXFunctionSerializer, JSXMapSerializer, PrismicRichText, PrismicRichTextProps };
+//# sourceMappingURL=PrismicRichText.d.ts.map

package/dist/PrismicRichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.d.ts","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAiCA;AAQA;AAGA;;AAagB,KAxBJ,qBAAA,GAAwB,0BAwBpB,CAxB+C,SAwB/C,CAAA;;;;;;;AAiDJ,KAjEA,gBAAA,GAAmB,qBAiEnB,CAjEyC,SAiEzC,CAAA;;AAqJC,KAnND,oBAAA,GAmNqB;;SAjNzB;;;;;;;;;;iBAWQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BF,mBAAmB;;;;;;0BAOR,cAAc;;;;;;0BAOd,cAAc;;;;;aAM3B;;;;;;;;;;;;;cAqJC,iBAAiB,GAAG"}

package/dist/PrismicRichText.js

@@ -1,79 +1,133 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { isValidElement, cloneElement, Fragment as Fragment$1 } from "react";
-import { isFilled } from "@prismicio/client";
-import { composeSerializers, wrapMapSerializer, serialize } from "@prismicio/client/richtext";
-import { DEV } from "esm-env";
 import { devMsg } from "./lib/devMsg.js";
 import { PrismicLink } from "./PrismicLink.js";
+import { Fragment, cloneElement, isValidElement } from "react";
+import { isFilled } from "@prismicio/client";
+import { DEV } from "esm-env";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { composeSerializers, serialize, wrapMapSerializer } from "@prismicio/client/richtext";
+
+//#region src/PrismicRichText.tsx
 const getDir = (node) => {
-  if ("direction" in node && node.direction === "rtl") {
-    return "rtl";
-  }
+	if ("direction" in node && node.direction === "rtl") return "rtl";
 };
 const createDefaultSerializer = (args) => wrapMapSerializer({
-  heading1: ({ node, children, key }) => jsx("h1", { dir: getDir(node), children }, key),
-  heading2: ({ node, children, key }) => jsx("h2", { dir: getDir(node), children }, key),
-  heading3: ({ node, children, key }) => jsx("h3", { dir: getDir(node), children }, key),
-  heading4: ({ node, children, key }) => jsx("h4", { dir: getDir(node), children }, key),
-  heading5: ({ node, children, key }) => jsx("h5", { dir: getDir(node), children }, key),
-  heading6: ({ node, children, key }) => jsx("h6", { dir: getDir(node), children }, key),
-  paragraph: ({ node, children, key }) => jsx("p", { dir: getDir(node), children }, key),
-  preformatted: ({ node, key }) => jsx("pre", { children: node.text }, key),
-  strong: ({ children, key }) => jsx("strong", { children }, key),
-  em: ({ children, key }) => jsx("em", { children }, key),
-  listItem: ({ node, children, key }) => jsx("li", { dir: getDir(node), children }, key),
-  oListItem: ({ node, children, key }) => jsx("li", { dir: getDir(node), children }, key),
-  list: ({ children, key }) => jsx("ul", { children }, key),
-  oList: ({ children, key }) => jsx("ol", { children }, key),
-  image: ({ node, key }) => {
-    const img = jsx("img", { src: node.url, alt: node.alt ?? void 0, "data-copyright": node.copyright ? node.copyright : void 0 });
-    return jsx("p", { className: "block-img", children: node.linkTo ? jsx(PrismicLink, { linkResolver: args.linkResolver, internalComponent: args.internalLinkComponent, externalComponent: args.externalLinkComponent, field: node.linkTo, children: img }) : img }, key);
-  },
-  embed: ({ node, key }) => jsx("div", { "data-oembed": node.oembed.embed_url, "data-oembed-type": node.oembed.type, "data-oembed-provider": node.oembed.provider_name, dangerouslySetInnerHTML: { __html: node.oembed.html ?? "" } }, key),
-  hyperlink: ({ node, children, key }) => jsx(PrismicLink, { field: node.data, linkResolver: args.linkResolver, internalComponent: args.internalLinkComponent, externalComponent: args.externalLinkComponent, children }, key),
-  label: ({ node, children, key }) => jsx("span", { className: node.data.label, children }, key),
-  span: ({ text, key }) => {
-    const result = [];
-    let i = 0;
-    for (const line of text.split("\n")) {
-      if (i > 0) {
-        result.push(jsx("br", {}, `${i}__break`));
-      }
-      result.push(jsx(Fragment$1, { children: line }, `${i}__line`));
-      i++;
-    }
-    return jsx(Fragment$1, { children: result }, key);
-  }
+	heading1: ({ node, children, key }) => /* @__PURE__ */ jsx("h1", {
+		dir: getDir(node),
+		children
+	}, key),
+	heading2: ({ node, children, key }) => /* @__PURE__ */ jsx("h2", {
+		dir: getDir(node),
+		children
+	}, key),
+	heading3: ({ node, children, key }) => /* @__PURE__ */ jsx("h3", {
+		dir: getDir(node),
+		children
+	}, key),
+	heading4: ({ node, children, key }) => /* @__PURE__ */ jsx("h4", {
+		dir: getDir(node),
+		children
+	}, key),
+	heading5: ({ node, children, key }) => /* @__PURE__ */ jsx("h5", {
+		dir: getDir(node),
+		children
+	}, key),
+	heading6: ({ node, children, key }) => /* @__PURE__ */ jsx("h6", {
+		dir: getDir(node),
+		children
+	}, key),
+	paragraph: ({ node, children, key }) => /* @__PURE__ */ jsx("p", {
+		dir: getDir(node),
+		children
+	}, key),
+	preformatted: ({ node, key }) => /* @__PURE__ */ jsx("pre", { children: node.text }, key),
+	strong: ({ children, key }) => /* @__PURE__ */ jsx("strong", { children }, key),
+	em: ({ children, key }) => /* @__PURE__ */ jsx("em", { children }, key),
+	listItem: ({ node, children, key }) => /* @__PURE__ */ jsx("li", {
+		dir: getDir(node),
+		children
+	}, key),
+	oListItem: ({ node, children, key }) => /* @__PURE__ */ jsx("li", {
+		dir: getDir(node),
+		children
+	}, key),
+	list: ({ children, key }) => /* @__PURE__ */ jsx("ul", { children }, key),
+	oList: ({ children, key }) => /* @__PURE__ */ jsx("ol", { children }, key),
+	image: ({ node, key }) => {
+		const img = /* @__PURE__ */ jsx("img", {
+			src: node.url,
+			alt: node.alt ?? void 0,
+			"data-copyright": node.copyright ? node.copyright : void 0
+		});
+		return /* @__PURE__ */ jsx("p", {
+			className: "block-img",
+			children: node.linkTo ? /* @__PURE__ */ jsx(PrismicLink, {
+				linkResolver: args.linkResolver,
+				internalComponent: args.internalLinkComponent,
+				externalComponent: args.externalLinkComponent,
+				field: node.linkTo,
+				children: img
+			}) : img
+		}, key);
+	},
+	embed: ({ node, key }) => /* @__PURE__ */ jsx("div", {
+		"data-oembed": node.oembed.embed_url,
+		"data-oembed-type": node.oembed.type,
+		"data-oembed-provider": node.oembed.provider_name,
+		dangerouslySetInnerHTML: { __html: node.oembed.html ?? "" }
+	}, key),
+	hyperlink: ({ node, children, key }) => /* @__PURE__ */ jsx(PrismicLink, {
+		field: node.data,
+		linkResolver: args.linkResolver,
+		internalComponent: args.internalLinkComponent,
+		externalComponent: args.externalLinkComponent,
+		children
+	}, key),
+	label: ({ node, children, key }) => /* @__PURE__ */ jsx("span", {
+		className: node.data.label,
+		children
+	}, key),
+	span: ({ text, key }) => {
+		const result = [];
+		let i = 0;
+		for (const line of text.split("\n")) {
+			if (i > 0) result.push(/* @__PURE__ */ jsx("br", {}, `${i}__break`));
+			result.push(/* @__PURE__ */ jsx(Fragment, { children: line }, `${i}__line`));
+			i++;
+		}
+		return /* @__PURE__ */ jsx(Fragment, { children: result }, key);
+	}
 });
+/**
+* Renders content from a Prismic rich text field as React components.
+*
+* @example
+*
+* ```tsx
+* <PrismicRichText field={slice.primary.text} />;
+* ```
+*
+* @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}
+*/
 const PrismicRichText = (props) => {
-  const { linkResolver, field, fallback, components, externalLinkComponent, internalLinkComponent, ...restProps } = props;
-  if (DEV) {
-    if ("className" in restProps) {
-      console.warn(`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg("classname-is-not-a-valid-prop")}.`, field);
-    }
-  }
-  if (!isFilled.richText(field)) {
-    return fallback != null ? jsx(Fragment, { children: fallback }) : null;
-  }
-  const serializer = composeSerializers(typeof components === "object" ? wrapMapSerializer(components) : components, createDefaultSerializer({
-    linkResolver,
-    internalLinkComponent,
-    externalLinkComponent
-  }));
-  const serialized = serialize(field, (type, node, text, children, key) => {
-    const result = serializer(type, node, text, children, key);
-    if (isValidElement(result) && result.key == null) {
-      return cloneElement(result, { key });
-    } else {
-      return result;
-    }
-  });
-  if (!serialized) {
-    return fallback != null ? jsx(Fragment, { children: fallback }) : null;
-  }
-  return jsx(Fragment, { children: serialized });
-};
-export {
-  PrismicRichText
+	const { linkResolver, field, fallback, components, externalLinkComponent, internalLinkComponent, ...restProps } = props;
+	if (DEV) {
+		if ("className" in restProps) console.warn(`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg("classname-is-not-a-valid-prop")}.`, field);
+	}
+	if (!isFilled.richText(field)) return fallback != null ? /* @__PURE__ */ jsx(Fragment$1, { children: fallback }) : null;
+	const serializer = composeSerializers(typeof components === "object" ? wrapMapSerializer(components) : components, createDefaultSerializer({
+		linkResolver,
+		internalLinkComponent,
+		externalLinkComponent
+	}));
+	const serialized = serialize(field, (type, node, text, children, key) => {
+		const result = serializer(type, node, text, children, key);
+		if (isValidElement(result) && result.key == null) return cloneElement(result, { key });
+		else return result;
+	});
+	if (!serialized) return fallback != null ? /* @__PURE__ */ jsx(Fragment$1, { children: fallback }) : null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: serialized });
 };
-//# sourceMappingURL=PrismicRichText.js.map
+
+//#endregion
+export { PrismicRichText };
+//# sourceMappingURL=PrismicRichText.js.map

package/dist/PrismicRichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismicRichText.js","sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import {\n\tcloneElement,\n\tComponentType,\n\tFC,\n\tFragment,\n\tisValidElement,\n\tReactNode,\n} from \"react\";\nimport {\n\tisFilled,\n\tLinkResolverFunction,\n\tRichTextField,\n\tRTAnyNode,\n} from \"@prismicio/client\";\nimport {\n\tcomposeSerializers,\n\tserialize,\n\twrapMapSerializer,\n\tRichTextFunctionSerializer,\n\tRichTextMapSerializer,\n} from \"@prismicio/client/richtext\";\nimport { DEV } from \"esm-env\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\nimport { LinkProps, PrismicLink } from \"./PrismicLink.js\";\n\n/**\n * A function mapping Rich Text block types to React Components. It is used to\n * render Rich Text or Title fields.\n *\n * @see Templating rich text and title fields from Prismic {@link https://prismic.io/docs/technologies/templating-rich-text-and-title-fields-javascript}\n */\nexport type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;\n\n/**\n * A map of Rich Text block types to React Components. It is used to render Rich\n * Text or Title fields.\n *\n * @see Templating Rich Text and Title fields from Prismic {@link https://prismic.io/docs/technologies/templating-rich-text-and-title-fields-javascript}\n */\nexport type JSXMapSerializer = RichTextMapSerializer<ReactNode>;\n\n/** Props for `<PrismicRichText>`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic Rich Text field to render. */\n\tfield: RichTextField | null | undefined;\n\n\t/**\n\t * The Link Resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses Route Resolvers when querying for your Prismic\n\t * repository's content, a Link Resolver does not need to be provided.\n\t *\n\t * @see Learn about Link Resolvers and Route Resolvers {@link https://io/docs/core-concepts/link-resolver-route-resolver}\n\t */\n\tlinkResolver?: LinkResolverFunction;\n\n\t/**\n\t * A map or function that maps a Rich Text block to a React component.\n\t *\n\t * @remarks\n\t * Prefer using a map serializer over the function serializer when possible.\n\t * The map serializer is simpler to maintain.\n\t *\n\t * @example A map serializer.\n\t *\n\t * ```jsx\n\t * {\n\t *   heading1: ({children}) => <Heading>{children}</Heading>\n\t * }\n\t * ```\n\t *\n\t * @example A function serializer.\n\t *\n\t * ```jsx\n\t * (type, node, content, children) => {\n\t * \tswitch (type) {\n\t * \t\tcase \"heading1\": {\n\t * \t\t\treturn <Heading>{children}</Heading>;\n\t * \t\t}\n\t * \t}\n\t * };\n\t * ```\n\t */\n\tcomponents?: JSXMapSerializer | JSXFunctionSerializer;\n\n\t/**\n\t * The React component rendered for links when the URL is internal.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\tinternalLinkComponent?: ComponentType<LinkProps>;\n\n\t/**\n\t * The React component rendered for links when the URL is external.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\texternalLinkComponent?: ComponentType<LinkProps>;\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` will be rendered.\n\t */\n\tfallback?: ReactNode;\n};\n\ntype CreateDefaultSerializerArgs = {\n\tlinkResolver: LinkResolverFunction | undefined;\n\tinternalLinkComponent?: ComponentType<LinkProps>;\n\texternalLinkComponent?: ComponentType<LinkProps>;\n};\n\nconst getDir = (node: RTAnyNode): \"rtl\" | undefined => {\n\tif (\"direction\" in node && node.direction === \"rtl\") {\n\t\treturn \"rtl\";\n\t}\n};\n\nconst createDefaultSerializer = (\n\targs: CreateDefaultSerializerArgs,\n): JSXFunctionSerializer =>\n\twrapMapSerializer<ReactNode>({\n\t\theading1: ({ node, children, key }) => (\n\t\t\t<h1 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h1>\n\t\t),\n\t\theading2: ({ node, children, key }) => (\n\t\t\t<h2 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h2>\n\t\t),\n\t\theading3: ({ node, children, key }) => (\n\t\t\t<h3 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h3>\n\t\t),\n\t\theading4: ({ node, children, key }) => (\n\t\t\t<h4 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h4>\n\t\t),\n\t\theading5: ({ node, children, key }) => (\n\t\t\t<h5 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h5>\n\t\t),\n\t\theading6: ({ node, children, key }) => (\n\t\t\t<h6 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h6>\n\t\t),\n\t\tparagraph: ({ node, children, key }) => (\n\t\t\t<p key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t),\n\t\tpreformatted: ({ node, key }) => <pre key={key}>{node.text}</pre>,\n\t\tstrong: ({ children, key }) => <strong key={key}>{children}</strong>,\n\t\tem: ({ children, key }) => <em key={key}>{children}</em>,\n\t\tlistItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\toListItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\tlist: ({ children, key }) => <ul key={key}>{children}</ul>,\n\t\toList: ({ children, key }) => <ol key={key}>{children}</ol>,\n\t\timage: ({ node, key }) => {\n\t\t\tconst img = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={node.url}\n\t\t\t\t\talt={node.alt ?? undefined}\n\t\t\t\t\tdata-copyright={node.copyright ? node.copyright : undefined}\n\t\t\t\t/>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<p key={key} className=\"block-img\">\n\t\t\t\t\t{node.linkTo ? (\n\t\t\t\t\t\t<PrismicLink\n\t\t\t\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t\t\t\t\tfield={node.linkTo}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{img}\n\t\t\t\t\t\t</PrismicLink>\n\t\t\t\t\t) : (\n\t\t\t\t\t\timg\n\t\t\t\t\t)}\n\t\t\t\t</p>\n\t\t\t);\n\t\t},\n\t\tembed: ({ node, key }) => (\n\t\t\t<div\n\t\t\t\tkey={key}\n\t\t\t\tdata-oembed={node.oembed.embed_url}\n\t\t\t\tdata-oembed-type={node.oembed.type}\n\t\t\t\tdata-oembed-provider={node.oembed.provider_name}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: node.oembed.html ?? \"\" }}\n\t\t\t/>\n\t\t),\n\t\thyperlink: ({ node, children, key }) => (\n\t\t\t<PrismicLink\n\t\t\t\tkey={key}\n\t\t\t\tfield={node.data}\n\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PrismicLink>\n\t\t),\n\t\tlabel: ({ node, children, key }) => (\n\t\t\t<span key={key} className={node.data.label}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t),\n\t\tspan: ({ text, key }) => {\n\t\t\tconst result: ReactNode[] = [];\n\n\t\t\tlet i = 0;\n\t\t\tfor (const line of text.split(\"\\n\")) {\n\t\t\t\tif (i > 0) {\n\t\t\t\t\tresult.push(<br key={`${i}__break`} />);\n\t\t\t\t}\n\n\t\t\t\tresult.push(<Fragment key={`${i}__line`}>{line}</Fragment>);\n\n\t\t\t\ti++;\n\t\t\t}\n\n\t\t\treturn <Fragment key={key}>{result}</Fragment>;\n\t\t},\n\t});\n\n/**\n * React component that renders content from a Prismic Rich Text field. By\n * default, HTML elements are rendered for each piece of content. A `heading1`\n * block will render an `<h1>` HTML element, for example. Links will use\n * `<PrismicLink>` by default which can be customized using the\n * `internalLinkComponent` and `externalLinkComponent` props.\n *\n * To customize the components that are rendered, provide a map or function\n * serializer to the `components` prop.\n *\n * @remarks\n * This component returns a React fragment with no wrapping element around the\n * content. If you need a wrapper, add a component around `<PrismicRichText>`.\n *\n * @example Rendering a Rich Text field using the default HTMl elements.\n *\n * ```jsx\n * <PrismicRichText field={document.data.content} />;\n * ```\n *\n * @example Rendering a Rich Text field using a custom set of React components.\n *\n * ```jsx\n * <PrismicRichText\n * \tfield={document.data.content}\n * \tcomponents={{\n * \t\theading1: ({ children }) => <Heading>{children}</Heading>,\n * \t}}\n * />;\n * ```\n *\n * @param props - Props for the component.\n *\n * @returns The Rich Text field's content as React components.\n *\n * @see Learn about Rich Text fields {@link https://io/docs/core-concepts/rich-text-title}\n * @see Learn about Rich Text serializers {@link https://io/docs/core-concepts/html-serializer}\n */\nexport const PrismicRichText: FC<PrismicRichTextProps> = (props) => {\n\tconst {\n\t\tlinkResolver,\n\t\tfield,\n\t\tfallback,\n\t\tcomponents,\n\t\texternalLinkComponent,\n\t\tinternalLinkComponent,\n\t\t...restProps\n\t} = props;\n\n\tif (DEV) {\n\t\tif (\"className\" in restProps) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tfield,\n\t\t\t);\n\t\t}\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null;\n\t}\n\n\tconst serializer = composeSerializers<ReactNode>(\n\t\ttypeof components === \"object\" ? wrapMapSerializer(components) : components,\n\t\tcreateDefaultSerializer({\n\t\t\tlinkResolver,\n\t\t\tinternalLinkComponent,\n\t\t\texternalLinkComponent,\n\t\t}),\n\t);\n\n\t// The serializer is wrapped in a higher-order function that\n\t// automatically applies a key to React Elements if one is not already\n\t// given.\n\tconst serialized = serialize<ReactNode>(\n\t\tfield,\n\t\t(type, node, text, children, key) => {\n\t\t\tconst result = serializer(type, node, text, children, key);\n\n\t\t\tif (isValidElement(result) && result.key == null) {\n\t\t\t\treturn cloneElement(result, { key });\n\t\t\t} else {\n\t\t\t\treturn result;\n\t\t\t}\n\t\t},\n\t);\n\n\tif (!serialized) {\n\t\treturn fallback != null ? <>{fallback}</> : null;\n\t}\n\n\treturn <>{serialized}</>;\n};\n"],"names":["_jsx","Fragment","_Fragment"],"mappings":"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"}
+{"version":3,"file":"PrismicRichText.js","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import {\n\tcloneElement,\n\ttype ComponentType,\n\ttype FC,\n\tFragment,\n\tisValidElement,\n\ttype ReactNode,\n} from \"react\";\nimport {\n\tisFilled,\n\ttype LinkResolverFunction,\n\ttype RichTextField,\n\ttype RTAnyNode,\n} from \"@prismicio/client\";\nimport {\n\tcomposeSerializers,\n\tserialize,\n\twrapMapSerializer,\n\ttype RichTextFunctionSerializer,\n\ttype RichTextMapSerializer,\n} from \"@prismicio/client/richtext\";\nimport { DEV } from \"esm-env\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\nimport { type LinkProps, PrismicLink } from \"./PrismicLink.js\";\n\n/**\n * A function mapping rich text block types to React Components. It is used to\n * render rich text fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;\n\n/**\n * A map of rich text block types to React Components. It is used to render rich\n * text fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type JSXMapSerializer = RichTextMapSerializer<ReactNode>;\n\n/** Props for `<PrismicRichText>`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined;\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction;\n\n\t/**\n\t * A map or function that maps a rich text block to a React component.\n\t *\n\t * @remarks\n\t * Prefer using a map serializer over the function serializer when possible.\n\t * The map serializer is simpler to maintain.\n\t *\n\t * @example A map serializer.\n\t *\n\t * ```jsx\n\t * {\n\t *   heading1: ({children}) => <Heading>{children}</Heading>\n\t * }\n\t * ```\n\t *\n\t * @example A function serializer.\n\t *\n\t * ```jsx\n\t * (type, node, content, children) => {\n\t * \tswitch (type) {\n\t * \t\tcase \"heading1\": {\n\t * \t\t\treturn <Heading>{children}</Heading>;\n\t * \t\t}\n\t * \t}\n\t * };\n\t * ```\n\t */\n\tcomponents?: JSXMapSerializer | JSXFunctionSerializer;\n\n\t/**\n\t * The React component rendered for links when the URL is internal.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\tinternalLinkComponent?: ComponentType<LinkProps>;\n\n\t/**\n\t * The React component rendered for links when the URL is external.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\texternalLinkComponent?: ComponentType<LinkProps>;\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` will be rendered.\n\t */\n\tfallback?: ReactNode;\n};\n\ntype CreateDefaultSerializerArgs = {\n\tlinkResolver: LinkResolverFunction | undefined;\n\tinternalLinkComponent?: ComponentType<LinkProps>;\n\texternalLinkComponent?: ComponentType<LinkProps>;\n};\n\nconst getDir = (node: RTAnyNode): \"rtl\" | undefined => {\n\tif (\"direction\" in node && node.direction === \"rtl\") {\n\t\treturn \"rtl\";\n\t}\n};\n\nconst createDefaultSerializer = (\n\targs: CreateDefaultSerializerArgs,\n): JSXFunctionSerializer =>\n\twrapMapSerializer<ReactNode>({\n\t\theading1: ({ node, children, key }) => (\n\t\t\t<h1 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h1>\n\t\t),\n\t\theading2: ({ node, children, key }) => (\n\t\t\t<h2 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h2>\n\t\t),\n\t\theading3: ({ node, children, key }) => (\n\t\t\t<h3 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h3>\n\t\t),\n\t\theading4: ({ node, children, key }) => (\n\t\t\t<h4 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h4>\n\t\t),\n\t\theading5: ({ node, children, key }) => (\n\t\t\t<h5 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h5>\n\t\t),\n\t\theading6: ({ node, children, key }) => (\n\t\t\t<h6 key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</h6>\n\t\t),\n\t\tparagraph: ({ node, children, key }) => (\n\t\t\t<p key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t),\n\t\tpreformatted: ({ node, key }) => <pre key={key}>{node.text}</pre>,\n\t\tstrong: ({ children, key }) => <strong key={key}>{children}</strong>,\n\t\tem: ({ children, key }) => <em key={key}>{children}</em>,\n\t\tlistItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\toListItem: ({ node, children, key }) => (\n\t\t\t<li key={key} dir={getDir(node)}>\n\t\t\t\t{children}\n\t\t\t</li>\n\t\t),\n\t\tlist: ({ children, key }) => <ul key={key}>{children}</ul>,\n\t\toList: ({ children, key }) => <ol key={key}>{children}</ol>,\n\t\timage: ({ node, key }) => {\n\t\t\tconst img = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={node.url}\n\t\t\t\t\talt={node.alt ?? undefined}\n\t\t\t\t\tdata-copyright={node.copyright ? node.copyright : undefined}\n\t\t\t\t/>\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<p key={key} className=\"block-img\">\n\t\t\t\t\t{node.linkTo ? (\n\t\t\t\t\t\t<PrismicLink\n\t\t\t\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t\t\t\t\tfield={node.linkTo}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{img}\n\t\t\t\t\t\t</PrismicLink>\n\t\t\t\t\t) : (\n\t\t\t\t\t\timg\n\t\t\t\t\t)}\n\t\t\t\t</p>\n\t\t\t);\n\t\t},\n\t\tembed: ({ node, key }) => (\n\t\t\t<div\n\t\t\t\tkey={key}\n\t\t\t\tdata-oembed={node.oembed.embed_url}\n\t\t\t\tdata-oembed-type={node.oembed.type}\n\t\t\t\tdata-oembed-provider={node.oembed.provider_name}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: node.oembed.html ?? \"\" }}\n\t\t\t/>\n\t\t),\n\t\thyperlink: ({ node, children, key }) => (\n\t\t\t<PrismicLink\n\t\t\t\tkey={key}\n\t\t\t\tfield={node.data}\n\t\t\t\tlinkResolver={args.linkResolver}\n\t\t\t\tinternalComponent={args.internalLinkComponent}\n\t\t\t\texternalComponent={args.externalLinkComponent}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</PrismicLink>\n\t\t),\n\t\tlabel: ({ node, children, key }) => (\n\t\t\t<span key={key} className={node.data.label}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t),\n\t\tspan: ({ text, key }) => {\n\t\t\tconst result: ReactNode[] = [];\n\n\t\t\tlet i = 0;\n\t\t\tfor (const line of text.split(\"\\n\")) {\n\t\t\t\tif (i > 0) {\n\t\t\t\t\tresult.push(<br key={`${i}__break`} />);\n\t\t\t\t}\n\n\t\t\t\tresult.push(<Fragment key={`${i}__line`}>{line}</Fragment>);\n\n\t\t\t\ti++;\n\t\t\t}\n\n\t\t\treturn <Fragment key={key}>{result}</Fragment>;\n\t\t},\n\t});\n\n/**\n * Renders content from a Prismic rich text field as React components.\n *\n * @example\n *\n * ```tsx\n * <PrismicRichText field={slice.primary.text} />;\n * ```\n *\n * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}\n */\nexport const PrismicRichText: FC<PrismicRichTextProps> = (props) => {\n\tconst {\n\t\tlinkResolver,\n\t\tfield,\n\t\tfallback,\n\t\tcomponents,\n\t\texternalLinkComponent,\n\t\tinternalLinkComponent,\n\t\t...restProps\n\t} = props;\n\n\tif (DEV) {\n\t\tif (\"className\" in restProps) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicRichText] className cannot be passed to <PrismicRichText> since it renders an array without a wrapping component. For more details, see ${devMsg(\n\t\t\t\t\t\"classname-is-not-a-valid-prop\",\n\t\t\t\t)}.`,\n\t\t\t\tfield,\n\t\t\t);\n\t\t}\n\t}\n\n\tif (!isFilled.richText(field)) {\n\t\treturn fallback != null ? <>{fallback}</> : null;\n\t}\n\n\tconst serializer = composeSerializers<ReactNode>(\n\t\ttypeof components === \"object\" ? wrapMapSerializer(components) : components,\n\t\tcreateDefaultSerializer({\n\t\t\tlinkResolver,\n\t\t\tinternalLinkComponent,\n\t\t\texternalLinkComponent,\n\t\t}),\n\t);\n\n\t// The serializer is wrapped in a higher-order function that\n\t// automatically applies a key to React Elements if one is not already\n\t// given.\n\tconst serialized = serialize<ReactNode>(\n\t\tfield,\n\t\t(type, node, text, children, key) => {\n\t\t\tconst result = serializer(type, node, text, children, key);\n\n\t\t\tif (isValidElement(result) && result.key == null) {\n\t\t\t\treturn cloneElement(result, { key });\n\t\t\t} else {\n\t\t\t\treturn result;\n\t\t\t}\n\t\t},\n\t);\n\n\tif (!serialized) {\n\t\treturn fallback != null ? <>{fallback}</> : null;\n\t}\n\n\treturn <>{serialized}</>;\n};\n"],"mappings":"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"}

package/dist/PrismicTable.d.ts

@@ -1,87 +1,69 @@
-import { ComponentType, FC, ReactNode } from "react";
-import { TableField, TableFieldHead, TableFieldHeadRow, TableFieldBody, TableFieldBodyRow, TableFieldHeaderCell, TableFieldDataCell } from "@prismicio/client";
 import { JSXMapSerializer } from "./PrismicRichText.js";
+import { ComponentType, FC, ReactNode } from "react";
+import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
+
+//#region src/PrismicTable.d.ts
 type TableComponents = {
-    table?: ComponentType<{
-        table: TableField<"filled">;
-        children: ReactNode;
-    }>;
-    thead?: ComponentType<{
-        head: TableFieldHead;
-        children: ReactNode;
-    }>;
-    tbody?: ComponentType<{
-        body: TableFieldBody;
-        children: ReactNode;
-    }>;
-    tr?: ComponentType<{
-        row: TableFieldHeadRow | TableFieldBodyRow;
-        children: ReactNode;
-    }>;
-    th?: ComponentType<{
-        cell: TableFieldHeaderCell;
-        children: ReactNode;
-    }>;
-    td?: ComponentType<{
-        cell: TableFieldDataCell;
-        children: ReactNode;
-    }>;
+  table?: ComponentType<{
+    table: TableField<"filled">;
+    children: ReactNode;
+  }>;
+  thead?: ComponentType<{
+    head: TableFieldHead;
+    children: ReactNode;
+  }>;
+  tbody?: ComponentType<{
+    body: TableFieldBody;
+    children: ReactNode;
+  }>;
+  tr?: ComponentType<{
+    row: TableFieldHeadRow | TableFieldBodyRow;
+    children: ReactNode;
+  }>;
+  th?: ComponentType<{
+    cell: TableFieldHeaderCell;
+    children: ReactNode;
+  }>;
+  td?: ComponentType<{
+    cell: TableFieldDataCell;
+    children: ReactNode;
+  }>;
 };
 /** Props for `<PrismicTable>`. */
-export type PrismicTableProps = {
-    /** The Prismic table field to render. */
-    field: TableField;
-    /**
-     * An object that maps a table block to a React component.
-     *
-     * @example A map serializer.
-     *
-     * ```jsx
-     * {
-     *   table: ({children}) => <table>{children}</table>
-     *   thead: ({children}) => <thead>{children}</thead>
-     * }
-     * ```
-     */
-    components?: JSXMapSerializer & TableComponents;
-    /**
-     * The value to be rendered when the field is empty. If a fallback is not
-     * given, `null` will be rendered.
-     */
-    fallback?: ReactNode;
+type PrismicTableProps = {
+  /** The Prismic table field to render. */
+  field: TableField;
+  /**
+   * An object that maps a table block to a React component.
+   *
+   * @example A map serializer.
+   *
+   * ```jsx
+   * {
+   *   table: ({children}) => <table>{children}</table>
+   *   thead: ({children}) => <thead>{children}</thead>
+   * }
+   * ```
+   */
+  components?: JSXMapSerializer & TableComponents;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` will be rendered.
+   */
+  fallback?: ReactNode;
 };
 /**
- * React component that renders content from a Prismic table field. By default,
- * HTML elements are rendered for each piece of content. A `tbody` block will
- * render a `<tbody>` HTML element, for example.
- *
- * To customize the components that are rendered, provide a map serializer to
- * the `components` prop.
- *
- * @example Rendering a table field using the default HTMl elements.
+ * Renders content from a Prismic table field as React components.
  *
- * ```jsx
- * <PrismicTable field={document.data.my_table} />;
- * ```
- *
- * @example Rendering a table field using a custom set of React components.
+ * @example
  *
- * ```jsx
- * <PrismicTable
- * 	field={document.data.my_table}
- * 	components={{
- * 		tbody: ({ children }) => (
- * 			<tbody className="my-class">{children}</tbody>
- * 		),
- * 	}}
- * />;
+ * ```tsx
+ * <PrismicTable field={slice.primary.pricing_table} />;
  * ```
  *
- * @param props - Props for the component.
- *
- * @returns The table field's content as React components.
- *
- * @see Learn about table fields {@link https://prismic.io/docs/core-concepts/table}
+ * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}
  */
-export declare const PrismicTable: FC<PrismicTableProps>;
-export {};
+declare const PrismicTable: FC<PrismicTableProps>;
+//#endregion
+export { PrismicTable, PrismicTableProps };
+//# sourceMappingURL=PrismicTable.d.ts.map

package/dist/PrismicTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.d.ts","names":[],"sources":["../src/PrismicTable.tsx"],"sourcesContent":[],"mappings":";;;;;KAcK,eAAA;UACI;IADJ,KAAA,EAC2B,UADZ,CAAA,QAAA,CAAA;IACY,QAAA,EAAgC,SAAhC;EAAgC,CAAA,CAAA;EAAvD,KAAA,CAAA,EACA,aADA,CAAA;IACsB,IAAA,EAAA,cAAA;IAA0B,QAAA,EAAA,SAAA;EAAhD,CAAA,CAAA;EACsB,KAAA,CAAA,EAAtB,aAAsB,CAAA;IAA0B,IAAA,EAA1B,cAA0B;IAAhD,QAAA,EAAgD,SAAhD;EAEF,CAAA,CAAA;EAAoB,EAAA,CAAA,EADrB,aACqB,CAAA;IACf,GAAA,EADL,iBACK,GADe,iBACf;IAFN,QAAA,EAEM,SAFN;EAIsB,CAAA,CAAA;EAAgC,EAAA,CAAA,EAAtD,aAAsD,CAAA;IAAtD,IAAA,EAAsB,oBAAtB;IACsB,QAAA,EADgC,SAChC;EAA8B,CAAA,CAAA;EAApD,EAAA,CAAA,EAAA,aAAA,CAAA;IAAa,IAAA,EAAS,kBAAT;IAaP,QAAA,EAb8C,SAa7B;EAErB,CAAA,CAAA;CAcM;;AAMF,KAtBA,iBAAA,GAsBA;EAAS;EAcR,KAAA,EAlCL,UA+DP;;;;;;;;;;;;;eAjDa,mBAAmB;;;;;aAMrB;;;;;;;;;;;;;cAcC,cAAc,GAAG"}