@activecollab/components 2.0.408 → 2.0.410
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/cjs/components/BreakPoints.js +12 -1
- package/dist/cjs/components/BreakPoints.js.map +1 -1
- package/dist/cjs/components/Columns/Columns.js +42 -0
- package/dist/cjs/components/Columns/Columns.js.map +1 -0
- package/dist/cjs/components/Columns/Styles.js +25 -0
- package/dist/cjs/components/Columns/Styles.js.map +1 -0
- package/dist/cjs/components/Columns/index.js +17 -0
- package/dist/cjs/components/Columns/index.js.map +1 -0
- package/dist/cjs/components/Icons/collection/Project.js +98 -0
- package/dist/cjs/components/Icons/collection/Project.js.map +1 -0
- package/dist/cjs/components/Icons/collection/Task.js +61 -0
- package/dist/cjs/components/Icons/collection/Task.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +14 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/components/LayoutTokens.js +21 -0
- package/dist/cjs/components/LayoutTokens.js.map +1 -0
- package/dist/cjs/components/Media/Media.js +39 -0
- package/dist/cjs/components/Media/Media.js.map +1 -0
- package/dist/cjs/components/Media/Styles.js +18 -0
- package/dist/cjs/components/Media/Styles.js.map +1 -0
- package/dist/cjs/components/Media/index.js +17 -0
- package/dist/cjs/components/Media/index.js.map +1 -0
- package/dist/cjs/components/PortableText/PortableText.js +125 -0
- package/dist/cjs/components/PortableText/PortableText.js.map +1 -0
- package/dist/cjs/components/PortableText/Styles.js +33 -0
- package/dist/cjs/components/PortableText/Styles.js.map +1 -0
- package/dist/cjs/components/PortableText/index.js +39 -0
- package/dist/cjs/components/PortableText/index.js.map +1 -0
- package/dist/cjs/components/PortableText/renderers.js +116 -0
- package/dist/cjs/components/PortableText/renderers.js.map +1 -0
- package/dist/cjs/components/PortableText/types.js +122 -0
- package/dist/cjs/components/PortableText/types.js.map +1 -0
- package/dist/cjs/components/PortableText/types.test.js +183 -0
- package/dist/cjs/components/PortableText/types.test.js.map +1 -0
- package/dist/cjs/components/Row/Row.js +30 -0
- package/dist/cjs/components/Row/Row.js.map +1 -0
- package/dist/cjs/components/Row/Styles.js +25 -0
- package/dist/cjs/components/Row/Styles.js.map +1 -0
- package/dist/cjs/components/Row/index.js +17 -0
- package/dist/cjs/components/Row/index.js.map +1 -0
- package/dist/cjs/components/Stack/Stack.js +27 -0
- package/dist/cjs/components/Stack/Stack.js.map +1 -0
- package/dist/cjs/components/Stack/Styles.js +21 -0
- package/dist/cjs/components/Stack/Styles.js.map +1 -0
- package/dist/cjs/components/Stack/index.js +17 -0
- package/dist/cjs/components/Stack/index.js.map +1 -0
- package/dist/cjs/components/Tiles/Styles.js +25 -0
- package/dist/cjs/components/Tiles/Styles.js.map +1 -0
- package/dist/cjs/components/Tiles/Tiles.js +29 -0
- package/dist/cjs/components/Tiles/Tiles.js.map +1 -0
- package/dist/cjs/components/Tiles/index.js +17 -0
- package/dist/cjs/components/Tiles/index.js.map +1 -0
- package/dist/cjs/components/TitledText/Styles.js +15 -0
- package/dist/cjs/components/TitledText/Styles.js.map +1 -0
- package/dist/cjs/components/TitledText/TitledText.js +50 -0
- package/dist/cjs/components/TitledText/TitledText.js.map +1 -0
- package/dist/cjs/components/TitledText/index.js +17 -0
- package/dist/cjs/components/TitledText/index.js.map +1 -0
- package/dist/cjs/components/index.js +88 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/presentation/shared/MessageDialog.js +351 -0
- package/dist/cjs/presentation/shared/MessageDialog.js.map +1 -0
- package/dist/cjs/presentation/shared/index.js +22 -0
- package/dist/cjs/presentation/shared/index.js.map +1 -1
- package/dist/cjs/presentation/stackedCard/content/NoteCard.js +7 -3
- package/dist/cjs/presentation/stackedCard/content/NoteCard.js.map +1 -1
- package/dist/cjs/presentation/stackedCard/content/ProjectCard.js +136 -0
- package/dist/cjs/presentation/stackedCard/content/ProjectCard.js.map +1 -0
- package/dist/cjs/presentation/stackedCard/content/TaskCard.js +183 -56
- package/dist/cjs/presentation/stackedCard/content/TaskCard.js.map +1 -1
- package/dist/cjs/presentation/stackedCard/content/index.js +11 -0
- package/dist/cjs/presentation/stackedCard/content/index.js.map +1 -1
- package/dist/cjs/presentation/stackedCard/content/shared.js +66 -19
- package/dist/cjs/presentation/stackedCard/content/shared.js.map +1 -1
- package/dist/cjs/presentation/whiteboard/bottomDock.js +95 -32
- package/dist/cjs/presentation/whiteboard/bottomDock.js.map +1 -1
- package/dist/cjs/presentation/whiteboard/canvasElements.js +196 -8
- package/dist/cjs/presentation/whiteboard/canvasElements.js.map +1 -1
- package/dist/cjs/presentation/whiteboard/inspector.js +149 -47
- package/dist/cjs/presentation/whiteboard/inspector.js.map +1 -1
- package/dist/cjs/presentation/whiteboard/outline.js +91 -18
- package/dist/cjs/presentation/whiteboard/outline.js.map +1 -1
- package/dist/cjs/presentation/whiteboard/projectElements.js +883 -0
- package/dist/cjs/presentation/whiteboard/projectElements.js.map +1 -0
- package/dist/esm/components/BreakPoints.d.ts +2 -0
- package/dist/esm/components/BreakPoints.d.ts.map +1 -1
- package/dist/esm/components/BreakPoints.js +9 -0
- package/dist/esm/components/BreakPoints.js.map +1 -1
- package/dist/esm/components/Columns/Columns.d.ts +11 -0
- package/dist/esm/components/Columns/Columns.d.ts.map +1 -0
- package/dist/esm/components/Columns/Columns.js +34 -0
- package/dist/esm/components/Columns/Columns.js.map +1 -0
- package/dist/esm/components/Columns/Styles.d.ts +8 -0
- package/dist/esm/components/Columns/Styles.d.ts.map +1 -0
- package/dist/esm/components/Columns/Styles.js +18 -0
- package/dist/esm/components/Columns/Styles.js.map +1 -0
- package/dist/esm/components/Columns/index.d.ts +2 -0
- package/dist/esm/components/Columns/index.d.ts.map +1 -0
- package/dist/esm/components/Columns/index.js +2 -0
- package/dist/esm/components/Columns/index.js.map +1 -0
- package/dist/esm/components/Icons/collection/Project.d.ts +36 -0
- package/dist/esm/components/Icons/collection/Project.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/Project.js +91 -0
- package/dist/esm/components/Icons/collection/Project.js.map +1 -0
- package/dist/esm/components/Icons/collection/Task.d.ts +32 -0
- package/dist/esm/components/Icons/collection/Task.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/Task.js +54 -0
- package/dist/esm/components/Icons/collection/Task.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +2 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +2 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/LayoutTokens.d.ts +6 -0
- package/dist/esm/components/LayoutTokens.d.ts.map +1 -0
- package/dist/esm/components/LayoutTokens.js +15 -0
- package/dist/esm/components/LayoutTokens.js.map +1 -0
- package/dist/esm/components/Media/Media.d.ts +10 -0
- package/dist/esm/components/Media/Media.d.ts.map +1 -0
- package/dist/esm/components/Media/Media.js +31 -0
- package/dist/esm/components/Media/Media.js.map +1 -0
- package/dist/esm/components/Media/Styles.d.ts +4 -0
- package/dist/esm/components/Media/Styles.d.ts.map +1 -0
- package/dist/esm/components/Media/Styles.js +11 -0
- package/dist/esm/components/Media/Styles.js.map +1 -0
- package/dist/esm/components/Media/index.d.ts +2 -0
- package/dist/esm/components/Media/index.d.ts.map +1 -0
- package/dist/esm/components/Media/index.js +2 -0
- package/dist/esm/components/Media/index.js.map +1 -0
- package/dist/esm/components/PortableText/PortableText.d.ts +24 -0
- package/dist/esm/components/PortableText/PortableText.d.ts.map +1 -0
- package/dist/esm/components/PortableText/PortableText.js +111 -0
- package/dist/esm/components/PortableText/PortableText.js.map +1 -0
- package/dist/esm/components/PortableText/Styles.d.ts +9 -0
- package/dist/esm/components/PortableText/Styles.d.ts.map +1 -0
- package/dist/esm/components/PortableText/Styles.js +27 -0
- package/dist/esm/components/PortableText/Styles.js.map +1 -0
- package/dist/esm/components/PortableText/index.d.ts +4 -0
- package/dist/esm/components/PortableText/index.d.ts.map +1 -0
- package/dist/esm/components/PortableText/index.js +4 -0
- package/dist/esm/components/PortableText/index.js.map +1 -0
- package/dist/esm/components/PortableText/renderers.d.ts +9 -0
- package/dist/esm/components/PortableText/renderers.d.ts.map +1 -0
- package/dist/esm/components/PortableText/renderers.js +110 -0
- package/dist/esm/components/PortableText/renderers.js.map +1 -0
- package/dist/esm/components/PortableText/types.d.ts +141 -0
- package/dist/esm/components/PortableText/types.d.ts.map +1 -0
- package/dist/esm/components/PortableText/types.js +106 -0
- package/dist/esm/components/PortableText/types.js.map +1 -0
- package/dist/esm/components/PortableText/types.test.d.ts +2 -0
- package/dist/esm/components/PortableText/types.test.d.ts.map +1 -0
- package/dist/esm/components/PortableText/types.test.js +181 -0
- package/dist/esm/components/PortableText/types.test.js.map +1 -0
- package/dist/esm/components/Row/Row.d.ts +10 -0
- package/dist/esm/components/Row/Row.d.ts.map +1 -0
- package/dist/esm/components/Row/Row.js +22 -0
- package/dist/esm/components/Row/Row.js.map +1 -0
- package/dist/esm/components/Row/Styles.d.ts +8 -0
- package/dist/esm/components/Row/Styles.d.ts.map +1 -0
- package/dist/esm/components/Row/Styles.js +18 -0
- package/dist/esm/components/Row/Styles.js.map +1 -0
- package/dist/esm/components/Row/index.d.ts +2 -0
- package/dist/esm/components/Row/index.d.ts.map +1 -0
- package/dist/esm/components/Row/index.js +2 -0
- package/dist/esm/components/Row/index.js.map +1 -0
- package/dist/esm/components/Stack/Stack.d.ts +8 -0
- package/dist/esm/components/Stack/Stack.d.ts.map +1 -0
- package/dist/esm/components/Stack/Stack.js +19 -0
- package/dist/esm/components/Stack/Stack.js.map +1 -0
- package/dist/esm/components/Stack/Styles.d.ts +6 -0
- package/dist/esm/components/Stack/Styles.d.ts.map +1 -0
- package/dist/esm/components/Stack/Styles.js +14 -0
- package/dist/esm/components/Stack/Styles.js.map +1 -0
- package/dist/esm/components/Stack/index.d.ts +2 -0
- package/dist/esm/components/Stack/index.d.ts.map +1 -0
- package/dist/esm/components/Stack/index.js +2 -0
- package/dist/esm/components/Stack/index.js.map +1 -0
- package/dist/esm/components/Tiles/Styles.d.ts +8 -0
- package/dist/esm/components/Tiles/Styles.d.ts.map +1 -0
- package/dist/esm/components/Tiles/Styles.js +18 -0
- package/dist/esm/components/Tiles/Styles.js.map +1 -0
- package/dist/esm/components/Tiles/Tiles.d.ts +10 -0
- package/dist/esm/components/Tiles/Tiles.d.ts.map +1 -0
- package/dist/esm/components/Tiles/Tiles.js +21 -0
- package/dist/esm/components/Tiles/Tiles.js.map +1 -0
- package/dist/esm/components/Tiles/index.d.ts +2 -0
- package/dist/esm/components/Tiles/index.d.ts.map +1 -0
- package/dist/esm/components/Tiles/index.js +2 -0
- package/dist/esm/components/Tiles/index.js.map +1 -0
- package/dist/esm/components/TitledText/Styles.d.ts +2 -0
- package/dist/esm/components/TitledText/Styles.d.ts.map +1 -0
- package/dist/esm/components/TitledText/Styles.js +8 -0
- package/dist/esm/components/TitledText/Styles.js.map +1 -0
- package/dist/esm/components/TitledText/TitledText.d.ts +18 -0
- package/dist/esm/components/TitledText/TitledText.d.ts.map +1 -0
- package/dist/esm/components/TitledText/TitledText.js +43 -0
- package/dist/esm/components/TitledText/TitledText.js.map +1 -0
- package/dist/esm/components/TitledText/index.d.ts +2 -0
- package/dist/esm/components/TitledText/index.d.ts.map +1 -0
- package/dist/esm/components/TitledText/index.js +2 -0
- package/dist/esm/components/TitledText/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +8 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +8 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/presentation/shared/MessageDialog.d.ts +35 -0
- package/dist/esm/presentation/shared/MessageDialog.d.ts.map +1 -0
- package/dist/esm/presentation/shared/MessageDialog.js +331 -0
- package/dist/esm/presentation/shared/MessageDialog.js.map +1 -0
- package/dist/esm/presentation/shared/index.d.ts +2 -0
- package/dist/esm/presentation/shared/index.d.ts.map +1 -1
- package/dist/esm/presentation/shared/index.js +1 -0
- package/dist/esm/presentation/shared/index.js.map +1 -1
- package/dist/esm/presentation/stackedCard/content/NoteCard.d.ts +8 -1
- package/dist/esm/presentation/stackedCard/content/NoteCard.d.ts.map +1 -1
- package/dist/esm/presentation/stackedCard/content/NoteCard.js +8 -4
- package/dist/esm/presentation/stackedCard/content/NoteCard.js.map +1 -1
- package/dist/esm/presentation/stackedCard/content/ProjectCard.d.ts +64 -0
- package/dist/esm/presentation/stackedCard/content/ProjectCard.d.ts.map +1 -0
- package/dist/esm/presentation/stackedCard/content/ProjectCard.js +128 -0
- package/dist/esm/presentation/stackedCard/content/ProjectCard.js.map +1 -0
- package/dist/esm/presentation/stackedCard/content/TaskCard.d.ts +64 -2
- package/dist/esm/presentation/stackedCard/content/TaskCard.d.ts.map +1 -1
- package/dist/esm/presentation/stackedCard/content/TaskCard.js +181 -58
- package/dist/esm/presentation/stackedCard/content/TaskCard.js.map +1 -1
- package/dist/esm/presentation/stackedCard/content/index.d.ts +1 -0
- package/dist/esm/presentation/stackedCard/content/index.d.ts.map +1 -1
- package/dist/esm/presentation/stackedCard/content/index.js +1 -0
- package/dist/esm/presentation/stackedCard/content/index.js.map +1 -1
- package/dist/esm/presentation/stackedCard/content/shared.d.ts +30 -0
- package/dist/esm/presentation/stackedCard/content/shared.d.ts.map +1 -1
- package/dist/esm/presentation/stackedCard/content/shared.js +66 -19
- package/dist/esm/presentation/stackedCard/content/shared.js.map +1 -1
- package/dist/esm/presentation/whiteboard/bottomDock.d.ts +30 -7
- package/dist/esm/presentation/whiteboard/bottomDock.d.ts.map +1 -1
- package/dist/esm/presentation/whiteboard/bottomDock.js +79 -32
- package/dist/esm/presentation/whiteboard/bottomDock.js.map +1 -1
- package/dist/esm/presentation/whiteboard/canvasElements.d.ts +4 -1
- package/dist/esm/presentation/whiteboard/canvasElements.d.ts.map +1 -1
- package/dist/esm/presentation/whiteboard/canvasElements.js +158 -7
- package/dist/esm/presentation/whiteboard/canvasElements.js.map +1 -1
- package/dist/esm/presentation/whiteboard/inspector.d.ts +35 -1
- package/dist/esm/presentation/whiteboard/inspector.d.ts.map +1 -1
- package/dist/esm/presentation/whiteboard/inspector.js +170 -68
- package/dist/esm/presentation/whiteboard/inspector.js.map +1 -1
- package/dist/esm/presentation/whiteboard/outline.d.ts +23 -3
- package/dist/esm/presentation/whiteboard/outline.d.ts.map +1 -1
- package/dist/esm/presentation/whiteboard/outline.js +89 -18
- package/dist/esm/presentation/whiteboard/outline.js.map +1 -1
- package/dist/esm/presentation/whiteboard/projectElements.d.ts +267 -0
- package/dist/esm/presentation/whiteboard/projectElements.d.ts.map +1 -0
- package/dist/esm/presentation/whiteboard/projectElements.js +824 -0
- package/dist/esm/presentation/whiteboard/projectElements.js.map +1 -0
- package/dist/index.js +1490 -738
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { createElement, Fragment } from "react";
|
|
2
|
+
import { isPortableTextBlock, isPortableTextContent, isPortableTextObjectNode, isPortableTextSpan, PORTABLE_TEXT_DEFAULT_BLOCKS, PORTABLE_TEXT_DEFAULT_MARKS } from "./types";
|
|
3
|
+
describe("PortableText envelope", () => {
|
|
4
|
+
const sampleMessageContent = [{
|
|
5
|
+
type: "heading",
|
|
6
|
+
level: 2,
|
|
7
|
+
children: [{
|
|
8
|
+
text: "IP Firewall"
|
|
9
|
+
}]
|
|
10
|
+
}, {
|
|
11
|
+
type: "paragraph",
|
|
12
|
+
children: [{
|
|
13
|
+
text: "Open the "
|
|
14
|
+
}, {
|
|
15
|
+
text: "Security page",
|
|
16
|
+
marks: ["interface-name"]
|
|
17
|
+
}, {
|
|
18
|
+
text: " and press "
|
|
19
|
+
}, {
|
|
20
|
+
text: "Enter",
|
|
21
|
+
marks: ["keyboard-key"]
|
|
22
|
+
}, {
|
|
23
|
+
text: ". Read more in "
|
|
24
|
+
}, {
|
|
25
|
+
text: "the help article",
|
|
26
|
+
marks: [{
|
|
27
|
+
type: "doc-link",
|
|
28
|
+
article: "ip-firewall"
|
|
29
|
+
}]
|
|
30
|
+
}, {
|
|
31
|
+
text: "."
|
|
32
|
+
}]
|
|
33
|
+
}, {
|
|
34
|
+
type: "list",
|
|
35
|
+
style: "bullet",
|
|
36
|
+
children: [{
|
|
37
|
+
type: "list-item",
|
|
38
|
+
children: [{
|
|
39
|
+
text: "Allowlist the IPs you trust"
|
|
40
|
+
}]
|
|
41
|
+
}, {
|
|
42
|
+
type: "list-item",
|
|
43
|
+
children: [{
|
|
44
|
+
text: "immediately",
|
|
45
|
+
marks: ["strong"]
|
|
46
|
+
}]
|
|
47
|
+
}]
|
|
48
|
+
}, {
|
|
49
|
+
type: "media",
|
|
50
|
+
src: "/screenshots/firewall.png",
|
|
51
|
+
variant: "screenshot",
|
|
52
|
+
caption: "The firewall settings"
|
|
53
|
+
}, {
|
|
54
|
+
type: "titled-text",
|
|
55
|
+
title: "Allowlist the IPs you trust",
|
|
56
|
+
level: 3,
|
|
57
|
+
content: [{
|
|
58
|
+
type: "paragraph",
|
|
59
|
+
children: [{
|
|
60
|
+
text: "Add one range per line."
|
|
61
|
+
}]
|
|
62
|
+
}]
|
|
63
|
+
}, {
|
|
64
|
+
type: "object",
|
|
65
|
+
_type: "callout",
|
|
66
|
+
tone: "note",
|
|
67
|
+
content: [{
|
|
68
|
+
type: "paragraph",
|
|
69
|
+
children: [{
|
|
70
|
+
text: "Takes effect immediately."
|
|
71
|
+
}]
|
|
72
|
+
}]
|
|
73
|
+
}, {
|
|
74
|
+
type: "object",
|
|
75
|
+
_type: "button-reference",
|
|
76
|
+
label: "Save Changes",
|
|
77
|
+
variant: "primary"
|
|
78
|
+
}];
|
|
79
|
+
it("validates a sample message that mixes default blocks and catalog objects", () => {
|
|
80
|
+
expect(isPortableTextContent(sampleMessageContent)).toBe(true);
|
|
81
|
+
});
|
|
82
|
+
it("keeps unknown block and object types valid so older clients degrade instead of break", () => {
|
|
83
|
+
expect(isPortableTextContent([{
|
|
84
|
+
type: "some-future-block",
|
|
85
|
+
payload: 1
|
|
86
|
+
}, {
|
|
87
|
+
type: "object",
|
|
88
|
+
_type: "some-future-element",
|
|
89
|
+
data: true
|
|
90
|
+
}])).toBe(true);
|
|
91
|
+
});
|
|
92
|
+
it("rejects nodes without a type discriminator and objects without _type", () => {
|
|
93
|
+
expect(isPortableTextContent([{
|
|
94
|
+
children: []
|
|
95
|
+
}])).toBe(false);
|
|
96
|
+
expect(isPortableTextContent([{
|
|
97
|
+
type: "object"
|
|
98
|
+
}])).toBe(false);
|
|
99
|
+
expect(isPortableTextContent(["paragraph"])).toBe(false);
|
|
100
|
+
expect(isPortableTextContent({
|
|
101
|
+
content: []
|
|
102
|
+
})).toBe(false);
|
|
103
|
+
});
|
|
104
|
+
it("rejects known blocks whose shape a serializer bug has broken", () => {
|
|
105
|
+
expect(isPortableTextContent([{
|
|
106
|
+
type: "paragraph"
|
|
107
|
+
}])).toBe(false);
|
|
108
|
+
expect(isPortableTextContent([{
|
|
109
|
+
type: "heading",
|
|
110
|
+
level: 2,
|
|
111
|
+
children: "oops"
|
|
112
|
+
}])).toBe(false);
|
|
113
|
+
expect(isPortableTextContent([{
|
|
114
|
+
type: "paragraph",
|
|
115
|
+
children: [{
|
|
116
|
+
marks: ["strong"]
|
|
117
|
+
}]
|
|
118
|
+
}])).toBe(false);
|
|
119
|
+
expect(isPortableTextContent([{
|
|
120
|
+
type: "list"
|
|
121
|
+
}])).toBe(false);
|
|
122
|
+
expect(isPortableTextContent([{
|
|
123
|
+
type: "list",
|
|
124
|
+
children: ["not a node"]
|
|
125
|
+
}])).toBe(false);
|
|
126
|
+
expect(isPortableTextContent([{
|
|
127
|
+
type: "media"
|
|
128
|
+
}])).toBe(false);
|
|
129
|
+
expect(isPortableTextContent([{
|
|
130
|
+
type: "titled-text",
|
|
131
|
+
content: []
|
|
132
|
+
}])).toBe(false);
|
|
133
|
+
expect(isPortableTextContent([{
|
|
134
|
+
type: "titled-text",
|
|
135
|
+
title: "Ranges",
|
|
136
|
+
content: "oops"
|
|
137
|
+
}])).toBe(false);
|
|
138
|
+
});
|
|
139
|
+
it("tells blocks, objects and spans apart", () => {
|
|
140
|
+
const heading = sampleMessageContent[0],
|
|
141
|
+
paragraph = sampleMessageContent[1];
|
|
142
|
+
const callout = sampleMessageContent[5];
|
|
143
|
+
expect(isPortableTextBlock(heading)).toBe(true);
|
|
144
|
+
expect(isPortableTextBlock(callout)).toBe(false);
|
|
145
|
+
expect(isPortableTextObjectNode(callout)).toBe(true);
|
|
146
|
+
expect(isPortableTextObjectNode(heading)).toBe(false);
|
|
147
|
+
expect(isPortableTextSpan({
|
|
148
|
+
text: "plain"
|
|
149
|
+
})).toBe(true);
|
|
150
|
+
expect(isPortableTextSpan(paragraph)).toBe(false);
|
|
151
|
+
});
|
|
152
|
+
it("ships a universal default set free of product elements", () => {
|
|
153
|
+
expect(PORTABLE_TEXT_DEFAULT_BLOCKS).toEqual(["paragraph", "heading", "list", "list-item", "media", "titled-text"]);
|
|
154
|
+
expect(PORTABLE_TEXT_DEFAULT_MARKS).toEqual(["strong", "em", "code", "link"]);
|
|
155
|
+
});
|
|
156
|
+
it("accepts an application components map through the injection contract", () => {
|
|
157
|
+
var _components$marks;
|
|
158
|
+
const seen = [];
|
|
159
|
+
const components = {
|
|
160
|
+
marks: {
|
|
161
|
+
"interface-name": _ref => {
|
|
162
|
+
let children = _ref.children;
|
|
163
|
+
return /*#__PURE__*/createElement(Fragment, null, children);
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
objects: {
|
|
167
|
+
callout: _ref2 => {
|
|
168
|
+
let children = _ref2.children;
|
|
169
|
+
return /*#__PURE__*/createElement(Fragment, null, children);
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
onUnknownType: (kind, type) => {
|
|
173
|
+
seen.push(kind + ":" + type);
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
components.onUnknownType == null || components.onUnknownType("object", "some-future-element");
|
|
177
|
+
expect(Object.keys((_components$marks = components.marks) != null ? _components$marks : {})).toEqual(["interface-name"]);
|
|
178
|
+
expect(seen).toEqual(["object:some-future-element"]);
|
|
179
|
+
});
|
|
180
|
+
});
|
|
181
|
+
//# sourceMappingURL=types.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.test.js","names":["createElement","Fragment","isPortableTextBlock","isPortableTextContent","isPortableTextObjectNode","isPortableTextSpan","PORTABLE_TEXT_DEFAULT_BLOCKS","PORTABLE_TEXT_DEFAULT_MARKS","describe","sampleMessageContent","type","level","children","text","marks","article","style","src","variant","caption","title","content","_type","tone","label","it","expect","toBe","payload","data","heading","paragraph","callout","toEqual","_components$marks","seen","components","_ref","objects","_ref2","onUnknownType","kind","push","Object","keys"],"sources":["../../../../src/components/PortableText/types.test.ts"],"sourcesContent":["import { createElement, Fragment } from \"react\";\n\nimport {\n isPortableTextBlock,\n isPortableTextContent,\n isPortableTextObjectNode,\n isPortableTextSpan,\n PORTABLE_TEXT_DEFAULT_BLOCKS,\n PORTABLE_TEXT_DEFAULT_MARKS,\n PortableTextComponents,\n PortableTextContent,\n} from \"./types\";\n\ndescribe(\"PortableText envelope\", () => {\n const sampleMessageContent: PortableTextContent = [\n { type: \"heading\", level: 2, children: [{ text: \"IP Firewall\" }] },\n {\n type: \"paragraph\",\n children: [\n { text: \"Open the \" },\n { text: \"Security page\", marks: [\"interface-name\"] },\n { text: \" and press \" },\n { text: \"Enter\", marks: [\"keyboard-key\"] },\n { text: \". Read more in \" },\n {\n text: \"the help article\",\n marks: [{ type: \"doc-link\", article: \"ip-firewall\" }],\n },\n { text: \".\" },\n ],\n },\n {\n type: \"list\",\n style: \"bullet\",\n children: [\n {\n type: \"list-item\",\n children: [{ text: \"Allowlist the IPs you trust\" }],\n },\n {\n type: \"list-item\",\n children: [{ text: \"immediately\", marks: [\"strong\"] }],\n },\n ],\n },\n {\n type: \"media\",\n src: \"/screenshots/firewall.png\",\n variant: \"screenshot\",\n caption: \"The firewall settings\",\n },\n {\n type: \"titled-text\",\n title: \"Allowlist the IPs you trust\",\n level: 3,\n content: [\n { type: \"paragraph\", children: [{ text: \"Add one range per line.\" }] },\n ],\n },\n {\n type: \"object\",\n _type: \"callout\",\n tone: \"note\",\n content: [\n {\n type: \"paragraph\",\n children: [{ text: \"Takes effect immediately.\" }],\n },\n ],\n },\n {\n type: \"object\",\n _type: \"button-reference\",\n label: \"Save Changes\",\n variant: \"primary\",\n },\n ];\n\n it(\"validates a sample message that mixes default blocks and catalog objects\", () => {\n expect(isPortableTextContent(sampleMessageContent)).toBe(true);\n });\n\n it(\"keeps unknown block and object types valid so older clients degrade instead of break\", () => {\n expect(\n isPortableTextContent([\n { type: \"some-future-block\", payload: 1 },\n { type: \"object\", _type: \"some-future-element\", data: true },\n ])\n ).toBe(true);\n });\n\n it(\"rejects nodes without a type discriminator and objects without _type\", () => {\n expect(isPortableTextContent([{ children: [] }])).toBe(false);\n expect(isPortableTextContent([{ type: \"object\" }])).toBe(false);\n expect(isPortableTextContent([\"paragraph\"])).toBe(false);\n expect(isPortableTextContent({ content: [] })).toBe(false);\n });\n\n it(\"rejects known blocks whose shape a serializer bug has broken\", () => {\n expect(isPortableTextContent([{ type: \"paragraph\" }])).toBe(false);\n expect(\n isPortableTextContent([{ type: \"heading\", level: 2, children: \"oops\" }])\n ).toBe(false);\n expect(\n isPortableTextContent([\n { type: \"paragraph\", children: [{ marks: [\"strong\"] }] },\n ])\n ).toBe(false);\n expect(isPortableTextContent([{ type: \"list\" }])).toBe(false);\n expect(\n isPortableTextContent([{ type: \"list\", children: [\"not a node\"] }])\n ).toBe(false);\n expect(isPortableTextContent([{ type: \"media\" }])).toBe(false);\n expect(isPortableTextContent([{ type: \"titled-text\", content: [] }])).toBe(\n false\n );\n expect(\n isPortableTextContent([\n { type: \"titled-text\", title: \"Ranges\", content: \"oops\" },\n ])\n ).toBe(false);\n });\n\n it(\"tells blocks, objects and spans apart\", () => {\n const [heading, paragraph] = sampleMessageContent;\n const callout = sampleMessageContent[5];\n\n expect(isPortableTextBlock(heading)).toBe(true);\n expect(isPortableTextBlock(callout)).toBe(false);\n expect(isPortableTextObjectNode(callout)).toBe(true);\n expect(isPortableTextObjectNode(heading)).toBe(false);\n expect(isPortableTextSpan({ text: \"plain\" })).toBe(true);\n expect(isPortableTextSpan(paragraph)).toBe(false);\n });\n\n it(\"ships a universal default set free of product elements\", () => {\n expect(PORTABLE_TEXT_DEFAULT_BLOCKS).toEqual([\n \"paragraph\",\n \"heading\",\n \"list\",\n \"list-item\",\n \"media\",\n \"titled-text\",\n ]);\n expect(PORTABLE_TEXT_DEFAULT_MARKS).toEqual([\n \"strong\",\n \"em\",\n \"code\",\n \"link\",\n ]);\n });\n\n it(\"accepts an application components map through the injection contract\", () => {\n const seen: string[] = [];\n const components: PortableTextComponents = {\n marks: {\n \"interface-name\": ({ children }) =>\n createElement(Fragment, null, children),\n },\n objects: {\n callout: ({ children }) => createElement(Fragment, null, children),\n },\n onUnknownType: (kind, type) => {\n seen.push(`${kind}:${type}`);\n },\n };\n\n components.onUnknownType?.(\"object\", \"some-future-element\");\n\n expect(Object.keys(components.marks ?? {})).toEqual([\"interface-name\"]);\n expect(seen).toEqual([\"object:some-future-element\"]);\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Breakpoint } from "../BreakPoints";
|
|
3
|
+
import { Align, Space } from "../LayoutTokens";
|
|
4
|
+
export interface IRowProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
5
|
+
space?: Space;
|
|
6
|
+
align?: Align;
|
|
7
|
+
collapseBelow?: Breakpoint;
|
|
8
|
+
}
|
|
9
|
+
export declare const Row: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,eAAO,MAAM,GAAG,kFAef,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["space", "align", "collapseBelow", "children"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { StyledRow } from "./Styles";
|
|
6
|
+
export const Row = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
7
|
+
let _ref$space = _ref.space,
|
|
8
|
+
space = _ref$space === void 0 ? "md" : _ref$space,
|
|
9
|
+
_ref$align = _ref.align,
|
|
10
|
+
align = _ref$align === void 0 ? "center" : _ref$align,
|
|
11
|
+
collapseBelow = _ref.collapseBelow,
|
|
12
|
+
children = _ref.children,
|
|
13
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
14
|
+
return /*#__PURE__*/React.createElement(StyledRow, _extends({
|
|
15
|
+
ref: ref,
|
|
16
|
+
$space: space,
|
|
17
|
+
$align: align,
|
|
18
|
+
$collapse: collapseBelow
|
|
19
|
+
}, rest), children);
|
|
20
|
+
});
|
|
21
|
+
Row.displayName = "Row";
|
|
22
|
+
//# sourceMappingURL=Row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.js","names":["React","forwardRef","StyledRow","Row","_ref","ref","_ref$space","space","_ref$align","align","collapseBelow","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$space","$align","$collapse","displayName"],"sources":["../../../../src/components/Row/Row.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledRow } from \"./Styles\";\nimport { Breakpoint } from \"../BreakPoints\";\nimport { Align, Space } from \"../LayoutTokens\";\n\nexport interface IRowProps extends React.ComponentPropsWithoutRef<\"div\"> {\n space?: Space;\n align?: Align;\n collapseBelow?: Breakpoint;\n}\n\nexport const Row = forwardRef<HTMLDivElement, IRowProps>(\n (\n { space = \"md\", align = \"center\", collapseBelow, children, ...rest },\n ref\n ) => (\n <StyledRow\n ref={ref}\n $space={space}\n $align={align}\n $collapse={collapseBelow}\n {...rest}\n >\n {children}\n </StyledRow>\n )\n);\n\nRow.displayName = \"Row\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,SAAS,QAAQ,UAAU;AAUpC,OAAO,MAAMC,GAAG,gBAAGF,UAAU,CAC3B,CAAAG,IAAA,EAEEC,GAAG;EAAA,IAAAC,UAAA,GAAAF,IAAA,CADDG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;IAAEE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAAA,oBAGlEd,KAAA,CAAAe,aAAA,CAACb,SAAS,EAAAc,QAAA;IACRX,GAAG,EAAEA,GAAI;IACTY,MAAM,EAAEV,KAAM;IACdW,MAAM,EAAET,KAAM;IACdU,SAAS,EAAET;EAAc,GACrBE,IAAI,GAEPD,QACQ,CAAC;AAAA,CAEhB,CAAC;AAEDR,GAAG,CAACiB,WAAW,GAAG,KAAK","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Breakpoint } from "../BreakPoints";
|
|
2
|
+
import { Align, Space } from "../LayoutTokens";
|
|
3
|
+
export declare const StyledRow: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
$space: Space;
|
|
5
|
+
$align: Align;
|
|
6
|
+
$collapse?: Breakpoint;
|
|
7
|
+
}, never>;
|
|
8
|
+
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAc,KAAK,EAAS,MAAM,iBAAiB,CAAC;AAElE,eAAO,MAAM,SAAS;YACZ,KAAK;YACL,KAAK;gBACD,UAAU;SAgBvB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
|
+
import { screenBelow } from "../BreakPoints";
|
|
3
|
+
import { FLEX_ALIGN, SPACE } from "../LayoutTokens";
|
|
4
|
+
export const StyledRow = styled.div.withConfig({
|
|
5
|
+
displayName: "Styles__StyledRow",
|
|
6
|
+
componentId: "sc-1sfgw5v-0"
|
|
7
|
+
})(["display:flex;flex-direction:row;flex-wrap:wrap;align-items:", ";gap:", ";", ""], _ref => {
|
|
8
|
+
let $align = _ref.$align;
|
|
9
|
+
return FLEX_ALIGN[$align];
|
|
10
|
+
}, _ref2 => {
|
|
11
|
+
let $space = _ref2.$space;
|
|
12
|
+
return SPACE[$space];
|
|
13
|
+
}, _ref3 => {
|
|
14
|
+
let $collapse = _ref3.$collapse;
|
|
15
|
+
return $collapse && css(["", "{flex-direction:column;align-items:stretch;}"], screenBelow[$collapse]);
|
|
16
|
+
});
|
|
17
|
+
StyledRow.displayName = "StyledRow";
|
|
18
|
+
//# sourceMappingURL=Styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","screenBelow","FLEX_ALIGN","SPACE","StyledRow","div","withConfig","displayName","componentId","_ref","$align","_ref2","$space","_ref3","$collapse"],"sources":["../../../../src/components/Row/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Breakpoint, screenBelow } from \"../BreakPoints\";\nimport { Align, FLEX_ALIGN, Space, SPACE } from \"../LayoutTokens\";\n\nexport const StyledRow = styled.div<{\n $space: Space;\n $align: Align;\n $collapse?: Breakpoint;\n}>`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: ${({ $align }) => FLEX_ALIGN[$align]};\n gap: ${({ $space }) => SPACE[$space]};\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n ${screenBelow[$collapse]} {\n flex-direction: column;\n align-items: stretch;\n }\n `}\n`;\n\nStyledRow.displayName = \"StyledRow\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAAqBC,WAAW,QAAQ,gBAAgB;AACxD,SAAgBC,UAAU,EAASC,KAAK,QAAQ,iBAAiB;AAEjE,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAQlBC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOR,UAAU,CAACQ,MAAM,CAAC;AAAA,GAC1CC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOT,KAAK,CAACS,MAAM,CAAC;AAAA,GAElCC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTd,GAAG,uDACCC,WAAW,CAACa,SAAS,CAAC,CAIzB;AAAA,EACJ;AAEDV,SAAS,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Row/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Row/index.ts"],"sourcesContent":["export * from \"./Row\";\n"],"mappings":"AAAA,cAAc,OAAO","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Align, Space } from "../LayoutTokens";
|
|
3
|
+
export interface IStackProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
4
|
+
space?: Space;
|
|
5
|
+
align?: Align;
|
|
6
|
+
}
|
|
7
|
+
export declare const Stack: React.ForwardRefExoticComponent<IStackProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,KAAK,oFAMjB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["space", "align", "children"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { StyledStack } from "./Styles";
|
|
6
|
+
export const Stack = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
7
|
+
let _ref$space = _ref.space,
|
|
8
|
+
space = _ref$space === void 0 ? "md" : _ref$space,
|
|
9
|
+
align = _ref.align,
|
|
10
|
+
children = _ref.children,
|
|
11
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
12
|
+
return /*#__PURE__*/React.createElement(StyledStack, _extends({
|
|
13
|
+
ref: ref,
|
|
14
|
+
$space: space,
|
|
15
|
+
$align: align
|
|
16
|
+
}, rest), children);
|
|
17
|
+
});
|
|
18
|
+
Stack.displayName = "Stack";
|
|
19
|
+
//# sourceMappingURL=Stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.js","names":["React","forwardRef","StyledStack","Stack","_ref","ref","_ref$space","space","align","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$space","$align","displayName"],"sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledStack } from \"./Styles\";\nimport { Align, Space } from \"../LayoutTokens\";\n\nexport interface IStackProps extends React.ComponentPropsWithoutRef<\"div\"> {\n space?: Space;\n align?: Align;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, IStackProps>(\n ({ space = \"md\", align, children, ...rest }, ref) => (\n <StyledStack ref={ref} $space={space} $align={align} {...rest}>\n {children}\n </StyledStack>\n )\n);\n\nStack.displayName = \"Stack\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAQ,UAAU;AAQtC,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAC7B,CAAAG,IAAA,EAA6CC,GAAG;EAAA,IAAAC,UAAA,GAAAF,IAAA,CAA7CG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAAA,oBACvCZ,KAAA,CAAAa,aAAA,CAACX,WAAW,EAAAY,QAAA;IAACT,GAAG,EAAEA,GAAI;IAACU,MAAM,EAAER,KAAM;IAACS,MAAM,EAAER;EAAM,GAAKE,IAAI,GAC1DD,QACU,CAAC;AAAA,CAElB,CAAC;AAEDN,KAAK,CAACc,WAAW,GAAG,OAAO","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAc,KAAK,EAAS,MAAM,iBAAiB,CAAC;AAElE,eAAO,MAAM,WAAW;YAAwB,KAAK;aAAW,KAAK;SAKpE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { FLEX_ALIGN, SPACE } from "../LayoutTokens";
|
|
3
|
+
export const StyledStack = styled.div.withConfig({
|
|
4
|
+
displayName: "Styles__StyledStack",
|
|
5
|
+
componentId: "sc-tbfmh1-0"
|
|
6
|
+
})(["display:flex;flex-direction:column;gap:", ";", ""], _ref => {
|
|
7
|
+
let $space = _ref.$space;
|
|
8
|
+
return SPACE[$space];
|
|
9
|
+
}, _ref2 => {
|
|
10
|
+
let $align = _ref2.$align;
|
|
11
|
+
return $align ? "align-items: " + FLEX_ALIGN[$align] + ";" : "";
|
|
12
|
+
});
|
|
13
|
+
StyledStack.displayName = "StyledStack";
|
|
14
|
+
//# sourceMappingURL=Styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","FLEX_ALIGN","SPACE","StyledStack","div","withConfig","displayName","componentId","_ref","$space","_ref2","$align"],"sources":["../../../../src/components/Stack/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Align, FLEX_ALIGN, Space, SPACE } from \"../LayoutTokens\";\n\nexport const StyledStack = styled.div<{ $space: Space; $align?: Align }>`\n display: flex;\n flex-direction: column;\n gap: ${({ $space }) => SPACE[$space]};\n ${({ $align }) => ($align ? `align-items: ${FLEX_ALIGN[$align]};` : \"\")}\n`;\n\nStyledStack.displayName = \"StyledStack\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAAgBC,UAAU,EAASC,KAAK,QAAQ,iBAAiB;AAEjE,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAG5BC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOP,KAAK,CAACO,MAAM,CAAC;AAAA,GAClCC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,qBAAmBV,UAAU,CAACU,MAAM,CAAC,SAAM,EAAE;AAAA,CAAC,CACxE;AAEDR,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Stack/index.ts"],"sourcesContent":["export * from \"./Stack\";\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Breakpoint } from "../BreakPoints";
|
|
2
|
+
import { Space } from "../LayoutTokens";
|
|
3
|
+
export declare const StyledTiles: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
$cols: number;
|
|
5
|
+
$space: Space;
|
|
6
|
+
$collapse?: Breakpoint;
|
|
7
|
+
}, never>;
|
|
8
|
+
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tiles/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAS,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,WAAW;WACf,MAAM;YACL,KAAK;gBACD,UAAU;SAavB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
|
+
import { screenBelow } from "../BreakPoints";
|
|
3
|
+
import { SPACE } from "../LayoutTokens";
|
|
4
|
+
export const StyledTiles = styled.div.withConfig({
|
|
5
|
+
displayName: "Styles__StyledTiles",
|
|
6
|
+
componentId: "sc-mti52-0"
|
|
7
|
+
})(["display:grid;grid-template-columns:repeat(", ",minmax(0,1fr));gap:", ";", ""], _ref => {
|
|
8
|
+
let $cols = _ref.$cols;
|
|
9
|
+
return $cols;
|
|
10
|
+
}, _ref2 => {
|
|
11
|
+
let $space = _ref2.$space;
|
|
12
|
+
return SPACE[$space];
|
|
13
|
+
}, _ref3 => {
|
|
14
|
+
let $collapse = _ref3.$collapse;
|
|
15
|
+
return $collapse && css(["", "{grid-template-columns:minmax(0,1fr);}"], screenBelow[$collapse]);
|
|
16
|
+
});
|
|
17
|
+
StyledTiles.displayName = "StyledTiles";
|
|
18
|
+
//# sourceMappingURL=Styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","screenBelow","SPACE","StyledTiles","div","withConfig","displayName","componentId","_ref","$cols","_ref2","$space","_ref3","$collapse"],"sources":["../../../../src/components/Tiles/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Breakpoint, screenBelow } from \"../BreakPoints\";\nimport { Space, SPACE } from \"../LayoutTokens\";\n\nexport const StyledTiles = styled.div<{\n $cols: number;\n $space: Space;\n $collapse?: Breakpoint;\n}>`\n display: grid;\n grid-template-columns: repeat(${({ $cols }) => $cols}, minmax(0, 1fr));\n gap: ${({ $space }) => SPACE[$space]};\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n ${screenBelow[$collapse]} {\n grid-template-columns: minmax(0, 1fr);\n }\n `}\n`;\n\nStyledTiles.displayName = \"StyledTiles\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAAqBC,WAAW,QAAQ,gBAAgB;AACxD,SAAgBC,KAAK,QAAQ,iBAAiB;AAE9C,OAAO,MAAMC,WAAW,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAMHC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK;AAAA,GAC7CC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOT,KAAK,CAACS,MAAM,CAAC;AAAA,GAElCC,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTb,GAAG,iDACCC,WAAW,CAACY,SAAS,CAAC,CAGzB;AAAA,EACJ;AAEDV,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Breakpoint } from "../BreakPoints";
|
|
3
|
+
import { Space } from "../LayoutTokens";
|
|
4
|
+
export interface ITilesProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
5
|
+
columns: number;
|
|
6
|
+
space?: Space;
|
|
7
|
+
collapseBelow?: Breakpoint;
|
|
8
|
+
}
|
|
9
|
+
export declare const Tiles: React.ForwardRefExoticComponent<ITilesProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Tiles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tiles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tiles/Tiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,oFAYjB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["columns", "space", "collapseBelow", "children"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { StyledTiles } from "./Styles";
|
|
6
|
+
export const Tiles = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
7
|
+
let columns = _ref.columns,
|
|
8
|
+
_ref$space = _ref.space,
|
|
9
|
+
space = _ref$space === void 0 ? "md" : _ref$space,
|
|
10
|
+
collapseBelow = _ref.collapseBelow,
|
|
11
|
+
children = _ref.children,
|
|
12
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/React.createElement(StyledTiles, _extends({
|
|
14
|
+
ref: ref,
|
|
15
|
+
$cols: columns,
|
|
16
|
+
$space: space,
|
|
17
|
+
$collapse: collapseBelow
|
|
18
|
+
}, rest), children);
|
|
19
|
+
});
|
|
20
|
+
Tiles.displayName = "Tiles";
|
|
21
|
+
//# sourceMappingURL=Tiles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tiles.js","names":["React","forwardRef","StyledTiles","Tiles","_ref","ref","columns","_ref$space","space","collapseBelow","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$cols","$space","$collapse","displayName"],"sources":["../../../../src/components/Tiles/Tiles.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledTiles } from \"./Styles\";\nimport { Breakpoint } from \"../BreakPoints\";\nimport { Space } from \"../LayoutTokens\";\n\nexport interface ITilesProps extends React.ComponentPropsWithoutRef<\"div\"> {\n columns: number;\n space?: Space;\n collapseBelow?: Breakpoint;\n}\n\nexport const Tiles = forwardRef<HTMLDivElement, ITilesProps>(\n ({ columns, space = \"md\", collapseBelow, children, ...rest }, ref) => (\n <StyledTiles\n ref={ref}\n $cols={columns}\n $space={space}\n $collapse={collapseBelow}\n {...rest}\n >\n {children}\n </StyledTiles>\n )\n);\n\nTiles.displayName = \"Tiles\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAQ,UAAU;AAUtC,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAC7B,CAAAG,IAAA,EAA8DC,GAAG;EAAA,IAA9DC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,UAAA,GAAAH,IAAA,CAAEI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAEE,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBACxDb,KAAA,CAAAc,aAAA,CAACZ,WAAW,EAAAa,QAAA;IACVV,GAAG,EAAEA,GAAI;IACTW,KAAK,EAAEV,OAAQ;IACfW,MAAM,EAAET,KAAM;IACdU,SAAS,EAAET;EAAc,GACrBE,IAAI,GAEPD,QACU,CAAC;AAAA,CAElB,CAAC;AAEDP,KAAK,CAACgB,WAAW,GAAG,OAAO","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tiles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Tiles/index.ts"],"sourcesContent":["export * from \"./Tiles\";\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const StyledTitle1: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ITitleProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
2
|
+
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/TitledText/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oQAExB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { Title1 } from "../Typography";
|
|
3
|
+
export const StyledTitle1 = styled(Title1).withConfig({
|
|
4
|
+
displayName: "Styles__StyledTitle1",
|
|
5
|
+
componentId: "sc-1f6o5d0-0"
|
|
6
|
+
})(["letter-spacing:-0.4px;"]);
|
|
7
|
+
StyledTitle1.displayName = "StyledTitle1";
|
|
8
|
+
//# sourceMappingURL=Styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","Title1","StyledTitle1","withConfig","displayName","componentId"],"sources":["../../../../src/components/TitledText/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Title1 } from \"../Typography\";\n\nexport const StyledTitle1 = styled(Title1)`\n letter-spacing: -0.4px;\n`;\n\nStyledTitle1.displayName = \"StyledTitle1\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,MAAMC,YAAY,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAEzC;AAEDH,YAAY,CAACE,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React, { ComponentType, ReactNode } from "react";
|
|
2
|
+
/** Heading typography of a TitledText — a component prop, not wire data. */
|
|
3
|
+
export type TitledTextVariant = "title1" | "title2" | "header2";
|
|
4
|
+
/**
|
|
5
|
+
* The one heading trio the envelope renders — TitledText variants and the
|
|
6
|
+
* Portable Text `heading` / `titled-text` levels all resolve through this
|
|
7
|
+
* map, so the typography can never drift between them.
|
|
8
|
+
*/
|
|
9
|
+
export declare const titledTextHeadings: Record<TitledTextVariant, ComponentType<{
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}>>;
|
|
12
|
+
export interface ITitledTextProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
|
|
13
|
+
title: string;
|
|
14
|
+
variant?: TitledTextVariant;
|
|
15
|
+
}
|
|
16
|
+
/** A heading plus body, with typography control on the heading. */
|
|
17
|
+
export declare const TitledText: React.ForwardRefExoticComponent<ITitledTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
//# sourceMappingURL=TitledText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitledText.d.ts","sourceRoot":"","sources":["../../../../src/components/TitledText/TitledText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMpE,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAMhE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACrC,iBAAiB,EACjB,aAAa,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAKxC,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,mEAAmE;AACnE,eAAO,MAAM,UAAU,yFAWtB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["title", "variant", "children"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { StyledTitle1 } from "./Styles";
|
|
6
|
+
import { Stack } from "../Stack";
|
|
7
|
+
import { Header2, Title2 } from "../Typography";
|
|
8
|
+
|
|
9
|
+
/** Heading typography of a TitledText — a component prop, not wire data. */
|
|
10
|
+
|
|
11
|
+
const BoldTitle2 = _ref => {
|
|
12
|
+
let children = _ref.children;
|
|
13
|
+
return /*#__PURE__*/React.createElement(Title2, {
|
|
14
|
+
weight: "bold"
|
|
15
|
+
}, children);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* The one heading trio the envelope renders — TitledText variants and the
|
|
20
|
+
* Portable Text `heading` / `titled-text` levels all resolve through this
|
|
21
|
+
* map, so the typography can never drift between them.
|
|
22
|
+
*/
|
|
23
|
+
export const titledTextHeadings = {
|
|
24
|
+
title1: StyledTitle1,
|
|
25
|
+
title2: BoldTitle2,
|
|
26
|
+
header2: Header2
|
|
27
|
+
};
|
|
28
|
+
/** A heading plus body, with typography control on the heading. */
|
|
29
|
+
export const TitledText = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
30
|
+
var _titledTextHeadings$v;
|
|
31
|
+
let title = _ref2.title,
|
|
32
|
+
_ref2$variant = _ref2.variant,
|
|
33
|
+
variant = _ref2$variant === void 0 ? "header2" : _ref2$variant,
|
|
34
|
+
children = _ref2.children,
|
|
35
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
36
|
+
const Heading = (_titledTextHeadings$v = titledTextHeadings[variant]) != null ? _titledTextHeadings$v : titledTextHeadings.header2;
|
|
37
|
+
return /*#__PURE__*/React.createElement(Stack, _extends({
|
|
38
|
+
ref: ref,
|
|
39
|
+
space: children ? "xs" : "none"
|
|
40
|
+
}, rest), /*#__PURE__*/React.createElement(Heading, null, title), children);
|
|
41
|
+
});
|
|
42
|
+
TitledText.displayName = "TitledText";
|
|
43
|
+
//# sourceMappingURL=TitledText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TitledText.js","names":["React","forwardRef","StyledTitle1","Stack","Header2","Title2","BoldTitle2","_ref","children","createElement","weight","titledTextHeadings","title1","title2","header2","TitledText","_ref2","ref","_titledTextHeadings$v","title","_ref2$variant","variant","rest","_objectWithoutPropertiesLoose","_excluded","Heading","_extends","space","displayName"],"sources":["../../../../src/components/TitledText/TitledText.tsx"],"sourcesContent":["import React, { ComponentType, ReactNode, forwardRef } from \"react\";\n\nimport { StyledTitle1 } from \"./Styles\";\nimport { Stack } from \"../Stack\";\nimport { Header2, Title2 } from \"../Typography\";\n\n/** Heading typography of a TitledText — a component prop, not wire data. */\nexport type TitledTextVariant = \"title1\" | \"title2\" | \"header2\";\n\nconst BoldTitle2 = ({ children }: { children?: ReactNode }) => (\n <Title2 weight=\"bold\">{children}</Title2>\n);\n\n/**\n * The one heading trio the envelope renders — TitledText variants and the\n * Portable Text `heading` / `titled-text` levels all resolve through this\n * map, so the typography can never drift between them.\n */\nexport const titledTextHeadings: Record<\n TitledTextVariant,\n ComponentType<{ children?: ReactNode }>\n> = {\n title1: StyledTitle1,\n title2: BoldTitle2,\n header2: Header2,\n};\n\nexport interface ITitledTextProps\n extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"title\"> {\n title: string;\n variant?: TitledTextVariant;\n}\n\n/** A heading plus body, with typography control on the heading. */\nexport const TitledText = forwardRef<HTMLDivElement, ITitledTextProps>(\n ({ title, variant = \"header2\", children, ...rest }, ref) => {\n const Heading = titledTextHeadings[variant] ?? titledTextHeadings.header2;\n\n return (\n <Stack ref={ref} space={children ? \"xs\" : \"none\"} {...rest}>\n <Heading>{title}</Heading>\n {children}\n </Stack>\n );\n }\n);\n\nTitledText.displayName = \"TitledText\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA8BC,UAAU,QAAQ,OAAO;AAEnE,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,OAAO,EAAEC,MAAM,QAAQ,eAAe;;AAE/C;;AAGA,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBAC5BR,KAAA,CAAAS,aAAA,CAACJ,MAAM;IAACK,MAAM,EAAC;EAAM,GAAEF,QAAiB,CAAC;AAAA,CAC1C;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,kBAGZ,GAAG;EACFC,MAAM,EAAEV,YAAY;EACpBW,MAAM,EAAEP,UAAU;EAClBQ,OAAO,EAAEV;AACX,CAAC;AAQD;AACA,OAAO,MAAMW,UAAU,gBAAGd,UAAU,CAClC,CAAAe,KAAA,EAAoDC,GAAG,KAAK;EAAA,IAAAC,qBAAA;EAAA,IAAzDC,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAAC,aAAA,GAAAJ,KAAA,CAAEK,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAEZ,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;IAAKc,IAAI,GAAAC,6BAAA,CAAAP,KAAA,EAAAQ,SAAA;EAC9C,MAAMC,OAAO,IAAAP,qBAAA,GAAGP,kBAAkB,CAACU,OAAO,CAAC,YAAAH,qBAAA,GAAIP,kBAAkB,CAACG,OAAO;EAEzE,oBACEd,KAAA,CAAAS,aAAA,CAACN,KAAK,EAAAuB,QAAA;IAACT,GAAG,EAAEA,GAAI;IAACU,KAAK,EAAEnB,QAAQ,GAAG,IAAI,GAAG;EAAO,GAAKc,IAAI,gBACxDtB,KAAA,CAAAS,aAAA,CAACgB,OAAO,QAAEN,KAAe,CAAC,EACzBX,QACI,CAAC;AAEZ,CACF,CAAC;AAEDO,UAAU,CAACa,WAAW,GAAG,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TitledText/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/TitledText/index.ts"],"sourcesContent":["export * from \"./TitledText\";\n"],"mappings":"AAAA,cAAc,cAAc","ignoreList":[]}
|