@griddo/ax 11.11.7 → 11.11.8-rc.1

package/src/schemas/pages/GlobalPage.ts

@@ -59,93 +59,110 @@ export default {
 					collapsed: true,
 					fields: [
 						{
-							title: "",
-							type: "SummaryButton",
-							key: "summary",
-						},
-						{
-							title: "Meta title",
-							type: "TextField",
-							key: "metaTitle",
-						},
-						{
-							title: "Meta description",
-							type: "TextArea",
-							key: "metaDescription",
-						},
-						{
-							title: "Keywords",
-							type: "TagsField",
-							key: "metaKeywords",
-						},
-						{
-							title: "Canonical URL",
-							type: "TextField",
-							key: "canonicalURL",
+							title: "SEO previews",
+							type: "FieldGroup",
+							key: "seopreviews",
+							collapsed: true,
+							solid: true,
+							fields: [{ title: "", type: "SEOPreview", key: "seoPreview" }],
 						},
 						{
-							title: "Meta robots index",
-							type: "RadioGroup",
-							key: "isIndexed",
-							options: [
-								{
-									value: true,
-									title: "Index",
-									name: "index",
-								},
+							title: "SEO meta data",
+							type: "FieldGroup",
+							key: "metadata",
+							collapsed: true,
+							solid: true,
+							fields: [
 								{
-									value: false,
-									title: "No index",
-									name: "noindex",
+									title: "",
+									type: "SummaryButton",
+									key: "summary",
 								},
-							],
-						},
-						{
-							title: "Meta robots follow",
-							type: "RadioGroup",
-							key: "follow",
-							options: [
 								{
-									value: true,
-									title: "Follow",
-									name: "follow",
+									title: "Meta title",
+									type: "TextField",
+									key: "metaTitle",
 								},
 								{
-									value: false,
-									title: "No follow",
-									name: "nofollow",
+									title: "Meta description",
+									type: "TextArea",
+									key: "metaDescription",
 								},
-							],
-						},
-						{
-							title: "Meta robots advanced",
-							type: "CheckGroup",
-							key: "metasAdvanced",
-							options: [
 								{
-									value: "noimageindex",
-									title: "No image index",
-									name: "noimage",
+									title: "Keywords",
+									type: "TagsField",
+									key: "metaKeywords",
 								},
 								{
-									value: "nosnippet",
-									title: "No snippet",
-									name: "nosnippet",
+									title: "Canonical URL",
+									type: "TextField",
+									key: "canonicalURL",
 								},
 								{
-									value: "noodp",
-									title: "No ODP",
-									name: "noodp",
+									title: "Meta robots index",
+									type: "RadioGroup",
+									key: "isIndexed",
+									options: [
+										{
+											value: true,
+											title: "Index",
+											name: "index",
+										},
+										{
+											value: false,
+											title: "No index",
+											name: "noindex",
+										},
+									],
 								},
 								{
-									value: "noarchive",
-									title: "No archive",
-									name: "noarchive",
+									title: "Meta robots follow",
+									type: "RadioGroup",
+									key: "follow",
+									options: [
+										{
+											value: true,
+											title: "Follow",
+											name: "follow",
+										},
+										{
+											value: false,
+											title: "No follow",
+											name: "nofollow",
+										},
+									],
 								},
 								{
-									value: "noTranslate",
-									title: "No translate",
-									name: "noTranslate",
+									title: "Meta robots advanced",
+									type: "CheckGroup",
+									key: "metasAdvanced",
+									options: [
+										{
+											value: "noimageindex",
+											title: "No image index",
+											name: "noimage",
+										},
+										{
+											value: "nosnippet",
+											title: "No snippet",
+											name: "nosnippet",
+										},
+										{
+											value: "noodp",
+											title: "No ODP",
+											name: "noodp",
+										},
+										{
+											value: "noarchive",
+											title: "No archive",
+											name: "noarchive",
+										},
+										{
+											value: "noTranslate",
+											title: "No translate",
+											name: "noTranslate",
+										},
+									],
 								},
 							],
 						},

package/src/schemas/pages/Page.ts

@@ -125,93 +125,110 @@ export default {
 					collapsed: true,
 					fields: [
 						{
-							title: "",
-							type: "SummaryButton",
-							key: "summary",
-						},
-						{
-							title: "Meta title",
-							type: "TextField",
-							key: "metaTitle",
-						},
-						{
-							title: "Meta description",
-							type: "TextArea",
-							key: "metaDescription",
-						},
-						{
-							title: "Keywords",
-							type: "TagsField",
-							key: "metaKeywords",
-						},
-						{
-							title: "Canonical URL",
-							type: "TextField",
-							key: "canonicalURL",
+							title: "SEO previews",
+							type: "FieldGroup",
+							key: "seopreviews",
+							collapsed: true,
+							solid: true,
+							fields: [{ title: "", type: "SEOPreview", key: "seoPreview" }],
 						},
 						{
-							title: "Meta robots index",
-							type: "RadioGroup",
-							key: "isIndexed",
-							options: [
-								{
-									value: true,
-									title: "Index",
-									name: "index",
-								},
+							title: "SEO meta data",
+							type: "FieldGroup",
+							key: "metadata",
+							collapsed: true,
+							solid: true,
+							fields: [
 								{
-									value: false,
-									title: "No index",
-									name: "noindex",
+									title: "",
+									type: "SummaryButton",
+									key: "summary",
 								},
-							],
-						},
-						{
-							title: "Meta robots follow",
-							type: "RadioGroup",
-							key: "follow",
-							options: [
 								{
-									value: true,
-									title: "Follow",
-									name: "follow",
+									title: "Meta title",
+									type: "TextField",
+									key: "metaTitle",
 								},
 								{
-									value: false,
-									title: "No follow",
-									name: "nofollow",
+									title: "Meta description",
+									type: "TextArea",
+									key: "metaDescription",
 								},
-							],
-						},
-						{
-							title: "Meta robots advanced",
-							type: "CheckGroup",
-							key: "metasAdvanced",
-							options: [
 								{
-									value: "noimageindex",
-									title: "No image index",
-									name: "noimage",
+									title: "Keywords",
+									type: "TagsField",
+									key: "metaKeywords",
 								},
 								{
-									value: "nosnippet",
-									title: "No snippet",
-									name: "nosnippet",
+									title: "Canonical URL",
+									type: "TextField",
+									key: "canonicalURL",
 								},
 								{
-									value: "noodp",
-									title: "No ODP",
-									name: "noodp",
+									title: "Meta robots index",
+									type: "RadioGroup",
+									key: "isIndexed",
+									options: [
+										{
+											value: true,
+											title: "Index",
+											name: "index",
+										},
+										{
+											value: false,
+											title: "No index",
+											name: "noindex",
+										},
+									],
 								},
 								{
-									value: "noarchive",
-									title: "No archive",
-									name: "noarchive",
+									title: "Meta robots follow",
+									type: "RadioGroup",
+									key: "follow",
+									options: [
+										{
+											value: true,
+											title: "Follow",
+											name: "follow",
+										},
+										{
+											value: false,
+											title: "No follow",
+											name: "nofollow",
+										},
+									],
 								},
 								{
-									value: "noTranslate",
-									title: "No translate",
-									name: "noTranslate",
+									title: "Meta robots advanced",
+									type: "CheckGroup",
+									key: "metasAdvanced",
+									options: [
+										{
+											value: "noimageindex",
+											title: "No image index",
+											name: "noimage",
+										},
+										{
+											value: "nosnippet",
+											title: "No snippet",
+											name: "nosnippet",
+										},
+										{
+											value: "noodp",
+											title: "No ODP",
+											name: "noodp",
+										},
+										{
+											value: "noarchive",
+											title: "No archive",
+											name: "noarchive",
+										},
+										{
+											value: "noTranslate",
+											title: "No translate",
+											name: "noTranslate",
+										},
+									],
 								},
 							],
 						},

package/src/types/index.tsx

@@ -1118,6 +1118,18 @@ export interface IContainedComponent {
 	componentID: number;
 }
 
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+export interface HeadingNode {
+	level: HeadingLevel;
+	tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+	text: string;
+	isHidden: boolean;
+	children: HeadingNode[];
+}
+
+export type HeadingFilter = "all" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+
 export type Field =
 	| "AsyncCheckGroup"
 	| "AsyncSelect"

package/src/components/PageInfoBanner/index.tsx

@@ -1,38 +0,0 @@
-import { Icon } from "@ax/components";
-
-import * as S from "./styles";
-
-const PageInfoBanner = (props: PageInfoBannerProps) => {
-	const { message, actionLabel, onAction, onDismiss, icon = "view" } = props;
-
-	return (
-		<S.Container>
-			<S.Header>
-				<S.Info>
-					<Icon name={icon} size="16px" />
-					{message}{" "}
-					{onAction && (
-						<button type="button" onClick={onAction}>
-							<strong style={{ textDecoration: "underline" }}>{actionLabel}</strong>
-						</button>
-					)}
-					{onDismiss && (
-						<S.DismissButton type="button" onClick={onDismiss}>
-							<Icon name="close" size="16px" />
-						</S.DismissButton>
-					)}
-				</S.Info>
-			</S.Header>
-		</S.Container>
-	);
-};
-
-interface PageInfoBannerProps {
-	message: string;
-	actionLabel?: string;
-	onAction?: () => void;
-	onDismiss?: () => void;
-	icon?: string;
-}
-
-export default PageInfoBanner;

package/src/components/PageInfoBanner/styles.tsx

@@ -1,40 +0,0 @@
-import styled from "styled-components";
-
-const Container = styled.div`
-	left: 0px;
-	bottom: ${(p) => p.theme.spacing.s};
-	width: 100vw;
-	display: flex;
-	position: fixed;
-	z-index: 100;
-	justify-content: center;
-	align-items: center;
-	`;
-
-const Header = styled.span`
-	${({ theme }) => theme.textStyle.uiS}
-	border-radius: ${(p) => p.theme.radii.s};
-	background-color: ${(p) => p.theme.color.uiBackground04};
-	color: ${(p) => p.theme.color.textHighEmphasisInverse};
-	padding: ${(p) => p.theme.spacing.s};
-	svg {
-		path {
-			fill: ${(p) => p.theme.color.textHighEmphasisInverse};
-		}
-	}
-`;
-
-const Info = styled.div`
-	display: flex;
-	align-items: center;
-	column-gap: ${(p) => p.theme.spacing.xs};
-`;
-
-const DismissButton = styled.button`
-	background: none;
-	border: none;
-	color: inherit;
-	cursor: pointer;
-`;
-
-export { Container, DismissButton, Header, Info };