quirk-ui 0.1.93 → 0.1.95
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.
- package/dist/index66.css +1 -1
- package/dist/index66.css.d.ts +6 -28
- package/dist/main.cjs +1 -1
- package/dist/main.d.ts +6 -0
- package/dist/main.mjs +53 -51
- package/dist/next/blocks/MarkdownBlock/MarkdownBlock.test.cjs +3 -10
- package/dist/next/blocks/MarkdownBlock/MarkdownBlock.test.mjs +119 -329
- package/dist/next/blocks/MarkdownBlock/index.cjs +52 -25
- package/dist/next/blocks/MarkdownBlock/index.mjs +7118 -6171
- package/dist/next.cjs +1 -1
- package/dist/next.d.ts +6 -0
- package/dist/next.mjs +47 -45
- package/package.json +3 -1
package/dist/index66.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdownBlock_udiov_8{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._maxWidthSm_udiov_16{max-width:640px}._maxWidthMd_udiov_19{max-width:800px}._maxWidthLg_udiov_22{max-width:1000px}._maxWidthFull_udiov_25{max-width:100%}._container_udiov_4{width:100%;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_udiov_4>*+*{margin-top:var(--spacing-lg)}._container_udiov_4 h1{font-size:var(--font-size-4xl, 2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight, 1.2);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}._container_udiov_4 h2{font-size:var(--font-size-3xl, 1.75rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight, 1.25);margin-top:var(--spacing-2xl, 3rem);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}._container_udiov_4 h3{font-size:var(--font-size-2xl, 1.375rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-xl)}._container_udiov_4 h4{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-lg)}._container_udiov_4 p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-secondary)}._container_udiov_4 ul,._container_udiov_4 ol{padding-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xs)}._container_udiov_4 ul{list-style:disc}._container_udiov_4 ol{list-style:decimal}._container_udiov_4 li{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-secondary)}._container_udiov_4 :not(pre)>code{font-family:var(--font-family-mono, "Fira Code", "Courier New", monospace);font-size:.875em;background-color:var(--color-secondary-10);color:var(--color-primary-100);padding:.1em .4em;border-radius:var(--radius-sm)}._container_udiov_4 pre{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-secondary-10)}._container_udiov_4 pre code{display:block;padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var( --font-family-mono, "Fira Code", "Courier New", monospace );font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre;background:none;border:none;border-radius:0;padding-top:var(--spacing-lg)}._container_udiov_4 blockquote{border-left:4px solid var(--color-primary-100);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-10);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}._container_udiov_4 blockquote p{margin:0;color:var(--color-text-secondary)}._container_udiov_4 table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}._container_udiov_4 thead{background-color:var(--color-secondary-10)}._container_udiov_4 th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:2px solid var(--color-border);white-space:nowrap}._container_udiov_4 td{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top}._container_udiov_4 tr:last-child td{border-bottom:none}._container_udiov_4 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}._container_udiov_4 a{color:var(--color-primary-100);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}._container_udiov_4 a:hover{color:var(--color-primary-75)}._container_udiov_4 img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}._container_udiov_4 input[type=checkbox]{margin-right:var(--spacing-xs);accent-color:var(--color-primary-100)}
|
package/dist/index66.css.d.ts
CHANGED
|
@@ -1,32 +1,10 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "_h1_1ls6v_41": string;
|
|
9
|
-
readonly "_h2_1ls6v_51": string;
|
|
10
|
-
readonly "_h3_1ls6v_62": string;
|
|
11
|
-
readonly "_h4_1ls6v_70": string;
|
|
12
|
-
readonly "_hr_1ls6v_215": string;
|
|
13
|
-
readonly "_img_1ls6v_236": string;
|
|
14
|
-
readonly "_inlineCode_1ls6v_112": string;
|
|
15
|
-
readonly "_li_1ls6v_104": string;
|
|
16
|
-
readonly "_markdownBlock_1ls6v_6": string;
|
|
17
|
-
readonly "_maxWidthFull_1ls6v_35": string;
|
|
18
|
-
readonly "_maxWidthLg_1ls6v_32": string;
|
|
19
|
-
readonly "_maxWidthMd_1ls6v_29": string;
|
|
20
|
-
readonly "_maxWidthSm_1ls6v_26": string;
|
|
21
|
-
readonly "_ol_1ls6v_89": string;
|
|
22
|
-
readonly "_p_1ls6v_80": string;
|
|
23
|
-
readonly "_pre_1ls6v_143": string;
|
|
24
|
-
readonly "_tableWrapper_1ls6v_176": string;
|
|
25
|
-
readonly "_table_1ls6v_176": string;
|
|
26
|
-
readonly "_td_1ls6v_202": string;
|
|
27
|
-
readonly "_th_1ls6v_189": string;
|
|
28
|
-
readonly "_thead_1ls6v_189": string;
|
|
29
|
-
readonly "_ul_1ls6v_88": string;
|
|
2
|
+
readonly "_container_udiov_4": string;
|
|
3
|
+
readonly "_markdownBlock_udiov_8": string;
|
|
4
|
+
readonly "_maxWidthFull_udiov_25": string;
|
|
5
|
+
readonly "_maxWidthLg_udiov_22": string;
|
|
6
|
+
readonly "_maxWidthMd_udiov_19": string;
|
|
7
|
+
readonly "_maxWidthSm_udiov_16": string;
|
|
30
8
|
};
|
|
31
9
|
export = styles;
|
|
32
10
|
|
package/dist/main.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css */const t=require("./core/components/Accordion/index.cjs"),i=require("./AccordionItem-DulgZilf.cjs"),_=require("./core/components/Avatar/index.cjs"),d=require("./core/components/Badge/index.cjs"),s=require("./core/components/Box/index.cjs"),a=require("./core/components/Breadcrumbs/index.cjs"),l=require("./core/components/ButtonGroup/index.cjs"),u=require("./index-hPJqlEOh.cjs"),x=require("./core/components/Card/index.cjs"),k=require("./core/components/Carousel/index.cjs"),p=require("./core/components/Checkbox/index.cjs"),B=require("./core/components/Container/index.cjs"),q=require("./core/components/DatePicker/index.cjs"),m=require("./core/components/Divider/index.cjs"),C=require("./core/components/Drawer/index.cjs"),T=require("./core/components/Fieldset/index.cjs"),b=require("./core/components/FileUpload/index.cjs"),S=require("./core/components/FloatingActionButton/index.cjs"),g=require("./core/components/Footer/index.cjs"),A=require("./core/components/Form/index.cjs"),h=require("./core/components/Grid/index.cjs"),v=require("./core/components/Heading/index.cjs"),R=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),L=require("./core/components/List/index.cjs"),P=require("./core/components/Modal/index.cjs"),D=require("./core/components/NavBar/index.cjs"),H=require("./core/components/Notification/index.cjs"),G=require("./core/components/NotificationContainer/index.cjs"),w=require("./core/components/ProgressBar/index.cjs"),f=require("./core/components/Radio/index.cjs"),N=require("./core/components/Range/index.cjs"),I=require("./core/components/Select/index.cjs"),M=require("./core/components/Sidebar/index.cjs"),y=require("./core/components/Skeleton/index.cjs"),Q=require("./core/components/Spacer/index.cjs"),U=require("./core/components/Spinner/index.cjs"),W=require("./core/components/Stack/index.cjs"),E=require("./core/components/Switch/index.cjs"),Y=require("./core/components/Table/index.cjs"),j=require("./core/components/Tabs/index.cjs"),O=require("./core/components/Text/index.cjs"),z=require("./core/components/Textarea/index.cjs"),J=require("./core/components/Tooltip/index.cjs"),K=require("./core/utils/ThemeProvider/index.cjs"),V=require("./next/blocks/AccordionBlock/index.cjs"),X=require("./next/blocks/AdditionalCategoriesBlock/index.cjs"),Z=require("./next/blocks/CardGridBlock/index.cjs"),$=require("./next/blocks/CarouselBlock/index.cjs"),ee=require("./next/blocks/ContentBlock/index.cjs"),oe=require("./next/blocks/DocumentListBlock/index.cjs"),re=require("./next/blocks/FeaturedDocumentsBlock/index.cjs"),ne=require("./next/blocks/HeroBlock/index.cjs"),o=require("./next/blocks/HeroBlock/HeroContext.cjs"),ce=require("./next/ui/LocaleLink/index.cjs"),te=require("./next/blocks/QuoteBlock/index.cjs"),ie=require("./next/blocks/RichTextBlock/index.cjs"),_e=require("./next/blocks/MarkdownBlock/index.cjs"),de=require("./next/ui/PortableTextRenderer/index.cjs"),se=require("./next/blocks/StickyScrollBlock/index.cjs"),ae=require("./next/blocks/TabsBlock/index.cjs"),le=require("./next/blocks/WasHelpfulBlock/index.cjs"),ue=require("./next/blocks/FormBlock/index.cjs"),xe=require("./next/cards/SpotlightCard/index.cjs"),ke=require("./next/cards/BlogArticleCard/index.cjs"),pe=require("./next/cards/SpotlightCardAdapter.cjs"),Be=require("./next/cards/BlogArticleCardAdapter.cjs"),r=require("./next/cards/cardRegistry.cjs"),qe=require("./next/cards/BioCard/index.cjs"),me=require("./next/cards/GridCard/index.cjs"),Ce=require("./next/cards/ProductCard/index.cjs"),Te=require("./next/cards/ReviewCard/index.cjs"),be=require("./next/cards/SegmentCard/index.cjs"),Se=require("./next/cards/ServiceCard/index.cjs"),ge=require("./next/cards/TestimonialCard/index.cjs"),n=require("./next/context/LocaleBridge.cjs"),c=require("./core/context/ThemeContext.cjs"),e=require("./next/utils/blockRenderers.cjs");exports.Accordion=t.Accordion;exports.AccordionItem=i.AccordionItem;exports.Avatar=_.Avatar;exports.Badge=d.Badge;exports.Box=s.Box;exports.Breadcrumbs=a.Breadcrumbs;exports.ButtonGroup=l.ButtonGroup;exports.Button=u.Button;exports.Card=x.Card;exports.Carousel=k.Carousel;exports.Checkbox=p.Checkbox;exports.Container=B.Container;exports.DatePicker=q.DatePicker;exports.Divider=m.Divider;exports.Drawer=C.Drawer;exports.Fieldset=T.Fieldset;exports.FileUpload=b.FileUpload;exports.FloatingActionButton=S.FloatingActionButton;exports.Footer=g.Footer;exports.Form=A.Form;exports.Grid=h.Grid;exports.Heading=v.Heading;exports.Input=R.Input;exports.Label=F.Label;exports.List=L.List;exports.Modal=P.Modal;exports.Navbar=D.Navbar;exports.Notification=H.Notification;exports.NotificationContainer=G.NotificationContainer;exports.ProgressBar=w.ProgressBar;exports.Radio=f.Radio;exports.Range=N.Range;exports.Select=I.Select;exports.Sidebar=M.Sidebar;exports.Skeleton=y.Skeleton;exports.Spacer=Q.Spacer;exports.Spinner=U.Spinner;exports.Stack=W.Stack;exports.Switch=E.Switch;exports.Table=Y.Table;exports.Tabs=j.Tabs;exports.Text=O.Text;exports.Textarea=z.Textarea;exports.Tooltip=J.Tooltip;exports.ThemeProvider=K.ThemeProvider;exports.AccordionBlock=V.AccordionBlock;exports.AdditionalCategoriesBlock=X.AdditionalCategoriesBlock;exports.CardGridBlock=Z.CardGridBlock;exports.CarouselBlock=$.CarouselBlock;exports.ContentBlock=ee.ContentBlock;exports.DocumentListBlock=oe.DocumentListBlock;exports.FeaturedDocumentsBlock=re.FeaturedDocumentsBlock;exports.HeroBlock=ne.HeroBlock;exports.HeroProvider=o.HeroProvider;exports.useHeroContext=o.useHeroContext;exports.LocaleLink=ce.LocaleLink;exports.QuoteBlock=te.QuoteBlock;exports.RichTextBlock=ie.RichTextBlock;exports.MarkdownBlock=_e.MarkdownBlock;exports.RichText=de.RichText;exports.StickyScrollBlock=se.StickyScrollBlock;exports.TabsBlock=ae.TabsBlock;exports.WasHelpfulBlock=le.WasHelpfulBlock;exports.FormBlock=ue.FormBlock;exports.SpotlightCard=xe.SpotlightCard;exports.BlogArticleCard=ke.BlogArticleCard;exports.SpotlightCardAdapter=pe.SpotlightCardAdapter;exports.BlogArticleCardAdapter=Be.BlogArticleCardAdapter;exports.CARD_REGISTRY=r.CARD_REGISTRY;exports.resolveCard=r.resolveCard;exports.BioCard=qe.BioCard;exports.GridCard=me.GridCard;exports.ProductCard=Ce.ProductCard;exports.ReviewCard=Te.ReviewCard;exports.SegmentCard=be.SegmentCard;exports.ServiceCard=Se.ServiceCard;exports.TestimonialCard=ge.TestimonialCard;exports.LocaleBridgeProvider=n.LocaleBridgeProvider;exports.useLocaleBridge=n.useLocaleBridge;exports.AppThemeProvider=c.AppThemeProvider;exports.useTheme=c.useTheme;exports.extractText=e.extractText;exports.renderCallToAction=e.renderCallToAction;exports.renderRichText=e.renderRichText;
|
package/dist/main.d.ts
CHANGED
|
@@ -32,6 +32,8 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
32
32
|
import { Link } from './sanity/types/link';
|
|
33
33
|
import { LinkAdapter } from './core/types/adapters';
|
|
34
34
|
import { LinkProps } from 'next/link';
|
|
35
|
+
import { MarkdownBlockProps } from './next/blocks/MarkdownBlock/MarkdownBlock.types';
|
|
36
|
+
import { MarkdownBlockProps as MarkdownBlockProps_2 } from './MarkdownBlock.types';
|
|
35
37
|
import { MetricType } from './sanity/types/metric';
|
|
36
38
|
import { NavigationData } from './sanity/types/navigation';
|
|
37
39
|
import { PageProps } from './sanity/types/page';
|
|
@@ -1195,6 +1197,10 @@ declare const marginClassMap: {
|
|
|
1195
1197
|
readonly xl: string;
|
|
1196
1198
|
};
|
|
1197
1199
|
|
|
1200
|
+
export declare function MarkdownBlock({ content, styleOptions, id, }: MarkdownBlockProps_2): Promise<JSX.Element | null>;
|
|
1201
|
+
|
|
1202
|
+
export { MarkdownBlockProps }
|
|
1203
|
+
|
|
1198
1204
|
export { MetricType }
|
|
1199
1205
|
|
|
1200
1206
|
export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onOpen, onClose, size, closeOnEscape, closeOnOverlayClick, showCloseButton, className, overlayClassName, style, title, }: ModalProps): JSX.Element;
|
package/dist/main.mjs
CHANGED
|
@@ -16,7 +16,7 @@ import { Divider as P } from "./core/components/Divider/index.mjs";
|
|
|
16
16
|
import { Drawer as G } from "./core/components/Drawer/index.mjs";
|
|
17
17
|
import { Fieldset as w } from "./core/components/Fieldset/index.mjs";
|
|
18
18
|
import { FileUpload as N } from "./core/components/FileUpload/index.mjs";
|
|
19
|
-
import { FloatingActionButton as
|
|
19
|
+
import { FloatingActionButton as y } from "./core/components/FloatingActionButton/index.mjs";
|
|
20
20
|
import { Footer as Q } from "./core/components/Footer/index.mjs";
|
|
21
21
|
import { Form as W } from "./core/components/Form/index.mjs";
|
|
22
22
|
import { Grid as _ } from "./core/components/Grid/index.mjs";
|
|
@@ -42,8 +42,8 @@ import { Table as Lo } from "./core/components/Table/index.mjs";
|
|
|
42
42
|
import { Tabs as Do } from "./core/components/Tabs/index.mjs";
|
|
43
43
|
import { Text as Ho } from "./core/components/Text/index.mjs";
|
|
44
44
|
import { Textarea as Io } from "./core/components/Textarea/index.mjs";
|
|
45
|
-
import { Tooltip as
|
|
46
|
-
import { ThemeProvider as
|
|
45
|
+
import { Tooltip as Mo } from "./core/components/Tooltip/index.mjs";
|
|
46
|
+
import { ThemeProvider as Eo } from "./core/utils/ThemeProvider/index.mjs";
|
|
47
47
|
import { AccordionBlock as Uo } from "./next/blocks/AccordionBlock/index.mjs";
|
|
48
48
|
import { AdditionalCategoriesBlock as Yo } from "./next/blocks/AdditionalCategoriesBlock/index.mjs";
|
|
49
49
|
import { CardGridBlock as jo } from "./next/blocks/CardGridBlock/index.mjs";
|
|
@@ -56,42 +56,43 @@ import { HeroProvider as er, useHeroContext as tr } from "./next/blocks/HeroBloc
|
|
|
56
56
|
import { LocaleLink as mr } from "./next/ui/LocaleLink/index.mjs";
|
|
57
57
|
import { QuoteBlock as fr } from "./next/blocks/QuoteBlock/index.mjs";
|
|
58
58
|
import { RichTextBlock as ir } from "./next/blocks/RichTextBlock/index.mjs";
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
59
|
+
import { MarkdownBlock as lr } from "./next/blocks/MarkdownBlock/index.mjs";
|
|
60
|
+
import { RichText as nr } from "./next/ui/PortableTextRenderer/index.mjs";
|
|
61
|
+
import { StickyScrollBlock as Cr } from "./next/blocks/StickyScrollBlock/index.mjs";
|
|
62
|
+
import { TabsBlock as sr } from "./next/blocks/TabsBlock/index.mjs";
|
|
63
|
+
import { WasHelpfulBlock as Tr } from "./next/blocks/WasHelpfulBlock/index.mjs";
|
|
64
|
+
import { FormBlock as Sr } from "./next/blocks/FormBlock/index.mjs";
|
|
65
|
+
import { SpotlightCard as hr } from "./next/cards/SpotlightCard/index.mjs";
|
|
66
|
+
import { BlogArticleCard as Rr } from "./next/cards/BlogArticleCard/index.mjs";
|
|
67
|
+
import { SpotlightCardAdapter as Fr } from "./next/cards/SpotlightCardAdapter.mjs";
|
|
68
|
+
import { BlogArticleCardAdapter as Pr } from "./next/cards/BlogArticleCardAdapter.mjs";
|
|
69
|
+
import { CARD_REGISTRY as Gr, resolveCard as Hr } from "./next/cards/cardRegistry.mjs";
|
|
70
|
+
import { BioCard as Ir } from "./next/cards/BioCard/index.mjs";
|
|
71
|
+
import { GridCard as Mr } from "./next/cards/GridCard/index.mjs";
|
|
72
|
+
import { ProductCard as Er } from "./next/cards/ProductCard/index.mjs";
|
|
73
|
+
import { ReviewCard as Ur } from "./next/cards/ReviewCard/index.mjs";
|
|
74
|
+
import { SegmentCard as Yr } from "./next/cards/SegmentCard/index.mjs";
|
|
75
|
+
import { ServiceCard as jr } from "./next/cards/ServiceCard/index.mjs";
|
|
76
|
+
import { TestimonialCard as zr } from "./next/cards/TestimonialCard/index.mjs";
|
|
77
|
+
import { LocaleBridgeProvider as Kr, useLocaleBridge as Or } from "./next/context/LocaleBridge.mjs";
|
|
78
|
+
import { AppThemeProvider as Xr, useTheme as Zr } from "./core/context/ThemeContext.mjs";
|
|
79
|
+
import { extractText as oe, renderCallToAction as re, renderRichText as ee } from "./next/utils/blockRenderers.mjs";
|
|
79
80
|
export {
|
|
80
81
|
t as Accordion,
|
|
81
82
|
Uo as AccordionBlock,
|
|
82
83
|
m as AccordionItem,
|
|
83
84
|
Yo as AdditionalCategoriesBlock,
|
|
84
|
-
|
|
85
|
+
Xr as AppThemeProvider,
|
|
85
86
|
f as Avatar,
|
|
86
87
|
i as Badge,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
Ir as BioCard,
|
|
89
|
+
Rr as BlogArticleCard,
|
|
90
|
+
Pr as BlogArticleCardAdapter,
|
|
90
91
|
l as Box,
|
|
91
92
|
n as Breadcrumbs,
|
|
92
93
|
s as Button,
|
|
93
94
|
C as ButtonGroup,
|
|
94
|
-
|
|
95
|
+
Gr as CARD_REGISTRY,
|
|
95
96
|
T as Card,
|
|
96
97
|
jo as CardGridBlock,
|
|
97
98
|
S as Carousel,
|
|
@@ -106,58 +107,59 @@ export {
|
|
|
106
107
|
Zo as FeaturedDocumentsBlock,
|
|
107
108
|
w as Fieldset,
|
|
108
109
|
N as FileUpload,
|
|
109
|
-
|
|
110
|
+
y as FloatingActionButton,
|
|
110
111
|
Q as Footer,
|
|
111
112
|
W as Form,
|
|
112
|
-
|
|
113
|
+
Sr as FormBlock,
|
|
113
114
|
_ as Grid,
|
|
114
|
-
|
|
115
|
+
Mr as GridCard,
|
|
115
116
|
q as Heading,
|
|
116
117
|
or as HeroBlock,
|
|
117
118
|
er as HeroProvider,
|
|
118
119
|
J as Input,
|
|
119
120
|
O as Label,
|
|
120
121
|
X as List,
|
|
121
|
-
|
|
122
|
+
Kr as LocaleBridgeProvider,
|
|
122
123
|
mr as LocaleLink,
|
|
124
|
+
lr as MarkdownBlock,
|
|
123
125
|
$ as Modal,
|
|
124
126
|
ro as Navbar,
|
|
125
127
|
to as Notification,
|
|
126
128
|
mo as NotificationContainer,
|
|
127
|
-
|
|
129
|
+
Er as ProductCard,
|
|
128
130
|
fo as ProgressBar,
|
|
129
131
|
fr as QuoteBlock,
|
|
130
132
|
io as Radio,
|
|
131
133
|
lo as Range,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
+
Ur as ReviewCard,
|
|
135
|
+
nr as RichText,
|
|
134
136
|
ir as RichTextBlock,
|
|
135
|
-
|
|
137
|
+
Yr as SegmentCard,
|
|
136
138
|
Bo as Select,
|
|
137
|
-
|
|
139
|
+
jr as ServiceCard,
|
|
138
140
|
ko as Sidebar,
|
|
139
141
|
uo as Skeleton,
|
|
140
142
|
Ao as Spacer,
|
|
141
143
|
go as Spinner,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
+
hr as SpotlightCard,
|
|
145
|
+
Fr as SpotlightCardAdapter,
|
|
144
146
|
vo as Stack,
|
|
145
|
-
|
|
147
|
+
Cr as StickyScrollBlock,
|
|
146
148
|
bo as Switch,
|
|
147
149
|
Lo as Table,
|
|
148
150
|
Do as Tabs,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
sr as TabsBlock,
|
|
152
|
+
zr as TestimonialCard,
|
|
151
153
|
Ho as Text,
|
|
152
154
|
Io as Textarea,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
155
|
+
Eo as ThemeProvider,
|
|
156
|
+
Mo as Tooltip,
|
|
157
|
+
Tr as WasHelpfulBlock,
|
|
158
|
+
oe as extractText,
|
|
159
|
+
re as renderCallToAction,
|
|
160
|
+
ee as renderRichText,
|
|
161
|
+
Hr as resolveCard,
|
|
160
162
|
tr as useHeroContext,
|
|
161
|
-
|
|
162
|
-
|
|
163
|
+
Or as useLocaleBridge,
|
|
164
|
+
Zr as useTheme
|
|
163
165
|
};
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
"use strict";const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
2. Second
|
|
5
|
-
3. Third`;e.it("renders an <ol> element with the ol class",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelector("ol");e.globalExpect(a).toBeInTheDocument(),e.globalExpect(a==null?void 0:a.className).toContain("ol")}),e.it("renders three list items",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect(t.querySelectorAll("li")).toHaveLength(3)})});e.describe("6. Inline code — <code> with inlineCode class",()=>{e.it("renders inline code with the inlineCode class",()=>{const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Use `console.log()` here.")})),t=o.querySelector("code");e.globalExpect(t).toBeInTheDocument(),e.globalExpect(t==null?void 0:t.className).toContain("inlineCode")}),e.it("does not wrap inline code in a codeBlock div",()=>{const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Use `console.log()` here.")}));e.globalExpect(o.querySelector(".codeBlock")).toBeNull()}),e.it("renders the inline code text",()=>{e.render(n.jsx(r.MarkdownBlock,{...l("Use `myFunction()` here.")})),e.globalExpect(e.screen.getByText("myFunction()")).toBeInTheDocument()})});e.describe("7. Fenced code block — codeBlock wrapper, pre, code",()=>{const o="```\nconst x = 1;\n```";e.it("renders a codeBlock wrapper div",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect(t.querySelector(".codeBlock")).toBeInTheDocument()}),e.it("renders a <pre> inside the codeBlock",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect(t.querySelector(".codeBlock pre")).toBeInTheDocument()}),e.it("renders a <code> inside the pre with the code class",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelector(".codeBlock pre code");e.globalExpect(a).toBeInTheDocument(),e.globalExpect(a==null?void 0:a.className).toContain("code")}),e.it("renders the code content",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByText(/const x = 1/)).toBeInTheDocument()})});e.describe("8. Code language label — shown when language specified; absent when not",()=>{e.it("renders the language label when a language is specified",()=>{const o="```tsx\nconst x = 1;\n```",{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelector(".codeLanguage");e.globalExpect(a).toBeInTheDocument(),e.globalExpect(a==null?void 0:a.textContent).toBe("tsx")}),e.it("does not render the language label when no language is specified",()=>{const o="```\nconst x = 1;\n```",{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect(t.querySelector(".codeLanguage")).toBeNull()}),e.it("correctly extracts 'javascript' from language-javascript className",()=>{var a;const o="```javascript\nconsole.log('hi');\n```",{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect((a=t.querySelector(".codeLanguage"))==null?void 0:a.textContent).toBe("javascript")})});e.describe("9. Blockquote — <blockquote> with class",()=>{e.it("renders a blockquote element",()=>{const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("> This is a quote.")}));e.globalExpect(o.querySelector("blockquote")).toBeInTheDocument()}),e.it("applies the blockquote class",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("> This is a quote.")}));e.globalExpect((t=o.querySelector("blockquote"))==null?void 0:t.className).toContain("blockquote")}),e.it("renders the blockquote text",()=>{e.render(n.jsx(r.MarkdownBlock,{...l("> Famous words.")})),e.globalExpect(e.screen.getByText("Famous words.")).toBeInTheDocument()})});e.describe("10. Table (GFM) — tableWrapper, table, thead, th, td rendered",()=>{const o=`
|
|
6
|
-
| Name | Age |
|
|
7
|
-
|-------|-----|
|
|
8
|
-
| Alice | 30 |
|
|
9
|
-
| Bob | 25 |
|
|
10
|
-
`.trim();e.it("renders a tableWrapper div",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect(t.querySelector(".tableWrapper")).toBeInTheDocument()}),e.it("renders a table with the table class",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelector("table");e.globalExpect(a).toBeInTheDocument(),e.globalExpect(a==null?void 0:a.className).toContain("table")}),e.it("renders a thead with the thead class",()=>{var a;const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)}));e.globalExpect((a=t.querySelector("thead"))==null?void 0:a.className).toContain("thead")}),e.it("renders th elements with the th class",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelectorAll("th");e.globalExpect(a.length).toBeGreaterThan(0),a.forEach(c=>e.globalExpect(c.className).toContain("th"))}),e.it("renders td elements with the td class",()=>{const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l(o)})),a=t.querySelectorAll("td");e.globalExpect(a.length).toBeGreaterThan(0),a.forEach(c=>e.globalExpect(c.className).toContain("td"))}),e.it("renders the table header text",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByText("Name")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Age")).toBeInTheDocument()}),e.it("renders the table cell content",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByText("Alice")).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Bob")).toBeInTheDocument()})});e.describe("11. Horizontal rule — <hr> with class",()=>{e.it("renders an hr element",()=>{const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("---")}));e.globalExpect(o.querySelector("hr")).toBeInTheDocument()}),e.it("applies the hr class",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("---")}));e.globalExpect((t=o.querySelector("hr"))==null?void 0:t.className).toContain("hr")})});e.describe("12. External link — target=_blank and rel=noopener noreferrer",()=>{const o="[Visit Example](https://example.com)";e.it("renders an anchor element",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link")).toBeInTheDocument()}),e.it("sets target=_blank on external links",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").getAttribute("target")).toBe("_blank")}),e.it("sets rel=noopener noreferrer on external links",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").getAttribute("rel")).toBe("noopener noreferrer")}),e.it("applies the a class",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").className).toContain("a")})});e.describe("13. Internal link — no target or rel on relative links",()=>{const o="[About](/about)";e.it("renders an anchor without target",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").getAttribute("target")).toBeNull()}),e.it("renders an anchor without rel",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").getAttribute("rel")).toBeNull()}),e.it("sets the correct href",()=>{e.render(n.jsx(r.MarkdownBlock,{...l(o)})),e.globalExpect(e.screen.getByRole("link").getAttribute("href")).toBe("/about")})});e.describe("14. Image — <img> with class; alt defaults to empty string",()=>{e.it("renders an img element",()=>{const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("")}));e.globalExpect(o.querySelector("img")).toBeInTheDocument()}),e.it("applies the img class",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("")}));e.globalExpect((t=o.querySelector("img"))==null?void 0:t.className).toContain("img")}),e.it("sets the alt text from the markdown",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("")}));e.globalExpect((t=o.querySelector("img"))==null?void 0:t.alt).toBe("My Alt")}),e.it("defaults alt to empty string when not provided",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("")}));e.globalExpect((t=o.querySelector("img"))==null?void 0:t.alt).toBe("")})});e.describe("15. maxWidth class — sm/md/lg/full applied; defaults to lg",()=>{const o=[["sm","maxWidthSm"],["md","maxWidthMd"],["lg","maxWidthLg"],["full","maxWidthFull"]];e.it.each(o)('maxWidth="%s" applies class "%s"',(t,a)=>{var s;const{container:c}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello",{maxWidth:t})}));e.globalExpect((s=c.querySelector(".container"))==null?void 0:s.className).toContain(a)}),e.it("defaults to maxWidthLg when maxWidth is not provided",()=>{var a;const{container:t}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello")}));e.globalExpect((a=t.querySelector(".container"))==null?void 0:a.className).toContain("maxWidthLg")})});e.describe("16. background class — capitalised and prefixed with 'background'",()=>{e.it("applies backgroundGray for background='gray'",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello",{background:"gray"})}));e.globalExpect((t=o.querySelector("section"))==null?void 0:t.className).toContain("backgroundGray")}),e.it("applies backgroundDark for background='dark'",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello",{background:"dark"})}));e.globalExpect((t=o.querySelector("section"))==null?void 0:t.className).toContain("backgroundDark")}),e.it("does not add a background class when background is not provided",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello")}));e.globalExpect((t=o.querySelector("section"))==null?void 0:t.className).not.toContain("background")})});e.describe("17. padding classes — array joined and applied to outer section",()=>{e.it("applies a single padding class",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello",{padding:["pt-8"]})}));e.globalExpect((t=o.querySelector("section"))==null?void 0:t.className).toContain("pt-8")}),e.it("applies multiple padding classes",()=>{var a;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello",{padding:["pt-8","pb-16"]})})),t=((a=o.querySelector("section"))==null?void 0:a.className)??"";e.globalExpect(t).toContain("pt-8"),e.globalExpect(t).toContain("pb-16")}),e.it("does not add extra classes when padding is not provided",()=>{var t;const{container:o}=e.render(n.jsx(r.MarkdownBlock,{...l("Hello")}));e.globalExpect((t=o.querySelector("section"))==null?void 0:t.className.trim()).toBe("markdownBlock")})});
|
|
1
|
+
"use strict";const t=require("../../../react.esm-C_9Ma9mj.cjs"),c=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");t.vi.mock("remark",()=>({remark:()=>({use:function(){return this},process:t.vi.fn(async n=>({toString:()=>`<p>${n}</p>`}))})}));t.vi.mock("remark-gfm",()=>({default:()=>{}}));t.vi.mock("remark-html",()=>({default:()=>{}}));async function a(n){const e=await c.MarkdownBlock(n);return e?t.render(e):{container:document.createElement("div")}}t.describe("MarkdownBlock",()=>{const n=`# Hello
|
|
2
|
+
|
|
3
|
+
This is **markdown** content.`;t.describe("Rendering",()=>{t.it("renders a section element",async()=>{const{container:e}=await a({content:n});t.globalExpect(e.querySelector("section")).toBeInTheDocument()}),t.it("renders nothing when content is undefined",async()=>{const e=await c.MarkdownBlock({});t.globalExpect(e).toBeNull()}),t.it("renders nothing when content is empty string",async()=>{const e=await c.MarkdownBlock({content:""});t.globalExpect(e).toBeNull()}),t.it("renders processed HTML via dangerouslySetInnerHTML",async()=>{const{container:e}=await a({content:n});t.globalExpect(e.querySelector("p")).toBeInTheDocument()}),t.it("renders with id prop",async()=>{var o;const{container:e}=await a({content:n,id:"markdown-section"});t.globalExpect((o=e.querySelector("section"))==null?void 0:o.id).toBe("markdown-section")}),t.it("accepts _key prop without error",async()=>{await t.globalExpect(a({content:n})).resolves.not.toThrow()})}),t.describe("Max width",()=>{t.it("applies large max width by default",async()=>{const{container:e}=await a({content:n});t.globalExpect(e.querySelector("[class*=maxWidthLg]")).toBeInTheDocument()}),t.it("applies small max width",async()=>{const{container:e}=await a({content:n,styleOptions:{maxWidth:"sm"}});t.globalExpect(e.querySelector("[class*=maxWidthSm]")).toBeInTheDocument()}),t.it("applies medium max width",async()=>{const{container:e}=await a({content:n,styleOptions:{maxWidth:"md"}});t.globalExpect(e.querySelector("[class*=maxWidthMd]")).toBeInTheDocument()}),t.it("applies full max width",async()=>{const{container:e}=await a({content:n,styleOptions:{maxWidth:"full"}});t.globalExpect(e.querySelector("[class*=maxWidthFull]")).toBeInTheDocument()})}),t.describe("Style options",()=>{t.it("applies padding classes to section",async()=>{const{container:e}=await a({content:n,styleOptions:{padding:["paddingTop4","paddingBottom4"]}}),o=e.querySelector("section");t.globalExpect(o==null?void 0:o.className).toContain("paddingTop4"),t.globalExpect(o==null?void 0:o.className).toContain("paddingBottom4")}),t.it("applies capitalised background class to section",async()=>{const{container:e}=await a({content:n,styleOptions:{background:"primary"}}),o=e.querySelector("section");t.globalExpect(o==null?void 0:o.className).toContain("backgroundPrimary")}),t.it("renders without styleOptions",async()=>{const{container:e}=await a({content:n});t.globalExpect(e.querySelector("section")).toBeInTheDocument()}),t.it("accepts all styleOptions props without error",async()=>{await t.globalExpect(a({content:n,styleOptions:{padding:["paddingTop2","paddingBottom2"],background:"white",maxWidth:"md"}})).resolves.not.toThrow()})})});
|