@prismicio/react 3.4.0-pr.257.68f2f80 → 3.4.0-pr.257.71ee28e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/PrismicImage.d.ts +22 -17
  2. package/dist/PrismicImage.d.ts.map +1 -1
  3. package/dist/PrismicImage.js +5 -4
  4. package/dist/PrismicImage.js.map +1 -1
  5. package/dist/PrismicLink.d.ts +19 -17
  6. package/dist/PrismicLink.d.ts.map +1 -1
  7. package/dist/PrismicLink.js +6 -4
  8. package/dist/PrismicLink.js.map +1 -1
  9. package/dist/PrismicRichText.d.ts +34 -30
  10. package/dist/PrismicRichText.d.ts.map +1 -1
  11. package/dist/PrismicRichText.js +5 -4
  12. package/dist/PrismicRichText.js.map +1 -1
  13. package/dist/PrismicTable.d.ts +14 -14
  14. package/dist/PrismicTable.d.ts.map +1 -1
  15. package/dist/PrismicTable.js +4 -3
  16. package/dist/PrismicTable.js.map +1 -1
  17. package/dist/PrismicText.d.ts +7 -6
  18. package/dist/PrismicText.d.ts.map +1 -1
  19. package/dist/PrismicText.js +4 -3
  20. package/dist/PrismicText.js.map +1 -1
  21. package/dist/PrismicToolbar.d.ts +14 -11
  22. package/dist/PrismicToolbar.d.ts.map +1 -1
  23. package/dist/PrismicToolbar.js +5 -4
  24. package/dist/PrismicToolbar.js.map +1 -1
  25. package/dist/SliceZone.d.ts +40 -27
  26. package/dist/SliceZone.d.ts.map +1 -1
  27. package/dist/SliceZone.js +8 -6
  28. package/dist/SliceZone.js.map +1 -1
  29. package/dist/lib/devMsg.js +8 -6
  30. package/dist/lib/devMsg.js.map +1 -1
  31. package/dist/package.js +1 -1
  32. package/package.json +28 -26
  33. package/src/PrismicImage.tsx +122 -95
  34. package/src/PrismicLink.tsx +38 -28
  35. package/src/PrismicRichText.tsx +49 -41
  36. package/src/PrismicTable.tsx +19 -15
  37. package/src/PrismicText.tsx +7 -6
  38. package/src/PrismicToolbar.tsx +16 -12
  39. package/src/SliceZone.tsx +76 -36
  40. package/src/lib/devMsg.ts +8 -6
@@ -1,5 +1,5 @@
1
- import { ImageFieldImage, asImagePixelDensitySrcSet, asImageWidthSrcSet } from "@prismicio/client";
2
1
  import { ComponentProps, FC, ReactNode } from "react";
2
+ import { ImageFieldImage, asImagePixelDensitySrcSet, asImageWidthSrcSet } from "@prismicio/client";
3
3
 
4
4
  //#region src/PrismicImage.d.ts
5
5
  type ImgixURLParams = Omit<NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>, "widths"> & Omit<NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>, "pixelDensities">;
@@ -15,30 +15,34 @@ type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> &
15
15
  /**
16
16
  * Declare an image as decorative by providing `alt=""`.
17
17
  *
18
- * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
18
+ * See:
19
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
19
20
  */
20
21
  alt?: "";
21
22
  /**
22
- * Declare an image as decorative only if the image field does not have alternative text by
23
- * providing `fallbackAlt=""`.
23
+ * Declare an image as decorative only if the image field does not have
24
+ * alternative text by providing `fallbackAlt=""`.
24
25
  *
25
- * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
26
+ * See:
27
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
26
28
  */
27
29
  fallbackAlt?: "";
28
30
  /**
29
- * The value to be rendered when the field is empty. If a fallback is not given, `null` will be
30
- * rendered.
31
+ * The value to be rendered when the field is empty. If a fallback is not
32
+ * given, `null` will be rendered.
31
33
  */
32
34
  fallback?: ReactNode;
33
35
  } & ({
34
36
  /**
35
- * Widths (in pixels) used to build a `srcset` value for the image field.
37
+ * Widths (in pixels) used to build a `srcset` value for the image
38
+ * field.
36
39
  *
37
- * If omitted or set to `"defaults"`, the following widths will be used: 640, 750, 828,
38
- * 1080, 1200, 1920, 2048, 3840.
40
+ * If omitted or set to `"defaults"`, the following widths will be used:
41
+ * 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
39
42
  *
40
- * If the image field contains responsive views, each responsive view can be used as a width
41
- * in the resulting `srcset` by passing `"thumbnails"` as the `widths` prop.
43
+ * If the image field contains responsive views, each responsive view
44
+ * can be used as a width in the resulting `srcset` by passing
45
+ * `"thumbnails"` as the `widths` prop.
42
46
  */
43
47
  widths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"] | "defaults"; /** Not used when the `widths` prop is used. */
44
48
  pixelDensities?: never;
@@ -47,8 +51,8 @@ type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> &
47
51
  /**
48
52
  * Pixel densities used to build a `srcset` value for the image field.
49
53
  *
50
- * If a `pixelDensities` prop is passed `"defaults"`, the following pixel densities will be
51
- * used: 1, 2, 3.
54
+ * If a `pixelDensities` prop is passed `"defaults"`, the following
55
+ * pixel densities will be used: 1, 2, 3.
52
56
  */
53
57
  pixelDensities: NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>["pixelDensities"] | "defaults";
54
58
  });
@@ -56,9 +60,10 @@ type PrismicImageProps = Omit<ComponentProps<"img">, "src" | "srcset" | "alt"> &
56
60
  * Renders an optimized image from a Prismic image field.
57
61
  *
58
62
  * @example
59
- * ```tsx
60
- * <PrismicImage field={slice.primary.photo} />;
61
- * ```
63
+ *
64
+ * ```tsx
65
+ * <PrismicImage field={slice.primary.photo} />;
66
+ * ```
62
67
  *
63
68
  * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}
64
69
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicImage.d.ts","names":[],"sources":["../src/PrismicImage.tsx"],"mappings":";;;;KAWK,cAAA,GAAiB,IAAA,CAAK,WAAA,CAAY,UAAA,QAAkB,kBAAA,mBACxD,IAAA,CAAK,WAAA,CAAY,UAAA,QAAkB,yBAAA;;KAGxB,iBAAA,GAAoB,IAAA,CAAK,cAAA;EAJlB,sDAMlB,KAAA,EAAO,eAAA;EANiD;;;;;EAaxD,WAAA,iBAA4B,cAAA,GAAiB,cAAA,CAAe,CAAA;EAZxD;;;;;EAmBJ,GAAA;EAnBA;;;;;;EA2BA,WAAA;EAxB4B;;;;EA8B5B,QAAA,GAAW,SAAA;AAAA;EArBkC;;;;;;;;;EAiC1C,MAAA,GAAS,WAAA,CAAY,UAAA,QAAkB,kBAAA,8BAczB;EAZd,cAAA;AAAA;EA1CH,+CA8CG,MAAA;EAvCH;;;;;;EA8CG,cAAA,EACG,WAAA,CAAY,UAAA,QAAkB,yBAAA;AAAA;;;;;;;;;;;cAexB,YAAA,EAAc,EAAA,CAAG,iBAAA"}
1
+ {"version":3,"file":"PrismicImage.d.ts","names":[],"sources":["../src/PrismicImage.tsx"],"mappings":";;;;KAiBK,cAAA,GAAiB,IAAA,CACrB,WAAA,CAAY,UAAA,QAAkB,kBAAA,mBAG9B,IAAA,CACC,WAAA,CAAY,UAAA,QAAkB,yBAAA;;KAKpB,iBAAA,GAAoB,IAAA,CAC/B,cAAA;EAXkB,sDAelB,KAAA,EAAO,eAAA;EAduB;;;;;EAqB9B,WAAA,iBAA4B,cAAA,GAAiB,cAAA,CAAe,CAAA;EAlBxD;;;;;;EA0BJ,GAAA;EAzBC;;;;;AAKF;;EA6BC,WAAA;EA5BA;;;;EAkCA,QAAA,GAAW,SAAA;AAAA;EAAA;;;;;;;;;;;EAcR,MAAA,GACG,WAAA,CAAY,UAAA,QAAkB,kBAAA,8BA7C7B;EAgDJ,cAAA;AAAA;EAzCyB,+CA6CzB,MAAA;EA7CyD;;;;;;EAoDzD,cAAA,EACG,WAAA,CACA,UAAA,QAAkB,yBAAA;AAAA;;;;;;;;;;AAiBzB;;cAAa,YAAA,EAAc,EAAA,CAAG,iBAAA"}
@@ -1,16 +1,17 @@
1
1
  import { devMsg } from "./lib/devMsg.js";
2
+ import { forwardRef } from "react";
2
3
  import { asImagePixelDensitySrcSet, asImageWidthSrcSet, isFilled } from "@prismicio/client";
3
4
  import { DEV } from "esm-env";
4
- import { forwardRef } from "react";
5
5
  import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
6
6
  //#region src/PrismicImage.tsx
