tinacms 2.7.9 → 2.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.js +751 -22
  2. package/dist/index.mjs +754 -25
  3. package/dist/internalClient/index.d.ts +6 -0
  4. package/dist/react.js +4 -2
  5. package/dist/react.mjs +4 -2
  6. package/dist/rich-text/static.d.ts +148 -0
  7. package/dist/rich-text/static.js +239 -0
  8. package/dist/rich-text/static.mjs +236 -0
  9. package/dist/toolkit/react-sidebar/components/VersionInfo.d.ts +2 -0
  10. package/package.json +8 -1
package/dist/internalClient/index.d.ts CHANGED
@@ -141,6 +141,7 @@ export declare class Client {
141
141
  }[]>;
142
142
  usingProtectedBranch(): boolean;
143
143
  createBranch({ baseBranch, branchName }: BranchData): Promise<string>;
144
+ getLatestVersion(): Promise<LatestVersionResponse>;
144
145
  }
145
146
  export declare const DEFAULT_LOCAL_TINA_GQL_SERVER_URL = "http://localhost:4001/graphql";
146
147
  export declare class LocalClient extends Client {
@@ -185,3 +186,8 @@ export declare class LocalSearchClient implements SearchClient {
185
186
  put(docs: any[]): Promise<any>;
186
187
  supportsClientSideIndexing(): boolean;
187
188
  }
189
+ export type PackageVersionInfo = {
190
+ version: string;
191
+ publishedAt: string;
192
+ };
193
+ export type LatestVersionResponse = Record<string, PackageVersionInfo>;
package/dist/react.js CHANGED
@@ -12,8 +12,10 @@
12
12
  [stringifiedQuery]
13
13
  );
14
14
  const processedData = React.useMemo(() => {
15
- const dataCopy = JSON.parse(JSON.stringify(props.data));
16
- return addMetadata(id, dataCopy, []);
15
+ if (props.data) {
16
+ const dataCopy = JSON.parse(JSON.stringify(props.data));
17
+ return addMetadata(id, dataCopy, []);
18
+ }
17
19
  }, [props.data, id]);
18
20
  const [data, setData] = React.useState(processedData);
19
21
  const [isClient, setIsClient] = React.useState(false);
package/dist/react.mjs CHANGED
@@ -9,8 +9,10 @@ function useTina(props) {
9
9
  [stringifiedQuery]
10
10
  );
11
11
  const processedData = React.useMemo(() => {
12
- const dataCopy = JSON.parse(JSON.stringify(props.data));
13
- return addMetadata(id, dataCopy, []);
12
+ if (props.data) {
13
+ const dataCopy = JSON.parse(JSON.stringify(props.data));
14
+ return addMetadata(id, dataCopy, []);
15
+ }
14
16
  }, [props.data, id]);
15
17
  const [data, setData] = React.useState(processedData);
16
18
  const [isClient, setIsClient] = React.useState(false);
package/dist/rich-text/static.d.ts ADDED
@@ -0,0 +1,148 @@
1
+ /**
2
+ * This is a static-ready version of the TinaMarkdown component.
3
+ * The primary change is the removal of the `MemoNode` wrapper, which used
4
+ * the `React.useMemo` hook. This hook is for client-side performance
5
+ * optimization and is not needed for server-side rendering (SSR).
6
+ * By rendering the `Node` component directly, the component becomes
7
+ * fully static and can be rendered on the server.
8
+ */
9
+ import React from 'react';
10
+ type BaseComponents = {
11
+ h1?: {
12
+ children: JSX.Element;
13
+ };
14
+ h2?: {
15
+ children: JSX.Element;
16
+ };
17
+ h3?: {
18
+ children: JSX.Element;
19
+ };
20
+ h4?: {
21
+ children: JSX.Element;
22
+ };
23
+ h5?: {
24
+ children: JSX.Element;
25
+ };
26
+ h6?: {
27
+ children: JSX.Element;
28
+ };
29
+ p?: {
30
+ children: JSX.Element;
31
+ };
32
+ a?: {
33
+ url: string;
34
+ children: JSX.Element;
35
+ };
36
+ italic?: {
37
+ children: JSX.Element;
38
+ };
39
+ bold?: {
40
+ children: JSX.Element;
41
+ };
42
+ strikethrough?: {
43
+ children: JSX.Element;
44
+ };
45
+ underline?: {
46
+ children: JSX.Element;
47
+ };
48
+ code?: {
49
+ children: JSX.Element;
50
+ };
51
+ text?: {
52
+ children: string;
53
+ };
54
+ ul?: {
55
+ children: JSX.Element;
56
+ };
57
+ ol?: {
58
+ children: JSX.Element;
59
+ };
60
+ li?: {
61
+ children: JSX.Element;
62
+ };
63
+ lic?: {
64
+ children: JSX.Element;
65
+ };
66
+ block_quote?: {
67
+ children: JSX.Element;
68
+ };
69
+ code_block?: {
70
+ lang?: string;
71
+ value: string;
72
+ };
73
+ mermaid?: {
74
+ value: string;
75
+ };
76
+ img?: {
77
+ url: string;
78
+ caption?: string;
79
+ alt?: string;
80
+ };
81
+ hr?: {};
82
+ break?: {};
83
+ maybe_mdx?: {
84
+ children: JSX.Element;
85
+ };
86
+ html?: {
87
+ value: string;
88
+ };
89
+ html_inline?: {
90
+ value: string;
91
+ };
92
+ table?: {
93
+ align?: ('left' | 'right' | 'center')[];
94
+ tableRows: {
95
+ tableCells: {
96
+ value: TinaMarkdownContent;
97
+ }[];
98
+ }[];
99
+ };
100
+ component_missing?: {
101
+ name: string;
102
+ };
103
+ };
104
+ type BaseComponentSignature = {
105
+ [BK in keyof BaseComponents]: (props: BaseComponents[BK]) => JSX.Element;
106
+ };
107
+ /**
108
+ * Define the allowed components and their props
109
+ * ```ts
110
+ * const components:
111
+ * Components<{
112
+ * BlockQuote: {
113
+ * children: TinaMarkdownContent;
114
+ * authorName: string;
115
+ * };
116
+ * }> = {
117
+ * BlockQuote: (props: {
118
+ * children: TinaMarkdownContent;
119
+ * authorName: string;
120
+ * }) => {
121
+ * return (
122
+ * <div>
123
+ * <blockquote>
124
+ * <TinaMarkdown content={props.children} />
125
+ * {props.authorName}
126
+ * </blockquote>
127
+ * </div>
128
+ * );
129
+ * }
130
+ * }
131
+ * }
132
+ * ```
133
+ */
134
+ export type Components<ComponentAndProps extends object> = {
135
+ [K in keyof ComponentAndProps]: (props: ComponentAndProps[K]) => JSX.Element;
136
+ } & BaseComponentSignature;
137
+ export type TinaMarkdownContent = {
138
+ type: string;
139
+ children: TinaMarkdownContent[];
140
+ [key: string]: any;
141
+ };
142
+ export declare const StaticTinaMarkdown: <CustomComponents extends {
143
+ [key: string]: object;
144
+ } = any>({ content, components, }: {
145
+ content: TinaMarkdownContent | TinaMarkdownContent[];
146
+ components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
147
+ }) => React.JSX.Element;
148
+ export {};
package/dist/rich-text/static.js ADDED
@@ -0,0 +1,239 @@
1
+ (function(global, factory) {
2
+ typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
3
+ })(this, function(exports2, React) {
4
+ "use strict";
5
+ const StaticTinaMarkdown = ({
6
+ content,
7
+ components = {}
8
+ }) => {
9
+ if (!content) {
10
+ return null;
11
+ }
12
+ const nodes = Array.isArray(content) ? content : content.children;
13
+ if (!nodes) {
14
+ return null;
15
+ }
16
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
17
+ return /* @__PURE__ */ React.createElement(Node, { components, key: index, child });
18
+ }));
19
+ };
20
+ const Leaf = (props) => {
21
+ let el = /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
22
+ if (props.components.text) {
23
+ const Component = props.components.text;
24
+ el = /* @__PURE__ */ React.createElement(Component, null, props.text);
25
+ }
26
+ if (props.bold) {
27
+ const Component = props.components.bold || "strong";
28
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
29
+ }
30
+ if (props.italic) {
31
+ const Component = props.components.italic || "em";
32
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
33
+ }
34
+ if (props.underline) {
35
+ const Component = props.components.underline || "u";
36
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
37
+ }
38
+ if (props.strikethrough) {
39
+ const Component = props.components.strikethrough || "s";
40
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
41
+ }
42
+ if (props.code) {
43
+ const Component = props.components.code || "code";
44
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
45
+ }
46
+ return el;
47
+ };
48
+ const Node = ({
49
+ components,
50
+ child
51
+ }) => {
52
+ var _a, _b, _c, _d, _e, _f, _g;
53
+ const { children, ...props } = child;
54
+ switch (child.type) {
55
+ case "h1":
56
+ case "h2":
57
+ case "h3":
58
+ case "h4":
59
+ case "h5":
60
+ case "h6":
61
+ case "p":
62
+ case "blockquote":
63
+ case "ol":
64
+ case "ul":
65
+ case "li":
66
+ if (components[child.type]) {
67
+ const Component2 = components[child.type];
68
+ return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
69
+ }
70
+ return React.createElement(child.type, {
71
+ children: /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children })
72
+ });
73
+ case "lic":
74
+ if (components.lic) {
75
+ const Component2 = components.lic;
76
+ return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
77
+ }
78
+ return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
79
+ StaticTinaMarkdown,
80
+ {
81
+ components,
82
+ content: child.children
83
+ }
84
+ ));
85
+ case "img":
86
+ if (components[child.type]) {
87
+ const Component2 = components[child.type];
88
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
89
+ }
90
+ return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
91
+ case "a":
92
+ if (components[child.type]) {
93
+ const Component2 = components[child.type];
94
+ return (
95
+ //@ts-ignore Same issue with TinaMarkdown
96
+ /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }))
97
+ );
98
+ }
99
+ return /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
100
+ case "code_block": {
101
+ let codeString = "";
102
+ if (Array.isArray(child.children)) {
103
+ codeString = child.children.map(
104
+ (line) => Array.isArray(line.children) ? line.children.map((t) => t.text).join("") : ""
105
+ ).join("\n");
106
+ } else if (typeof child.value === "string") {
107
+ codeString = child.value;
108
+ }
109
+ if (components[child.type]) {
110
+ const Component2 = components[child.type];
111
+ return /* @__PURE__ */ React.createElement(Component2, { ...props, value: codeString });
112
+ }
113
+ return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, codeString));
114
+ }
115
+ case "hr":
116
+ if (components[child.type]) {
117
+ const Component2 = components[child.type];
118
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
119
+ }
120
+ return /* @__PURE__ */ React.createElement("hr", null);
121
+ case "break":
122
+ if (components[child.type]) {
123
+ const Component2 = components[child.type];
124
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
125
+ }
126
+ return /* @__PURE__ */ React.createElement("br", null);
127
+ case "text":
128
+ return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
129
+ case "mdxJsxTextElement":
130
+ case "mdxJsxFlowElement":
131
+ const Component = components[child.name];
132
+ if (Component) {
133
+ const props2 = child.props ? child.props : {};
134
+ return /* @__PURE__ */ React.createElement(Component, { ...props2 });
135
+ } else {
136
+ if (child.name === "table") {
137
+ const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
138
+ const rows2 = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
139
+ const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
140
+ const TableComponent2 = (
141
+ //@ts-ignore Same issue with TinaMarkdown
142
+ components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }))
143
+ );
144
+ const TrComponent2 = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
145
+ const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
146
+ const TdComponent2 = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
147
+ const align2 = ((_f = child.props) == null ? void 0 : _f.align) || [];
148
+ return (
149
+ //@ts-ignore Same issue with TinaMarkdown
150
+ /* @__PURE__ */ React.createElement(TableComponent2, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent2, null, header.tableCells.map((c, i) => {
151
+ return /* @__PURE__ */ React.createElement(
152
+ StaticTinaMarkdown,
153
+ {
154
+ key: i,
155
+ components: {
156
+ p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align2[i], ...props2 })
157
+ },
158
+ content: c.value
159
+ }
160
+ );
161
+ }))), /* @__PURE__ */ React.createElement("tbody", null, rows2.map((row, i) => {
162
+ var _a2;
163
+ return /* @__PURE__ */ React.createElement(TrComponent2, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
164
+ return /* @__PURE__ */ React.createElement(
165
+ StaticTinaMarkdown,
166
+ {
167
+ key: i2,
168
+ components: {
169
+ p: (props2) => /* @__PURE__ */ React.createElement(TdComponent2, { align: align2[i2], ...props2 })
170
+ },
171
+ content: c.value
172
+ }
173
+ );
174
+ }));
175
+ })))
176
+ );
177
+ }
178
+ const ComponentMissing = components["component_missing"];
179
+ if (ComponentMissing) {
180
+ return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
181
+ } else {
182
+ return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
183
+ }
184
+ }
185
+ case "table":
186
+ const rows = child.children || [];
187
+ const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { style: { border: "1px solid #EDECF3" }, ...props2 }));
188
+ const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
189
+ const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement(
190
+ "td",
191
+ {
192
+ style: {
193
+ textAlign: (props2 == null ? void 0 : props2.align) || "auto",
194
+ border: "1px solid #EDECF3",
195
+ padding: "0.25rem"
196
+ },
197
+ ...props2
198
+ }
199
+ ));
200
+ const align = ((_g = child.props) == null ? void 0 : _g.align) || [];
201
+ return (
202
+ //@ts-ignore Same issue with TinaMarkdown
203
+ /* @__PURE__ */ React.createElement(TableComponent, null, /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
204
+ var _a2;
205
+ return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row.children) == null ? void 0 : _a2.map((cell, i2) => {
206
+ return /* @__PURE__ */ React.createElement(
207
+ StaticTinaMarkdown,
208
+ {
209
+ key: i2,
210
+ components: {
211
+ p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
212
+ },
213
+ content: cell.children
214
+ }
215
+ );
216
+ }));
217
+ })))
218
+ );
219
+ case "maybe_mdx":
220
+ return null;
221
+ case "html":
222
+ case "html_inline":
223
+ if (components[child.type]) {
224
+ const Component2 = components[child.type];
225
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
226
+ }
227
+ return child.value;
228
+ case "invalid_markdown":
229
+ return /* @__PURE__ */ React.createElement("pre", null, child.value);
230
+ default:
231
+ if (typeof child.text === "string") {
232
+ return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
233
+ }
234
+ return null;
235
+ }
236
+ };
237
+ exports2.StaticTinaMarkdown = StaticTinaMarkdown;
238
+ Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
239
+ });
package/dist/rich-text/static.mjs ADDED
@@ -0,0 +1,236 @@
1
+ import React from "react";
2
+ const StaticTinaMarkdown = ({
3
+ content,
4
+ components = {}
5
+ }) => {
6
+ if (!content) {
7
+ return null;
8
+ }
9
+ const nodes = Array.isArray(content) ? content : content.children;
10
+ if (!nodes) {
11
+ return null;
12
+ }
13
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
14
+ return /* @__PURE__ */ React.createElement(Node, { components, key: index, child });
15
+ }));
16
+ };
17
+ const Leaf = (props) => {
18
+ let el = /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
19
+ if (props.components.text) {
20
+ const Component = props.components.text;
21
+ el = /* @__PURE__ */ React.createElement(Component, null, props.text);
22
+ }
23
+ if (props.bold) {
24
+ const Component = props.components.bold || "strong";
25
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
26
+ }
27
+ if (props.italic) {
28
+ const Component = props.components.italic || "em";
29
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
30
+ }
31
+ if (props.underline) {
32
+ const Component = props.components.underline || "u";
33
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
34
+ }
35
+ if (props.strikethrough) {
36
+ const Component = props.components.strikethrough || "s";
37
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
38
+ }
39
+ if (props.code) {
40
+ const Component = props.components.code || "code";
41
+ el = /* @__PURE__ */ React.createElement(Component, null, el);
42
+ }
43
+ return el;
44
+ };
45
+ const Node = ({
46
+ components,
47
+ child
48
+ }) => {
49
+ var _a, _b, _c, _d, _e, _f, _g;
50
+ const { children, ...props } = child;
51
+ switch (child.type) {
52
+ case "h1":
53
+ case "h2":
54
+ case "h3":
55
+ case "h4":
56
+ case "h5":
57
+ case "h6":
58
+ case "p":
59
+ case "blockquote":
60
+ case "ol":
61
+ case "ul":
62
+ case "li":
63
+ if (components[child.type]) {
64
+ const Component2 = components[child.type];
65
+ return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
66
+ }
67
+ return React.createElement(child.type, {
68
+ children: /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children })
69
+ });
70
+ case "lic":
71
+ if (components.lic) {
72
+ const Component2 = components.lic;
73
+ return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
74
+ }
75
+ return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
76
+ StaticTinaMarkdown,
77
+ {
78
+ components,
79
+ content: child.children
80
+ }
81
+ ));
82
+ case "img":
83
+ if (components[child.type]) {
84
+ const Component2 = components[child.type];
85
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
86
+ }
87
+ return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
88
+ case "a":
89
+ if (components[child.type]) {
90
+ const Component2 = components[child.type];
91
+ return (
92
+ //@ts-ignore Same issue with TinaMarkdown
93
+ /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }))
94
+ );
95
+ }
96
+ return /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(StaticTinaMarkdown, { components, content: children }));
97
+ case "code_block": {
98
+ let codeString = "";
99
+ if (Array.isArray(child.children)) {
100
+ codeString = child.children.map(
101
+ (line) => Array.isArray(line.children) ? line.children.map((t) => t.text).join("") : ""
102
+ ).join("\n");
103
+ } else if (typeof child.value === "string") {
104
+ codeString = child.value;
105
+ }
106
+ if (components[child.type]) {
107
+ const Component2 = components[child.type];
108
+ return /* @__PURE__ */ React.createElement(Component2, { ...props, value: codeString });
109
+ }
110
+ return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, codeString));
111
+ }
112
+ case "hr":
113
+ if (components[child.type]) {
114
+ const Component2 = components[child.type];
115
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
116
+ }
117
+ return /* @__PURE__ */ React.createElement("hr", null);
118
+ case "break":
119
+ if (components[child.type]) {
120
+ const Component2 = components[child.type];
121
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
122
+ }
123
+ return /* @__PURE__ */ React.createElement("br", null);
124
+ case "text":
125
+ return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
126
+ case "mdxJsxTextElement":
127
+ case "mdxJsxFlowElement":
128
+ const Component = components[child.name];
129
+ if (Component) {
130
+ const props2 = child.props ? child.props : {};
131
+ return /* @__PURE__ */ React.createElement(Component, { ...props2 });
132
+ } else {
133
+ if (child.name === "table") {
134
+ const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
135
+ const rows2 = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
136
+ const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
137
+ const TableComponent2 = (
138
+ //@ts-ignore Same issue with TinaMarkdown
139
+ components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }))
140
+ );
141
+ const TrComponent2 = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
142
+ const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
143
+ const TdComponent2 = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
144
+ const align2 = ((_f = child.props) == null ? void 0 : _f.align) || [];
145
+ return (
146
+ //@ts-ignore Same issue with TinaMarkdown
147
+ /* @__PURE__ */ React.createElement(TableComponent2, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent2, null, header.tableCells.map((c, i) => {
148
+ return /* @__PURE__ */ React.createElement(
149
+ StaticTinaMarkdown,
150
+ {
151
+ key: i,
152
+ components: {
153
+ p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align2[i], ...props2 })
154
+ },
155
+ content: c.value
156
+ }
157
+ );
158
+ }))), /* @__PURE__ */ React.createElement("tbody", null, rows2.map((row, i) => {
159
+ var _a2;
160
+ return /* @__PURE__ */ React.createElement(TrComponent2, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
161
+ return /* @__PURE__ */ React.createElement(
162
+ StaticTinaMarkdown,
163
+ {
164
+ key: i2,
165
+ components: {
166
+ p: (props2) => /* @__PURE__ */ React.createElement(TdComponent2, { align: align2[i2], ...props2 })
167
+ },
168
+ content: c.value
169
+ }
170
+ );
171
+ }));
172
+ })))
173
+ );
174
+ }
175
+ const ComponentMissing = components["component_missing"];
176
+ if (ComponentMissing) {
177
+ return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
178
+ } else {
179
+ return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
180
+ }
181
+ }
182
+ case "table":
183
+ const rows = child.children || [];
184
+ const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { style: { border: "1px solid #EDECF3" }, ...props2 }));
185
+ const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
186
+ const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement(
187
+ "td",
188
+ {
189
+ style: {
190
+ textAlign: (props2 == null ? void 0 : props2.align) || "auto",
191
+ border: "1px solid #EDECF3",
192
+ padding: "0.25rem"
193
+ },
194
+ ...props2
195
+ }
196
+ ));
197
+ const align = ((_g = child.props) == null ? void 0 : _g.align) || [];
198
+ return (
199
+ //@ts-ignore Same issue with TinaMarkdown
200
+ /* @__PURE__ */ React.createElement(TableComponent, null, /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
201
+ var _a2;
202
+ return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row.children) == null ? void 0 : _a2.map((cell, i2) => {
203
+ return /* @__PURE__ */ React.createElement(
204
+ StaticTinaMarkdown,
205
+ {
206
+ key: i2,
207
+ components: {
208
+ p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
209
+ },
210
+ content: cell.children
211
+ }
212
+ );
213
+ }));
214
+ })))
215
+ );
216
+ case "maybe_mdx":
217
+ return null;
218
+ case "html":
219
+ case "html_inline":
220
+ if (components[child.type]) {
221
+ const Component2 = components[child.type];
222
+ return /* @__PURE__ */ React.createElement(Component2, { ...props });
223
+ }
224
+ return child.value;
225
+ case "invalid_markdown":
226
+ return /* @__PURE__ */ React.createElement("pre", null, child.value);
227
+ default:
228
+ if (typeof child.text === "string") {
229
+ return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
230
+ }
231
+ return null;
232
+ }
233
+ };
234
+ export {
235
+ StaticTinaMarkdown
236
+ };
package/dist/toolkit/react-sidebar/components/VersionInfo.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const VersionInfo: () => React.JSX.Element;