7
7
  /**
8
8
  * Renders an optimized image from a Prismic image field.
9
9
  *
10
10
  * @example
11
- * ```tsx
12
- * <PrismicImage field={slice.primary.photo} />;
13
- * ```
11
+ *
12
+ * ```tsx
13
+ * <PrismicImage field={slice.primary.photo} />;
14
+ * ```
14
15
  *
15
16
  * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}
16
17
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicImage.js","names":[],"sources":["../src/PrismicImage.tsx"],"sourcesContent":["import {\n\ttype ImageFieldImage,\n\tasImagePixelDensitySrcSet,\n\tasImageWidthSrcSet,\n\tisFilled,\n} from \"@prismicio/client\";\nimport { DEV } from \"esm-env\";\nimport { type ForwardedRef, forwardRef, type ComponentProps, type FC, type ReactNode } from \"react\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\ntype ImgixURLParams = Omit<NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>, \"widths\"> &\n\tOmit<NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>, \"pixelDensities\">;\n\n/** Props for `<PrismicImage>`. */\nexport type PrismicImageProps = Omit<ComponentProps<\"img\">, \"src\" | \"srcset\" | \"alt\"> & {\n\t/** The Prismic image field or thumbnail to render. */\n\tfield: ImageFieldImage | null | undefined;\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * See: https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null };\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\";\n\n\t/**\n\t * Declare an image as decorative only if the image field does not have alternative text by\n\t * providing `fallbackAlt=\"\"`.\n\t *\n\t * See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\";\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode;\n} & (\n\t\t| {\n\t\t\t\t/**\n\t\t\t\t * Widths (in pixels) used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If omitted or set to `\"defaults\"`, the following widths will be used: 640, 750, 828,\n\t\t\t\t * 1080, 1200, 1920, 2048, 3840.\n\t\t\t\t *\n\t\t\t\t * If the image field contains responsive views, each responsive view can be used as a width\n\t\t\t\t * in the resulting `srcset` by passing `\"thumbnails\"` as the `widths` prop.\n\t\t\t\t */\n\t\t\t\twidths?: NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>[\"widths\"] | \"defaults\";\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\tpixelDensities?: never;\n\t\t }\n\t\t| {\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\twidths?: never;\n\t\t\t\t/**\n\t\t\t\t * Pixel densities used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If a `pixelDensities` prop is passed `\"defaults\"`, the following pixel densities will be\n\t\t\t\t * used: 1, 2, 3.\n\t\t\t\t */\n\t\t\t\tpixelDensities:\n\t\t\t\t\t| NonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>[\"pixelDensities\"]\n\t\t\t\t\t| \"defaults\";\n\t\t }\n\t);\n\n/**\n * Renders an optimized image from a Prismic image field.\n *\n * @example\n * \t```tsx\n * \t<PrismicImage field={slice.primary.photo} />;\n * \t```\n *\n * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}\n */\nexport const PrismicImage: FC<PrismicImageProps> = forwardRef(function PrismicImage(\n\tprops: PrismicImageProps,\n\tref: ForwardedRef<HTMLImageElement>,\n) {\n\tconst {\n\t\tfield,\n\t\talt,\n\t\tfallbackAlt,\n\t\timgixParams = {},\n\t\twidths,\n\t\tpixelDensities,\n\t\tfallback,\n\t\t...restProps\n\t} = props;\n\n\tif (DEV) {\n\t\tif (typeof alt === \"string\" && alt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (typeof fallbackAlt === \"string\" && fallbackAlt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (widths && pixelDensities) {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] Only one of \"widths\" or \"pixelDensities\" props can be provided. You can resolve this warning by removing either the \"widths\" or \"pixelDensities\" prop. \"widths\" will be used in this case.`,\n\t\t\t);\n\t\t}\n\t}\n\n\tif (!isFilled.imageThumbnail(field)) {\n\t\treturn <>{fallback}</>;\n\t}\n\n\tconst resolvedImgixParams = imgixParams;\n\tfor (const x in imgixParams) {\n\t\tif (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {\n\t\t\tresolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined;\n\t\t}\n\t}\n\n\tlet src: string | undefined;\n\tlet srcSet: string | undefined;\n\n\tif (widths || !pixelDensities) {\n\t\tconst res = asImageWidthSrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\twidths: widths === \"defaults\" ? undefined : widths,\n\t\t} as ImgixURLParams);\n\n\t\tsrc = res.src;\n\t\tsrcSet = res.srcset;\n\t} else if (pixelDensities) {\n\t\tconst res = asImagePixelDensitySrcSet(field, {\n\t\t\t...resolvedImgixParams,\n\t\t\tpixelDensities: pixelDensities === \"defaults\" ? undefined : pixelDensities,\n\t\t} as ImgixURLParams);\n\n\t\tsrc = res.src;\n\t\tsrcSet = res.srcset;\n\t}\n\n\treturn (\n\t\t<img\n\t\t\tref={ref}\n\t\t\tsrc={src}\n\t\t\tsrcSet={srcSet}\n\t\t\talt={alt ?? (field.alt || fallbackAlt)}\n\t\t\t{...restProps}\n\t\t/>\n\t);\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAsFA,MAAa,eAAsC,WAAW,SAAS,aACtE,OACA,KACC;CACD,MAAM,EACL,OACA,KACA,aACA,cAAc,EAAE,EAChB,QACA,gBACA,UACA,GAAG,cACA;AAEJ,KAAI,KAAK;AACR,MAAI,OAAO,QAAQ,YAAY,QAAQ,GACtC,SAAQ,KACP,qQAAqQ,OACpQ,8BACA,GACD;AAGF,MAAI,OAAO,gBAAgB,YAAY,gBAAgB,GACtD,SAAQ,KACP,qSAAqS,OACpS,8BACA,GACD;AAGF,MAAI,UAAU,eACb,SAAQ,KACP,4MACA;;AAIH,KAAI,CAAC,SAAS,eAAe,MAAM,CAClC,QAAO,oBAAA,YAAA,EAAA,UAAG,UAAY,CAAA;CAGvB,MAAM,sBAAsB;AAC5B,MAAK,MAAM,KAAK,YACf,KAAI,oBAAoB,OAA2C,KAClE,qBAAoB,KAAyC,KAAA;CAI/D,IAAI;CACJ,IAAI;AAEJ,KAAI,UAAU,CAAC,gBAAgB;EAC9B,MAAM,MAAM,mBAAmB,OAAO;GACrC,GAAG;GACH,QAAQ,WAAW,aAAa,KAAA,IAAY;GAC5C,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;YACH,gBAAgB;EAC1B,MAAM,MAAM,0BAA0B,OAAO;GAC5C,GAAG;GACH,gBAAgB,mBAAmB,aAAa,KAAA,IAAY;GAC5D,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;;AAGd,QACC,oBAAC,OAAD;EACM;EACA;EACG;EACR,KAAK,QAAQ,MAAM,OAAO;EAC1B,GAAI;EACH,CAAA;EAEF"}
1
+ {"version":3,"file":"PrismicImage.js","names":[],"sources":["../src/PrismicImage.tsx"],"sourcesContent":["import {\n\ttype ForwardedRef,\n\tforwardRef,\n\ttype ComponentProps,\n\ttype FC,\n\ttype ReactNode,\n} from \"react\";\nimport {\n\ttype ImageFieldImage,\n\tasImagePixelDensitySrcSet,\n\tasImageWidthSrcSet,\n\tisFilled,\n} from \"@prismicio/client\";\nimport { DEV } from \"esm-env\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\ntype ImgixURLParams = Omit<\n\tNonNullable<Parameters<typeof asImageWidthSrcSet>[1]>,\n\t\"widths\"\n> &\n\tOmit<\n\t\tNonNullable<Parameters<typeof asImagePixelDensitySrcSet>[1]>,\n\t\t\"pixelDensities\"\n\t>;\n\n/** Props for `<PrismicImage>`. */\nexport type PrismicImageProps = Omit<\n\tComponentProps<\"img\">,\n\t\"src\" | \"srcset\" | \"alt\"\n> & {\n\t/** The Prismic image field or thumbnail to render. */\n\tfield: ImageFieldImage | null | undefined;\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * See: https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: { [P in keyof ImgixURLParams]: ImgixURLParams[P] | null };\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\";\n\n\t/**\n\t * Declare an image as decorative only if the image field does not have\n\t * alternative text by providing `fallbackAlt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\";\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\t\t| {\n\t\t\t\t/**\n\t\t\t\t * Widths (in pixels) used to build a `srcset` value for the image\n\t\t\t\t * field.\n\t\t\t\t *\n\t\t\t\t * If omitted or set to `\"defaults\"`, the following widths will be used:\n\t\t\t\t * 640, 750, 828, 1080, 1200, 1920, 2048, 3840.\n\t\t\t\t *\n\t\t\t\t * If the image field contains responsive views, each responsive view\n\t\t\t\t * can be used as a width in the resulting `srcset` by passing\n\t\t\t\t * `\"thumbnails\"` as the `widths` prop.\n\t\t\t\t */\n\t\t\t\twidths?:\n\t\t\t\t\t| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>[\"widths\"]\n\t\t\t\t\t| \"defaults\";\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\tpixelDensities?: never;\n\t\t }\n\t\t| {\n\t\t\t\t/** Not used when the `widths` prop is used. */\n\t\t\t\twidths?: never;\n\t\t\t\t/**\n\t\t\t\t * Pixel densities used to build a `srcset` value for the image field.\n\t\t\t\t *\n\t\t\t\t * If a `pixelDensities` prop is passed `\"defaults\"`, the following\n\t\t\t\t * pixel densities will be used: 1, 2, 3.\n\t\t\t\t */\n\t\t\t\tpixelDensities:\n\t\t\t\t\t| NonNullable<\n\t\t\t\t\t\t\tParameters<typeof asImagePixelDensitySrcSet>[1]\n\t\t\t\t\t >[\"pixelDensities\"]\n\t\t\t\t\t| \"defaults\";\n\t\t }\n\t);\n\n/**\n * Renders an optimized image from a Prismic image field.\n *\n * @example\n *\n * ```tsx\n * <PrismicImage field={slice.primary.photo} />;\n * ```\n *\n * @see Learn how to optimize images with imgix, use responsive images, and use framework-specific image components: {@link https://prismic.io/docs/fields/image}\n */\nexport const PrismicImage: FC<PrismicImageProps> = forwardRef(\n\tfunction PrismicImage(\n\t\tprops: PrismicImageProps,\n\t\tref: ForwardedRef<HTMLImageElement>,\n\t) {\n\t\tconst {\n\t\t\tfield,\n\t\t\talt,\n\t\t\tfallbackAlt,\n\t\t\timgixParams = {},\n\t\t\twidths,\n\t\t\tpixelDensities,\n\t\t\tfallback,\n\t\t\t...restProps\n\t\t} = props;\n\n\t\tif (DEV) {\n\t\t\tif (typeof alt === \"string\" && alt !== \"\") {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t\t)}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (typeof fallbackAlt === \"string\" && fallbackAlt !== \"\") {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t\t)}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (widths && pixelDensities) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicImage] Only one of \"widths\" or \"pixelDensities\" props can be provided. You can resolve this warning by removing either the \"widths\" or \"pixelDensities\" prop. \"widths\" will be used in this case.`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (!isFilled.imageThumbnail(field)) {\n\t\t\treturn <>{fallback}</>;\n\t\t}\n\n\t\tconst resolvedImgixParams = imgixParams;\n\t\tfor (const x in imgixParams) {\n\t\t\tif (resolvedImgixParams[x as keyof typeof resolvedImgixParams] === null) {\n\t\t\t\tresolvedImgixParams[x as keyof typeof resolvedImgixParams] = undefined;\n\t\t\t}\n\t\t}\n\n\t\tlet src: string | undefined;\n\t\tlet srcSet: string | undefined;\n\n\t\tif (widths || !pixelDensities) {\n\t\t\tconst res = asImageWidthSrcSet(field, {\n\t\t\t\t...resolvedImgixParams,\n\t\t\t\twidths: widths === \"defaults\" ? undefined : widths,\n\t\t\t} as ImgixURLParams);\n\n\t\t\tsrc = res.src;\n\t\t\tsrcSet = res.srcset;\n\t\t} else if (pixelDensities) {\n\t\t\tconst res = asImagePixelDensitySrcSet(field, {\n\t\t\t\t...resolvedImgixParams,\n\t\t\t\tpixelDensities:\n\t\t\t\t\tpixelDensities === \"defaults\" ? undefined : pixelDensities,\n\t\t\t} as ImgixURLParams);\n\n\t\t\tsrc = res.src;\n\t\t\tsrcSet = res.srcset;\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\tref={ref}\n\t\t\t\tsrc={src}\n\t\t\t\tsrcSet={srcSet}\n\t\t\t\talt={alt ?? (field.alt || fallbackAlt)}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"mappings":";;;;;;;;;;;;;;;;;AA8GA,MAAa,eAAsC,WAClD,SAAS,aACR,OACA,KACC;CACD,MAAM,EACL,OACA,KACA,aACA,cAAc,EAAE,EAChB,QACA,gBACA,UACA,GAAG,cACA;AAEJ,KAAI,KAAK;AACR,MAAI,OAAO,QAAQ,YAAY,QAAQ,GACtC,SAAQ,KACP,qQAAqQ,OACpQ,8BACA,GACD;AAGF,MAAI,OAAO,gBAAgB,YAAY,gBAAgB,GACtD,SAAQ,KACP,qSAAqS,OACpS,8BACA,GACD;AAGF,MAAI,UAAU,eACb,SAAQ,KACP,4MACA;;AAIH,KAAI,CAAC,SAAS,eAAe,MAAM,CAClC,QAAO,oBAAA,YAAA,EAAA,UAAG,UAAY,CAAA;CAGvB,MAAM,sBAAsB;AAC5B,MAAK,MAAM,KAAK,YACf,KAAI,oBAAoB,OAA2C,KAClE,qBAAoB,KAAyC,KAAA;CAI/D,IAAI;CACJ,IAAI;AAEJ,KAAI,UAAU,CAAC,gBAAgB;EAC9B,MAAM,MAAM,mBAAmB,OAAO;GACrC,GAAG;GACH,QAAQ,WAAW,aAAa,KAAA,IAAY;GAC5C,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;YACH,gBAAgB;EAC1B,MAAM,MAAM,0BAA0B,OAAO;GAC5C,GAAG;GACH,gBACC,mBAAmB,aAAa,KAAA,IAAY;GAC7C,CAAmB;AAEpB,QAAM,IAAI;AACV,WAAS,IAAI;;AAGd,QACC,oBAAC,OAAD;EACM;EACA;EACG;EACR,KAAK,QAAQ,MAAM,OAAO;EAC1B,GAAI;EACH,CAAA;EAGJ"}
@@ -1,5 +1,5 @@
1
- import { AsLinkAttrsConfig, LinkField, LinkResolverFunction, PrismicDocument } from "@prismicio/client";
2
1
  import { ComponentProps, ComponentType, ForwardedRef, HTMLAttributeAnchorTarget, ReactNode } from "react";
2
+ import { AsLinkAttrsConfig, LinkField, LinkResolverFunction, PrismicDocument } from "@prismicio/client";
3
3
 
4
4
  //#region src/PrismicLink.d.ts
5
5
  /** The default component rendered for internal and external links. */
@@ -9,13 +9,13 @@ interface LinkProps {
9
9
  /** The URL to link. */
10
10
  href: string;
11
11
  /**
12
- * The `target` attribute for anchor elements. If the Prismic field is configured to open in a new
13
- * window, this prop defaults to `_blank`.
12
+ * The `target` attribute for anchor elements. If the Prismic field is
13
+ * configured to open in a new window, this prop defaults to `_blank`.
14
14
  */
15
15
  target?: HTMLAttributeAnchorTarget;
16
16
  /**
17
- * The `rel` attribute for anchor elements. If the `target` prop is set to `"_blank"`, this prop
18
- * defaults to `"noopener noreferrer"`.
17
+ * The `rel` attribute for anchor elements. If the `target` prop is set to
18
+ * `"_blank"`, this prop defaults to `"noopener noreferrer"`.
19
19
  */
20
20
  rel?: string;
21
21
  /** Children for the component. */
@@ -23,31 +23,32 @@ interface LinkProps {
23
23
  }
24
24
  type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComponent>, ExternalComponentProps = ComponentProps<typeof defaultComponent>> = Omit<InternalComponentProps & ExternalComponentProps, "rel" | "href" | "children"> & {
25
25
  /**
26
- * The `rel` attribute for the link. By default, `"noreferrer"` is provided if the link's URL is
27
- * external. This prop can be provided a function to use the link's metadata to determine the
28
- * `rel` value.
26
+ * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
27
+ * the link's URL is external. This prop can be provided a function to use the
28
+ * link's metadata to determine the `rel` value.
29
29
  */
30
30
  rel?: string | AsLinkAttrsConfig["rel"];
31
31
  /**
32
32
  * The link resolver used to resolve links.
33
33
  *
34
34
  * @remarks
35
- * If your app uses route resolvers when querying for your Prismic repository's content, a link
36
- * resolver does not need to be provided.
35
+ * If your app uses route resolvers when querying for your Prismic
36
+ * repository's content, a link resolver does not need to be provided.
37
+ *
37
38
  * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}
38
39
  */
39
40
  linkResolver?: LinkResolverFunction;
40
41
  /**
41
42
  * The component rendered for internal URLs. Defaults to `<a>`.
42
43
  *
43
- * If your app uses a client-side router that requires a special Link component, provide the Link
44
- * component to this prop.
44
+ * If your app uses a client-side router that requires a special Link
45
+ * component, provide the Link component to this prop.
45
46
  */
46
47
  internalComponent?: ComponentType<InternalComponentProps>; /** The component rendered for external URLs. Defaults to `<a>`. */
47
48
  externalComponent?: ComponentType<ExternalComponentProps>;
48
49
  /**
49
- * The children to render for the link. If no children are provided, the link's `text` property
50
- * will be used.
50
+ * The children to render for the link. If no children are provided, the
51
+ * link's `text` property will be used.
51
52
  */
52
53
  children?: ReactNode;
53
54
  } & ({
@@ -67,9 +68,10 @@ type PrismicLinkProps<InternalComponentProps = ComponentProps<typeof defaultComp
67
68
  * Renders a link from a Prismic link field or page.
68
69
  *
69
70
  * @example
70
- * ```tsx
71
- * <PrismicLink field={slice.primary.link}>Click here</PrismicLink>;
72
- * ```
71
+ *
72
+ * ```tsx
73
+ * <PrismicLink field={slice.primary.link}>Click here</PrismicLink>;
74
+ * ```
73
75
  *
74
76
  * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}
75
77
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicLink.d.ts","names":[],"sources":["../src/PrismicLink.tsx"],"mappings":";;;;;cAoBM,gBAAA;AALS;AAAA,UAQE,SAAA;;EAEhB,IAAA;EALqB;AAGtB;;;EAQC,MAAA,GAAS,yBAAA;EANT;;;;EAYA,GAAA;EAGW;EAAX,QAAA,GAAW,SAAA;AAAA;AAAA,KAGA,gBAAA,0BACc,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,KAC5C,IAAA,CAAK,sBAAA,GAAyB,sBAAA;EAHN;;;;;EAS3B,GAAA,YAAe,iBAAA;EANP;;;;;;;;EAgBR,YAAA,GAAe,oBAAA;EAiBJ;;;;;;EATX,iBAAA,GAAoB,aAAA,CAAc,sBAAA,GA1BlC;EA6BA,iBAAA,GAAoB,aAAA,CAAc,sBAAA;EA7Ba;;;;EAmC/C,QAAA,GAAW,SAAA;AAAA;EAGR,QAAA,EAAU,eAAA;EACV,IAAA;EACA,KAAA;AAAA;EAGA,KAAA,EAAO,SAAA;EACP,IAAA;EACA,QAAA;AAAA;EAGA,IAAA,EAAM,SAAA;EACN,KAAA,GAAQ,SAAA;EACR,QAAA;AAAA;;;;;;;;;;;cAcS,WAAA,4BAkFa,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,GAE/C,KAAA,EAAO,gBAAA,CAAiB,sBAAA,EAAwB,sBAAA;EAC/C,GAAA,GAAM,YAAA,CAAa,OAAA;AAAA,MAEhB,SAAA"}
1
+ {"version":3,"file":"PrismicLink.d.ts","names":[],"sources":["../src/PrismicLink.tsx"],"mappings":";;;;;cAoBM,gBAAA;AANqB;AAAA,UASV,SAAA;;EAEhB,IAAA;EALqB;AAGtB;;;EAQC,MAAA,GAAS,yBAAA;EANT;;;;EAYA,GAAA;EAGW;EAAX,QAAA,GAAW,SAAA;AAAA;AAAA,KAGA,gBAAA,0BACc,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,KAC5C,IAAA,CACH,sBAAA,GAAyB,sBAAA;EAJE;;;;;EAY3B,GAAA,YAAe,iBAAA;EARf;;;;;;;;;EAmBA,YAAA,GAAe,oBAAA;EAoBF;;;;;;EAZb,iBAAA,GAAoB,aAAA,CAAc,sBAAA,GA9BT;EAiCzB,iBAAA,GAAoB,aAAA,CAAc,sBAAA;EAhClC;;;;EAsCA,QAAA,GAAW,SAAA;AAAA;EAGR,QAAA,EAAU,eAAA;EACV,IAAA;EACA,KAAA;AAAA;EAGA,KAAA,EAAO,SAAA;EACP,IAAA;EACA,QAAA;AAAA;EAGA,IAAA,EAAM,SAAA;EACN,KAAA,GAAQ,SAAA;EACR,QAAA;AAAA;;;;;;;;;;;;cAeS,WAAA,4BAsFa,cAAA,QAAsB,gBAAA,4BACtB,cAAA,QAAsB,gBAAA,GAE/C,KAAA,EAAO,gBAAA,CAAiB,sBAAA,EAAwB,sBAAA;EAC/C,GAAA,GAAM,YAAA,CAAa,OAAA;AAAA,MAEhB,SAAA"}
@@ -1,7 +1,7 @@
1
1
  import { devMsg } from "./lib/devMsg.js";
2
+ import { forwardRef } from "react";
2
3
  import { asLinkAttrs } from "@prismicio/client";
3
4
  import { DEV } from "esm-env";
4
- import { forwardRef } from "react";
5
5
  import { jsx } from "react/jsx-runtime";
6
6
  //#region src/PrismicLink.tsx
7
7
  /** The default component rendered for internal and external links. */
@@ -10,9 +10,10 @@ const defaultComponent = "a";
10
10
  * Renders a link from a Prismic link field or page.
11
11
  *
12
12
  * @example
13
- * ```tsx
14
- * <PrismicLink field={slice.primary.link}>Click here</PrismicLink>;
15
- * ```
13
+ *
14
+ * ```tsx
15
+ * <PrismicLink field={slice.primary.link}>Click here</PrismicLink>;
16
+ * ```
16
17
  *
17
18
  * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}
18
19
  */
@@ -50,6 +51,7 @@ const PrismicLink = forwardRef(function PrismicLink(props, ref) {
50
51
  * Determines if a URL is internal or external.
51
52
  *
52
53
  * @param url - The URL to check if internal or external.
54
+ *
53
55
  * @returns `true` if `url` is internal, `false` otherwise.
54
56
  */
55
57
  function isInternalURL(url) {
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicLink.js","names":[],"sources":["../src/PrismicLink.tsx"],"sourcesContent":["import {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n\ttype AsLinkAttrsConfig,\n} from \"@prismicio/client\";\nimport { DEV } from \"esm-env\";\nimport {\n\ttype ComponentProps,\n\ttype ComponentType,\n\ttype ForwardedRef,\n\ttype HTMLAttributeAnchorTarget,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\n/** The default component rendered for internal and external links. */\nconst defaultComponent = \"a\";\n\n/** Props provided to a component when rendered with `<PrismicLink>`. */\nexport interface LinkProps {\n\t/** The URL to link. */\n\thref: string;\n\n\t/**\n\t * The `target` attribute for anchor elements. If the Prismic field is configured to open in a new\n\t * window, this prop defaults to `_blank`.\n\t */\n\ttarget?: HTMLAttributeAnchorTarget;\n\n\t/**\n\t * The `rel` attribute for anchor elements. If the `target` prop is set to `\"_blank\"`, this prop\n\t * defaults to `\"noopener noreferrer\"`.\n\t */\n\trel?: string;\n\n\t/** Children for the component. */\n\tchildren?: ReactNode;\n}\n\nexport type PrismicLinkProps<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n> = Omit<InternalComponentProps & ExternalComponentProps, \"rel\" | \"href\" | \"children\"> & {\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if the link's URL is\n\t * external. This prop can be provided a function to use the link's metadata to determine the\n\t * `rel` value.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"];\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 repository's content, a link\n\t * resolver does not need to be provided.\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 * The component rendered for internal URLs. Defaults to `<a>`.\n\t *\n\t * If your app uses a client-side router that requires a special Link component, provide the Link\n\t * component to this prop.\n\t */\n\tinternalComponent?: ComponentType<InternalComponentProps>;\n\n\t/** The component rendered for external URLs. Defaults to `<a>`. */\n\texternalComponent?: ComponentType<ExternalComponentProps>;\n\n\t/**\n\t * The children to render for the link. If no children are provided, the link's `text` property\n\t * will be used.\n\t */\n\tchildren?: ReactNode;\n} & (\n\t\t| {\n\t\t\t\tdocument: PrismicDocument | null | undefined;\n\t\t\t\thref?: never;\n\t\t\t\tfield?: never;\n\t\t }\n\t\t| {\n\t\t\t\tfield: LinkField | null | undefined;\n\t\t\t\thref?: never;\n\t\t\t\tdocument?: never;\n\t\t }\n\t\t| {\n\t\t\t\thref: LinkProps[\"href\"];\n\t\t\t\tfield?: LinkField | null | undefined;\n\t\t\t\tdocument?: never;\n\t\t }\n\t);\n\n/**\n * Renders a link from a Prismic link field or page.\n *\n * @example\n * \t```tsx\n * \t<PrismicLink field={slice.primary.link}>Click here</PrismicLink>;\n * \t```\n *\n * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}\n */\nexport const PrismicLink = forwardRef(function PrismicLink<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps>,\n\tref: ForwardedRef<Element>,\n) {\n\tconst {\n\t\tfield,\n\t\tdocument: doc,\n\t\tlinkResolver,\n\t\tinternalComponent,\n\t\texternalComponent,\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tif (DEV) {\n\t\tif (field) {\n\t\t\tif (!field.link_type) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t`[PrismicLink] This \"field\" prop value caused an error to be thrown.\\n`,\n\t\t\t\t\tfield,\n\t\t\t\t);\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link will not render. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t);\n\t\t\t} else if (\n\t\t\t\t(\"text\" in field ? Object.keys(field).length > 2 : Object.keys(field).length > 1) &&\n\t\t\t\t!(\"url\" in field || \"uid\" in field || \"id\" in field)\n\t\t\t) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tfield,\n\t\t\t\t);\n\t\t\t}\n\t\t} else if (doc) {\n\t\t\tif (!(\"url\" in doc || \"id\" in doc)) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided document is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tdoc,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tconst {\n\t\thref: computedHref,\n\t\trel: computedRel,\n\t\t...attrs\n\t} = asLinkAttrs(field ?? doc, {\n\t\tlinkResolver,\n\t\trel: typeof restProps.rel === \"function\" ? restProps.rel : undefined,\n\t});\n\n\tlet rel: string | undefined = computedRel;\n\tif (\"rel\" in restProps && typeof restProps.rel !== \"function\") {\n\t\trel = restProps.rel;\n\t}\n\n\tconst href = (\"href\" in restProps ? restProps.href : computedHref) || \"\";\n\n\tconst InternalComponent = (internalComponent || defaultComponent) as ComponentType<LinkProps>;\n\tconst ExternalComponent = (externalComponent || defaultComponent) as ComponentType<LinkProps>;\n\tconst Component = href\n\t\t? isInternalURL(href)\n\t\t\t? InternalComponent\n\t\t\t: ExternalComponent\n\t\t: InternalComponent;\n\n\treturn (\n\t\t<Component ref={ref} {...attrs} {...restProps} href={href} rel={rel}>\n\t\t\t{\"children\" in props ? children : field?.text}\n\t\t</Component>\n\t);\n}) as <\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {\n\t\tref?: ForwardedRef<Element>;\n\t},\n) => ReactNode;\n\n/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external.\n * @returns `true` if `url` is internal, `false` otherwise.\n */\n// TODO: This does not detect all relative URLs as internal such as `about` or `./about`. This function assumes relative URLs start with a \"/\" or \"#\"`.\nexport function isInternalURL(url: string): boolean {\n\tconst isInternal = /^(\\/(?!\\/)|#)/.test(url);\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//.test(url);\n\n\treturn isInternal && !isSpecialLink;\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,mBAAmB;;;;;;;;;;;AAwFzB,MAAa,cAAc,WAAW,SAAS,YAI9C,OACA,KACC;CACD,MAAM,EACL,OACA,UAAU,KACV,cACA,mBACA,mBACA,UACA,GAAG,cACA;AAEJ,KAAI;MACC;OACC,CAAC,MAAM,WAAW;AACrB,YAAQ,MACP,yEACA,MACA;AACD,UAAM,IAAI,MACT,8IAA8I,OAC7I,0BACA,GACD;eAEA,UAAU,QAAQ,OAAO,KAAK,MAAM,CAAC,SAAS,IAAI,OAAO,KAAK,MAAM,CAAC,SAAS,MAC/E,EAAE,SAAS,SAAS,SAAS,SAAS,QAAQ,OAE9C,SAAQ,KACP,uJAAuJ,OACtJ,0BACA,IACD,MACA;aAEQ;OACN,EAAE,SAAS,OAAO,QAAQ,KAC7B,SAAQ,KACP,0JAA0J,OACzJ,0BACA,IACD,IACA;;;CAKJ,MAAM,EACL,MAAM,cACN,KAAK,aACL,GAAG,UACA,YAAY,SAAS,KAAK;EAC7B;EACA,KAAK,OAAO,UAAU,QAAQ,aAAa,UAAU,MAAM,KAAA;EAC3D,CAAC;CAEF,IAAI,MAA0B;AAC9B,KAAI,SAAS,aAAa,OAAO,UAAU,QAAQ,WAClD,OAAM,UAAU;CAGjB,MAAM,QAAQ,UAAU,YAAY,UAAU,OAAO,iBAAiB;CAEtE,MAAM,oBAAqB,qBAAqB;CAChD,MAAM,oBAAqB,qBAAqB;AAOhD,QACC,oBAPiB,OACf,cAAc,KAAK,GAClB,oBACA,oBACD,mBAGF;EAAgB;EAAK,GAAI;EAAO,GAAI;EAAiB;EAAW;YAC9D,cAAc,QAAQ,WAAW,OAAO;EAC9B,CAAA;EAEZ;;;;;;;AAgBF,SAAgB,cAAc,KAAsB;CACnD,MAAM,aAAa,gBAAgB,KAAK,IAAI;CAC5C,MAAM,gBAAgB,CAAC,cAAc,CAAC,eAAe,KAAK,IAAI;AAE9D,QAAO,cAAc,CAAC"}
1
+ {"version":3,"file":"PrismicLink.js","names":[],"sources":["../src/PrismicLink.tsx"],"sourcesContent":["import {\n\ttype ComponentProps,\n\ttype ComponentType,\n\ttype ForwardedRef,\n\ttype HTMLAttributeAnchorTarget,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\";\nimport {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n\ttype AsLinkAttrsConfig,\n} from \"@prismicio/client\";\nimport { DEV } from \"esm-env\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\n\n/** The default component rendered for internal and external links. */\nconst defaultComponent = \"a\";\n\n/** Props provided to a component when rendered with `<PrismicLink>`. */\nexport interface LinkProps {\n\t/** The URL to link. */\n\thref: string;\n\n\t/**\n\t * The `target` attribute for anchor elements. If the Prismic field is\n\t * configured to open in a new window, this prop defaults to `_blank`.\n\t */\n\ttarget?: HTMLAttributeAnchorTarget;\n\n\t/**\n\t * The `rel` attribute for anchor elements. If the `target` prop is set to\n\t * `\"_blank\"`, this prop defaults to `\"noopener noreferrer\"`.\n\t */\n\trel?: string;\n\n\t/** Children for the component. */\n\tchildren?: ReactNode;\n}\n\nexport type PrismicLinkProps<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n> = Omit<\n\tInternalComponentProps & ExternalComponentProps,\n\t\"rel\" | \"href\" | \"children\"\n> & {\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if\n\t * the link's URL is external. This prop can be provided a function to use the\n\t * link's metadata to determine the `rel` value.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"];\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 * The component rendered for internal URLs. Defaults to `<a>`.\n\t *\n\t * If your app uses a client-side router that requires a special Link\n\t * component, provide the Link component to this prop.\n\t */\n\tinternalComponent?: ComponentType<InternalComponentProps>;\n\n\t/** The component rendered for external URLs. Defaults to `<a>`. */\n\texternalComponent?: ComponentType<ExternalComponentProps>;\n\n\t/**\n\t * The children to render for the link. If no children are provided, the\n\t * link's `text` property will be used.\n\t */\n\tchildren?: ReactNode;\n} & (\n\t\t| {\n\t\t\t\tdocument: PrismicDocument | null | undefined;\n\t\t\t\thref?: never;\n\t\t\t\tfield?: never;\n\t\t }\n\t\t| {\n\t\t\t\tfield: LinkField | null | undefined;\n\t\t\t\thref?: never;\n\t\t\t\tdocument?: never;\n\t\t }\n\t\t| {\n\t\t\t\thref: LinkProps[\"href\"];\n\t\t\t\tfield?: LinkField | null | undefined;\n\t\t\t\tdocument?: never;\n\t\t }\n\t);\n\n/**\n * Renders a link from a Prismic link field or page.\n *\n * @example\n *\n * ```tsx\n * <PrismicLink field={slice.primary.link}>Click here</PrismicLink>;\n * ```\n *\n * @see Learn how to display links and use variants for styling: {@link https://prismic.io/docs/fields/link}\n */\nexport const PrismicLink = forwardRef(function PrismicLink<\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps>,\n\tref: ForwardedRef<Element>,\n) {\n\tconst {\n\t\tfield,\n\t\tdocument: doc,\n\t\tlinkResolver,\n\t\tinternalComponent,\n\t\texternalComponent,\n\t\tchildren,\n\t\t...restProps\n\t} = props;\n\n\tif (DEV) {\n\t\tif (field) {\n\t\t\tif (!field.link_type) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t`[PrismicLink] This \"field\" prop value caused an error to be thrown.\\n`,\n\t\t\t\t\tfield,\n\t\t\t\t);\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link will not render. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t);\n\t\t\t} else if (\n\t\t\t\t(\"text\" in field\n\t\t\t\t\t? Object.keys(field).length > 2\n\t\t\t\t\t: Object.keys(field).length > 1) &&\n\t\t\t\t!(\"url\" in field || \"uid\" in field || \"id\" in field)\n\t\t\t) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided field is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tfield,\n\t\t\t\t);\n\t\t\t}\n\t\t} else if (doc) {\n\t\t\tif (!(\"url\" in doc || \"id\" in doc)) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`[PrismicLink] The provided document is missing required properties to properly render a link. The link may not render correctly. For more details, see ${devMsg(\n\t\t\t\t\t\t\"missing-link-properties\",\n\t\t\t\t\t)}`,\n\t\t\t\t\tdoc,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tconst {\n\t\thref: computedHref,\n\t\trel: computedRel,\n\t\t...attrs\n\t} = asLinkAttrs(field ?? doc, {\n\t\tlinkResolver,\n\t\trel: typeof restProps.rel === \"function\" ? restProps.rel : undefined,\n\t});\n\n\tlet rel: string | undefined = computedRel;\n\tif (\"rel\" in restProps && typeof restProps.rel !== \"function\") {\n\t\trel = restProps.rel;\n\t}\n\n\tconst href = (\"href\" in restProps ? restProps.href : computedHref) || \"\";\n\n\tconst InternalComponent = (internalComponent ||\n\t\tdefaultComponent) as ComponentType<LinkProps>;\n\tconst ExternalComponent = (externalComponent ||\n\t\tdefaultComponent) as ComponentType<LinkProps>;\n\tconst Component = href\n\t\t? isInternalURL(href)\n\t\t\t? InternalComponent\n\t\t\t: ExternalComponent\n\t\t: InternalComponent;\n\n\treturn (\n\t\t<Component ref={ref} {...attrs} {...restProps} href={href} rel={rel}>\n\t\t\t{\"children\" in props ? children : field?.text}\n\t\t</Component>\n\t);\n}) as <\n\tInternalComponentProps = ComponentProps<typeof defaultComponent>,\n\tExternalComponentProps = ComponentProps<typeof defaultComponent>,\n>(\n\tprops: PrismicLinkProps<InternalComponentProps, ExternalComponentProps> & {\n\t\tref?: ForwardedRef<Element>;\n\t},\n) => ReactNode;\n\n/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external.\n *\n * @returns `true` if `url` is internal, `false` otherwise.\n */\n// TODO: This does not detect all relative URLs as internal such as `about` or `./about`. This function assumes relative URLs start with a \"/\" or \"#\"`.\nexport function isInternalURL(url: string): boolean {\n\tconst isInternal = /^(\\/(?!\\/)|#)/.test(url);\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//.test(url);\n\n\treturn isInternal && !isSpecialLink;\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,mBAAmB;;;;;;;;;;;;AA6FzB,MAAa,cAAc,WAAW,SAAS,YAI9C,OACA,KACC;CACD,MAAM,EACL,OACA,UAAU,KACV,cACA,mBACA,mBACA,UACA,GAAG,cACA;AAEJ,KAAI;MACC;OACC,CAAC,MAAM,WAAW;AACrB,YAAQ,MACP,yEACA,MACA;AACD,UAAM,IAAI,MACT,8IAA8I,OAC7I,0BACA,GACD;eAEA,UAAU,QACR,OAAO,KAAK,MAAM,CAAC,SAAS,IAC5B,OAAO,KAAK,MAAM,CAAC,SAAS,MAC/B,EAAE,SAAS,SAAS,SAAS,SAAS,QAAQ,OAE9C,SAAQ,KACP,uJAAuJ,OACtJ,0BACA,IACD,MACA;aAEQ;OACN,EAAE,SAAS,OAAO,QAAQ,KAC7B,SAAQ,KACP,0JAA0J,OACzJ,0BACA,IACD,IACA;;;CAKJ,MAAM,EACL,MAAM,cACN,KAAK,aACL,GAAG,UACA,YAAY,SAAS,KAAK;EAC7B;EACA,KAAK,OAAO,UAAU,QAAQ,aAAa,UAAU,MAAM,KAAA;EAC3D,CAAC;CAEF,IAAI,MAA0B;AAC9B,KAAI,SAAS,aAAa,OAAO,UAAU,QAAQ,WAClD,OAAM,UAAU;CAGjB,MAAM,QAAQ,UAAU,YAAY,UAAU,OAAO,iBAAiB;CAEtE,MAAM,oBAAqB,qBAC1B;CACD,MAAM,oBAAqB,qBAC1B;AAOD,QACC,oBAPiB,OACf,cAAc,KAAK,GAClB,oBACA,oBACD,mBAGF;EAAgB;EAAK,GAAI;EAAO,GAAI;EAAiB;EAAW;YAC9D,cAAc,QAAQ,WAAW,OAAO;EAC9B,CAAA;EAEZ;;;;;;;;AAiBF,SAAgB,cAAc,KAAsB;CACnD,MAAM,aAAa,gBAAgB,KAAK,IAAI;CAC5C,MAAM,gBAAgB,CAAC,cAAc,CAAC,eAAe,KAAK,IAAI;AAE9D,QAAO,cAAc,CAAC"}
@@ -1,23 +1,26 @@
1
1
  import { LinkProps } from "./PrismicLink.js";
2
- import { LinkResolverFunction, RichTextField } from "@prismicio/client";
3
2
  import { ComponentType, FC, ReactNode } from "react";
3
+ import { LinkResolverFunction, RichTextField } from "@prismicio/client";
4
4
  import { RichTextFunctionSerializer, RichTextMapSerializer } from "@prismicio/client/richtext";
5
5
 
6
6
  //#region src/PrismicRichText.d.ts
7
7
  /**
8
- * A function mapping rich text block types to React Components. It is used to render rich text
9
- * fields.
8
+ * A function mapping rich text block types to React Components. It is used to
9
+ * render rich text fields.
10
10
  *
11
11
  * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
12
12
  */
13
13
  type JSXFunctionSerializer = RichTextFunctionSerializer<ReactNode>;
14
14
  /**
15
- * A map of rich text block types to React Components. It is used to render rich text fields.
15
+ * A map of rich text block types to React Components. It is used to render rich
16
+ * text fields.
16
17
  *
17
18
  * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}
18
19
  */
19
20
  type RichTextComponents = RichTextMapSerializer<ReactNode>;
20
- /** @deprecated Use `RichTextComponents` instead. */
21
+ /**
22
+ * @deprecated Use `RichTextComponents` instead.
23
+ */
21
24
  type JSXMapSerializer = RichTextComponents;
22
25
  /** Props for `<PrismicRichText>`. */
23
26
  type PrismicRichTextProps = {
@@ -26,8 +29,9 @@ type PrismicRichTextProps = {
26
29
  * The link resolver used to resolve links.
27
30
  *
28
31
  * @remarks
29
- * If your app uses route resolvers when querying for your Prismic repository's content, a link
30
- * resolver does not need to be provided.
32
+ * If your app uses route resolvers when querying for your Prismic
33
+ * repository's content, a link resolver does not need to be provided.
34
+ *
31
35
  * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}
32
36
  */
33
37
  linkResolver?: LinkResolverFunction;
@@ -35,29 +39,28 @@ type PrismicRichTextProps = {
35
39
  * A map or function that maps a rich text block to a React component.
36
40
  *
37
41
  * @remarks
38
- * Prefer using a map serializer over the function serializer when possible. The map serializer
39
- * is simpler to maintain.
40
- * @example
41
- * A map serializer.
42
+ * Prefer using a map serializer over the function serializer when possible.
43
+ * The map serializer is simpler to maintain.
42
44
  *
43
- * ```jsx
44
- * {
45
- * heading1: ({children}) => <Heading>{children}</Heading>
46
- * }
47
- * ```
45
+ * @example A map serializer.
46
+ *
47
+ * ```jsx
48
+ * {
49
+ * heading1: ({children}) => <Heading>{children}</Heading>
50
+ * }
51
+ * ```
48
52
  *
49
- * @example
50
- * A function serializer.
53
+ * @example A function serializer.
51
54
  *
52
- * ```jsx
53
- * (type, node, content, children) => {
55
+ * ```jsx
56
+ * (type, node, content, children) => {
54
57
  * switch (type) {
55
- * case "heading1": {
56
- * return <Heading>{children}</Heading>;
58
+ * case "heading1": {
59
+ * return <Heading>{children}</Heading>;
60
+ * }
57
61
  * }
58
- * }
59
- * };
60
- * ```
62
+ * };
63
+ * ```
61
64
  */
62
65
  components?: RichTextComponents | JSXFunctionSerializer;
63
66
  /**
@@ -73,8 +76,8 @@ type PrismicRichTextProps = {
73
76
  */
74
77
  externalLinkComponent?: ComponentType<LinkProps>;
75
78
  /**
76
- * The value to be rendered when the field is empty. If a fallback is not given, `null` will be
77
- * rendered.
79
+ * The value to be rendered when the field is empty. If a fallback is not
80
+ * given, `null` will be rendered.
78
81
  */
79
82
  fallback?: ReactNode;
80
83
  };
@@ -82,9 +85,10 @@ type PrismicRichTextProps = {
82
85
  * Renders content from a Prismic rich text field as React components.
83
86
  *
84
87
  * @example
85
- * ```tsx
86
- * <PrismicRichText field={slice.primary.text} />;
87
- * ```
88
+ *
89
+ * ```tsx
90
+ * <PrismicRichText field={slice.primary.text} />;
91
+ * ```
88
92
  *
89
93
  * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}
90
94
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicRichText.d.ts","names":[],"sources":["../src/PrismicRichText.tsx"],"mappings":";;;;;;;;AAgCA;;;;KAAY,qBAAA,GAAwB,0BAAA,CAA2B,SAAA;AAO/D;;;;;AAAA,KAAY,kBAAA,GAAqB,qBAAA,CAAsB,SAAA;;KAG3C,gBAAA,GAAmB,kBAAA;;KAGnB,oBAAA;EAAA,6CAEX,KAAA,EAAO,aAAA;;;;;;;;;EAUP,YAAA,GAAe,oBAAA;EAkDJ;;;;;;;;;;;;;;;;;;;;AAkJZ;;;;;;;;EAtKC,UAAA,GAAa,kBAAA,GAAqB,qBAAA;;;;;;EAOlC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;;EAOtC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;EAMtC,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;cAkJC,eAAA,EAAiB,EAAA,CAAG,oBAAA"}
1
+ {"version":3,"file":"PrismicRichText.d.ts","names":[],"sources":["../src/PrismicRichText.tsx"],"mappings":";;;;;;;;AA+BA;;;;KAAY,qBAAA,GAAwB,0BAAA,CAA2B,SAAA;AAQ/D;;;;;AAKA;AALA,KAAY,kBAAA,GAAqB,qBAAA,CAAsB,SAAA;;;;KAK3C,gBAAA,GAAmB,kBAAA;;KAGnB,oBAAA;EAEJ,6CAAP,KAAA,EAAO,aAAA;EAwCM;;;;;;;;;EA7Bb,YAAA,GAAe,oBAAA;EAXR;;;;;;;;;;;;;;;;AAiNR;;;;;;;;;;;EAzKC,UAAA,GAAa,kBAAA,GAAqB,qBAAA;;;;;;EAOlC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;;EAOtC,qBAAA,GAAwB,aAAA,CAAc,SAAA;;;;;EAMtC,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;;cAqJC,eAAA,EAAiB,EAAA,CAAG,oBAAA"}
@@ -1,8 +1,8 @@
1
1
  import { devMsg } from "./lib/devMsg.js";
2
2
  import { PrismicLink } from "./PrismicLink.js";
3
+ import { Fragment, cloneElement, isValidElement } from "react";
3
4
  import { isFilled } from "@prismicio/client";
4
5
  import { DEV } from "esm-env";
5
- import { Fragment, cloneElement, isValidElement } from "react";
6
6
  import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
7
7
  import { composeSerializers, serialize, wrapMapSerializer } from "@prismicio/client/richtext";
8
8
  //#region src/PrismicRichText.tsx
@@ -100,9 +100,10 @@ const createDefaultSerializer = (args) => wrapMapSerializer({
100
100
  * Renders content from a Prismic rich text field as React components.
101
101
  *
102
102
  * @example
103
- * ```tsx
104
- * <PrismicRichText field={slice.primary.text} />;
105
- * ```
103
+ *
104
+ * ```tsx
105
+ * <PrismicRichText field={slice.primary.text} />;
106
+ * ```
106
107
  *
107
108
  * @see Learn how to style rich text, use custom components, and use labels for custom formatting: {@link https://prismic.io/docs/fields/rich-text}
108
109
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicRichText.js","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import {\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\";\nimport {\n\tcloneElement,\n\ttype ComponentType,\n\ttype FC,\n\tFragment,\n\tisValidElement,\n\ttype ReactNode,\n} from \"react\";\n\nimport { devMsg } from \"./lib/devMsg.js\";\nimport { type LinkProps, PrismicLink } from \"./PrismicLink.js\";\n\n/**\n * A function mapping rich text block types to React Components. It is used to render rich text\n * 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 text fields.\n *\n * @see Templating rich text fields {@link https://prismic.io/docs/fields/rich-text}\n */\nexport type RichTextComponents = RichTextMapSerializer<ReactNode>;\n\n/** @deprecated Use `RichTextComponents` instead. */\nexport type JSXMapSerializer = RichTextComponents;\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 repository's content, a link\n\t * resolver does not need to be provided.\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. The map serializer\n\t * is simpler to maintain.\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \theading1: ({children}) => <Heading>{children}</Heading>\n\t * \t}\n\t * \t```\n\t *\n\t * @example\n\t * \tA function serializer.\n\t *\n\t * \t```jsx\n\t * \t(type, node, content, children) => {\n\t * \tswitch (type) {\n\t * \tcase \"heading1\": {\n\t * \treturn <Heading>{children}</Heading>;\n\t * \t}\n\t * \t}\n\t * \t};\n\t * \t```\n\t */\n\tcomponents?: RichTextComponents | 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 given, `null` will be\n\t * 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 = (args: CreateDefaultSerializerArgs): 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 * \t```tsx\n * \t<PrismicRichText field={slice.primary.text} />;\n * \t```\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>(field, (type, node, text, children, key) => {\n\t\tconst result = serializer(type, node, text, children, key);\n\n\t\tif (isValidElement(result) && result.key == null) {\n\t\t\treturn cloneElement(result, { key });\n\t\t} else {\n\t\t\treturn result;\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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"}
1
+ {"version":3,"file":"PrismicRichText.js","names":[],"sources":["../src/PrismicRichText.tsx"],"sourcesContent":["import { type LinkProps, PrismicLink } from \"./PrismicLink.js\";\nimport { devMsg } from \"./lib/devMsg.js\";\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\";\nimport {\n\tcloneElement,\n\ttype ComponentType,\n\ttype FC,\n\tFragment,\n\tisValidElement,\n\ttype ReactNode,\n} from \"react\";\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 RichTextComponents = RichTextMapSerializer<ReactNode>;\n\n/**\n * @deprecated Use `RichTextComponents` instead.\n */\nexport type JSXMapSerializer = RichTextComponents;\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?: RichTextComponents | 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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"}
@@ -1,6 +1,6 @@
1
1
  import { JSXMapSerializer } from "./PrismicRichText.js";
2
- import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
3
2
  import { ComponentType, FC, ReactNode } from "react";
3
+ import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
4
4
 
5
5
  //#region src/PrismicTable.d.ts
6
6
  type TableComponents = {
@@ -35,20 +35,19 @@ type PrismicTableProps = {
35
35
  /**
36
36
  * An object that maps a table block to a React component.
37
37
  *
38
- * @example
39
- * A map serializer.
38
+ * @example A map serializer.
40
39
  *
41
- * ```jsx
42
- * {
43
- * table: ({children}) => <table>{children}</table>
44
- * thead: ({children}) => <thead>{children}</thead>
45
- * }
46
- * ```
40
+ * ```jsx
41
+ * {
42
+ * table: ({children}) => <table>{children}</table>
43
+ * thead: ({children}) => <thead>{children}</thead>
44
+ * }
45
+ * ```
47
46
  */
48
47
  components?: JSXMapSerializer & TableComponents;
49
48
  /**
50
- * The value to be rendered when the field is empty. If a fallback is not given, `null` will be
51
- * rendered.
49
+ * The value to be rendered when the field is empty. If a fallback is not
50
+ * given, `null` will be rendered.
52
51
  */
53
52
  fallback?: ReactNode;
54
53
  };
@@ -56,9 +55,10 @@ type PrismicTableProps = {
56
55
  * Renders content from a Prismic table field as React components.
57
56
  *
58
57
  * @example
59
- * ```tsx
60
- * <PrismicTable field={slice.primary.pricing_table} />;
61
- * ```
58
+ *
59
+ * ```tsx
60
+ * <PrismicTable field={slice.primary.pricing_table} />;
61
+ * ```
62
62
  *
63
63
  * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}
64
64
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicTable.d.ts","names":[],"sources":["../src/PrismicTable.tsx"],"mappings":";;;;;KAcK,eAAA;EACJ,KAAA,GAAQ,aAAA;IAAgB,KAAA,EAAO,UAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC/D,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,EAAA,GAAK,aAAA;IACJ,GAAA,EAAK,iBAAA,GAAoB,iBAAA;IACzB,QAAA,EAAU,SAAA;EAAA;EAEX,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,oBAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC3D,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,kBAAA;IAAoB,QAAA,EAAU,SAAA;EAAA;AAAA;;KAa9C,iBAAA;EArBa,yCAuBxB,KAAA,EAAO,UAAA;EAvB8C;;;;;;;;;;;;;EAsCrD,UAAA,GAAa,gBAAA,GAAmB,eAAA;EAnChC;;;;EAyCA,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;cAaC,YAAA,EAAc,EAAA,CAAG,iBAAA"}
1
+ {"version":3,"file":"PrismicTable.d.ts","names":[],"sources":["../src/PrismicTable.tsx"],"mappings":";;;;;KAcK,eAAA;EACJ,KAAA,GAAQ,aAAA;IAAgB,KAAA,EAAO,UAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC/D,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,KAAA,GAAQ,aAAA;IAAgB,IAAA,EAAM,cAAA;IAAgB,QAAA,EAAU,SAAA;EAAA;EACxD,EAAA,GAAK,aAAA;IACJ,GAAA,EAAK,iBAAA,GAAoB,iBAAA;IACzB,QAAA,EAAU,SAAA;EAAA;EAEX,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,oBAAA;IAAsB,QAAA,EAAU,SAAA;EAAA;EAC3D,EAAA,GAAK,aAAA;IAAgB,IAAA,EAAM,kBAAA;IAAoB,QAAA,EAAU,SAAA;EAAA;AAAA;;KAa9C,iBAAA;EArBa,yCAuBxB,KAAA,EAAO,UAAA;EAvB8C;;;;;;;;;;;;EAqCrD,UAAA,GAAa,gBAAA,GAAmB,eAAA;EAnCwB;;;;EAyCxD,QAAA,GAAW,SAAA;AAAA;;;;;;;;;;;;cAcC,YAAA,EAAc,EAAA,CAAG,iBAAA"}
@@ -14,9 +14,10 @@ const defaultComponents = {
14
14
  * Renders content from a Prismic table field as React components.
15
15
  *
16
16
  * @example
17
- * ```tsx
18
- * <PrismicTable field={slice.primary.pricing_table} />;
19
- * ```
17
+ *
18
+ * ```tsx
19
+ * <PrismicTable field={slice.primary.pricing_table} />;
20
+ * ```
20
21
  *
21
22
  * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}
22
23
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PrismicTable.js","names":[],"sources":["../src/PrismicTable.tsx"],"sourcesContent":["import {\n\tisFilled,\n\ttype TableField,\n\ttype TableFieldHead,\n\ttype TableFieldHeadRow,\n\ttype TableFieldBody,\n\ttype TableFieldBodyRow,\n\ttype TableFieldHeaderCell,\n\ttype TableFieldDataCell,\n} from \"@prismicio/client\";\nimport type { ComponentType, FC, ReactNode } from \"react\";\n\nimport { type JSXMapSerializer, PrismicRichText } from \"./PrismicRichText.js\";\n\ntype TableComponents = {\n\ttable?: ComponentType<{ table: TableField<\"filled\">; children: ReactNode }>;\n\tthead?: ComponentType<{ head: TableFieldHead; children: ReactNode }>;\n\ttbody?: ComponentType<{ body: TableFieldBody; children: ReactNode }>;\n\ttr?: ComponentType<{\n\t\trow: TableFieldHeadRow | TableFieldBodyRow;\n\t\tchildren: ReactNode;\n\t}>;\n\tth?: ComponentType<{ cell: TableFieldHeaderCell; children: ReactNode }>;\n\ttd?: ComponentType<{ cell: TableFieldDataCell; children: ReactNode }>;\n};\n\nconst defaultComponents: Required<TableComponents> = {\n\ttable: ({ children }) => <table>{children}</table>,\n\tthead: ({ children }) => <thead>{children}</thead>,\n\ttbody: ({ children }) => <tbody>{children}</tbody>,\n\ttr: ({ children }) => <tr>{children}</tr>,\n\tth: ({ children }) => <th>{children}</th>,\n\ttd: ({ children }) => <td>{children}</td>,\n};\n\n/** Props for `<PrismicTable>`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField;\n\n\t/**\n\t * An object that maps a table block to a React component.\n\t *\n\t * @example\n\t * \tA map serializer.\n\t *\n\t * \t```jsx\n\t * \t{\n\t * \ttable: ({children}) => <table>{children}</table>\n\t * \tthead: ({children}) => <thead>{children}</thead>\n\t * \t}\n\t * \t```\n\t */\n\tcomponents?: JSXMapSerializer & TableComponents;\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not given, `null` will be\n\t * rendered.\n\t */\n\tfallback?: ReactNode;\n};\n\n/**\n * Renders content from a Prismic table field as React components.\n *\n * @example\n * \t```tsx\n * \t<PrismicTable field={slice.primary.pricing_table} />;\n * \t```\n *\n * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}\n */\nexport const PrismicTable: FC<PrismicTableProps> = (props) => {\n\tconst { field, components, fallback = null } = props;\n\n\tif (!isFilled.table(field)) {\n\t\treturn fallback;\n\t}\n\n\tconst { table: Table, thead: Thead, tbody: Tbody } = { ...defaultComponents, ...components };\n\n\treturn (\n\t\t<Table table={field}>\n\t\t\t{field.head && (\n\t\t\t\t<Thead head={field.head}>\n\t\t\t\t\t{field.head.rows.map((row) => (\n\t\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t\t))}\n\t\t\t\t</Thead>\n\t\t\t)}\n\t\t\t<Tbody body={field.body}>\n\t\t\t\t{field.body.rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t))}\n\t\t\t</Tbody>\n\t\t</Table>\n\t);\n};\n\ntype TableRowProps = {\n\trow: TableFieldHeadRow | TableFieldBodyRow;\n\tcomponents?: JSXMapSerializer & TableComponents;\n};\n\nfunction TableRow(props: TableRowProps) {\n\tconst { row, components } = props;\n\n\tconst { tr: Tr, th: Th, td: Td } = { ...defaultComponents, ...components };\n\n\treturn (\n\t\t<Tr row={row}>\n\t\t\t{row.cells.map((cell) =>\n\t\t\t\tcell.type === \"header\" ? (\n\t\t\t\t\t<Th key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Th>\n\t\t\t\t) : (\n\t\t\t\t\t<Td key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Td>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Tr>\n\t);\n}\n"],"mappings":";;;;AA0BA,MAAM,oBAA+C;CACpD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC;;;;;;;;;;;AAuCD,MAAa,gBAAuC,UAAU;CAC7D,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS;AAE/C,KAAI,CAAC,SAAS,MAAM,MAAM,CACzB,QAAO;CAGR,MAAM,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE5F,QACC,qBAAC,OAAD;EAAO,OAAO;YAAd,CACE,MAAM,QACN,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,EAET,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,CACD;;;AASV,SAAS,SAAS,OAAsB;CACvC,MAAM,EAAE,KAAK,eAAe;CAE5B,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE1E,QACC,oBAAC,IAAD;EAAS;YACP,IAAI,MAAM,KAAK,SACf,KAAK,SAAS,WACb,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,GAEL,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,CAEN;EACG,CAAA"}
1
+ {"version":3,"file":"PrismicTable.js","names":[],"sources":["../src/PrismicTable.tsx"],"sourcesContent":["import type { ComponentType, FC, ReactNode } from \"react\";\nimport {\n\tisFilled,\n\ttype TableField,\n\ttype TableFieldHead,\n\ttype TableFieldHeadRow,\n\ttype TableFieldBody,\n\ttype TableFieldBodyRow,\n\ttype TableFieldHeaderCell,\n\ttype TableFieldDataCell,\n} from \"@prismicio/client\";\n\nimport { type JSXMapSerializer, PrismicRichText } from \"./PrismicRichText.js\";\n\ntype TableComponents = {\n\ttable?: ComponentType<{ table: TableField<\"filled\">; children: ReactNode }>;\n\tthead?: ComponentType<{ head: TableFieldHead; children: ReactNode }>;\n\ttbody?: ComponentType<{ body: TableFieldBody; children: ReactNode }>;\n\ttr?: ComponentType<{\n\t\trow: TableFieldHeadRow | TableFieldBodyRow;\n\t\tchildren: ReactNode;\n\t}>;\n\tth?: ComponentType<{ cell: TableFieldHeaderCell; children: ReactNode }>;\n\ttd?: ComponentType<{ cell: TableFieldDataCell; children: ReactNode }>;\n};\n\nconst defaultComponents: Required<TableComponents> = {\n\ttable: ({ children }) => <table>{children}</table>,\n\tthead: ({ children }) => <thead>{children}</thead>,\n\ttbody: ({ children }) => <tbody>{children}</tbody>,\n\ttr: ({ children }) => <tr>{children}</tr>,\n\tth: ({ children }) => <th>{children}</th>,\n\ttd: ({ children }) => <td>{children}</td>,\n};\n\n/** Props for `<PrismicTable>`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField;\n\n\t/**\n\t * An object that maps a table block to a React component.\n\t *\n\t * @example A map serializer.\n\t *\n\t * ```jsx\n\t * {\n\t * table: ({children}) => <table>{children}</table>\n\t * thead: ({children}) => <thead>{children}</thead>\n\t * }\n\t * ```\n\t */\n\tcomponents?: JSXMapSerializer & TableComponents;\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\n/**\n * Renders content from a Prismic table field as React components.\n *\n * @example\n *\n * ```tsx\n * <PrismicTable field={slice.primary.pricing_table} />;\n * ```\n *\n * @see Learn how to style tables and customize table element components: {@link https://prismic.io/docs/fields/table}\n */\nexport const PrismicTable: FC<PrismicTableProps> = (props) => {\n\tconst { field, components, fallback = null } = props;\n\n\tif (!isFilled.table(field)) {\n\t\treturn fallback;\n\t}\n\n\tconst {\n\t\ttable: Table,\n\t\tthead: Thead,\n\t\ttbody: Tbody,\n\t} = { ...defaultComponents, ...components };\n\n\treturn (\n\t\t<Table table={field}>\n\t\t\t{field.head && (\n\t\t\t\t<Thead head={field.head}>\n\t\t\t\t\t{field.head.rows.map((row) => (\n\t\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t\t))}\n\t\t\t\t</Thead>\n\t\t\t)}\n\t\t\t<Tbody body={field.body}>\n\t\t\t\t{field.body.rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.key} row={row} components={components} />\n\t\t\t\t))}\n\t\t\t</Tbody>\n\t\t</Table>\n\t);\n};\n\ntype TableRowProps = {\n\trow: TableFieldHeadRow | TableFieldBodyRow;\n\tcomponents?: JSXMapSerializer & TableComponents;\n};\n\nfunction TableRow(props: TableRowProps) {\n\tconst { row, components } = props;\n\n\tconst { tr: Tr, th: Th, td: Td } = { ...defaultComponents, ...components };\n\n\treturn (\n\t\t<Tr row={row}>\n\t\t\t{row.cells.map((cell) =>\n\t\t\t\tcell.type === \"header\" ? (\n\t\t\t\t\t<Th key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Th>\n\t\t\t\t) : (\n\t\t\t\t\t<Td key={cell.key} cell={cell}>\n\t\t\t\t\t\t<PrismicRichText field={cell.content} components={components} />\n\t\t\t\t\t</Td>\n\t\t\t\t),\n\t\t\t)}\n\t\t</Tr>\n\t);\n}\n"],"mappings":";;;;AA0BA,MAAM,oBAA+C;CACpD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,QAAQ,EAAE,eAAe,oBAAC,SAAD,EAAQ,UAAiB,CAAA;CAClD,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC,KAAK,EAAE,eAAe,oBAAC,MAAD,EAAK,UAAc,CAAA;CACzC;;;;;;;;;;;;AAuCD,MAAa,gBAAuC,UAAU;CAC7D,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS;AAE/C,KAAI,CAAC,SAAS,MAAM,MAAM,CACzB,QAAO;CAGR,MAAM,EACL,OAAO,OACP,OAAO,OACP,OAAO,UACJ;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE3C,QACC,qBAAC,OAAD;EAAO,OAAO;YAAd,CACE,MAAM,QACN,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,EAET,oBAAC,OAAD;GAAO,MAAM,MAAM;aACjB,MAAM,KAAK,KAAK,KAAK,QACrB,oBAAC,UAAD;IAA6B;IAAiB;IAAc,EAA7C,IAAI,IAAyC,CAC3D;GACK,CAAA,CACD;;;AASV,SAAS,SAAS,OAAsB;CACvC,MAAM,EAAE,KAAK,eAAe;CAE5B,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO;EAAE,GAAG;EAAmB,GAAG;EAAY;AAE1E,QACC,oBAAC,IAAD;EAAS;YACP,IAAI,MAAM,KAAK,SACf,KAAK,SAAS,WACb,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,GAEL,oBAAC,IAAD;GAAyB;aACxB,oBAAC,iBAAD;IAAiB,OAAO,KAAK;IAAqB;IAAc,CAAA;GAC5D,EAFI,KAAK,IAET,CAEN;EACG,CAAA"}